@gyral/core 0.2.0 → 0.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"repairs.js","sourceRoot":"","sources":["../../../src/view/normalize/repairs.ts"],"names":[],"mappings":"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","sourcesContent":["// Rule 7 by structure (view/09-template-rules.md \"How rule 7 is checked\"): start tags and text\n// that the WHATWG HTML tree builder would move, drop or implicitly close something for, checked\n// against the open-element stack. Only real repairs are flagged; the browser's own parse\n// (prepare.ts) and the compiler's parse5 check catch anything this misses.\nimport { msg } from './rules.js';\n\nexport type Ns = 'html' | 'svg' | 'math';\n\nexport interface OpenElement {\n  readonly name: string;\n  readonly ns: Ns;\n}\n\n/** How the tree builder treats content of a container (its insertion mode, roughly). */\nexport type Context = 'body' | 'table' | 'tbody' | 'tr' | 'colgroup';\n\nconst set = (names: string): ReadonlySet<string> => new Set(names.split(' '));\n\nconst TABLE_PARTS = set('caption col colgroup tbody td tfoot th thead tr');\nconst ALLOWED: Record<Exclude<Context, 'body'>, ReadonlySet<string>> = {\n  table: set('caption colgroup thead tbody tfoot script style template'),\n  tbody: set('tr script style template'),\n  tr: set('td th script style template'),\n  colgroup: set('col template'),\n};\nconst CLOSES_P = set(\n  'address article aside blockquote center details dialog dir div dl fieldset figcaption ' +\n    'figure footer header hgroup main menu nav ol p search section summary ul h1 h2 h3 h4 h5 h6 ' +\n    'pre listing form plaintext table hr xmp li dd dt',\n);\nconst HEADINGS = set('h1 h2 h3 h4 h5 h6');\nconst SCOPE: Record<Ns, ReadonlySet<string>> = {\n  html: set('applet caption html table td th marquee object template'),\n  math: set('mi mo mn ms mtext annotation-xml'),\n  svg: set('foreignobject desc title'),\n};\nconst SPECIAL = set(\n  'address applet area article aside base basefont bgsound blockquote body br button caption ' +\n    'center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form ' +\n    'frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input keygen li link ' +\n    'listing main marquee menu meta nav noembed noframes noscript object ol p param plaintext ' +\n    'pre script search section select source style summary table tbody td template textarea ' +\n    'tfoot th thead title tr track ul wbr xmp',\n);\nconst LI = set('li');\nconst DD_DT = set('dd dt');\nconst FORM = set('form');\nconst TEMPLATE = set('template');\nconst OPTION = set('option');\nconst FORMATTING_MARKERS = set('applet marquee object template td th caption');\nconst BREAKOUT = set(\n  'b big blockquote body br center code dd div dl dt em embed h1 h2 h3 h4 h5 h6 head hr i img ' +\n    'li listing menu meta nobr ol p pre ruby s small span strong strike sub sup table tt u ul var',\n);\n\n/** The context an element's children are parsed in. */\nexport function contextOf(name: string): Context {\n  if (name === 'table') return 'table';\n  if (name === 'tbody' || name === 'thead' || name === 'tfoot') return 'tbody';\n  if (name === 'tr' || name === 'colgroup') return name;\n  return 'body';\n}\n\n/**\n * The context of a template root or <template> content: decided by its first start tag\n * (the \"in template\" insertion mode).\n */\nexport function rootContext(firstTag: string): Context {\n  if (firstTag === 'tr') return 'tbody';\n  if (firstTag === 'td' || firstTag === 'th') return 'tr';\n  if (firstTag === 'col') return 'colgroup';\n  return TABLE_PARTS.has(firstTag) ? 'table' : 'body';\n}\n\nconst isHtml = (el: OpenElement | undefined, names: ReadonlySet<string>): boolean =>\n  el !== undefined && el.ns === 'html' && names.has(el.name);\n\nfunction inScope(stack: readonly OpenElement[], name: string, extra?: string): boolean {\n  for (let k = stack.length - 1; k >= 0; k--) {\n    const el = stack[k];\n    if (el === undefined) break;\n    if (el.ns === 'html' && el.name === name) return true;\n    if (SCOPE[el.ns].has(el.name) || (el.ns === 'html' && el.name === extra)) return false;\n  }\n  return false;\n}\n\n/** An open <li> (or <dd>/<dt>) that a new one would close: the \"in body\" list-item walk. */\nfunction listItemOpen(stack: readonly OpenElement[], names: ReadonlySet<string>): boolean {\n  for (let k = stack.length - 1; k >= 0; k--) {\n    const el = stack[k];\n    if (el === undefined) break;\n    if (isHtml(el, names)) return true;\n    const special = el.ns === 'html' ? SPECIAL.has(el.name) : SCOPE[el.ns].has(el.name);\n    if (special && !(el.ns === 'html' && /^(address|div|p)$/.test(el.name))) return false;\n  }\n  return false;\n}\n\nfunction formattingOpen(stack: readonly OpenElement[], name: string): boolean {\n  for (let k = stack.length - 1; k >= 0; k--) {\n    const el = stack[k];\n    if (el === undefined || isHtml(el, FORMATTING_MARKERS)) return false;\n    if (el.ns === 'html' && el.name === name) return true;\n  }\n  return false;\n}\n\nfunction inTableMessage(name: string, ctx: Exclude<Context, 'body'>): string {\n  const where = ctx === 'tbody' ? '<tbody>' : `<${ctx}>`;\n  if (name === 'tr' || ((name === 'td' || name === 'th') && ctx === 'table')) {\n    return msg.repaired(\n      `<${name}> directly inside ${where}`,\n      'Wrap rows in <tbody>: <table><tbody><tr><td>…</td></tr></tbody></table>.',\n    );\n  }\n  if (name === 'td' || name === 'th') {\n    return msg.repaired(`<${name}> directly inside ${where}`, 'Wrap cells in <tr>.');\n  }\n  if (name === 'col')\n    return msg.repaired(`<col> directly inside ${where}`, 'Wrap it in <colgroup>.');\n  if (ctx === 'colgroup')\n    return msg.repaired(`<${name}> inside <colgroup>`, 'Only <col> goes there.');\n  return msg.repaired(\n    `<${name}> directly inside ${where}`,\n    'The parser moves it out of the table. Put it inside a <td>, <th> or <caption>.',\n  );\n}\n\n/**\n * Rule 7 for a start tag in the HTML namespace. `atRoot`: the container is the template root\n * or a <template>'s content, where content the parser would foster-parent stays in place.\n * Returns the error message, or undefined when the parser keeps the tag where it is written.\n */\nexport function startRepair(\n  name: string,\n  ctx: Context,\n  atRoot: boolean,\n  stack: readonly OpenElement[],\n  hiddenInput: boolean,\n): string | undefined {\n  if (ctx !== 'body') {\n    if (ALLOWED[ctx].has(name) || (ctx === 'table' && name === 'input' && hiddenInput)) return;\n    if (atRoot && ctx !== 'colgroup' && !TABLE_PARTS.has(name)) return;\n    return inTableMessage(name, ctx);\n  }\n  const top = stack.at(-1);\n  if (TABLE_PARTS.has(name)) {\n    return msg.repaired(\n      `<${name}> outside its table structure is dropped by the parser`,\n      `Put it where it belongs: <table><tbody><tr><td>…</td></tr></tbody></table>.`,\n    );\n  }\n  if (CLOSES_P.has(name) && inScope(stack, 'p', 'button')) {\n    return msg.repaired(\n      `<${name}> inside <p>: a paragraph holds only phrasing content, so the parser closes it`,\n      `Close </p> before <${name}>, or use a <div> instead of the <p>.`,\n    );\n  }\n  if (name === 'li' && listItemOpen(stack, LI)) {\n    return msg.repaired(\n      '<li> inside another <li> closes the first one',\n      'Close </li> first, or nest a list: <li>…<ul><li>…</li></ul></li>.',\n    );\n  }\n  if ((name === 'dd' || name === 'dt') && listItemOpen(stack, DD_DT)) {\n    return msg.repaired(`<${name}> inside <dd> or <dt> closes it`, 'Close it first.');\n  }\n  if (name === 'a' && formattingOpen(stack, 'a')) {\n    return msg.repaired(\n      \"<a> inside <a>: links can't nest\",\n      'Close the first </a> before the next <a>.',\n    );\n  }\n  if (\n    name === 'form' &&\n    stack.some((el) => isHtml(el, FORM)) &&\n    !stack.some((el) => isHtml(el, TEMPLATE))\n  ) {\n    return msg.repaired(\n      '<form> inside <form> is dropped by the parser',\n      'Forms can\\'t nest: close the first form, and point controls at a form with form=\"id\".',\n    );\n  }\n  if (HEADINGS.has(name) && isHtml(top, HEADINGS)) {\n    return msg.repaired(`<${name}> inside a heading closes it`, 'Close the first heading first.');\n  }\n  if (name === 'button' && inScope(stack, 'button')) {\n    return msg.repaired('<button> inside <button> closes the first one', \"Buttons can't nest.\");\n  }\n  if ((name === 'option' || name === 'optgroup') && isHtml(top, OPTION)) {\n    return msg.repaired(`<${name}> inside <option> closes it`, 'Close </option> first.');\n  }\n  return undefined;\n}\n\n/** Rule 7 for static text: non-whitespace text in table structure is moved out of it. */\nexport function textRepair(raw: string, ctx: Context, atRoot: boolean): string | undefined {\n  if (ctx === 'body' || !/[^\\t\\n\\f\\r ]/.test(raw) || (atRoot && ctx !== 'colgroup')) return;\n  return msg.repaired(\n    'Text directly inside table structure',\n    'The parser moves it out of the table. Put text inside a <td>, <th> or <caption>.',\n  );\n}\n\n/** Rule 7 in SVG/MathML: HTML tags that end the foreign element. */\nexport function breaksOutOfForeign(name: string, hasFontAttr: boolean): boolean {\n  return BREAKOUT.has(name) || (name === 'font' && hasFontAttr);\n}\n"]}

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

