@tinacms/mdx 1.2.0 → 1.3.1

package/dist/parse/index.d.ts

@@ -5,7 +5,6 @@
 */
 import { RichTextParseError } from './remarkToPlate';
 import type { RichTypeInner } from '@tinacms/schema-tools';
-import type * as Md from 'mdast';
 import type * as Plate from './plate';
 /**
  * ### Convert the MDXAST into an API-friendly format
@@ -56,7 +55,8 @@ import type * as Plate from './plate';
  * 2. We don't need to do any client-side parsing. Since TinaMarkdown and the slate editor work with the same
  * format we can just allow Tina to do it's thing and update the form value with no additional work.
  */
-export declare const markdownToAst: (value: string, field: RichTypeInner) => Md.Root;
+export declare const markdownToAst: (value: string, field: RichTypeInner) => import("mdast").Root;
+export declare const mdxToAst: (value: string) => import("mdast").Root;
 export declare const MDX_PARSE_ERROR_MSG = "TinaCMS supports a stricter version of markdown and a subset of MDX. https://tina.io/docs/editing/mdx/#differences-from-other-mdx-implementations";
 export declare const MDX_PARSE_ERROR_MSG_HTML = "TinaCMS supports a stricter version of markdown and a subset of MDX. <a href=\"https://tina.io/docs/editing/mdx/#differences-from-other-mdx-implementations\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More</a>";
 export declare const parseMDX: (value: string, field: RichTypeInner, imageCallback: (s: string) => string) => Plate.RootElement;

package/dist/parse/mdx.d.ts

@@ -6,5 +6,8 @@
 import type { MdxJsxTextElement, MdxJsxFlowElement } from 'mdast-util-mdx-jsx';
 import type { RichTypeInner } from '@tinacms/schema-tools';
 import type * as Plate from './plate';
+import { ContainerDirective } from 'mdast-util-directive';
+import { LeafDirective } from 'mdast-util-directive/lib';
 export declare function mdxJsxElement(node: MdxJsxTextElement, field: RichTypeInner, imageCallback: (url: string) => string): Plate.MdxInlineElement;
 export declare function mdxJsxElement(node: MdxJsxFlowElement, field: RichTypeInner, imageCallback: (url: string) => string): Plate.MdxBlockElement;
+export declare const directiveElement: (node: ContainerDirective | LeafDirective, field: RichTypeInner, imageCallback: (url: string) => string, raw?: string | undefined) => Plate.BlockElement | Plate.ParagraphElement;

package/dist/parse/remarkToPlate.d.ts

@@ -7,6 +7,7 @@ import type * as Md from 'mdast';
 import type * as Plate from './plate';
 import type { RichTypeInner } from '@tinacms/schema-tools';
 import type { MdxJsxTextElement, MdxJsxFlowElement } from 'mdast-util-mdx-jsx';
