@sakura-ui/sakura-ui 0.5.0 → 0.5.2

package/packages/markdown/tests/fixtures.ts

@@ -0,0 +1,100 @@
+/**
+ * Inputs that the rendered output is pinned against while the pipeline is
+ * replaced. They lean on what long-lived documentation accumulates rather than
+ * on what Markdown allows.
+ */
+
+export const plain = {
+  headings:
+    '# 見出し1\n\n## 見出し 2\n\n### 見出し・3\n\n#### はじめに（概要）',
+  paragraph: '段落です。**強調** と *斜体* と `コード` と ~~取り消し~~。',
+  cjkSoftBreak: '東京都\n港区',
+  list: '- 項目1\n- 項目2\n  - 入れ子\n    - さらに\n\n1. one\n2. two',
+  gfmTable: '| 見出し | 値 |\n| --- | --- |\n| あ | 1 |\n| い | 2 |',
+  codeFence: '```sh\necho "hello"\n```\n\n```\n言語指定なし\n```',
+  links:
+    '[内部](/foo) と [外部](https://example.com) と https://example.com/bare',
+  image: '![代替テキスト](/images/a.png)',
+  blockquote: '> 引用文\n> 続き',
+  rule: '---',
+  footnote: '本文[^1]\n\n[^1]: 脚注の中身'
+}
+
+export const rawHtml = {
+  // Often with Markdown inside, which is what makes it awkward
+  details:
+    '<details>\n<summary>詳細はこちら</summary>\n\n- リスト項目\n\n| 表 | 見出し |\n| --- | --- |\n| a | b |\n\n</details>',
+  // Written in HTML because the cells have to span
+  tableSpan:
+    '<table>\n<caption>表:01 キャプション</caption>\n<colgroup><col style="width: 15%;"><col style="width: auto;"></colgroup>\n<thead><tr><th colspan="2">見出し</th></tr></thead>\n<tbody><tr><td rowspan="2" style="vertical-align: top;">結合</td><td>値</td></tr><tr><td>値2</td></tr></tbody>\n</table>',
+  // Inline style carries the layout of most hand-written HTML
+  styledBlock:
+    '<div style="background-color: #E8F1FE; padding: 12px 16px; border-radius: 8px; margin: 0 24px;">\n注記のボックス\n</div>',
+  styledImg:
+    '<img src="/images/a.png" alt="図" style="width: 800px;color-scheme: light;">',
+  inlineTags:
+    '本文に <strong>太字</strong> と <u>下線</u> と <sup>（※1）</sup> と <small>小</small>。',
+  externalAnchor: '<a href="https://example.com" target="_blank">外部リンク</a>'
+}
+
+export const malformedHtml = {
+  // A closing tag for a void element, written often enough to matter
+  closingBr: '一行目<br>二行目</br>三行目</BR>四行目',
+  // </td> mistyped as </d>
+  mistypedClose: '<table><tbody><tr><td>値</d></tr></tbody></table>',
+  unclosedCell: '<table><tbody><tr><td>閉じ忘れ<tr><td>次の行</table>',
+  // <ul> wrapping <details> for indentation, with the closing tags crossed
+  crossedNesting:
+    '<ul>\n<details>\n<summary>まとめ</summary>\n中身\n</details>\n</ul>'
+}
+
+export const directives = {
+  linkButton:
+    'ご案内です。:link-button[サービス一覧]{href=/services} をどうぞ。',
+  youtube: '::youtube[動画タイトル]{video=yXdbvBzxeb8 width=560 height=315}',
+  card: ':::card\n::card-img{src=/a.png alt=図}\n::card-title[タイトル]\n::card-description[説明]\n:::',
+  linkCard:
+    ':::card{href=/x}\n::card-title[タイトル]\n::card-description[説明]\n::card-footer[2026年8月]\n:::',
+  linkCardWithoutTitle:
+    ':::card{href=/x}\n::card-description[説明]\n::card-footer[2026年8月]\n:::',
+  // Cards throughout, so the grid is a list of them.
+  grid: '::::grid-cols-3\n:::card\n::card-title[1つ目]\n:::\n:::card\n::card-title[2つ目]\n:::\n::::',
+  // Cells: prose beside a figure is a layout, not two of something.
+  gridOfCells:
+    '::::grid-cols-2\n:::cell\n![alt](/a.png)\n本文1\n:::\n:::cell\n本文2\n:::\n::::',
+  // One of each, which is not a list either.
+  gridMixed:
+    '::::grid-cols-2\n:::card\n::card-title[1つ目]\n:::\n:::cell\n本文\n:::\n::::',
+  cell: ':::cell\n::cell-img{src=/a.png alt=図}\n本文\n:::',
+  faq: ':::faq\n::faq-q[質問は？]\n::faq-a[回答です。]\n::faq-q[二つ目の質問は？]\n::faq-a[二つ目の回答。]\n:::'
+}
+
+/**
+ * Text that looks like a directive but is not one. The current attr plugin
+ * turns any name into a tag of the same name, so "参照:example" loses its
+ * ":example" entirely. Pinned here so the migration is seen to fix it.
+ */
+export const notDirectives = {
+  colonWord: '参照:example と note:important を見てください。',
+  functionCall: '関数 foo:bar() を呼びます。',
+  time: '開始は 10:30 です。',
+  ratio: '比率は 16:9 です。',
+  emoji: '絵文字 :smile: です。',
+  todo: 'TODO: あとで直す',
+  xmlAttr: '属性は xml:lang です。',
+  chapter: '第1章:はじめに',
+  // Shapes that lose text today. Each of them appears in real documentation,
+  // and each renders with the part after the colon gone.
+  timeFormat: '開始時刻は HH:MM 形式で記載する。',
+  scopeName: 'スコープ chat:write を付与する。',
+  linkLabel: '[AWSドキュメント:AWS PrivateLink](https://example.com)'
+}
+
+export const headings = {
+  japanese:
+    '## 概要\n\n## はじめに（概要）\n\n## A/B テスト\n\n## サービス・アプリ',
+  duplicated: '## 概要\n\n## 概要\n\n## 概要',
+  withImage: '## ![ロゴ](/a.png) 会社概要',
+  withInlineHtml: '## <b>太字</b> タイトル',
+  withCode: '## `code` を含む見出し'
+}

