{
  "out": "out",
  "id": "example_1_2_1",
  "nodes": [
    { "id": "state_path", "value": "Hello, world!" },
    { "id": "out", "ref": "return" },
    { "id": "98b92ur", "ref": "html_element" },
    { "id": "utility" },
    { "id": "flow" },
    { "id": "html" },
    { "id": "object" },
    { "id": "custom" },
    { "id": "state" },
    { "id": "JSON" },
    {
      "id": "log",
      "nodes": [
        { "id": "in" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "tag", "ref": "arg", "value": "tag" },
        {
          "id": "out",
          "args": [],
          "script": "console.log(tag ?? _graph.name ?? _graph.id); console.log(value); return value"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "input", "type": "ref" },
        { "from": "tag", "to": "out", "as": "tag" },
        { "from": "value", "to": "out", "as": "value" }
      ]
    },
    { "id": "fetch", "name": "fetch", "extern": "utility.fetch" },
    { "id": "call", "name": "call", "extern": "utility.call" },
    { "id": "stringify", "name": "stringify", "extern": "JSON.stringify" },
    { "id": "parse", "name": "parse", "extern": "JSON.parse" },
    { "id": "add", "extern": "utility.add" },
    { "id": "mult", "extern": "utility.mult" },
    { "id": "divide", "extern": "utility.divide" },
    { "id": "negate", "extern": "utility.negate" },
    {
      "id": "ancestors",
      "out": "out",
      "nodes": [
        { "id": "in" },
        { "id": "graph", "ref": "arg", "value": "graph" },
        { "id": "node", "ref": "arg", "value": "node" },
        {
          "id": "out",
          "script": "const parents = (id) => (graph ?? _graph).edges.filter(e => e.to === id).flatMap(e => parents(e.from)).concat([id]); return parents(node ?? graph.out ?? 'out')"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "graph", "to": "out", "as": "graph" },
        { "from": "node", "to": "out", "as": "node" }
      ]
    },
    {
      "id": "append",
      "type": "(array: A[], item: A) => A[]",
      "nodes": [
        { "id": "in" },
        { "id": "array", "ref": "arg", "value": "array" },
        { "id": "item", "ref": "arg", "value": "item" },
        {
          "id": "out",
          "script": "return array.concat(Array.isArray(item) ? item : [item])"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "array", "to": "out", "as": "array" },
        { "from": "item", "to": "out", "as": "item" }
      ]
    },
    {
      "id": "filter",
      "name": "filter",
      "in": "74n1jfm",
      "out": "lahq5z4",
      "description": "Filters an array using `fn: (element) => boolean`",
      "nodes": [
        {
          "id": "lahq5z4",
          "args": [],
          "name": "filter/out",
          "script": "const filter_fn = _lib.no.executeGraphNode({graph: fn.graph ?? _graph, lib: _lib})(typeof fn === 'string' ? fn : fn.fn); return arr.filter(element => filter_fn(Object.assign(fn.args ?? {}, {element})))"
        },
        { "id": "x2sz5kb", "args": [], "ref": "arg", "value": "arr" },
        { "id": "fn", "ref": "arg", "value": "fn" },
        { "id": "74n1jfm", "args": [], "name": "filter/in" }
      ],
      "edges": [
        { "from": "x2sz5kb", "to": "lahq5z4", "as": "arr" },
        { "from": "fn", "to": "lahq5z4", "as": "fn" },
        { "from": "74n1jfm", "to": "lahq5z4", "as": "_", "type": "ref" }
      ]
    },
    {
      "id": "default",
      "nodes": [
        { "id": "in" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "otherwise", "ref": "arg", "value": "otherwise" },
        { "id": "data" },
        { "id": "out", "script": "return value ?? data['otherwise']" }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_args", "type": "ref" },
        { "from": "value", "to": "out", "as": "value" },
        { "from": "otherwise", "to": "data", "as": "otherwise" },
        { "from": "data", "to": "out", "as": "data" }
      ]
    },
    {
      "id": "switch",
      "args": ["data", "input"],
      "nodes": [
        { "id": "in" },
        { "id": "args", "ref": "arg", "value": "_args" },
        { "id": "out", "ref": "get" },
        { "id": "input", "ref": "arg", "value": "input" },
        { "id": "otherwise", "ref": "arg", "value": "otherwise" },
        {
          "id": "string_input",
          "script": "return new String(input).toString()"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "args", "to": "out", "as": "target" },
        { "from": "input", "to": "string_input", "as": "input" },
        { "from": "string_input", "to": "out", "as": "path" },
        { "from": "otherwise", "to": "out", "as": "otherwise" }
      ]
    },
    {
      "id": "if",
      "nodes": [
        { "id": "in" },
        { "id": "pred", "ref": "arg", "value": "pred" },
        { "id": "true", "ref": "arg", "value": "true" },
        { "id": "false", "ref": "arg", "value": "false" },
        { "id": "data" },
        {
          "id": "out",
          "script": "return !!pred ? data.true_val : data.false_val"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "true", "to": "data", "as": "true_val" },
        { "from": "false", "to": "data", "as": "false_val" },
        { "from": "data", "to": "out", "as": "data" },
        { "from": "pred", "to": "out", "as": "pred" }
      ]
    },
    {
      "id": "return",
      "out": "out",
      "nodes": [
        { "id": "fn_args", "ref": "arg", "value": "_args" },
        { "id": "args", "ref": "arg", "value": "args" },
        { "id": "fn_el_from", "ref": "arg", "value": "element.from" },
        { "id": "fn_el_as", "ref": "arg", "value": "element.as" },
        {
          "id": "fn",
          "script": "return {fn, graph: _lib.no.runtime.get_parent(_graph), args}"
        },
        { "id": "fn_run", "ref": "run" },
        { "id": "result_entry", "ref": "array" },
        { "id": "fn_runnable", "ref": "runnable" },
        {
          "id": "edges",
          "script": "return _lib.no.runtime.get_edges_in(_lib.no.runtime.get_parent(_graph), _graph.node_id).filter(e => e.as !== 'args');"
        },
        { "id": "entries", "ref": "map" },
        { "id": "out", "script": "return Object.fromEntries(entries)" }
      ],
      "edges": [
        { "from": "fn_args", "to": "fn", "as": "args" },
        { "from": "fn_el_from", "to": "fn", "as": "fn" },
        { "from": "fn", "to": "fn_run", "as": "runnable" },
        { "from": "fn_run", "to": "result_entry", "as": "a1" },
        { "from": "fn_el_as", "to": "result_entry", "as": "a0" },
        { "from": "result_entry", "to": "fn_runnable", "as": "fn" },
        { "from": "result", "to": "fn_runnable", "as": "fn" },
        { "from": "fn_runnable", "to": "entries", "as": "fn" },
        { "from": "edges", "to": "entries", "as": "array" },
        { "from": "args", "to": "entries", "as": "args" },
        { "from": "entries", "to": "out", "as": "entries" }
      ]
    },
    {
      "id": "runnable",
      "out": "out",
      "nodes": [
        { "id": "fn", "ref": "arg", "value": "fn" },
        { "id": "value_args", "ref": "arg", "value": "args" },
        { "id": "context_args", "ref": "arg", "value": "_args" },
        { "id": "fn_path", "value": "fn" },
        { "id": "args_path", "value": "args" },
        { "id": "prune_vals", "value": { "args": false } },
        { "id": "delete_fn", "ref": "delete" },
        { "id": "delete_args", "ref": "delete" },
        { "id": "args", "ref": "merge_objects" },
        {
          "id": "out",
          "script": "const parent_graph = _lib.no.runtime.get_parent(_graph); const input = _lib.no.runtime.get_edges_in(parent_graph, _graph.node_id).find(i => i.as === 'fn'); return input ? {fn: input.from, graph: parent_graph.id, args: args ?? {}} : false"
        }
      ],
      "edges": [
        { "from": "context_args", "to": "delete_fn", "as": "target" },
        { "from": "fn_path", "to": "delete_fn", "as": "path" },
        { "from": "delete_fn", "to": "delete_args", "as": "target" },
        { "from": "args_path", "to": "delete_args", "as": "path" },
        { "from": "delete_args", "to": "args", "as": "o0" },
        { "from": "prune_vals", "to": "args", "as": "o1" },
        { "from": "value_args", "to": "args", "as": "o2" },
        { "from": "args", "to": "out", "as": "args", "type": "resolve" },
        { "from": "fn", "to": "out", "as": "fn", "type": "ref" }
      ]
    },
    {
      "id": "execute_graph",
      "nodes": [
        { "id": "in" },
        { "id": "args", "ref": "arg", "value": "_args" },
        { "id": "fn", "ref": "arg", "value": "fn" },
        { "id": "fn_graph", "ref": "arg", "value": "fn_graph" },
        {
          "id": "out",
          "script": "const res_graph = fn_graph ?? _graph; return (...inner_args) => {return _lib.no.executeGraphNode({graph: {...res_graph, nodes: [...res_graph.nodes], edges: [...res_graph.edges]}, lib: _lib})(fn)(Object.keys(args).length > 0 ? Object.assign(args, inner_args.length === 1 ? inner_args[0] : inner_args) : inner_args.length === 1 ? inner_args[0] : inner_args);}"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "args", "to": "out", "as": "args" },
        { "from": "fn", "to": "out", "as": "fn" },
        { "from": "fn_graph", "to": "out", "as": "fn_graph" }
      ]
    },
    {
      "id": "apply",
      "script": "return _lib.no.executeGraphNode({graph: fn.graph ?? _graph, lib: _lib})(fn.fn ?? fn)(args);"
    },
    {
      "id": "partial",
      "nodes": [
        { "id": "in" },
        { "id": "input_value", "ref": "arg", "value": "_args" },
        { "id": "fn", "ref": "arg", "value": "fn" },
        { "id": "args", "ref": "arg", "value": "args" },
        {
          "id": "out",
          "script": "return _lib.no.executeGraphNode({graph: _graph, lib: _lib})(fn)(Object.assign({}, _args, args))"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "args", "type": "ref" },
        { "from": "fn", "to": "out", "as": "fn" },
        { "from": "args", "to": "out", "as": "args" },
        { "from": "input_value", "to": "out", "as": "_args" }
      ]
    },
    { "id": "array", "name": "array", "extern": "utility.new_array" },
    { "id": "merge_objects", "extern": "utility.merge_objects" },
    {
      "id": "get",
      "nodes": [
        { "id": "in" },
        { "id": "target", "ref": "arg", "value": "target" },
        { "id": "path", "ref": "arg", "value": "path" },
        { "id": "otherwise", "ref": "arg", "value": "otherwise" },
        { "id": "out", "extern": "just.get" }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "input" },
        { "from": "otherwise", "to": "out", "as": "def" },
        { "from": "path", "to": "out", "as": "path" },
        { "from": "target", "to": "out", "as": "target" }
      ]
    },
    { "id": "arg", "extern": "utility.arg" },
    {
      "id": "set",
      "type": "(target: any, value: any, path: string) => any",
      "script": "const keys = path.split('.'); const check = (o, v, k) => k.length === 1 ? {...o, [k[0]]: v, _needsresolve: true} : o.hasOwnProperty(k[0]) ? {...o, [k[0]]: check(o[k[0]], v, k.slice(1)), _needsresolve: true} : o; return check(target, value, keys)"
    },
    {
      "id": "delete",
      "out": "out",
      "nodes": [
        { "id": "in" },
        { "id": "target", "ref": "arg", "value": "target" },
        { "id": "path", "ref": "arg", "value": "path" },
        {
          "id": "out",
          "script": "const new_val = Object.assign({}, target); delete new_val[path]; return new_val"
        }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "args" },
        { "from": "target", "to": "out", "as": "target" },
        { "from": "path", "to": "out", "as": "path" }
      ]
    },
    {
      "id": "cache",
      "nodes": [
        { "id": "in" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "recache", "ref": "arg", "value": "recache" },
        { "id": "cached", "ref": "arg", "value": "cached", "type": "internal" },
        {
          "id": "cache",
          "script": "_lib.no.runtime.update_graph(_graph, {cached: value}); return value;"
        },
        { "id": "cached_value", "ref": "default" },
        { "id": "out", "ref": "if" }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_" },
        { "from": "value", "to": "cache", "as": "value" },
        { "from": "cache", "to": "cached_value", "as": "otherwise" },
        { "from": "cached", "to": "cached_value", "as": "value" },
        { "from": "cached_value", "to": "out", "as": "false" },
        { "from": "cache", "to": "out", "as": "true" },
        { "from": "recache", "to": "out", "as": "pred" }
      ]
    },
    {
      "id": "isunchanged",
      "nodes": [
        { "id": "in" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "fn", "ref": "arg", "value": "fn" },
        { "id": "cached", "ref": "arg", "value": "cached", "type": "internal" },
        { "id": "eq_default", "ref": "eq" },
        { "id": "eq_runnable", "ref": "runnable" },
        { "id": "fn_runnable", "ref": "default" },
        {
          "id": "eq_fn_runnable",
          "script": "return {...fn, args: {...(fn.args ?? {}), a, b}}"
        },
        { "id": "eq_fn", "ref": "run" },
        {
          "id": "cache",
          "script": "_lib.no.runtime.update_graph(_graph, {cached: value}); return eq;"
        },
        { "id": "out", "ref": "if" }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_" },
        { "from": "eq_default", "to": "eq_runnable", "as": "fn" },
        { "from": "eq_runnable", "to": "fn_runnable", "as": "otherwise" },
        { "from": "fn", "to": "fn_runnable", "as": "value" },
        { "from": "fn_runnable", "to": "eq_fn_runnable", "as": "fn" },
        { "from": "value", "to": "eq_fn_runnable", "as": "a" },
        { "from": "cached", "to": "eq_fn_runnable", "as": "b" },
        { "from": "eq_fn_runnable", "to": "eq_fn", "as": "runnable" },
        { "from": "eq_fn", "to": "out", "as": "pred" },
        { "from": "eq_fn", "to": "out", "as": "true" },
        { "from": "value", "to": "cache", "as": "value" },
        { "from": "eq_fn", "to": "cache", "as": "eq" },
        { "from": "cache", "to": "out", "as": "false" }
      ]
    },
    {
      "id": "set_arg",
      "nodes": [
        { "id": "name", "ref": "arg", "value": "name" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "env", "ref": "arg", "value": "_args", "type": "internal" },
        { "id": "prev_value", "ref": "get" },
        {
          "id": "out",
          "script": "if(!_lib.utility.compare(env[name]._value, value)){ _lib.no.runtime.update_graph(_lib.no.runtime.get_parentest(_graph), {[name]: value});} return value;"
        }
      ],
      "edges": [
        { "from": "name", "to": "out", "as": "name" },
        { "from": "value", "to": "out", "as": "value" },
        { "from": "env", "to": "out", "as": "env" }
      ]
    },
    {
      "id": "event_publisher",
      "out": "update",
      "nodes": [
        { "id": "name", "ref": "arg", "value": "name" },
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "update", "extern": "no.runtime.publish" }
      ],
      "edges": [
        { "from": "name", "to": "update", "as": "event" },
        { "from": "value", "to": "update", "as": "data" }
      ]
    },
    {
      "id": "event_publisher_onchange",
      "out": "out",
      "nodes": [
        { "id": "value", "ref": "arg", "value": "value" },
        { "id": "value_eq_a", "ref": "arg", "value": "a" },
        { "id": "value_eq_b", "ref": "arg", "value": "b" },
        { "id": "value_eq_fn", "script": "return _lib.utility.compare(a, b)" },
        { "id": "value_eq", "ref": "runnable" },
        { "id": "value_unchanged", "ref": "isunchanged" },
        { "id": "publisher", "ref": "event_publisher" },
        { "id": "out", "ref": "if" }
      ],
      "edges": [
        { "from": "value", "to": "value_eq", "as": "value" },
        { "from": "value_eq_a", "to": "value_eq_fn", "as": "a" },
        { "from": "value_eq_b", "to": "value_eq_fn", "as": "b" },
        { "from": "value_eq_fn", "to": "value_eq", "as": "fn" },
        { "from": "value_eq", "to": "value_unchanged", "as": "fn" },
        { "from": "value_unchanged", "to": "out", "as": "pred" },
        { "from": "publisher", "to": "out", "as": "false" },
        { "from": "value", "to": "out", "as": "true" }
      ]
    },
    {
      "id": "input_value",
      "out": "out",
      "nodes": [
        { "id": "value", "ref": "arg", "value": "value" },
        {
          "id": "out",
          "script": "const parent = _lib.no.runtime.get_parent(_graph); const graph_node = _lib.no.runtime.get_node(parent, _graph.node_id); if(!_lib.utility.compare(_lib.no.runtime.get_node(parent, _graph.node_id).value, value)) { _lib.no.runtime.add_node(parent, {...graph_node, id: _graph.node_id, value}); } return value"
        }
      ],
      "edges": [
        { "from": "value", "to": "out", "as": "value", "type": "resolve" }
      ]
    },
    {
      "id": "event_subscriber",
      "out": "out",
      "nodes": [
        { "id": "name", "ref": "arg", "value": "name" },
        { "id": "onevent", "ref": "arg", "value": "onevent" },
        { "id": "data", "ref": "arg", "value": "data", "type": "internal" },
        {
          "id": "add_listener",
          "script": "_lib.no.runtime.add_listener(event, _graph.id, (data) => (_lib.no.runtime.update_args(_graph, {data})), false);",
          "_script": "const parent = _lib.no.runtime.get_parent(_graph); _lib.no.runtime.add_listener(event, _graph.id, (graph, data) => {if(onevent) { _lib.no.runGraph(onevent.graph, onevent.fn, {...onevent.args, data})}}, true)"
        },
        { "id": "out", "ref": "default" }
      ],
      "edges": [
        { "from": "name", "to": "add_listener", "as": "event" },
        { "from": "onevent", "to": "add_listener", "as": "onevent" },
        { "from": "add_listener", "to": "out", "as": "otherwise" },
        { "from": "data", "to": "out", "as": "value" }
      ]
    },
    {
      "id": "events_broadcast_channel",
      "out": "out",
      "nodes": [
        { "id": "arg_onmessage", "ref": "arg", "value": "onmessage" },
        { "id": "message_data", "ref": "arg", "value": "message.data.data" },
        { "id": "message_name", "ref": "arg", "value": "message.data.name" },
        { "id": "publish_event", "ref": "event_publisher" },
        { "id": "publish_event_runnable", "ref": "runnable" },
        { "id": "onmessageseq", "ref": "sequence" },
        {
          "id": "out",
          "script": "const bc = new BroadcastChannel('events'); bc.onmessage = e => { _lib.no.runGraph(onmessage.graph, onmessage.fn, {message: e}, _lib); }; return bc;"
        }
      ],
      "edges": [
        { "from": "message_data", "to": "publish_event", "as": "value" },
        { "from": "message_name", "to": "publish_event", "as": "name" },
        { "from": "publish_event", "to": "publish_event_runnable", "as": "fn" },
        {
          "from": "publish_event_runnable",
          "to": "onmessageseq",
          "as": "arg0"
        },
        { "from": "arg_onmessage", "to": "onmessageseq", "as": "arg1" },
        { "from": "onmessageseq", "to": "out", "as": "onmessage" }
      ]
    },
    {
      "id": "run",
      "out": "out",
      "nodes": [
        { "id": "runnable", "ref": "arg", "value": "runnable" },
        {
          "id": "out",
          "script": "return _lib.no.runGraph(runnable.graph, runnable.fn, runnable.args, _lib)"
        }
      ],
      "edges": [{ "from": "runnable", "to": "out", "as": "runnable" }]
    },
    {
      "id": "map",
      "name": "map",
      "in": "m3b5wg3",
      "out": "tgurdpo",
      "nodes": [
        { "id": "tgurdpo", "ref": "call", "name": "out" },
        { "id": "m3b5wg3", "name": "in" },
        { "id": "rielyq8", "value": "map", "name": "rielyq8" },
        { "ref": "arg", "id": "1rre4bx", "value": "array", "name": "1rre4bx" },
        { "ref": "arg", "id": "6g75abk", "value": "fn", "name": "6g75abk" },
        { "id": "w0zzawl", "ref": "array", "name": "w0zzawl" },
        { "id": "args", "ref": "arg", "value": "args" },
        {
          "id": "pdljod1",
          "name": "pdljod1",
          "script": "return (element, index, array) => _lib.no.runGraph(fn?.graph ?? _graph, fn?.fn ?? fn, Object.assign({}, fn.args, args, {element, index, array}), _lib);"
        },
        { "id": "2lvs5dj", "script": "return _graph", "name": "2lvs5dj" }
      ],
      "edges": [
        { "from": "m3b5wg3", "to": "tgurdpo", "as": "args", "type": "ref" },
        { "from": "rielyq8", "to": "tgurdpo", "as": "fn" },
        { "from": "1rre4bx", "to": "tgurdpo", "as": "self" },
        { "from": "1rre4bx", "to": "pdljod1", "as": "arr" },
        { "from": "w0zzawl", "to": "tgurdpo", "as": "args", "type": "resolve" },
        { "from": "pdljod1", "to": "w0zzawl", "as": "a0", "type": "resolve" },
        { "from": "2lvs5dj", "to": "pdljod1", "as": "graph" },
        { "from": "args", "to": "pdljod1", "as": "args" },
        { "from": "6g75abk", "to": "pdljod1", "as": "fn" }
      ]
    },
    {
      "id": "sequence",
      "name": "sequence",
      "out": "out",
      "nodes": [
        { "id": "in" },
        { "id": "args", "ref": "arg", "value": "_args" },
        { "id": "runnable_args", "ref": "arg", "value": "_args" },
        { "id": "value_args", "ref": "arg", "value": "args" },
        { "id": "context_args", "ref": "arg", "value": "_args" },
        { "id": "merged_args", "ref": "merge_objects" },
        { "id": "args_path", "value": "args" },
        { "id": "seq_runnable_args", "ref": "delete" },
        { "name": "in", "id": "in" },
        {
          "id": "runnables_promise",
          "script": "return Promise.all(promises);"
        },
        { "id": "map_runnables", "ref": "map" },
        {
          "id": "runnables",
          "script": "const runnables = Object.entries(inputs).filter(e => e[0] !== 'args').map(e => [e[0], e[1] && e[1]._Proxy ? e[1]._value : e[1]]).filter(r => r[1] && (!r[1]._Proxy || r[1]._value) && r[1].hasOwnProperty('fn') && r[1].hasOwnProperty('graph')); const filtered_args = Object.fromEntries(Object.entries(args).filter(a => !runnables.find(r => r[0] === a[0]))); return runnables.map(r => r[1]).map(r => ({...r, args: {...r.args, ...filtered_args}}))"
        },
        {
          "id": "element",
          "ref": "arg",
          "value": "element",
          "type": "internal"
        },
        {
          "id": "map_fn",
          "script": "return new Promise((resolve, reject) => resolve(_lib.no.runGraph(runnable.graph, runnable.fn, runnable.args, _lib)));"
        },
        { "id": "map_fn_runnable", "ref": "runnable" },
        { "name": "seq_runnable", "id": "out", "ref": "runnable" }
      ],
      "edges": [
        { "from": "in", "to": "runnables", "as": "inputs" },
        { "from": "args", "to": "runnables", "as": "args" },
        { "from": "element", "to": "map_fn", "as": "runnable" },
        { "from": "map_fn", "to": "map_fn_runnable", "as": "fn" },
        { "from": "runnable_args", "to": "map_runnables", "as": "args" },
        { "from": "runnables", "to": "map_runnables", "as": "array" },
        { "from": "map_fn_runnable", "to": "map_runnables", "as": "fn" },
        {
          "from": "map_runnables",
          "to": "runnables_promise",
          "as": "promises"
        },
        { "from": "runnables_promise", "to": "out", "as": "fn" },
        { "from": "context_args", "to": "merged_args", "as": "a0" },
        { "from": "value_args", "to": "merged_args", "as": "a1" },
        { "from": "merged_args", "to": "seq_runnable_args", "as": "target" },
        { "from": "args_path", "to": "seq_runnable_args", "as": "path" },
        { "from": "seq_runnable_args", "to": "out", "as": "args" }
      ]
    },
    {
      "id": "import_json",
      "name": "import_json",
      "in": "gsiimdp",
      "out": "lapeojg",
      "nodes": [
        {
          "id": "lapeojg",
          "script": "const new_nodes = import_graph.nodes.map(n => ({...n, id: name + '.' + n.id}));\n\nconst new_graph = {\n..._graph,\nnodes: [...(new Map(_graph.nodes.concat(new_nodes).map(n => [n.id, n])).values())]\n}\n\n_lib.no.runtime.update_graph(new_graph); return name;",
          "name": "out"
        },
        { "id": "gsiimdp", "name": "in" },
        { "id": "3zfjt1h", "ref": "call" },
        { "id": "05eag47", "ref": "arg", "value": "name" },
        { "id": "2vtokcl", "script": "return fetch(url);" },
        { "id": "i9x02is", "value": "json" },
        { "id": "irr99xz", "ref": "arg", "value": "url" }
      ],
      "edges": [
        { "from": "gsiimdp", "to": "lapeojg", "as": "arg0" },
        { "as": "import_graph", "from": "3zfjt1h", "to": "lapeojg" },
        { "from": "05eag47", "to": "lapeojg", "as": "name" },
        { "as": "self", "from": "2vtokcl", "to": "3zfjt1h" },
        { "from": "i9x02is", "to": "3zfjt1h", "as": "fn" },
        { "from": "irr99xz", "to": "2vtokcl", "as": "url" }
      ]
    },
    {
      "id": "object_entries",
      "name": "object_entries",
      "in": "tkd4tqn",
      "out": "j8c79uf",
      "nodes": [
        { "name": "out", "id": "j8c79uf", "ref": "filter" },
        { "id": "tkd4tqn", "name": "in" },
        { "id": "hfexsuu", "script": "return !key?.startsWith('_');" },
        { "id": "runnable", "ref": "runnable" },
        { "id": "bgi2g37", "script": "return Object.entries(obj)" },
        { "id": "7gqcw0o", "ref": "arg", "value": "0.0" },
        { "id": "kpakw50", "ref": "arg", "value": "object" }
      ],
      "edges": [
        { "from": "tkd4tqn", "to": "j8c79uf", "as": "arr" },
        { "from": "hfexsuu", "to": "runnable", "as": "fn" },
        { "from": "runnable", "to": "j8c79uf", "as": "fn" },
        { "from": "bgi2g37", "to": "j8c79uf", "as": "arr" },
        { "from": "7gqcw0o", "to": "hfexsuu", "as": "key" },
        { "from": "kpakw50", "to": "bgi2g37", "as": "obj" }
      ]
    },
    {
      "id": "css_anim",
      "name": "css_anim",
      "in": "cawqofn",
      "out": "spy9h48",
      "nodes": [
        {
          "name": "out",
          "id": "spy9h48",
          "script": "return Object.fromEntries((Array.isArray(arr[0]) ? arr[0] : arr).map((v, i, a) => [Math.floor((i / a.length)*100) + \"%\", v]))"
        },
        { "id": "cawqofn", "ref": "array", "name": "in" }
      ],
      "edges": [
        { "as": "arr", "from": "cawqofn", "to": "spy9h48", "type": "resolve" }
      ]
    },
    {
      "id": "css_styles",
      "name": "css_styles",
      "in": "xw3pmx7",
      "out": "5yxmxua",
      "nodes": [
        { "id": "5yxmxua", "ref": "html_element", "name": "out" },
        { "id": "vgv61zj", "ref": "html_text" },
        { "id": "jstjx7g" },
        { "id": "h40e3j9", "value": "style" },
        { "id": "xw3pmx7", "name": "in" },
        { "id": "jlgp7uy", "ref": "call", "name": "named_obj/out" },
        { "id": "o1j78dd", "value": "result-view" },
        { "id": "ij4z84e", "ref": "map" },
        { "id": "q3pwj9j", "value": "join" },
        { "id": "d6h3gdw", "ref": "array" },
        { "id": "j8c79uf", "name": "object_entries", "ref": "object_entries" },
        { "id": "n9g4wyq", "ref": "runnable" },
        { "id": "z63iaay", "script": "return \"\\n\";" },
        { "id": "vwsgweb", "ref": "default" },
        {
          "id": "aelf1a7",
          "script": "return key + '{' + value + '}'",
          "name": "out"
        },
        { "id": "mkwx4yx" },
        { "id": "fzr4mkv", "ref": "arg", "value": "css_object" },
        { "id": "5eqf77t", "value": "element.0", "ref": "arg" },
        { "id": "5pwetw5", "ref": "if" },
        { "id": "o5ojdyc", "script": "return key.startsWith(\"@keyframes\")" },
        { "id": "1hpnid4", "ref": "call" },
        { "id": "slj7ynn/jlgp7uy", "ref": "call", "name": "named_obj/out" },
        { "id": "ft1oksl", "ref": "arg", "value": "element.0" },
        { "id": "bbbp82v", "ref": "map" },
        { "id": "cp66ig5", "value": "join" },
        { "id": "uwq9u81", "ref": "array" },
        { "id": "slj7ynn/ij4z84e", "ref": "map" },
        { "id": "slj7ynn/q3pwj9j", "value": "join" },
        { "id": "slj7ynn/d6h3gdw", "ref": "array" },
        { "id": "i1ifamx", "ref": "object_entries" },
        { "id": "druspar", "ref": "runnable" },
        { "id": "gth1wc2", "script": "return \"\\n\";" },
        {
          "id": "slj7ynn/j8c79uf",
          "name": "object_entries",
          "ref": "object_entries"
        },
        { "id": "slj7ynn/n9g4wyq", "ref": "runnable" },
        { "id": "slj7ynn/z63iaay", "script": "return \"\\n\";" },
        { "id": "y25dg2n", "value": "element.1", "ref": "arg" },
        { "id": "0d4yh8u", "script": "return key + ': ' + value + \";\";" },
        { "id": "slj7ynn/vwsgweb", "ref": "default" },
        {
          "id": "slj7ynn/aelf1a7",
          "script": "return key + '{' + value + '}'",
          "name": "out"
        },
        { "id": "h13a9fd", "ref": "arg", "value": "element.0" },
        { "id": "h7me3v8", "ref": "arg", "value": "element.1" },
        { "id": "slj7ynn/mkwx4yx" },
        { "id": "slj7ynn/fzr4mkv", "ref": "arg", "value": "element.1" },
        { "id": "slj7ynn/5eqf77t", "value": "element.0", "ref": "arg" },
        { "id": "slj7ynn/1hpnid4", "ref": "call" },
        { "id": "slj7ynn/bbbp82v", "ref": "map" },
        { "id": "slj7ynn/cp66ig5", "value": "join" },
        { "id": "slj7ynn/uwq9u81", "ref": "array" },
        { "id": "slj7ynn/i1ifamx", "ref": "object_entries" },
        { "id": "slj7ynn/druspar", "ref": "runnable" },
        { "id": "slj7ynn/gth1wc2", "script": "return \"\\n\";" },
        { "id": "slj7ynn/y25dg2n", "value": "element.1", "ref": "arg" },
        {
          "id": "slj7ynn/0d4yh8u",
          "script": "return key + ': ' + value + \";\";"
        },
        { "id": "slj7ynn/h13a9fd", "ref": "arg", "value": "element.0" },
        { "id": "slj7ynn/h7me3v8", "ref": "arg", "value": "element.1" }
      ],
      "edges": [
        { "from": "vgv61zj", "to": "5yxmxua", "as": "children" },
        { "from": "jstjx7g", "to": "5yxmxua", "as": "props" },
        { "from": "h40e3j9", "to": "5yxmxua", "as": "dom_type" },
        { "from": "xw3pmx7", "to": "5yxmxua", "as": "arg3" },
        { "from": "jlgp7uy", "to": "vgv61zj", "as": "text" },
        { "from": "o1j78dd", "to": "jstjx7g", "as": "key" },
        { "from": "ij4z84e", "to": "jlgp7uy", "as": "self" },
        { "from": "q3pwj9j", "to": "jlgp7uy", "as": "fn" },
        { "from": "d6h3gdw", "to": "jlgp7uy", "as": "args" },
        { "from": "j8c79uf", "to": "ij4z84e", "as": "array" },
        { "as": "fn", "from": "n9g4wyq", "to": "ij4z84e" },
        { "from": "z63iaay", "to": "d6h3gdw", "as": "arg0" },
        { "from": "vwsgweb", "to": "j8c79uf", "as": "object" },
        { "as": "fn", "from": "aelf1a7", "to": "n9g4wyq" },
        { "from": "mkwx4yx", "to": "vwsgweb", "as": "otherwise" },
        { "from": "fzr4mkv", "to": "vwsgweb", "as": "value" },
        { "from": "5eqf77t", "to": "aelf1a7", "as": "key" },
        { "from": "5pwetw5", "to": "aelf1a7", "as": "value" },
        { "from": "o5ojdyc", "to": "5pwetw5", "as": "pred" },
        { "as": "false", "from": "1hpnid4", "to": "5pwetw5" },
        { "from": "slj7ynn/jlgp7uy", "to": "5pwetw5", "as": "true" },
        { "as": "key", "from": "ft1oksl", "to": "o5ojdyc" },
        { "from": "bbbp82v", "to": "1hpnid4", "as": "self" },
        { "from": "cp66ig5", "to": "1hpnid4", "as": "fn" },
        { "from": "uwq9u81", "to": "1hpnid4", "as": "args" },
        { "from": "slj7ynn/ij4z84e", "to": "slj7ynn/jlgp7uy", "as": "self" },
        { "from": "slj7ynn/q3pwj9j", "to": "slj7ynn/jlgp7uy", "as": "fn" },
        { "from": "slj7ynn/d6h3gdw", "to": "slj7ynn/jlgp7uy", "as": "args" },
        { "from": "i1ifamx", "to": "bbbp82v", "as": "array" },
        { "as": "fn", "from": "druspar", "to": "bbbp82v" },
        { "from": "gth1wc2", "to": "uwq9u81", "as": "arg0" },
        { "from": "slj7ynn/j8c79uf", "to": "slj7ynn/ij4z84e", "as": "array" },
        { "as": "fn", "from": "slj7ynn/n9g4wyq", "to": "slj7ynn/ij4z84e" },
        { "from": "slj7ynn/z63iaay", "to": "slj7ynn/d6h3gdw", "as": "arg0" },
        { "from": "y25dg2n", "to": "i1ifamx", "as": "object" },
        { "as": "fn", "from": "0d4yh8u", "to": "druspar" },
        { "from": "slj7ynn/vwsgweb", "to": "slj7ynn/j8c79uf", "as": "object" },
        { "as": "fn", "from": "slj7ynn/aelf1a7", "to": "slj7ynn/n9g4wyq" },
        { "from": "h13a9fd", "to": "0d4yh8u", "as": "key" },
        { "from": "h7me3v8", "to": "0d4yh8u", "as": "value" },
        {
          "from": "slj7ynn/mkwx4yx",
          "to": "slj7ynn/vwsgweb",
          "as": "otherwise"
        },
        { "from": "slj7ynn/fzr4mkv", "to": "slj7ynn/vwsgweb", "as": "value" },
        { "from": "slj7ynn/5eqf77t", "to": "slj7ynn/aelf1a7", "as": "key" },
        { "as": "value", "from": "slj7ynn/1hpnid4", "to": "slj7ynn/aelf1a7" },
        { "from": "slj7ynn/bbbp82v", "to": "slj7ynn/1hpnid4", "as": "self" },
        { "from": "slj7ynn/cp66ig5", "to": "slj7ynn/1hpnid4", "as": "fn" },
        { "from": "slj7ynn/uwq9u81", "to": "slj7ynn/1hpnid4", "as": "args" },
        { "from": "slj7ynn/i1ifamx", "to": "slj7ynn/bbbp82v", "as": "array" },
        { "as": "fn", "from": "slj7ynn/druspar", "to": "slj7ynn/bbbp82v" },
        { "from": "slj7ynn/gth1wc2", "to": "slj7ynn/uwq9u81", "as": "arg0" },
        { "from": "slj7ynn/y25dg2n", "to": "slj7ynn/i1ifamx", "as": "object" },
        { "as": "fn", "from": "slj7ynn/0d4yh8u", "to": "slj7ynn/druspar" },
        { "from": "slj7ynn/h13a9fd", "to": "slj7ynn/0d4yh8u", "as": "key" },
        { "from": "slj7ynn/h7me3v8", "to": "slj7ynn/0d4yh8u", "as": "value" }
      ]
    },
    {
      "edges": [
        { "from": "gvkhkfw", "to": "nn4twx9", "as": "children" },
        { "from": "7rhq0q5", "to": "nn4twx9", "as": "_" },
        { "from": "4972gx3", "to": "gvkhkfw", "as": "arg1" },
        { "from": "1ldhfah", "to": "gvkhkfw", "as": "arg0" },
        { "from": "ee5i5r2", "to": "4972gx3", "as": "dom_type" },
        { "from": "ro8n2gc", "to": "4972gx3", "as": "props" },
        { "from": "wet0jdv", "to": "1ldhfah", "as": "children" },
        { "from": "gcuxiw9", "to": "1ldhfah", "as": "props" },
        { "from": "875c1wk", "to": "1ldhfah", "as": "dom_type" },
        { "from": "t6q6rvf", "to": "ro8n2gc", "as": "arg0" },
        { "from": "rjwtb3c", "to": "ro8n2gc", "as": "props" },
        { "from": "utkc9o6", "to": "wet0jdv", "as": "arg0" },
        { "from": "jxl9r29", "to": "gcuxiw9", "as": "for" },
        { "from": "2zxw9oo", "to": "t6q6rvf", "as": "onkeydown" },
        { "from": "i7y9dyy", "to": "t6q6rvf", "as": "onchange" },
        { "from": "vks4vul", "to": "rjwtb3c", "as": "value" },
        { "from": "ddfgy2s", "to": "rjwtb3c", "as": "otherwise" },
        { "from": "trd8ptp", "to": "utkc9o6", "as": "text" },
        { "from": "zfrrk0z", "to": "jxl9r29", "as": "value" },
        { "to": "2zxw9oo", "from": "qseh2tb", "as": "fn", "type": "ref" },
        { "from": "b0j8nyq", "to": "i7y9dyy", "as": "dispatch" },
        { "from": "eotod0l", "to": "i7y9dyy", "as": "seq" },
        { "from": "qxwvdfe", "to": "i7y9dyy", "as": "value" },
        { "from": "0dnqo5l", "to": "i7y9dyy", "as": "onchange_fn" },
        { "from": "1wps21n", "to": "qseh2tb", "as": "a1" },
        { "from": "y5q7mbn", "to": "qseh2tb", "as": "a0" },
        { "from": "qjc0zt6", "to": "eotod0l", "as": "arg" },
        { "from": "widk6u6", "to": "qjc0zt6", "as": "fn" },
        { "from": "506ntvb", "to": "qjc0zt6", "as": "value" },
        { "from": "4ck1vaf", "to": "widk6u6", "as": "fn" }
      ],
      "nodes": [
        {
          "id": "nn4twx9",
          "ref": "html_element",
          "inputs": [
            {
              "from": "bw4iez5/gvkhkfw",
              "to": "bw4iez5/nn4twx9",
              "as": "children"
            },
            {
              "from": "bw4iez5/7rhq0q5",
              "to": "bw4iez5/nn4twx9",
              "as": "props"
            }
          ],
          "name": "out"
        },
        { "id": "gvkhkfw", "ref": "array" },
        { "id": "7rhq0q5", "name": "in" },
        { "id": "1ldhfah", "ref": "html_element", "name": "label" },
        { "id": "4972gx3", "ref": "html_element" },
        { "id": "wet0jdv", "ref": "array" },
        { "id": "gcuxiw9" },
        { "id": "875c1wk", "value": "label" },
        { "id": "ee5i5r2", "value": "input" },
        { "id": "ro8n2gc", "ref": "merge_objects" },
        { "id": "n1qcxu2", "value": "true" },
        { "id": "utkc9o6", "ref": "html_text" },
        { "id": "jxl9r29", "script": "return \"input-\" + name;" },
        { "id": "t6q6rvf" },
        { "id": "rjwtb3c", "ref": "default" },
        { "id": "varubwp" },
        { "id": "trd8ptp", "ref": "arg", "value": "name" },
        { "id": "zfrrk0z", "ref": "arg", "value": "name" },
        { "id": "2zxw9oo", "ref": "execute_graph", "name": "stop_propagation" },
        { "id": "sjw3rie", "ref": "default" },
        { "id": "vks4vul", "ref": "arg", "value": "props" },
        { "id": "ddfgy2s" },
        { "id": "671rzr9", "ref": "arg", "value": "name" },
        { "id": "ccir2fl", "ref": "arg", "value": "name" },
        { "id": "qseh2tb", "ref": "array" },
        { "id": "i7y9dyy", "ref": "runnable" },
        { "id": "fihihz0", "ref": "arg", "value": "oninput" },
        {
          "id": "1wps21n",
          "name": "stop propagation effect",
          "out": "hj2cig0",
          "nodes": [
            {
              "id": "hj2cig0",
              "ref": "array",
              "name": "stop propagation effect"
            },
            { "id": "1pvaim9", "ref": "execute_graph" },
            { "id": "0o86xp3", "ref": "arg", "value": "1" },
            { "id": "d60jwms", "script": "payload.stopPropagation();" },
            { "id": "xgbubrq", "ref": "arg", "value": "1" }
          ],
          "edges": [
            { "from": "1pvaim9", "to": "hj2cig0", "as": "a0" },
            { "from": "0o86xp3", "to": "hj2cig0", "as": "a1" },
            { "from": "d60jwms", "to": "1pvaim9", "as": "fn", "type": "ref" },
            { "from": "xgbubrq", "to": "d60jwms", "as": "payload" }
          ]
        },
        { "id": "y5q7mbn", "ref": "arg", "value": "0" },
        { "id": "y9bkhqc" },
        { "id": "6m6m1hq_1/ocuonub/qjc0zt6", "ref": "event_publisher" },
        { "id": "nb2sswc", "ref": "arg", "value": "name" },
        {
          "id": "6m6m1hq_1/ocuonub/506ntvb",
          "value": "event.target.value",
          "ref": "arg"
        },
        {
          "id": "6m6m1hq_1/ocuonub/4ck1vaf",
          "ref": "arg",
          "value": "name"
        }
      ],
      "out": "nn4twx9",
      "in": "7rhq0q5",
      "name": "input",
      "id": "input"
    },
    {
      "id": "html_text",
      "description": "Some HTML plaintext. Usually used as a child of html_element.",
      "out": "out",
      "nodes": [
        { "id": "in" },
        { "id": "text", "ref": "arg", "value": "text" },
        { "id": "text_value", "value": "text_value" },
        { "id": "out" }
      ],
      "edges": [
        { "from": "in", "to": "out", "as": "_", "type": "ref" },
        { "from": "text_value", "to": "out", "as": "dom_type" },
        { "from": "text", "to": "out", "as": "text" }
      ]
    },
    {
      "id": "html_element",
      "description": "An HTML Element. `children` is an array of html_element or html_text, `props` are the attributes for the html element as an object.",
      "nodes": [
        { "id": "in" },
        { "id": "children", "ref": "arg", "value": "children" },
        { "id": "props", "ref": "arg", "value": "props" },
        { "id": "dom_type", "ref": "arg", "value": "dom_type" },
        { "id": "memo", "ref": "arg", "value": "memo" },
        { "id": "div", "value": "div" },
        {
          "id": "fill_children",
          "script": "return children === undefined ? [] : children.length !== undefined ? children.map(c => _lib.no.resolve(c)).filter(c => !!c).map(c => c.el ?? c) : [children.el ?? children]"
        },
        { "id": "fill_props", "script": "return props ?? {}" },
        { "id": "dom_type_def", "ref": "default" },
        {
          "id": "out",
          "script": "if(!(typeof dom_type === 'string' && Array.isArray(children))){ throw new Error('invalid element');} children.filter(c => c).forEach(c => {if(typeof c.dom_type !== 'string'){throw new Error ('invalid child element');}}); return {el: {dom_type, props, children, memo}}"
        }
      ],
      "edges": [
        { "from": "children", "to": "fill_children", "as": "children" },
        {
          "from": "props",
          "to": "fill_props",
          "as": "props",
          "type": "resolve"
        },
        { "from": "memo", "to": "out", "as": "memo" },
        { "from": "fill_children", "to": "out", "as": "children" },
        { "from": "fill_props", "to": "out", "as": "props" },
        { "from": "dom_type", "to": "dom_type_def", "as": "value" },
        { "from": "div", "to": "dom_type_def", "as": "otherwise" },
        { "from": "dom_type_def", "to": "out", "as": "dom_type" },
        { "from": "in", "to": "out", "as": "args", "type": "ref" }
      ]
    },
    { "id": "eq", "script": "return a === b;" },
    { "id": "log_state", "ref": "html_text" }
  ],
  "edges": [
    { "from": "state_path", "to": "log_state", "as": "text" },
    { "as": "children", "from": "log_state", "to": "98b92ur" },
    { "from": "98b92ur", "to": "out", "as": "display" }
  ]
}