+import { ContainerDirective } from 'mdast-util-directive';
 export type { Position, PositionItem } from './plate';
 declare module 'mdast' {
     interface StaticPhrasingContentMap {
@@ -22,7 +23,7 @@ declare module 'mdast' {
         mdxJsxFlowElement: MdxJsxFlowElement;
     }
 }
-export declare const remarkToSlate: (root: Md.Root | MdxJsxFlowElement | MdxJsxTextElement, field: RichTypeInner, imageCallback: (url: string) => string) => Plate.RootElement;
+export declare const remarkToSlate: (root: Md.Root | MdxJsxFlowElement | MdxJsxTextElement | ContainerDirective, field: RichTypeInner, imageCallback: (url: string) => string, raw?: string | undefined) => Plate.RootElement;
 export declare class RichTextParseError extends Error {
     position?: Plate.Position;
     constructor(message: string, position?: Plate.Position);

package/dist/stringify/acorn.d.ts

@@ -9,9 +9,13 @@ export declare const stringifyPropsInline: (element: Plate.MdxInlineElement, fie
 export declare function stringifyProps(element: Plate.MdxInlineElement, parentField: RichTypeInner, flatten: boolean, imageCallback: (url: string) => string): {
     attributes: MdxJsxAttribute[];
     children: Md.PhrasingContent[];
+    useDirective: boolean;
+    directiveType: string;
 };
 export declare function stringifyProps(element: Plate.MdxBlockElement, parentField: RichTypeInner, flatten: boolean, imageCallback: (url: string) => string): {
     attributes: MdxJsxAttribute[];
     children: Md.BlockContent[];
+    useDirective: boolean;
+    directiveType: string;
 };
 export declare function assertShape<T extends unknown>(value: unknown, callback: (item: any) => boolean, errorMessage?: string): asserts value is T;

package/dist/stringify/index.d.ts

@@ -22,6 +22,14 @@ declare module 'mdast' {
     }
 }
 export declare const stringifyMDX: (value: Plate.RootElement, field: RichTypeInner, imageCallback: (url: string) => string) => string | undefined;
+export declare type Pattern = {
+    start: string;
+    end: string;
+    name: string;
+    templateName: string;
+    type: 'block' | 'leaf';
+};
+export declare const toTinaMarkdown: (tree: Md.Root, field: RichTypeInner) => string;
 export declare const rootElement: (content: Plate.RootElement, field: RichTypeInner, imageCallback: (url: string) => string) => Md.Root;
 export declare const blockElement: (content: Plate.BlockElement, field: RichTypeInner, imageCallback: (url: string) => string) => Md.Content | null;
 export declare type Marks = 'strong' | 'emphasis' | 'inlineCode';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinacms/mdx",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "typings": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -23,18 +23,50 @@
     ]
   },
   "dependencies": {
-    "@tinacms/schema-tools": "1.3.0",
+    "@tinacms/schema-tools": "1.3.2",
+    "@types/mdast": "^3.0.10",
+    "@types/unist": "^2.0.6",
     "acorn": "^8.7.1",
     "concat-md": "^0.5.0",
     "lodash-es": "^4.17.21",
+    "mdast": "^3.0.0",
+    "mdast-util-directive": "^2.2.2",
+    "mdast-util-from-markdown": "^1.3.0",
+    "mdast-util-frontmatter": "^1.0.0",
+    "mdast-util-gfm": "^2.0.1",
+    "mdast-util-gfm-table": "^1.0.6",
+    "mdast-util-mdx": "2.0.0",
     "mdast-util-mdx-jsx": "^2.0.1",
     "mdast-util-to-markdown": "^1.3.0",
+    "mdast-util-toc": "^6.1.0",
+    "micromark": "^3.1.0",
+    "micromark-core-commonmark": "^1.0.6",
+    "micromark-extension-directive": "^2.1.2",
+    "micromark-extension-frontmatter": "^1.0.0",
+    "micromark-extension-gfm": "^2.0.1",
+    "micromark-extension-mdx": "1.0.0",
+    "micromark-extension-mdx-jsx": "1.0.3",
+    "micromark-extension-mdxjs": "1.0.0",
+    "micromark-factory-space": "^1.0.0",
+    "micromark-factory-whitespace": "^1.0.0",
+    "micromark-util-character": "^1.1.0",
+    "micromark-util-chunked": "^1.0.0",
+    "micromark-util-classify-character": "^1.0.0",
+    "micromark-util-normalize-identifier": "^1.0.0",
+    "micromark-util-resolve-all": "^1.0.0",
+    "micromark-util-symbol": "^1.0.1",
+    "micromark-util-types": "^1.0.2",
+    "parse-entities": "^4.0.0",
     "prettier": "^2.7.1",
     "remark": "^14.0.2",
     "remark-mdx": "^2.1.2",
+    "stringify-entities": "^4.0.3",
     "typedoc": "^0.23.21",
     "typedoc-plugin-markdown": "^3.13.6",
+    "unist-util-source": "^4.0.2",
     "unist-util-visit": "^4.1.0",
+    "unist-util-visit-parents": "^5.1.3",
+    "uvu": "^0.5.6",
     "vfile": "^4.2.0"
   },
   "publishConfig": {
@@ -47,6 +79,8 @@
   "devDependencies": {
     "@swc/core": "^1.2.210",
     "@swc/jest": "^0.2.21",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
     "@tinacms/scripts": "1.0.2",
     "@types/cors": "^2.8.7",
     "@types/estree": "^0.0.50",
@@ -60,8 +94,10 @@
     "@types/node": "^14.18.21",
     "@types/normalize-path": "^3.0.0",
     "@types/prettier": "^2.6.3",
+    "@types/react": "^18.0.27",
     "@types/ws": "^7.2.6",
     "@types/yup": "^0.29.7",
+    "@vitejs/plugin-react": "^2.1.0",
     "c8": "^7.11.3",
     "estree-jsx": "^0.0.1",
     "jest": "^28.1.2",
@@ -70,6 +106,11 @@
     "jest-matcher-utils": "^28.1.1",
     "mdast": "^3.0.0",
     "nodemon": "2.0.19",
+    "postcss": "^8.4.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-monaco-editor": "^0.51.0",
+    "tailwindcss": "^3.2.4",
     "ts-node": "^10.8.2",
     "typescript": "^4.7.4",
     "vite": "^3.0.2",

package/dist/tests/autotest/invalid mdx with a closing tag.test.d.ts

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

package/dist/tests/autotest/invalid mdx with a const expression.test.d.ts

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

package/dist/tests/autotest/invalid mdx with an expression {{}}.test.d.ts

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

package/dist/tests/autotest/invalid mdx with an expression.test.d.ts

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

package/dist/tests/autotest/invalid mdx with an import statement.test.d.ts

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