package/packages/markdown/tests/sanitize.test.ts

@@ -0,0 +1,168 @@
+import sharedDOMPurify from 'dompurify'
+import { describe, expect, it } from 'vitest'
+import { render } from '../src/render'
+
+const html = (markdown: string) => render(markdown).html
+
+/**
+ * The pipeline lets raw HTML through, because 40% of the documents it renders
+ * contain some. These are the things it must not let through with it.
+ */
+describe('sanitize', () => {
+  describe('script', () => {
+    it('should drop a script element', () => {
+      expect(html('<script>alert(1)</script>')).not.toContain('alert')
+    })
+
+    it('should drop an event handler', () => {
+      const out = html('<img src="/a.png" onerror="alert(1)">')
+      expect(out).toContain('src="/a.png"')
+      expect(out).not.toContain('onerror')
+    })
+
+    it('should drop a javascript URL', () => {
+      expect(html('[click](javascript:alert(1))')).not.toContain('javascript:')
+    })
+
+    it('should drop a javascript URL written as a directive', () => {
+      // marked keeps its own URL cleaning to itself, so a renderer writing href
+      // has to bring one; without it this href went straight through.
+      const out = html(':link-button[click]{href=javascript:alert(1)}')
+      expect(out).not.toContain('javascript:')
+    })
+
+    it('should drop a javascript URL in raw HTML', () => {
+      expect(html('<a href="javascript:alert(1)">click</a>')).not.toContain(
+        'javascript:'
+      )
+    })
+  })
+
+  describe('the shared DOMPurify', () => {
+    // DOMPurify's default export is one object for the whole page. A hook put
+    // on it runs for everyone, and anyone calling removeAllHooks takes it back
+    // off again — while sanitize goes on returning a fragment, so nothing says
+    // the filters have gone.
+    it('should not be given this package hooks', () => {
+      html('<div style="position: fixed">x</div>')
+      expect(
+        sharedDOMPurify.sanitize('<div style="position: fixed">x</div>')
+      ).toContain('position: fixed')
+    })
+
+    it('should not be able to take this package filters away', () => {
+      html('<div style="position: fixed">x</div>')
+      sharedDOMPurify.removeAllHooks()
+      expect(html('<div style="position: fixed">x</div>')).not.toContain(
+        'position: fixed'
+      )
+    })
+  })
+
+  describe('data URLs', () => {
+    // The URL cleaner used to let images through while ALLOWED_URI_REGEXP took
+    // them out a step later. Nothing in the content uses one; these say which
+    // of the two was meant.
+    const PIXEL =
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg=='
+
+    it('should drop one written as an image', () => {
+      expect(html(`![点](${PIXEL})`)).not.toContain('data:')
+    })
+
+    it('should drop one written as a directive', () => {
+      expect(html(`::card-img{src=${PIXEL} alt=点}`)).not.toContain('data:')
+    })
+
+    it('should drop one written in raw HTML', () => {
+      expect(html(`<img src="${PIXEL}" alt="点">`)).not.toContain('data:')
+    })
+  })
+
+  describe('style', () => {
+    it('should keep the properties the content uses', () => {
+      const out = html(
+        '<table><tbody><tr><td style="vertical-align: top; white-space: nowrap; width: 15%;">値</td></tr></tbody></table>'
+      )
+      expect(out).toContain('vertical-align: top')
+      expect(out).toContain('white-space: nowrap')
+      expect(out).toContain('width: 15%')
+    })
+
+    it('should drop a fixed overlay', () => {
+      // A transparent box over the page takes every click aimed at what is
+      // underneath it, without a line of script.
+      const out = html(
+        '<div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%">x</div>'
+      )
+      expect(out).not.toContain('position: fixed')
+    })
+
+    it('should keep position relative', () => {
+      const out = html('<div style="position: relative">x</div>')
+      expect(out).toContain('position: relative')
+    })
+
+    it('should drop a url() reference', () => {
+      const out = html(
+        '<div style="background-color: red; background-image: url(https://evil.example/a.png)">x</div>'
+      )
+      expect(out).toContain('background-color: red')
+      expect(out).not.toContain('url(')
+    })
+  })
+
+  describe('frames', () => {
+    it('should keep the video the youtube directive embeds', () => {
+      const out = html('::youtube[題]{video=abc123}')
+      expect(out).toContain('www.youtube-nocookie.com/embed/abc123')
+    })
+
+    it('should drop an iframe pointing anywhere else', () => {
+      expect(html('<iframe src="https://evil.example/x"></iframe>')).not.toContain(
+        'evil.example'
+      )
+    })
+
+    it('should drop an iframe with no source', () => {
+      expect(html('<iframe></iframe>')).not.toContain('<iframe')
+    })
+  })
+
+  describe('links that leave the page', () => {
+    it('should not hand the opener to the page it opens', () => {
+      const out = html('<a href="https://example.com" target="_blank">外部</a>')
+      expect(out).toContain('rel="noopener noreferrer"')
+    })
+
+    it('should say that the link opens elsewhere', () => {
+      const out = html('[外部](https://example.com)')
+      expect(out).toContain('Opens in new tab')
+    })
+  })
+
+  describe('what the content needs', () => {
+    it('should keep a table that spans cells', () => {
+      const out = html(
+        '<table><tbody><tr><td colspan="2" rowspan="3">値</td></tr></tbody></table>'
+      )
+      expect(out).toContain('colspan="2"')
+      expect(out).toContain('rowspan="3"')
+    })
+
+    it('should keep a caption and a column group', () => {
+      const out = html(
+        '<table><caption>表</caption><colgroup><col style="width: 15%;"></colgroup></table>'
+      )
+      expect(out).toContain('<caption')
+      expect(out).toContain('<col')
+    })
+
+    it('should keep a details block and the markdown inside it', () => {
+      const out = html('<details>\n<summary>題</summary>\n\n- 項目\n\n</details>')
+      expect(out).toContain('<details>')
+      expect(out).toContain('<summary>')
+      expect(out).toContain('<li>')
+    })
+  })
+})

