@akcelik/strct 5.21.0 → 5.22.0

package/fesm2022/akcelik-strct.mjs

@@ -29759,6 +29759,13 @@ const STRCT_MD_LIMITS = {
     depth: 8,
     /** Inline delimiter runs considered per text span. */
     delimiters: 2000,
+    /**
+     * How far a closing delimiter or bracket is looked for. Without it every
+     * unmatched opener scanned to the end of the document, once each: a 64 KiB
+     * line of "*a " took 1.6 s to read, and a streamed reply is read again on
+     * every token.
+     */
+    scan: 4096,
 };
 const RULE = /^ {0,3}((\*\s*){3,}|(-\s*){3,}|(_\s*){3,})$/;
 const ATX = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/;
@@ -29996,9 +30003,10 @@ function parseInlines(source, options = {}) {
                 continue;
             }
         }
-        // Hard break: two spaces at the end of a line, or a backslash.
+        // Hard break: two spaces at the end of a line, or a backslash — or every
+        // newline, where the consumer asked for GitHub's comment style.
         if (ch === '\n') {
-            const hard = buf.endsWith('  ') || buf.endsWith('\\');
+            const hard = options.breaks === true || buf.endsWith('  ') || buf.endsWith('\\');
             buf = buf.replace(/( {2,}|\\)$/, '');
             flush();
             out.push(hard ? { kind: 'break' } : { kind: 'text', text: ' ' });
@@ -30040,13 +30048,39 @@ function parseInlines(source, options = {}) {
                 }
             }
         }
