camox 0.7.0 → 0.7.2

package/dist/features/preview/previewStore.d.ts

@@ -1,123 +0,0 @@
-import { Block } from '../../core/createBlock';
-import { FieldType } from '../../core/lib/fieldTypes';
-export type Selection = {
-    type: "block";
-    blockId: string;
-} | {
-    type: "item";
-    blockId: string;
-    itemId: string;
-} | {
-    type: "block-field";
-    blockId: string;
-    fieldName: string;
-    fieldType: FieldType;
-} | {
-    type: "item-field";
-    blockId: string;
-    itemId: string;
-    fieldName: string;
-    fieldType: FieldType;
-};
-/** Extract the blockId from any selection variant. */
-export declare function selectionBlockId(sel: Selection | null): string | null;
-/** Extract the itemId from item or item-field selections. */
-export declare function selectionItemId(sel: Selection | null): string | null;
-/** Check if the selection is viewing a terminal field (link, image, file, etc.). */
-export declare function selectionField(sel: Selection | null): {
-    fieldName: string;
-    fieldType: FieldType;
-} | null;
-interface PreviewContext {
-    isPresentationMode: boolean;
-    isSidebarOpen: boolean;
-    isPageContentSheetOpen: boolean;
-    isAddBlockSheetOpen: boolean;
-    isAgentChatSheetOpen: boolean;
-    isCreatePageSheetOpen: boolean;
-    editingPageId: number | null;
-    isContentLocked: boolean;
-    isMobileMode: boolean;
-    peekedBlock: Block | null;
-    peekedBlockPosition: string | null;
-    peekedPagePathname: string | null;
-    skipPeekedBlockExitAnimation: boolean;
-    selection: Selection | null;
-    iframeElement: HTMLIFrameElement | null;
-}
-export declare const previewStore: import('@xstate/store').Store<PreviewContext, {
-    enterPresentationMode: {
-        type: "enterPresentationMode";
-    };
-    exitPresentationMode: {
-        type: "exitPresentationMode";
-    };
-    toggleSidebar: unknown;
-    toggleLockContent: {
-        type: "toggleLockContent";
-    };
-    toggleMobileMode: {
-        type: "toggleMobileMode";
-    };
-    setPeekedBlock: {
-        block: Block;
-        afterPosition?: string | null;
-    };
-    exitPeekedBlock: unknown;
-    clearPeekedBlock: unknown;
-    setSelection: {
-        selection: Selection | null;
-    };
-    setFocusedBlock: {
-        blockId: string;
-    };
-    selectItem: {
-        blockId: string;
-        itemId: string;
-    };
-    selectBlockField: {
-        blockId: string;
-        fieldName: string;
-        fieldType: FieldType;
-    };
-    selectItemField: {
-        blockId: string;
-        itemId: string;
-        fieldName: string;
-        fieldType: FieldType;
-    };
-    selectParent: unknown;
-    clearSelection: unknown;
-    setPeekedPage: {
-        pathname: string;
-    };
-    clearPeekedPage: unknown;
-    openAddBlockSheet: {
-        afterPosition?: string | null;
-    };
-    closeAddBlockSheet: unknown;
-    focusCreatedBlock: {
-        blockId: string;
-    };
-    clearSkipPeekedBlockExitAnimation: unknown;
-    toggleContentSheet: unknown;
-    openBlockContentSheet: {
-        blockId: string;
-    };
-    closeBlockContentSheet: unknown;
-    openAgentChatSheet: unknown;
-    closeAgentChatSheet: unknown;
-    openCreatePageSheet: unknown;
-    closeCreatePageSheet: unknown;
-    openEditPageSheet: {
-        pageId: number;
-    };
-    closeEditPageSheet: unknown;
-    setIframeElement: {
-        element: HTMLIFrameElement | null;
-    };
-}, {
-    type: string;
-}>;
-export {};
-//# sourceMappingURL=previewStore.d.ts.map