package/packages/markdown/tests/server.test.tsx

@@ -0,0 +1,51 @@
+import React from 'react'
+import { renderToString } from 'react-dom/server'
+import { afterEach, describe, expect, it } from 'vitest'
+
+import { Markdown } from '../src'
+
+/**
+ * The pipeline sanitises and styles through the DOM, so it cannot run where
+ * there is no document. What it must not do is throw there: a page that renders
+ * on the server has to reach the browser, where the effect fills the markup in.
+ *
+ * The document is taken away rather than the environment changed, because the
+ * component is only ever server-rendered by a caller who has React but no DOM.
+ */
+const withoutDocument = <T,>(body: () => T): T => {
+  const saved = Object.getOwnPropertyDescriptor(globalThis, 'document')
+  Object.defineProperty(globalThis, 'document', {
+    configurable: true,
+    get() {
+      throw new ReferenceError('document is not defined')
+    }
+  })
+  try {
+    return body()
+  } finally {
+    if (saved) Object.defineProperty(globalThis, 'document', saved)
+    else Reflect.deleteProperty(globalThis, 'document')
+  }
+}
+
+describe('server rendering', () => {
+  afterEach(() => {
+    expect(globalThis.document).toBeDefined()
+  })
+
+  it('should render without a document', () => {
+    expect(() =>
+      withoutDocument(() =>
+        renderToString(<Markdown>{'# 見出し\n\n本文'}</Markdown>)
+      )
+    ).not.toThrow()
+  })
+
+  it('should render nothing rather than half of something', () => {
+    const html = withoutDocument(() =>
+      renderToString(<Markdown showToc>{'# 見出し\n\n本文'}</Markdown>)
+    )
+    expect(html).not.toContain('見出し')
+    expect(html).not.toContain('本文')
+  })
+})

