securemark 0.242.0 → 0.243.0

package/markdown.d.ts

@@ -87,6 +87,7 @@ export namespace MarkdownParser {
       BlockParser.CodeBlockParser,
       BlockParser.MathBlockParser,
       BlockParser.ExtensionParser,
+      BlockParser.SidefenceParser,
       BlockParser.BlockquoteParser,
       BlockParser.ReplyParser,
       BlockParser.ParagraphParser,
@@ -227,6 +228,22 @@ export namespace MarkdownParser {
         ]> {
       }
     }
+    export interface SidefenceParser extends
+      // | abc
+      Block<'sidefence'>,
+      Parser<HTMLQuoteElement, Context, [
+        SidefenceParser.SourceParser,
+      ]> {
+    }
+    export namespace SidefenceParser {
+      export interface SourceParser extends
+        Block<'sidefence/source'>,
+        Parser<HTMLQuoteElement, Context, [
+          SourceParser,
+          AutolinkParser,
+        ]> {
+      }
+    }
     export interface TableParser extends
       // |Head|
       // |:--:|
@@ -356,6 +373,7 @@ export namespace MarkdownParser {
               PlaceholderParser,
               InlineParser.MediaParser,
               InlineParser.ShortmediaParser,
+              Parser<HTMLElement, Context, []>,
             ]>,
             SourceParser.EmptyLineParser,
             InlineParser,
