securemark 0.240.0 → 0.241.0

package/src/parser/inline/autolink/channel.ts

@@ -3,7 +3,7 @@ import { sequence, some, validate, bind } from '../../../combinator';
 import { account } from './account';
 import { hashtag } from './hashtag';
 import { stringify } from '../../util';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 
 // https://example/@user?ch=a+b must be a user channel page or a redirect page going there.
 

package/src/parser/inline/autolink/email.ts

@@ -1,7 +1,7 @@
 import { AutolinkParser } from '../../inline';
 import { verify, rewrite, creator } from '../../../combinator';
 import { str } from '../../source';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 // https://html.spec.whatwg.org/multipage/input.html
 

package/src/parser/inline/autolink/hashnum.ts

@@ -3,7 +3,7 @@ import { union, rewrite, context, open, convert, fmap, lazy } from '../../../com
 import { link } from '../link';
 import { emoji } from './hashtag';
 import { str } from '../../source';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 
 export const hashnum: AutolinkParser.HashnumParser = lazy(() => fmap(rewrite(
   open('#', str(new RegExp(String.raw`^[0-9]{1,16}(?![^\p{C}\p{S}\p{P}\s]|${emoji}|['_])`, 'u'))),

package/src/parser/inline/autolink/hashtag.ts

@@ -2,7 +2,7 @@ import { AutolinkParser } from '../../inline';
 import { union, tails, verify, rewrite, context, open, convert, fmap, lazy } from '../../../combinator';
 import { link } from '../link';
 import { str } from '../../source';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 
 // https://example/hashtags/a must be a hashtag page or a redirect page going there.
 

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

@@ -16,12 +16,16 @@ describe('Unit: parser/inline/bracket', () => {
       assert.deepStrictEqual(inspect(parser('(1)')), [['(', '1', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(10)')), [['(', '10', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(2000)')), [['(', '2000', ')'], '']);
-      assert.deepStrictEqual(inspect(parser('(0-1)')), [['<span class="paren">(0-1)</span>'], '']);
+      assert.deepStrictEqual(inspect(parser('(1, 2)')), [['(', '1, 2', ')'], '']);
+      assert.deepStrictEqual(inspect(parser('(0-1)')), [['(', '0-1', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(0)-1')), [['(', '0', ')'], '-1']);
       assert.deepStrictEqual(inspect(parser('(0.1)')), [['(', '0.1', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(0.1.2)')), [['(', '0.1.2', ')'], '']);
+      assert.deepStrictEqual(inspect(parser('(1.1, 1.2-1.3, 1.4)')), [['(', '1.1, 1.2-1.3, 1.4', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(a)')), [['(', 'a', ')'], '']);
       assert.deepStrictEqual(inspect(parser('(A)')), [['(', 'A', ')'], '']);
+      assert.deepStrictEqual(inspect(parser('（１，２）')), [['（', '１，２', '）'], '']);
+      assert.deepStrictEqual(inspect(parser('（０－１）')), [['（', '０－１', '）'], '']);
       assert.deepStrictEqual(inspect(parser('（０．１）（Ａ）')), [['（', '０．１', '）', '（', 'Ａ', '）'], '']);
     });
 

package/src/parser/inline/bracket.ts

@@ -3,17 +3,17 @@ import { BracketParser } from '../inline';
 import { union, some, creator, surround, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { str } from '../source';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift, push } from 'spica/array';
 
-const index = /^(?:[0-9]+(?:\.[0-9]+)*|[A-Za-z])/;
+const index = /^(?:[0-9]+(?:(?:[.-]|, )[0-9]+)*|[A-Za-z])/;
 
 export const bracket: BracketParser = lazy(() => creator(union([
   surround(str('('), str(index), str(')')),
   surround(str('('), some(inline, ')'), str(')'), true,
     ([as, bs = [], cs], rest) => [[html('span', { class: 'paren' }, defrag(push(unshift(as, bs), cs)))], rest],
     ([as, bs = []], rest) => [unshift(as, bs), rest]),
-  surround(str('（'), str(new RegExp(index.source.replace(/[09AZaz.]/g, c => String.fromCharCode(c.charCodeAt(0) + 0xFEE0)))), str('）')),
+  surround(str('（'), str(new RegExp(index.source.replace(/[09AZaz., ]|\-(?!\w)/g, c => c.trimStart() && String.fromCharCode(c.charCodeAt(0) + 0xFEE0)))), str('）')),
   surround(str('（'), some(inline, '）'), str('）'), true,
     ([as, bs = [], cs], rest) => [[html('span', { class: 'paren' }, defrag(push(unshift(as, bs), cs)))], rest],
     ([as, bs = []], rest) => [unshift(as, bs), rest]),

package/src/parser/inline/code.ts

@@ -1,6 +1,6 @@
 import { CodeParser } from '../inline';
 import { validate, creator, match } from '../../combinator';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 export const code: CodeParser = creator(validate('`', match(
   /^(`+)(?!`)([^\n]*?[^`\n])\1(?!`)/,

package/src/parser/inline/comment.ts

@@ -2,7 +2,7 @@ import { CommentParser } from '../inline';
 import { union, some, validate, creator, surround, open, close, match, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { text, str } from '../source';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { memoize } from 'spica/memoize';
 import { unshift, push } from 'spica/array';
 
@@ -21,4 +21,4 @@ export const comment: CommentParser = lazy(() => creator(validate('[#', match(
         ]),
       ], rest],
       ([as, bs = []], rest) => [unshift(as, bs), rest]),
-  ([, fence]) => fence.length)))));
+  ([, fence]) => fence.length, [])))));

package/src/parser/inline/deletion.ts

@@ -3,7 +3,7 @@ import { union, some, creator, surround, open, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { str } from '../source';
 import { blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const deletion: DeletionParser = lazy(() => creator(surround(

package/src/parser/inline/emphasis.ts

@@ -4,7 +4,7 @@ import { inline } from '../inline';
 import { strong } from './strong';
 import { str } from '../source';
 import { startTight, blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const emphasis: EmphasisParser = lazy(() => creator(surround(

package/src/parser/inline/emstrong.ts

@@ -6,7 +6,7 @@ import { inline } from '../inline';
 import { strong } from './strong';
 import { str } from '../source';
 import { startTight, blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 const substrong: IntermediateParser<StrongParser> = lazy(() => some(union([

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

@@ -5,7 +5,7 @@ import { inline } from '../../inline';
 import { indexee, identity } from './indexee';
 import { txt, str, stropt } from '../../source';
 import { startTight, trimNodeEnd } from '../../util';
-import { html, define, defrag } from 'typed-dom';
+import { html, define, defrag } from 'typed-dom/dom';
 import { join } from 'spica/array';
 
 import IndexParser = ExtensionParser.IndexParser;

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

@@ -2,7 +2,7 @@ import { undefined } from 'spica/global';
 import { MarkdownParser } from '../../../../markdown';
 import { Parser } from '../../../combinator/data/parser';
 import { fmap } from '../../../combinator';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 
 export function indexee<P extends Parser<unknown, MarkdownParser.Context>>(parser: P, optional?: boolean): P;
 export function indexee(parser: Parser<HTMLElement, MarkdownParser.Context>, optional?: boolean): Parser<HTMLElement> {

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

@@ -1,7 +1,7 @@
 import { ExtensionParser } from '../../inline';
 import { union, verify, focus, creator, context, surround, fmap } from '../../../combinator';
 import { index } from './index';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 export const indexer: ExtensionParser.IndexerParser = creator(fmap(verify(surround(
   /^\s+(?=\[#\S)/,

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

@@ -2,7 +2,7 @@ import { Array } from 'spica/global';
 import { ExtensionParser } from '../../inline';
 import { union, validate, guard, creator, surround, clear, fmap } from '../../../combinator';
 import { str } from '../../source';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { join } from 'spica/array';
 
 const body = str(/^\$[A-Za-z]*(?:(?:-[A-Za-z][0-9A-Za-z]*)+|-(?:(?:0|[1-9][0-9]*)\.)*(?:0|[1-9][0-9]*)(?![0-9A-Za-z]))/);

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

@@ -3,7 +3,7 @@ import { union, some, validate, creator, surround, lazy } from '../../../combina
 import { inline } from '../../inline';
 import { str } from '../../source';
 import { startTight } from '../../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 // Don't use the symbols already used: !#$@&*+~=

package/src/parser/inline/html.ts

@@ -6,7 +6,7 @@ import { union, some, validate, context, creator, surround, open, match, lazy }
 import { inline } from '../inline';
 import { str } from '../source';
 import { startLoose, blank } from '../util';
-import { html as h, defrag } from 'typed-dom';
+import { html as h, defrag } from 'typed-dom/dom';
 import { memoize } from 'spica/memoize';
 import { Cache } from 'spica/cache';
 import { unshift, push, splice, join } from 'spica/array';

package/src/parser/inline/htmlentity.ts

@@ -1,7 +1,7 @@
 import { undefined } from 'spica/global';
 import { HTMLEntityParser, UnsafeHTMLEntityParser } from '../inline';
 import { union, validate, focus, creator, fmap } from '../../combinator';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { reduce } from 'spica/memoize';
 
 export const unsafehtmlentity: UnsafeHTMLEntityParser = creator(validate('&', focus(

package/src/parser/inline/insertion.ts

@@ -3,7 +3,7 @@ import { union, some, creator, surround, open, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { str } from '../source';
 import { blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const insertion: InsertionParser = lazy(() => creator(surround(

package/src/parser/inline/link.ts

@@ -8,7 +8,7 @@ import { attributes } from './html';
 import { autolink } from '../autolink';
 import { str } from '../source';
 import { startLoose, trimSpaceStart, trimNodeEnd, stringify } from '../util';
-import { html, define, defrag } from 'typed-dom';
+import { html, define, defrag } from 'typed-dom/dom';
 import { ReadonlyURL } from 'spica/url';
 
 const optspec = {

package/src/parser/inline/mark.ts

@@ -3,7 +3,7 @@ import { union, some, creator, surround, open, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { str } from '../source';
 import { startTight, blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const mark: MarkParser = lazy(() => creator(surround(

package/src/parser/inline/math.ts

@@ -1,7 +1,7 @@
 import { MathParser } from '../inline';
 import { union, some, validate, rewrite, creator, surround, lazy } from '../../combinator';
 import { escsource, str } from '../source';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 const disallowedCommand = /\\(?:begin|tiny|huge|large)(?![0-9a-z])/i;
 

package/src/parser/inline/media.ts

@@ -6,7 +6,7 @@ import { link, uri, option as linkoption, resolve } from './link';
 import { attributes } from './html';
 import { unsafehtmlentity } from './htmlentity';
 import { txt, str } from '../source';
-import { html, define } from 'typed-dom';
+import { html, define } from 'typed-dom/dom';
 import { ReadonlyURL } from 'spica/url';
 import { unshift, push, join } from 'spica/array';
 

package/src/parser/inline/reference.ts

@@ -4,7 +4,7 @@ import { union, subsequence, some, validate, verify, focus, guard, context, crea
 import { inline } from '../inline';
 import { str } from '../source';
 import { startLoose, isStartLoose, trimSpaceStart, trimNodeEnd, stringify } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 
 export const reference: ReferenceParser = lazy(() => creator(validate('[[', ']]', '\n', fmap(surround(
   '[[',
@@ -19,7 +19,7 @@ export const reference: ReferenceParser = lazy(() => creator(validate('[[', ']]'
     //label: true,
     //link: true,
     //autolink: true,
-  }}, state: undefined },
+  }}, state: undefined, delimiters: undefined },
   subsequence([
     abbr,
     focus(/^\^[^\S\n]*/, source => [['', source], '']),

package/src/parser/inline/ruby.ts

@@ -5,7 +5,7 @@ import { sequence, validate, verify, focus, creator, surround, lazy, bind } from
 import { unsafehtmlentity } from './htmlentity';
 import { text as txt } from '../source';
 import { isStartTightNodes } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift, push, join } from 'spica/array';
 
 export const ruby: RubyParser = lazy(() => creator(validate('[', ')', '\n', bind(verify(

package/src/parser/inline/strong.ts

@@ -3,7 +3,7 @@ import { union, some, creator, surround, open, lazy } from '../../combinator';
 import { inline } from '../inline';
 import { str } from '../source';
 import { startTight, blank } from '../util';
-import { html, defrag } from 'typed-dom';
+import { html, defrag } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const strong: StrongParser = lazy(() => creator(surround(

package/src/parser/inline/template.ts

@@ -2,7 +2,7 @@ import { undefined } from 'spica/global';
 import { TemplateParser } from '../inline';
 import { union, some, rewrite, creator, surround, lazy } from '../../combinator';
 import { escsource, str } from '../source';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { unshift } from 'spica/array';
 
 export const template: TemplateParser = lazy(() => creator(rewrite(

package/src/parser/inline.test.ts

@@ -144,6 +144,7 @@ describe('Unit: parser/inline', () => {
       assert.deepStrictEqual(inspect(parser('(((a))')), [['(', '<sup class="annotation">a</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('((((a))')), [['(', '(', '<sup class="annotation">a</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('((((a))))')), [['<sup class="annotation"><span class="paren">((a))</span></sup>'], '']);
+      assert.deepStrictEqual(inspect(parser('"((""))')), [['"', '<sup class="annotation">""</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('[[[a]]')), [['[', '<sup class="reference">a</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('[[[[a]]')), [['[', '[', '<sup class="reference">a</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('[[[[a]]]]')), [['<sup class="reference">[[a]]</sup>'], '']);
@@ -151,6 +152,7 @@ describe('Unit: parser/inline', () => {
       assert.deepStrictEqual(inspect(parser('[[[]{a}]]')), [['<sup class="reference"><a href="a">a</a></sup>'], '']);
       assert.deepStrictEqual(inspect(parser('[[[a]{b}]]')), [['<sup class="reference"><a href="b">a</a></sup>'], '']);
       assert.deepStrictEqual(inspect(parser('[(([a]{#}))]{#}')), [['<a href="#"><span class="paren">(<span class="paren">([a]{#})</span>)</span></a>'], '']);
+      assert.deepStrictEqual(inspect(parser('"[[""]]')), [['"', '<sup class="reference">""</sup>'], '']);
       assert.deepStrictEqual(inspect(parser('<http://host>')), [['<', '<a href="http://host" target="_blank">http://host</a>', '>'], '']);
       assert.deepStrictEqual(inspect(parser('<<small>a<</small>')), [['<', '<small>a&lt;</small>'], '']);
       assert.deepStrictEqual(inspect(parser('<sup><sub>a</sub>')), [['<', 'sup', '>', '<sub>a</sub>'], '']);
@@ -162,6 +164,8 @@ describe('Unit: parser/inline', () => {
       assert.deepStrictEqual(inspect(parser('[#a*b\nc*]')), [['[', '<a href="/hashtags/a" class="hashtag">#a</a>', '<em>b<br>c</em>', ']'], '']);
       assert.deepStrictEqual(inspect(parser('[*a\nb*]{/}')), [['[', '<em>a<br>b</em>', ']', '<a href="/">/</a>'], '']);
       assert.deepStrictEqual(inspect(parser('[[*a\nb*]]')), [['[', '[', '<em>a<br>b</em>', ']', ']'], '']);
+      assert.deepStrictEqual(inspect(parser('"[# *"*"*')), [['"', '[#', ' ', '*', '"', '*', '"', '*'], '']);
+      assert.deepStrictEqual(inspect(parser('"[# "*"* #]')), [['"', '[#', ' ', '"', '*', '"', '*', ' ', '#', ']'], '']);
     });
 
     it('uri', () => {

package/src/parser/locale.ts

@@ -1,7 +1,7 @@
 import { Parser } from '../combinator/data/parser';
 import { fmap } from '../combinator';
 import { japanese } from './locale/ja';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 export function localize<P extends Parser<HTMLElement | string>>(parser: P): P;
 export function localize(parser: Parser<HTMLElement | string>): Parser<HTMLElement | string> {

package/src/parser/processor/figure.test.ts

@@ -1,6 +1,6 @@
 import { figure } from './figure';
 import { parse as parse_ } from '../../parser';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { normalize } from '../../debug.test';
 
 const parse = (s: string) => parse_(s, { test: true });

package/src/parser/processor/figure.ts

@@ -1,6 +1,6 @@
 import { Infinity, Set, Map } from 'spica/global';
 import { number as calculate, isFixed } from '../inline/extension/label';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 import { MultiMap } from 'spica/multimap';
 import { push, join } from 'spica/array';
 

package/src/parser/processor/footnote.test.ts

@@ -1,6 +1,6 @@
 import { annotation, reference } from './footnote';
 import { parse as parse_ } from '../../parser';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 const parse = (s: string) => parse_(s, { test: true });
 

package/src/parser/processor/footnote.ts

@@ -1,6 +1,6 @@
 import { undefined, Infinity, Map, WeakMap } from 'spica/global';
 import { text } from '../inline/extension/indexee';
-import { frag, html, define } from 'typed-dom';
+import { frag, html, define } from 'typed-dom/dom';
 import { MultiMap } from 'spica/multimap';
 import { memoize } from 'spica/memoize';
 
@@ -127,12 +127,13 @@ function build(
     }
     if (!footnote) return;
     const { children } = footnote;
+    const size = defs.size;
     let count = 0;
     let length = children.length;
     I:
     for (const def of defs.values()) {
       ++count;
-      while (length > defs.size) {
+      while (length > size) {
         const node = children[count - 1] as HTMLLIElement;
         if (equal(node, def)) continue I;
         yield footnote.removeChild(node);
@@ -148,8 +149,8 @@ function build(
       ++length;
       assert(children.length === length);
     }
-    while (length > defs.size) {
-      yield footnote.removeChild(children[defs.size] as HTMLLIElement);
+    while (length > size) {
+      yield footnote.removeChild(children[size] as HTMLLIElement);
       --length;
       assert(children.length === length);
     }

package/src/parser/source/text.ts

@@ -2,7 +2,7 @@ import { undefined } from 'spica/global';
 import { TextParser, TxtParser, LinebreakParser } from '../source';
 import { union, focus, creator } from '../../combinator';
 import { str } from './str';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 export const separator = /[\s\x00-\x7F]|\S#|[、。！？][^\S\n]*(?=\\\n)/;
 export const nonWhitespace = /[\S\n]|$/;

package/src/renderer/render/math.ts

@@ -1,6 +1,6 @@
 import { undefined } from 'spica/global';
 import { Collection } from 'spica/collection';
-import { html, define } from 'typed-dom';
+import { html, define } from 'typed-dom/dom';
 
 export function math(target: HTMLElement, cache?: Collection<string, HTMLElement>): void {
   assert(target.children.length === 0);

package/src/renderer/render/media/audio.ts

@@ -1,4 +1,4 @@
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 const extensions = [
   '.oga',

package/src/renderer/render/media/image.ts

@@ -1,4 +1,4 @@
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 import { Collection } from 'spica/collection';
 import { ObjectFromEntries } from 'spica/alias';
 

package/src/renderer/render/media/pdf.ts

@@ -1,5 +1,5 @@
 import { parse } from '../../../parser';
-import { html, define } from 'typed-dom';
+import { html, define } from 'typed-dom/dom';
 
 const extensions = [
   '.pdf',

package/src/renderer/render/media/twitter.ts

@@ -1,6 +1,6 @@
 import { window, document } from 'spica/global';
 import { parse } from '../../../parser';
-import { HTML, define } from 'typed-dom';
+import { html, define } from 'typed-dom/dom';
 import { sanitize } from 'dompurify';
 
 declare global {
@@ -21,26 +21,24 @@ export function twitter(source: HTMLImageElement, url: URL): HTMLElement | undef
   if (!origins.includes(url.origin)) return;
   if (url.pathname.split('/').pop()!.includes('.')) return;
   if (!url.pathname.match(/^\/\w+\/status\/[0-9]{15,}(?!\w)/)) return;
-  return HTML.div({ class: source.className, 'data-type': 'twitter' },
-    [HTML.em(`Loading ${source.getAttribute('data-src')}...`)],
-    (h, tag) => {
-      const el = h(tag);
-      $.ajax(`https://publish.twitter.com/oembed?url=${url.href.replace('?', '&')}&omit_script=true`, {
-        dataType: 'jsonp',
-        timeout: 10 * 1e3,
-        cache: true,
-        success({ html }): void {
-          el.innerHTML = sanitize(html);
-          if (window.twttr) return void window.twttr.widgets.load(el);
-          const id = 'twitter-wjs';
-          if (document.getElementById(id)) return;
-          document.body.appendChild(h('script', { id, src: 'https://platform.twitter.com/widgets.js' }));
-        },
-        error({ status, statusText }) {
-          assert(Number.isSafeInteger(status));
-          define(el, [parse(`*{ ${source.getAttribute('data-src')} }*\n\n\`\`\`\n${status}\n${statusText}\n\`\`\``)]);
-        },
-      });
-      return el;
-  }).element;
+  const el = html('div', { class: source.className, 'data-type': 'twitter' }, [
+    html('em', `Loading ${source.getAttribute('data-src')}...`),
+  ]);
+  $.ajax(`https://publish.twitter.com/oembed?url=${url.href.replace('?', '&')}&omit_script=true`, {
+    dataType: 'jsonp',
+    timeout: 10 * 1e3,
+    cache: true,
+    success({ html }): void {
+      el.innerHTML = sanitize(html);
+      if (window.twttr) return void window.twttr.widgets.load(el);
+      const id = 'twitter-wjs';
+      if (document.getElementById(id)) return;
+      document.body.appendChild(html('script', { id, src: 'https://platform.twitter.com/widgets.js' }));
+    },
+    error({ status, statusText }) {
+      assert(Number.isSafeInteger(status));
+      define(el, [parse(`*{ ${source.getAttribute('data-src')} }*\n\n\`\`\`\n${status}\n${statusText}\n\`\`\``)]);
+    },
+  });
+  return el;
 }

package/src/renderer/render/media/video.ts

@@ -1,4 +1,4 @@
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { ObjectFromEntries } from 'spica/alias';
 
 const extensions = [

package/src/renderer/render/media/youtube.ts

@@ -1,4 +1,4 @@
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 export function youtube(source: HTMLImageElement, url: URL): HTMLElement | undefined {
   const id = resolve(url);

package/src/renderer/render/media.test.ts

@@ -1,6 +1,6 @@
 import { media } from './media';
 import { parse } from '../../parser';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { caches } from '../../parser/api';
 
 describe('Unit: renderer/render/media', () => {

package/src/util/quote.ts

@@ -1,7 +1,7 @@
 import { Element } from 'spica/global';
 import { exec } from '../combinator/data/parser';
 import { cite } from '../parser/block/reply/cite';
-import { define } from 'typed-dom';
+import { define } from 'typed-dom/dom';
 
 export function quote(anchor: string, range: Range): string {
   if (exec(cite(`>>${anchor}`, {})) !== '') throw new Error(`Invalid anchor: ${anchor}`);

package/src/util/toc.test.ts

@@ -1,6 +1,6 @@
 import { toc } from './toc';
 import { parse } from '../parser';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 
 describe('Unit: util/toc', () => {
   describe('toc', () => {

package/src/util/toc.ts

@@ -1,5 +1,5 @@
 import { undefined, Array } from 'spica/global';
-import { html } from 'typed-dom';
+import { html } from 'typed-dom/dom';
 import { push } from 'spica/array';
 
 // Bug: Firefox

package/src/util.ts

@@ -2,4 +2,3 @@ export { quote } from './util/quote';
 export { toc } from './util/toc';
 export { info } from './util/info';
 export { scope } from './util/scope';
-export { sync } from './util/sync';