package/packages/markdown/tests/vitest.setup.ts

@@ -0,0 +1,4 @@
+/// <reference types="vitest" />
+// The /vitest entry, not the bare one: that one carries types written against
+// jest's globals, which are not here and which stop the tests typechecking.
+import '@testing-library/jest-dom/vitest'

package/packages/markdown/tsconfig.test.json

@@ -0,0 +1,11 @@
+// tsconfig.json takes in src alone, because that is what the published types
+// are built from. The tests went unchecked as a result, and one of them spent
+// the migration passing a prop that no longer existed, measuring nothing.
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "emitDeclarationOnly": false
+  },
+  "include": ["src", "tests"]
+}

package/packages/markdown/vite.config.ts

@@ -24,7 +24,11 @@ export default defineConfig({
   },
   test: {
     globals: true,
-    environment: 'happy-dom',
+    // jsdom rather than happy-dom, which the rest of the repository uses:
+    // DOMPurify drops the first top-level element under happy-dom, so <p>段落</p>
+    // sanitises to 段落 and a table loses the container it scrolls inside. The
+    // same input is left alone under jsdom, and in a browser.
+    environment: 'jsdom',
     setupFiles: 'tests/vitest.setup.ts'
   }
 })

package/packages/tailwind-theme-plugin/.turbo/turbo-build.log

@@ -9,4 +9,4 @@ rendering chunks...
 computing gzip size...
 dist/index.es.js  160.05 kB │ gzip: 10.15 kB
 dist/index.cjs.js  88.17 kB │ gzip: 8.80 kB
-✓ built in 528ms
+✓ built in 560ms

package/packages/tailwind-theme-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/tailwind-theme-plugin",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "",
   "keywords": [],
   "author": "glassonion1",

package/packages/markdown/dist/types/plugins/attr.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const attrPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=attr.d.ts.map