package/dist/features/preview/previewStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"previewStore.d.ts","sourceRoot":"","sources":["../../../src/features/preview/previewStore.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASvD,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,GACjF;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEN,sDAAsD;AACtD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAErE;AAED,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAIpE;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAC5B,GAAG,EAAE,SAAS,GAAG,IAAI,GACpB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAMpD;AAED,UAAU,cAAc;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,sBAAsB,EAAE,OAAO,CAAC;IAChC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,4BAA4B,EAAE,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;eAmDqB,KAAK;wBAAkB,MAAM,GAAG,IAAI;;;;;mBAsBlC,SAAS,GAAG,IAAI;;;iBAIf,MAAM;;;iBAOX,MAAM;gBAAU,MAAM;;;iBAM1C,MAAM;mBAAa,MAAM;mBAAa,SAAS;;;iBAY/C,MAAM;gBAAU,MAAM;mBAAa,MAAM;mBAAa,SAAS;;;;;kBAgCvC,MAAM;;;;wBASI,MAAM,GAAG,IAAI;;;;iBAYpB,MAAM;;;;;iBAgBF,MAAM;;;;;;;;gBA8BX,MAAM;;;;iBAQN,iBAAiB,GAAG,IAAI;;;;EAKxE,CAAC"}

package/dist/features/preview/studio-overlays.css?inline.js

@@ -1,4 +0,0 @@
-//#region src/features/preview/studio-overlays.css?inline
-var studio_overlays_default = "/*\n * Visual editing overlay styles injected into the preview iframe.\n *\n * State is driven by data attributes on the elements:\n * - data-camox-hovered: element is hovered\n * - data-camox-focused: element is focused/selected\n * - data-camox-overlay-mode=\"layout\": use layout (purple) colors\n *\n * Elements are targeted via their existing data attributes:\n * - [data-camox-field-id]: Field, Link, Image, Embed\n * - [data-camox-block-id]: BlockComponent, Detached\n * - [data-camox-repeater-item-id]: RepeaterItemWrapper\n */\n\n:root {\n  --camox-overlay-color-hover: #f472b6bf; /* pink-400 at 75% */\n  --camox-overlay-color-selected: #f472b6; /* pink-400 */\n  --camox-overlay-layout-color-hover: #c084fcbf; /* purple-400 at 75% */\n  --camox-overlay-layout-color-selected: #c084fc; /* purple-400 */\n  --camox-overlay-width-hover: 3px;\n  --camox-overlay-width-selected: 1px;\n  --camox-overlay-inset-field-hover: -1px;\n  --camox-overlay-inset-field-selected: -2px;\n  --camox-overlay-inset-block-hover: -1px;\n  --camox-overlay-inset-block-selected: 0px;\n}\n\n/* Position context for field-level and repeater elements.\n   BlockComponent already has position: relative inline.\n   Detached wraps user elements (e.g. fixed navbars) so must NOT get position: relative. */\n[data-camox-field-id],\n[data-camox-repeater-item-id] {\n  position: relative;\n}\n\n/* ---- Hovered state ---- */\n\n[data-camox-field-id][data-camox-hovered]::after,\n[data-camox-block-id][data-camox-hovered]:not([data-camox-detached])::after,\n[data-camox-repeater-item-id][data-camox-hovered]::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  z-index: 10;\n  inset: var(--camox-overlay-inset-block-hover);\n  border: var(--camox-overlay-width-hover) solid var(--camox-overlay-color-hover);\n}\n\n/* Field-level elements use field-specific inset */\n[data-camox-field-id][data-camox-hovered]:not([data-camox-field-type])::after {\n  inset: var(--camox-overlay-inset-field-hover);\n}\n\n/* ---- Focused state (overrides hovered via source order) ---- */\n\n[data-camox-field-id][data-camox-focused]::after,\n[data-camox-block-id][data-camox-focused]:not([data-camox-detached])::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  z-index: 10;\n  inset: var(--camox-overlay-inset-block-selected);\n  border: var(--camox-overlay-width-selected) solid var(--camox-overlay-color-selected);\n}\n\n/* Field-level elements use field-specific inset */\n[data-camox-field-id][data-camox-focused]:not([data-camox-field-type])::after {\n  inset: var(--camox-overlay-inset-field-selected);\n}\n\n/* ---- Layout mode color overrides ---- */\n\n[data-camox-field-id][data-camox-overlay-mode=\"layout\"][data-camox-hovered]::after,\n[data-camox-block-id][data-camox-overlay-mode=\"layout\"][data-camox-hovered]:not(\n    [data-camox-detached]\n  )::after,\n[data-camox-repeater-item-id][data-camox-overlay-mode=\"layout\"][data-camox-hovered]::after {\n  border-color: var(--camox-overlay-layout-color-hover);\n}\n\n[data-camox-field-id][data-camox-overlay-mode=\"layout\"][data-camox-focused]::after,\n[data-camox-block-id][data-camox-overlay-mode=\"layout\"][data-camox-focused]:not(\n    [data-camox-detached]\n  )::after {\n  border-color: var(--camox-overlay-layout-color-selected);\n}\n\n/* ---- Embed: z-index above click-interceptor ---- */\n\n[data-camox-field-type=\"embed\"][data-camox-hovered]::after,\n[data-camox-field-type=\"embed\"][data-camox-focused]::after {\n  z-index: 11;\n}\n\n/* ---- Detached: styled directly (not ::after) because the parent element\n   (e.g. fixed navbar) must not get position: relative ---- */\n\n[data-camox-detached][data-camox-hovered] {\n  inset: var(--camox-overlay-inset-block-hover);\n  border: var(--camox-overlay-width-hover) solid var(--camox-overlay-color-hover);\n}\n\n[data-camox-detached][data-camox-focused] {\n  inset: var(--camox-overlay-inset-block-selected);\n  border: var(--camox-overlay-width-selected) solid var(--camox-overlay-color-selected);\n}\n\n[data-camox-detached][data-camox-overlay-mode=\"layout\"][data-camox-hovered] {\n  border-color: var(--camox-overlay-layout-color-hover);\n}\n\n[data-camox-detached][data-camox-overlay-mode=\"layout\"][data-camox-focused] {\n  border-color: var(--camox-overlay-layout-color-selected);\n}\n\n/* ---- Sheet overlay (dims non-selected blocks) ---- */\n\n.camox-sheet-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(4px);\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  pointer-events: none;\n  z-index: 20;\n}\n\n.camox-sheet-overlay[data-camox-visible] {\n  opacity: 1;\n}\n\n/* ---- Add block control bar ---- */\n\n.camox-add-block {\n  position: absolute;\n  left: 50%;\n  right: 0;\n  height: 36px;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 11;\n  transition: opacity 150ms ease;\n}\n\n.camox-add-block[data-camox-position=\"top\"] {\n  top: 0;\n  transform: translateX(-50%) translateY(-50%);\n}\n\n.camox-add-block[data-camox-position=\"bottom\"] {\n  bottom: 0;\n  transform: translateX(-50%) translateY(50%);\n}\n\n.camox-add-block[data-camox-hidden] {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.camox-add-block-hitarea {\n  width: 120px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.camox-add-block-button {\n  display: flex;\n  align-items: center;\n  gap: 0px;\n  padding: 0px;\n  width: 20px;\n  height: 20px;\n  justify-content: center;\n  background-color: var(--camox-overlay-color-selected);\n  color: white;\n  border: none;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 150ms ease;\n}\n\n.camox-add-block-button[data-camox-expanded] {\n  gap: 4px;\n  padding: 4px 8px;\n  width: auto;\n  height: auto;\n}\n";
-//#endregion
-export { studio_overlays_default as default };

