Purescript, Local First
Topic Diffusion modeling
Purescript
(await Purescript(hi)).module.hi
ps = await Purescript(source)
module = ps.module
module.val
module.greet("me")
module.main()
An html string
module.render.toString()
unsafe_html`${module.render}`
function unsafe_html() {
const span = document.createElement("span");
span.innerHTML = String.raw.apply(this, arguments);
return span;
}
warnings = ps.warnings
errors = (await Purescript(`wat?`)).errors
(await Purescript(hi, { compilerUrl: "http://127.0.0.1:8080" })).module.hi
(await Purescript(simpleSample, { compilerUrl: "http://127.0.0.1:8080" })).module.val
(await Purescript("module Main where\n import Data.Codec.Foreign (_stringify)\n stringify = _stringify", { compilerUrl: "http://127.0.0.1:8080" })).module.stringify(true)
// returns Promise<{errors?, warnings?, module?}>
Purescript = async (source, options = { compilerUrl: "https://compile.purescript.org" }) => {
const { compilerUrl } = options
let response = await compile(source, compilerUrl)
if (response.error && response.error.contents)
return { errors: response.error && response.error.contents, warnings: response.warnings }
// console.log("compilerUrl", compilerUrl);
let jsPatched = response.js.replaceAll('from "../', `from "${compilerUrl}/output/`)
// console.log("jsPatched", jsPatched)
let sourceURL = URL.createObjectURL(new Blob([jsPatched], { type: 'text/javascript' }))
// console.log(sourceURL)
let module
try {
module = await import(sourceURL)
} catch (e) {
console.error(e)
return { module: e }
}
return { module, warnings: response.warnings }
}
compile = (source, compilerUrl) => fetch(`${compilerUrl}/compile`, {
method: 'POST',
body: `${source}`
}).then((response) => response.json());
// jsPatched = response.js.replaceAll('from "../', 'from "https://compile.purescript.org/output/')
// sourceURL = URL.createObjectURL(new Blob([jsPatched], { type: 'text/javascript' }))
// module = import(sourceURL)
import {mdPlus} from "@tmcw/bonus-markdown-flavor"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
