tinacms 0.0.0-a4a2eeb-20250102014725 → 0.0.0-a577386-20250401050543

package/dist/{node-cache-4c336858.mjs → node-cache-5e8db9f0.mjs}

@@ -25,22 +25,35 @@ const NodeCache = async (dir) => {
       return createHash("sha256").update(input).digest("hex");
     },
     get: async (key) => {
+      let readValue;
+      const cacheFilename = `${cacheDir}/${key}`;
       try {
-        const data = await fs.promises.readFile(`${cacheDir}/${key}`, "utf-8");
-        return JSON.parse(data);
+        const data = await fs.promises.readFile(cacheFilename, "utf-8");
+        readValue = JSON.parse(data);
       } catch (e) {
-        if (e.code === "ENOENT") {
-          return void 0;
+        if (e.code !== "ENOENT") {
+          console.error(
+            `Failed to read cache file to ${cacheFilename}: ${e.message}`
+          );
         }
-        throw e;
       }
+      return readValue;
     },
     set: async (key, value) => {
-      await fs.promises.writeFile(
-        `${cacheDir}/${key}`,
-        JSON.stringify(value),
-        "utf-8"
-      );
+      const cacheFilename = `${cacheDir}/${key}`;
+      try {
+        await fs.promises.writeFile(cacheFilename, JSON.stringify(value), {
+          encoding: "utf-8",
+          flag: "wx"
+          // Don't overwrite existing caches
+        });
+      } catch (e) {
+        if (e.code !== "EEXIST") {
+          console.error(
+            `Failed to write cache file to ${cacheFilename}: ${e.message}`
+          );
+        }
+      }
     }
   };
 };

package/dist/react.d.ts

@@ -1,33 +1 @@
-export declare function useTina<T extends object>(props: {
-    query: string;
-    variables: object;
-    data: T;
-}): {
-    data: T;
-    isClient: boolean;
-};
-export declare function useEditState(): {
-    edit: boolean;
-};
-/**
- * Grab the field name for the given attribute
- * to signal to Tina which DOM element the field
- * is working with.
- */
-export declare const tinaField: <T extends (object & {
-    _content_source?: {
-        queryId: string;
-        path: (number | string)[];
-    };
-}) | undefined | null>(object: T, property?: keyof Omit<NonNullable<T>, "__typename" | "_sys">, index?: number) => string;
-export declare const addMetadata: <T extends object>(id: string, object: T & {
-    type?: string;
-    _content_source?: unknown;
-}, path: (string | number)[]) => T;
-/**
- * This is a pretty rudimentary approach to hashing the query and variables to
- * ensure we treat multiple queries on the page uniquely. It's possible
- * that we would have collisions, and I'm not sure of the likeliness but seems
- * like it'd be rare.
- */
-export declare const hashFromQuery: (input: string) => string;
+export * from "../src/react"

package/dist/react.js

