@gramlot/gramlot-examples 0.2.5 → 0.2.7

package/README.md

@@ -9,20 +9,25 @@ pip install gramlot-examples
 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.7.
+
 The repositories of the family are described in
 [The Gramlot family](https://github.com/gramlot-org/gramlot/blob/main/docs/public/055-family.md)
 (GC-055).
 
 ## Pages
 
-[`src/gramlot_examples/pages/`](src/gramlot_examples/pages/README.md) holds three
+[`src/gramlot_examples/pages/`](https://github.com/gramlot-org/gramlot-examples/blob/main/src/gramlot_examples/pages/README.md) holds three
 families. Each example is a Python page and its JavaScript equivalent, with a
 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.
@@ -33,7 +38,7 @@ The gallery page lists the families and opens each example beside its README and
 source. `build_gallery` (Python) and `buildGallery` (JavaScript) return its routes and
 static assets; each environment (`gramlot-py-server`, `gramlot-js-server`) serves the
 gallery with its own host and can add its own catalogue. Guide:
-[GE-010](docs/010-gallery.md).
+[GE-010](https://github.com/gramlot-org/gramlot-examples/blob/main/docs/010-gallery.md).
 
 ```sh
 npm install --no-package-lock
@@ -42,11 +47,4 @@ npm test
 python -m unittest discover -s tests
 ```
 
-## Applications
-
-[Hello World](apps/hello-world/README.md) stays here until its launchers move to the
-adapters as their quick-start examples. Its JavaScript launchers use
-`@gramlot/gramlot-js-server`; its Python launchers wait for `gramlot-py-server`.
-Database profiles remain placeholders.
-
-[Repository map](docs/005-repository-map.md) (GE-005).
+[Repository map](https://github.com/gramlot-org/gramlot-examples/blob/main/docs/005-repository-map.md) (GE-005).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gramlot/gramlot-examples",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Gramlot example pages, the gallery page and its catalogue.",
   "license": "Apache-2.0",
   "repository": {

package/src/gramlot_examples/catalog.json

@@ -93,7 +93,7 @@
           "title": "Live Source playground",
           "folder": "13_live_source",
           "description": "Create, update and remove Source nodes, with a small SVG animation.",
-          "explanation": "Builder calls create list items. Source mutations update text, color and structure. A setInterval animates an SVG attribute; removing its section disposes the timer. Works in hosted profiles and the standalone directory."
+          "explanation": "Builder calls create list items. Source mutations update text, color and structure. A setInterval animates an SVG attribute; removing its section disposes the timer. Works in every gallery command and in the static gallery opened from disk."
         }
       ]
     },
@@ -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/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;

package/src/gramlot_examples/pages/README.md

@@ -7,15 +7,17 @@ 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`.
 `NN_name.js` exports `Page` and `Logic`: the JavaScript page uses both, the Python
-page takes `Logic` from it. The gallery uses only what the minimal `FileHost`
-serves: `Page.css`, the same-name stylesheet and the root logic group.
+page takes `Logic` from it. The pages use only what the core `FileHost` serves:
+`Page.css`, the same-name stylesheet and the `Logic` of the page module. The gallery
+adds its own files: the frame script, a staged `<key>_aux.js` per example and its
+assets ([GE-010 §025](https://github.com/gramlot-org/gramlot-examples/blob/main/docs/010-gallery.md#ge-010-025)).
 
 The pages depend only on the Gramlot core. Shared visual styling is the
 `gramlot-base` theme shipped in the core package, served by each environment at

package/src/gramlot_examples/pages/controllers/07_events.md

@@ -4,7 +4,7 @@
 
 - The value is inline code with `this` = the declaring node and the parameter `event`. `this.SET('.path', …)` writes relative to the node's context.
 - The handler runs with the declaring node also when the event hits a descendant: a click on a chip reaches the section's handler, and `event.target` names the chip.
-- A value of dotted names, such as `gui.focused`, is named logic of a `js_requires` group instead. The minimal FileHost serves only the root logic group, so this page uses inline code.
+- A value of dotted names, such as `gui.focused`, is named logic of a `js_requires` group instead. `js_requires` needs a Host with a resource system: the core `FileHost` and the current adapters have none and raise an error for any name, so this page uses inline code. The resource system comes with genro-kajenn, part of Genro.
 - Removing the node removes its listeners.
 
 **Try it:** Click the green chip, type a word, then add `connect_onfocus` to the field.

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,28 +45,17 @@ 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);
@@ -83,10 +72,6 @@ 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'));
     }

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.md

@@ -10,7 +10,8 @@ Source deletion and removes the corresponding DOM branch, including its SVG.
 The action never removes a DOM element directly.
 
 Python and JavaScript declare the same page and browser action. It also works
-in the generated standalone directory opened directly from disk, offline.
+in the static gallery of `gramlot-serverless gallery <folder>`, opened from disk,
+offline.
 
 **Try it:** Remove the middle card, then the others. Reload to restore all three.
 Add a fourth card to the local dataset and give it a matching icon branch.

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

@@ -14,5 +14,5 @@ Named Source paths make the target of each operation explicit. Methods divide
 the page into sections and loops construct the initial items and buttons.
 
 This example demonstrates live Source, not Data binding, persistence or server
-synchronization. Its scripts/actions run in the hosted profiles and in the regenerated standalone
-directory opened directly from disk, offline.
+synchronization. Its scripts and actions run in every gallery command, and in the
+static gallery of `gramlot-serverless gallery <folder>` opened from disk, offline.

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

@@ -7,4 +7,4 @@ Start with **Hello World**, then explore text, lists, tables and form controls.
 Compare each preview with its code, then try the small change suggested in the example's notes. Python and JavaScript express the same ideas.
 
 Finish with **Live Source playground**: change the page while it is running and
-watch a small SVG animation driven by Source attributes. The live examples also run in the regenerated standalone directory, offline.
+watch a small SVG animation driven by Source attributes. The live examples also run in the static gallery of `gramlot-serverless gallery <folder>`, opened from disk, offline.

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.