camox 0.9.0 → 0.10.0

package/dist/core/components/lexical/SidebarLexicalEditor.js

@@ -72,7 +72,7 @@ function ExternalStateSync(t0) {
 	React.useEffect(t3, t4);
 	return null;
 }
-function SidebarLexicalEditor({ value, onChange, onFocus, onBlur }) {
+function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 	const timerRef = React.useRef(null);
 	const onChangeRef = React.useRef(onChange);
 	onChangeRef.current = onChange;
@@ -98,6 +98,7 @@ function SidebarLexicalEditor({ value, onChange, onFocus, onBlur }) {
 		children: [
 			/* @__PURE__ */ jsx(RichTextPlugin, {
 				contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
+					id,
 					className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
 					onFocus,
 					onBlur

package/dist/core/createApp.d.ts

@@ -15,16 +15,6 @@ declare function createApp({
   layouts
 }: CreateAppOptions): {
   getBlocks(): {
-    Component: ({
-      blockData,
-      mode,
-      isFirstBlock,
-      showAddBlockTop,
-      showAddBlockBottom,
-      addBlockAfterPosition
-    }: BlockComponentProps<{
-      [x: string]: unknown;
-    }>) => _$react_jsx_runtime0.JSX.Element;
     Detached: ({
       children
     }: {
@@ -286,65 +276,67 @@ declare function createApp({
       }, index: number) => React.ReactNode;
     }) => _$react_jsx_runtime0.JSX.Element;
     useSetting: <K extends string>(name: K) => unknown;
-    id: string;
-    title: string;
-    description: string;
-    contentSchema: {
-      type: "object";
+    _internal: {
+      Component: ({
+        blockData,
+        mode,
+        isFirstBlock,
+        showAddBlockTop,
+        showAddBlockBottom,
+        addBlockAfterPosition
+      }: BlockComponentProps<{
+        [x: string]: unknown;
+      }>) => _$react_jsx_runtime0.JSX.Element;
+      id: string;
       title: string;
       description: string;
-      properties: Record<string, _$_sinclair_typebox0.TSchema>;
-      required: string[];
-      toMarkdown: readonly string[];
-    };
-    settingsSchema: {
-      type: "object";
-      properties: Record<string, _$_sinclair_typebox0.TSchema>;
-      required: string[];
-    } | undefined;
-    getInitialBundle: () => {
-      content: Record<string, unknown>;
-      settings: {
-        [x: string]: unknown;
+      contentSchema: {
+        type: "object";
+        title: string;
+        description: string;
+        properties: Record<string, _$_sinclair_typebox0.TSchema>;
+        required: string[];
+        toMarkdown: readonly string[];
       };
-      repeatableItems: RepeatableItemSeed[];
-    };
-    getInitialContent: () => {
-      [x: string]: unknown;
-    };
-    getInitialSettings: () => {
-      [x: string]: unknown;
-    };
-    getPeekBundle: () => {
-      block: {
-        id: number;
-        pageId: null;
-        layoutId: null;
-        type: string;
+      settingsSchema: {
+        type: "object";
+        properties: Record<string, _$_sinclair_typebox0.TSchema>;
+        required: string[];
+      } | undefined;
+      layoutOnly: boolean;
+      getInitialBundle: () => {
         content: Record<string, unknown>;
-        settings: Record<string, unknown>;
-        placement: null;
-        summary: string;
-        position: string;
-        createdAt: number;
-        updatedAt: number;
+        settings: {
+          [x: string]: unknown;
+        };
+        repeatableItems: RepeatableItemSeed[];
+      };
+      getInitialContent: () => {
+        [x: string]: unknown;
+      };
+      getInitialSettings: () => {
+        [x: string]: unknown;
+      };
+      getPeekBundle: () => {
+        block: {
+          id: number;
+          pageId: null;
+          layoutId: null;
+          type: string;
+          content: Record<string, unknown>;
+          settings: Record<string, unknown>;
+          placement: null;
+          summary: string;
+          position: string;
+          createdAt: number;
+          updatedAt: number;
+        };
+        repeatableItems: PeekItem[];
+        files: never[];
       };
-      repeatableItems: PeekItem[];
-      files: never[];
     };
-    layoutOnly: boolean;
   }[];
   getBlockById(id: string): {
-    Component: ({
-      blockData,
-      mode,
-      isFirstBlock,
-      showAddBlockTop,
-      showAddBlockBottom,
-      addBlockAfterPosition
-    }: BlockComponentProps<{
-      [x: string]: unknown;
-    }>) => _$react_jsx_runtime0.JSX.Element;
     Detached: ({
       children
     }: {
@@ -606,171 +598,201 @@ declare function createApp({
       }, index: number) => React.ReactNode;
     }) => _$react_jsx_runtime0.JSX.Element;
     useSetting: <K extends string>(name: K) => unknown;
-    id: string;
-    title: string;
-    description: string;
-    contentSchema: {
-      type: "object";
+    _internal: {
+      Component: ({
+        blockData,
+        mode,
+        isFirstBlock,
+        showAddBlockTop,
+        showAddBlockBottom,
+        addBlockAfterPosition
+      }: BlockComponentProps<{
+        [x: string]: unknown;
+      }>) => _$react_jsx_runtime0.JSX.Element;
+      id: string;
       title: string;
       description: string;
-      properties: Record<string, _$_sinclair_typebox0.TSchema>;
-      required: string[];
-      toMarkdown: readonly string[];
-    };
-    settingsSchema: {
-      type: "object";
-      properties: Record<string, _$_sinclair_typebox0.TSchema>;
-      required: string[];
-    } | undefined;
-    getInitialBundle: () => {
-      content: Record<string, unknown>;
-      settings: {
+      contentSchema: {
+        type: "object";
+        title: string;
+        description: string;
+        properties: Record<string, _$_sinclair_typebox0.TSchema>;
+        required: string[];
+        toMarkdown: readonly string[];
+      };
+      settingsSchema: {
+        type: "object";
+        properties: Record<string, _$_sinclair_typebox0.TSchema>;
+        required: string[];
+      } | undefined;
+      layoutOnly: boolean;
+      getInitialBundle: () => {
+        content: Record<string, unknown>;
+        settings: {
+          [x: string]: unknown;
+        };
+        repeatableItems: RepeatableItemSeed[];
+      };
+      getInitialContent: () => {
         [x: string]: unknown;
       };
-      repeatableItems: RepeatableItemSeed[];
+      getInitialSettings: () => {
+        [x: string]: unknown;
+      };
+      getPeekBundle: () => {
+        block: {
+          id: number;
+          pageId: null;
+          layoutId: null;
+          type: string;
+          content: Record<string, unknown>;
+          settings: Record<string, unknown>;
+          placement: null;
+          summary: string;
+          position: string;
+          createdAt: number;
+          updatedAt: number;
+        };
+        repeatableItems: PeekItem[];
+        files: never[];
+      };
     };
-    getInitialContent: () => {
-      [x: string]: unknown;
+  } | undefined;
+  getLayouts(): {
+    BeforeBlocks: {
+      (): _$react_jsx_runtime0.JSX.Element;
+      displayName: string;
     };
-    getInitialSettings: () => {
-      [x: string]: unknown;
+    AfterBlocks: {
+      (): _$react_jsx_runtime0.JSX.Element;
+      displayName: string;
     };
-    getPeekBundle: () => {
-      block: {
-        id: number;
-        pageId: null;
-        layoutId: null;
+    _internal: {
+      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: null;
-        summary: string;
-        position: string;
-        createdAt: number;
-        updatedAt: number;
-      };
-      repeatableItems: PeekItem[];
-      files: never[];
-    };
-    layoutOnly: boolean;
-  } | undefined;
-  getLayouts(): {
-    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>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
-        content: Record<string, unknown>;
-        position: string;
-      }[];
-      placement: "before";
-    } | {
-      type: string;
-      content: Record<string, unknown>;
-      settings: Record<string, unknown>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+        placement: "before";
+      } | {
+        type: string;
         content: Record<string, unknown>;
-        position: string;
-      }[];
-      placement: "after";
-    })[];
-    initialBlockBundles: {
-      type: string;
-      content: Record<string, unknown>;
-      settings: Record<string, unknown>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
+        settings: Record<string, unknown>;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+        placement: "after";
+      })[];
+      initialBlockBundles: {
+        type: string;
         content: Record<string, unknown>;
-        position: string;
-      }[];
-    }[] | undefined;
-    component: _$react.ComponentType<{
-      children: React.ReactNode;
-    }>;
-    Provider: ({
-      layoutBlocks,
-      children
-    }: {
-      layoutBlocks: Record<string, LayoutBlockData>;
-      children: React.ReactNode;
-    }) => _$react_jsx_runtime0.JSX.Element;
-    blocks: Record<string, React.ComponentType>;
+        settings: Record<string, unknown>;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+      }[] | undefined;
+      component: _$react.ComponentType<{
+        children: React.ReactNode;
+      }>;
+      Provider: ({
+        layoutBlocks,
+        children
+      }: {
+        layoutBlocks: Record<string, LayoutBlockData>;
+        children: React.ReactNode;
+      }) => _$react_jsx_runtime0.JSX.Element;
+    };
   }[];
   getLayoutById(id: string): {
-    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>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
+    BeforeBlocks: {
+      (): _$react_jsx_runtime0.JSX.Element;
+      displayName: string;
+    };
+    AfterBlocks: {
+      (): _$react_jsx_runtime0.JSX.Element;
+      displayName: string;
+    };
+    _internal: {
+      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>;
-        position: string;
-      }[];
-      placement: "before";
-    } | {
-      type: string;
-      content: Record<string, unknown>;
-      settings: Record<string, unknown>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
+        settings: Record<string, unknown>;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+        placement: "before";
+      } | {
+        type: string;
         content: Record<string, unknown>;
-        position: string;
-      }[];
-      placement: "after";
-    })[];
-    initialBlockBundles: {
-      type: string;
-      content: Record<string, unknown>;
-      settings: Record<string, unknown>;
-      repeatableItems: {
-        tempId: string;
-        parentTempId: string | null;
-        fieldName: string;
+        settings: Record<string, unknown>;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+        placement: "after";
+      })[];
+      initialBlockBundles: {
+        type: string;
         content: Record<string, unknown>;
-        position: string;
-      }[];
-    }[] | undefined;
-    component: _$react.ComponentType<{
-      children: React.ReactNode;
-    }>;
-    Provider: ({
-      layoutBlocks,
-      children
-    }: {
-      layoutBlocks: Record<string, LayoutBlockData>;
-      children: React.ReactNode;
-    }) => _$react_jsx_runtime0.JSX.Element;
-    blocks: Record<string, React.ComponentType>;
+        settings: Record<string, unknown>;
+        repeatableItems: {
+          tempId: string;
+          parentTempId: string | null;
+          fieldName: string;
+          content: Record<string, unknown>;
+          position: string;
+        }[];
+      }[] | undefined;
+      component: _$react.ComponentType<{
+        children: React.ReactNode;
+      }>;
+      Provider: ({
+        layoutBlocks,
+        children
+      }: {
+        layoutBlocks: Record<string, LayoutBlockData>;
+        children: React.ReactNode;
+      }) => _$react_jsx_runtime0.JSX.Element;
+    };
   } | undefined;
   getSerializableDefinitions(): {
     blockId: string;

package/dist/core/createApp.js

@@ -2,12 +2,12 @@
 function createApp({ blocks, layouts = [] }) {
 	const blocksMap = /* @__PURE__ */ new Map();
 	const layoutsMap = /* @__PURE__ */ new Map();
-	for (const block of blocks) blocksMap.set(block.id, block);
-	for (const layout of layouts) layoutsMap.set(layout.id, layout);
-	const layoutsWithInitialBlocks = layouts.filter((l) => l.initialBlockBundles);
+	for (const block of blocks) blocksMap.set(block._internal.id, block);
+	for (const layout of layouts) layoutsMap.set(layout._internal.id, layout);
+	const layoutsWithInitialBlocks = layouts.filter((l) => l._internal.initialBlockBundles);
 	if (layoutsWithInitialBlocks.length > 1) {
-		const ids = layoutsWithInitialBlocks.map((l) => `"${l.id}"`).join(", ");
-		throw new Error(`[camox] Only one layout can define initialBlocks, but found ${layoutsWithInitialBlocks.length}: ${ids}`);
+		const ids = layoutsWithInitialBlocks.map((l) => `"${l._internal.id}"`).join(", ");
+		throw new Error(`[camox] Only one layout can define blocks.initial, but found ${layoutsWithInitialBlocks.length}: ${ids}`);
 	}
 	return {
 		getBlocks() {
@@ -24,32 +24,32 @@ function createApp({ blocks, layouts = [] }) {
 		},
 		getSerializableDefinitions() {
 			return Array.from(blocksMap.values()).map((block) => ({
-				blockId: block.id,
-				title: block.title,
-				description: block.description,
-				contentSchema: block.contentSchema,
-				settingsSchema: block.settingsSchema,
-				layoutOnly: block.layoutOnly || void 0
+				blockId: block._internal.id,
+				title: block._internal.title,
+				description: block._internal.description,
+				contentSchema: block._internal.contentSchema,
+				settingsSchema: block._internal.settingsSchema,
+				layoutOnly: block._internal.layoutOnly || void 0
 			}));
 		},
 		getSerializableLayoutDefinitions() {
 			return Array.from(layoutsMap.values()).map((layout) => ({
-				layoutId: layout.id,
-				description: layout.description,
-				blocks: layout.blockDefinitions
+				layoutId: layout._internal.id,
+				description: layout._internal.description,
+				blocks: layout._internal.blockDefinitions
 			}));
 		},
 		getInitialPageBundles() {
 			const layout = layoutsWithInitialBlocks[0];
 			if (layout) return {
-				layoutId: layout.id,
-				blocks: layout.initialBlockBundles,
+				layoutId: layout._internal.id,
+				blocks: layout._internal.initialBlockBundles,
 				hasInitialBlocks: true
 			};
 			const fallback = layouts[0];
 			if (!fallback) return null;
 			return {
-				layoutId: fallback.id,
+				layoutId: fallback._internal.id,
 				blocks: [],
 				hasInitialBlocks: false
 			};