@@ -371,8 +389,8 @@ export namespace MarkdownParser {
               Parser<never, Context, [
                 CodeBlockParser.SegmentParser,
                 MathBlockParser.SegmentParser,
-                BlockquoteParser.SegmentParser,
                 TableParser.SegmentParser,
+                BlockquoteParser.SegmentParser,
                 PlaceholderParser.SegmentParser,
                 SourceParser.ContentLineParser,
               ]>,
@@ -401,8 +419,8 @@ export namespace MarkdownParser {
             Parser<never, Context, [
               CodeBlockParser.SegmentParser,
               MathBlockParser.SegmentParser,
-              BlockquoteParser.SegmentParser,
               TableParser.SegmentParser,
+              BlockquoteParser.SegmentParser,
               PlaceholderParser.SegmentParser,
               SourceParser.ContentLineParser,
             ]>,
@@ -495,6 +513,7 @@ export namespace MarkdownParser {
             BlockParser.IndentBlockParser,
             BlockParser.CodeBlockParser,
             BlockParser.MathBlockParser,
+            BlockParser.SidefenceParser,
             BlockParser.BlockquoteParser,
             BlockParser.ParagraphParser,
           ]> {

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "securemark",
-  "version": "0.242.0",
+  "version": "0.243.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1784,9 +1784,9 @@
       "dev": true
     },
     "cacache": {
-      "version": "16.0.6",
-      "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.0.6.tgz",
-      "integrity": "sha512-9a/MLxGaw3LEGes0HaPez2RgZWDV6X0jrgChsuxfEh8xoDoYGxaGrkMe7Dlyjrb655tA/b8fX0qlUg6Ii5MBvw==",
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.0.7.tgz",
+      "integrity": "sha512-a4zfQpp5vm4Ipdvbj+ZrPonikRhm6WBEd4zT1Yc1DXsmAxrPgDwWBLF/u/wTVXSFPIgOJ1U3ghSa2Xm4s3h28w==",
       "dev": true,
       "requires": {
         "@npmcli/fs": "^2.1.0",
@@ -3075,9 +3075,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.123",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.123.tgz",
-      "integrity": "sha512-0pHGE53WkYoFbsgwYcVKEpWa6jbzlvkohIEA2CUoZ9b5KC+w/zlMiQHvW/4IBcOh7YoEFqRNavgTk02TBoUTUw==",
+      "version": "1.4.124",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.124.tgz",
+      "integrity": "sha512-VhaE9VUYU6d2eIb+4xf83CATD+T+3bTzvxvlADkQE+c2hisiw3sZmvEDtsW704+Zky9WZGhBuQXijDVqSriQLA==",
       "dev": true
     },
     "elliptic": {

package/package.json

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

package/src/parser/block/blockquote.ts

@@ -15,14 +15,8 @@ export const blockquote: BlockquoteParser = lazy(() => block(rewrite(segment, un
 ]))));
 
 const opener = /^(?=>>+(?:$|\s))/;
-
 const indent = block(open(opener, some(contentline, /^>(?:$|\s)/)), false);
-
-function unindent(source: string): string {
-  return source
-    .replace(/\n$/, '')
-    .replace(/^>(?:$|\s|(?=>+(?:$|\s)))/mg, '');
-}
+const unindent = (source: string) => source.replace(/(^|\n)>(?:[^\S\n]|(?=>*(?:$|\s)))|\n$/g, '$1');
 
 const source: BlockquoteParser.SourceParser = lazy(() => fmap(
   some(creator(union([

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

@@ -1,12 +1,12 @@
 import { ExtensionParser } from '../../block';
-import { union, sequence, some, block, line, validate, rewrite, close, convert } from '../../../combinator';
+import { union, sequence, some, block, line, validate, verify, rewrite, close, convert } from '../../../combinator';
 import { contentline } from '../../source';
 import { figure } from './figure';
 import { segment as seg_label } from '../../inline/extension/label';
 import { segment as seg_code } from '../codeblock';
 import { segment as seg_math } from '../mathblock';
-import { segment as seg_blockquote } from '../blockquote';
 import { segment as seg_table } from './table';
+import { segment as seg_blockquote } from '../blockquote';
 import { segment as seg_placeholder } from './placeholder';
 
 import FigParser = ExtensionParser.FigParser;
@@ -17,17 +17,18 @@ export const segment: FigParser.SegmentParser = block(validate(['[$', '$'],
     union([
       seg_code,
       seg_math,
-      seg_blockquote,
       seg_table,
+      seg_blockquote,
       seg_placeholder,
       some(contentline),
     ]),
   ])));
 
-export const fig: FigParser = block(rewrite(segment, convert(
+export const fig: FigParser = block(rewrite(segment, verify(convert(
   source => {
     const fence = (/^[^\n]*\n!?>+\s/.test(source) && source.match(/^~{3,}(?=[^\S\n]*$)/mg) || [])
       .reduce((max, fence) => fence > max ? fence : max, '~~') + '~';
     return `${fence}figure ${source}\n\n${fence}`;
   },
-  union([figure]))));
+  union([figure])),
+  ([el]) => el.className !== 'invalid' || el.getAttribute('data-invalid-type') !== 'content')));

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

@@ -10,19 +10,19 @@ describe('Unit: parser/block/extension/figure', () => {
       assert.deepStrictEqual(inspect(parser('~~~figure\n!https://host\n~~~')), undefined);
       assert.deepStrictEqual(inspect(parser('~~~figure $group-name]\n!https://host\n~~~')), [['<figure data-type="media" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt=""></a></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name\n!https://host\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\nhttps://host\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\\\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\n\\\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\na\n~~~')), undefined);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\nhttps://host\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\\\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\n\\\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\na\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\n\n\n\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n !https://host\n~~~')), undefined);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n !https://host\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n\n!https://host\n~~~')), undefined);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\n~~~\n~~~')), undefined);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]\n!https://host\n~~~~')), undefined);
       assert.deepStrictEqual(inspect(parser('~~~~figure [$group-name]\n!https://host\n~~~')), undefined);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]a\nhttps://host\n~~~')), undefined);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]a\nhttps://host\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name]a\n!https://host\n~~~')), [['<figure data-type="media" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt=""></a></div></figure>'], '']);
-      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name] a\nhttps://host\n~~~')), undefined);
+      assert.deepStrictEqual(inspect(parser('~~~figure [$group-name] a\nhttps://host\n~~~')), [['<figure data-type="invalid" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><br></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure [$group-name] a\n!https://host\n~~~')), [['<figure data-type="media" data-label="group-name" data-group="group" class="invalid"><figcaption><span class="figindex"></span></figcaption><div><a href="https://host" target="_blank"><img class="media" data-src="https://host" alt=""></a></div></figure>'], '']);
       assert.deepStrictEqual(inspect(parser('~~~figure a[$group-name]\n!https://host\n~~~')), undefined);
       assert.deepStrictEqual(inspect(parser('~~~figure a [$group-name]\n!https://host\n~~~')), undefined);

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

@@ -34,8 +34,8 @@ export const segment: FigureParser.SegmentParser = block(match(
           union([
             seg_code,
             seg_math,
-            seg_blockquote,
             seg_table,
+            seg_blockquote,
             seg_placeholder,
             some(contentline, closer),
           ]),
@@ -65,8 +65,9 @@ export const figure: FigureParser = block(rewrite(segment, fmap(
         table,
         blockquote,
         placeholder,
-        line(media),
-        line(shortmedia),
+        block(line(media)),
+        block(line(shortmedia)),
+        fmap(some(contentline), () => [html('br')]),
       ])),
       emptyline,
       block(localize(
@@ -103,6 +104,9 @@ function attributes(label: string, param: string, content: HTMLElement, caption:
     case 'A':
       type = 'media';
       break;
+    case 'BR':
+      type = 'invalid';
+      break;
     case 'text':
     case 'code':
     case 'math':
@@ -113,6 +117,10 @@ function attributes(label: string, param: string, content: HTMLElement, caption:
       assert(false);
   }
   const invalid =
+    type === 'invalid' && content.tagName === 'BR' && {
+      'data-invalid-type': 'content',
+      'data-invalid-message': 'Invalid content',
+    } ||
     /^[^-]+-(?:[0-9]+\.)*0$/.test(label) && {
       'data-invalid-type': 'label',
       'data-invalid-message': 'The last part of the fixed label numbers must not be 0',

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

@@ -10,6 +10,7 @@ import { table } from '../table';
 import { indentblock } from '../indentblock';
 import { codeblock } from '../codeblock';
 import { mathblock } from '../mathblock';
+import { sidefence } from '../sidefence';
 import { blockquote } from '../blockquote';
 import { paragraph } from '../paragraph';
 import { html } from 'typed-dom/dom';
@@ -69,6 +70,7 @@ const content: MessageParser.ContentParser = union([
   indentblock,
   codeblock,
   mathblock,
+  sidefence,
   blockquote,
   paragraph,
 ]);

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

@@ -1,5 +1,6 @@
 import { ExtensionParser } from '../../block';
 import { block, validate, fence, clear, fmap } from '../../../combinator';
+import { segment as label } from '../../inline/extension/label';
 import { html } from 'typed-dom/dom';
 
 const opener = /^(~{3,})(?!~)[^\n]*(?:$|\n)/;
@@ -12,12 +13,17 @@ export const segment_: ExtensionParser.PlaceholderParser.SegmentParser = block(v
 
 export const placeholder: ExtensionParser.PlaceholderParser = block(validate('~~~', fmap(
   fence(opener, Infinity),
-  ([body, closer, opener, delim]) => [
+  ([body, closer, opener, delim]: string[], _, context) => [
     html('pre', {
       class: 'invalid',
       translate: 'no',
       'data-invalid-syntax': 'extension',
       'data-invalid-type': !closer ? 'fence' : 'syntax',
-      'data-invalid-message': !closer ? `Missing the closing delimiter "${delim}"` : 'Invalid syntax',
+      'data-invalid-message': !closer ? `Missing the closing delimiter "${delim}"` : 'Invalid extension name',
+      ...closer && (opener.slice(delim.length).split(/\s/, 1)[0] === 'figure' || label(opener.slice(delim.length), context)) && {
+        'data-invalid-syntax': 'figure',
+        'data-invalid-type': 'content',
+        'data-invalid-message': 'Invalid content',
+      },
     }, `${opener}${body}${closer}`)
   ])));

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

@@ -0,0 +1,66 @@
+import { sidefence } from './sidefence';
+import { some } from '../../combinator';
+import { inspect } from '../../debug.test';
+
+describe('Unit: parser/block/sidefence', () => {
+  describe('sidefence', () => {
+    const parser = (source: string) => some(sidefence)(source, {});
+
+    it('invalid', () => {
+      assert.deepStrictEqual(inspect(parser('')), undefined);
+      assert.deepStrictEqual(inspect(parser('\n')), undefined);
+      assert.deepStrictEqual(inspect(parser('|')), undefined);
+      assert.deepStrictEqual(inspect(parser('|a')), undefined);
+      assert.deepStrictEqual(inspect(parser('|\n')), undefined);
+      assert.deepStrictEqual(inspect(parser(' | ')), undefined);
+      assert.deepStrictEqual(inspect(parser('||')), undefined);
+    });
+
+    it('basic', () => {
+      assert.deepStrictEqual(inspect(parser('| ')), [['<blockquote class="invalid"></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| \\')), [['<blockquote class="invalid"><pre>\\</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| \\\n')), [['<blockquote class="invalid"><pre>\\</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a')), [['<blockquote class="invalid"><pre>a</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n')), [['<blockquote class="invalid"><pre>a</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\nb')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n b ')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n|')), [['<blockquote class="invalid"><pre>a<br></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n>>1')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n| b ')), [['<blockquote class="invalid"><pre>a<br>b </pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|\n')), [['<blockquote class="invalid"><pre>a<br></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|\nb')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n|\n b ')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n|\n|')), [['<blockquote class="invalid"><pre>a<br><br></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|\n>>1')), undefined);
+      assert.deepStrictEqual(inspect(parser('| a\n|\n| b ')), [['<blockquote class="invalid"><pre>a<br><br>b </pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\\\nb')), undefined);
+      assert.deepStrictEqual(inspect(parser('|  a ')), [['<blockquote class="invalid"><pre> a </pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| \na')), undefined);
+      assert.deepStrictEqual(inspect(parser('|\na')), undefined);
+      assert.deepStrictEqual(inspect(parser('|\n a')), undefined);
+      assert.deepStrictEqual(inspect(parser('|\n|')), [['<blockquote class="invalid"><pre><br></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|\n| a')), [['<blockquote class="invalid"><pre><br>a</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| http://host')), [['<blockquote class="invalid"><pre><a href="http://host" target="_blank">http://host</a></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| !http://host')), [['<blockquote class="invalid"><pre>!<a href="http://host" target="_blank">http://host</a></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| #a')), [['<blockquote class="invalid"><pre><a href="/hashtags/a" class="hashtag">#a</a></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| @a#b')), [['<blockquote class="invalid"><pre><a href="/@a?ch=b" class="channel">@a#b</a></pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| >>1\n| | b')), [['<blockquote class="invalid"><pre><a href="?at=1" class="anchor">&gt;&gt;1</a><br>| b</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| >>1\n| | b\n| c')), [['<blockquote class="invalid"><pre><a href="?at=1" class="anchor">&gt;&gt;1</a><br>| b<br>c</pre></blockquote>'], '']);
+    });
+
+    it('nest', () => {
+      assert.deepStrictEqual(inspect(parser('| a\n||')), [['<blockquote class="invalid"><pre>a</pre><blockquote></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|| b\n| c')), [['<blockquote class="invalid"><pre>a</pre><blockquote><pre>b</pre></blockquote><pre>c</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|| b\n|| c')), [['<blockquote class="invalid"><pre>a</pre><blockquote><pre>b<br>c</pre></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('| a\n|| b\n||| c')), [['<blockquote class="invalid"><pre>a</pre><blockquote><pre>b</pre><blockquote><pre>c</pre></blockquote></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|| a')), [['<blockquote class="invalid"><blockquote><pre>a</pre></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|| a\n|')), [['<blockquote class="invalid"><blockquote><pre>a</pre></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|| a\n| b')), [['<blockquote class="invalid"><blockquote><pre>a</pre></blockquote><pre>b</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|| a\n||| b\n| c')), [['<blockquote class="invalid"><blockquote><pre>a</pre><blockquote><pre>b</pre></blockquote></blockquote><pre>c</pre></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('|| a\n| b\n||| c')), [['<blockquote class="invalid"><blockquote><pre>a</pre></blockquote><pre>b</pre><blockquote><blockquote><pre>c</pre></blockquote></blockquote></blockquote>'], '']);
+      assert.deepStrictEqual(inspect(parser('||| a\n|| b\n| c')), [['<blockquote class="invalid"><blockquote><blockquote><pre>a</pre></blockquote><pre>b</pre></blockquote><pre>c</pre></blockquote>'], '']);
+    });
+
+  });
+
+});

package/src/parser/block/sidefence.ts

@@ -0,0 +1,31 @@
+import { SidefenceParser } from '../block';
+import { union, some, block, focus, rewrite, creator, convert, lazy, fmap } from '../../combinator';
+import { autolink } from '../autolink';
+import { contentline } from '../source';
+import { html, define, defrag } from 'typed-dom/dom';
+
+export const sidefence: SidefenceParser = lazy(() => block(fmap(focus(
+  /^(?=\|+(?:[^\S\n]|\n\|))(?:\|+(?:[^\S\n][^\n]*)?(?:$|\n))+$/,
+  union([source])),
+  ([el]) => [
+    define(el, {
+      class: 'invalid',
+      'data-invalid-syntax': 'sidefence',
+      'data-invalid-type': 'syntax',
+      'data-invalid-message': 'Reserved syntax',
+    }),
+  ])));
+
+const opener = /^(?=\|\|+(?:$|\s))/;
+const unindent = (source: string) => source.replace(/(^|\n)\|(?:[^\S\n]|(?=\|*(?:$|\s)))|\n$/g, '$1');
+
+const source: SidefenceParser.SourceParser = lazy(() => fmap(
+  some(creator(union([
+    focus(
+      /^(?:\|\|+(?:[^\S\n][^\n]*)?(?:$|\n))+/,
+      convert(unindent, source)),
+    rewrite(
+      some(contentline, opener),
+      convert(unindent, fmap(some(autolink), ns => [html('pre', defrag(ns))]))),
+  ]))),
+  ns => [html('blockquote', ns)]));

package/src/parser/block.ts

@@ -13,6 +13,7 @@ import { indentblock } from './block/indentblock';
 import { codeblock } from './block/codeblock';
 import { mathblock } from './block/mathblock';
 import { extension } from './block/extension';
+import { sidefence } from './block/sidefence';
 import { blockquote } from './block/blockquote';
 import { reply } from './block/reply';
 import { paragraph } from './block/paragraph';
@@ -31,6 +32,7 @@ export import IndentBlockParser = BlockParser.IndentBlockParser;
 export import CodeBlockParser = BlockParser.CodeBlockParser;
 export import MathBlockParser = BlockParser.MathBlockParser;
 export import ExtensionParser = BlockParser.ExtensionParser;
+export import SidefenceParser = BlockParser.SidefenceParser;
 export import BlockquoteParser = BlockParser.BlockquoteParser;
 export import ReplyParser = BlockParser.ReplyParser;
 export import ParagraphParser = BlockParser.ParagraphParser;
@@ -50,6 +52,7 @@ export const block: BlockParser = creator(error(
     codeblock,
     mathblock,
     extension,
+    sidefence,
     blockquote,
     reply,
     paragraph

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

@@ -14,12 +14,12 @@ export const placeholder: ExtensionParser.PlaceholderParser = lazy(() => creator
   str(/^\[[:^]/),
   startTight(some(union([inline]), ']')),
   str(']'), false,
-  ([, bs], rest) => [[
+  ([as, bs], rest) => [[
     html('span', {
       class: 'invalid',
       'data-invalid-syntax': 'extension',
       'data-invalid-type': 'syntax',
-      'data-invalid-message': 'Invalid symbol',
+      'data-invalid-message': `Reserved start symbol "${as[0][1]}" cannot be used in "[]"`,
     }, defrag(bs)),
   ], rest],
   ([as, bs], rest) => [unshift(as, bs), rest]))));