+        // A bare URL is a link: a model writes "see https://example.com/x" far
+        // more often than it writes an autolink. Trailing punctuation belongs to
+        // the sentence, not the address.
+        if ((ch === 'h' || ch === 'H') && /^https?:\/\//i.test(source.slice(i, i + 8))) {
+            const match = /^https?:\/\/[^\s<]+/i.exec(source.slice(i));
+            if (match) {
+                let url = match[0];
+                const trail = /[.,;:!?)\]'"]+$/.exec(url);
+                if (trail) {
+                    // A closing bracket is part of the address when the URL opened one.
+                    const kept = url.slice(0, url.length - trail[0].length);
+                    url = kept.includes('(') && trail[0].startsWith(')') ? kept + ')' : kept;
+                }
+                if (url.length > 'https://'.length) {
+                    flush();
+                    out.push({ kind: 'link', href: url, children: [{ kind: 'text', text: url }] });
+                    i += url.length;
+                    continue;
+                }
+            }
+        }
         // Emphasis, strong, strikethrough. A delimiter only opens when something
         // follows it immediately and only closes when something precedes it —
         // the flanking rule, which is what keeps "2 * 3 * 4" arithmetic.
         if ((ch === '*' || ch === '_' || ch === '~') && budget-- > 0) {
             const run = new RegExp(`^\\${ch}+`).exec(source.slice(i))[0];
             const len = ch === '~' ? (run.length >= 2 ? 2 : 0) : Math.min(run.length, 2);
-            const opens = !/^\s|^$/.test(source.slice(i + run.length, i + run.length + 1) || '');
+            const after = source.slice(i + run.length, i + run.length + 1) || '';
+            const before = i > 0 ? source[i - 1] : '';
+            // An underscore inside a word is a character, not a delimiter — or
+            // `list_inventory for vm_cpu_usage` loses its underscores to emphasis.
+            const intraword = ch === '_' && /[\p{L}\p{N}]/u.test(before) && /[\p{L}\p{N}]/u.test(after);
+            const opens = !/^\s|^$/.test(after) && !intraword;
             if (len && opens) {
                 const marker = ch.repeat(len);
                 const close = findCloser(source, marker, i + len);
@@ -30075,10 +30109,15 @@ function parseInlines(source, options = {}) {
  * no such closer is not a delimiter at all, it is the character written.
  */
 function findCloser(source, marker, from) {
+    // Bounded: an unmatched delimiter in a long reply used to scan to the end of
+    // the document, once per delimiter — 1.6s for a 64 KiB line of "*a ".
+    const limit = Math.min(source.length, from + STRCT_MD_LIMITS.scan);
     let at = source.indexOf(marker, from);
-    while (at !== -1) {
+    while (at !== -1 && at < limit) {
         const before = source[at - 1];
-        if (before && !/\s/.test(before))
+        const after = source[at + marker.length] ?? '';
+        const intraword = marker[0] === '_' && /[\p{L}\p{N}]/u.test(before ?? '') && /[\p{L}\p{N}]/u.test(after);
+        if (before && !/\s/.test(before) && !intraword)
             return at;
         at = source.indexOf(marker, at + marker.length);
     }
@@ -30087,7 +30126,8 @@ function findCloser(source, marker, from) {
 /** The index of the `]` matching the `[` at `from`, or -1. */
 function matchBracket(source, from) {
     let depth = 0;
-    for (let i = from; i < source.length; i++) {
+    const limit = Math.min(source.length, from + STRCT_MD_LIMITS.scan);
+    for (let i = from; i < limit; i++) {
         if (source[i] === '\\') {
             i++;
             continue;
@@ -30140,7 +30180,7 @@ function applyTokens(text, tokenize) {
  * model wrote: `javascript:`, `data:`, a protocol-relative `//host`, or
  * anything this does not recognise.
  */
-function strctClassifyHref(href) {
+function strctClassifyHref(href, options = {}) {
     const raw = (href ?? '').trim();
     if (!raw)
         return null;
@@ -30149,10 +30189,16 @@ function strctClassifyHref(href) {
         return null;
     if (/^https?:\/\/[^/]/i.test(raw))
         return 'external';
-    if (/^mailto:[^@\s]+@[^@\s]+$/i.test(raw))
+    // mailto: opens a mail client with a subject and a body the model wrote, so
+    // it is something an app says yes to rather than the default.
+    if (options.mailto && /^mailto:[^@\s]+@[^@\s]+$/i.test(raw))
         return 'external';
     if (raw.startsWith('//'))
         return null;
+    // A browser reads a backslash as a slash: "/\evil.example" is an in-app
+    // path to this function and https://evil.example/ to a middle-click.
+    if (/[\\]/.test(raw) || /%5c/i.test(raw))
+        return null;
     if (raw.startsWith('/'))
         return 'internal';
     return null;
@@ -30226,10 +30272,32 @@ class StrctMarkdown {
     /** Claim runs of plain text — an inventory id becomes an object chip. */
     tokens = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "tokens" }] : /* istanbul ignore next */ []));
+    /**
+     * A single newline is a line break, the way a comment box reads: a model
+     * writing "Host: X\nCPU: 40 %" means two lines. Off by default, which is
+     * CommonMark.
+     */
+    breaks = input(false, { ...(ngDevMode ? { debugName: "breaks" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** What a screen reader hears after an external link (localisable). */
+    newTabLabel = input(' (opens in a new tab)', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "newTabLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * The token templates of the view that nested this one. A list item or a
+     * quote is drawn by a nested view, which has no projected content of its
+     * own — without this its claimed runs fall back to plain text.
+     */
+    inheritedTokens = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inheritedTokens" }] : /* istanbul ignore next */ []));
     /** An in-app link was followed; the consumer routes it. */
     navigate = output();
-    tokenDefs = contentChildren(StrctMarkdownToken, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tokenDefs" }] : /* istanbul ignore next */ []));
+    ownTokenDefs = contentChildren(StrctMarkdownToken, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownTokenDefs" }] : /* istanbul ignore next */ []));
+    /** This view's own templates, plus the ones handed down to it. */
+    allTokenDefs = computed(() => {
+        const own = this.ownTokenDefs();
+        return own.length ? own : this.inheritedTokens();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allTokenDefs" }] : /* istanbul ignore next */ []));
     blocks = computed(() => {
         const given = this.tree();
         if (given)
@@ -30237,6 +30305,7 @@ class StrctMarkdown {
         return strctParseMarkdown(this.source(), {
             streaming: this.streaming(),
             tokenize: this.tokens() ?? undefined,
+            breaks: this.breaks(),
         });
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "blocks" }] : /* istanbul ignore next */ []));
@@ -30248,7 +30317,7 @@ class StrctMarkdown {
         return own ? own(href) : strctClassifyHref(href);
     }
     tokenTemplate(kind) {
-        return this.tokenDefs().find((d) => d.strctMarkdownToken() === kind)?.template ?? null;
+        return this.allTokenDefs().find((d) => d.strctMarkdownToken() === kind)?.template ?? null;
     }
     /** The caret belongs to the last block, and only while streaming. */
     caretOn(index) {
@@ -30263,7 +30332,7 @@ class StrctMarkdown {
         this.navigate.emit(href);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctMarkdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctMarkdown, isStandalone: true, selector: "strct-markdown", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, headingOffset: { classPropertyName: "headingOffset", publicName: "headingOffset", isSignal: true, isRequired: false, transformFunction: null }, linkPolicy: { classPropertyName: "linkPolicy", publicName: "linkPolicy", isSignal: true, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate" }, host: { classAttribute: "strct-md" }, queries: [{ propertyName: "tokenDefs", predicate: StrctMarkdownToken, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctMarkdown, isStandalone: true, selector: "strct-markdown", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, headingOffset: { classPropertyName: "headingOffset", publicName: "headingOffset", isSignal: true, isRequired: false, transformFunction: null }, linkPolicy: { classPropertyName: "linkPolicy", publicName: "linkPolicy", isSignal: true, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: false, transformFunction: null }, breaks: { classPropertyName: "breaks", publicName: "breaks", isSignal: true, isRequired: false, transformFunction: null }, newTabLabel: { classPropertyName: "newTabLabel", publicName: "newTabLabel", isSignal: true, isRequired: false, transformFunction: null }, inheritedTokens: { classPropertyName: "inheritedTokens", publicName: "inheritedTokens", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate" }, host: { classAttribute: "strct-md" }, queries: [{ propertyName: "ownTokenDefs", predicate: StrctMarkdownToken, isSignal: true }], ngImport: i0, template: `
     @for (block of blocks(); track $index) {
       @switch (block.kind) {
         @case ('p') {
@@ -30408,10 +30477,16 @@ class StrctMarkdown {
     <!-- Blocks inside a list item or a quote. -->
     <ng-template #blockRun let-blocks>
       @for (b of blocks; track $index) {
+        <!-- The nested view had no token templates of its own, so a claimed
+             run inside a list item or a quote was drawn as plain text while
+             the same run in a paragraph became a chip. -->
         <strct-markdown
           [tree]="[b]"
           [headingOffset]="headingOffset()"
           [linkPolicy]="linkPolicy()"
+          [tokens]="tokens()"
+          [breaks]="breaks()"
+          [inheritedTokens]="allTokenDefs()"
           (navigate)="navigate.emit($event)"
         />
       }
@@ -30483,6 +30558,7 @@ class StrctMarkdown {
                     [size]="11"
                     aria-hidden="true"
                   />
+                  <span class="strct-sr-only">{{ newTabLabel() }}</span>
                 </a>
               }
               @case ('internal') {
@@ -30509,7 +30585,7 @@ class StrctMarkdown {
         }
       }
     </ng-template>
-  `, isInline: true, styles: [".strct-md{display:block;color:var(--t1);font-size:13px;line-height:1.55}.strct-md__p{margin:0 0 var(--space-2)}.strct-md__p:last-child{margin-bottom:0}.strct-md__h{margin:var(--space-3) 0 var(--space-2);font-size:14px;font-weight:600;color:var(--t1)}.strct-md__h:first-child{margin-top:0}.strct-md__list{margin:0 0 var(--space-2);padding-inline-start:20px}.strct-md__list li{margin-block:2px}.strct-md__quote{margin:0 0 var(--space-2);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--b2);color:var(--t2)}.strct-md__rule{border:0;border-block-start:1px solid var(--b1);margin:var(--space-3) 0}.strct-md__codespan{font-family:var(--mono);font-size:.92em;background:var(--bg-2);border-radius:var(--radius-sm);padding:1px 4px}.strct-md__code{margin-block-end:var(--space-2)}.strct-md__link{color:var(--acc)}.strct-md__ext{margin-inline-start:2px;vertical-align:-1px}.strct-md__tablewrap{overflow-x:auto;margin-block-end:var(--space-2)}.strct-md__table{border-collapse:collapse;width:max-content;min-width:100%}.strct-md__table th,.strct-md__table td{border:1px solid var(--b1);padding:4px 8px;text-align:start}.strct-md__table th{background:var(--bg-2);font-weight:600}.strct-md__caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-2px;background:var(--acc);animation:strct-md-caret 1s steps(2) infinite}@keyframes strct-md-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.strct-md__caret{animation:none}}\n"], dependencies: [{ kind: "component", type: StrctMarkdown, selector: "strct-markdown", inputs: ["source", "tree", "streaming", "headingOffset", "linkPolicy", "tokens"], outputs: ["navigate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StrctCode, selector: "strct-code", inputs: ["code", "title", "language", "copyable", "collapsible", "collapsed", "lineNumbers", "wrap", "maxHeight", "collapseLabel", "expandLabel", "regionLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel", "count", "countMax", "countStatus", "countLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-md{display:block;color:var(--t1);font-size:13px;line-height:1.55}.strct-md__p{margin:0 0 var(--space-2)}.strct-md__p:last-child{margin-bottom:0}.strct-md__h{margin:var(--space-3) 0 var(--space-2);font-size:14px;font-weight:600;color:var(--t1)}.strct-md__h:first-child{margin-top:0}.strct-md__list{margin:0 0 var(--space-2);padding-inline-start:20px}.strct-md__list li{margin-block:2px}.strct-md__quote{margin:0 0 var(--space-2);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--b2);color:var(--t2)}.strct-md__rule{border:0;border-block-start:1px solid var(--b1);margin:var(--space-3) 0}.strct-md__codespan{font-family:var(--mono);font-size:.92em;background:var(--bg-2);border-radius:var(--radius-sm);padding:1px 4px}.strct-md__code{margin-block-end:var(--space-2)}.strct-md__link{color:var(--acc)}.strct-md__ext{margin-inline-start:2px;vertical-align:-1px}.strct-md__tablewrap{overflow-x:auto;margin-block-end:var(--space-2)}.strct-md__table{border-collapse:collapse;width:max-content;min-width:100%}.strct-md__table th,.strct-md__table td{border:1px solid var(--b1);padding:4px 8px;text-align:start}.strct-md__table th{background:var(--bg-2);font-weight:600}.strct-md__caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-2px;background:var(--acc);animation:strct-md-caret 1s steps(2) infinite}@keyframes strct-md-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.strct-md__caret{animation:none}}\n"], dependencies: [{ kind: "component", type: StrctMarkdown, selector: "strct-markdown", inputs: ["source", "tree", "streaming", "headingOffset", "linkPolicy", "tokens", "breaks", "newTabLabel", "inheritedTokens"], outputs: ["navigate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StrctCode, selector: "strct-code", inputs: ["code", "title", "language", "copyable", "collapsible", "collapsed", "lineNumbers", "wrap", "maxHeight", "collapseLabel", "expandLabel", "regionLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel", "count", "countMax", "countStatus", "countLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctMarkdown, decorators: [{
             type: Component,
@@ -30658,10 +30734,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     <!-- Blocks inside a list item or a quote. -->
     <ng-template #blockRun let-blocks>
       @for (b of blocks; track $index) {
+        <!-- The nested view had no token templates of its own, so a claimed
+             run inside a list item or a quote was drawn as plain text while
+             the same run in a paragraph became a chip. -->
         <strct-markdown
           [tree]="[b]"
           [headingOffset]="headingOffset()"
           [linkPolicy]="linkPolicy()"
+          [tokens]="tokens()"
+          [breaks]="breaks()"
+          [inheritedTokens]="allTokenDefs()"
           (navigate)="navigate.emit($event)"
         />
       }
@@ -30733,6 +30815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     [size]="11"
                     aria-hidden="true"
                   />
+                  <span class="strct-sr-only">{{ newTabLabel() }}</span>
                 </a>
               }
               @case ('internal') {
@@ -30760,7 +30843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       }
     </ng-template>
   `, host: { class: 'strct-md' }, styles: [".strct-md{display:block;color:var(--t1);font-size:13px;line-height:1.55}.strct-md__p{margin:0 0 var(--space-2)}.strct-md__p:last-child{margin-bottom:0}.strct-md__h{margin:var(--space-3) 0 var(--space-2);font-size:14px;font-weight:600;color:var(--t1)}.strct-md__h:first-child{margin-top:0}.strct-md__list{margin:0 0 var(--space-2);padding-inline-start:20px}.strct-md__list li{margin-block:2px}.strct-md__quote{margin:0 0 var(--space-2);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--b2);color:var(--t2)}.strct-md__rule{border:0;border-block-start:1px solid var(--b1);margin:var(--space-3) 0}.strct-md__codespan{font-family:var(--mono);font-size:.92em;background:var(--bg-2);border-radius:var(--radius-sm);padding:1px 4px}.strct-md__code{margin-block-end:var(--space-2)}.strct-md__link{color:var(--acc)}.strct-md__ext{margin-inline-start:2px;vertical-align:-1px}.strct-md__tablewrap{overflow-x:auto;margin-block-end:var(--space-2)}.strct-md__table{border-collapse:collapse;width:max-content;min-width:100%}.strct-md__table th,.strct-md__table td{border:1px solid var(--b1);padding:4px 8px;text-align:start}.strct-md__table th{background:var(--bg-2);font-weight:600}.strct-md__caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-2px;background:var(--acc);animation:strct-md-caret 1s steps(2) infinite}@keyframes strct-md-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.strct-md__caret{animation:none}}\n"] }]
-        }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], headingOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingOffset", required: false }] }], linkPolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkPolicy", required: false }] }], tokens: [{ type: i0.Input, args: [{ isSignal: true, alias: "tokens", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }], tokenDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StrctMarkdownToken), { isSignal: true }] }] } });
+        }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], headingOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingOffset", required: false }] }], linkPolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkPolicy", required: false }] }], tokens: [{ type: i0.Input, args: [{ isSignal: true, alias: "tokens", required: false }] }], breaks: [{ type: i0.Input, args: [{ isSignal: true, alias: "breaks", required: false }] }], newTabLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "newTabLabel", required: false }] }], inheritedTokens: [{ type: i0.Input, args: [{ isSignal: true, alias: "inheritedTokens", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }], ownTokenDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StrctMarkdownToken), { isSignal: true }] }] } });
 
 /**
  * The product switcher every multi-product console grows: a chip beside the