@@ -0,0 +1,39 @@
+/** Messages, by rule. Each names the fix. */
+export declare const msg: {
+    eventBinding: (name: string) => string;
+    dynamicTag: () => string;
+    dynamicName: () => string;
+    inRawText: (tag: string) => string;
+    inComment: () => string;
+    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;
+    repaired: (what: string, write: string) => string;
+    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;
+};
+/**
+ * Rule 4: property bindings that would be form state (view/02-bindings.md "Live form state").
+ * 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. */
+export declare const VOID: Set<string>;

package/dist/view/normalize/rules.js

@@ -0,0 +1,120 @@
+// The template rules of view/09-template-rules.md that one template's strings reveal: every
+// message says what is wrong and what to write instead (core belief 7). The tokenizer
+// (rules 1, 2, 3, 5), the tree builder (3, 4, 6, 7, 10, 12, 13) and repairs.ts (7) throw them
+// through Source.fail; the browser's own parse (prepare.ts) backs rule 7 up, and
+// template-element.ts throws rule 11 when a server template reaches the browser.
+import { SERVER_ONLY } from './errors.js';
+const H = '${…}';
+/** Messages, by rule. Each names the fix. */
+export const msg = {
+    // 1
+    eventBinding: (name) => `${name}=${H} is an event binding, and Gyral has none: views never attach listeners. ` +
+        `Name the intent instead, data-intent=\${i.Name}, and parse the event in the component's ` +
+        `intent (ADR 0001).`,
+    // 2
+    dynamicTag: () => `A hole can't be (part of) a tag name: <${H}> and </${H}> are not supported. Choose ` +
+        `between whole templates instead: \${cond ? html\`<a>…</a>\` : html\`<b>…</b>\`}. ` +
+        `For a literal "<" next to a value, write &lt;.`,
+    dynamicName: () => `A hole can't be (part of) an attribute name. Write the name statically (name=${H}), ` +
+        `use ?name=${H} to add or remove it, or choose between whole templates.`,
+    // 3
+    inRawText: (tag) => `A hole can't sit inside <${tag}>: no part can live there, and values in it are an ` +
+        `injection risk. Pass data through an attribute, styles through a CSS custom property ` +
+        `(style=\${\`--x: \${v}\`}), or trusted markup through raw().`,
+    inComment: () => `A hole can't sit inside an HTML comment: no part can live there. Move the value out of ` +
+        `the comment, or drop the comment.`,
+    inDoctype: () => `A hole can't sit inside <!doctype>. Write the doctype statically: <!doctype html>.`,
+    inTemplate: () => `A hole can't sit inside a <template> element: its content is inert and no part can live ` +
+        `there. Render the content with a nested html\`…\` template in a child hole instead.`,
+    // 4
+    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}".`,
+    notSingle: (name) => `${name} takes exactly one value and no static text. Write ${name}=${H}, and build the ` +
+        `value in the expression.`,
+    // 6
+    selfClosing: (tag) => `<${tag} /> is not self-closing in HTML: the parser ignores the "/", so <${tag}> would ` +
+        `swallow the siblings that follow it. Write <${tag}></${tag}>.`,
+    // 7
+    repaired: (what, write) => `${what}. The HTML parser repairs this markup, so the DOM would differ from the template ` +
+        `and part paths would shift. ${write}`,
+    badEndTag: () => `"</" must start an end tag such as </p>. For a literal "</" in text, write &lt;/.`,
+    unterminated: (what) => what === 'comment'
+        ? `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>: 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
+    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}>.`,
+    // 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;.`,
+};
+/**
+ * Rule 4: property bindings that would be form state (view/02-bindings.md "Live form state").
+ * Returns the spelling to use instead, or undefined when the binding is fine.
+ */
+const FORM_STATE = {
+    input: { value: `value=${H}`, checked: `?checked=${H}`, indeterminate: `?indeterminate=${H}` },
+    textarea: { value: `<textarea>${H}</textarea>` },
+    select: { value: `?selected=${H} on the chosen <option>` },
+    option: { selected: `?selected=${H}`, value: `value=${H}` },
+    details: { 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").
+ * Returns the spelling to use instead, or undefined when the binding is fine.
+ */
+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 ' +
+    'fedisplacementmap fedropshadow feflood fegaussianblur feimage femerge femergenode ' +
+    'femorphology feoffset fespecularlighting fetile feturbulence filter foreignobject g line ' +
+    'lineargradient marker mask metadata mpath path pattern polygon polyline radialgradient ' +
+    'rect stop symbol text textpath tspan use').split(' '));
+/** HTML void elements: no end tag, no content. */
+export const VOID = new Set(('area base basefont bgsound br col embed frame hr img input keygen link meta param source ' +
+    'track wbr').split(' '));
+//# sourceMappingURL=rules.js.map

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