@@ -18,6 +18,9 @@
     React.useEffect(() => {
       setIsClient(true);
       setData(props.data);
+      parent.postMessage({
+        type: "url-changed"
+      });
     }, [id]);
     React.useEffect(() => {
       if (quickEditEnabled) {
@@ -100,7 +103,16 @@
       }
     }, [quickEditEnabled, isInTinaIframe]);
     React.useEffect(() => {
-      parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+      if (props == null ? void 0 : props.experimental___selectFormByFormId) {
+        parent.postMessage({
+          type: "user-select-form",
+          formId: props.experimental___selectFormByFormId()
+        });
+      }
+    }, [id]);
+    React.useEffect(() => {
+      const { experimental___selectFormByFormId, ...rest } = props;
+      parent.postMessage({ type: "open", ...rest, id }, window.location.origin);
       window.addEventListener("message", (event) => {
         if (event.data.type === "quickEditEnabled") {
           setQuickEditEnabled(event.data.value);

package/dist/react.mjs

@@ -15,6 +15,9 @@ function useTina(props) {
   React.useEffect(() => {
     setIsClient(true);
     setData(props.data);
+    parent.postMessage({
+      type: "url-changed"
+    });
   }, [id]);
   React.useEffect(() => {
     if (quickEditEnabled) {
@@ -97,7 +100,16 @@ function useTina(props) {
     }
   }, [quickEditEnabled, isInTinaIframe]);
   React.useEffect(() => {
-    parent.postMessage({ type: "open", ...props, id }, window.location.origin);
+    if (props == null ? void 0 : props.experimental___selectFormByFormId) {
+      parent.postMessage({
+        type: "user-select-form",
+        formId: props.experimental___selectFormByFormId()
+      });
+    }
+  }, [id]);
+  React.useEffect(() => {
+    const { experimental___selectFormByFormId, ...rest } = props;
+    parent.postMessage({ type: "open", ...rest, id }, window.location.origin);
     window.addEventListener("message", (event) => {
       if (event.data.type === "quickEditEnabled") {
         setQuickEditEnabled(event.data.value);

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

@@ -1,142 +1 @@
-/**
-
-*/
-import React from 'react';
-type BaseComponents = {
-    h1?: {
-        children: JSX.Element;
-    };
-    h2?: {
-        children: JSX.Element;
-    };
-    h3?: {
-        children: JSX.Element;
-    };
-    h4?: {
-        children: JSX.Element;
-    };
-    h5?: {
-        children: JSX.Element;
-    };
-    h6?: {
-        children: JSX.Element;
-    };
-    p?: {
-        children: JSX.Element;
-    };
-    a?: {
-        url: string;
-        children: JSX.Element;
-    };
-    italic?: {
-        children: JSX.Element;
-    };
-    bold?: {
-        children: JSX.Element;
-    };
-    strikethrough?: {
-        children: JSX.Element;
-    };
-    underline?: {
-        children: JSX.Element;
-    };
-    code?: {
-        children: JSX.Element;
-    };
-    text?: {
-        children: string;
-    };
-    ul?: {
-        children: JSX.Element;
-    };
-    ol?: {
-        children: JSX.Element;
-    };
-    li?: {
-        children: JSX.Element;
-    };
-    lic?: {
-        children: JSX.Element;
-    };
-    block_quote?: {
-        children: JSX.Element;
-    };
-    code_block?: {
-        lang?: string;
-        value: string;
-    };
-    mermaid?: {
-        value: string;
-    };
-    img?: {
-        url: string;
-        caption?: string;
-        alt?: string;
-    };
-    hr?: {};
-    break?: {};
-    maybe_mdx?: {
-        children: JSX.Element;
-    };
-    html?: {
-        value: string;
-    };
-    html_inline?: {
-        value: string;
-    };
-    table?: {
-        align?: ('left' | 'right' | 'center')[];
-        tableRows: {
-            tableCells: {
-                value: TinaMarkdownContent;
-            }[];
-        }[];
-    };
-    component_missing?: {
-        name: string;
-    };
-};
-type BaseComponentSignature = {
-    [BK in keyof BaseComponents]: (props: BaseComponents[BK]) => JSX.Element;
-};
-/**
- * Define the allowed components and their props
- * ```ts
- * const components:
- * Components<{
- *  BlockQuote: {
- *      children: TinaMarkdownContent;
- *      authorName: string;
- *    };
- *  }> = {
- *    BlockQuote: (props: {
- *      children: TinaMarkdownContent;
- *      authorName: string;
- *    }) => {
- *      return (
- *        <div>
- *          <blockquote>
- *            <TinaMarkdown content={props.children} />
- *            {props.authorName}
- *          </blockquote>
- *        </div>
- *      );
- *    }
- *  }
- * }
- * ```
- */
-export type Components<ComponentAndProps extends object> = {
-    [K in keyof ComponentAndProps]: (props: ComponentAndProps[K]) => JSX.Element;
-} & BaseComponentSignature;
-export type TinaMarkdownContent = {
-    type: string;
-    children: TinaMarkdownContent[];
-};
-export declare const TinaMarkdown: <CustomComponents extends {
-    [key: string]: object;
-} = any>({ content, components, }: {
-    content: TinaMarkdownContent | TinaMarkdownContent[];
-    components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
-}) => React.JSX.Element;
-export {};
+export * from "../../src/rich-text/index"

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

@@ -1,10 +1 @@
-/**
-
-*/
-import React from 'react';
-import { themes } from 'prism-react-renderer';
-export declare const Prism: (props: {
-    value: string;
-    lang?: string;
-    theme?: keyof typeof themes;
-}) => React.JSX.Element;
+export * from "../../src/rich-text/prism"

package/dist/toolkit/fields/components/reference/reference-select.d.ts

@@ -7,5 +7,5 @@ interface ReferenceSelectProps {
     input: any;
     field: ReferenceFieldProps & Field;
 }
-declare const ComboboxDemo: React.FC<ReferenceSelectProps>;
-export default ComboboxDemo;
+declare const Combobox: React.FC<ReferenceSelectProps>;
+export default Combobox;

package/dist/toolkit/fields/plugins/mdx-field-plugin/index.d.ts

@@ -2,16 +2,18 @@ import React from 'react';
 import { type InputFieldType } from '../wrap-field-with-meta';
 import type { MdxTemplate } from './plate/types';
 import type { InputProps } from '../../../fields/components';
-import type { ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
+import type { ToolbarOverrides, ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
 export type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
     toolbarOverride?: ToolbarOverrideType[];
+    overrides?: ToolbarOverrides;
 }>>;
 export declare const MdxFieldPlugin: {
     name: string;
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
         toolbarOverride?: ToolbarOverrideType[];
+        overrides?: ToolbarOverrides;
     }>) => React.JSX.Element;
 };
 export declare const MdxFieldPluginExtendible: {
@@ -20,5 +22,6 @@ export declare const MdxFieldPluginExtendible: {
     Component: (props: InputFieldType<InputProps, {
         templates: MdxTemplate[];
         toolbarOverride?: ToolbarOverrideType[];
+        overrides?: ToolbarOverrides;
     }>) => React.JSX.Element;
 };

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

@@ -1,8 +1,5 @@
 import React from 'react';
-import { type ELEMENT_OL, ELEMENT_UL } from '@udecode/plate';
-export declare const IndentListToolbarButton: React.ForwardRefExoticComponent<{
-    nodeType?: typeof ELEMENT_UL | typeof ELEMENT_OL;
-} & Omit<Omit<{
+export declare const UnorderedListToolbarButton: React.ForwardRefExoticComponent<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">;
@@ -16,4 +13,19 @@ export declare const IndentListToolbarButton: React.ForwardRefExoticComponent<{
 } & 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">, "nodeType"> & React.RefAttributes<HTMLButtonElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, never> & React.RefAttributes<HTMLButtonElement>>;
+export declare const OrderedListToolbarButton: React.ForwardRefExoticComponent<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">, never> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,19 +1,5 @@
 import React from 'react';
-export declare const MarkToolbarButton: React.ForwardRefExoticComponent<{
-    clear?: string | string[];
-    nodeType: 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" | "nodeType"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const BoldToolbarButton: () => React.JSX.Element;
+export declare const StrikethroughToolbarButton: () => React.JSX.Element;
+export declare const ItalicToolbarButton: () => React.JSX.Element;
+export declare const CodeToolbarButton: () => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { RichTextType } from '..';
-export declare const RichEditor: (props: RichTextType) => React.JSX.Element;
+export declare const RichEditor: ({ input, tinaForm, field }: RichTextType) => React.JSX.Element;

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

@@ -189,17 +189,12 @@ export declare const Components: () => {
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
         ref?: React.Ref<any>;
     } & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<any>>;
-    strikethrough: React.ForwardRefExoticComponent<Omit<{
-        leafToAttributes?: (leaf: import("@udecode/plate-common").TText) => any;
-    } & import("@udecode/plate-common").PlateRenderNodeProps<import("@udecode/plate-common").Value, import("@udecode/plate-common").PlateEditor<import("@udecode/plate-common").Value>> & Omit<import("slate-react").RenderLeafProps, "text" | "leaf"> & {
-        leaf: import("@udecode/plate-common").TText;
-        text: import("@udecode/plate-common").TText;
-    } & Omit<{
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-        asChild?: boolean | undefined;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<any>, "ref"> & {
-        ref?: React.Ref<any>;
-    } & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<any>>;
+    strikethrough: ({ editor, leaf, text, ...props }: {
+        [x: string]: any;
+        editor: any;
+        leaf: any;
+        text: any;
+    }) => React.JSX.Element;
     italic: React.ForwardRefExoticComponent<Omit<{
         leafToAttributes?: (leaf: import("@udecode/plate-common").TText) => any;
     } & import("@udecode/plate-common").PlateRenderNodeProps<import("@udecode/plate-common").Value, import("@udecode/plate-common").PlateEditor<import("@udecode/plate-common").Value>> & Omit<import("slate-react").RenderLeafProps, "text" | "leaf"> & {

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

@@ -1,4 +1,4 @@
-export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'italic' | 'mermaid' | 'raw' | 'embed' | 'table';
+export type ToolbarOverrideType = 'heading' | 'link' | 'image' | 'quote' | 'ul' | 'ol' | 'code' | 'codeBlock' | 'bold' | 'strikethrough' | '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;
@@ -6,3 +6,7 @@ export declare const EMBED_ICON_WIDTH = 78;
 export declare const CONTAINER_MD_BREAKPOINT = 448;
 export declare const FLOAT_BUTTON_WIDTH = 25;
 export declare const HEADING_LABEL = "Headings";
+export type ToolbarOverrides = {
+    toolbar?: ToolbarOverrideType[];
+    showFloatingToolbar?: boolean;
+};

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

@@ -2,11 +2,11 @@ import React from 'react';
 import { type ReactNode } from 'react';
 import type { Form } from '../../../../../forms';
 import type { MdxTemplate } from '../types';
-import type { ToolbarOverrideType } from './toolbar-overrides';
+import type { ToolbarOverrides, ToolbarOverrideType } from './toolbar-overrides';
 interface ToolbarContextProps {
     tinaForm: Form;
     templates: MdxTemplate[];
-    overrides: ToolbarOverrideType[];
+    overrides: ToolbarOverrideType[] | ToolbarOverrides;
 }
 interface ToolbarProviderProps extends ToolbarContextProps {
     children: ReactNode;

package/dist/toolkit/react-sidebar/components/sidebar-body.d.ts

@@ -1,8 +1,9 @@
-import * as React from 'react';
 import type { Form } from '../../forms';
-export declare const FormsView: ({ children, }: {
-    children?: React.ReactChild | React.ReactChild[];
-}) => React.JSX.Element;
+import * as React from 'react';
+export interface FormsViewProps {
+    loadingPlaceholder?: React.FC;
+}
+export declare const FormsView: ({ loadingPlaceholder }?: FormsViewProps) => React.JSX.Element;
 export interface MultiformFormHeaderProps {
     activeForm: {
         activeFieldName?: string;

package/dist/toolkit/react-sidebar/components/sidebar-loading-placeholder.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SidebarLoadingPlaceholder: () => React.JSX.Element;

package/dist/toolkit/react-sidebar/components/sidebar-no-forms-placeholder.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SidebarNoFormsPlaceholder: () => React.JSX.Element;

package/dist/toolkit/react-sidebar/sidebar.d.ts

@@ -1,5 +1,5 @@
-import { EventBus, Callback } from '../core';
 import * as React from 'react';
+import { Callback, EventBus } from '../core';
 export interface SidebarStateOptions {
     position?: SidebarPosition;
     buttons?: SidebarButtons;
@@ -22,7 +22,7 @@ export declare type DefaultSidebarState = 'open' | 'closed';
 export declare class SidebarState {
     private events;
     private _isOpen;
-    placeholder: React.FC;
+    loadingPlaceholder: React.FC;
     defaultState: DefaultSidebarState;
     position: SidebarPosition;
     renderNav: boolean;

package/dist/toolkit/tina-state.d.ts

@@ -58,6 +58,9 @@ export type TinaAction = {
 } | {
     type: 'sidebar:set-display-state';
     value: TinaState['sidebarDisplayState'] | 'openOrFull';
+} | {
+    type: 'sidebar:set-loading-state';
+    value: boolean;
 };
 export interface TinaState {
     activeFormId: string | null;
@@ -76,6 +79,7 @@ export interface TinaState {
     }[];
     formLists: FormList[];
     editingMode: 'visual' | 'basic';
+    isLoadingContent: boolean;
     quickEditSupported: boolean;
     sidebarDisplayState: 'closed' | 'open' | 'fullscreen';
 }

package/dist/unifiedClient/index.d.ts

@@ -1,3 +1,5 @@
+import AsyncLock from 'async-lock';
+import type { GraphQLError } from 'graphql';
 import type { Config } from '@tinacms/schema-tools';
 import type { Cache } from '../cache/index';
 export declare const TINA_HOST = "content.tinajs.io";
@@ -25,12 +27,17 @@ export declare class TinaClient<GenQueries> {
     queries: GenQueries;
     errorPolicy: Config['client']['errorPolicy'];
     initialized: boolean;
+    cacheLock: AsyncLock | undefined;
     cacheDir: string;
     cache: Cache;
     constructor({ token, url, queries, errorPolicy, cacheDir, }: TinaClientArgs<GenQueries>);
     init(): Promise<void>;
     request<DataType extends Record<string, any> = any>({ errorPolicy, ...args }: TinaClientRequestArgs, options: {
         fetchOptions?: Parameters<typeof fetch>[1];
-    }): Promise<any>;
+    }): Promise<{
+        data: DataType;
+        errors: GraphQLError[] | null;
+        query: string;
+    }>;
 }
 export declare function createClient<GenQueries>(args: TinaClientArgs<GenQueries>): TinaClient<GenQueries>;