securemark 0.298.0 → 0.298.2

package/src/parser/block/extension/aside.test.ts

@@ -16,9 +16,9 @@ describe('Unit: parser/block/extension/aside', () => {
     });
 
     it('valid', () => {
-      assert.deepStrictEqual(inspect(parser, input('~~~aside\n# 0\n~~~', new Context())), [['<aside id="index::0" class="aside"><h1>0</h1><h2>References</h2><ol class="references"></ol></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~aside\n## 0\n~~~', new Context())), [['<aside id="index::0" class="aside"><h2>0</h2><h2>References</h2><ol class="references"></ol></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~aside\n# 0\n\n$-0.0\n\n## 1\n\n$test-a\n> \n~~~', new Context())), [['<aside id="index::0" class="aside"><h1>0</h1><figure data-label="$-0.0" data-group="$" hidden="" data-number="0.0"></figure><h2>1</h2><figure data-type="quote" data-label="test-a" data-group="test" data-number="1.1"><figcaption><span class="figindex">Test 1.1. </span><span class="figtext"></span></figcaption><div><blockquote></blockquote></div></figure><h2>References</h2><ol class="references"></ol></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~aside\n# 0\n~~~', new Context())), [['<aside id="index::0" class="aside"><h1 id="index:random:0" class="local">0</h1><h2>References</h2><ol class="references"></ol></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~aside\n## 0\n~~~', new Context())), [['<aside id="index::0" class="aside"><h2 id="index:random:0" class="local">0</h2><h2>References</h2><ol class="references"></ol></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~aside\n# 0\n\n$-0.0\n\n## 1\n\n$test-a\n> \n~~~', new Context())), [['<aside id="index::0" class="aside"><h1 id="index:random:0" class="local">0</h1><figure data-label="$-0.0" data-group="$" hidden="" data-number="0.0"></figure><h2 id="index:random:1" class="local">1</h2><figure data-type="quote" data-label="test-a" data-group="test" data-number="1.1" id="label:random:test-a"><figcaption><span class="figindex">Test 1.1. </span><span class="figtext"></span></figcaption><div><blockquote></blockquote></div></figure><h2>References</h2><ol class="references"></ol></aside>'], '']);
     });
 
   });

package/src/parser/block/extension/aside.ts

@@ -3,7 +3,7 @@ import { Recursion } from '../../context';
 import { List, Node } from '../../../combinator/data/parser';
 import { recursion, block, fence, fmap } from '../../../combinator';
 import { identity } from '../../inline/extension/indexee';
-import { unwrap, invalid } from '../../util';
+import { unwrap, invalid, randomID } from '../../util';
 import { parse } from '../../api/parse';
 import { html } from 'typed-dom/dom';
 
@@ -26,12 +26,12 @@ export const aside: ExtensionParser.AsideParser = block(recursion(Recursion.bloc
     ]);
     const references = html('ol', { class: 'references' });
     const document = parse(body.slice(0, -1), {
-      id: '',
+      local: true,
+      id: context.id === '' ? '' : randomID(),
       notes: {
         references,
       },
     }, context);