@@ -0,0 +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  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/shape.d.ts

@@ -0,0 +1,5 @@
+import type { Shape, TemplateObject } from './types.js';
+/** The first place where `got` differs from `want`, as a message; undefined if none. */
+export declare function shapeMismatch(want: Shape, got: Shape, path?: readonly number[]): string | undefined;
+/** Rule 7's error for a parse that differs from the template's shape (`problem`). */
+export declare function repairError(template: TemplateObject, parser: string, problem: string): Error;

package/dist/view/normalize/shape.js

@@ -0,0 +1,38 @@
+// Rule 7 by comparison (view/09-template-rules.md "How rule 7 is checked"): the DOM an HTML
+// parser built from a template's HTML, as a Shape, against the shape the normalizer computed
+// the part paths for. Any difference means the parser repaired the markup. The runtime
+// preparer feeds it the browser's own parse (prepare.ts); the Vite template compiler feeds it
+// parse5's (src/compiler/parse5-check.ts). No DOM here: it runs in Node and in the browser.
+import { TemplateError } from './errors.js';
+const describe = (node) => node === undefined
+    ? 'nothing'
+    : typeof node === 'string'
+        ? node === '#text'
+            ? 'text'
+            : 'a comment'
+        : `<${node[0]}>`;
+const same = (want, got) => typeof want === 'string' ? want === got : typeof got !== 'string' && want[0] === got[0];
+/** The first place where `got` differs from `want`, as a message; undefined if none. */
+export function shapeMismatch(want, got, path = []) {
+    for (let k = 0; k < Math.max(want.length, got.length); k++) {
+        const w = want[k];
+        const g = got[k];
+        if (w === undefined || g === undefined || !same(w, g)) {
+            return `at path [${[...path, k].join(', ')}]: expected ${describe(w)}, found ${describe(g)}`;
+        }
+        if (typeof w !== 'string' && typeof g !== 'string') {
+            const inner = shapeMismatch(w[1], g[1], [...path, k]);
+            if (inner !== undefined)
+                return inner;
+        }
+    }
+    return undefined;
+}
+/** Rule 7's error for a parse that differs from the template's shape (`problem`). */
+export function repairError(template, parser, problem) {
+    return new TemplateError(7, `${parser} built a different DOM for this template ${problem}. It repaired the markup ` +
+        `(for example <tr> directly in <table>, a block element inside <p>, or <a> inside ` +
+        `<a>), so part paths would point at the wrong nodes. Write the valid structure ` +
+        `(<tbody>, closing </p> first, …).\n  template: ${template.html.slice(0, 120)}`, template.loc);
+}
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../../src/view/normalize/shape.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,6FAA6F;AAC7F,uFAAuF;AACvF,8FAA8F;AAC9F,4FAA4F;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,QAAQ,GAAG,CAAC,IAA2B,EAAU,EAAE,CACvD,IAAI,KAAK,SAAS;IAChB,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ;QACxB,CAAC,CAAC,IAAI,KAAK,OAAO;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,WAAW;QACf,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAEvB,MAAM,IAAI,GAAG,CAAC,IAAe,EAAE,GAAc,EAAW,EAAE,CACxD,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;AAE1F,wFAAwF;AACxF,MAAM,UAAU,aAAa,CAC3B,IAAW,EACX,GAAU,EACV,OAA0B,EAAE;IAE5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3D,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;YACtD,OAAO,YAAY,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,QAAQ,CAAC,CAAC,CAAC,WAAW,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/F,CAAC;QACD,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnD,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;YACtD,IAAI,KAAK,KAAK,SAAS;gBAAE,OAAO,KAAK,CAAC;QACxC,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,WAAW,CAAC,QAAwB,EAAE,MAAc,EAAE,OAAe;IACnF,OAAO,IAAI,aAAa,CACtB,CAAC,EACD,GAAG,MAAM,4CAA4C,OAAO,2BAA2B;QACrF,mFAAmF;QACnF,gFAAgF;QAChF,kDAAkD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EACjF,QAAQ,CAAC,GAAG,CACb,CAAC;AACJ,CAAC","sourcesContent":["// Rule 7 by comparison (view/09-template-rules.md \"How rule 7 is checked\"): the DOM an HTML\n// parser built from a template's HTML, as a Shape, against the shape the normalizer computed\n// the part paths for. Any difference means the parser repaired the markup. The runtime\n// preparer feeds it the browser's own parse (prepare.ts); the Vite template compiler feeds it\n// parse5's (src/compiler/parse5-check.ts). No DOM here: it runs in Node and in the browser.\nimport { TemplateError } from './errors.js';\nimport type { Shape, ShapeNode, TemplateObject } from './types.js';\n\nconst describe = (node: ShapeNode | undefined): string =>\n  node === undefined\n    ? 'nothing'\n    : typeof node === 'string'\n      ? node === '#text'\n        ? 'text'\n        : 'a comment'\n      : `<${node[0]}>`;\n\nconst same = (want: ShapeNode, got: ShapeNode): boolean =>\n  typeof want === 'string' ? want === got : typeof got !== 'string' && want[0] === got[0];\n\n/** The first place where `got` differs from `want`, as a message; undefined if none. */\nexport function shapeMismatch(\n  want: Shape,\n  got: Shape,\n  path: readonly number[] = [],\n): string | undefined {\n  for (let k = 0; k < Math.max(want.length, got.length); k++) {\n    const w = want[k];\n    const g = got[k];\n    if (w === undefined || g === undefined || !same(w, g)) {\n      return `at path [${[...path, k].join(', ')}]: expected ${describe(w)}, found ${describe(g)}`;\n    }\n    if (typeof w !== 'string' && typeof g !== 'string') {\n      const inner = shapeMismatch(w[1], g[1], [...path, k]);\n      if (inner !== undefined) return inner;\n    }\n  }\n  return undefined;\n}\n\n/** Rule 7's error for a parse that differs from the template's shape (`problem`). */\nexport function repairError(template: TemplateObject, parser: string, problem: string): Error {\n  return new TemplateError(\n    7,\n    `${parser} built a different DOM for this template ${problem}. It repaired the markup ` +\n      `(for example <tr> directly in <table>, a block element inside <p>, or <a> inside ` +\n      `<a>), so part paths would point at the wrong nodes. Write the valid structure ` +\n      `(<tbody>, closing </p> first, …).\\n  template: ${template.html.slice(0, 120)}`,\n    template.loc,\n  );\n}\n"]}

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

