@gyral/core 0.3.0 → 0.3.2

package/dist/view/normalize/errors.js

@@ -3,7 +3,7 @@
 export const RULES_DOC = 'docs/design-docs/view/09-template-rules.md';
 /** Rule 11's message, here so the client's template cache needn't load the rule messages. */
 export const SERVER_ONLY = 'This template has document-level tags (<!doctype>, <html>, <head> or <body>): it is a page ' +
-    'shell, and only the server renders those. Render it with @gyral/core/server, and render ' +
+    'shell, and only the server renders those. Render it with @gyral/ssr (renderPage, renderToString), and render ' +
     'components (not the page) in the browser.';
 /** A template breaks rule `rule` of view/09-template-rules.md. */
 export class TemplateError extends Error {

package/dist/view/normalize/errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/view/normalize/errors.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,mFAAmF;AAEnF,MAAM,CAAC,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAEtE,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GACtB,6FAA6F;IAC7F,0FAA0F;IAC1F,2CAA2C,CAAC;AAE9C,kEAAkE;AAClE,MAAM,OAAO,aAAc,SAAQ,KAAK;IAItC,YAAY,IAAY,EAAE,OAAe,EAAE,GAAY,EAAE,IAAa;QACpE,MAAM,GAAG,GAAG,KAAK,SAAS,UAAU,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACpD,MAAM,OAAO,GACX,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC;QAC/F,KAAK,CAAC,wBAAwB,MAAM,CAAC,IAAI,CAAC,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,EAAE,CAAC,CAAC;QAC1E,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;CACF","sourcesContent":["// TemplateError: what the template rules (view/09-template-rules.md) throw. Kept apart from the\n// rule checks so code that only needs the class (template-element.ts) stays small.\n\nexport const RULES_DOC = 'docs/design-docs/view/09-template-rules.md';\n\n/** Rule 11's message, here so the client's template cache needn't load the rule messages. */\nexport const SERVER_ONLY =\n  'This template has document-level tags (<!doctype>, <html>, <head> or <body>): it is a page ' +\n  'shell, and only the server renders those. Render it with @gyral/core/server, and render ' +\n  'components (not the page) in the browser.';\n\n/** A template breaks rule `rule` of view/09-template-rules.md. */\nexport class TemplateError extends Error {\n  readonly rule: number;\n  readonly loc: string | undefined;\n\n  constructor(rule: number, message: string, loc?: string, near?: string) {\n    const doc = ` (${RULES_DOC}, rule ${String(rule)})`;\n    const context =\n      (near === undefined ? '' : `\\n  near: ${near}`) + (loc === undefined ? '' : `\\n  at ${loc}`);\n    super(`[gyral template rule ${String(rule)}] ${message}${doc}${context}`);\n    this.name = 'TemplateError';\n    this.rule = rule;\n    this.loc = loc;\n  }\n}\n"]}
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../../src/view/normalize/errors.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,mFAAmF;AAEnF,MAAM,CAAC,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAEtE,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GACtB,6FAA6F;IAC7F,+GAA+G;IAC/G,2CAA2C,CAAC;AAE9C,kEAAkE;AAClE,MAAM,OAAO,aAAc,SAAQ,KAAK;IAItC,YAAY,IAAY,EAAE,OAAe,EAAE,GAAY,EAAE,IAAa;QACpE,MAAM,GAAG,GAAG,KAAK,SAAS,UAAU,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACpD,MAAM,OAAO,GACX,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC;QAC/F,KAAK,CAAC,wBAAwB,MAAM,CAAC,IAAI,CAAC,KAAK,OAAO,GAAG,GAAG,GAAG,OAAO,EAAE,CAAC,CAAC;QAC1E,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;CACF","sourcesContent":["// TemplateError: what the template rules (view/09-template-rules.md) throw. Kept apart from the\n// rule checks so code that only needs the class (template-element.ts) stays small.\n\nexport const RULES_DOC = 'docs/design-docs/view/09-template-rules.md';\n\n/** Rule 11's message, here so the client's template cache needn't load the rule messages. */\nexport const SERVER_ONLY =\n  'This template has document-level tags (<!doctype>, <html>, <head> or <body>): it is a page ' +\n  'shell, and only the server renders those. Render it with @gyral/ssr (renderPage, renderToString), and render ' +\n  'components (not the page) in the browser.';\n\n/** A template breaks rule `rule` of view/09-template-rules.md. */\nexport class TemplateError extends Error {\n  readonly rule: number;\n  readonly loc: string | undefined;\n\n  constructor(rule: number, message: string, loc?: string, near?: string) {\n    const doc = ` (${RULES_DOC}, rule ${String(rule)})`;\n    const context =\n      (near === undefined ? '' : `\\n  near: ${near}`) + (loc === undefined ? '' : `\\n  at ${loc}`);\n    super(`[gyral template rule ${String(rule)}] ${message}${doc}${context}`);\n    this.name = 'TemplateError';\n    this.rule = rule;\n    this.loc = loc;\n  }\n}\n"]}

package/dist/view/normalize/id.d.ts

@@ -1,5 +1,8 @@
-/** The id of a template's normalized strings. */
-export declare function templateId(strings: readonly string[]): string;
+/**
+ * The id of a template's normalized strings. `svg`: an svg template's (01 "svg templates"),
+ * whose DOM differs from an html template's with the same strings, so its id does too.
+ */
+export declare function templateId(strings: readonly string[], svg?: boolean): string;
 /**
  * Development: records `id` → strings and warns once when two different normalized templates
  * share an id (the compiler fails the build instead).

package/dist/view/normalize/id.js

@@ -11,10 +11,17 @@ function avalanche(h, a, b) {
     x = Math.imul(x ^ (x >>> 13), b);
     return x ^ (x >>> 16);
 }
-/** The id of a template's normalized strings. */
-export function templateId(strings) {
+/**
+ * The id of a template's normalized strings. `svg`: an svg template's (01 "svg templates"),
+ * whose DOM differs from an html template's with the same strings, so its id does too.
+ */
+export function templateId(strings, svg = false) {
     let h1 = 0x9e3779b9 ^ strings.length;
     let h2 = 0x85ebca6b ^ strings.length;
+    if (svg) {
+        h1 = mix(h1, 0x737667, 0x2d51);
+        h2 = mix(h2, 0x737667, 0x1b873593);
+    }
     for (const s of strings) {
         h1 = mix(h1, s.length, 0x2d51);
         h2 = mix(h2, s.length, 0x1b873593);

package/dist/view/normalize/id.js.map

@@ -1 +1 @@
-{"version":3,"file":"id.js","sourceRoot":"","sources":["../../../src/view/normalize/id.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,8FAA8F;AAC9F,2FAA2F;AAC3F,8FAA8F;AAC9F,mEAAmE;AAEnE,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;IAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,SAAS,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;IAChD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACrC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AACxB,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,UAAU,CAAC,OAA0B;IACnD,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;IACrC,IAAI,EAAE,GAAG,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;IACrC,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAClC,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YAC1B,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;YAC5B,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,MAAM,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;IACjE,OAAO,CAAC,EAAE,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;AAEvC;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAU,EAAE,OAA0B;IACrE,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC3B,IAAI,KAAK,KAAK,SAAS;QAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;SACtC,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CACV,+CAA+C,EAAE,oCAAoC;YACnF,gFAAgF;YAChF,iBAAiB,KAAK,OAAO,GAAG,EAAE,CACrC,CAAC;QACF,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACpB,CAAC;AACH,CAAC","sourcesContent":["// Template ids (view/01-templates.md \"Template ids\"): a deterministic 53-bit hash of the\n// normalized strings, printed in base 36. Two independent 32-bit multiply-xorshift lanes over\n// the UTF-16 code units, with each string's length mixed in first so [\"a\", \"b\"] and [\"ab\"]\n// differ; a final avalanche, then 21 bits of one lane and 32 of the other. Only Math.imul and\n// integer ops: the same result in Node, browsers and the compiler.\n\nfunction mix(h: number, k: number, m: number): number {\n  return Math.imul(h ^ k, m);\n}\n\nfunction avalanche(h: number, a: number, b: number): number {\n  let x = Math.imul(h ^ (h >>> 16), a);\n  x = Math.imul(x ^ (x >>> 13), b);\n  return x ^ (x >>> 16);\n}\n\n/** The id of a template's normalized strings. */\nexport function templateId(strings: readonly string[]): string {\n  let h1 = 0x9e3779b9 ^ strings.length;\n  let h2 = 0x85ebca6b ^ strings.length;\n  for (const s of strings) {\n    h1 = mix(h1, s.length, 0x2d51);\n    h2 = mix(h2, s.length, 0x1b873593);\n    for (let k = 0; k < s.length; k++) {\n      const c = s.charCodeAt(k);\n      h1 = mix(h1, c, 0x9e3779b1);\n      h2 = mix(h2, c, 0x5bd1e995);\n    }\n  }\n  const lo = avalanche(h1 ^ Math.imul(h2, 0x27d4eb2f), 0x85ebca6b, 0xc2b2ae35) >>> 0;\n  const hi = avalanche(h2 ^ lo, 0x2c1b3c6d, 0x297a2d39) & 0x1fffff;\n  return (hi * 0x100000000 + lo).toString(36);\n}\n\nconst seen = new Map<string, string>();\n\n/**\n * Development: records `id` → strings and warns once when two different normalized templates\n * share an id (the compiler fails the build instead).\n */\nexport function recordTemplateId(id: string, strings: readonly string[]): void {\n  const key = JSON.stringify(strings);\n  const known = seen.get(id);\n  if (known === undefined) seen.set(id, key);\n  else if (known !== key) {\n    console.warn(\n      `gyral: two different templates share the id ${id}; server output and hydration may ` +\n        `confuse them. Change one template slightly (e.g. add a class) and report this ` +\n        `collision.\\n  ${known}\\n  ${key}`,\n    );\n    seen.set(id, key);\n  }\n}\n"]}
+{"version":3,"file":"id.js","sourceRoot":"","sources":["../../../src/view/normalize/id.ts"],"names":[],"mappings":"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","sourcesContent":["// Template ids (view/01-templates.md \"Template ids\"): a deterministic 53-bit hash of the\n// normalized strings, printed in base 36. Two independent 32-bit multiply-xorshift lanes over\n// the UTF-16 code units, with each string's length mixed in first so [\"a\", \"b\"] and [\"ab\"]\n// differ; a final avalanche, then 21 bits of one lane and 32 of the other. Only Math.imul and\n// integer ops: the same result in Node, browsers and the compiler.\n\nfunction mix(h: number, k: number, m: number): number {\n  return Math.imul(h ^ k, m);\n}\n\nfunction avalanche(h: number, a: number, b: number): number {\n  let x = Math.imul(h ^ (h >>> 16), a);\n  x = Math.imul(x ^ (x >>> 13), b);\n  return x ^ (x >>> 16);\n}\n\n/**\n * The id of a template's normalized strings. `svg`: an svg template's (01 \"svg templates\"),\n * whose DOM differs from an html template's with the same strings, so its id does too.\n */\nexport function templateId(strings: readonly string[], svg = false): string {\n  let h1 = 0x9e3779b9 ^ strings.length;\n  let h2 = 0x85ebca6b ^ strings.length;\n  if (svg) {\n    h1 = mix(h1, 0x737667, 0x2d51);\n    h2 = mix(h2, 0x737667, 0x1b873593);\n  }\n  for (const s of strings) {\n    h1 = mix(h1, s.length, 0x2d51);\n    h2 = mix(h2, s.length, 0x1b873593);\n    for (let k = 0; k < s.length; k++) {\n      const c = s.charCodeAt(k);\n      h1 = mix(h1, c, 0x9e3779b1);\n      h2 = mix(h2, c, 0x5bd1e995);\n    }\n  }\n  const lo = avalanche(h1 ^ Math.imul(h2, 0x27d4eb2f), 0x85ebca6b, 0xc2b2ae35) >>> 0;\n  const hi = avalanche(h2 ^ lo, 0x2c1b3c6d, 0x297a2d39) & 0x1fffff;\n  return (hi * 0x100000000 + lo).toString(36);\n}\n\nconst seen = new Map<string, string>();\n\n/**\n * Development: records `id` → strings and warns once when two different normalized templates\n * share an id (the compiler fails the build instead).\n */\nexport function recordTemplateId(id: string, strings: readonly string[]): void {\n  const key = JSON.stringify(strings);\n  const known = seen.get(id);\n  if (known === undefined) seen.set(id, key);\n  else if (known !== key) {\n    console.warn(\n      `gyral: two different templates share the id ${id}; server output and hydration may ` +\n        `confuse them. Change one template slightly (e.g. add a class) and report this ` +\n        `collision.\\n  ${known}\\n  ${key}`,\n    );\n    seen.set(id, key);\n  }\n}\n"]}

package/dist/view/normalize/normalize.d.ts

@@ -6,10 +6,13 @@ export interface Analysis {
     /** The DOM the browser must build from `template.html` (checked by the runtime preparer). */
     readonly shape: Shape;
 }
-/** The template object plus what the runtime preparer checks it against. */
-export declare function analyze(strings: readonly string[], loc?: string): Analysis;
+/**
+ * The template object plus what the runtime preparer checks it against. `svg`: the strings are
+ * an svg template's (`` svg`…` ``), whose top level is SVG content.
+ */
+export declare function analyze(strings: readonly string[], loc?: string, svg?: boolean): Analysis;
 /**
  * Normalizes a template's static strings into its template object (JSON data). Throws a
- * TemplateError for markup that breaks a template rule.
+ * TemplateError for markup that breaks a template rule. `svg`: an svg template's strings.
  */
-export declare function normalize(strings: readonly string[], loc?: string): NormalizedTemplate;
+export declare function normalize(strings: readonly string[], loc?: string, svg?: boolean): NormalizedTemplate;

package/dist/view/normalize/normalize.js

@@ -2,35 +2,41 @@
 // static strings to its template object, shared by the Vite compiler, the browser's runtime
 // preparer and the server renderer. Steps: minify whitespace (holes never move), tokenize and
 // build the tree (rules of view/09-template-rules.md), emit HTML, segments and parts, and hash
-// the normalized strings into the id. No DOM: it runs in Node and in the browser.
+// the normalized strings into the id. No DOM: it runs in Node and in the browser. An svg
+// template (01 "svg templates") is built as SVG content from its top level, and is flagged.
 import { emit } from './emit.js';
 import { templateId } from './id.js';
 import { Source } from './source.js';
 import { tokenize } from './tokenizer.js';
 import { TreeBuilder } from './tree.js';
 import { minifyStrings } from './whitespace.js';
-/** The template object plus what the runtime preparer checks it against. */
-export function analyze(strings, loc) {
+/**
+ * The template object plus what the runtime preparer checks it against. `svg`: the strings are
+ * an svg template's (`` svg`…` ``), whose top level is SVG content.
+ */
+export function analyze(strings, loc, svg = false) {
     const normalized = minifyStrings(strings);
     const src = new Source(normalized, loc);
-    const tree = new TreeBuilder(src);
+    const tree = new TreeBuilder(src, svg);
     tokenize(src, tree);
-    const { html, parts, segments, shape } = emit(tree.root, tree.server);
+    const { html, parts, segments, shape, staticStyles } = emit(tree.root, tree.server);
     const template = {
-        id: templateId(normalized),
+        id: templateId(normalized, svg),
         html,
         parts,
         ...(tree.server ? { server: true } : {}),
+        ...(svg ? { svg: true } : {}),
         segments,
+        ...(staticStyles.length === 0 ? {} : { staticStyles }),
         ...(loc === undefined ? {} : { loc }),
     };
     return { template, strings: normalized, shape };
 }
 /**
  * Normalizes a template's static strings into its template object (JSON data). Throws a
- * TemplateError for markup that breaks a template rule.
+ * TemplateError for markup that breaks a template rule. `svg`: an svg template's strings.
  */
-export function normalize(strings, loc) {
-    return analyze(strings, loc).template;
+export function normalize(strings, loc, svg = false) {
+    return analyze(strings, loc, svg).template;
 }
 //# sourceMappingURL=normalize.js.map

package/dist/view/normalize/normalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.js","sourceRoot":"","sources":["../../../src/view/normalize/normalize.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,4FAA4F;AAC5F,8FAA8F;AAC9F,+FAA+F;AAC/F,kFAAkF;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,4EAA4E;AAC5E,MAAM,UAAU,OAAO,CAAC,OAA0B,EAAE,GAAY;IAC9D,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACpB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAuB;QACnC,EAAE,EAAE,UAAU,CAAC,UAAU,CAAC;QAC1B,IAAI;QACJ,KAAK;QACL,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,QAAQ;QACR,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;KACtC,CAAC;IACF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAClD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,OAA0B,EAAE,GAAY;IAChE,OAAO,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC;AACxC,CAAC","sourcesContent":["// The normalizer (view/01-templates.md \"Normalization\"): one pure function from a call site's\n// static strings to its template object, shared by the Vite compiler, the browser's runtime\n// preparer and the server renderer. Steps: minify whitespace (holes never move), tokenize and\n// build the tree (rules of view/09-template-rules.md), emit HTML, segments and parts, and hash\n// the normalized strings into the id. No DOM: it runs in Node and in the browser.\nimport { emit } from './emit.js';\nimport { templateId } from './id.js';\nimport { Source } from './source.js';\nimport { tokenize } from './tokenizer.js';\nimport { TreeBuilder } from './tree.js';\nimport type { NormalizedTemplate, Shape } from './types.js';\nimport { minifyStrings } from './whitespace.js';\n\nexport interface Analysis {\n  readonly template: NormalizedTemplate;\n  /** The whitespace-normalized strings the id was computed from. */\n  readonly strings: readonly string[];\n  /** The DOM the browser must build from `template.html` (checked by the runtime preparer). */\n  readonly shape: Shape;\n}\n\n/** The template object plus what the runtime preparer checks it against. */\nexport function analyze(strings: readonly string[], loc?: string): Analysis {\n  const normalized = minifyStrings(strings);\n  const src = new Source(normalized, loc);\n  const tree = new TreeBuilder(src);\n  tokenize(src, tree);\n  const { html, parts, segments, shape } = emit(tree.root, tree.server);\n  const template: NormalizedTemplate = {\n    id: templateId(normalized),\n    html,\n    parts,\n    ...(tree.server ? { server: true as const } : {}),\n    segments,\n    ...(loc === undefined ? {} : { loc }),\n  };\n  return { template, strings: normalized, shape };\n}\n\n/**\n * Normalizes a template's static strings into its template object (JSON data). Throws a\n * TemplateError for markup that breaks a template rule.\n */\nexport function normalize(strings: readonly string[], loc?: string): NormalizedTemplate {\n  return analyze(strings, loc).template;\n}\n"]}
+{"version":3,"file":"normalize.js","sourceRoot":"","sources":["../../../src/view/normalize/normalize.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,4FAA4F;AAC5F,8FAA8F;AAC9F,+FAA+F;AAC/F,yFAAyF;AACzF,4FAA4F;AAC5F,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,OAA0B,EAAE,GAAY,EAAE,GAAG,GAAG,KAAK;IAC3E,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACvC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACpB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAuB;QACnC,EAAE,EAAE,UAAU,CAAC,UAAU,EAAE,GAAG,CAAC;QAC/B,IAAI;QACJ,KAAK;QACL,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,QAAQ;QACR,GAAG,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;QACtD,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;KACtC,CAAC;IACF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAClD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CACvB,OAA0B,EAC1B,GAAY,EACZ,GAAG,GAAG,KAAK;IAEX,OAAO,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC;AAC7C,CAAC","sourcesContent":["// The normalizer (view/01-templates.md \"Normalization\"): one pure function from a call site's\n// static strings to its template object, shared by the Vite compiler, the browser's runtime\n// preparer and the server renderer. Steps: minify whitespace (holes never move), tokenize and\n// build the tree (rules of view/09-template-rules.md), emit HTML, segments and parts, and hash\n// the normalized strings into the id. No DOM: it runs in Node and in the browser. An svg\n// template (01 \"svg templates\") is built as SVG content from its top level, and is flagged.\nimport { emit } from './emit.js';\nimport { templateId } from './id.js';\nimport { Source } from './source.js';\nimport { tokenize } from './tokenizer.js';\nimport { TreeBuilder } from './tree.js';\nimport type { NormalizedTemplate, Shape } from './types.js';\nimport { minifyStrings } from './whitespace.js';\n\nexport interface Analysis {\n  readonly template: NormalizedTemplate;\n  /** The whitespace-normalized strings the id was computed from. */\n  readonly strings: readonly string[];\n  /** The DOM the browser must build from `template.html` (checked by the runtime preparer). */\n  readonly shape: Shape;\n}\n\n/**\n * The template object plus what the runtime preparer checks it against. `svg`: the strings are\n * an svg template's (`` svg`…` ``), whose top level is SVG content.\n */\nexport function analyze(strings: readonly string[], loc?: string, svg = false): Analysis {\n  const normalized = minifyStrings(strings);\n  const src = new Source(normalized, loc);\n  const tree = new TreeBuilder(src, svg);\n  tokenize(src, tree);\n  const { html, parts, segments, shape, staticStyles } = emit(tree.root, tree.server);\n  const template: NormalizedTemplate = {\n    id: templateId(normalized, svg),\n    html,\n    parts,\n    ...(tree.server ? { server: true as const } : {}),\n    ...(svg ? { svg: true as const } : {}),\n    segments,\n    ...(staticStyles.length === 0 ? {} : { staticStyles }),\n    ...(loc === undefined ? {} : { loc }),\n  };\n  return { template, strings: normalized, shape };\n}\n\n/**\n * Normalizes a template's static strings into its template object (JSON data). Throws a\n * TemplateError for markup that breaks a template rule. `svg`: an svg template's strings.\n */\nexport function normalize(\n  strings: readonly string[],\n  loc?: string,\n  svg = false,\n): NormalizedTemplate {\n  return analyze(strings, loc, svg).template;\n}\n"]}

package/dist/view/normalize/rules.d.ts

@@ -8,6 +8,7 @@ export declare const msg: {
     inDoctype: () => string;
     inTemplate: () => string;
     formState: (tag: string, name: string, write: string) => string;
+    toggle: (tag: string, name: string) => string;
     unquoted: (name: string) => string;
     notSingle: (name: string) => string;
     selfClosing: (tag: string) => string;
@@ -15,8 +16,11 @@ export declare const msg: {
     badEndTag: () => string;
     unterminated: (what: "comment" | "tag") => string;
     svgOnly: (tag: string) => string;
+    htmlInSvg: (tag: string, top: boolean) => string;
+    namespacedAttr: (name: string) => string;
     serverOnly: () => string;
     textContent: (tag: string) => string;
+    booleanAttr: (tag: string, name: string) => string;
     charRef: (ref: string) => string;
 };
 /**
@@ -24,6 +28,11 @@ export declare const msg: {
  * Returns the spelling to use instead, or undefined when the binding is fine.
  */
 export declare function formStateFix(tag: string, name: string): string | undefined;
+/**
+ * Rule 14: HTML boolean attributes (present means true). `hidden` is left out because
+ * hidden="until-found" is a real string value.
+ */
+export declare const BOOLEAN_ATTRS: Set<string>;
 /** Rule 10: SVG element names that HTML doesn't share (lower case). */
 export declare const SVG_ONLY: Set<string>;
 /** HTML void elements: no end tag, no content. */

package/dist/view/normalize/rules.js

@@ -30,6 +30,13 @@ export const msg = {
     formState: (tag, name, write) => `.${name}=${H} on <${tag}> binds form state as a property, which never reaches the ` +
         `server and has a second spelling. Write ${write} instead: Gyral keeps it live ` +
         `(view/02-bindings.md, "Live form state").`,
+    toggle: (tag, name) => name === 'modal'
+        ? `modal on <${tag}>: only a <dialog> opens as a modal, and only from ?modal=${H}, which ` +
+            `calls showModal() and close() as the value changes (view/02-bindings.md, "Dialogs and ` +
+            `popovers"). Write <dialog ?modal=${H}>.`
+        : `popover-open on <${tag}>: write ?popover-open=${H} on an element with a popover ` +
+            `attribute; it calls showPopover() and hidePopover() as the value changes ` +
+            `(view/02-bindings.md, "Dialogs and popovers").`,
     // 5
     unquoted: (name) => `${name}=… mixes static text and holes without quotes, which is ambiguous. Quote the ` +
         `whole value: ${name}="a ${H}".`,
@@ -46,14 +53,29 @@ export const msg = {
         ? `The template ends inside a comment or <!…> declaration. Close it with -->.`
         : `The template ends inside a tag, so the parser would drop it. Close the tag with ">".`,
     // 10
-    svgOnly: (tag) => `<${tag}> is an SVG element outside an <svg>: there is no svg tag, and the HTML parser ` +
-        `creates SVG elements only inside <svg>. Wrap it: <svg viewBox="…"><${tag} …></${tag}></svg>.`,
+    svgOnly: (tag) => `<${tag}> is an SVG element outside an <svg>: in an html template the parser creates SVG ` +
+        `elements only inside <svg>. For an SVG fragment of its own, write it with the svg tag ` +
+        `(import { svg } from '@gyral/core'): svg\`<${tag} …></${tag}>\`, rendered inside an <svg>. ` +
+        `Or wrap it: <svg viewBox="…"><${tag} …></${tag}></svg>.`,
+    htmlInSvg: (tag, top) => (top
+        ? `<${tag}> is HTML, but this is an svg template: its top level is SVG content (it renders ` +
+            `inside an <svg>), where the parser `
+        : `<${tag}> is an HTML element inside SVG content, where the parser `) +
+        `would not create an HTML <${tag}>. Write HTML with html\`…\`, or put it inside ` +
+        `<foreignObject>.`,
+    namespacedAttr: (name) => `${name}=${H} binds a namespaced attribute: the parser puts ${name} in its own namespace, ` +
+        `and a bound value can't be. Bind the plain attribute instead (SVG 2): href=${H} for ` +
+        `xlink:href, lang=${H} for xml:lang; write xmlns statically, if at all.`,
     // 11
     serverOnly: () => SERVER_ONLY,
-    // 12 (proposed)
+    // 12
     textContent: (tag) => `A hole in <${tag}> must be its whole content. Write <${tag}>${H}</${tag}> and build the ` +
         `text in the value: <${tag}>\${\`\${page} | Site\`}</${tag}>.`,
-    // 13 (proposed)
+    // 14
+    booleanAttr: (tag, name) => `${name}=${H} on <${tag}> sets a boolean attribute to a string: any value, even "false", ` +
+        `turns it on. Write ?${name}=${H} to add the attribute when the value is truthy and ` +
+        `remove it otherwise.`,
+    // 13
     charRef: (ref) => `&${ref}; in the static text of a bound or custom-element attribute is a named character ` +
         `reference the normalizer doesn't decode (it knows &amp; &lt; &gt; &quot; &apos; &nbsp;). ` +
         `Write the character itself, or a numeric reference such as &#169;.`,
@@ -68,7 +90,7 @@ const FORM_STATE = {
     select: { value: `?selected=${H} on the chosen <option>` },
     option: { selected: `?selected=${H}`, value: `value=${H}` },
     details: { open: `?open=${H}` },
-    dialog: { open: `?open=${H}` },
+    dialog: { open: `?open=${H}`, modal: `?modal=${H}` },
 };
 /**
  * Rule 4: property bindings that would be form state (view/02-bindings.md "Live form state").
@@ -77,6 +99,14 @@ const FORM_STATE = {
 export function formStateFix(tag, name) {
     return FORM_STATE[tag]?.[name];
 }
+/**
+ * Rule 14: HTML boolean attributes (present means true). `hidden` is left out because
+ * hidden="until-found" is a real string value.
+ */
+export const BOOLEAN_ATTRS = new Set(('allowfullscreen async autofocus autoplay checked controls default defer disabled ' +
+    'disablepictureinpicture disableremoteplayback formnovalidate inert ismap itemscope loop ' +
+    'multiple muted nomodule novalidate open playsinline readonly required reversed selected ' +
+    'shadowrootclonable shadowrootdelegatesfocus shadowrootserializable').split(' '));
 /** Rule 10: SVG element names that HTML doesn't share (lower case). */
 export const SVG_ONLY = new Set(('animate animatemotion animatetransform circle clippath defs desc ellipse feblend ' +
     'fecolormatrix fecomponenttransfer fecomposite feconvolvematrix fediffuselighting ' +

package/dist/view/normalize/rules.js.map

@@ -1 +1 @@
-{"version":3,"file":"rules.js","sourceRoot":"","sources":["../../../src/view/normalize/rules.ts"],"names":[],"mappings":"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","sourcesContent":["// The template rules of view/09-template-rules.md that one template's strings reveal: every\n// message says what is wrong and what to write instead (core belief 7). The tokenizer\n// (rules 1, 2, 3, 5), the tree builder (3, 4, 6, 7, 10, 12, 13) and repairs.ts (7) throw them\n// through Source.fail; the browser's own parse (prepare.ts) backs rule 7 up, and\n// template-element.ts throws rule 11 when a server template reaches the browser.\n\nimport { SERVER_ONLY } from './errors.js';\n\nconst H = '${…}';\n\n/** Messages, by rule. Each names the fix. */\nexport const msg = {\n  // 1\n  eventBinding: (name: string): string =>\n    `${name}=${H} is an event binding, and Gyral has none: views never attach listeners. ` +\n    `Name the intent instead, data-intent=\\${i.Name}, and parse the event in the component's ` +\n    `intent (ADR 0001).`,\n  // 2\n  dynamicTag: (): string =>\n    `A hole can't be (part of) a tag name: <${H}> and </${H}> are not supported. Choose ` +\n    `between whole templates instead: \\${cond ? html\\`<a>…</a>\\` : html\\`<b>…</b>\\`}. ` +\n    `For a literal \"<\" next to a value, write &lt;.`,\n  dynamicName: (): string =>\n    `A hole can't be (part of) an attribute name. Write the name statically (name=${H}), ` +\n    `use ?name=${H} to add or remove it, or choose between whole templates.`,\n  // 3\n  inRawText: (tag: string): string =>\n    `A hole can't sit inside <${tag}>: no part can live there, and values in it are an ` +\n    `injection risk. Pass data through an attribute, styles through a CSS custom property ` +\n    `(style=\\${\\`--x: \\${v}\\`}), or trusted markup through raw().`,\n  inComment: (): string =>\n    `A hole can't sit inside an HTML comment: no part can live there. Move the value out of ` +\n    `the comment, or drop the comment.`,\n  inDoctype: (): string =>\n    `A hole can't sit inside <!doctype>. Write the doctype statically: <!doctype html>.`,\n  inTemplate: (): string =>\n    `A hole can't sit inside a <template> element: its content is inert and no part can live ` +\n    `there. Render the content with a nested html\\`…\\` template in a child hole instead.`,\n  // 4\n  formState: (tag: string, name: string, write: string): string =>\n    `.${name}=${H} on <${tag}> binds form state as a property, which never reaches the ` +\n    `server and has a second spelling. Write ${write} instead: Gyral keeps it live ` +\n    `(view/02-bindings.md, \"Live form state\").`,\n  // 5\n  unquoted: (name: string): string =>\n    `${name}=… mixes static text and holes without quotes, which is ambiguous. Quote the ` +\n    `whole value: ${name}=\"a ${H}\".`,\n  notSingle: (name: string): string =>\n    `${name} takes exactly one value and no static text. Write ${name}=${H}, and build the ` +\n    `value in the expression.`,\n  // 6\n  selfClosing: (tag: string): string =>\n    `<${tag} /> is not self-closing in HTML: the parser ignores the \"/\", so <${tag}> would ` +\n    `swallow the siblings that follow it. Write <${tag}></${tag}>.`,\n  // 7\n  repaired: (what: string, write: string): string =>\n    `${what}. The HTML parser repairs this markup, so the DOM would differ from the template ` +\n    `and part paths would shift. ${write}`,\n  badEndTag: (): string =>\n    `\"</\" must start an end tag such as </p>. For a literal \"</\" in text, write &lt;/.`,\n  unterminated: (what: 'comment' | 'tag'): string =>\n    what === 'comment'\n      ? `The template ends inside a comment or <!…> declaration. Close it with -->.`\n      : `The template ends inside a tag, so the parser would drop it. Close the tag with \">\".`,\n  // 10\n  svgOnly: (tag: string): string =>\n    `<${tag}> is an SVG element outside an <svg>: there is no svg tag, and the HTML parser ` +\n    `creates SVG elements only inside <svg>. Wrap it: <svg viewBox=\"…\"><${tag} …></${tag}></svg>.`,\n  // 11\n  serverOnly: (): string => SERVER_ONLY,\n  // 12 (proposed)\n  textContent: (tag: string): string =>\n    `A hole in <${tag}> must be its whole content. Write <${tag}>${H}</${tag}> and build the ` +\n    `text in the value: <${tag}>\\${\\`\\${page} | Site\\`}</${tag}>.`,\n  // 13 (proposed)\n  charRef: (ref: string): string =>\n    `&${ref}; in the static text of a bound or custom-element attribute is a named character ` +\n    `reference the normalizer doesn't decode (it knows &amp; &lt; &gt; &quot; &apos; &nbsp;). ` +\n    `Write the character itself, or a numeric reference such as &#169;.`,\n};\n\n/**\n * Rule 4: property bindings that would be form state (view/02-bindings.md \"Live form state\").\n * Returns the spelling to use instead, or undefined when the binding is fine.\n */\nconst FORM_STATE: Record<string, Record<string, string> | undefined> = {\n  input: { value: `value=${H}`, checked: `?checked=${H}`, indeterminate: `?indeterminate=${H}` },\n  textarea: { value: `<textarea>${H}</textarea>` },\n  select: { value: `?selected=${H} on the chosen <option>` },\n  option: { selected: `?selected=${H}`, value: `value=${H}` },\n  details: { open: `?open=${H}` },\n  dialog: { open: `?open=${H}` },\n};\n\n/**\n * Rule 4: property bindings that would be form state (view/02-bindings.md \"Live form state\").\n * Returns the spelling to use instead, or undefined when the binding is fine.\n */\nexport function formStateFix(tag: string, name: string): string | undefined {\n  return FORM_STATE[tag]?.[name];\n}\n\n/** Rule 10: SVG element names that HTML doesn't share (lower case). */\nexport const SVG_ONLY = new Set(\n  (\n    'animate animatemotion animatetransform circle clippath defs desc ellipse feblend ' +\n    'fecolormatrix fecomponenttransfer fecomposite feconvolvematrix fediffuselighting ' +\n    'fedisplacementmap fedropshadow feflood fegaussianblur feimage femerge femergenode ' +\n    'femorphology feoffset fespecularlighting fetile feturbulence filter foreignobject g line ' +\n    'lineargradient marker mask metadata mpath path pattern polygon polyline radialgradient ' +\n    'rect stop symbol text textpath tspan use'\n  ).split(' '),\n);\n\n/** HTML void elements: no end tag, no content. */\nexport const VOID = new Set(\n  (\n    'area base basefont bgsound br col embed frame hr img input keygen link meta param source ' +\n    'track wbr'\n  ).split(' '),\n);\n"]}
+{"version":3,"file":"rules.js","sourceRoot":"","sources":["../../../src/view/normalize/rules.ts"],"names":[],"mappings":"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","sourcesContent":["// The template rules of view/09-template-rules.md that one template's strings reveal: every\n// message says what is wrong and what to write instead (core belief 7). The tokenizer\n// (rules 1, 2, 3, 5), the tree builder (3, 4, 6, 7, 10, 12, 13) and repairs.ts (7) throw them\n// through Source.fail; the browser's own parse (prepare.ts) backs rule 7 up, and\n// template-element.ts throws rule 11 when a server template reaches the browser.\n\nimport { SERVER_ONLY } from './errors.js';\n\nconst H = '${…}';\n\n/** Messages, by rule. Each names the fix. */\nexport const msg = {\n  // 1\n  eventBinding: (name: string): string =>\n    `${name}=${H} is an event binding, and Gyral has none: views never attach listeners. ` +\n    `Name the intent instead, data-intent=\\${i.Name}, and parse the event in the component's ` +\n    `intent (ADR 0001).`,\n  // 2\n  dynamicTag: (): string =>\n    `A hole can't be (part of) a tag name: <${H}> and </${H}> are not supported. Choose ` +\n    `between whole templates instead: \\${cond ? html\\`<a>…</a>\\` : html\\`<b>…</b>\\`}. ` +\n    `For a literal \"<\" next to a value, write &lt;.`,\n  dynamicName: (): string =>\n    `A hole can't be (part of) an attribute name. Write the name statically (name=${H}), ` +\n    `use ?name=${H} to add or remove it, or choose between whole templates.`,\n  // 3\n  inRawText: (tag: string): string =>\n    `A hole can't sit inside <${tag}>: no part can live there, and values in it are an ` +\n    `injection risk. Pass data through an attribute, styles through a CSS custom property ` +\n    `(style=\\${\\`--x: \\${v}\\`}), or trusted markup through raw().`,\n  inComment: (): string =>\n    `A hole can't sit inside an HTML comment: no part can live there. Move the value out of ` +\n    `the comment, or drop the comment.`,\n  inDoctype: (): string =>\n    `A hole can't sit inside <!doctype>. Write the doctype statically: <!doctype html>.`,\n  inTemplate: (): string =>\n    `A hole can't sit inside a <template> element: its content is inert and no part can live ` +\n    `there. Render the content with a nested html\\`…\\` template in a child hole instead.`,\n  // 4\n  formState: (tag: string, name: string, write: string): string =>\n    `.${name}=${H} on <${tag}> binds form state as a property, which never reaches the ` +\n    `server and has a second spelling. Write ${write} instead: Gyral keeps it live ` +\n    `(view/02-bindings.md, \"Live form state\").`,\n  toggle: (tag: string, name: string): string =>\n    name === 'modal'\n      ? `modal on <${tag}>: only a <dialog> opens as a modal, and only from ?modal=${H}, which ` +\n        `calls showModal() and close() as the value changes (view/02-bindings.md, \"Dialogs and ` +\n        `popovers\"). Write <dialog ?modal=${H}>.`\n      : `popover-open on <${tag}>: write ?popover-open=${H} on an element with a popover ` +\n        `attribute; it calls showPopover() and hidePopover() as the value changes ` +\n        `(view/02-bindings.md, \"Dialogs and popovers\").`,\n  // 5\n  unquoted: (name: string): string =>\n    `${name}=… mixes static text and holes without quotes, which is ambiguous. Quote the ` +\n    `whole value: ${name}=\"a ${H}\".`,\n  notSingle: (name: string): string =>\n    `${name} takes exactly one value and no static text. Write ${name}=${H}, and build the ` +\n    `value in the expression.`,\n  // 6\n  selfClosing: (tag: string): string =>\n    `<${tag} /> is not self-closing in HTML: the parser ignores the \"/\", so <${tag}> would ` +\n    `swallow the siblings that follow it. Write <${tag}></${tag}>.`,\n  // 7\n  repaired: (what: string, write: string): string =>\n    `${what}. The HTML parser repairs this markup, so the DOM would differ from the template ` +\n    `and part paths would shift. ${write}`,\n  badEndTag: (): string =>\n    `\"</\" must start an end tag such as </p>. For a literal \"</\" in text, write &lt;/.`,\n  unterminated: (what: 'comment' | 'tag'): string =>\n    what === 'comment'\n      ? `The template ends inside a comment or <!…> declaration. Close it with -->.`\n      : `The template ends inside a tag, so the parser would drop it. Close the tag with \">\".`,\n  // 10\n  svgOnly: (tag: string): string =>\n    `<${tag}> is an SVG element outside an <svg>: in an html template the parser creates SVG ` +\n    `elements only inside <svg>. For an SVG fragment of its own, write it with the svg tag ` +\n    `(import { svg } from '@gyral/core'): svg\\`<${tag} …></${tag}>\\`, rendered inside an <svg>. ` +\n    `Or wrap it: <svg viewBox=\"…\"><${tag} …></${tag}></svg>.`,\n  htmlInSvg: (tag: string, top: boolean): string =>\n    (top\n      ? `<${tag}> is HTML, but this is an svg template: its top level is SVG content (it renders ` +\n        `inside an <svg>), where the parser `\n      : `<${tag}> is an HTML element inside SVG content, where the parser `) +\n    `would not create an HTML <${tag}>. Write HTML with html\\`…\\`, or put it inside ` +\n    `<foreignObject>.`,\n  namespacedAttr: (name: string): string =>\n    `${name}=${H} binds a namespaced attribute: the parser puts ${name} in its own namespace, ` +\n    `and a bound value can't be. Bind the plain attribute instead (SVG 2): href=${H} for ` +\n    `xlink:href, lang=${H} for xml:lang; write xmlns statically, if at all.`,\n  // 11\n  serverOnly: (): string => SERVER_ONLY,\n  // 12\n  textContent: (tag: string): string =>\n    `A hole in <${tag}> must be its whole content. Write <${tag}>${H}</${tag}> and build the ` +\n    `text in the value: <${tag}>\\${\\`\\${page} | Site\\`}</${tag}>.`,\n  // 14\n  booleanAttr: (tag: string, name: string): string =>\n    `${name}=${H} on <${tag}> sets a boolean attribute to a string: any value, even \"false\", ` +\n    `turns it on. Write ?${name}=${H} to add the attribute when the value is truthy and ` +\n    `remove it otherwise.`,\n  // 13\n  charRef: (ref: string): string =>\n    `&${ref}; in the static text of a bound or custom-element attribute is a named character ` +\n    `reference the normalizer doesn't decode (it knows &amp; &lt; &gt; &quot; &apos; &nbsp;). ` +\n    `Write the character itself, or a numeric reference such as &#169;.`,\n};\n\n/**\n * Rule 4: property bindings that would be form state (view/02-bindings.md \"Live form state\").\n * Returns the spelling to use instead, or undefined when the binding is fine.\n */\nconst FORM_STATE: Record<string, Record<string, string> | undefined> = {\n  input: { value: `value=${H}`, checked: `?checked=${H}`, indeterminate: `?indeterminate=${H}` },\n  textarea: { value: `<textarea>${H}</textarea>` },\n  select: { value: `?selected=${H} on the chosen <option>` },\n  option: { selected: `?selected=${H}`, value: `value=${H}` },\n  details: { open: `?open=${H}` },\n  dialog: { open: `?open=${H}`, modal: `?modal=${H}` },\n};\n\n/**\n * Rule 4: property bindings that would be form state (view/02-bindings.md \"Live form state\").\n * Returns the spelling to use instead, or undefined when the binding is fine.\n */\nexport function formStateFix(tag: string, name: string): string | undefined {\n  return FORM_STATE[tag]?.[name];\n}\n\n/**\n * Rule 14: HTML boolean attributes (present means true). `hidden` is left out because\n * hidden=\"until-found\" is a real string value.\n */\nexport const BOOLEAN_ATTRS = new Set(\n  (\n    'allowfullscreen async autofocus autoplay checked controls default defer disabled ' +\n    'disablepictureinpicture disableremoteplayback formnovalidate inert ismap itemscope loop ' +\n    'multiple muted nomodule novalidate open playsinline readonly required reversed selected ' +\n    'shadowrootclonable shadowrootdelegatesfocus shadowrootserializable'\n  ).split(' '),\n);\n\n/** Rule 10: SVG element names that HTML doesn't share (lower case). */\nexport const SVG_ONLY = new Set(\n  (\n    'animate animatemotion animatetransform circle clippath defs desc ellipse feblend ' +\n    'fecolormatrix fecomponenttransfer fecomposite feconvolvematrix fediffuselighting ' +\n    'fedisplacementmap fedropshadow feflood fegaussianblur feimage femerge femergenode ' +\n    'femorphology feoffset fespecularlighting fetile feturbulence filter foreignobject g line ' +\n    'lineargradient marker mask metadata mpath path pattern polygon polyline radialgradient ' +\n    'rect stop symbol text textpath tspan use'\n  ).split(' '),\n);\n\n/** HTML void elements: no end tag, no content. */\nexport const VOID = new Set(\n  (\n    'area base basefont bgsound br col embed frame hr img input keygen link meta param source ' +\n    'track wbr'\n  ).split(' '),\n);\n"]}

package/dist/view/normalize/svg.d.ts

@@ -0,0 +1,14 @@
+/** A bound attribute's name on an SVG element, as the parser spells it. */
+export declare const svgAttr: (name: string) => string;
+/**
+ * HTML elements that are not SVG elements, and that don't end SVG content either (those are
+ * repairs.ts's BREAKOUT): inside SVG content the parser creates an unknown SVG element.
+ */
+export declare const HTML_ONLY: Set<string>;
+/** HTML integration points in SVG: their content is HTML (WHATWG HTML, tree construction). */
+export declare const SVG_HTML_POINT: RegExp;
+/**
+ * A bound attribute the renderer can't set with `setAttribute` the way the parser would: the
+ * parser puts xlink:*, xml:* and xmlns* attributes in their own namespaces.
+ */
+export declare const namespacedAttr: (name: string) => boolean;

package/dist/view/normalize/svg.js

@@ -0,0 +1,40 @@
+// SVG content in the normalizer (view/01-templates.md "svg templates", view/09-template-rules.md
+// rule 10), from WHATWG HTML "Parsing main inside foreign content" and "adjust SVG attributes":
+// the HTML tokenizer lower-cases attribute names, then the tree builder restores the camelCase
+// of SVG's own attributes. Bound attribute names on SVG elements are spelled the same way, so
+// `viewbox=${v}` binds viewBox, as the parser does for the server's markup. HTML elements that
+// are not SVG elements, inside SVG content, are rule 10 (they would be created as unknown SVG
+// elements that render nothing); the ones that end the SVG element are in repairs.ts.
+/** WHATWG HTML's "adjust SVG attributes" table: lower case → the SVG spelling. */
+const CAMEL = 'attributeName attributeType baseFrequency baseProfile calcMode clipPathUnits ' +
+    'diffuseConstant edgeMode filterUnits glyphRef gradientTransform gradientUnits kernelMatrix ' +
+    'kernelUnitLength keyPoints keySplines keyTimes lengthAdjust limitingConeAngle markerHeight ' +
+    'markerUnits markerWidth maskContentUnits maskUnits numOctaves pathLength ' +
+    'patternContentUnits patternTransform patternUnits pointsAtX pointsAtY pointsAtZ ' +
+    'preserveAlpha preserveAspectRatio primitiveUnits refX refY repeatCount repeatDur ' +
+    'requiredExtensions requiredFeatures specularConstant specularExponent spreadMethod ' +
+    'startOffset stdDeviation stitchTiles surfaceScale systemLanguage tableValues targetX ' +
+    'targetY textLength viewBox viewTarget xChannelSelector yChannelSelector zoomAndPan';
+const ATTRS = new Map(CAMEL.split(' ').map((name) => [name.toLowerCase(), name]));
+/** A bound attribute's name on an SVG element, as the parser spells it. */
+export const svgAttr = (name) => {
+    const lower = name.toLowerCase();
+    return ATTRS.get(lower) ?? lower;
+};
+/**
+ * HTML elements that are not SVG elements, and that don't end SVG content either (those are
+ * repairs.ts's BREAKOUT): inside SVG content the parser creates an unknown SVG element.
+ */
+export const HTML_ONLY = new Set(('abbr address area article aside audio bdi bdo button canvas caption cite col colgroup ' +
+    'data datalist del details dfn dialog fieldset figcaption figure footer form header hgroup ' +
+    'html iframe input ins kbd label legend main map mark meter nav noscript object optgroup ' +
+    'option output picture progress q rp rt samp search section select slot source summary ' +
+    'tbody td template textarea tfoot th thead time tr track video wbr').split(' '));
+/** HTML integration points in SVG: their content is HTML (WHATWG HTML, tree construction). */
+export const SVG_HTML_POINT = /^(foreignobject|desc|title)$/;
+/**
+ * A bound attribute the renderer can't set with `setAttribute` the way the parser would: the
+ * parser puts xlink:*, xml:* and xmlns* attributes in their own namespaces.
+ */
+export const namespacedAttr = (name) => /^(xlink:|xml:|xmlns)/i.test(name);
+//# sourceMappingURL=svg.js.map

package/dist/view/normalize/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/view/normalize/svg.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,gGAAgG;AAChG,+FAA+F;AAC/F,8FAA8F;AAC9F,+FAA+F;AAC/F,8FAA8F;AAC9F,sFAAsF;AAEtF,kFAAkF;AAClF,MAAM,KAAK,GACT,+EAA+E;IAC/E,6FAA6F;IAC7F,6FAA6F;IAC7F,2EAA2E;IAC3E,kFAAkF;IAClF,mFAAmF;IACnF,qFAAqF;IACrF,uFAAuF;IACvF,oFAAoF,CAAC;AACvF,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAElF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAU,EAAE;IAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACjC,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACnC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,GAAG,CAC9B,CACE,wFAAwF;IACxF,4FAA4F;IAC5F,0FAA0F;IAC1F,wFAAwF;IACxF,mEAAmE,CACpE,CAAC,KAAK,CAAC,GAAG,CAAC,CACb,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,cAAc,GAAG,8BAA8B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC","sourcesContent":["// SVG content in the normalizer (view/01-templates.md \"svg templates\", view/09-template-rules.md\n// rule 10), from WHATWG HTML \"Parsing main inside foreign content\" and \"adjust SVG attributes\":\n// the HTML tokenizer lower-cases attribute names, then the tree builder restores the camelCase\n// of SVG's own attributes. Bound attribute names on SVG elements are spelled the same way, so\n// `viewbox=${v}` binds viewBox, as the parser does for the server's markup. HTML elements that\n// are not SVG elements, inside SVG content, are rule 10 (they would be created as unknown SVG\n// elements that render nothing); the ones that end the SVG element are in repairs.ts.\n\n/** WHATWG HTML's \"adjust SVG attributes\" table: lower case → the SVG spelling. */\nconst CAMEL =\n  'attributeName attributeType baseFrequency baseProfile calcMode clipPathUnits ' +\n  'diffuseConstant edgeMode filterUnits glyphRef gradientTransform gradientUnits kernelMatrix ' +\n  'kernelUnitLength keyPoints keySplines keyTimes lengthAdjust limitingConeAngle markerHeight ' +\n  'markerUnits markerWidth maskContentUnits maskUnits numOctaves pathLength ' +\n  'patternContentUnits patternTransform patternUnits pointsAtX pointsAtY pointsAtZ ' +\n  'preserveAlpha preserveAspectRatio primitiveUnits refX refY repeatCount repeatDur ' +\n  'requiredExtensions requiredFeatures specularConstant specularExponent spreadMethod ' +\n  'startOffset stdDeviation stitchTiles surfaceScale systemLanguage tableValues targetX ' +\n  'targetY textLength viewBox viewTarget xChannelSelector yChannelSelector zoomAndPan';\nconst ATTRS = new Map(CAMEL.split(' ').map((name) => [name.toLowerCase(), name]));\n\n/** A bound attribute's name on an SVG element, as the parser spells it. */\nexport const svgAttr = (name: string): string => {\n  const lower = name.toLowerCase();\n  return ATTRS.get(lower) ?? lower;\n};\n\n/**\n * HTML elements that are not SVG elements, and that don't end SVG content either (those are\n * repairs.ts's BREAKOUT): inside SVG content the parser creates an unknown SVG element.\n */\nexport const HTML_ONLY = new Set(\n  (\n    'abbr address area article aside audio bdi bdo button canvas caption cite col colgroup ' +\n    'data datalist del details dfn dialog fieldset figcaption figure footer form header hgroup ' +\n    'html iframe input ins kbd label legend main map mark meter nav noscript object optgroup ' +\n    'option output picture progress q rp rt samp search section select slot source summary ' +\n    'tbody td template textarea tfoot th thead time tr track video wbr'\n  ).split(' '),\n);\n\n/** HTML integration points in SVG: their content is HTML (WHATWG HTML, tree construction). */\nexport const SVG_HTML_POINT = /^(foreignobject|desc|title)$/;\n\n/**\n * A bound attribute the renderer can't set with `setAttribute` the way the parser would: the\n * parser puts xlink:*, xml:* and xmlns* attributes in their own namespaces.\n */\nexport const namespacedAttr = (name: string): boolean => /^(xlink:|xml:|xmlns)/i.test(name);\n"]}

package/dist/view/normalize/tokens.d.ts

@@ -1,9 +1,13 @@
 export type ContentMode = 'data' | 'rawtext' | 'rcdata';
-/** A static attribute as written: `value` is the raw source, quotes included, or null. */
+/**
+ * A static attribute as written: `value` is the raw source, quotes included, or null. `css`:
+ * a `style` attribute's decoded value, set by the tree builder (01 "Normalization", step 3).
+ */
 export interface StaticAttr {
     readonly kind: 'static';
     readonly name: string;
     readonly value: string | null;
+    readonly css?: string;
 }
 /** A bound attribute. `strings` (raw static pieces) only for multi-attributes. */
 export interface BoundAttr {

package/dist/view/normalize/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/view/normalize/tokens.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,iGAAiG;AAsCjG,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC;IACb,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;CACF,CAAC;AAGX,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AACnD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAqB,EAAW,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC","sourcesContent":["// Token types shared by the tokenizer (tokenizer.ts, tag-states.ts) and the tree builder\n// (tree.ts), plus the tokenizer's states (WHATWG HTML \"Tokenization\", the subset templates use).\n\nexport type ContentMode = 'data' | 'rawtext' | 'rcdata';\n\n/** A static attribute as written: `value` is the raw source, quotes included, or null. */\nexport interface StaticAttr {\n  readonly kind: 'static';\n  readonly name: string;\n  readonly value: string | null;\n}\n\n/** A bound attribute. `strings` (raw static pieces) only for multi-attributes. */\nexport interface BoundAttr {\n  readonly kind: 'attr' | 'bool' | 'prop' | 'hook';\n  readonly name: string;\n  readonly strings?: readonly string[];\n}\n\nexport type AttrToken = StaticAttr | BoundAttr;\n\nexport interface StartTag {\n  /** Lower-case name, and the name as written. */\n  readonly name: string;\n  readonly raw: string;\n  readonly attrs: AttrToken[];\n  selfClosing: boolean;\n}\n\nexport interface Sink {\n  text(raw: string): void;\n  comment(raw: string): void;\n  doctype(raw: string): void;\n  start(tag: StartTag): ContentMode;\n  end(name: string): void;\n  hole(kind: 'child' | 'text'): void;\n  finish(): void;\n}\n\nexport const S = {\n  Data: 0,\n  RawText: 1,\n  RcData: 2,\n  Comment: 3,\n  Bogus: 4,\n  Doctype: 5,\n  BeforeName: 6,\n  Name: 7,\n  AfterName: 8,\n  BeforeValue: 9,\n  ValueDq: 10,\n  ValueSq: 11,\n  ValueUnq: 12,\n  AfterValueQ: 13,\n  SelfClosing: 14,\n  EndTag: 15,\n} as const;\nexport type State = (typeof S)[keyof typeof S];\n\nconst WS = /^[\\t\\n\\f\\r ]$/;\nexport const TAG_NAME = /^[A-Za-z][^\\t\\n\\f\\r />]*/;\nexport const isWs = (c: string | undefined): boolean => c !== undefined && WS.test(c);\n"]}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/view/normalize/tokens.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,iGAAiG;AA0CjG,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC;IACb,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;IACZ,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;CACF,CAAC;AAGX,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AACnD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAqB,EAAW,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC","sourcesContent":["// Token types shared by the tokenizer (tokenizer.ts, tag-states.ts) and the tree builder\n// (tree.ts), plus the tokenizer's states (WHATWG HTML \"Tokenization\", the subset templates use).\n\nexport type ContentMode = 'data' | 'rawtext' | 'rcdata';\n\n/**\n * A static attribute as written: `value` is the raw source, quotes included, or null. `css`:\n * a `style` attribute's decoded value, set by the tree builder (01 \"Normalization\", step 3).\n */\nexport interface StaticAttr {\n  readonly kind: 'static';\n  readonly name: string;\n  readonly value: string | null;\n  readonly css?: string;\n}\n\n/** A bound attribute. `strings` (raw static pieces) only for multi-attributes. */\nexport interface BoundAttr {\n  readonly kind: 'attr' | 'bool' | 'prop' | 'hook';\n  readonly name: string;\n  readonly strings?: readonly string[];\n}\n\nexport type AttrToken = StaticAttr | BoundAttr;\n\nexport interface StartTag {\n  /** Lower-case name, and the name as written. */\n  readonly name: string;\n  readonly raw: string;\n  readonly attrs: AttrToken[];\n  selfClosing: boolean;\n}\n\nexport interface Sink {\n  text(raw: string): void;\n  comment(raw: string): void;\n  doctype(raw: string): void;\n  start(tag: StartTag): ContentMode;\n  end(name: string): void;\n  hole(kind: 'child' | 'text'): void;\n  finish(): void;\n}\n\nexport const S = {\n  Data: 0,\n  RawText: 1,\n  RcData: 2,\n  Comment: 3,\n  Bogus: 4,\n  Doctype: 5,\n  BeforeName: 6,\n  Name: 7,\n  AfterName: 8,\n  BeforeValue: 9,\n  ValueDq: 10,\n  ValueSq: 11,\n  ValueUnq: 12,\n  AfterValueQ: 13,\n  SelfClosing: 14,\n  EndTag: 15,\n} as const;\nexport type State = (typeof S)[keyof typeof S];\n\nconst WS = /^[\\t\\n\\f\\r ]$/;\nexport const TAG_NAME = /^[A-Za-z][^\\t\\n\\f\\r />]*/;\nexport const isWs = (c: string | undefined): boolean => c !== undefined && WS.test(c);\n"]}

package/dist/view/normalize/tree.d.ts

@@ -32,13 +32,15 @@ export type TreeNode = ElementNode | {
 };
 export declare class TreeBuilder implements Sink {
     private readonly src;
+    private readonly svg;
     readonly root: TreeNode[];
     server: boolean;
     private readonly stack;
     private rootCtx;
     /** The <pre>/<listing>/<textarea> whose first newline the parser drops, if just opened. */
     private fresh;
-    constructor(src: Source);
+    /** `svg`: an svg template, whose top level is SVG content (01 "svg templates"). */
+    constructor(src: Source, svg?: boolean);
     private get children();
     private context;
     private inTemplate;
@@ -49,7 +51,11 @@ export declare class TreeBuilder implements Sink {
     start(tag: StartTag): ContentMode;
     private namespace;
     private checkHtml;
-    /** Bound names lower-cased on HTML elements (not properties); rules 4, 7 (duplicates), 13. */
+    /**
+     * Bound names as the parser spells them (not properties): lower case on HTML elements, SVG's
+     * camelCase on SVG elements (svg.ts); rules 4, 7 (duplicates), 10 (namespaced), 13, 14 (boolean attributes). A
+     * static `style` gets its decoded value (`css`): the client applies it as a part (emit.ts).
+     */
     private attributes;
     private props;
     private decode;

package/dist/view/normalize/tree.js

@@ -2,22 +2,26 @@
 // tokens into the tree the HTML parser builds for valid markup (WHATWG "tree construction":
 // namespaces, void elements, raw text, the leading newline of <pre>/<listing>/<textarea>), so
 // part paths match the browser's DOM. Markup the parser would repair is an error instead of
-// being modelled (rule 7, repairs.ts), as are rules 3, 4, 6, 10, 12 and 13.
+// being modelled (rule 7, repairs.ts), as are rules 3, 4, 6, 10, 12 and 13. An svg template's
+// top level is SVG content, as if inside an <svg> (01 "svg templates", svg.ts).
 import { decodeRefs, unquote } from './entities.js';
 import { breaksOutOfForeign, contextOf, rootContext, startRepair, textRepair, } from './repairs.js';
-import { formStateFix, msg, SVG_ONLY, VOID } from './rules.js';
+import { BOOLEAN_ATTRS, formStateFix, msg, SVG_ONLY, VOID } from './rules.js';
+import { HTML_ONLY, namespacedAttr, SVG_HTML_POINT, svgAttr } from './svg.js';
 const RAWTEXT = new Set('script style xmp iframe noembed noframes noscript plaintext'.split(' '));
 const RCDATA = new Set(['textarea', 'title']);
 const LEADING_NEWLINE = new Set(['pre', 'listing', 'textarea']);
 const DOCUMENT = new Set(['html', 'head', 'body']);
 function integrationPoint(el) {
     if (el.ns === 'svg')
-        return /^(foreignobject|desc|title)$/.test(el.name);
+        return SVG_HTML_POINT.test(el.name);
     return el.ns === 'math' && /^(mi|mo|mn|ms|mtext)$/.test(el.name);
 }
 export class TreeBuilder {
-    constructor(src) {
+    /** `svg`: an svg template, whose top level is SVG content (01 "svg templates"). */
+    constructor(src, svg = false) {
         this.src = src;
+        this.svg = svg;
         this.root = [];
         this.server = false;
         this.stack = [];
@@ -55,6 +59,8 @@ export class TreeBuilder {
     }
     doctype(raw) {
         this.fresh = undefined;
+        if (this.svg)
+            this.src.fail(10, msg.htmlInSvg('!doctype', true));
         this.server = true;
         this.children.push({ type: 'doctype', raw });
     }
@@ -97,11 +103,22 @@ export class TreeBuilder {
     }
     namespace(tag) {
         const parent = this.stack.at(-1);
-        if (parent === undefined || parent.ns === 'html' || integrationPoint(parent)) {
+        if (parent === undefined ? !this.svg : parent.ns === 'html' || integrationPoint(parent)) {
             return tag.name === 'svg' ? 'svg' : tag.name === 'math' ? 'math' : 'html';
         }
+        // An svg template's top level: SVG content, as inside the <svg> it renders in.
+        if (parent === undefined) {
+            const fontAttr = tag.attrs.some((a) => /^(color|face|size)$/i.test(a.name));
+            if (breaksOutOfForeign(tag.name, fontAttr) || HTML_ONLY.has(tag.name)) {
+                this.src.fail(10, msg.htmlInSvg(tag.raw, true));
+            }
+            return 'svg';
+        }
         if (parent.name === 'annotation-xml' && tag.name === 'svg')
             return 'svg';
+        if (parent.ns === 'svg' && HTML_ONLY.has(tag.name)) {
+            this.src.fail(10, msg.htmlInSvg(tag.raw, false));
+        }
         const fontAttr = tag.attrs.some((a) => /^(color|face|size)$/i.test(a.name));
         if (breaksOutOfForeign(tag.name, fontAttr)) {
             this.src.fail(7, msg.repaired(`<${tag.name}> inside <${parent.ns}> ends the <${parent.ns}> element`, `Put HTML inside <foreignObject>, or move it out of the <${parent.ns}>.`));
@@ -129,29 +146,57 @@ export class TreeBuilder {
         if (repair !== undefined)
             this.src.fail(7, repair);
     }
-    /** Bound names lower-cased on HTML elements (not properties); rules 4, 7 (duplicates), 13. */
+    /**
+     * Bound names as the parser spells them (not properties): lower case on HTML elements, SVG's
+     * camelCase on SVG elements (svg.ts); rules 4, 7 (duplicates), 10 (namespaced), 13, 14 (boolean attributes). A
+     * static `style` gets its decoded value (`css`): the client applies it as a part (emit.ts).
+     */
     attributes(tag, ns) {
         const seen = new Set();
+        // A nested <template>'s content is out of the parts' reach: its static styles stay.
+        const reach = !this.inTemplate();
         return tag.attrs.map((a) => {
-            const lower = ns === 'html' && a.kind !== 'prop' ? a.name.toLowerCase() : a.name;
+            const name = a.kind === 'prop' || ns === 'math'
+                ? a.name
+                : ns === 'html'
+                    ? a.name.toLowerCase()
+                    : svgAttr(a.name);
             if (a.kind === 'prop' && ns === 'html') {
                 const fix = formStateFix(tag.name, a.name);
                 if (fix !== undefined)
                     this.src.fail(4, msg.formState(tag.name, a.name, fix));
             }
+            // Dialog and popover state is bound with `?`, on the element that can open (02).
+            if (ns === 'html' && (name === 'modal' || name === 'popover-open') && a.kind !== 'prop') {
+                const fits = name === 'modal'
+                    ? tag.name === 'dialog'
+                    : tag.attrs.some((b) => b.name.toLowerCase() === 'popover');
+                if (a.kind !== 'bool' || !fits)
+                    this.src.fail(4, msg.toggle(tag.name, name));
+            }
+            if (a.kind === 'attr' &&
+                ns === 'html' &&
+                !tag.name.includes('-') &&
+                BOOLEAN_ATTRS.has(name)) {
+                this.src.fail(14, msg.booleanAttr(tag.name, name));
+            }
+            if ((a.kind === 'attr' || a.kind === 'bool') && ns !== 'html' && namespacedAttr(a.name)) {
+                this.src.fail(10, msg.namespacedAttr(a.name));
+            }
             if (a.kind !== 'prop' && a.kind !== 'hook') {
-                const key = ns === 'html' ? lower : a.name;
+                const key = ns === 'math' ? a.name : a.name.toLowerCase();
                 if (seen.has(key)) {
                     this.src.fail(7, msg.repaired(`${key} appears twice on <${tag.raw}>, and the parser keeps only the first`, `Write it once; to mix static and dynamic text, quote one value: ${key}="a \${…}".`));
                 }
                 seen.add(key);
             }
-            if (a.kind === 'static')
-                return a;
+            if (a.kind === 'static') {
+                if (!reach || a.name.toLowerCase() !== 'style')
+                    return a;
+                return { ...a, css: a.value === null ? '' : this.decode(unquote(a.value)) };
+            }
             const strings = a.strings?.map((s) => this.decode(s));
-            return strings === undefined
-                ? { kind: a.kind, name: lower }
-                : { kind: a.kind, name: lower, strings };
+            return strings === undefined ? { kind: a.kind, name } : { kind: a.kind, name, strings };
         });
     }
     props(tag) {