camox 0.0.0 → 0.1.2-alpha.2

package/dist/core/createLayout.d.ts

@@ -0,0 +1,78 @@
+import * as React from "react";
+export interface OgImageParams {
+    title: string;
+    description: string;
+    projectName: string;
+}
+export interface LayoutBlockData {
+    _id: string;
+    type: string;
+    content: Record<string, unknown>;
+    settings?: Record<string, unknown>;
+    position: string;
+}
+/** Minimal block interface — avoids importing the full generic Block type. */
+interface LayoutBlock {
+    id: string;
+    Component: React.ComponentType<{
+        blockData: any;
+        mode: "site" | "peek" | "layout";
+        isFirstBlock?: boolean;
+        showAddBlockTop?: boolean;
+        showAddBlockBottom?: boolean;
+        addBlockAfterPosition?: string | null;
+    }>;
+    getInitialContent: () => Record<string, unknown>;
+    getInitialSettings: () => Record<string, unknown>;
+}
+interface CreateLayoutOptions {
+    id: string;
+    title: string;
+    description: string;
+    blocks: {
+        before: LayoutBlock[];
+        after: LayoutBlock[];
+    };
+    component: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    buildMetaTitle: (params: {
+        pageMetaTitle: string;
+        projectName: string;
+        pageFullPath: string;
+    }) => string;
+    buildOgImage?: (params: OgImageParams) => React.ReactElement;
+}
+export declare function createLayout(options: CreateLayoutOptions): {
+    id: string;
+    title: string;
+    description: string;
+    buildMetaTitle: (params: {
+        pageMetaTitle: string;
+        projectName: string;
+        pageFullPath: string;
+    }) => string;
+    buildOgImage: ((params: OgImageParams) => Promise<Response>) | undefined;
+    blockDefinitions: ({
+        type: string;
+        content: Record<string, unknown>;
+        settings: Record<string, unknown>;
+        placement: "before";
+    } | {
+        type: string;
+        content: Record<string, unknown>;
+        settings: Record<string, unknown>;
+        placement: "after";
+    })[];
+    component: React.ComponentType<{
+        children: React.ReactNode;
+    }>;
+    Provider: ({ layoutBlocks, children, }: {
+        layoutBlocks: Record<string, LayoutBlockData>;
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    blocks: Record<string, React.ComponentType>;
+};
+export type Layout = ReturnType<typeof createLayout>;
+export {};
+//# sourceMappingURL=createLayout.d.ts.map

package/dist/core/createLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLayout.d.ts","sourceRoot":"","sources":["../../src/core/createLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,8EAA8E;AAC9E,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B,SAAS,EAAE,GAAG,CAAC;QACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;QACjC,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvC,CAAC,CAAC;IACH,iBAAiB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjD,kBAAkB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnD;AAED,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,MAAM,EAAE,WAAW,EAAE,CAAC;QAAC,KAAK,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC9D,cAAc,EAAE,CAAC,MAAM,EAAE;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,KAAK,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,KAAK,CAAC,YAAY,CAAC;CAC9D;AASD,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB;;;;6BAf9B;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,KAAK,MAAM;4BAuFO,aAAa,KAAG,OAAO,CAAC,QAAQ,CAAC;;;;;;;;;;;;;kBA5FT,KAAK,CAAC,SAAS;;4CAmEvD;QACD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;YAsC2B,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;EAEhE;AAED,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/core/createLayout.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/createLayout.tsx
+function toPascalCase(str) {
+	return str.split(/[-_\s]+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+}
+function createLayout(options) {
+	const LayoutContext = React.createContext(null);
+	const allBlocks = [...options.blocks.before, ...options.blocks.after];
+	const slotComponents = {};
+	const lastBeforeBlock = options.blocks.before[options.blocks.before.length - 1];
+	const firstAfterBlock = options.blocks.after[0];
+	for (const block of allBlocks) {
+		const isLastBefore = block === lastBeforeBlock;
+		const isFirstAfter = block === firstAfterBlock;
+		const SlotComponent = () => {
+			const ctx = React.use(LayoutContext);
+			if (!ctx) throw new Error(`Layout slot "${block.id}" must be rendered inside a LayoutContextProvider`);
+			const blockData = ctx.layoutBlocks[block.id];
+			if (!blockData) return null;
+			return /* @__PURE__ */ jsx(block.Component, {
+				blockData,
+				mode: "layout",
+				showAddBlockTop: isFirstAfter || void 0,
+				showAddBlockBottom: isLastBefore || void 0,
+				addBlockAfterPosition: (() => {
+					if (isLastBefore) return "";
+					if (isFirstAfter) return null;
+				})()
+			});
+		};
+		SlotComponent.displayName = `LayoutSlot(${toPascalCase(block.id)})`;
+		slotComponents[toPascalCase(block.id)] = SlotComponent;
+	}
+	const Provider = ({ layoutBlocks, children }) => {
+		const value = React.useMemo(() => ({ layoutBlocks }), [layoutBlocks]);
+		return /* @__PURE__ */ jsx(LayoutContext.Provider, {
+			value,
+			children
+		});
+	};
+	const blockDefinitions = [...options.blocks.before.map((block) => ({
+		type: block.id,
+		content: block.getInitialContent(),
+		settings: block.getInitialSettings(),
+		placement: "before"
+	})), ...options.blocks.after.map((block) => ({
+		type: block.id,
+		content: block.getInitialContent(),
+		settings: block.getInitialSettings(),
+		placement: "after"
+	}))];
+	const buildOgImage = options.buildOgImage ? async (params) => {
+		const { ImageResponse } = await import("@takumi-rs/image-response");
+		return new ImageResponse(options.buildOgImage(params), {
+			width: 1200,
+			height: 630
+		});
+	} : void 0;
+	return {
+		id: options.id,
+		title: options.title,
+		description: options.description,
+		buildMetaTitle: options.buildMetaTitle,
+		buildOgImage,
+		blockDefinitions,
+		component: options.component,
+		Provider,
+		blocks: slotComponents
+	};
+}
+//#endregion
+export { createLayout };

package/dist/core/hooks/useFieldSelection.d.ts

@@ -0,0 +1,11 @@
+import { FieldType } from '../lib/fieldTypes.tsx';
+/**
+ * Returns whether the given field is currently selected based on selectionBreadcrumbs.
+ *
+ * Matches when the breadcrumb trail contains:
+ * 1. A Block crumb matching `blockId`
+ * 2. (Optionally) a RepeatableObject crumb matching the repeater context
+ * 3. A crumb matching `fieldType` and `fieldName`
+ */
+export declare function useFieldSelection(blockId: string, fieldName: string, fieldType: FieldType, repeaterItemId?: string): boolean;
+//# sourceMappingURL=useFieldSelection.d.ts.map

package/dist/core/hooks/useFieldSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldSelection.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/useFieldSelection.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,SAAS,EACpB,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAwBT"}

package/dist/core/hooks/useFieldSelection.js

@@ -0,0 +1,25 @@
+import { previewStore } from "../../features/preview/previewStore.js";
+import { useSelector } from "@xstate/store/react";
+//#region src/core/hooks/useFieldSelection.ts
+/**
+* Returns whether the given field is currently selected based on selectionBreadcrumbs.
+*
+* Matches when the breadcrumb trail contains:
+* 1. A Block crumb matching `blockId`
+* 2. (Optionally) a RepeatableObject crumb matching the repeater context
+* 3. A crumb matching `fieldType` and `fieldName`
+*/
+function useFieldSelection(blockId, fieldName, fieldType, repeaterItemId) {
+	return useSelector(previewStore, (state) => {
+		const crumbs = state.context.selectionBreadcrumbs;
+		if (crumbs.length === 0) return false;
+		if (crumbs[0]?.type !== "Block" || crumbs[0]?.id !== blockId) return false;
+		if (!crumbs.find((c) => c.type === fieldType && (c.id === fieldName || c.fieldName === fieldName))) return false;
+		if (repeaterItemId) {
+			if (!crumbs.find((c) => c.type === "RepeatableObject" && c.id === repeaterItemId)) return false;
+		}
+		return true;
+	});
+}
+//#endregion
+export { useFieldSelection };

package/dist/core/hooks/useIsEditable.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsEditable(mode: "site" | "peek" | "layout"): boolean;
+//# sourceMappingURL=useIsEditable.d.ts.map

package/dist/core/hooks/useIsEditable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsEditable.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/useIsEditable.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,WAU7D"}

package/dist/core/hooks/useIsEditable.js

@@ -0,0 +1,12 @@
+import { useSelector } from "@xstate/store/react";
+import { useConvexAuth } from "convex/react";
+import { previewStore } from "@/features/preview/previewStore";
+//#region src/core/hooks/useIsEditable.ts
+function useIsEditable(mode) {
+	const { isAuthenticated } = useConvexAuth();
+	const isPresentationMode = useSelector(previewStore, (state) => state.context.isPresentationMode);
+	const isContentLocked = useSelector(previewStore, (state) => state.context.isContentLocked);
+	return isAuthenticated && (mode === "site" || mode === "layout") && !isPresentationMode && !isContentLocked;
+}
+//#endregion
+export { useIsEditable };

package/dist/core/hooks/useOverlayMessage.d.ts

@@ -0,0 +1,10 @@
+import { OverlayMessage } from '../../features/preview/overlayMessages';
+/**
+ * Listens for a pair of overlay start/end messages on the iframe window and
+ * returns whether the "active" (start) state is currently on.
+ *
+ * Skips setup when `enabled` is false, `iframeWindow` is null, or any value in
+ * `match` is undefined.
+ */
+export declare function useOverlayMessage(iframeWindow: Window | null, enabled: boolean, startType: OverlayMessage["type"], endType: OverlayMessage["type"], match: Record<string, string | undefined>): boolean;
+//# sourceMappingURL=useOverlayMessage.d.ts.map

package/dist/core/hooks/useOverlayMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayMessage.d.ts","sourceRoot":"","sources":["../../../src/core/hooks/useOverlayMessage.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE/F;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,EACjC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GACxC,OAAO,CAyBT"}

package/dist/core/hooks/useOverlayMessage.js

@@ -0,0 +1,37 @@
+import { isOverlayMessage } from "../../features/preview/overlayMessages.js";
+import * as React from "react";
+//#region src/core/hooks/useOverlayMessage.ts
+/**
+* Listens for a pair of overlay start/end messages on the iframe window and
+* returns whether the "active" (start) state is currently on.
+*
+* Skips setup when `enabled` is false, `iframeWindow` is null, or any value in
+* `match` is undefined.
+*/
+function useOverlayMessage(iframeWindow, enabled, startType, endType, match) {
+	const [active, setActive] = React.useState(false);
+	const matchJson = JSON.stringify(match);
+	React.useEffect(() => {
+		if (!enabled || !iframeWindow) return;
+		const matchEntries = Object.entries(JSON.parse(matchJson));
+		if (matchEntries.some(([, v]) => v === void 0)) return;
+		const handleMessage = (event) => {
+			if (!isOverlayMessage(event.data)) return;
+			const data = event.data;
+			if (data.type !== startType && data.type !== endType) return;
+			if (!matchEntries.every(([k, v]) => data[k] === v)) return;
+			setActive(data.type === startType);
+		};
+		iframeWindow.addEventListener("message", handleMessage);
+		return () => iframeWindow.removeEventListener("message", handleMessage);
+	}, [
+		enabled,
+		iframeWindow,
+		startType,
+		endType,
+		matchJson
+	]);
+	return active;
+}
+//#endregion
+export { useOverlayMessage };

package/dist/core/lib/contentType.d.ts

@@ -0,0 +1,165 @@
+import { TSchema, TUnsafe, TArray, TObject } from '@sinclair/typebox';
+export type ExtractPlaceholders<S extends string> = S extends `${string}{{${infer Key}}}${infer Rest}` ? Key | ExtractPlaceholders<Rest> : never;
+export type ExtractAllPlaceholders<T extends readonly string[]> = ExtractPlaceholders<T[number]>;
+declare const EmbedURLBrand: unique symbol;
+export type EmbedURL = string & {
+    readonly [EmbedURLBrand]: true;
+};
+declare const LinkBrand: unique symbol;
+export type LinkValue = ({
+    type: "external";
+    href: string;
+} | {
+    type: "page";
+    pageId: string;
+}) & {
+    text: string;
+    newTab: boolean;
+} & {
+    readonly [LinkBrand]: true;
+};
+export type ImageValue = {
+    url: string;
+    alt: string;
+    filename: string;
+    mimeType: string;
+    _fileId?: string;
+} & {
+    readonly __brand: "ImageValue";
+};
+export type FileValue = {
+    url: string;
+    alt: string;
+    filename: string;
+    mimeType: string;
+    _fileId?: string;
+} & {
+    readonly __brand: "FileValue";
+};
+declare function _imageType(options: {
+    title?: string;
+    multiple: true;
+    defaultItems: number;
+}): TArray<TObject<{
+    image: TUnsafe<ImageValue>;
+}>>;
+declare function _imageType(options: {
+    title?: string;
+    multiple?: false;
+}): TUnsafe<ImageValue>;
+declare function _fileType(options: {
+    accept: string[];
+    title?: string;
+    multiple: true;
+    defaultItems: number;
+}): TArray<TObject<{
+    file: TUnsafe<FileValue>;
+}>>;
+declare function _fileType(options: {
+    accept: string[];
+    title?: string;
+    multiple?: false;
+}): TUnsafe<FileValue>;
+/**
+ * Type builders for createBlock content schemas.
+ * All fields must have default values.
+ */
+export declare const Type: {
+    /**
+     * Creates a string field with a required default value.
+     *
+     * @example
+     * Type.String({ default: 'Hello' })
+     * Type.String({ default: 'Hello', maxLength: 100, title: 'Title' })
+     */
+    String: (options: {
+        default: string;
+        title?: string;
+        maxLength?: number;
+        minLength?: number;
+        pattern?: string;
+    }) => import('@sinclair/typebox').TString;
+    /**
+     * Creates a repeatable array of objects.
+     * Arrays and objects must always be used together - no standalone arrays or objects.
+     * The default array is auto-generated based on minItems.
+     *
+     * @example
+     * Type.RepeatableObject({
+     *   title: Type.String({ default: 'Item' }),
+     *   description: Type.String({ default: 'Description' })
+     * }, {
+     *   minItems: 1,
+     *   maxItems: 10,
+     *   title: 'Items'
+     * })
+     */
+    RepeatableObject: <T extends Record<string, TSchema>, const TMarkdown extends readonly string[] = readonly string[]>(shape: T, options: {
+        minItems: number;
+        maxItems: number;
+        title?: string;
+    } & ([ExtractAllPlaceholders<TMarkdown>] extends [Extract<keyof T, string>] ? {
+        toMarkdown?: TMarkdown;
+    } : {
+        toMarkdown?: readonly [`Invalid toMarkdown placeholder: "{{${Exclude<ExtractAllPlaceholders<TMarkdown>, Extract<keyof T, string>>}}}"`];
+    })) => TArray<TObject<T>>;
+    /**
+     * Creates an enum field with a set of predefined options.
+     *
+     * @example
+     * Type.Enum({
+     *   default: 'left',
+     *   options: { left: 'Left', center: 'Center', right: 'Right' },
+     *   title: 'Alignment'
+     * })
+     */
+    Enum: (options: {
+        default: string;
+        options: Record<string, string>;
+        title?: string;
+    }) => TUnsafe<string>;
+    /**
+     * Creates a boolean toggle field.
+     *
+     * @example
+     * Type.Boolean({ default: false, title: 'Show background' })
+     */
+    Boolean: (options: {
+        default: boolean;
+        title?: string;
+    }) => import('@sinclair/typebox').TBoolean;
+    /**
+     * Creates an embed field for URLs matching a specific pattern.
+     *
+     * @example
+     * Type.Embed({
+     *   pattern: 'https:\\/\\/(www\\.)?youtube\\.com\\/watch\\?v=.+',
+     *   default: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+     *   title: 'YouTube URL'
+     * })
+     */
+    Embed: (options: {
+        pattern: string;
+        default: string;
+        title?: string;
+    }) => TUnsafe<EmbedURL>;
+    /**
+     * Creates a link field with text, href/pageId, and newTab properties.
+     * Supports both external URLs and internal page links.
+     *
+     * @example
+     * Type.Link({ default: { text: 'Learn more', href: '/', newTab: false }, title: 'CTA' })
+     */
+    Link: (options: {
+        default: {
+            text: string;
+            href: string;
+            newTab: boolean;
+        };
+        title?: string;
+    }) => TUnsafe<LinkValue>;
+    Image: typeof _imageType;
+    File: typeof _fileType;
+};
+export {};
+//# sourceMappingURL=contentType.d.ts.map

package/dist/core/lib/contentType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentType.d.ts","sourceRoot":"","sources":["../../../src/core/lib/contentType.ts"],"names":[],"mappings":"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"}

package/dist/core/lib/contentType.js

@@ -0,0 +1,148 @@
+import { Type } from "@sinclair/typebox";
+//#region src/core/lib/contentType.ts
+function _imageType(options) {
+	const imageDefault = {
+		url: `https://placehold.co/1200x800/f4f4f5/a1a1aa.png?text=${options?.title || "image"}`,
+		alt: "",
+		filename: "placeholder.png",
+		mimeType: "image/png"
+	};
+	const singleSchema = Type.Unsafe({
+		type: "object",
+		properties: {
+			url: { type: "string" },
+			alt: { type: "string" },
+			filename: { type: "string" },
+			mimeType: { type: "string" }
+		},
+		accept: ["image/*"],
+		default: imageDefault,
+		title: options.title,
+		fieldType: "Image"
+	});
+	if (!options.multiple) return singleSchema;
+	const defaultItems = options.defaultItems ?? 0;
+	const itemSchema = Type.Object({ image: singleSchema });
+	const defaultArray = Array.from({ length: defaultItems }, () => ({ image: imageDefault }));
+	return Type.Array(itemSchema, {
+		minItems: 0,
+		maxItems: 100,
+		default: defaultArray,
+		title: options.title,
+		fieldType: "RepeatableObject",
+		arrayItemType: "Image"
+	});
+}
+function _fileType(options) {
+	const fileDefault = {
+		url: "https://placehold.co/file-placeholder",
+		alt: "",
+		filename: "placeholder",
+		mimeType: "application/octet-stream"
+	};
+	const singleSchema = Type.Unsafe({
+		type: "object",
+		properties: {
+			url: { type: "string" },
+			alt: { type: "string" },
+			filename: { type: "string" },
+			mimeType: { type: "string" }
+		},
+		accept: options.accept,
+		default: fileDefault,
+		title: options.title,
+		fieldType: "File"
+	});
+	if (!options.multiple) return singleSchema;
+	const defaultItems = options.defaultItems ?? 0;
+	const itemSchema = Type.Object({ file: singleSchema });
+	const defaultArray = Array.from({ length: defaultItems }, () => ({ file: fileDefault }));
+	return Type.Array(itemSchema, {
+		minItems: 0,
+		maxItems: 100,
+		default: defaultArray,
+		title: options.title,
+		fieldType: "RepeatableObject",
+		arrayItemType: "File"
+	});
+}
+/**
+* Type builders for createBlock content schemas.
+* All fields must have default values.
+*/
+var Type$1 = {
+	String: (options) => {
+		return Type.String({
+			...options,
+			fieldType: "String"
+		});
+	},
+	RepeatableObject: (shape, options) => {
+		if (options.minItems < 1) throw new Error("RepeatableObject requires minItems to be at least 1");
+		const objectSchema = Type.Object(shape);
+		const defaultItem = {};
+		for (const [key, prop] of Object.entries(objectSchema.properties)) if ("default" in prop) defaultItem[key] = prop.default;
+		const defaultArray = Array(options.minItems).fill(null).map(() => ({ ...defaultItem }));
+		return Type.Array(objectSchema, {
+			minItems: options.minItems,
+			maxItems: options.maxItems,
+			default: defaultArray,
+			title: options.title,
+			fieldType: "RepeatableObject",
+			..."toMarkdown" in options && options.toMarkdown ? { toMarkdown: options.toMarkdown } : {}
+		});
+	},
+	Enum: (options) => {
+		const enumValues = Object.keys(options.options);
+		return Type.Unsafe({
+			type: "string",
+			enum: enumValues,
+			default: options.default,
+			title: options.title,
+			enumLabels: options.options,
+			fieldType: "Enum"
+		});
+	},
+	Boolean: (options) => {
+		return Type.Boolean({
+			default: options.default,
+			title: options.title,
+			fieldType: "Boolean"
+		});
+	},
+	Embed: (options) => {
+		if (!new RegExp(options.pattern).test(options.default)) throw new Error(`Embed default value "${options.default}" does not match pattern "${options.pattern}"`);
+		return Type.Unsafe({
+			type: "string",
+			pattern: options.pattern,
+			default: options.default,
+			title: options.title,
+			fieldType: "Embed"
+		});
+	},
+	Link: (options) => {
+		return Type.Unsafe({
+			type: "object",
+			properties: {
+				type: {
+					type: "string",
+					enum: ["external", "page"]
+				},
+				text: { type: "string" },
+				href: { type: "string" },
+				pageId: { type: "string" },
+				newTab: { type: "boolean" }
+			},
+			default: {
+				...options.default,
+				type: "external"
+			},
+			title: options.title,
+			fieldType: "Link"
+		});
+	},
+	Image: _imageType,
+	File: _fileType
+};
+//#endregion
+export { Type$1 as Type };

package/dist/core/lib/fieldTypes.d.ts

@@ -0,0 +1,85 @@
+import { Id } from 'camox/server/dataModel';
+import { LucideProps } from 'lucide-react';
+type FieldLabelMeta = {
+    schemaTitle?: string;
+    fieldName: string;
+    fetchedTitle?: string | null;
+};
+type TreeDoubleClickParams = {
+    blockId: Id<"blocks">;
+    fieldName: string;
+};
+type SchemaFieldMeta = {
+    arrayItemType?: string;
+};
+declare const fieldTypesDictionary: {
+    String: {
+        label: string;
+        isScalar: true;
+        isContentEditable: true;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    RepeatableObject: {
+        label: string;
+        isScalar: false;
+        isContentEditable: false;
+        getIcon: ({ arrayItemType }: SchemaFieldMeta) => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (_value: unknown, { schemaTitle, fieldName }: FieldLabelMeta) => string;
+        onTreeDoubleClick: ({ blockId }: TreeDoubleClickParams) => void;
+    };
+    Enum: {
+        label: string;
+        isScalar: true;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    Boolean: {
+        label: string;
+        isScalar: true;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    Embed: {
+        label: string;
+        isScalar: true;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown, { schemaTitle, fieldName, fetchedTitle }: FieldLabelMeta) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    Link: {
+        label: string;
+        isScalar: false;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    Image: {
+        label: string;
+        isScalar: false;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown, { schemaTitle, fieldName }: FieldLabelMeta) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+    File: {
+        label: string;
+        isScalar: false;
+        isContentEditable: false;
+        getIcon: () => (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
+        getLabel: (value: unknown, { schemaTitle, fieldName }: FieldLabelMeta) => string;
+        onTreeDoubleClick: ({ blockId, fieldName }: TreeDoubleClickParams) => void;
+    };
+};
+type FieldTypesDictionary = typeof fieldTypesDictionary;
+type FieldType = keyof FieldTypesDictionary;
+export type { FieldType, FieldLabelMeta, SchemaFieldMeta };
+export { fieldTypesDictionary };
+//# sourceMappingURL=fieldTypes.d.ts.map