Migrate to djot

posthtml-djot/test/expected/basic.html

@@ -0,0 +1,19 @@
+<h1>Heading 1</h1>
+
+
+<p>Paragraph with some text</p>
+
+
+<div>
+<ul>
+<li>List item 1</li>
+<li>List item 2</li>
+<li>List item 3</li>
+</ul>
+</div>
+
+<section>
+<blockquote>
+<p>A quote</p>
+</blockquote>
+</section>

posthtml-djot/test/expected/change-tag.html

@@ -0,0 +1,3 @@
+<section>
+<h1>A markdown heading</h1>
+</section>

posthtml-djot/test/expected/code.html

@@ -0,0 +1,5 @@
+<h1>Heading</h1>
+<pre><code class="language-js">function () {
+  console.log(&quot;Hello&quot;)
+}
+</code></pre>

posthtml-djot/test/expected/importing-inline.html

@@ -0,0 +1 @@
+Hello <em>there</em>

posthtml-djot/test/expected/importing.html

@@ -0,0 +1,2 @@
+<h1>Hello there</h1>
+<h2>Imported content should be above me</h2>

posthtml-djot/test/expected/md-options.html

@@ -0,0 +1 @@
+<p><a href="https://example.com">https://example.com</a></p>

posthtml-djot/test/expected/md-plugin.html

@@ -0,0 +1 @@
+<p>You can use emojis 😃</p>

posthtml-djot/test/fixtures/basic.html

@@ -0,0 +1,17 @@
+<md>
+  # Heading 1
+</md>
+
+<markdown>
+  Paragraph with some text
+</markdown>
+
+<div md>
+  - List item 1
+  - List item 2
+  - List item 3
+</div>
+
+<section markdown>
+  > A quote
+</section>

posthtml-djot/test/fixtures/change-tag.html

@@ -0,0 +1,3 @@
+<md tag="section">
+  # A markdown heading
+</md>

posthtml-djot/test/fixtures/code.html

@@ -0,0 +1,9 @@
+<md>
+    # Heading
+
+    ```js
+    function () {
+      console.log("Hello")
+    }
+    ```
+</md>

posthtml-djot/test/fixtures/importing-inline.html

@@ -0,0 +1 @@
+<md src="test/fixtures/test-inline.md" inline></md>

posthtml-djot/test/fixtures/importing.html

@@ -0,0 +1,3 @@
+<md src="test/fixtures/test.md">
+  ## Imported content should be above me
+</md>

posthtml-djot/test/fixtures/md-options.html

@@ -0,0 +1,3 @@
+<md>
+  https://example.com
+</md>

posthtml-djot/test/fixtures/md-plugin.html

@@ -0,0 +1,3 @@
+<md>
+  You can use emojis :)
+</md>

posthtml-djot/test/fixtures/test-inline.md

@@ -0,0 +1 @@
+Hello _there_

posthtml-djot/test/fixtures/test.md

@@ -0,0 +1 @@
+# Hello there

posthtml-djot/test/test.js

@@ -0,0 +1,59 @@
+import path from 'node:path'
+import {readFileSync} from 'node:fs'
+import {fileURLToPath} from 'node:url'
+import plugin from '../lib/index.js'
+import {test, expect} from 'vitest'
+import posthtml from 'posthtml'
+import {light as emoji} from 'markdown-it-emoji'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const fixture = file => readFileSync(path.join(__dirname, 'fixtures', `${file}.html`), 'utf8').trim()
+const expected = file => readFileSync(path.join(__dirname, 'expected', `${file}.html`), 'utf8').trim()
+
+const clean = html => html.replace(/[^\S\r\n]+$/gm, '').trim()
+
+const process = (_t, name, options, log = false) => {
+  return posthtml([plugin(options)])
+    .process(fixture(name))
+    .then(result => log ? console.log(result.html) : clean(result.html))
+    .then(html => expect(html).toEqual(expected(name)))
+}
+
+test('Basic', t => {
+  return process(t, 'basic')
+})
+
+test('Fenced code block', t => {
+  return process(t, 'code')
+})
+
+test('Custom tag', t => {
+  return process(t, 'change-tag')
+})
+
+test('Render markdown in imported file', t => {
+  return process(t, 'importing')
+})
+
+test('Render markdown inline from imported file', t => {
+  return process(t, 'importing-inline')
+})
+
+test('Uses markdown-it plugins', t => {
+  return process(t, 'md-plugin', {
+    plugins: [
+      {
+        plugin: emoji
+      }
+    ]
+  })
+})
+
+test('Uses markdown-it options', t => {
+  return process(t, 'md-options', {
+    markdownit: {
+      linkify: true
+    }
+  })
+})