C++

C++ is a general-purpose programming language with a bias towards systems programming. It supports procedural, object-oriented, and generic programming paradigms.

LiveCodes runs C++ in the browser using JSCPP, a C++ interpreter written in JavaScript that runs in a Web Worker.

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "template": "cpp"
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "cpp"
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "cpp"
};
  return (<LiveCodes {...options} />);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "cpp"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import LiveCodes from 'livecodes/svelte';

const options = {
  "template": "cpp"
};
</script>

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

export default function App() {
  const options = {
  "template": "cpp"
};
  return (<LiveCodes {...options} />);
}

Preact

import LiveCodes from 'livecodes/preact';

export default function App() {
  const options = {
  "template": "cpp"
};
  return (<LiveCodes {...options} />);
}

Web Components

<live-codes
  template="cpp"></live-codes>

<script type="module">
  import "livecodes/web-components";
</script>

Standard I/O

C++ programs in LiveCodes use cin for input and cout for output. Input is passed from JavaScript via livecodes.cpp.run(), and output is returned as a string.

JavaScript Interoperability

JavaScript can interact with the C++ runtime using the livecodes.cpp global:

• livecodes.cpp.input — set this to pass input to the program (read by cin)
• livecodes.cpp.run(input?) — execute the C++ program with optional input, returns a promise that resolves to { input, output, exitCode, error }
• livecodes.cpp.loaded — a promise that resolves when the runtime is ready

Language Info

Name

cpp

Extensions

.cpp, .c, .C, .cp, .cxx, .c++, .cppm, .ixx, .ii, .hpp, .h

Editor

script

Compiler

JSCPP (C++ interpreter)

Code Formatting

Using @wasm-fmt/clang-format, applying Google's C++ style guide.

Starter Template

https://livecodes.io/?template=cpp

Links

• C++ Reference
• JSCPP