@gramlot/gramlot-examples 0.2.6 → 0.2.8

package/README.md

@@ -12,7 +12,7 @@ npm install @gramlot/gramlot-examples
 [![PyPI](https://img.shields.io/pypi/v/gramlot-examples)](https://pypi.org/project/gramlot-examples/)
 [![npm](https://img.shields.io/npm/v/@gramlot/gramlot-examples)](https://www.npmjs.com/package/@gramlot/gramlot-examples)
 
-Current release: 0.2.6.
+Current release: 0.2.8.
 
 The repositories of the family are described in
 [The Gramlot family](https://github.com/gramlot-org/gramlot/blob/main/docs/public/055-family.md)
@@ -26,8 +26,8 @@ same-name README:
 
 - `html_svg/`: thirteen HTML and SVG pages, without binding (`e01`–`e13`);
 - `binding/`: eleven pages whose DOM follows the Data (`b01`–`b11`);
-- `controllers/`: nine pages with formulas, controllers, named logic, events and
-  remote Source (`c01`–`c09`).
+- `controllers/`: eight pages with formulas, controllers, named logic, events and
+  the end-to-end story (`c01`–`c08`).
 
 Each `NN_name.js` exports `Page` and `Logic`; the Python page `NN_name.py` takes its
 `Logic` from the module beside it.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gramlot/gramlot-examples",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Gramlot example pages, the gallery page and its catalogue.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
     "prepack": "node scripts/build-browser.mjs"
   },
   "dependencies": {
-    "@gramlot/gramlot": ">=0.2.5"
+    "@gramlot/gramlot": ">=0.2.10"
   },
   "devDependencies": {
     "@genrojs/bag": ">=0.10.1",

package/src/gramlot_examples/catalog.json

@@ -235,17 +235,10 @@
         },
         {
           "key": "c08",
-          "title": "Remote Source",
-          "folder": "08_remote_source",
-          "description": "remoteSource replaces a branch with Source built on the server.",
-          "explanation": "The Page declares a Source method. A named controller asks for it; the new branch brings its own dataSetter values, visible at its first render."
-        },
-        {
-          "key": "c09",
           "title": "End-to-end story",
-          "folder": "09_end_to_end",
-          "description": "Title, input, radios, checkbox, formula, SVG, button and remote Source together.",
-          "explanation": "The acceptance page of the 0.2.0 plan: setters after the controls, live editing, a radio pair, a formula and controller driving text and SVG, a counting button, a remote branch and freeze."
+          "folder": "08_end_to_end",
+          "description": "Title, input, radios, checkbox, formula, SVG, button and freeze together.",
+          "explanation": "Setters after the controls, live editing, a radio pair, a formula and controller driving text and SVG, a counting button and freeze."
         }
       ]
     }

package/src/gramlot_examples/gallery/dist/frame.js

@@ -20,7 +20,7 @@
   // src/gramlot_examples/gallery/browser/frame-entry.js
   var script = document.currentScript;
   queueMicrotask(() => {
-    const renderer = window.gramlot.renderer;
+    const renderer = window.gramlot.src.renderer;
     const record = renderer.elements.get(script);
     if (!record || renderer.disposed || renderer.records.get(record.node) !== record) return;
     mountFrameTheme(renderer, record.node);

package/src/gramlot_examples/gallery/dist/gallery.js

@@ -17767,9 +17767,9 @@ ${"  ".repeat(depth)}</${tag2}>`;
   function I() {
     return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
   }
-  var y = I();
+  var P3 = I();
   function W(l3) {
-    y = l3;
+    P3 = l3;
   }
   var A = { exec: () => null };
   function C(l3) {
@@ -17800,9 +17800,9 @@ ${"  ".repeat(depth)}</${tag2}>`;
   var G = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
   var Ae = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
   var J = / {0,3}(?:[*+-]|\d{1,9}[.)])/;
-  var ce = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |fences|blockquote|heading|hr|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
-  var he = h(ce).replace(/bull/g, J).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/hr/g, / {0,3}(?:(?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
-  var Ee = h(ce).replace(/bull/g, J).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/hr/g, / {0,3}(?:(?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
+  var he = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |fences|blockquote|heading|hr|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
+  var de = h(he).replace(/bull/g, J).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/hr/g, / {0,3}(?:(?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
+  var Ee = h(he).replace(/bull/g, J).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/hr/g, / {0,3}(?:(?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
   var V = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table|[ \t]+\n)[^\n]+)*)/;
   var Me = /^[^\n]+/;
   var Y = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/;
@@ -17811,36 +17811,36 @@ ${"  ".repeat(depth)}</${tag2}>`;
   var N = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";
   var ee = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
   var Be = h("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n*|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n*|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][a-z0-9-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][a-z0-9-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", ee).replace("tag", N).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
-  var de = (l3) => h(V).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", l3).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex();
-  var De = de(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/);
-  var qe = de(/ {0,3}(?:[*+-]|\d{1,9}[.)])(?:[ \t]|\n|$)/);
+  var ke = (l3) => h(V).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", l3).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex();
+  var De = ke(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/);
+  var qe = ke(/ {0,3}(?:[*+-]|\d{1,9}[.)])(?:[ \t]|\n|$)/);
   var ve = h(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", qe).getRegex();
-  var te = { blockquote: ve, code: Le, def: Ie, fences: ze, heading: Ae, hr: G, html: Be, lheading: he, list: Ce, newline: $e, paragraph: De, table: A, text: Me };
-  var le = h("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex();
-  var Ze = { ...te, lheading: Ee, table: le, paragraph: h(V).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", le).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex() };
+  var te = { blockquote: ve, code: Le, def: Ie, fences: ze, heading: Ae, hr: G, html: Be, lheading: de, list: Ce, newline: $e, paragraph: De, table: A, text: Me };
+  var ue = h("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex();
+  var Ze = { ...te, lheading: Ee, table: ue, paragraph: h(V).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", ue).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", N).getRegex() };
   var He = { ...te, html: h(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", ee).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: A, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: h(V).replace("hr", G).replace("heading", ` *#{1,6} *[^
-]`).replace("lheading", he).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() };
+]`).replace("lheading", de).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() };
   var Ge = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
   var Ne = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
-  var ke = /^( {2,}|\\)\n(?!\s*$)[ \t]*/;
+  var ge = /^( {2,}|\\)\n(?!\s*$)[ \t]*/;
   var Qe = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
   var $ = /[\p{P}\p{S}]/u;
   var B = /[\s\p{P}\p{S}]/u;
   var Q = /[^\s\p{P}\p{S}]/u;
   var je = h(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, B).getRegex();
   var Fe = /[\p{Pi}\p{Ps}"']/u;
-  var ge = /(?!~)[\p{P}\p{S}]/u;
+  var fe = /(?!~)[\p{P}\p{S}]/u;
   var Ue = /(?!~)[\s\p{P}\p{S}]/u;
   var Ke = /(?:[^\s\p{P}\p{S}]|~)/u;
   var We = h(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", _e ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex();
-  var fe = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/;
-  var Xe = h(fe, "u").replace(/punct/g, $).getRegex();
-  var Je = h(fe, "u").replace(/punct/g, ge).getRegex();
+  var me = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/;
+  var Xe = h(me, "u").replace(/punct/g, $).getRegex();
+  var Je = h(me, "u").replace(/punct/g, fe).getRegex();
   var Ve = /^(?:\*+(?:((?!\*)(?!openQuote)punct)|([^\s*]))?)|^_+(?:((?!_)(?!openQuote)punct)|([^\s_]))?/;
   var Ye = h(Ve, "u").replace(/openQuote/g, Fe).replace(/punct/g, $).getRegex();
-  var me = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
-  var et = h(me, "gu").replace(/notPunctSpace/g, Q).replace(/punctSpace/g, B).replace(/punct/g, $).getRegex();
-  var tt = h(me, "gu").replace(/notPunctSpace/g, Ke).replace(/punctSpace/g, Ue).replace(/punct/g, ge).getRegex();
+  var xe = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
+  var et = h(xe, "gu").replace(/notPunctSpace/g, Q).replace(/punctSpace/g, B).replace(/punct/g, $).getRegex();
+  var tt = h(xe, "gu").replace(/notPunctSpace/g, Ke).replace(/punctSpace/g, Ue).replace(/punct/g, fe).getRegex();
   var nt = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)[\\s](\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|(?:(?!\\*)punct|notPunctSpace)(\\*+)(?!\\*)(?=notPunctSpace)";
   var rt = h(nt, "gu").replace(/notPunctSpace/g, Q).replace(/punctSpace/g, B).replace(/punct/g, $).getRegex();
   var st = h("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, Q).replace(/punctSpace/g, B).replace(/punct/g, $).getRegex();
@@ -17853,32 +17853,32 @@ ${"  ".repeat(depth)}</${tag2}>`;
   var ct = h(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
   var ht = h(ee).replace("(?:-->|$)", "-->").getRegex();
   var dt = h("^comment|^</[a-zA-Z][a-zA-Z0-9-]*\\s*>|^<[a-zA-Z][a-zA-Z0-9-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", ht).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
-  var xe = /\[(?:\\[\s\S]|[^\[\]\\])*\]/;
-  var U = h(/(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/).replace("brackets", xe).getRegex();
-  var kt = h(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", U).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
+  var be = /\[(?:\\[\s\S]|[^\[\]\\])*\]/;
+  var U = h(/(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/).replace("brackets", be).getRegex();
+  var kt = h(/^!?\[(label)\]\([ \t\n]*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?[ \t\n]*\)/).replace("label", U).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
   var gt = h(/^!?\[(label)\]\[(ref)\]/).replace("label", U).replace("ref", Y).getRegex();
   var ft = h(/^!?\[(ref)\](?:\[\])?/).replace("ref", Y).getRegex();
-  var ue = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\]){1,999}/;
-  var mt = h(/(?:[^\[\]\\`]*(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\]))){0,999}?[^\[\]\\`]*?/).replace("brackets", xe).getRegex();
-  var xt = h("reflink|nolink(?!\\()", "g").replace("reflink", h(/^!?\[(label)\]\[(ref)\]/).replace("label", mt).replace("ref", ue).getRegex()).replace("nolink", h(/^!?\[(ref)\](?:\[\])?/).replace("ref", ue).getRegex()).getRegex();
-  var pe = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/;
+  var pe = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\]){1,999}/;
+  var mt = h(/(?:[^\[\]\\`]*(?:\[(?:brackets|\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\]))){0,999}?[^\[\]\\`]*?/).replace("brackets", be).getRegex();
+  var xt = h("reflink|nolink(?!\\()", "g").replace("reflink", h(/^!?\[(label)\]\[(ref)\]/).replace("label", mt).replace("ref", pe).getRegex()).replace("nolink", h(/^!?\[(ref)\](?:\[\])?/).replace("ref", pe).getRegex()).getRegex();
+  var ce = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/;
   var bt = /[A-Za-z0-9._+-]+@[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![\w-])/;
   var Rt = h(/(?:mailto:email|xmpp:email(?:\/[A-Za-z0-9@.]+)?)/).replace(/email/g, bt).getRegex();
-  var ne = { _backpedal: A, anyPunctuation: pt, autolink: ct, blockSkip: We, br: ke, code: Ne, del: A, delLDelim: A, delRDelim: A, emStrongLDelim: Xe, emStrongRDelimAst: et, emStrongRDelimUnd: st, escape: Ge, link: kt, nolink: ft, punctuation: je, reflink: gt, reflinkSearch: xt, tag: dt, text: Qe, url: A };
+  var ne = { _backpedal: A, anyPunctuation: pt, autolink: ct, blockSkip: We, br: ge, code: Ne, del: A, delLDelim: A, delRDelim: A, emStrongLDelim: Xe, emStrongRDelimAst: et, emStrongRDelimUnd: st, escape: Ge, link: kt, nolink: ft, punctuation: je, reflink: gt, reflinkSearch: xt, tag: dt, text: Qe, url: A };
   var Tt = { ...ne, emStrongLDelim: Ye, emStrongRDelimAst: rt, emStrongRDelimUnd: ot, link: h(/^!?\[(label)\]\((.*?)\)/).replace("label", U).getRegex(), reflink: h(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", U).getRegex() };
-  var X = { ...ne, emStrongRDelimAst: tt, emStrongLDelim: Je, delLDelim: at, delRDelim: ut, url: h(/^emailProtocol|^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("emailProtocol", Rt).replace("protocol", pe).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![\w-])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: h(/^(?:[^a-zA-Z0-9](?=emailProtocol)|(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9](?=emailProtocol)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))))/).replace("protocol", pe).replace(/emailProtocol/g, /(?:mailto|xmpp):/).getRegex() };
-  var Ot = { ...X, br: h(ke).replace("{2,}", "*").getRegex(), text: h(X.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
+  var X = { ...ne, emStrongRDelimAst: tt, emStrongLDelim: Je, delLDelim: at, delRDelim: ut, url: h(/^emailProtocol|^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("emailProtocol", Rt).replace("protocol", ce).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![\w-])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: h(/^(?:[^a-zA-Z0-9](?=emailProtocol)|(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9](?=emailProtocol)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))))/).replace("protocol", ce).replace(/emailProtocol/g, /(?:mailto|xmpp):/).getRegex() };
+  var Ot = { ...X, br: h(ge).replace("{2,}", "*").getRegex(), text: h(X.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
   var j = { normal: te, gfm: Ze, pedantic: He };
   var D = { normal: ne, gfm: X, breaks: Ot, pedantic: Tt };
   var wt = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
-  var be = (l3) => wt[l3];
+  var Re = (l3) => wt[l3];
   function O(l3, e) {
     if (e) {
-      if (x.escapeTest.test(l3)) return l3.replace(x.escapeReplace, be);
-    } else if (x.escapeTestNoEncode.test(l3)) return l3.replace(x.escapeReplaceNoEncode, be);
+      if (x.escapeTest.test(l3)) return l3.replace(x.escapeReplace, Re);
+    } else if (x.escapeTestNoEncode.test(l3)) return l3.replace(x.escapeReplaceNoEncode, Re);
     return l3;
   }
-  function Re(l3) {
+  function Te(l3) {
     return l3.replace(x.numericCharacterReference, (e, t, n) => {
       let s = t === void 0 ? Number.parseInt(n, 16) : Number.parseInt(t, 10);
       return s === 0 || s > 1114111 || s >= 55296 && s <= 57343 ? "\uFFFD" : String.fromCodePoint(s);
@@ -17925,15 +17925,15 @@ ${"  ".repeat(depth)}</${tag2}>`;
   function q(l3) {
     return l3.trim().toLowerCase().toUpperCase().toLowerCase();
   }
-  function Te(l3, e) {
-    if (l3.indexOf(e[1]) === -1) return -1;
+  function oe(l3, e) {
+    if (l3.indexOf(e[0]) === -1 && l3.indexOf(e[1]) === -1) return -1;
     let t = 0;
     for (let n = 0; n < l3.length; n++) if (l3[n] === "\\") n++;
     else if (l3[n] === e[0]) t++;
     else if (l3[n] === e[1] && (t--, t < 0)) return n;
     return t > 0 ? -2 : -1;
   }
-  function oe(l3, e = 0) {
+  function ae(l3, e = 0) {
     let t = e, n = "";
     for (let s of l3) if (s === "	") {
       let r = 4 - t % 4;
@@ -17956,7 +17956,7 @@ ${"  ".repeat(depth)}</${tag2}>`;
     }
     return { type: u ? "image" : "link", raw: t, href: r, title: o, text: i, tokens: c };
   }
-  function yt(l3, e, t) {
+  function Pt(l3, e, t) {
     let n = l3.match(t.other.indentCodeCompensation);
     if (n === null) return e;
     let s = n[1];
@@ -17992,12 +17992,12 @@ ${"  ".repeat(depth)}</${tag2}>`;
     }
     return false;
   }
-  var P3 = class {
+  var y = class {
     options;
     rules;
     lexer;
     constructor(e) {
-      this.options = e || y;
+      this.options = e || P3;
     }
     space(e) {
       let t = this.rules.block.newline.exec(e);
@@ -18013,7 +18013,7 @@ ${"  ".repeat(depth)}</${tag2}>`;
     fences(e) {
       let t = this.rules.block.fences.exec(e);
       if (t) {
-        let n = t[0], s = yt(n, t[3] || "", this.rules);
+        let n = t[0], s = Pt(n, t[3] || "", this.rules);
         return { type: "code", raw: n, lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2], text: s };
       }
     }
@@ -18090,19 +18090,19 @@ ${Z.join(`
           if (!(t = o.exec(e)) || this.rules.block.hr.test(e)) break;
           p = t[0], e = e.substring(p.length);
           let d = t[2].split(`
-`, 1)[0], m = t[1].length, b = this.options.pedantic ? oe(d, m) : d.replace(this.rules.other.leadingSpaceTab, (M) => oe(M, m)), g = e.split(`
+`, 1)[0], m = t[1].length, b = this.options.pedantic ? ae(d, m) : d.replace(this.rules.other.leadingSpaceTab, (M) => ae(M, m)), g = e.split(`
 `, 1)[0], w = !b.trim(), f = 0;
           if (this.options.pedantic ? (f = 2, c = b.trimStart()) : w ? f = m + 1 : (f = b.search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, c = b.slice(f), f += m), w && this.rules.other.blankLine.test(g) && (p += g + `
 `, e = e.substring(g.length + 1), a = true), !a) {
-            let M = this.rules.other.nextBulletRegex(f), v = this.rules.other.hrRegex(f), Z = this.rules.other.fencesBeginRegex(f), ae = this.rules.other.headingBeginRegex(f), ye = this.rules.other.htmlBeginRegex(f), Pe = this.rules.other.blockquoteBeginRegex(f);
+            let M = this.rules.other.nextBulletRegex(f), v = this.rules.other.hrRegex(f), Z = this.rules.other.fencesBeginRegex(f), le = this.rules.other.headingBeginRegex(f), Pe = this.rules.other.htmlBeginRegex(f), ye = this.rules.other.blockquoteBeginRegex(f);
             for (; e; ) {
               let K = e.split(`
 `, 1)[0], H;
-              if (g = K, this.options.pedantic ? (g = g.replace(this.rules.other.listReplaceNesting, "  "), H = g) : H = g.replace(this.rules.other.leadingSpaceTab, (Se) => Se.replace(this.rules.other.tabCharGlobal, "    ")), Z.test(g) || ae.test(g) || ye.test(g) || Pe.test(g) || M.test(g) || v.test(g)) break;
+              if (g = K, this.options.pedantic ? (g = g.replace(this.rules.other.listReplaceNesting, "  "), H = g) : H = g.replace(this.rules.other.leadingSpaceTab, (Se) => Se.replace(this.rules.other.tabCharGlobal, "    ")), Z.test(g) || le.test(g) || Pe.test(g) || ye.test(g) || M.test(g) || v.test(g)) break;
               if (H.search(this.rules.other.nonSpaceChar) >= f || !g.trim()) c += `
 ` + H.slice(f);
               else {
-                if (w || b.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || Z.test(b) || ae.test(b) || v.test(b)) break;
+                if (w || b.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || Z.test(b) || le.test(b) || v.test(b)) break;
                 c += `
 ` + g;
               }
@@ -18152,6 +18152,7 @@ ${Z.join(`
     def(e) {
       let t = this.rules.block.def.exec(e);
       if (t) {
+        if (!this.rules.other.startAngleBracket.test(t[2]) && oe(t[2], "()") !== -1) return;
         let n = q(t[1]).replace(this.rules.other.multipleSpaceGlobal, " "), s = t[2] ? t[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", r = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
         return { type: "def", tag: n, raw: L(t[0], `
 `), href: s, title: r };
@@ -18199,6 +18200,7 @@ ${Z.join(`
       if (t) return !this.lexer.state.inLink && this.rules.other.startATag.test(t[0]) ? this.lexer.state.inLink = true : this.lexer.state.inLink && this.rules.other.endATag.test(t[0]) && (this.lexer.state.inLink = false), !this.lexer.state.inRawBlock && this.rules.other.startPreScriptTag.test(t[0]) ? this.lexer.state.inRawBlock = true : this.lexer.state.inRawBlock && this.rules.other.endPreScriptTag.test(t[0]) && (this.lexer.state.inRawBlock = false), { type: "html", raw: t[0], inLink: this.lexer.state.inLink, inRawBlock: this.lexer.state.inRawBlock, block: false, text: t[0] };
     }
     link(e) {
+      if (this.lexer.state.linkParenPossible === false) return;
       let t = this.rules.inline.link.exec(e);
       if (t) {
         let n = t[0].charAt(0) === "!" ? 2 : 1;
@@ -18209,7 +18211,7 @@ ${Z.join(`
           let i = L(s.slice(0, -1), "\\");
           if ((s.length - i.length) % 2 === 0) return;
         } else {
-          let i = Te(t[2], "()");
+          let i = oe(t[2], "()");
           if (i === -2) return;
           if (i > -1) {
             let a = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + i;
@@ -18321,7 +18323,7 @@ ${Z.join(`
       let t = this.rules.inline.text.exec(e);
       if (t) {
         let n = this.lexer.state.inRawBlock;
-        return { type: "text", raw: t[0], text: n ? t[0] : Re(t[0]), escaped: n };
+        return { type: "text", raw: t[0], text: n ? t[0] : Te(t[0]), escaped: n };
       }
     }
   };
@@ -18332,7 +18334,7 @@ ${Z.join(`
     inlineQueue;
     tokenizer;
     constructor(e) {
-      this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || y, this.options.tokenizer = this.options.tokenizer || new P3(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = { inLink: false, inRawBlock: false, linkEmitted: false, top: true };
+      this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || P3, this.options.tokenizer = this.options.tokenizer || new y(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = { inLink: false, inRawBlock: false, linkEmitted: false, linkParenPossible: true, top: true };
       let t = { other: x, block: j.normal, inline: D.normal };
       this.options.pedantic ? (t.block = j.pedantic, t.inline = D.pedantic) : this.options.gfm && (t.block = j.gfm, this.options.breaks ? t.inline = D.breaks : t.inline = D.gfm), this.tokenizer.rules = t;
     }
@@ -18468,6 +18470,15 @@ ${Z.join(`
     }
     inlineTokens(e, t = []) {
       this.tokenizer.lexer = this;
+      let n = this.state.linkParenPossible;
+      this.state.linkParenPossible = n && e.includes(")");
+      try {
+        return this.#e(e, t);
+      } finally {
+        this.state.linkParenPossible = n;
+      }
+    }
+    #e(e, t) {
       let n = e;
       if (this.tokens.links && e.includes("[")) {
         let i = this.tokenizer.rules.inline.reflinkSearch, u = (a) => {
@@ -18567,7 +18578,7 @@ ${Z.join(`
     options;
     parser;
     constructor(e) {
-      this.options = e || y;
+      this.options = e || P3;
     }
     space(e) {
       return "";
@@ -18718,7 +18729,7 @@ ${e}</tr>
     renderer;
     textRenderer;
     constructor(e) {
-      this.options = e || y, this.options.renderer = this.options.renderer || new S(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new z();
+      this.options = e || P3, this.options.renderer = this.options.renderer || new S(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new z();
     }
     static parse(e, t) {
       return new l2(t).parse(e);
@@ -18869,7 +18880,7 @@ ${e}</tr>
     options;
     block;
     constructor(e) {
-      this.options = e || y;
+      this.options = e || P3;
     }
     static passThroughHooks = /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens", "emStrongMask"]);
     static passThroughHooksRespectAsync = /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens"]);
@@ -18901,7 +18912,7 @@ ${e}</tr>
     Renderer = S;
     TextRenderer = z;
     Lexer = R;
-    Tokenizer = P3;
+    Tokenizer = y;
     Hooks = _;
     constructor(...e) {
       this.use(...e);
@@ -18963,7 +18974,7 @@ ${e}</tr>
           s.renderer = r;
         }
         if (n.tokenizer) {
-          let r = this.defaults.tokenizer || new P3(this.defaults);
+          let r = this.defaults.tokenizer || new y(this.defaults);
           for (let o in n.tokenizer) {
             if (!(o in r)) throw new Error(`tokenizer '${o}' does not exist`);
             if (["options", "rules", "lexer"].includes(o)) continue;
@@ -19061,11 +19072,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return E.setOptions(l3), k.defaults = E.defaults, W(k.defaults), k;
   };
   k.getDefaults = I;
-  k.defaults = y;
-  function Pt(...l3) {
+  k.defaults = P3;
+  function yt(...l3) {
     return E.use(...l3), k.defaults = E.defaults, W(k.defaults), k;
   }
-  k.use = Pt;
+  k.use = yt;
   k.walkTokens = function(l3, e) {
     return E.walkTokens(l3, e);
   };
@@ -19076,7 +19087,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   k.TextRenderer = z;
   k.Lexer = R;
   k.lexer = R.lex;
-  k.Tokenizer = P3;
+  k.Tokenizer = y;
   k.Hooks = _;
   k.parse = k;
   var gn = k.options;
@@ -21242,7 +21253,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   // src/gramlot_examples/gallery/browser/entry.js
   var script = document.currentScript;
   queueMicrotask(() => {
-    const renderer = window.gramlot.renderer;
+    const renderer = window.gramlot.src.renderer;
     const record = renderer.elements.get(script.parentElement);
     if (!record || renderer.disposed || renderer.records.get(record.node) !== record) return;
     mountGallery(renderer, record.node);

package/src/gramlot_examples/pages/README.md

@@ -7,9 +7,9 @@ JavaScript, in three families:
 - [`binding/`](binding/): eleven pages whose DOM follows the Data through pointers,
   editing, booleans, style, SVG and freeze. The last three take the content of
   `html_svg` examples 06, 08 and 12 and add the binding.
-- [`controllers/`](controllers/): nine pages with formulas, controllers, named
+- [`controllers/`](controllers/): eight pages with formulas, controllers, named
   logic in the `Logic` class of the page module, inline expressions, node methods, buttons,
-  events, remote Source and the end-to-end story of Gramlot 0.2.0.
+  events and the end-to-end story.
 
 Each example is a file page: `NN_name.py`, its JavaScript equivalent `NN_name.js`,
 its README `NN_name.md`, and where needed a same-name stylesheet `NN_name.css`.

package/src/gramlot_examples/pages/binding/08_freeze.js

@@ -28,11 +28,11 @@ export class Page extends BasePage {
 /** Logic of 08_freeze.py and 08_freeze.js: each button's nested controller calls one method. */
 export class Logic {
     sourceNode(nodeId) {
-        return this.page.source.getNodeByAttr('node_id', nodeId);
+        return this.page.src.source.getNodeByAttr('node_id', nodeId);
     }
 
     freeze(node) {
-        this.page.renderer.freeze(this.sourceNode('board'));
+        this.page.src.renderer.freeze(this.sourceNode('board'));
         node.SET('.frozen', true);
     }
 
@@ -47,7 +47,7 @@ export class Logic {
     }
 
     thaw(node) {
-        this.page.renderer.unfreeze(this.sourceNode('board'));
+        this.page.src.renderer.unfreeze(this.sourceNode('board'));
         node.SET('.frozen', false);
     }
 }

package/src/gramlot_examples/pages/controllers/{09_end_to_end.js → 08_end_to_end.js}

@@ -1,4 +1,4 @@
-import {Page as BasePage, source} from '@gramlot/gramlot/page';
+import {Page as BasePage} from '@gramlot/gramlot/page';
 
 export class Page extends BasePage {
     static title = 'End-to-end story';
@@ -45,31 +45,20 @@ export class Page extends BasePage {
         const notes = later.ul({node_id: 'notes', id: 'notes'});
         for (const text of ['Setters live here too', 'This note can be removed under freeze']) notes.li(text);
         const actions = later.div({class: 'actions'});
-        for (const [label, method] of [['Load extras', 'loadExtras'], ['Freeze', 'freeze'],
-            ['Remove a note', 'removeNote'], ['Thaw', 'thaw']]) {
+        for (const [label, method] of [['Freeze', 'freeze'], ['Remove a note', 'removeNote'], ['Thaw', 'thaw']]) {
             actions.button(label, {id: method}).dataController({func: method});
         }
-        later.section({node_id: 'extras', id: 'extras'}).p('No extras yet.', {class: 'muted'});
         later.dataSetter({destination_path: '.settings.caption', value: 'The story of a page'});
         later.dataSetter({destination_path: '.size', value: {small: true, large: false}});
         later.dataSetter({destination_path: '.gift', value: false});
         later.dataSetter({destination_path: '.live', value: false});
     }
-
-    extras(root) {
-        const branch = root.div({datapath: 'extras', class: 'stack'});
-        branch.h3('^.title', {id: 'extras-title'});
-        branch.p('^.items', {id: 'extras-items'});
-        branch.dataSetter({destination_path: '.title', value: 'Extras from the server'});
-        branch.dataSetter({destination_path: '.items', value: 'Ribbon, card, envelope'});
-    }
 }
-source(Page.prototype.extras);
 
-/** Logic of 09_end_to_end.py and 09_end_to_end.js: the named logic of the story. */
+/** Logic of 08_end_to_end.py and 08_end_to_end.js: the named logic of the story. */
 export class Logic {
     sourceNode(nodeId) {
-        return this.page.source.getNodeByAttr('node_id', nodeId);
+        return this.page.src.source.getNodeByAttr('node_id', nodeId);
     }
 
     /** Controller of the total: the circle turns red above 10. */
@@ -83,12 +72,8 @@ export class Logic {
         node.SET('.modifiers', kwargs.button_shift ? 'with Shift' : 'without modifiers');
     }
 
-    loadExtras() {
-        return this.page.remoteSource(this.sourceNode('extras'), 'extras');
-    }
-
     freeze() {
-        this.page.renderer.freeze(this.sourceNode('later'));
+        this.page.src.renderer.freeze(this.sourceNode('later'));
     }
 
     removeNote() {
@@ -98,6 +83,6 @@ export class Logic {
     }
 
     thaw() {
-        this.page.renderer.unfreeze(this.sourceNode('later'));
+        this.page.src.renderer.unfreeze(this.sourceNode('later'));
     }
 }

package/src/gramlot_examples/pages/controllers/{09_end_to_end.md → 08_end_to_end.md}

@@ -1,14 +1,13 @@
-# 09 · End-to-end story
+# 08 · End-to-end story
 
-The acceptance page of Gramlot 0.2.0 (unified plan §8.1), in Python and JavaScript with one `Logic` class in `09_end_to_end.js`.
+Every piece of the controllers family on one page, in Python and JavaScript with one `Logic` class in `08_end_to_end.js`.
 
 1. **First render.** The `dataSetter` nodes sit after some controls and in the later branch; `.settings.caption` is written twice and the later setter wins. The quantity has no setter and starts from its `default`. The first DOM already shows every final value.
 2. **Editing.** The caption field writes at `change`; after checking `live` it writes at every keystroke.
 3. **Formula and controller.** The formulas compute the total and the circle's radius; the named controller `paint` colors the circle.
 4. **Radio.** Choosing Large writes `size.large` true and `size.small` false.
 5. **Button.** The nested named controller `press` runs once per click, with `button_counter` and `button_shift`.
-6. **Remote Source.** **Load extras** replaces the extras section with a branch built on the server; its own setters are visible at its first render.
-7. **Freeze.** Freeze the later branch, change the quantity and remove a note, then thaw once: the removal appears at the thaw.
-8. **Close.** Closing the page disposes the Gramlot instance: providers, timers, listeners and pending requests stop.
+6. **Freeze.** Freeze the later branch, change the quantity and remove a note, then thaw once: the removal appears at the thaw.
+7. **Close.** Closing the page disposes the Gramlot instance: providers, timers, listeners and pending requests stop.
 
-**Try it:** Walk the eight steps in order, then reload and walk them in another order.
+**Try it:** Walk the seven steps in order, then reload and walk them in another order.

package/src/gramlot_examples/pages/controllers/README.md

@@ -6,6 +6,6 @@ The pages of this family run code when the Data changes.
 
 Inline code needs a Content Security Policy that allows it. Named logic in the `Logic` class also runs under a strict policy.
 
-Start with **Formula** and **Controller**, then move the code to the `Logic` class with **Named logic**. The last page is the end-to-end story of Gramlot 0.2.0: every piece of the two families on one page.
+Start with **Formula** and **Controller**, then move the code to the `Logic` class with **Named logic**. The last page is the end-to-end story: every piece of the two families on one page.
 
 Each example has a Python page and its JavaScript equivalent. Both use the `Logic` class of the JavaScript module.

package/src/gramlot_examples/pages/html_svg/10_cards_with_icons.js

@@ -18,7 +18,7 @@ export class Page extends BasePage {
         for (const [title, description, kind] of CARDS) {
             const card = cards.article({node_label: kind, class: 'card stack'});
             card.button('×', {type: 'button', class: 'card-remove', aria_label: `Remove ${title}`,
-                connect_onclick: `window.gramlot.builder.source.getItem('main.page.cards').popNode('${kind}')`});
+                connect_onclick: `window.gramlot.src.builder.source.getItem('main.page.cards').popNode('${kind}')`});
             const icon = card.svg({viewBox: '0 0 64 64', width: 64, height: 64, aria_hidden: 'true'});
             this.icon(icon, kind);
             card.h2(title);

package/src/gramlot_examples/pages/html_svg/13_live_source.js

@@ -2,21 +2,21 @@ import {Page as BasePage} from '@gramlot/gramlot/page';
 
 // These browser actions change Source, never DOM elements.
 const ACTIONS = {
-    "add": "window.gramlot.builder.wrapSource(window.gramlot.source.getNode('main.page.work.items')).li('A new item', {class: 'card'})",
-    "remove": "const items = window.gramlot.source.getItem('main.page.work.items'); const last = items.getNodes().at(-1); if (last) items.popNode(last.label)",
-    "clear": "window.gramlot.source.getItem('main.page.work.items').clear()",
-    "rename": "window.gramlot.source.getNode('main.page.heading').setValue('Source is alive!')",
-    "color": "window.gramlot.source.getNode('main.page.motion.scene.ball').setAttr({fill: 'var(--gramlot-warning)'})",
-    "stop": "window.gramlot.source.getItem('main.page').popNode('motion')"
+    "add": "window.gramlot.src.builder.wrapSource(window.gramlot.src.source.getNode('main.page.work.items')).li('A new item', {class: 'card'})",
+    "remove": "const items = window.gramlot.src.source.getItem('main.page.work.items'); const last = items.getNodes().at(-1); if (last) items.popNode(last.label)",
+    "clear": "window.gramlot.src.source.getItem('main.page.work.items').clear()",
+    "rename": "window.gramlot.src.source.getNode('main.page.heading').setValue('Source is alive!')",
+    "color": "window.gramlot.src.source.getNode('main.page.motion.scene.ball').setAttr({fill: 'var(--gramlot-warning)'})",
+    "stop": "window.gramlot.src.source.getItem('main.page').popNode('motion')"
 };
 const ANIMATION = `queueMicrotask(() => {
     const app = window.gramlot;
-    const motion = app.source.getNode('main.page.motion');
-    const ball = app.source.getNode('main.page.motion.scene.ball');
+    const motion = app.src.source.getNode('main.page.motion');
+    const ball = app.src.source.getNode('main.page.motion.scene.ball');
     const timer = setInterval(() => {
         ball.setAttr({cx: 160 + 110 * Math.sin(performance.now() / 700)});
     }, 50);
-    app.renderer.onDispose(motion, () => clearInterval(timer));
+    app.src.renderer.onDispose(motion, () => clearInterval(timer));
 });`;
 
 export class Page extends BasePage {

package/src/gramlot_examples/pages/controllers/08_remote_source.js

@@ -1,43 +0,0 @@
-import {Page as BasePage, source} from '@gramlot/gramlot/page';
-
-const TOPICS = {
-    binding: ['Binding', 'Pointers connect the DOM to the Data in both directions.'],
-    controllers: ['Controllers', 'Formulas and controllers run code when the Data changes.'],
-    svg: ['SVG', 'SVG attributes follow the Data like HTML attributes.'],
-};
-
-export class Page extends BasePage {
-    static title = 'Remote Source';
-    static css = ['/themes/gramlot-base/theme.css'];
-
-    main(root) {
-        const pane = root.div({class: 'example-page stack', datapath: 'remote'});
-        pane.h1('Remote Source');
-        pane.html_label('Topic', {for: 'topic'});
-        const topic = pane.select({value: '^.topic', id: 'topic'});
-        for (const [key, [title]] of Object.entries(TOPICS)) topic.option(title, {value: key});
-        pane.button('Load from the server', {id: 'load'}).dataController({func: 'load', topic: '=.topic'});
-        const target = pane.section({node_id: 'details', class: 'card stack', id: 'details'});
-        target.p('Nothing loaded yet.', {class: 'muted'});
-        pane.dataSetter({destination_path: '.topic', value: 'binding'});
-    }
-
-    details(root, {topic = 'binding'} = {}) {
-        const [title, summary] = TOPICS[topic];
-        const branch = root.div({datapath: `topics.${topic}`, class: 'stack'});
-        branch.h2('^.title', {id: 'remote-title'});
-        branch.p('^.summary', {id: 'remote-summary'});
-        branch.dataSetter({destination_path: '.title', value: title});
-        branch.dataSetter({destination_path: '.summary', value: summary});
-    }
-}
-source(Page.prototype.details);
-
-/** Logic of 08_remote_source.py and 08_remote_source.js. */
-export class Logic {
-    /** The button's controller: ask the server for the Source method `details` of this Page. */
-    load(node, kwargs) {
-        const target = this.page.source.getNodeByAttr('node_id', 'details');
-        return this.page.remoteSource(target, 'details', {topic: kwargs.topic});
-    }
-}

package/src/gramlot_examples/pages/controllers/08_remote_source.md

@@ -1,10 +0,0 @@
-# 08 · Remote Source
-
-`gramlot.remoteSource(target, method, params)` asks the host to run a Source method of the Page and replaces the children of `target` with the returned branch.
-
-- The Page declares the method with `@source` in Python and `source(Page.prototype.details)` in JavaScript. It builds into its own `root` and runs on the server.
-- The button's nested controller names `load` in the `Logic` class of `08_remote_source.js`. It finds the target by its `node_id` and passes the chosen topic.
-- The new branch carries its own `dataSetter` nodes. They run before the branch is built, so its heading and summary show their values at the first render.
-- The request lives as long as the target: if the target is removed first, the late answer is ignored. When two requests overlap, the latest wins.
-
-**Try it:** Choose SVG and load it, then add a third `dataSetter` to the remote branch.