tinacms 0.0.0-9ffcade-20251202022528 → 0.0.0-a23fec8-20251217045135

package/dist/internalClient/index.d.ts

@@ -173,17 +173,30 @@ export declare class LocalClient extends Client {
 export declare class TinaCMSSearchClient implements SearchClient {
     private client;
     private tinaSearchConfig?;
+    private fuzzyEnabled;
+    private defaultFuzzyOptions?;
     constructor(client: Client, tinaSearchConfig?: {
         stopwordLanguages?: string[];
+        fuzzyEnabled?: boolean;
+        fuzzyOptions?: {
+            maxDistance?: number;
+            minSimilarity?: number;
+            maxResults?: number;
+            useTranspositions?: boolean;
+            caseSensitive?: boolean;
+        };
     });
     query(query: string, options?: {
         limit?: number;
         cursor?: string;
+        fuzzy?: boolean;
+        fuzzyOptions?: any;
     }): Promise<{
         results: any[];
         nextCursor: string | null;
         total: number;
         prevCursor: string | null;
+        fuzzyMatches?: Record<string, any[]>;
     }>;
     del(ids: string[]): Promise<any>;
     put(docs: any[]): Promise<any>;
@@ -191,15 +204,30 @@ export declare class TinaCMSSearchClient implements SearchClient {
 }
 export declare class LocalSearchClient implements SearchClient {
     private client;
-    constructor(client: Client);
+    private tinaSearchConfig?;
+    private fuzzyEnabled;
+    private defaultFuzzyOptions?;
+    constructor(client: Client, tinaSearchConfig?: {
+        fuzzyEnabled?: boolean;
+        fuzzyOptions?: {
+            maxDistance?: number;
+            minSimilarity?: number;
+            maxResults?: number;
+            useTranspositions?: boolean;
+            caseSensitive?: boolean;
+        };
+    });
     query(query: string, options?: {
         limit?: number;
         cursor?: string;
+        fuzzy?: boolean;
+        fuzzyOptions?: any;
     }): Promise<{
         results: any[];
         nextCursor: string | null;
         total: number;
         prevCursor: string | null;
+        fuzzyMatches?: Record<string, any[]>;
     }>;
     del(ids: string[]): Promise<any>;
     put(docs: any[]): Promise<any>;

package/dist/toolkit/components/ui/date-time-picker.d.ts

@@ -1,6 +1,6 @@
 import 'moment-timezone';
 import * as React from 'react';
-import { DayPickerProps } from 'react-day-picker';
+import { type DayPickerProps } from 'react-day-picker';
 type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
 type Period = 'AM' | 'PM';
 declare const formatCurrentDate: ({ dateFormat, timeFormat, displayDate, }: {

package/dist/toolkit/fields/components/color-picker/block-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const BlockWidget: React.FC<WidgetProps>;

package/dist/toolkit/fields/components/color-picker/color-input.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface WidgetProps {
+    presetColors: string[];
+    color: string;
+    onChange: (color: string | null) => void;
+    width: string;
+}
+export declare const useHexInput: (color: string, onChange: (color: string | null) => void) => {
+    inputValue: string;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleSwatchClick: (c: string) => void;
+};
+export declare const SwatchButton: React.FC<{
+    color: string;
+    isSelected: boolean;
+    onClick: () => void;
+}>;
+export declare const ColorPreview: React.FC<{
+    color: string;
+    size?: 'sm' | 'lg';
+}>;
+export declare const HexInput: React.FC<{
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    fullWidth?: boolean;
+}>;
+export declare const SwatchGrid: React.FC<{
+    colors: string[];
+    selectedColor: string;
+    onSelect: (color: string) => void;
+}>;

package/dist/toolkit/fields/components/color-picker/color-picker.d.ts

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import { ColorFormat } from './color-formatter';
-type WrappedFieldProps = any;
+interface FieldInput {
+    value: string | null;
+    onChange: (value: string | null) => void;
+}
 interface Props {
     colorFormat: ColorFormat;
     userColors: string[];
     widget?: 'sketch' | 'block';
-    input: WrappedFieldProps['input'];
+    width?: string;
+    input: FieldInput;
 }
 export declare const ColorPicker: React.FC<Props>;
 export {};

package/dist/toolkit/fields/components/color-picker/color-utils.d.ts

@@ -0,0 +1,37 @@
+export declare const TRANSPARENT = "transparent";
+export declare const isValidHex: (value: string) => boolean;
+export declare const expandHex: (hex: string) => string;
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Converts RGB color values to a hex color string (e.g., "#FF0000" for red).
+ *
+ * How it works:
+ * We need to convert three numbers (r, g, b) each ranging 0-255 into a 6-digit hex string.
+ * For example: rgb(255, 128, 0) should become "#FF8000"
+ *
+ * The bit-shifting approach combines all three values into one number:
+ * - (1 << 24) = 16777216 (0x1000000) - This adds a leading '1' to guarantee we always
+ *   get 7 hex digits, which we later remove. Without this, rgb(0, 0, 255) would give
+ *   us "FF" instead of "0000FF".
+ * - (r << 16) shifts red left by 16 bits, placing it in positions for the first two hex digits
+ * - (g << 8) shifts green left by 8 bits, placing it in positions for the middle two hex digits
+ * - b stays as-is, occupying the last two hex digits
+ *
+ * Example with rgb(255, 128, 0):
+ *   16777216 + (255 << 16) + (128 << 8) + 0
+ *   = 16777216 + 16711680 + 32768 + 0
+ *   = 33521664
+ *   = 0x1FF8000 (as hex string: "1FF8000")
+ *   After slice(1): "FF8000"
+ *   Final result: "#FF8000"
+ */
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const checkerboardStyle: (size?: number) => {
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+};

package/dist/toolkit/fields/components/color-picker/sketch-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const SketchWidget: React.FC<WidgetProps>;

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

@@ -4,6 +4,7 @@ export interface ColorFieldProps {
     colorFormat: string;
     colors: string[];
     widget?: 'sketch' | 'block';
+    width?: string;
 }
 export declare const ColorField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => React.JSX.Element;
 export declare const ColorFieldPlugin: {

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

@@ -11,7 +11,7 @@ export declare const EditorContainer: {
 declare const editorVariants: (props?: {
     disabled?: boolean;
     focused?: boolean;
-    variant?: "default" | "select" | "none" | "comment" | "demo" | "ai" | "aiChat" | "fullWidth";
+    variant?: "default" | "select" | "none" | "fullWidth" | "comment" | "demo" | "ai" | "aiChat";
 } & import("class-variance-authority/types").ClassProp) => string;
 export type EditorProps = PlateContentProps & VariantProps<typeof editorVariants>;
 export declare const Editor: React.ForwardRefExoticComponent<Omit<import("@udecode/plate").EditableProps, "decorate"> & {
@@ -22,6 +22,6 @@ export declare const Editor: React.ForwardRefExoticComponent<Omit<import("@udeco
 } & VariantProps<(props?: {
     disabled?: boolean;
     focused?: boolean;
-    variant?: "default" | "select" | "none" | "comment" | "demo" | "ai" | "aiChat" | "fullWidth";
+    variant?: "default" | "select" | "none" | "fullWidth" | "comment" | "demo" | "ai" | "aiChat";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -3,12 +3,12 @@ import { type VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: {
     isMenu?: boolean;
     size?: "default" | "none" | "icon" | "sm" | "lg" | "sms" | "xs";
-    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "inlineLink";
+    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "inlineLink" | "tinaPrimary";
 } & import("class-variance-authority/types").ClassProp) => string;
 export declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     asChild?: boolean;
 } & VariantProps<(props?: {
     isMenu?: boolean;
     size?: "default" | "none" | "icon" | "sm" | "lg" | "sms" | "xs";
-    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "inlineLink";
+    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | "inlineLink" | "tinaPrimary";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -6,7 +6,7 @@ export declare const Command: React.ForwardRefExoticComponent<Omit<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -22,7 +22,7 @@ export declare const Command: React.ForwardRefExoticComponent<Omit<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -68,7 +68,7 @@ export declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -77,14 +77,14 @@ export declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -93,7 +93,7 @@ export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -102,7 +102,7 @@ export declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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

@@ -1,10 +1,11 @@
+import { CodeLinePlugin } from '@udecode/plate-code-block/react';
 import React from 'react';
 import { CodeLeaf } from '../../components/plate-ui/code-leaf';
 import { CodeSyntaxLeaf } from '../../components/plate-ui/code-syntax-leaf';
 import { HrElement } from '../../components/plate-ui/hr-element';
 import { LinkElement } from '../../components/plate-ui/link-element';
 export declare const Components: () => {
-    [x: number]: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate/react").PlateElementProps<import("@udecode/plate").TElement, import("@udecode/plate").AnyPluginConfig>, keyof {
+    [CodeLinePlugin.key]: React.ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate/react").PlateElementProps<import("@udecode/plate").TElement, import("@udecode/plate").AnyPluginConfig>, keyof {
         className?: string;
         style?: React.CSSProperties;
     }> & import("@udecode/plate").BasePluginContext<import("@udecode/plate").AnyPluginConfig> & {

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

@@ -9,8 +9,33 @@ export interface FormHeaderProps {
         activeFieldName?: string;
         tinaForm: Form;
     };
+    branch?: string;
+    isLocalMode?: boolean;
+    repoProvider?: {
+        defaultBranchName?: string;
+        historyUrl?: (context: {
+            relativePath: string;
+            branch: string;
+        }) => {
+            url: string;
+        };
+    };
+}
+export declare const FormHeader: ({ activeForm, repoProvider, branch, isLocalMode, }: FormHeaderProps) => React.JSX.Element;
+interface RepositoryProviderProps {
+    contentRelativePath: string;
+    tinaBranch?: string;
+    isLocalMode?: boolean;
+    defaultBranchName?: string;
+    historyUrl?: (context: {
+        relativePath: string;
+        branch: string;
+    }) => {
+        url: string;
+    };
 }
-export declare const FormHeader: ({ activeForm }: FormHeaderProps) => React.JSX.Element;
+export declare const FileHistoryProvider: ({ contentRelativePath, tinaBranch, defaultBranchName, historyUrl, isLocalMode, }: RepositoryProviderProps) => React.JSX.Element;
 export declare const FormBreadcrumbs: ({ rootBreadcrumbName, ...props }: {
     rootBreadcrumbName?: string;
 } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export {};

package/dist/unifiedClient/index.d.ts

@@ -29,7 +29,7 @@ export declare class TinaClient<GenQueries> {
     initialized: boolean;
     cacheLock: AsyncLock | undefined;
     cacheDir: string;
-    cache: Cache;
+    cache: Cache | null;
     constructor({ token, url, queries, errorPolicy, cacheDir, }: TinaClientArgs<GenQueries>);
     init(): Promise<void>;
     request<DataType extends Record<string, any> = any>({ errorPolicy, ...args }: TinaClientRequestArgs, options: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "tinacms",
   "type": "module",
   "typings": "dist/index.d.ts",
-  "version": "0.0.0-9ffcade-20251202022528",
+  "version": "0.0.0-a23fec8-20251217045135",
   "main": "dist/index.js",
   "module": "./dist/index.js",
   "exports": {
@@ -25,18 +25,11 @@
       "src/rich-text/static.tsx",
       "src/rich-text/prism.tsx",
       "src/react.tsx",
-      "src/client.ts"
-    ],
-    "build": {
-      "rollupOptions": {
-        "external": [
-          "crypto",
-          "fs",
-          "path",
-          "os"
-        ]
+      {
+        "name": "src/client.ts",
+        "target": "node"
       }
-    }
+    ]
   },
   "license": "Apache-2.0",
   "dependencies": {
@@ -105,7 +98,7 @@
     "monaco-editor": "0.31.0",
     "prism-react-renderer": "^2.4.1",
     "prop-types": "15.7.2",
-    "react-color": "^2.19.3",
+    "react-colorful": "^5.6.1",
     "react-datetime": "^3.3.1",
     "react-day-picker": "^9.11.1",
     "react-dropzone": "14.2.3",
@@ -117,9 +110,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/schema-tools": "2.0.0",
-    "@tinacms/mdx": "2.0.0",
-    "@tinacms/search": "1.1.4"
+    "@tinacms/mdx": "0.0.0-a23fec8-20251217045135",
+    "@tinacms/schema-tools": "0.0.0-a23fec8-20251217045135",
+    "@tinacms/search": "0.0.0-a23fec8-20251217045135"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -133,14 +126,12 @@
     "@types/node": "^22.13.1",
     "@types/prop-types": "^15.7.14",
     "@types/react": "^18.3.18",
-    "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
     "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
-    "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
     "lowlight": "^3.3.0",
-    "next": "14.2.10",
+    "next": "14.2.35",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
@@ -149,7 +140,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.4.1"
+    "@tinacms/scripts": "1.4.2"
   },
   "peerDependencies": {
     "react": ">=16.14.0",

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

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

package/dist/node-cache-c9558e1e.js

@@ -1,63 +0,0 @@
-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, 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}`);
-  }
-  return cacheDir;
-};
-const NodeCache = async (dir) => {
-  const fs = await import("./__vite-browser-external-d06ac358.js");
-  const path = await import("./__vite-browser-external-d06ac358.js");
-  const os = await import("./__vite-browser-external-d06ac358.js");
-  const crypto = await import("./__vite-browser-external-d06ac358.js");
-  const cacheDir = await makeCacheDir(dir, fs, path, os);
-  return {
-    makeKey: (key) => {
-      const input = key && key instanceof Object ? JSON.stringify(key) : key || "";
-      return crypto.createHash("sha256").update(input).digest("hex");
-    },
-    get: async (key) => {
-      let readValue;
-      const cacheFilename = `${cacheDir}/${key}`;
-      try {
-        const data = await fs.promises.readFile(cacheFilename, "utf-8");
-        readValue = JSON.parse(data);
-      } catch (e) {
-        if (e.code !== "ENOENT") {
-          console.error(
-            `Failed to read cache file to ${cacheFilename}: ${e.message}`
-          );
-        }
-      }
-      return readValue;
-    },
-    set: async (key, value) => {
-      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}`
-          );
-        }
-      }
-    }
-  };
-};
-export {
-  NodeCache,
-  makeCacheDir
-};