-    assert(!document.querySelector('[id]'));
     const heading = 'H1 H2 H3 H4 H5 H6'.split(' ').includes(document.firstElementChild?.tagName!) && document.firstElementChild as HTMLHeadingElement;
     if (!heading) return new List([
       new Node(html('pre', {

package/src/parser/block/extension/example.test.ts

@@ -21,11 +21,11 @@ describe('Unit: parser/block/extension/example', () => {
       assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no"></pre><hr><section><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
       assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\na\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">a</pre><hr><section><p>a</p><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
       assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n++a\nb++\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">++a\nb++</pre><hr><section><p><ins>a<br>b</ins></p><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n$fig-a\n!https://host\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">$fig-a\n!https://host</pre><hr><section><figure data-type="media" data-label="fig-a" data-group="fig" data-number="1"><figcaption><span class="figindex">Fig. 1. </span><span class="figtext"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt="https://host"></a></div></figure><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n[$fig-a]\n!https://host\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">[$fig-a]\n!https://host</pre><hr><section><figure data-type="media" data-label="fig-a" data-group="fig" data-number="1"><figcaption><span class="figindex">Fig. 1. </span><span class="figtext"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt="https://host"></a></div></figure><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n## a\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">## a</pre><hr><section><h2>a</h2><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n~ a\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">~ a</pre><hr><section><dl><dt>a</dt><dd></dd></dl><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n((a))[[b]]\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">((a))[[b]]</pre><hr><section><p><sup class="annotation disabled" title="a"><a>*1</a></sup><sup class="reference disabled" title="b"><a>[1]</a></sup></p><ol class="annotations"><li data-marker="*1"><span>a</span><sup><a>^1</a></sup></li></ol><h2>References</h2><ol class="references"><li><span>b</span><sup><a>^1</a></sup></li></ol></section></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n$fig-a\n!https://host\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">$fig-a\n!https://host</pre><hr><section><figure data-type="media" data-label="fig-a" data-group="fig" data-number="1" id="label:random:fig-a"><figcaption><span class="figindex">Fig. 1. </span><span class="figtext"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt="https://host"></a></div></figure><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n[$fig-a]\n!https://host\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">[$fig-a]\n!https://host</pre><hr><section><figure data-type="media" data-label="fig-a" data-group="fig" data-number="1" id="label:random:fig-a"><figcaption><span class="figindex">Fig. 1. </span><span class="figtext"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt="https://host"></a></div></figure><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n## a\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">## a</pre><hr><section><h2 id="index:random:a" class="local">a</h2><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n~ a\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">~ a</pre><hr><section><dl><dt id="index:random:a" class="local">a</dt><dd></dd></dl><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('~~~example/markdown\n((a))[[b]]\n~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">((a))[[b]]</pre><hr><section><p><sup class="annotation local" id="annotation:random:ref:a:1" title="a"><a href="#annotation:random:def:a:1">*1</a></sup><sup class="reference local" id="reference:random:ref:b:1" title="b"><a href="#reference:random:def:b">[1]</a></sup></p><ol class="annotations"><li id="annotation:random:def:a:1" data-marker="*1"><span>a</span><sup><a href="#annotation:random:ref:a:1">^1</a></sup></li></ol><h2>References</h2><ol class="references"><li id="reference:random:def:b"><span>b</span><sup><a href="#reference:random:ref:b:1">^1</a></sup></li></ol></section></aside>'], '']);
       assert.deepStrictEqual(inspect(parser, input('~~~~example/markdown\na\n~~~~', new Context())), [['<aside class="example" data-type="markdown"><pre translate="no">a</pre><hr><section><p>a</p><h2>References</h2><ol class="references"></ol></section></aside>'], '']);
       assert.deepStrictEqual(inspect(parser, input('~~~example/math\na\n~~~', new Context())), [['<aside class="example" data-type="math"><pre translate="no">a</pre><hr><div class="math" translate="no">$$\na\n$$</div></aside>'], '']);
       assert.deepStrictEqual(inspect(parser, input(`~~~example/math\n0${'\n'.repeat(100)}~~~`, new Context()), '>'), [['<aside class="example" data-type="math">'], '']);

package/src/parser/block/extension/example.ts

@@ -3,7 +3,7 @@ import { Recursion } from '../../context';
 import { List, Node, subinput } from '../../../combinator/data/parser';
 import { recursion, block, fence, fmap } from '../../../combinator';
 import { mathblock } from '../mathblock';
-import { unwrap, invalid } from '../../util';
+import { unwrap, invalid, randomID } from '../../util';
 import { parse } from '../../api/parse';
 import { html } from 'typed-dom/dom';
 
@@ -28,12 +28,12 @@ export const example: ExtensionParser.ExampleParser = block(recursion(Recursion.
       case 'markdown': {
         const references = html('ol', { class: 'references' });
         const document = parse(body.slice(0, -1), {
-          id: '',
+          local: true,
+          id: context.id === '' ? '' : randomID(),
           notes: {
             references,
           },
         }, context);
-        assert(!document.querySelector('[id]'));
         return new List([
           new Node(html('aside', { class: 'example', 'data-type': 'markdown' }, [
             html('pre', { translate: 'no' }, body.slice(0, -1)),

package/src/parser/block.ts

@@ -121,7 +121,7 @@ export const block: BlockParser = reset(
       }
     },
     paragraph
-  ]) as any));
+  ])));
 
 function error(parser: BlockParser): BlockParser {
   const reg = new RegExp(String.raw`^${Command.Error}[^\n]*\n`)

package/src/parser/context.ts

@@ -8,8 +8,9 @@ export class Context extends Ctx {
     super(options);
     const {
       segment,
-      buffer,
+      local,
       sequential,
+      buffer,
       header,
       host,
       url,
@@ -17,8 +18,9 @@ export class Context extends Ctx {
       caches,
     } = options;
     this.segment = segment ?? Segment.unknown;
-    this.buffer = buffer ?? new List();
+    this.local = local ?? false;
     this.sequential = sequential ?? false;
+    this.buffer = buffer ?? new List();
     this.header = header ?? true;
     this.host = host;
     this.url = url;
@@ -26,8 +28,9 @@ export class Context extends Ctx {
     this.caches = caches;
   }
   public override segment: Segment;
-  public buffer: List<Node<(string | HTMLElement)>>;
+  public local: boolean;
   public sequential: boolean;
+  public buffer: List<Node<(string | HTMLElement)>>;
   public recursion = new RecursionCounter('annotation', 2);
   public readonly header: boolean;
   public readonly host?: URL;

package/src/parser/inline/annotation.ts

@@ -3,7 +3,7 @@ import { State, Recursion } from '../context';
 import { List, Node } from '../../combinator/data/parser';
 import { union, some, recursions, precedence, constraint, surround, open, lazy } from '../../combinator';
 import { inline } from '../inline';
-import { indexA } from './bracket';
+import { bracketname, indexA } from './bracket';
 import { beforeNonblank, trimBlankNodeEnd } from '../visibility';
 import { unwrap } from '../util';
 import { html, defrag } from 'typed-dom/dom';
@@ -34,14 +34,20 @@ export const annotation: AnnotationParser = lazy(() => constraint(State.annotati
     if (linebreak !== 0) {
       ns.unshift(new Node('('));
       ns.push(new Node(')'));
-      return new List([new Node(html('span', { class: 'bracket' }, ['(', html('span', { class: 'bracket' }, defrag(unwrap(ns))), ')']))]);
+      return new List([
+        new Node(html('span',
+          { class: 'bracket' },
+          ['(', html('span', { class: 'bracket' }, defrag(unwrap(ns))), ')']))
+      ]);
     }
     const depth = MAX_DEPTH - (resources?.recursions[Recursion.annotation] ?? resources?.recursions.at(-1) ?? MAX_DEPTH);
     recursion.add(depth);
-    return new List([new Node(html('sup', { class: 'annotation' }, [html('span', defrag(unwrap(trimBlankNodeEnd(ns))))]))]);
+    return new List([
+      new Node(html('sup', { class: 'annotation' }, [html('span', defrag(unwrap(trimBlankNodeEnd(ns))))]))
+    ]);
   },
   ([, bs], context) => {
-    const { source, position, range, linebreak, recursion, resources } = context;
+    const { source, position, linebreak, recursion, resources } = context;
     const depth = MAX_DEPTH - (resources?.recursions[Recursion.annotation] ?? resources?.recursions.at(-1) ?? MAX_DEPTH);
     if (linebreak === 0 && bs && bs.length === 1 && source[position] === ')' && typeof bs.head?.value === 'object') {
       const { className } = bs.head.value;
@@ -63,12 +69,20 @@ export const annotation: AnnotationParser = lazy(() => constraint(State.annotati
         }
         context.position += 1;
         recursion.add(depth);
-        return new List([new Node(html('span', { class: 'bracket' }, ['(', html('sup', { class: 'annotation' }, [html('span', bs.head.value.childNodes)])]))]);
+        return new List([
+          new Node(html('span',
+            { class: 'bracket' },
+            ['(', html('sup', { class: 'annotation' }, [html('span', bs.head.value.childNodes)])]))
+        ]);
       }
       if (className === 'annotation' && deepunwrap(bs)) {
         context.position += 1;
         recursion.add(depth);
-        return new List([new Node(html('span', { class: 'bracket' }, ['(', html('sup', { class: 'annotation' }, [html('span', [bs.head.value])])]))]);
+        return new List([
+          new Node(html('span',
+            { class: 'bracket' },
+            ['(', html('sup', { class: 'annotation' }, [html('span', [bs.head.value])])]))
+        ]);
       }
     }
     bs ??= new List();
@@ -76,11 +90,13 @@ export const annotation: AnnotationParser = lazy(() => constraint(State.annotati
     if (source[context.position] === ')') {
       bs.push(new Node(')'));
       context.position += 1;
+      context.range += 1;
     }
-    const str = linebreak === 0 ? source.slice(position - range + 2, position) : '';
-    bs = linebreak === 0 && (str === '' || indexA.test(str))
-      ? new List([new Node(html('span', { class: 'paren' }, defrag(unwrap(bs))))])
-      : new List([new Node(html('span', { class: 'bracket' }, defrag(unwrap(bs))))]);
+    bs = new List([
+      new Node(html('span',
+        { class: bracketname(context, indexA, 2, context.position - position) },
+        defrag(unwrap(bs))))
+    ]);
     bs.unshift(new Node('('));
     const cs = parser(context);
     if (source[context.position] === ')') {

package/src/parser/inline/bracket.test.ts

@@ -20,9 +20,10 @@ describe('Unit: parser/inline/bracket', () => {
       assert.deepStrictEqual(inspect(parser, input('(0)-1', new Context())), [['<span class="paren">(0)</span>'], '-1']);
       assert.deepStrictEqual(inspect(parser, input('(0.1)', new Context())), [['<span class="paren">(0.1)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(0.1.2)', new Context())), [['<span class="paren">(0.1.2)</span>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('(1.1, 1.2-1.3, 1.4)', new Context())), [['<span class="paren">(1.1, 1.2-1.3, 1.4)</span>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('(1 2)', new Context())), [['<span class="bracket">(1 2)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(1, 2)', new Context())), [['<span class="paren">(1, 2)</span>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('(1.1-1.2)', new Context())), [['<span class="paren">(1.1-1.2)</span>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('(1.1, 1.2)', new Context())), [['<span class="paren">(1.1, 1.2)</span>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('(1 2)', new Context())), [['<span class="bracket">(1 2)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(1a)', new Context())), [['<span class="paren">(1a)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(a)', new Context())), [['<span class="paren">(a)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(a1)', new Context())), [['<span class="paren">(a1)</span>'], '']);
@@ -39,6 +40,8 @@ describe('Unit: parser/inline/bracket', () => {
       assert.deepStrictEqual(inspect(parser, input('(Name, Name)', new Context())), [['<span class="paren">(Name, Name)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(ABBR)', new Context())), [['<span class="paren">(ABBR)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(ABBR, ABBR)', new Context())), [['<span class="paren">(ABBR, ABBR)</span>'], '']);
+      assert.deepStrictEqual(inspect(parser, input(`(${'0'.repeat(16)})`, new Context())), [[`<span class="paren">(${'0'.repeat(16)})</span>`], '']);
+      assert.deepStrictEqual(inspect(parser, input(`(${'0'.repeat(17)})`, new Context())), [[`<span class="bracket">(${'0'.repeat(17)})</span>`], '']);
       assert.deepStrictEqual(inspect(parser, input('(\\a)', new Context())), [['<span class="bracket">(a)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(==)', new Context())), [['<span class="bracket">(==)</span>'], '']);
       assert.deepStrictEqual(inspect(parser, input('(()', new Context())), [['<span class="bracket">(<span class="paren">()</span></span>'], '']);

package/src/parser/inline/bracket.ts

@@ -1,5 +1,5 @@
 import { BracketParser } from '../inline';
-import { State, Recursion, Backtrack } from '../context';
+import { Context, State, Recursion, Backtrack } from '../context';
 import { List, Node } from '../../combinator/data/parser';
 import { union, some, recursion, precedence, surround, isBacktrack, setBacktrack, lazy } from '../../combinator';
 import { inline } from '../inline';
@@ -8,9 +8,22 @@ import { str } from '../source';
 import { unwrap } from '../util';
 import { html, defrag } from 'typed-dom/dom';
 
-export const indexA = /^[0-9A-Za-z]+(?:(?:[.-]|, )[0-9A-Za-z]+)*$/;
-const indexF = new RegExp(indexA.source.replace(', ', '[，、]')
-  .replace(/[09AZaz.]|\-(?!\w)/g, c => String.fromCodePoint(c.codePointAt(0)! + 0xFEE0)));
+export const indexA = /[0-9A-Za-z]+(?:(?:[.-]|, )[0-9A-Za-z]+)*/y;
+const indexF = new RegExp(
+  indexA.source.replace(', ', '[，、]')
+    .replace(/[09AZaz.]|\-(?!\w)/g, c => String.fromCodePoint(c.codePointAt(0)! + 0xFEE0)),
+  'y');
+export function bracketname(context: Context, syntax: RegExp, opener: number, closer: number): string {
+  const { source, position, range, linebreak } = context;
+  syntax.lastIndex = position - range + opener;
+  return range - opener - closer === 0
+      || linebreak === 0
+      && range - opener - closer <= 16
+      && syntax.test(source)
+      && syntax.lastIndex === position - closer
+    ? 'paren'
+    : 'bracket';
+}
 
 export const bracket: BracketParser = lazy(() => union([
   input => {
@@ -32,45 +45,39 @@ export const bracket: BracketParser = lazy(() => union([
         return d1(input);
     }
   }
-])) as any;
+]));
 
 const p1 = lazy(() => surround(
   str('('),
   precedence(1, recursion(Recursion.bracket, some(inline, ')', [[')', 1]]))),
   str(')'),
   true, [],
-  ([as, bs = [], cs], { source, position, range, linebreak }) => {
-    const str = linebreak === 0 ? source.slice(position - range + 1, position - 1) : '';
-    return linebreak === 0 && (str === '' || indexA.test(str))
-      ? new List([new Node(html('span', { class: 'paren' }, `(${str})`))])
-      : new List([new Node(html('span', { class: 'bracket' }, defrag(unwrap(as.import(bs as List<Node<string>>).import(cs)))))]);
-  },
-  ([as, bs = new List()], context) => {
-    const { source, position, range, linebreak } = context;
-    const str = linebreak === 0 ? source.slice(position - range + 1, position) : '';
-    return linebreak === 0 && (str === '' || indexA.test(str))
-      ? new List([new Node(html('span', { class: 'paren' }, `(${str}`))])
-      : new List([new Node(html('span', { class: 'bracket' }, defrag(unwrap(as.import(bs as List<Node<string>>)))))]);
-  }));
+  ([as, bs = new List(), cs], context) => new List([
+    new Node(html('span',
+      { class: bracketname(context, indexA, 1, 1) },
+      defrag(unwrap(as.import(bs as List<Node<string>>).import(cs)))))
+  ]),
+  ([as, bs = new List()], context) => new List([
+    new Node(html('span',
+      { class: bracketname(context, indexA, 1, 0) },
+      defrag(unwrap(as.import(bs as List<Node<string>>)))))
+  ])));
 
 const p2 = lazy(() => surround(
   str('（'),
   precedence(1, recursion(Recursion.bracket, some(inline, '）', [['）', 1]]))),
   str('）'),
   true, [],
-  ([as, bs = [], cs], { source, position, range, linebreak }) => {
-    const str = linebreak === 0 ? source.slice(position - range + 1, position - 1) : '';
-    return linebreak === 0 && (str === '' || indexF.test(str))
-      ? new List([new Node(html('span', { class: 'paren' }, `（${str}）`))])
-      : new List([new Node(html('span', { class: 'bracket' }, defrag(unwrap(as.import(bs as List<Node<string>>).import(cs)))))]);
-  },
-  ([as, bs = new List()], context) => {
-    const { source, position, range, linebreak } = context;
-    const str = linebreak === 0 ? source.slice(position - range + 1, position) : '';
-    return linebreak === 0 && (str === '' || indexF.test(str))
-      ? new List([new Node(html('span', { class: 'paren' }, `（${str}`))])
-      : new List([new Node(html('span', { class: 'bracket' }, defrag(unwrap(as.import(bs as List<Node<string>>)))))]);
-  }));
+  ([as, bs = new List(), cs], context) => new List([
+    new Node(html('span',
+      { class: bracketname(context, indexF, 1, 1) },
+      defrag(unwrap(as.import(bs as List<Node<string>>).import(cs)))))
+  ]),
+  ([as, bs = new List()], context) => new List([
+    new Node(html('span',
+      { class: bracketname(context, indexF, 1, 0) },
+      defrag(unwrap(as.import(bs as List<Node<string>>)))))
+  ])));
 
 const s1 = lazy(() => surround(
   str('['),

package/src/parser/inline/extension/indexee.ts

@@ -5,23 +5,28 @@ import { define } from 'typed-dom/dom';
 
 export function indexee<P extends Parser<HTMLElement, Context>>(parser: P): P;
 export function indexee(parser: Parser<HTMLElement, Context>): Parser<HTMLElement> {
-  return fmap(parser, (ns, { id }) =>
+  return fmap(parser, (ns, { id, local }) =>
     ns.length === 1
-      ? new List([new Node(define(ns.head!.value, { id: identity('index', id, ns.head!.value), 'data-index': null }))])
+      ? new List([new Node(define(ns.head!.value, {
+          id: identity('index', id, ns.head!.value),
+          class: local ? `${ns.head!.value.className} local`.trimStart() : undefined,
+          'data-index': null
+        }))])
       : ns);
 }
 
-const MAX = 60;
-const ELLIPSIS = '...';
-const PART = (MAX - ELLIPSIS.length) / 2 | 0;
-const REM = MAX - PART * 2 - ELLIPSIS.length;
-assert(PART * 2 + REM + ELLIPSIS.length === MAX);
 const table = [
   ...[...Array(36)].map((_, i) => i.toString(36)),
   ...[...Array(36)].map((_, i) => i.toString(36).toUpperCase()).slice(-26),
   '-', '=',
 ].join('');
 assert(table.length === 64);
+const MAX = 64 - '='.length - Math.ceil(Math.log(~0 >>> 0) / Math.log(table.length));
+assert(MAX === 57);
+const ELLIPSIS = '...';
+const PART = (MAX - ELLIPSIS.length) / 2 | 0;
+const REM = MAX - PART * 2 - ELLIPSIS.length;
+assert(PART * 2 + REM + ELLIPSIS.length === MAX);
 export function identity(
   type: 'index' | 'mark' | '',
   id: string | undefined,
@@ -68,10 +73,10 @@ assert.deepStrictEqual(
   `${'0'.repeat(MAX - 1)}1`);
 assert.deepStrictEqual(
   identity('index', undefined, `0${'1'.repeat(MAX / 2)}${'2'.repeat(MAX / 2)}3`)!.slice(7),
-  `0${'1'.repeat(PART + REM - 1)}${ELLIPSIS}${'2'.repeat(PART - 1)}3=MYkmc`);
+  `0${'1'.repeat(PART + REM - 1)}${ELLIPSIS}${'2'.repeat(PART - 1)}3=E0deO`);
 assert.deepStrictEqual(
   identity('index', undefined, `0${'1'.repeat(MAX * 2)}${'2'.repeat(MAX * 2)}3`)!.slice(7),
-  `0${'1'.repeat(PART + REM - 1)}${ELLIPSIS}${'2'.repeat(PART - 1)}3=3bF8VU`);
+  `0${'1'.repeat(PART + REM - 1)}${ELLIPSIS}${'2'.repeat(PART - 1)}3=2RHwOS`);
 function hash(source: string): string {
   let x = 0;
   for (let i = 0; i < source.length; ++i) {
@@ -88,6 +93,8 @@ assert(hash('\x00') !== '0');
 assert(hash('\x01') !== '0');
 assert(hash('\x00') !== hash(String.fromCharCode(1 << 15)));
 // 62も64も最大6桁
+assert(Math.ceil(Math.log(~0 >>> 0) / Math.log(62)) === 6);
+assert(Math.ceil(Math.log(~0 >>> 0) / Math.log(64)) === 6);
 function baseR(n: number, r: number): string {
   assert(n >= 0);
   assert(Math.floor(n) === n);
@@ -104,6 +111,7 @@ function baseR(n: number, r: number): string {
 }
 assert(baseR(0, 36) === (0).toString(36));
 assert(baseR(~0 >>> 0, 36) === (~0 >>> 0).toString(36));
+assert(baseR(0, 62) === '0');
 assert(baseR(61, 62) === 'Z');
 assert(baseR(62, 62) === '10');
 

package/src/parser/inline.ts

@@ -123,7 +123,7 @@ export const inline: InlineParser = lazy(() => union([
   },
   autolink,
   text
-])) as any;
+]));
 
 export { indexee } from './inline/extension/indexee';
 export { indexer } from './inline/extension/indexer';