@tinacms/mdx 0.0.0-20220718181631 → 0.60.3

package/dist/tests/autotest/kitchen sink.test.js

@@ -0,0 +1,144 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './kitchen sink.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        { type: 'p', children: [{ type: 'text', text: 'This is a paragraph.' }] },
+        { type: 'h1', children: [{ type: 'text', text: 'Header 1' }] },
+        { type: 'h2', children: [{ type: 'text', text: 'Header 2' }] },
+        { type: 'h3', children: [{ type: 'text', text: 'Header 3' }] },
+        { type: 'h4', children: [{ type: 'text', text: 'Header 4' }] },
+        { type: 'h5', children: [{ type: 'text', text: 'Header 5' }] },
+        { type: 'h6', children: [{ type: 'text', text: 'Header 6' }] },
+        {
+            type: 'blockquote',
+            children: [
+                {
+                    type: 'text',
+                    text: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.'
+                },
+            ]
+        },
+        {
+            type: 'ul',
+            children: [
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'Red' }] },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'Green' }] },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'Blue' }] },
+                    ]
+                },
+            ]
+        },
+        {
+            type: 'code_block',
+            lang: 'markdown',
+            value: '- Red\n- Green\n- Blue',
+            children: [{ type: 'text', text: '' }]
+        },
+        {
+            type: 'ol',
+            children: [
+                {
+                    type: 'li',
+                    children: [
+                        {
+                            type: 'lic',
+                            children: [{ type: 'text', text: 'Buy flour and salt' }]
+                        },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        {
+                            type: 'lic',
+                            children: [{ type: 'text', text: 'Mix together with water' }]
+                        },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'Bake' }] },
+                    ]
+                },
+            ]
+        },
+        { type: 'hr', children: [{ type: 'text', text: '' }] },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'This is ' },
+                {
+                    type: 'a',
+                    url: 'http://example.com',
+                    title: 'Example',
+                    children: [{ type: 'text', text: 'an example' }]
+                },
+                { type: 'text', text: ' link.' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                {
+                    type: 'a',
+                    url: 'http://example.com',
+                    title: null,
+                    children: [{ type: 'text', text: 'This link' }]
+                },
+                { type: 'text', text: ' has no title attr.' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [{ type: 'text', text: 'single asterisks', italic: true }]
+        },
+        {
+            type: 'p',
+            children: [{ type: 'text', text: 'double asterisks', bold: true }]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'This paragraph has some ' },
+                { type: 'text', text: 'code', code: true },
+                { type: 'text', text: ' in it.' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                {
+                    type: 'img',
+                    url: 'https://get.svg.workers.dev',
+                    alt: 'Alt Text',
+                    caption: 'Image Title',
+                    children: [{ type: 'text', text: '' }]
+                },
+            ]
+        },
+    ]
+});
+describe('./kitchen sink.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/links.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/links.test.js

@@ -0,0 +1,29 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './links.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Click ' },
+                {
+                    type: 'a',
+                    url: 'https://example.com',
+                    title: 'Tester',
+                    children: [{ type: 'text', text: 'here' }]
+                },
+                { type: 'text', text: ' to join now' },
+            ]
+        },
+    ]
+});
+describe('./links.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/lists.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/lists.test.js

@@ -0,0 +1,110 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './lists.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'ul',
+            children: [
+                {
+                    type: 'li',
+                    children: [
+                        {
+                            type: 'lic',
+                            children: [{ type: 'text', text: 'This is an item' }]
+                        },
+                        {
+                            type: 'ul',
+                            children: [
+                                {
+                                    type: 'li',
+                                    children: [
+                                        {
+                                            type: 'lic',
+                                            children: [{ type: 'text', text: 'this is a sub-item' }]
+                                        },
+                                    ]
+                                },
+                            ]
+                        },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        {
+                            type: 'lic',
+                            children: [{ type: 'text', text: 'this is another item' }]
+                        },
+                    ]
+                },
+            ]
+        },
+        { type: 'hr', children: [{ type: 'text', text: '' }] },
+        {
+            type: 'ul',
+            children: [
+                {
+                    type: 'li',
+                    children: [
+                        {
+                            type: 'lic',
+                            children: [
+                                { type: 'text', text: 'this is an ' },
+                                { type: 'text', text: 'item', bold: true },
+                                { type: 'text', text: ' and a ' },
+                                {
+                                    type: 'a',
+                                    url: 'http://example.com',
+                                    title: null,
+                                    children: [{ type: 'text', text: 'link' }]
+                                },
+                            ]
+                        },
+                    ]
+                },
+            ]
+        },
+        { type: 'hr', children: [{ type: 'text', text: '' }] },
+        {
+            type: 'ul',
+            children: [
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'list item 1' }] },
+                        {
+                            type: 'ol',
+                            children: [
+                                {
+                                    type: 'li',
+                                    children: [
+                                        {
+                                            type: 'lic',
+                                            children: [{ type: 'text', text: 'sub list item 1A' }]
+                                        },
+                                    ]
+                                },
+                            ]
+                        },
+                    ]
+                },
+                {
+                    type: 'li',
+                    children: [
+                        { type: 'lic', children: [{ type: 'text', text: 'list item 2' }] },
+                    ]
+                },
+            ]
+        },
+    ]
+});
+describe('./lists.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/marks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/marks.test.js

@@ -0,0 +1,102 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './marks.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Some ' },
+                { type: 'text', text: 'bold', bold: true },
+                { type: 'text', text: ' text' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Some ' },
+                { type: 'text', text: 'bold and emphasized', italic: true, bold: true },
+                { type: 'text', text: ' text' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Marks with ' },
+                { type: 'text', text: 'emphasized text nesting ', italic: true },
+                { type: 'text', text: 'bold', italic: true, bold: true },
+                { type: 'text', text: ' text', italic: true },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Hello ', bold: true },
+                { type: 'text', text: 'world', bold: true, italic: true },
+                { type: 'text', text: ', again', bold: true },
+                { type: 'text', text: ' ' },
+                { type: 'text', text: 'here', italic: true },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Some ' },
+                { type: 'text', text: 'inline code', code: true },
+                { type: 'text', text: ' examples' },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Hello ', italic: true },
+                { type: 'text', text: 'some code', code: true, italic: true },
+                { type: 'text', text: ', again', italic: true },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Hello ', bold: true },
+                {
+                    type: 'a',
+                    url: 'https://example.com',
+                    title: 'Example Site',
+                    children: [{ type: 'text', text: 'world', bold: true }]
+                },
+            ]
+        },
+        {
+            type: 'p',
+            children: [
+                { type: 'text', text: 'Hello ', italic: true, bold: true },
+                {
+                    type: 'a',
+                    url: 'https://example.com',
+                    title: 'Example Site',
+                    children: [{ type: 'text', text: 'world', italic: true, bold: true }]
+                },
+                {
+                    type: 'text',
+                    text: ' And some other text, which has a ',
+                    italic: true
+                },
+                {
+                    type: 'a',
+                    url: 'https://something.com',
+                    title: null,
+                    children: [{ type: 'text', text: 'link to something', italic: true }]
+                },
+            ]
+        },
+    ]
+});
+describe('./marks.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx field with a scalar field as a list.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx field with a scalar field as a list.test.js

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx field with a scalar field as a list.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'Ratings',
+            children: [{ type: 'text', text: '' }],
+            props: { value: [1, 2, 3] }
+        },
+    ]
+});
+describe('./mdx field with a scalar field as a list.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx which hasnt been registered returns html.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx which hasnt been registered returns html.test.js

@@ -0,0 +1,26 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx which hasnt been registered returns html.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'html',
+            value: '<SomeUnregisteredComponen hello="world" />',
+            children: [{ type: 'text', text: '' }]
+        },
+        {
+            type: 'html',
+            value: '<SomeUnregisteredComponen>\n  # Some markdown in the child\n</SomeUnregisteredComponen>',
+            children: [{ type: 'text', text: '' }]
+        },
+    ]
+});
+describe('./mdx which hasnt been registered returns html.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with a boolean field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with a boolean field.test.js

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with a boolean field.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'MaybeShow',
+            children: [{ type: 'text', text: '' }],
+            props: { toggle: true }
+        },
+    ]
+});
+describe('./mdx with a boolean field.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with a number field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with a number field.test.js

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with a number field.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'Count',
+            children: [{ type: 'text', text: '' }],
+            props: { number: 1 }
+        },
+    ]
+});
+describe('./mdx with a number field.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with a srtring field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with a srtring field.test.js

@@ -0,0 +1,28 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with a srtring field.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'p',
+            children: [
+                {
+                    type: 'mdxJsxTextElement',
+                    name: 'Greeting',
+                    children: [{ type: 'text', text: '' }],
+                    props: { message: 'Hello' }
+                },
+                { type: 'text', text: ' world!' },
+            ]
+        },
+    ]
+});
+describe('./mdx with a srtring field.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with multiple rich-text fields.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with multiple rich-text fields.test.js

@@ -0,0 +1,53 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with multiple rich-text fields.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'Cta',
+            children: [{ type: 'text', text: '' }],
+            props: {
+                description: {
+                    type: 'root',
+                    children: [
+                        {
+                            type: 'p',
+                            children: [
+                                { type: 'text', text: 'Read our privacy policy ' },
+                                {
+                                    type: 'a',
+                                    url: 'http://example.com',
+                                    title: null,
+                                    children: [{ type: 'text', text: 'here' }]
+                                },
+                            ]
+                        },
+                    ]
+                },
+                children: {
+                    type: 'root',
+                    children: [
+                        {
+                            type: 'p',
+                            children: [
+                                { type: 'text', text: 'Click ' },
+                                { type: 'text', text: 'here', bold: true },
+                                { type: 'text', text: '!' },
+                            ]
+                        },
+                    ]
+                }
+            }
+        },
+    ]
+});
+describe('./mdx with multiple rich-text fields.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with nested children.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with nested children.test.js

@@ -0,0 +1,35 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with nested children.md?raw';
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'Blockquote',
+            children: [{ type: 'text', text: '' }],
+            props: {
+                author: 'Pedro',
+                children: {
+                    type: 'root',
+                    children: [
+                        {
+                            type: 'h1',
+                            children: [
+                                { type: 'text', text: 'here is some nested rich text' },
+                            ]
+                        },
+                    ]
+                }
+            }
+        },
+    ]
+});
+describe('./mdx with nested children.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with nested null children.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/autotest/mdx with nested null children.test.js

@@ -0,0 +1,23 @@
+import { describe, it, expect } from 'vitest';
+import { field, output, parseMDX, stringifyMDX } from './_config';
+import markdownString from './mdx with nested null children.md?raw';
+undefined;
+var out = output({
+    type: 'root',
+    children: [
+        {
+            type: 'mdxJsxFlowElement',
+            name: 'Blockquote',
+            children: [{ type: 'text', text: '' }],
+            props: { author: 'Pedro', children: { type: 'root', children: [] } }
+        },
+    ]
+});
+describe('./mdx with nested null children.md', function () {
+    it('parses the string in the expected AST', function () {
+        expect(parseMDX(markdownString, field, function (v) { return v; })).toMatchObject(out);
+    });
+    it('stringifies the AST into the expect string', function () {
+        expect(stringifyMDX(out, field, function (v) { return v; })).toEqual(markdownString);
+    });
+});

package/dist/tests/autotest/mdx with number list field.test.d.ts

@@ -0,0 +1 @@
+export {};