package/dist/features/provider/CamoxProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CamoxProvider.d.ts","sourceRoot":"","sources":["../../../src/features/provider/CamoxProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA6EjD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,eAAe,GAChB,EAAE,kBAAkB,kDA+BpB"}

package/dist/features/provider/actionsStore.d.ts

@@ -1,35 +0,0 @@
-export type ActionGroupLabel = "Preview" | "Studio" | "Navigation" | "Invisible";
-export interface Action {
-    id: string;
-    label: string;
-    groupLabel: ActionGroupLabel;
-    shortcut?: {
-        key: string;
-        withMeta?: boolean;
-        withAlt?: boolean;
-        withShift?: boolean;
-    };
-    parentActionId?: string;
-    hasChildren?: boolean;
-    execute: () => void;
-    checkIfAvailable: () => boolean;
-}
-export declare const actionsStore: import('@xstate/store').Store<{
-    actions: Action[];
-}, {
-    registerAction: {
-        action: Action;
-    };
-    unregisterAction: {
-        id: string;
-    };
-    registerManyActions: {
-        actions: Action[];
-    };
-    unregisterManyActions: {
-        ids: string[];
-    };
-}, {
-    type: string;
-}>;
-//# sourceMappingURL=actionsStore.d.ts.map

package/dist/features/provider/actionsStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"actionsStore.d.ts","sourceRoot":"","sources":["../../../src/features/provider/actionsStore.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,CAAC;AAEjF,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,YAAY;aACgB,MAAM,EAAE;;;gBAEF,MAAM;;;YAMR,MAAM;;;iBAME,MAAM,EAAE;;;aAMV,MAAM,EAAE;;;;EAOzD,CAAC"}