prototype-3x5/src/3x5.ts

99 lines
2.3 KiB
TypeScript
Raw Normal View History

2023-09-08 04:03:48 +00:00
import { parse } from './parser';
import { runNoctl, Vm } from './vm';
import { AsHtml } from './words';
2023-08-05 05:09:33 +00:00
/**
2023-08-05 05:09:33 +00:00
* Basic unit of information, also an "actor" in the programming system
*/
2023-08-05 05:09:33 +00:00
type Card = {
/** Unique identifier */
id: number;
/** Key-value properties on the card */
fields: Record<string, string>;
/** Eventually: a markdown string containing code, but for now, just code */
code: string;
};
2023-07-22 02:19:10 +00:00
/**
2023-08-06 06:09:30 +00:00
* @param state VM state
* @param code Script to run
* @returns Markup to render / output
*/
2023-08-06 06:09:30 +00:00
function renderCard(state: Vm, code: string) {
2023-08-05 05:09:33 +00:00
const script = parse(code);
if (script[0]) {
2023-09-08 04:03:48 +00:00
runNoctl(state, script[1], (word) => (state.output += AsHtml(word) + "\n"));
} else {
state.output = script[1];
}
return state.output;
}
/**
* Global state: a single card
*/
2023-08-06 06:09:30 +00:00
let theCard: Card = {
id: 100,
fields: {},
code: String.raw`
2023-07-28 22:48:09 +00:00
h1 "Hello, World!"
para [2 + 2]
block {
This is a paragraph of text, with one [b bold] word. Yes, this means there has to be some magic in text processing... <b>this</b> won't work.
}
block -red "Beware!"
2023-07-27 00:06:21 +00:00
para "All text should be quoted, it's clearer that way. & blockquotes already should contain paragraphs. (maybe normalize nested paragraphs)"
block {
First block
} {
Second block
Is this markdown-parsed?
[button "No we want to render UI" \\{noop}]
2023-07-27 00:06:21 +00:00
} {
Since we want escapes to work, these blocks [i will] be subject to substitutions.
}
2023-07-27 05:54:06 +00:00
# A comment
para {
line endings escaped\
one slash
not escaped if \\
two slashes
escaped with a slash if \\\
three slashes
not escaped with two slashes if \\\\
four slashes
escaped with two slashes if \\\\\
five slashes
not escaped with three slashes if \\\\\\
six slashes
}
`,
};
const state = document.createElement("pre");
const display = document.createElement("blockquote");
const debugDisplay = document.createElement("pre");
function render() {
2023-08-06 06:09:30 +00:00
const vm: Vm = {
mode: "render",
2023-09-08 04:03:48 +00:00
commands: {},
2023-07-28 22:49:43 +00:00
output: "",
};
const html = renderCard(vm, theCard.code);
state.textContent = JSON.stringify(theCard, null, 2);
display.innerHTML = html;
debugDisplay.textContent = html;
}
render();
document.body.append(state, display, debugDisplay);