package/packages/markdown/dist/types/plugins/attr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attr.d.ts","sourceRoot":"","sources":["../../../src/plugins/attr.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SASnB,CAAA"}

package/packages/markdown/dist/types/plugins/card.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const cardPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=card.d.ts.map

package/packages/markdown/dist/types/plugins/card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/plugins/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SA6DnB,CAAA"}

package/packages/markdown/dist/types/plugins/cell.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const cellPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=cell.d.ts.map

package/packages/markdown/dist/types/plugins/cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/plugins/cell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SAqCnB,CAAA"}

package/packages/markdown/dist/types/plugins/faq.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const faqPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=faq.d.ts.map

package/packages/markdown/dist/types/plugins/faq.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../../src/plugins/faq.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,SAAS,SACZ,MAAM,IAAI,SA8BnB,CAAA"}

package/packages/markdown/dist/types/plugins/grid.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const gridPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=grid.d.ts.map

package/packages/markdown/dist/types/plugins/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/plugins/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SA4CnB,CAAA"}

package/packages/markdown/dist/types/plugins/headings.d.ts

@@ -1,11 +0,0 @@
-import type { Root } from 'mdast';
-export type HeadingItem = {
-    id?: string;
-    depth: number;
-    value?: string;
-    children?: Array<HeadingItem>;
-};
-export declare const headingsPlugin: () => (tree: Root, vFile: {
-    data: Record<string, unknown>;
-}) => void;
-//# sourceMappingURL=headings.d.ts.map

package/packages/markdown/dist/types/plugins/headings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"headings.d.ts","sourceRoot":"","sources":["../../../src/plugins/headings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,OAAO,CAAA;AAO1C,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,cAAc,SACjB,MAAM,IAAI,EAAE,OAAO;IAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,SAsB7D,CAAA"}

package/packages/markdown/dist/types/plugins/helper.d.ts

@@ -1,9 +0,0 @@
-import type { Directives } from 'mdast-util-directive';
-import type { Node } from 'unist';
-import type { Heading } from 'mdast';
-export declare const isDirective: (node: Node) => node is Directives;
-export declare const isContainerDirective: (node: Node) => node is Directives;
-export declare const isLeafDirective: (node: Node) => node is Directives;
-export declare const isTextDirective: (node: Node) => node is Directives;
-export declare const isHeading: (node: Node) => node is Heading;
-//# sourceMappingURL=helper.d.ts.map

package/packages/markdown/dist/types/plugins/helper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/plugins/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,KAAG,IAAI,IAAI,UAMhD,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,MAAM,IAAI,KAAG,IAAI,IAAI,UAEzD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,IAAI,IAAI,UAEpD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,IAAI,IAAI,UAEpD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,IAAI,IAAI,OAE9C,CAAA"}

package/packages/markdown/dist/types/plugins/index.d.ts

@@ -1,9 +0,0 @@
-export { youtubePlugin } from './youtube';
-export { attrPlugin } from './attr';
-export { linkButtonPlugin } from './linkButton';
-export { gridPlugin } from './grid';
-export { cellPlugin } from './cell';
-export { cardPlugin } from './card';
-export { faqPlugin } from './faq';
-export { headingsPlugin, type HeadingItem } from './headings';
-//# sourceMappingURL=index.d.ts.map

package/packages/markdown/dist/types/plugins/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA"}

package/packages/markdown/dist/types/plugins/linkButton.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const linkButtonPlugin: () => (tree: Root) => void;
-//# sourceMappingURL=linkButton.d.ts.map

package/packages/markdown/dist/types/plugins/linkButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/linkButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,gBAAgB,SACnB,MAAM,IAAI,SAgBnB,CAAA"}

package/packages/markdown/dist/types/plugins/youtube.d.ts

@@ -1,3 +0,0 @@
-import type { Root } from 'mdast';
-export declare const youtubePlugin: () => (tree: Root) => void;
-//# sourceMappingURL=youtube.d.ts.map

