2f:T425,html`

Related Resources

The RiTa reference in observable
The RiTa website: examples, docs, gallery, etc.
A tutorial on RiScript, RiTa's simple scripting language
Using RiScript and RiTa Grammars within Twine
Generating with RiTa grammars and Markov chains
RiTa's Lexicon and Letter-to-Sound engine

`30:T154e,function editor(params) { //not used at moment const value = params.value || "//\nadd code here\n\n\n"; const theme = params.theme ? params.theme + "Mode" : "darkMode"; const width = params.width || "800px"; const height = params.height || "auto"; const fontSize = params.fontSize || "16px"; // modified from https://observablehq.com/@benatkin/codemirror-iframe let t = theme; let fn = ({CodeMirror} = {}) => { return ({id, value, t}) => { CodeMirror.defineSimpleMode("RiScript", { start: [ //RiScript { regex: /$([^)]*\|)+[^)]*$/g, token: "choice" }, //choices { regex: /(\.[\w]+()?)/g, token: "transform" }, //transforms { regex: /\$\w+/g, token: "symbol" }, //symbol { regex: /\$\$\w+/g, token: "dynamic" }, //dynamic symbol { regex: /\/\/.*/g, token: "comment" }, //single line comment { regex: /\/\*/, token: "comment", next: "comment" }, //multi lines comment ], comment: [ {regex: /.*?\*\//, token: "comment", next: "start"}, {regex: /.*/, token: "comment"} ], }); const cm = CodeMirror(document.body, { value, mode: 'RiScript', theme: t, lineNumbers: true }) CodeMirror.modeURL = 'https://codemirror.net/mode/%N/%N.js'; cm.on('change', (cm, changes) => { window.parent.postMessage({ id, value: cm.getValue(), height: document.body.offsetHeight }, `https://${document.domain}`); }) setInterval(() => { window.parent.postMessage({ id, height: document.body.offsetHeight }, `https://${document.domain}`); }, 300); } } const randomId = `el${Math.floor(Math.random() * 1000000)}` const frameSrc = ` ` const frameStyle = `width: ` + width + `;height: ` + height + `; border: 0; overflow-y: auto;` const frame = html``; const messageListener = event => { if (document.contains(frame)) { if (event.data.id == randomId) { if (event.data.value != undefined) { value = event.data.value; frame.value = event.data.value; frame.dispatchEvent(new CustomEvent("input")); } frame.style.height = `${event.data.height + 30}px`; } } else { window.removeEventListener('message', messageListener); } } window.addEventListener('message', messageListener, false); frame.srcdoc = frameSrc; frame.value = (() => md`${RiTa.evaluate(value.trim())}`)(); return frame; } 31:[{"id":"5ad1543f837d40bf1e53e53aed49c6130d630660020409c1b8667bdba391951d629d12003864064f1c31034230eb893315f9d46b9d325922eda0ebfdfa1bbd38","href":"https://static.observableusercontent.com/files/5ad1543f837d40bf1e53e53aed49c6130d630660020409c1b8667bdba391951d629d12003864064f1c31034230eb893315f9d46b9d325922eda0ebfdfa1bbd38","name":"RiTa.png","type":"image/png","lastModified":1739304849651.408,"size":26700}] 2d:{"title":"RiTa + Observable ","cells":[{"id":0,"value":"md`# RiTa + Observable

\n \nTools for using [RiTa](https://rednoise.org/rita) and [RiScript](/@dhowe/riscript) in observable. \n\nIf you're not yet familiar with RiTa, check out the website or this observable collection...
\n\nTo require RiTa itself (not needed for the tools below) do: ${style}\n\n${copiable(md`~~~js\n RiTa = require(\"rita\"); \n~~~`)}\nor\n${copiable(md`~~~js\n import {RiTa} from \"@dhowe/rita\"\n~~~`)}\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"templateDemo = md`---\n## RiScript tagged template\n\n${copiable(md`~~~js\n import {rs} from \"@dhowe/rita\"\n~~~`)}\n\nEnables rs as a tagged template, which can be used wherever you would use md...\n\nThe rs tag does 3 things:\n1. interprets [RiScript](./riscript) expressions\n2. processes [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) tags \n3. injects a style into all <p> tags telling Markdown not to ignore spaces and linebreaks (thanks to [@shadoof](https://observablehq.com/@shadoof)).\n\n

Examples:

\n`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":832,"value":"rs`### A Title\nSome text with spaces\n and line-breaks`","pinned":true,"hidden":false,"mode":"ojs"},{"id":472,"value":"sec,rs`### A Title \nSome [RiScript](/@dhowe/riscript) code\n that we can (format|arrange|layout)\n with *(embedded | inline)* Markdown\n and rerun (each | once per) second\n (via|using|with) the **(pulse).qq** function below\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":798,"value":"md`

Note: if you want vanilla or 'raw' Markdown (which ignores multiple spaces and line-breaks) you can use the following import instead:\n${copiable(md`~~~js\n import {rsr} from \"@dhowe/rita\"\n~~~\n\n`\n)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":829,"value":"md`--------\n## RiTa pulse\n${copiable(md`~~~js\n import {pulse} from \"@dhowe/rita\"\n~~~`)}\nThe *pulse* function simulates a simple timer, via a generator function, that you can use to refresh a cell at whatever speed you choose.\n\nFor example, in the cell above, we set a pulse at 1000ms (or 1 second)\n~~~js\n sec = pulse(1000) \n~~~\nThen we reference *sec* in the cell we want to refresh:\n~~~\n sec,rs\\`\n Some code\n we want to refresh\n each second\n \\`~~~\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":840,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":613,"value":"md`-----------\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"RiTa = require(\"rita@2.4.84\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":827,"value":"RiTa.VERSION","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"rs = template(md);","pinned":true,"hidden":false,"mode":"ojs"},{"id":825,"value":"rsr = template();","pinned":true,"hidden":false,"mode":"ojs"},{"id":436,"value":"import {copiable, style} from \"@tmcw/copiable\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":823,"value":"sec = pulse(1000)","pinned":false,"hidden":false,"mode":"ojs"},{"id":822,"value":"pulse = function*(ms) {\n while (true) {\n yield Promises.tick(ms);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":821,"value":"template = function(md, opts = {}) {\n let fun = (strs, ...vals) => {\n try {\n return RiTa.RiScript.eval(strs.reduce\n ((a, s, i) => a + s + (vals[i] || ''), ''));\n }\n catch (e) {\n console.error('[RiScript] ' + e.message);\n return '[RiScript] ' + e.message;\n }\n }\n if (!md) return fun;\n return (s, ...v) => {\n let res = md`${fun(s, v)}`;\n Array.from(res.children).forEach((e,i) => {\n if (e.tagName === 'P') e.style['white-space'] = 'break-spaces';\n });\n return res;\n }\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":838,"value":"html`