29:null 2a:["$","title",null,{"children":"Literate programming framework for shaders (prototype) | Yaroslav Sergienko | Observable"}] 2f:[] 2d:{"id":"30890fc77094df75","slug":null,"title":"Literate programming framework for shaders (prototype)","thumbnail":"1825115fce5dbc41e1e1ec2056e886e29dfe45726e3d982dcd6390cb7470831f","access_level":"public","create_time":"$D2023-09-19T12:35:07.852Z","update_time":"$D2023-09-20T14:01:16.673Z","view_time":null,"first_public_time":"$D2023-09-19T12:35:07.852Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ae7dadfe8dcf0cbe","login":"pallada-92","name":"Yaroslav Sergienko","avatar_url":"https://avatars-next.observableusercontent.com/3da8dfae158d0eac994729272d88a21b700faaa2f34a98d6518064aaa722a9c9","tier":"starter_2024"},"version":290,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f19682cf1ab7bdae","login":"pallada-92","name":"Yaroslav Sergienko","avatar_url":"https://avatars-next.observableusercontent.com/3da8dfae158d0eac994729272d88a21b700faaa2f34a98d6518064aaa722a9c9","tier":null}],"members":[{"type":"individual","id":"f19682cf1ab7bdae","login":"pallada-92","name":"Yaroslav Sergienko","avatar_url":"https://avatars-next.observableusercontent.com/3da8dfae158d0eac994729272d88a21b700faaa2f34a98d6518064aaa722a9c9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Literate programming framework for shaders (prototype)","cells":[{"id":0,"value":"# Literate programming framework for shaders (prototype)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":260,"value":"## Standard library and types","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":254,"value":"import {types} from '8b0094a338e41518'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":265,"value":"## Parse & format shaders expressions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":156,"value":"import {parseExpr, formatExpr} from '239920cfe4c2e12c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":263,"value":"## Shaders compilation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":28,"value":"import {Fun, compileWithDeps, compileWithoutDeps, getGenericDeps} from 'd51130ce92766624';","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":269,"value":"## Shaders interpretation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":188,"value":"import {getDefaultCtx} from 'fb23e4c40e29b42b'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":272,"value":"## Nodes formatting","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":19,"value":"class Node {\n constructor(meta, body) {\n this.meta = meta;\n this.body = body;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"function node(meta, body) {\n const node = new Node(meta, body);\n const nodeHtml = nodeBodyToHtml(node);\n const res = html`

${meta.resType ? meta.resType.name : 'Node'}

\n ${meta.title}\n

\n ${nodeHtml.htmlCode === node.body && false ? '' : `

= ${nodeHtml.htmlCode}

`}\n ${'' && `

${node.body}

`}\n

`;\n res.value = node;\n return res;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"function fun(meta, body) {\n const fun = new Fun(meta, body);\n fun.compiledWithoutDeps = compileWithoutDeps(fun);\n fun.compiledWithDeps = compileWithDeps(fun);\n const res = html`

Function

\n ${meta.title}\n

${fun.compiledWithoutDeps}

`;\n res.value = fun;\n return res;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"function nodeToFun(node) {\n const ctx = {};\n const meta = {...node.meta};\n meta.imports = {...(meta.imports || {})};\n meta.args = {};\n meta.resType = node.meta.resType;\n const nodesOrder = getGenericDeps(node, node => (node.meta.deps || {}), node => node.meta.name);\n for (const [varName, node] of nodesOrder) {\n for (const [importName, importFun] of Object.entries(node.meta.imports || {})) {\n meta.imports[importName] = importFun;\n }\n if (!node.meta.isGlobal) {\n ctx[varName] = node.body;\n }\n }\n return fun(meta, ctx);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":178,"value":"defaultCtx = getDefaultCtx()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":167,"value":"function exprToHtml(expr, ctx) {\n return formatExpr(expr, name => {\n const targetNode = ctx[name];\n const targetLib = defaultCtx[name];\n if (targetNode) {\n const bg = targetNode instanceof Fun ? '#eee' : '#fea';\n return `${targetNode.meta.title}`;\n } else if (targetLib) {\n const bg = (targetLib.type === types.polymorphic || targetLib.type === types.function) ? '#eee' : '#fea';\n if (/^[a-z_]+$/gi.test(name)) {\n return `${targetLib.value ? targetLib.value[0].name : name}`; \n } else {\n return targetLib.value ? targetLib.value[0].name : name;\n } \n } else {\n throw new Error(`Name ${expr[1]} not found in context`);\n }\n })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":160,"value":"function nodeBodyToHtml(node) {\n const expr = parseExpr(node.body);\n const htmlCode = exprToHtml(expr, {...node.meta.deps, ...node.meta.imports});\n const res = html`

${htmlCode}

`;\n res.htmlCode = htmlCode;\n return res;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":279,"value":"## Test","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":38,"value":"viewof n1 = node({\n title: 'n1',\n name: 'n1',\n resType: types.float,\n deps: {},\n}, '2.0 + 2.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":40,"value":"viewof n2 = node({\n title: 'n2',\n name: 'n2',\n deps: {n1},\n resType: types.float,\n}, 'n1 + 1.')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":45,"value":"viewof f2 = nodeToFun(n2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"