package/packages/markdown/dist/types/plugins/youtube.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../src/plugins/youtube.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAOjC,eAAO,MAAM,aAAa,SAChB,MAAM,IAAI,SAwCnB,CAAA"}

package/packages/markdown/src/plugins/attr.ts

@@ -1,19 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isDirective } from './helper'
-
-// This plugin is an example to turn `::node` into divs, passing arbitrary
-// attributes.
-export const attrPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isDirective, (node: Directives) => {
-      node.data = node.data ?? {}
-      const hast = h(node.name, node.attributes || {})
-
-      node.data.hName = hast.tagName
-      node.data.hProperties = hast.properties
-    })
-  }
-}

package/packages/markdown/src/plugins/card.ts

@@ -1,71 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isDirective } from './helper'
-
-// This plugin is to turn `:::card` into divs, passing arbitrary
-// attributes.
-export const cardPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isDirective, (node: Directives) => {
-      if (node.type !== 'containerDirective') {
-        return
-      }
-      if (node.name !== 'card') {
-        return
-      }
-
-      node.data = node.data ?? {}
-
-      const tagName = 'article'
-
-      node.data.hName = tagName
-
-      node.attributes = node.attributes ?? {}
-      node.attributes['data-node'] = node.name
-
-      if (node.attributes.as === 'link') {
-        node.attributes.as = undefined
-        node.attributes['data-behavior'] = 'link'
-        node.attributes['data-href'] = node.attributes.href || ''
-      }
-
-      node.data.hProperties = h(tagName, node.attributes).properties
-
-      const attributes = node.attributes
-      const isLink = attributes['data-behavior'] === 'link'
-
-      node.children.forEach((child) => {
-        if (!isDirective(child)) {
-          return
-        }
-
-        child.data = child.data ?? {}
-
-        let tagName = 'div'
-        if (child.name === 'card-img') {
-          tagName = 'img'
-        }
-
-        child.data.hName = tagName
-
-        child.attributes = child.attributes ?? {}
-        child.attributes['data-node'] = child.name
-
-        // The title carries the link, so it needs the href of the card. The
-        // footer only needs to know that it belongs to a link card, to render
-        // the arrow. A child cannot read its parent once this is a React tree,
-        // so the marker is copied down here.
-        if (isLink && (child.name === 'card-title' || child.name === 'card-footer')) {
-          child.attributes['data-behavior'] = 'link'
-          if (child.name === 'card-title') {
-            child.attributes['data-href'] = attributes['data-href'] || ''
-          }
-        }
-
-        child.data.hProperties = h(tagName, child.attributes).properties
-      })
-    })
-  }
-}

package/packages/markdown/src/plugins/cell.ts

@@ -1,47 +0,0 @@
-import type { Root } from 'mdast'
-import { h } from 'hastscript'
-import { visit } from 'unist-util-visit'
-import type { Directives } from 'mdast-util-directive'
-import { isContainerDirective, isDirective } from './helper'
-
-// This plugin is to turn `:::cell` into divs, passing arbitrary
-// attributes.
-export const cellPlugin = () => {
-  return (tree: Root) => {
-    visit(tree, isContainerDirective, (node: Directives) => {
-      if (node.name !== 'cell') {
-        return
-      }
-
-      node.data = node.data ?? {}
-      const tagName = 'div'
-
-      node.data.hName = tagName
-
-      node.attributes = node.attributes ?? {}
-      node.attributes['data-node'] = node.name
-
-      node.data.hProperties = h(tagName, node.attributes).properties
-
-      node.children.forEach((child) => {
-        if (!isDirective(child)) {
-          return
-        }
-        if (child.name !== 'cell-img') {
-          return
-        }
-
-        child.data = child.data ?? {}
-
-        const tagName = 'img'
-
-        child.data.hName = tagName
-
-        child.attributes = child.attributes ?? {}
-        child.attributes['data-node'] = child.name
-
-        child.data.hProperties = h(tagName, child.attributes).properties
-      })
-    })
-  }
-}