@@ -0,0 +1,13 @@
+export declare class Source {
+    readonly strings: readonly string[];
+    readonly loc: string | undefined;
+    /** Index of the string being read, and the offset in it. */
+    i: number;
+    pos: number;
+    constructor(strings: readonly string[], loc: string | undefined);
+    get last(): boolean;
+    /** The markup around the current position, with holes shown as `${…}`. */
+    near(): string;
+    /** Throws rule `rule`'s error, quoting the markup at the current position. */
+    fail(rule: number, message: string): never;
+}

package/dist/view/normalize/source.js

@@ -0,0 +1,34 @@
+// The strings being normalized and the tokenizer's position in them, so every rule violation
+// (view/09-template-rules.md) can quote the markup it is about.
+import { TemplateError } from './errors.js';
+const HOLE = '${…}';
+export class Source {
+    constructor(strings, loc) {
+        this.strings = strings;
+        this.loc = loc;
+        /** Index of the string being read, and the offset in it. */
+        this.i = 0;
+        this.pos = 0;
+    }
+    get last() {
+        return this.i === this.strings.length - 1;
+    }
+    /** The markup around the current position, with holes shown as `${…}`. */
+    near() {
+        const s = this.strings[this.i] ?? '';
+        let before = s.slice(Math.max(0, this.pos - 40), this.pos);
+        if (this.pos < 40 && this.i > 0) {
+            before = (this.strings[this.i - 1] ?? '').slice(this.pos - 40) + HOLE + before;
+        }
+        let after = s.slice(this.pos, this.pos + 20);
+        if (this.pos + 20 > s.length && !this.last) {
+            after += HOLE + (this.strings[this.i + 1] ?? '').slice(0, 20 - after.length);
+        }
+        return `${before}${after}`.replace(/\s+/g, ' ').trim();
+    }
+    /** Throws rule `rule`'s error, quoting the markup at the current position. */
+    fail(rule, message) {
+        throw new TemplateError(rule, message, this.loc, this.near());
+    }
+}
+//# sourceMappingURL=source.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.js","sourceRoot":"","sources":["../../../src/view/normalize/source.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,gEAAgE;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,MAAM,OAAO,MAAM;IAKjB,YACW,OAA0B,EAC1B,GAAuB;QADvB,YAAO,GAAP,OAAO,CAAmB;QAC1B,QAAG,GAAH,GAAG,CAAoB;QANlC,4DAA4D;QAC5D,MAAC,GAAG,CAAC,CAAC;QACN,QAAG,GAAG,CAAC,CAAC;IAKL,CAAC;IAEJ,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,CAAC;IAED,0EAA0E;IAC1E,IAAI;QACF,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAChC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC;QACjF,CAAC;QACD,IAAI,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QAC7C,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC3C,KAAK,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/E,CAAC;QACD,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IACzD,CAAC;IAED,8EAA8E;IAC9E,IAAI,CAAC,IAAY,EAAE,OAAe;QAChC,MAAM,IAAI,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC;CACF","sourcesContent":["// The strings being normalized and the tokenizer's position in them, so every rule violation\n// (view/09-template-rules.md) can quote the markup it is about.\nimport { TemplateError } from './errors.js';\n\nconst HOLE = '${…}';\n\nexport class Source {\n  /** Index of the string being read, and the offset in it. */\n  i = 0;\n  pos = 0;\n\n  constructor(\n    readonly strings: readonly string[],\n    readonly loc: string | undefined,\n  ) {}\n\n  get last(): boolean {\n    return this.i === this.strings.length - 1;\n  }\n\n  /** The markup around the current position, with holes shown as `${…}`. */\n  near(): string {\n    const s = this.strings[this.i] ?? '';\n    let before = s.slice(Math.max(0, this.pos - 40), this.pos);\n    if (this.pos < 40 && this.i > 0) {\n      before = (this.strings[this.i - 1] ?? '').slice(this.pos - 40) + HOLE + before;\n    }\n    let after = s.slice(this.pos, this.pos + 20);\n    if (this.pos + 20 > s.length && !this.last) {\n      after += HOLE + (this.strings[this.i + 1] ?? '').slice(0, 20 - after.length);\n    }\n    return `${before}${after}`.replace(/\\s+/g, ' ').trim();\n  }\n\n  /** Throws rule `rule`'s error, quoting the markup at the current position. */\n  fail(rule: number, message: string): never {\n    throw new TemplateError(rule, message, this.loc, this.near());\n  }\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/tag-states.d.ts

