tinacms 0.0.0-c5dad82-20241009225242 → 0.0.0-c72bb45-20241118014035

package/dist/{node-cache-7fa2452c.mjs → node-cache-4c336858.mjs}

@@ -1,18 +1,24 @@
-const makeCacheDir = async (dir, fs) => {
-  const path = await import("./__vite-browser-external-d06ac358.mjs");
-  const os = await import("./__vite-browser-external-d06ac358.mjs");
-  const parts = dir.split(path.sep).filter(Boolean);
+const makeCacheDir = async (dir, fs, path, os) => {
+  const pathParts = dir.split(path.sep).filter(Boolean);
+  const cacheHash = pathParts[pathParts.length - 1];
+  const rootUser = pathParts[0];
   let cacheDir = dir;
-  if (!fs.existsSync(path.join(path.sep, parts[0]))) {
-    cacheDir = path.join(os.tmpdir(), parts[parts.length - 1]);
+  if (!fs.existsSync(path.join(path.sep, rootUser))) {
+    cacheDir = path.join(os.tmpdir(), cacheHash);
+  }
+  try {
+    fs.mkdirSync(cacheDir, { recursive: true });
+  } catch (error) {
+    throw new Error(`Failed to create cache directory: ${error.message}`);
   }
-  fs.mkdirSync(cacheDir, { recursive: true });
   return cacheDir;
 };
 const NodeCache = async (dir) => {
-  const fs = await import("./__vite-browser-external-d06ac358.mjs");
-  const { createHash } = await import("./__vite-browser-external-d06ac358.mjs");
-  const cacheDir = await makeCacheDir(dir, fs);
+  const fs = require("node:fs");
+  const path = require("node:path");
+  const os = require("node:os");
+  const { createHash } = require("node:crypto");
+  const cacheDir = await makeCacheDir(dir, fs, path, os);
   return {
     makeKey: (key) => {
       const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
@@ -39,5 +45,6 @@ const NodeCache = async (dir) => {
   };
 };
 export {
-  NodeCache
+  NodeCache,
+  makeCacheDir
 };

package/dist/rich-text/index.d.ts

@@ -65,6 +65,9 @@ type BaseComponents = {
         lang?: string;
         value: string;
     };
+    mermaid?: {
+        value: string;
+    };
     img?: {
         url: string;
         caption?: string;

package/dist/rich-text/index.js

@@ -117,7 +117,8 @@
           // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
           /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
         );
-      case "code_block":
+      case "mermaid":
+      case "code_block": {
         const value = child.value;
         if (components[child.type]) {
           const Component2 = components[child.type];
@@ -127,6 +128,7 @@
           );
         }
         return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, value));
+      }
       case "hr":
         if (components[child.type]) {
           const Component2 = components[child.type];

package/dist/rich-text/index.mjs

@@ -114,7 +114,8 @@ const Node = ({ components, child }) => {
         // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
         /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
       );
-    case "code_block":
+    case "mermaid":
+    case "code_block": {
       const value = child.value;
       if (components[child.type]) {
         const Component2 = components[child.type];
@@ -124,6 +125,7 @@ const Node = ({ components, child }) => {
         );
       }
       return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, value));
+    }
     case "hr":
       if (components[child.type]) {
         const Component2 = components[child.type];

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/fixed-toolbar-buttons.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-export type ToolbarItem = {
-    label: string;
-    Component: React.ReactNode;
-};
 export default function FixedToolbarButtons(): React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/icons.d.ts

@@ -33,6 +33,7 @@ export declare const Icons: {
     chevronsUpDown: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     clear: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     close: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    paint: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     codeblock: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     color: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     column: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
@@ -55,6 +56,7 @@ export declare const Icons: {
     kbd: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     lineHeight: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     minus: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    mermaid: () => React.JSX.Element;
     more: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     outdent: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     paragraph: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/mermaid-element.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const MermaidElement: React.ForwardRefExoticComponent<Omit<Omit<{
+    elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+} & Omit<{
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    asChild?: boolean | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+    ref?: React.Ref<any>;
+} & import("@udecode/plate-common").PlateRenderNodeProps<import("@udecode/plate-common").Value, import("@udecode/plate-common").PlateEditor<import("@udecode/plate-common").Value>> & {
+    element: import("@udecode/plate-common").TElement;
+} & Omit<import("slate-react").RenderElementProps, "element"> & React.RefAttributes<HTMLDivElement>, "ref">, never> & React.RefAttributes<any>>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/mermaid-toolbar-button.d.ts

@@ -0,0 +1,20 @@
+import { type PlateEditor } from '@udecode/plate-common';
+import React from 'react';
+export declare const insertEmptyMermaid: (editor: PlateEditor) => void;
+export declare const MermaidToolbarButton: React.ForwardRefExoticComponent<{
+    clear?: string | string[];
+} & Omit<Omit<{
+    tooltip?: React.ReactNode;
+    tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
+    tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
+} & Omit<{
+    isDropdown?: boolean;
+    pressed?: boolean;
+    showArrow?: boolean;
+} & Omit<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "default" | "outline";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "default" | "outline";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, "clear"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/text-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/custom/mermaid-plugin.d.ts

@@ -0,0 +1,2 @@
+export declare const ELEMENT_MERMAID = "mermaid";
+export declare const createMermaidPlugin: <OP = import("@udecode/plate-common").AnyObject, OV extends import("@udecode/plate-common").Value = import("@udecode/plate-common").Value, OE extends import("@udecode/plate-common").PlateEditor<OV> = import("@udecode/plate-common").PlateEditor<OV>>(override?: Partial<import("@udecode/plate-common").PlatePlugin<import("@udecode/plate-common").NoInfer<OP>, OV, OE>>, overrideByKey?: import("@udecode/plate-common").OverrideByKey<OV, OE>) => import("@udecode/plate-common").PlatePlugin<import("@udecode/plate-common").NoInfer<OP>, OV, OE>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/ui/code-block/index.d.ts

@@ -1,9 +1,11 @@
-import React from 'react';
 import { type PlateEditor, type TElement } from '@udecode/plate-common';
-export declare const CodeBlock: ({ attributes, editor, element, language: restrictLanguage, ...props }: {
+import React from 'react';
+export declare const CodeBlock: ({ attributes, editor, element, language: restrictLanguage, onChangeCallback, defaultValue, ...props }: {
     attributes: Record<string, unknown>;
     element: TElement;
     editor: PlateEditor;
     language?: string;
     children: React.ReactNode;
+    defaultValue?: unknown;
+    onChangeCallback?: (value: string) => void;
 }) => React.JSX.Element;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/plugins/ui/components.d.ts

@@ -60,6 +60,16 @@ export declare const Components: () => {
         editor: any;
         element: any;
     }) => React.JSX.Element;
+    mermaid: React.ForwardRefExoticComponent<Omit<Omit<{
+        elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
+    } & Omit<{
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        asChild?: boolean | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
+        ref?: React.Ref<any>;
+    } & import("@udecode/plate-common").PlateRenderNodeProps<import("@udecode/plate-common").Value, import("@udecode/plate-common").PlateEditor<import("@udecode/plate-common").Value>> & {
+        element: import("@udecode/plate-common").TElement;
+    } & Omit<import("slate-react").RenderElementProps, "element"> & React.RefAttributes<HTMLDivElement>, "ref">, never> & React.RefAttributes<any>>;
     blockquote: React.ForwardRefExoticComponent<Omit<Omit<{
         elementToAttributes?: (element: import("@udecode/plate-common").TElement) => any;
     } & Omit<{

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-overrides.d.ts

@@ -1,4 +1,8 @@
-export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'raw' | 'embed' | 'table';
-export declare const ICON_WIDTH = 32;
+export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'mermaid' | 'raw' | 'embed' | 'table';
+export declare const STANDARD_ICON_WIDTH = 32;
+export declare const HEADING_ICON_WITH_TEXT = 127;
+export declare const HEADING_ICON_ONLY = 58;
 export declare const EMBED_ICON_WIDTH = 78;
-export declare const HEADING = 138;
+export declare const CONTAINER_MD_BREAKPOINT = 448;
+export declare const FLOAT_BUTTON_WIDTH = 25;
+export declare const HEADING_LABEL = "Headings";

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/toolbar/toolbar-provider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ReactNode } from 'react';
-import type { MdxTemplate } from '../types';
 import type { Form } from '../../../../../forms';
+import type { MdxTemplate } from '../types';
 import type { ToolbarOverrideType } from './toolbar-overrides';
 interface ToolbarContextProps {
     tinaForm: Form;

package/dist/toolkit/fields/plugins/wrap-field-with-meta.d.ts

@@ -3,6 +3,14 @@ import { FieldProps } from './field-props';
 import { Form } from '../../forms';
 export type InputFieldType<ExtraFieldProps, InputProps> = FieldProps<InputProps> & ExtraFieldProps;
 export declare function wrapFieldsWithMeta<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
+/**
+ * Same as wrapFieldsWithMeta but excludes the label, and description useful for fields that render their label and description
+ */
+export declare function wrapFieldWithNoHeader<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
+/**
+ * Same as above but excludes the label, useful for fields that have their own label
+ * @deprecated This function is deprecated and will be removed in future versions.
+ */
 export declare function wrapFieldWithError<ExtraFieldProps = {}, InputProps = {}>(Field: React.FunctionComponent<InputFieldType<ExtraFieldProps, InputProps>> | React.ComponentClass<InputFieldType<ExtraFieldProps, InputProps>>): (props: InputFieldType<ExtraFieldProps, InputProps>) => React.JSX.Element;
 interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.0.0-c5dad82-20241009225242",
+  "version": "0.0.0-c72bb45-20241118014035",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -60,21 +60,21 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
-    "@ariakit/react": "^0.4.11",
-    "@floating-ui/dom": "^1.6.11",
+    "@ariakit/react": "^0.4.13",
+    "@floating-ui/dom": "^1.6.12",
     "@floating-ui/react-dom": "^2.1.2",
-    "@graphql-inspector/core": "^6.1.0",
+    "@graphql-inspector/core": "^6.2.0",
     "@headlessui/react": "2.1.8",
     "@heroicons/react": "^1.0.6",
     "@monaco-editor/react": "4.4.5",
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toolbar": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cn": "^33.0.0",
     "@udecode/plate": "^36.5.9",
@@ -94,7 +94,7 @@
     "@udecode/plate-table": "36.5.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
+    "cmdk": "^1.0.4",
     "color-string": "^1.9.1",
     "crypto-js": "^4.2.0",
     "date-fns": "2.30.0",
@@ -108,6 +108,7 @@
     "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
     "lucide-react": "^0.424.0",
+    "mermaid": "9.3.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.0",
@@ -124,18 +125,18 @@
     "slate-history": "^0.100.0",
     "slate-hyperscript": "^0.100.0",
     "slate-react": "^0.107.1",
-    "tailwind-merge": "^2.5.2",
+    "tailwind-merge": "^2.5.4",
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "0.0.0-c5dad82-20241009225242",
-    "@tinacms/schema-tools": "1.6.5",
-    "@tinacms/search": "0.0.0-c5dad82-20241009225242"
+    "@tinacms/mdx": "0.0.0-c72bb45-20241118014035",
+    "@tinacms/schema-tools": "0.0.0-c72bb45-20241118014035",
+    "@tinacms/search": "0.0.0-c72bb45-20241118014035"
   },
   "devDependencies": {
-    "@graphql-tools/utils": "^10.5.4",
+    "@graphql-tools/utils": "^10.5.6",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/atob": "^2.1.4",
@@ -143,14 +144,14 @@
     "@types/color-string": "^1.5.5",
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.get": "^4.4.9",
-    "@types/node": "^22.7.4",
+    "@types/node": "^22.9.0",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.10",
+    "@types/react": "^18.3.12",
     "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-color": "^3.0.12",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.1",
     "@types/yup": "^0.32.0",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
@@ -159,11 +160,11 @@
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "tsc-alias": "^1.8.10",
-    "tslib": "^2.7.0",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vitest": "^2.1.1",
-    "@tinacms/scripts": "0.0.0-c5dad82-20241009225242"
+    "tslib": "^2.8.1",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.5",
+    "@tinacms/scripts": "0.0.0-c72bb45-20241118014035"
   },
   "peerDependencies": {
     "react": ">=16.14.0",
@@ -176,6 +177,9 @@
     "url": "https://github.com/tinacms/tinacms.git",
     "directory": "packages/tinacms"
   },
+  "overrides": {
+    "dompurify": "2.5.7"
+  },
   "scripts": {
     "types": "pnpm tsc && pnpm tsc-alias",
     "build": "tinacms-scripts build",

package/dist/__vite-browser-external-d06ac358.mjs

@@ -1,4 +0,0 @@
-const __viteBrowserExternal = {};
-export {
-  __viteBrowserExternal as default
-};