securemark 0.298.3 → 0.298.4

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.298.4
+
+- Refactoring.
+
 ## 0.298.3
 
 - Refactoring.

package/design.md

@@ -300,11 +300,7 @@ Securemarkはスーパークラス構文が解析に失敗した入力をサブ
 
 ### 実行性能
 
-構文数と使用記号数が大きく異なるため単純な比較はできないが直接比較してもにブラウザによるHTMLパース時間を含めたCommonMarkとの速度差は4倍、CommonMarkの問題の解決を試みたdjotとの速度差は等倍程度でありすでに十分高速である。
-
-そのほかブラウザの以下の欠陥および低速性により速度低下が生じており今後のブラウザの改善が求められる。
-
-- IntersectionObserverが描画完了前に交差を計算するためすべて同時発火する欠陥
+構文数と使用記号数が大きく異なるため単純な比較はできないが直接比較してもにブラウザによるHTMLパース時間を含めた速度差はCommonMarkの1/3、CommonMarkの問題の解決を試みたdjotと同等程度でありすでに十分高速である。
 
 ### 最適化
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! securemark v0.298.3 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED License */
+/*! securemark v0.298.4 https://github.com/falsandtru/securemark | (c) 2017, falsandtru | UNLICENSED License */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("Prism"), require("DOMPurify"));
@@ -4163,12 +4163,12 @@ const note_1 = __webpack_require__(165);
 const url_1 = __webpack_require__(1904);
 const array_1 = __webpack_require__(6876);
 function bind(target, settings) {
-  const context = new context_1.Context({
+  const options = {
     ...settings,
     host: settings.host ?? new url_1.ReadonlyURL(location.pathname, location.origin)
-  });
-  if (context.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
-  if (context.host?.origin === 'null') throw new Error(`Invalid host: ${context.host.href}`);
+  };
+  if (options.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
+  if (options.host?.origin === 'null') throw new Error(`Invalid host: ${options.host.href}`);
   const blocks = [];
   const adds = [];
   const dels = [];
@@ -4183,11 +4183,11 @@ function bind(target, settings) {
     if (settings.chunk && revision) throw new Error('Chunks cannot be updated');
     const url = (0, header_1.headers)(source).find(field => field.toLowerCase().startsWith('url:'))?.slice(4).trim() ?? '';
     // @ts-expect-error
-    context.url = url ? new url_1.ReadonlyURL(url) : undefined;
+    options.url = url ? new url_1.ReadonlyURL(url) : undefined;
     const rev = revision = Symbol();
     const sourceSegments = [];
     const sourceSegmentAttrs = [];
-    for (const [seg, attr] of (0, segment_1.segment)(source, !context.local)) {
+    for (const [seg, attr] of (0, segment_1.segment)(source, true)) {
       sourceSegments.push(seg);
       sourceSegmentAttrs.push(attr);
       yield {
@@ -4210,15 +4210,15 @@ function bind(target, settings) {
     const base = next(head);
     let index = head;
     // @ts-expect-error
-    context.header = true;
+    options.header = true;
     for (; index < sourceSegments.length - last; ++index) {
       const seg = sourceSegments[index];
-      context.segment = sourceSegmentAttrs[index] | 1 /* Segment.write */;
-      const es = (0, block_1.block)((0, parser_1.input)(seg, new context_1.Context(context))).foldl((acc, {
+      options.segment = sourceSegmentAttrs[index] | 1 /* Segment.write */;
+      const es = (0, block_1.block)((0, parser_1.input)(seg, new context_1.Context(options))).foldl((acc, {
         value
       }) => void acc.push(value) || acc, []);
       // @ts-expect-error
-      context.header = false;
+      options.header = false;
       blocks.length === index ? blocks.push([seg, es, url]) : blocks.splice(index, 0, [seg, es, url]);
       if (es.length === 0) continue;
       // All deletion processes always run after all addition processes have done.
@@ -4272,7 +4272,7 @@ function bind(target, settings) {
     if (rev !== revision) return yield {
       type: 'cancel'
     };
-    for (const el of (0, figure_1.figure)(next(0)?.parentNode ?? target, settings.notes, context)) {
+    for (const el of (0, figure_1.figure)(next(0)?.parentNode ?? target, settings.notes, options)) {
       el ? yield {
         type: 'figure',
         value: el
@@ -4283,7 +4283,7 @@ function bind(target, settings) {
         type: 'cancel'
       };
     }
-    for (const el of (0, note_1.note)(next(0)?.parentNode ?? target, settings.notes, context, bottom)) {
+    for (const el of (0, note_1.note)(next(0)?.parentNode ?? target, settings.notes, options, bottom)) {
       el ? yield {
         type: 'note',
         value: el
@@ -4512,34 +4512,34 @@ const figure_1 = __webpack_require__(1657);
 const note_1 = __webpack_require__(165);
 const url_1 = __webpack_require__(1904);
 const dom_1 = __webpack_require__(394);
-function parse(source, options = {}, context) {
+function parse(source, opts = {}, options) {
   const url = (0, header_1.headers)(source).find(field => field.toLowerCase().startsWith('url:'))?.slice(4).trim() ?? '';
-  context = new context_1.Context({
-    host: options.host ?? context?.host ?? new url_1.ReadonlyURL(location.pathname, location.origin),
-    url: url ? new url_1.ReadonlyURL(url) : context?.url,
-    id: options.id ?? context?.id,
-    local: options.local ?? context?.local,
-    caches: context?.caches,
-    resources: context?.resources
-  });
-  if (context.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
-  if (context.host?.origin === 'null') throw new Error(`Invalid host: ${context.host.href}`);
+  options = {
+    host: opts.host ?? options?.host ?? new url_1.ReadonlyURL(location.pathname, location.origin),
+    url: url ? new url_1.ReadonlyURL(url) : options?.url,
+    id: opts.id ?? options?.id,
+    local: opts.local ?? options?.local ?? false,
+    caches: options?.caches,
+    resources: options?.resources
+  };
+  if (options.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
+  if (options.host?.origin === 'null') throw new Error(`Invalid host: ${options.host.href}`);
   const node = (0, dom_1.frag)();
   // @ts-expect-error
-  context.header = true;
-  for (const [seg, attr] of (0, segment_1.segment)(source, !context.local)) {
-    context.segment = attr | 1 /* Segment.write */;
-    const es = (0, block_1.block)((0, parser_1.input)(seg, new context_1.Context(context))).foldl((acc, {
+  options.header = true;
+  for (const [seg, attr] of (0, segment_1.segment)(source, !options.local)) {
+    options.segment = attr | 1 /* Segment.write */;
+    const es = (0, block_1.block)((0, parser_1.input)(seg, new context_1.Context(options))).foldl((acc, {
       value
     }) => void acc.push(value) || acc, []);
     // @ts-expect-error
-    context.header = false;
+    options.header = false;
     if (es.length === 0) continue;
     node.append(...es);
   }
-  if (options.test) return node;
-  for (const _ of (0, figure_1.figure)(node, options.notes, context));
-  for (const _ of (0, note_1.note)(node, options.notes, context));
+  if (opts.test) return node;
+  for (const _ of (0, figure_1.figure)(node, opts.notes, options));
+  for (const _ of (0, note_1.note)(node, opts.notes, options));
   return node;
 }
 exports.parse = parse;
@@ -4575,7 +4575,6 @@ Object.defineProperty(exports, "__esModule", ({
 exports.block = void 0;
 const parser_1 = __webpack_require__(605);
 const combinator_1 = __webpack_require__(3484);
-const segment_1 = __webpack_require__(3967);
 const header_1 = __webpack_require__(3009);
 const source_1 = __webpack_require__(8745);
 const pagebreak_1 = __webpack_require__(2946);
@@ -4598,13 +4597,7 @@ const reply_1 = __webpack_require__(3832);
 const paragraph_1 = __webpack_require__(4330);
 const random_1 = __webpack_require__(3158);
 const dom_1 = __webpack_require__(394);
-exports.block = (0, combinator_1.reset)({
-  resources: {
-    // バックトラックのせいで文字数制限を受けないようにする。
-    clock: segment_1.MAX_SEGMENT_SIZE * 6 + 1,
-    recursions: [5 || 0 /* Recursion.block */, 20 || 0 /* Recursion.blockquote */, 40 || 0 /* Recursion.listitem */, 20 || 0 /* Recursion.inline */, 20 || 0 /* Recursion.annotation */, 20 || 0 /* Recursion.bracket */, 20 || 0 /* Recursion.terminal */]
-  }
-}, error((0, combinator_1.union)([source_1.emptysegment, input => {
+exports.block = error((0, combinator_1.union)([source_1.emptysegment, input => {
   const {
     source,
     position,
@@ -4665,7 +4658,7 @@ exports.block = (0, combinator_1.reset)({
     default:
       if ('0' <= char && char <= '9') return (0, olist_1.olist)(input);
   }
-}, paragraph_1.paragraph])));
+}, paragraph_1.paragraph]));
 function error(parser) {
   const reg = new RegExp(String.raw`^${"\u0007" /* Command.Error */}[^\r\n]*\r?\n`);
   return (0, combinator_1.recover)(parser, ({
@@ -6011,8 +6004,10 @@ function format(list) {
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.CmdRegExp = exports.Context = void 0;
+exports.CmdRegExp = exports.Context = exports.MAX_INPUT_SIZE = exports.MAX_SEGMENT_SIZE = void 0;
 const parser_1 = __webpack_require__(605);
+exports.MAX_SEGMENT_SIZE = 100_000; // 100,000 bytes (Max value size of FDB)
+exports.MAX_INPUT_SIZE = exports.MAX_SEGMENT_SIZE * 10;
 class Context extends parser_1.Context {
   constructor(options = {}) {
     super(options);
@@ -6028,6 +6023,11 @@ class Context extends parser_1.Context {
       id,
       caches
     } = options;
+    this.resources ??= {
+      // バックトラックのせいで文字数制限を受けないようにする。
+      clock: exports.MAX_SEGMENT_SIZE * (6 + 1),
+      recursions: [5 || 0 /* Recursion.block */, 20 || 0 /* Recursion.blockquote */, 40 || 0 /* Recursion.listitem */, 20 || 0 /* Recursion.inline */, 20 || 0 /* Recursion.annotation */, 20 || 0 /* Recursion.bracket */, 20 || 0 /* Recursion.terminal */]
+    };
     this.segment = segment ?? 0 /* Segment.unknown */;
     this.local = local ?? false;
     this.sequential = sequential ?? false;
@@ -6303,9 +6303,9 @@ exports.annotation = (0, combinator_1.lazy)(() => (0, combinator_1.constraint)(1
     ns.unshift(new parser_1.Node('('));
     ns.push(new parser_1.Node(')'));
     return new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-      class: 'bracket'
+      class: (0, bracket_1.bracketname)(context, 1, 1)
     }, ['(', (0, dom_1.html)('span', {
-      class: 'bracket'
+      class: (0, bracket_1.bracketname)(context, 2, 2)
     }, (0, dom_1.defrag)((0, util_1.unwrap)(ns))), ')']))]);
   }
   const depth = MAX_DEPTH - (resources?.recursions[4 /* Recursion.annotation */] ?? resources?.recursions.at(-1) ?? MAX_DEPTH);
@@ -6344,7 +6344,7 @@ exports.annotation = (0, combinator_1.lazy)(() => (0, combinator_1.constraint)(1
       context.position += 1;
       recursion.add(depth);
       return new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-        class: 'bracket'
+        class: 'paren'
       }, ['(', (0, dom_1.html)('sup', {
         class: 'annotation'
       }, [(0, dom_1.html)('span', bs.head.value.childNodes)])]))]);
@@ -6353,7 +6353,7 @@ exports.annotation = (0, combinator_1.lazy)(() => (0, combinator_1.constraint)(1
       context.position += 1;
       recursion.add(depth);
       return new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-        class: 'bracket'
+        class: 'paren'
       }, ['(', (0, dom_1.html)('sup', {
         class: 'annotation'
       }, [(0, dom_1.html)('span', [bs.head.value])])]))]);
@@ -6367,7 +6367,7 @@ exports.annotation = (0, combinator_1.lazy)(() => (0, combinator_1.constraint)(1
     context.range += 1;
   }
   bs = new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-    class: (0, bracket_1.bracketname)(context, bracket_1.indexA, 2, context.position - position)
+    class: (0, bracket_1.bracketname)(context, 2, context.position - position)
   }, (0, dom_1.defrag)((0, util_1.unwrap)(bs))))]);
   bs.unshift(new parser_1.Node('('));
   const cs = parser(context);
@@ -6375,9 +6375,10 @@ exports.annotation = (0, combinator_1.lazy)(() => (0, combinator_1.constraint)(1
     cs && bs.import(cs);
     bs.push(new parser_1.Node(')'));
     context.position += 1;
+    context.range += 1;
   }
   return new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-    class: 'bracket'
+    class: (0, bracket_1.bracketname)(context, 1, context.position - position)
   }, (0, dom_1.defrag)((0, util_1.unwrap)(bs))))]);
 })));
 const parser = (0, combinator_1.lazy)(() => (0, combinator_1.precedence)(1, (0, combinator_1.some)(inline_1.inline, ')', [[')', 1]])));
@@ -6664,7 +6665,7 @@ const bracket = (0, combinator_1.lazy)(() => (0, combinator_1.union)([(0, combin
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.bracket = exports.bracketname = exports.indexA = void 0;
+exports.bracket = exports.bracketname = void 0;
 const parser_1 = __webpack_require__(605);
 const combinator_1 = __webpack_require__(3484);
 const inline_1 = __webpack_require__(7973);
@@ -6672,17 +6673,12 @@ const link_1 = __webpack_require__(3628);
 const source_1 = __webpack_require__(8745);
 const util_1 = __webpack_require__(4992);
 const dom_1 = __webpack_require__(394);
-exports.indexA = /^[0-9A-Za-z]+(?:(?:[.-]|, )[0-9A-Za-z]+)*$/;
-const indexF = new RegExp(exports.indexA.source.replace(', ', '[，、]').replace(/[09AZaz.]|\-(?!\w)/g, c => String.fromCodePoint(c.codePointAt(0) + 0xFEE0)), '');
-function bracketname(context, syntax, opener, closer) {
+function bracketname(context, opener, closer) {
   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.slice(position - range + opener, position - closer)) ? 'paren' : 'bracket';
+  return range - opener - closer === 0 || linebreak === 0 && range - opener - closer <= 16 ? 'paren' : 'bracket';
 }
 exports.bracketname = bracketname;
 exports.bracket = (0, combinator_1.lazy)(() => (0, combinator_1.union)([input => {
@@ -6708,14 +6704,14 @@ exports.bracket = (0, combinator_1.lazy)(() => (0, combinator_1.union)([input =>
   }
 }]));
 const p1 = (0, combinator_1.lazy)(() => (0, combinator_1.surround)((0, source_1.str)('('), (0, combinator_1.precedence)(1, (0, combinator_1.recursion)(5 /* Recursion.bracket */, (0, combinator_1.some)(inline_1.inline, ')', [[')', 1]]))), (0, source_1.str)(')'), true, [], ([as, bs = new parser_1.List(), cs], context) => new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-  class: bracketname(context, exports.indexA, 1, 1)
+  class: bracketname(context, 1, 1)
 }, (0, dom_1.defrag)((0, util_1.unwrap)(as.import(bs).import(cs)))))]), ([as, bs = new parser_1.List()], context) => new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-  class: bracketname(context, exports.indexA, 1, 0)
+  class: bracketname(context, 1, 0)
 }, (0, dom_1.defrag)((0, util_1.unwrap)(as.import(bs)))))])));
 const p2 = (0, combinator_1.lazy)(() => (0, combinator_1.surround)((0, source_1.str)('（'), (0, combinator_1.precedence)(1, (0, combinator_1.recursion)(5 /* Recursion.bracket */, (0, combinator_1.some)(inline_1.inline, '）', [['）', 1]]))), (0, source_1.str)('）'), true, [], ([as, bs = new parser_1.List(), cs], context) => new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-  class: bracketname(context, indexF, 1, 1)
+  class: bracketname(context, 1, 1)
 }, (0, dom_1.defrag)((0, util_1.unwrap)(as.import(bs).import(cs)))))]), ([as, bs = new parser_1.List()], context) => new parser_1.List([new parser_1.Node((0, dom_1.html)('span', {
-  class: bracketname(context, indexF, 1, 0)
+  class: bracketname(context, 1, 0)
 }, (0, dom_1.defrag)((0, util_1.unwrap)(as.import(bs)))))])));
 const s1 = (0, combinator_1.lazy)(() => (0, combinator_1.surround)((0, source_1.str)('['), (0, combinator_1.precedence)(1, (0, combinator_1.recursion)(5 /* Recursion.bracket */, (0, combinator_1.some)(inline_1.inline, ']', [[']', 1]]))), (0, source_1.str)(']'), true, [2 | 4 /* Backtrack.common */], ([as, bs = new parser_1.List(), cs], context) => {
   const {
@@ -8419,7 +8415,7 @@ function* proc(note, defs) {
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.validate = exports.segment = exports.MAX_INPUT_SIZE = exports.MAX_SEGMENT_SIZE = void 0;
+exports.segment = void 0;
 const context_1 = __webpack_require__(8669);
 const combinator_1 = __webpack_require__(3484);
 const heading_1 = __webpack_require__(2778);
@@ -8428,9 +8424,7 @@ const mathblock_1 = __webpack_require__(4903);
 const extension_1 = __webpack_require__(6193);
 const source_1 = __webpack_require__(8745);
 const api_1 = __webpack_require__(5886);
-exports.MAX_SEGMENT_SIZE = 100_000; // 100,000 bytes (Max value size of FDB)
-exports.MAX_INPUT_SIZE = exports.MAX_SEGMENT_SIZE * 10;
-const parser = (0, combinator_1.union)([(0, combinator_1.some)(source_1.emptysegment, exports.MAX_SEGMENT_SIZE + 1), input => {
+const parser = (0, combinator_1.union)([(0, combinator_1.some)(source_1.emptysegment, context_1.MAX_SEGMENT_SIZE + 1), input => {
   const {
     source,
     position
@@ -8452,22 +8446,22 @@ const parser = (0, combinator_1.union)([(0, combinator_1.some)(source_1.emptyseg
     case '#':
       return (0, heading_1.segment)(input);
   }
-}, (0, combinator_1.some)(source_1.contentline, exports.MAX_SEGMENT_SIZE + 1)]);
+}, (0, combinator_1.some)(source_1.contentline, context_1.MAX_SEGMENT_SIZE + 1)]);
 function* segment(source, initial = true) {
-  if (initial && !validate(source, exports.MAX_INPUT_SIZE)) return yield [`${"\u0007" /* Command.Error */}Too large input over ${exports.MAX_INPUT_SIZE.toLocaleString('en')} bytes.\n${source.slice(0, 1001)}`, 0 /* Segment.unknown */];
-  for (let position = 0; position < source.length;) {
+  if (initial && !validate(source, context_1.MAX_INPUT_SIZE)) return yield [`${"\u0007" /* Command.Error */}Too large input over ${context_1.MAX_INPUT_SIZE.toLocaleString('en')} bytes.\n${source.slice(0, 1001)}`, 0 /* Segment.unknown */];
+  for (let position = 0, len = source.length; position < len;) {
     const context = new context_1.Context({
       source,
       position
     });
     const result = parser(context);
-    const segs = result.length > 0 ? result.foldl((acc, {
+    const segs = result.length === 0 ? [source.slice(position, context.position)] : result.foldl((acc, {
       value
-    }) => void acc.push(value) || acc, []) : [source.slice(position, context.position)];
+    }) => (acc.push(value), acc), []);
     position = context.position;
     for (let i = 0; i < segs.length; ++i) {
       const seg = segs[i];
-      initial && !validate(seg, exports.MAX_SEGMENT_SIZE) ? yield [`${"\u0007" /* Command.Error */}Too large segment over ${exports.MAX_SEGMENT_SIZE.toLocaleString('en')} bytes.\n${seg}`, 0 /* Segment.unknown */] : yield [initial ? (0, api_1.normalize)(seg) : seg, context.segment];
+      initial && !validate(seg, context_1.MAX_SEGMENT_SIZE) ? yield [`${"\u0007" /* Command.Error */}Too large segment over ${context_1.MAX_SEGMENT_SIZE.toLocaleString('en')} bytes.\n${seg}`, 0 /* Segment.unknown */] : yield [initial ? (0, api_1.normalize)(seg) : seg, context.segment];
     }
   }
 }
@@ -8475,7 +8469,6 @@ exports.segment = segment;
 function validate(source, size) {
   return source.length <= size / 2 || source.length <= size && new Blob([source]).size <= size;
 }
-exports.validate = validate;
 
 /***/ },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "securemark",
-  "version": "0.298.3",
+  "version": "0.298.4",
   "description": "Secure markdown renderer working on browsers for user input data.",
   "private": false,
   "homepage": "https://github.com/falsandtru/securemark",

package/src/parser/api/bind.ts

@@ -1,5 +1,5 @@
 import { ParserSettings, Progress } from '../../..';
-import { Context, Segment } from '../context';
+import { Context, Options, Segment } from '../context';
 import { input } from '../../combinator/data/parser';
 import { segment } from '../segment';
 import { block } from '../block';
@@ -17,15 +17,12 @@ export function bind(target: DocumentFragment | HTMLElement | ShadowRoot, settin
   nearest: (position: number) => HTMLElement | undefined;
   index: (block: HTMLElement) => number;
 } {
-  const context = new Context({
+  const options: Options = {
     ...settings,
     host: settings.host ?? new ReadonlyURL(location.pathname, location.origin),
-  });
-  assert(!context.offset);
-  assert(!context.precedence);
-  assert(!context.state);
-  if (context.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
-  if (context.host?.origin === 'null') throw new Error(`Invalid host: ${context.host.href}`);
+  };
+  if (options.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
+  if (options.host?.origin === 'null') throw new Error(`Invalid host: ${options.host.href}`);
   type Block = readonly [segment: string, blocks: readonly HTMLElement[], url: string];
   const blocks: Block[] = [];
   const adds: (readonly [HTMLElement, Node | null])[] = [];
@@ -42,11 +39,11 @@ export function bind(target: DocumentFragment | HTMLElement | ShadowRoot, settin
     if (settings.chunk && revision) throw new Error('Chunks cannot be updated');
     const url = headers(source).find(field => field.toLowerCase().startsWith('url:'))?.slice(4).trim() ?? '';
     // @ts-expect-error
-    context.url = url ? new ReadonlyURL(url as ':') : undefined;
+    options.url = url ? new ReadonlyURL(url as ':') : undefined;
     const rev = revision = Symbol();
     const sourceSegments: string[] = [];
     const sourceSegmentAttrs: Segment[] = [];
-    for (const [seg, attr] of segment(source, !context.local)) {
+    for (const [seg, attr] of segment(source, true)) {
       sourceSegments.push(seg);
       sourceSegmentAttrs.push(attr);
       yield { type: 'segment', value: seg };
@@ -71,15 +68,15 @@ export function bind(target: DocumentFragment | HTMLElement | ShadowRoot, settin
     const base = next(head);
     let index = head;
     // @ts-expect-error
-    context.header = true;
+    options.header = true;
     for (; index < sourceSegments.length - last; ++index) {
       assert(rev === revision);
       const seg = sourceSegments[index];
-      context.segment = sourceSegmentAttrs[index] | Segment.write;
-      const es = block(input(seg, new Context(context)))!
+      options.segment = sourceSegmentAttrs[index] | Segment.write;
+      const es = block(input(seg, new Context(options)))!
         .foldl<HTMLElement[]>((acc, { value }) => void acc.push(value) || acc, []);
       // @ts-expect-error
-      context.header = false;
+      options.header = false;
       blocks.length === index
         ? blocks.push([seg, es, url])
         : blocks.splice(index, 0, [seg, es, url]);
@@ -124,14 +121,14 @@ export function bind(target: DocumentFragment | HTMLElement | ShadowRoot, settin
     }
     yield { type: 'break' };
     if (rev !== revision) return yield { type: 'cancel' };
-    for (const el of figure(next(0)?.parentNode ?? target, settings.notes, context)) {
+    for (const el of figure(next(0)?.parentNode ?? target, settings.notes, options)) {
       assert(rev === revision);
       el
         ? yield { type: 'figure', value: el }
         : yield { type: 'break' };
       if (rev !== revision) return yield { type: 'cancel' };
     }
-    for (const el of note(next(0)?.parentNode ?? target, settings.notes, context, bottom)) {
+    for (const el of note(next(0)?.parentNode ?? target, settings.notes, options, bottom)) {
       assert(rev === revision);
       el
         ? yield { type: 'note', value: el }

package/src/parser/api/parse.test.ts

@@ -306,15 +306,6 @@ describe('Unit: parser/api/parse', () => {
       //    '<h1 id="error:rnd" class="error">Error: Too much recursion</h1>',
       //    `<pre class="error" translate="no">${'{ '.repeat(21)}0</pre>`,
       //  ]);
-      assert.deepStrictEqual(
-        [...parse(`${'('.repeat(20)}0`).children].map(el => el.outerHTML),
-        [`<p>${'<span class="bracket">('.repeat(19)}<span class="paren">(0</span>${'</span>'.repeat(19)}</p>`]);
-      assert.deepStrictEqual(
-        [...parse(`${'('.repeat(21)}0`).children].map(el => el.outerHTML.replace(/:\w+/, ':rnd')),
-        [
-          '<h1 id="error:rnd" class="error">Error: Too much recursion</h1>',
-          `<pre class="error" translate="no">${'('.repeat(21)}0</pre>`,
-        ]);
       assert.deepStrictEqual(
         [...parse(`${'['.repeat(20)}0`).children].map(el => el.outerHTML),
         [`<p>${'['.repeat(20)}0</p>`]);
@@ -324,6 +315,12 @@ describe('Unit: parser/api/parse', () => {
           '<h1 id="error:rnd" class="error">Error: Too much recursion</h1>',
           `<pre class="error" translate="no">${'['.repeat(21)}0</pre>`,
         ]);
+      assert.deepStrictEqual(
+        [...parse(`${'('.repeat(20)}0`).children].map(el => el.tagName),
+        ['P']);
+      assert.deepStrictEqual(
+        [...parse(`${'('.repeat(21)}0`).children].map(el => el.tagName),
+        ['H1', 'PRE']);
       assert.deepStrictEqual(
         [...parse(`${'(('.repeat(2)}0${'))'.repeat(2)}`).children].map(el => el.tagName),
         ['P', 'OL']);
@@ -398,7 +395,7 @@ describe('Unit: parser/api/parse', () => {
     });
 
     it('backtrack 1', () => {
-      // 最悪計算量での実行速度はCommonMarkの公式JS実装の32nに対して50-400%程度。
+      // 最悪計算量での実行速度はCommonMarkの公式JS実装の32nに対して1-4倍程度。
       // 5n = reference + link + url/math + ruby + text
       assert.deepStrictEqual(
         [...parse(`((([[[[#$[${'.'.repeat(19998)}`, {}, new Context({ resources: { clock: 100000, recursions: [100] } })).children]

package/src/parser/api/parse.ts

@@ -1,6 +1,6 @@
 import { ParserOptions } from '../../..';
 import { input } from '../../combinator/data/parser';
-import { Context, Segment } from '../context';
+import { Context, Options, Segment } from '../context';
 import { segment } from '../segment';
 import { block } from '../block';
 import { headers } from './header';
@@ -9,43 +9,40 @@ import { note } from '../processor/note';
 import { ReadonlyURL } from 'spica/url';
 import { frag } from 'typed-dom/dom';
 
-interface Options extends ParserOptions {
+interface Opts extends ParserOptions {
   readonly local?: boolean;
   readonly test?: boolean;
 }
 
-export function parse(source: string, options: Options = {}, context?: Context): DocumentFragment {
+export function parse(source: string, opts: Opts = {}, options?: Options): DocumentFragment {
   const url = headers(source).find(field => field.toLowerCase().startsWith('url:'))?.slice(4).trim() ?? '';
-  context = new Context({
-    host: options.host ?? context?.host ?? new ReadonlyURL(location.pathname, location.origin),
-    url: url ? new ReadonlyURL(url as ':') : context?.url,
-    id: options.id ?? context?.id,
-    local: options.local ?? context?.local,
-    caches: context?.caches,
-    resources: context?.resources,
-  });
-  assert(!context.offset);
-  assert(!context.precedence);
-  assert(!context.state);
-  if (context.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
-  if (context.host?.origin === 'null') throw new Error(`Invalid host: ${context.host.href}`);
+  options = {
+    host: opts.host ?? options?.host ?? new ReadonlyURL(location.pathname, location.origin),
+    url: url ? new ReadonlyURL(url as ':') : options?.url,
+    id: opts.id ?? options?.id,
+    local: opts.local ?? options?.local ?? false,
+    caches: options?.caches,
+    resources: options?.resources,
+  };
+  if (options.id?.match(/[^0-9a-z/-]/i)) throw new Error('Invalid ID: ID must be alphanumeric');
+  if (options.host?.origin === 'null') throw new Error(`Invalid host: ${options.host.href}`);
   const node = frag();
   // @ts-expect-error
-  context.header = true;
-  for (const [seg, attr] of segment(source, !context.local)) {
-    context.segment = attr | Segment.write;
-    const es = block(input(seg, new Context(context)))!
+  options.header = true;
+  for (const [seg, attr] of segment(source, !options.local)) {
+    options.segment = attr | Segment.write;
+    const es = block(input(seg, new Context(options)))!
       .foldl<HTMLElement[]>((acc, { value }) => void acc.push(value) || acc, [])
     // @ts-expect-error
-    context.header = false;
+    options.header = false;
     if (es.length === 0) continue;
     node.append(...es);
   }
-  assert(options.id !== '' || !node.querySelector('[id], .index[href], .label[href], .annotation > a[href], .reference > a[href]'));
-  if (options.test) return node;
-  for (const _ of figure(node, options.notes, context));
-  for (const _ of note(node, options.notes, context));
-  assert(options.id !== '' || !node.querySelector('[id], .index[href], .label[href], .annotation > a[href], .reference > a[href]'));
-  assert(options.id !== '' || !options.notes?.references.querySelector('[id], .index[href], .label[href]'));
+  assert(opts.id !== '' || !node.querySelector('[id], .index[href], .label[href], .annotation > a[href], .reference > a[href]'));
+  if (opts.test) return node;
+  for (const _ of figure(node, opts.notes, options));
+  for (const _ of note(node, opts.notes, options));
+  assert(opts.id !== '' || !node.querySelector('[id], .index[href], .label[href], .annotation > a[href], .reference > a[href]'));
+  assert(opts.id !== '' || !opts.notes?.references.querySelector('[id], .index[href], .label[href]'));
   return node;
 }

package/src/parser/block/heading.test.ts

@@ -44,8 +44,8 @@ describe('Unit: parser/block/heading', () => {
       assert.deepStrictEqual(inspect(parser, input('## http://host', new Context())), [['<h2 id="index::http://host"><a class="url" href="http://host" target="_blank">http://host</a></h2>'], '']);
       assert.deepStrictEqual(inspect(parser, input('# !http://host', new Context())), [['<h1 id="index::!http://host">!http://host</h1>'], '']);
       assert.deepStrictEqual(inspect(parser, input('## !http://host', new Context())), [['<h2 id="index::!http://host">!<a class="url" href="http://host" target="_blank">http://host</a></h2>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('# a((b))', new Context())), [['<h1 id="index::a((b))">a<span class="bracket">(<span class="paren">(b)</span>)</span></h1>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('## a((b))', new Context())), [['<h2 id="index::a((b))">a<span class="bracket">(<span class="paren">(b)</span>)</span></h2>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('# a((b))', new Context())), [['<h1 id="index::a((b))">a<span class="paren">(<span class="paren">(b)</span>)</span></h1>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('## a((b))', new Context())), [['<h2 id="index::a((b))">a<span class="paren">(<span class="paren">(b)</span>)</span></h2>'], '']);
       assert.deepStrictEqual(inspect(parser, input('# a[[b]]', new Context())), [['<h1 id="index::a[[b]]">a[[b]]</h1>'], '']);
       assert.deepStrictEqual(inspect(parser, input('## a[[b]]', new Context())), [['<h2 id="index::a[[b]]">a[[b]]</h2>'], '']);
       assert.deepStrictEqual(inspect(parser, input('###### a', new Context())), [['<h6 id="index::a">a</h6>'], '']);

package/src/parser/block/table.test.ts

@@ -33,7 +33,7 @@ describe('Unit: parser/block/table', () => {
       assert.deepStrictEqual(inspect(parser, input('|||\n|-|-|\n|||', new Context())), [['<table><thead><tr><th></th><th></th></tr></thead><tbody><tr><td></td><td></td></tr></tbody></table>'], '']);
       assert.deepStrictEqual(inspect(parser, input('|"|\n|-\n|', new Context())), [['<table><thead><tr><th>"</th></tr></thead><tbody><tr></tr></tbody></table>'], '']);
       assert.deepStrictEqual(inspect(parser, input('|`|`|\n|-\n|', new Context())), [['<table><thead><tr><th><code data-src="`|`">|</code></th></tr></thead><tbody><tr></tr></tbody></table>'], '']);
-      assert.deepStrictEqual(inspect(parser, input('|((|\n|-\n|', new Context())), [['<table><thead><tr><th><span class="bracket">(<span class="paren">(</span></span></th></tr></thead><tbody><tr></tr></tbody></table>'], '']);
+      assert.deepStrictEqual(inspect(parser, input('|((|\n|-\n|', new Context())), [['<table><thead><tr><th><span class="paren">(<span class="paren">(</span></span></th></tr></thead><tbody><tr></tr></tbody></table>'], '']);
       assert.deepStrictEqual(inspect(parser, input('|a|b|\n|-|-|\n|1|2|', new Context())), [['<table><thead><tr><th>a</th><th>b</th></tr></thead><tbody><tr><td>1</td><td>2</td></tr></tbody></table>'], '']);
       assert.deepStrictEqual(inspect(parser, input('|a|b\n|-|-\n|1|2', new Context())), [['<table><thead><tr><th>a</th><th>b</th></tr></thead><tbody><tr><td>1</td><td>2</td></tr></tbody></table>'], '']);
       assert.deepStrictEqual(inspect(parser, input('|a|\n|-|\n|1|', new Context())), [['<table><thead><tr><th>a</th></tr></thead><tbody><tr><td>1</td></tr></tbody></table>'], '']);