c-shell 0.3.0

An interactive shell for C: type an expression, a statement or a function and see what your real compiler does with it
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

"use strict";

const container = document.getElementById("terminal");
const status = document.getElementById("status");
const terminal = new Terminal({
  allowProposedApi: false,
  cursorBlink: true,
  cursorStyle: "bar",
  fontFamily:
    'ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace',
  fontSize: 15,
  scrollback: 5000,
  theme: {
    background: "#101317",
    foreground: "#e6edf3",
    cursor: "#55d6be",
    cursorAccent: "#101317",
    selectionBackground: "#264f78",
  },
});
const fitAddon = new FitAddon.FitAddon();
terminal.loadAddon(fitAddon);
terminal.open(container);
fitAddon.fit();
terminal.focus();

const basePath = window.location.pathname.endsWith("/")
  ? window.location.pathname
  : `${window.location.pathname}/`;
const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
const socket = new WebSocket(
  `${protocol}//${window.location.host}${basePath}ws`,
);
socket.binaryType = "arraybuffer";

const encoder = new TextEncoder();
const sendSize = () => {
  if (socket.readyState === WebSocket.OPEN) {
    socket.send(`resize:${terminal.cols}:${terminal.rows}`);
  }
};

socket.addEventListener("open", () => {
  status.hidden = true;
  sendSize();
  terminal.focus();
});

socket.addEventListener("message", (event) => {
  if (event.data instanceof ArrayBuffer) {
    terminal.write(new Uint8Array(event.data));
  }
});

socket.addEventListener("close", () => {
  status.textContent = document.body.dataset.disconnected;
  status.classList.add("disconnected");
  status.hidden = false;
});

socket.addEventListener("error", () => {
  status.textContent = document.body.dataset.disconnected;
  status.classList.add("disconnected");
  status.hidden = false;
});

terminal.onData((data) => {
  if (socket.readyState === WebSocket.OPEN) {
    socket.send(encoder.encode(data));
  }
});

// Mouse protocols and a few legacy terminal modes use arbitrary 8-bit input
// rather than Unicode text.
terminal.onBinary((data) => {
  if (socket.readyState !== WebSocket.OPEN) {
    return;
  }
  const bytes = new Uint8Array(data.length);
  for (let index = 0; index < data.length; index += 1) {
    bytes[index] = data.charCodeAt(index) & 0xff;
  }
  socket.send(bytes);
});

let resizeFrame;
const resizeObserver = new ResizeObserver(() => {
  cancelAnimationFrame(resizeFrame);
  resizeFrame = requestAnimationFrame(() => {
    fitAddon.fit();
    sendSize();
  });
});
resizeObserver.observe(container);

window.addEventListener("beforeunload", () => {
  socket.close();
});