@@ -0,0 +1,23 @@
+import type { Source } from './source.js';
+import { type Sink, type StartTag, type State } from './tokens.js';
+export declare abstract class TagStates {
+    protected readonly src: Source;
+    protected readonly sink: Sink;
+    protected state: State;
+    protected buf: string;
+    protected rawEnd: string;
+    protected tag: StartTag;
+    private attrName;
+    private pieces;
+    constructor(src: Source, sink: Sink);
+    protected tagChar(c: string): void;
+    private startName;
+    private endValueless;
+    private pushStatic;
+    private endQuoted;
+    /** A bound attribute named `attrName`; `strings` for a multi-attribute. */
+    private pushBound;
+    private emitTag;
+    /** A hole in a start tag (after string `src.i`). */
+    protected holeInTag(): void;
+}

package/dist/view/normalize/tag-states.js

@@ -0,0 +1,192 @@
+// The start-tag states of the template tokenizer (WHATWG HTML: before/after attribute name,
+// attribute name, before attribute value, attribute value in double/single/no quotes, after
+// attribute value, self-closing start tag), and what a hole means in each: an attribute,
+// multi-attribute, boolean, property or hook (view/02-bindings.md), or rule 1, 2 or 5
+// (view/09-template-rules.md). tokenizer.ts adds the data, comment and raw text states.
+import { msg } from './rules.js';
+import { isWs, S } from './tokens.js';
+export class TagStates {
+    constructor(src, sink) {
+        this.src = src;
+        this.sink = sink;
+        this.state = S.Data;
+        this.buf = '';
+        this.rawEnd = '';
+        this.tag = { name: '', raw: '', attrs: [], selfClosing: false };
+        this.attrName = '';
+        this.pieces = [];
+    }
+    tagChar(c) {
+        this.src.pos += 1;
+        switch (this.state) {
+            case S.BeforeName:
+                if (isWs(c))
+                    return;
+                if (c === '/')
+                    this.state = S.SelfClosing;
+                else if (c === '>')
+                    this.emitTag();
+                else
+                    this.startName(c);
+                return;
+            case S.Name:
+                if (isWs(c))
+                    this.state = S.AfterName;
+                else if (c === '=')
+                    this.state = S.BeforeValue;
+                else if (c === '/' || c === '>')
+                    this.endValueless(c);
+                else
+                    this.attrName += c;
+                return;
+            case S.AfterName:
+                if (isWs(c))
+                    return;
+                if (c === '=')
+                    this.state = S.BeforeValue;
+                else if (c === '/' || c === '>')
+                    this.endValueless(c);
+                else {
+                    this.pushStatic(null);
+                    this.startName(c);
+                }
+                return;
+            case S.BeforeValue:
+                if (isWs(c))
+                    return;
+                this.buf = '';
+                this.pieces = [];
+                if (c === '"')
+                    this.state = S.ValueDq;
+                else if (c === "'")
+                    this.state = S.ValueSq;
+                else if (c === '>') {
+                    this.pushStatic('""');
+                    this.emitTag();
+                }
+                else {
+                    this.buf = c;
+                    this.state = S.ValueUnq;
+                }
+                return;
+            case S.ValueDq:
+            case S.ValueSq:
+                if (c === (this.state === S.ValueDq ? '"' : "'"))
+                    this.endQuoted(c);
+                else
+                    this.buf += c;
+                return;
+            case S.ValueUnq:
+                if (isWs(c) || c === '>') {
+                    this.pushStatic(this.buf);
+                    this.state = S.BeforeName;
+                    if (c === '>')
+                        this.emitTag();
+                }
+                else
+                    this.buf += c;
+                return;
+            default:
+                // AfterValueQ and SelfClosing: `>` ends the tag, anything else starts a new attribute.
+                if (c === '>') {
+                    this.tag.selfClosing = this.state === S.SelfClosing;
+                    this.emitTag();
+                }
+                else if (c === '/')
+                    this.state = S.SelfClosing;
+                else if (!isWs(c))
+                    this.startName(c);
+                else
+                    this.state = S.BeforeName;
+        }
+    }
+    startName(c) {
+        this.attrName = c;
+        this.state = S.Name;
+    }
+    endValueless(c) {
+        this.pushStatic(null);
+        if (c === '>')
+            this.emitTag();
+        else
+            this.state = S.SelfClosing;
+    }
+    pushStatic(value) {
+        this.tag.attrs.push({ kind: 'static', name: this.attrName, value });
+    }
+    endQuoted(quote) {
+        this.state = S.AfterValueQ;
+        if (this.pieces.length === 0) {
+            this.pushStatic(quote + this.buf + quote);
+            return;
+        }
+        this.pieces.push(this.buf);
+        const single = this.pieces.length === 2 && this.pieces[0] === '' && this.pieces[1] === '';
+        this.pushBound(single ? undefined : this.pieces);
+    }
+    /** A bound attribute named `attrName`; `strings` for a multi-attribute. */
+    pushBound(strings) {
+        const name = this.attrName;
+        const prefix = name.charAt(0);
+        if (prefix === '@')
+            this.src.fail(1, msg.eventBinding(name));
+        if (prefix === '?' || prefix === '.') {
+            if (strings !== undefined)
+                this.src.fail(5, msg.notSingle(name));
+            const kind = prefix === '?' ? 'bool' : 'prop';
+            this.tag.attrs.push({ kind, name: name.slice(1) });
+            return;
+        }
+        this.tag.attrs.push(strings === undefined ? { kind: 'attr', name } : { kind: 'attr', name, strings });
+    }
+    emitTag() {
+        const mode = this.sink.start(this.tag);
+        this.rawEnd = this.tag.name;
+        this.state = mode === 'data' ? S.Data : mode === 'rawtext' ? S.RawText : S.RcData;
+    }
+    /** A hole in a start tag (after string `src.i`). */
+    holeInTag() {
+        const { src } = this;
+        const next = src.strings[src.i + 1] ?? '';
+        const c = next.charAt(0);
+        const event = this.attrName.startsWith('@');
+        switch (this.state) {
+            case S.Name:
+                if (event)
+                    src.fail(1, msg.eventBinding(this.attrName));
+                src.fail(2, msg.dynamicName());
+                break;
+            case S.BeforeValue: {
+                // The template ending here is rule 7 (unterminated tag), reported by the tokenizer.
+                const atEnd = c === '' && src.i + 1 === src.strings.length - 1;
+                const ends = isWs(c) || c === '>' || next.startsWith('/>') || atEnd;
+                if (!event && !ends)
+                    src.fail(5, msg.unquoted(this.attrName));
+                this.pushBound(undefined);
+                this.state = S.BeforeName;
+                break;
+            }
+            case S.ValueUnq:
+                if (event)
+                    src.fail(1, msg.eventBinding(this.attrName));
+                src.fail(5, msg.unquoted(this.attrName));
+                break;
+            case S.ValueDq:
+            case S.ValueSq:
+                if (event)
+                    src.fail(1, msg.eventBinding(this.attrName));
+                this.pieces.push(this.buf);
+                this.buf = '';
+                break;
+            default:
+                // Before an attribute name: an element hook.
+                if (this.state === S.AfterName)
+                    this.pushStatic(null);
+                if (c !== '' && !isWs(c) && c !== '>' && c !== '/')
+                    src.fail(2, msg.dynamicName());
+                this.tag.attrs.push({ kind: 'hook', name: '' });
+                this.state = S.BeforeName;
+        }
+    }
+}
+//# sourceMappingURL=tag-states.js.map