camox 0.0.0 → 0.1.2-alpha.2

package/dist/features/preview/overlayMessages.js

@@ -0,0 +1,9 @@
+//#region src/features/preview/overlayMessages.ts
+function isOverlayMessage(data) {
+	return typeof data === "object" && data !== null && "type" in data && typeof data.type === "string" && data.type.startsWith("CAMOX_");
+}
+function postOverlayMessage(message) {
+	window.parent?.postMessage(message, "*");
+}
+//#endregion
+export { isOverlayMessage, postOverlayMessage };

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

@@ -0,0 +1,2 @@
+export declare const SHEET_WIDTH = 400;
+//# sourceMappingURL=previewConstants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"previewConstants.d.ts","sourceRoot":"","sources":["../../../src/features/preview/previewConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,MAAM,CAAC"}

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

@@ -0,0 +1,116 @@
+import { Doc, Id } from 'camox/server/dataModel';
+import { Block } from '../../core/createBlock';
+import { FieldType } from '../../core/lib/fieldTypes';
+export type SelectionBreadcrumb = {
+    type: FieldType | "Block";
+    id: string;
+    fieldName?: string;
+};
+interface PreviewContext {
+    isPresentationMode: boolean;
+    isSidebarOpen: boolean;
+    isPageContentSheetOpen: boolean;
+    isAddBlockSheetOpen: boolean;
+    isAgentChatSheetOpen: boolean;
+    isCreatePageSheetOpen: boolean;
+    editingPage: Doc<"pages"> | null;
+    isContentLocked: boolean;
+    isMobileMode: boolean;
+    peekedBlock: Block | null;
+    peekedBlockPosition: string | null;
+    peekedPagePathname: string | null;
+    skipPeekedBlockExitAnimation: boolean;
+    selectionBreadcrumbs: SelectionBreadcrumb[];
+    iframeElement: HTMLIFrameElement | null;
+}
+export declare const previewStore: import('@xstate/store').Store<PreviewContext, import('@xstate/store').ExtractEvents<{
+    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: {
+        breadcrumbs: SelectionBreadcrumb[];
+    };
+    setFocusedBlock: {
+        blockId: Id<"blocks">;
+    };
+    setSelectedRepeatableItem: {
+        blockId: Id<"blocks">;
+        itemId: Id<"repeatableItems">;
+        fieldName?: string;
+    };
+    drillIntoRepeatableItem: {
+        itemId: string;
+        fieldName: string;
+    };
+    drillIntoLink: {
+        fieldName: string;
+    };
+    drillIntoImage: {
+        fieldName: string;
+    };
+    drillIntoFile: {
+        fieldName: string;
+    };
+    navigateBreadcrumb: {
+        depth: number;
+    };
+    setSelectedField: {
+        blockId: Id<"blocks">;
+        fieldName: string;
+        fieldType: FieldType;
+    };
+    clearSelection: unknown;
+    clearFocusedBlock: unknown;
+    selectParentBreadcrumb: unknown;
+    setPeekedPage: {
+        pathname: string;
+    };
+    clearPeekedPage: unknown;
+    openAddBlockSheet: {
+        afterPosition?: string | null;
+    };
+    closeAddBlockSheet: unknown;
+    focusCreatedBlock: {
+        blockId: Id<"blocks">;
+    };
+    clearSkipPeekedBlockExitAnimation: unknown;
+    toggleContentSheet: unknown;
+    openBlockContentSheet: {
+        blockId: Id<"blocks">;
+    };
+    setSelectionBreadcrumbs: {
+        breadcrumbs: SelectionBreadcrumb[];
+    };
+    closeBlockContentSheet: unknown;
+    openAgentChatSheet: unknown;
+    closeAgentChatSheet: unknown;
+    openCreatePageSheet: unknown;
+    closeCreatePageSheet: unknown;
+    openEditPageSheet: {
+        page: Doc<"pages">;
+    };
+    closeEditPageSheet: unknown;
+    setIframeElement: {
+        element: HTMLIFrameElement | null;
+    };
+}>, {
+    type: string;
+}>;
+export {};
+//# sourceMappingURL=previewStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"previewStore.d.ts","sourceRoot":"","sources":["../../../src/features/preview/previewStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,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,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACjC,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,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;eAgFqB,KAAK;wBAAkB,MAAM,GAAG,IAAI;;;;;qBA0BhC,mBAAmB,EAAE;;;iBAMtB,EAAE,CAAC,QAAQ,CAAC;;;iBAY5C,EAAE,CAAC,QAAQ,CAAC;gBACb,EAAE,CAAC,iBAAiB,CAAC;oBACjB,MAAM;;;gBAe8B,MAAM;mBAAa,MAAM;;;mBAahC,MAAM;;;mBAaL,MAAM;;;mBAaP,MAAM;;;eAaL,MAAM;;;iBAQhC,EAAE,CAAC,QAAQ,CAAC;mBAAa,MAAM;mBAAa,SAAS;;;;;;kBAiC7B,MAAM;;;;wBAaI,MAAM,GAAG,IAAI;;;;iBAgBpB,EAAE,CAAC,QAAQ,CAAC;;;;;iBAsBR,EAAE,CAAC,QAAQ,CAAC;;;qBAUN,mBAAmB,EAAE;;;;;;;;cAoClC,GAAG,CAAC,OAAO,CAAC;;;;iBAYV,iBAAiB,GAAG,IAAI;;;;EAOxE,CAAC"}

package/dist/features/preview/previewStore.js

@@ -0,0 +1,321 @@
+import { toast } from "@camox/ui/toaster";
+import { createStore } from "@xstate/store";
+//#region src/features/preview/previewStore.ts
+var previewStore = createStore({
+	context: {
+		isPresentationMode: false,
+		isSidebarOpen: true,
+		isPageContentSheetOpen: false,
+		isAddBlockSheetOpen: false,
+		isAgentChatSheetOpen: false,
+		isCreatePageSheetOpen: false,
+		editingPage: null,
+		isContentLocked: false,
+		isMobileMode: false,
+		peekedBlock: null,
+		peekedBlockPosition: null,
+		peekedPagePathname: null,
+		skipPeekedBlockExitAnimation: false,
+		selectionBreadcrumbs: [],
+		iframeElement: null
+	},
+	on: {
+		enterPresentationMode: (context, _, enqueue) => {
+			if (context.isPresentationMode) return context;
+			enqueue.effect(() => {
+				toast("Entering presentation mode. Press ⌘ + Escape to restore admin interface", { duration: 4e3 });
+			});
+			return {
+				...context,
+				isPresentationMode: true
+			};
+		},
+		exitPresentationMode: (context, _, enqueue) => {
+			if (!context.isPresentationMode) return context;
+			enqueue.effect(() => {
+				toast("Leaving presentation mode");
+			});
+			return {
+				...context,
+				isPresentationMode: false
+			};
+		},
+		toggleSidebar: (context) => {
+			if (context.isPresentationMode) return context;
+			return {
+				...context,
+				isSidebarOpen: !context.isSidebarOpen
+			};
+		},
+		toggleLockContent: (context, _, enqueue) => {
+			enqueue.effect(() => {
+				toast(context.isContentLocked ? "Enabling edits" : "Preventing edits");
+			});
+			return {
+				...context,
+				isContentLocked: !context.isContentLocked
+			};
+		},
+		toggleMobileMode: (context, _, enqueue) => {
+			enqueue.effect(() => {
+				toast(context.isMobileMode ? "Leaving mobile mode" : "Entering mobile mode");
+			});
+			return {
+				...context,
+				isMobileMode: !context.isMobileMode
+			};
+		},
+		setPeekedBlock: (context, event) => {
+			if (!event.block) return context;
+			return {
+				...context,
+				peekedBlock: event.block,
+				peekedBlockPosition: event.afterPosition ?? null
+			};
+		},
+		exitPeekedBlock: (context) => {
+			return {
+				...context,
+				peekedBlock: null,
+				peekedBlockPosition: null,
+				isAddBlockSheetOpen: false
+			};
+		},
+		clearPeekedBlock: (context) => {
+			return {
+				...context,
+				peekedBlock: null,
+				peekedBlockPosition: null
+			};
+		},
+		setSelection: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: event.breadcrumbs
+			};
+		},
+		setFocusedBlock: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [{
+					type: "Block",
+					id: event.blockId
+				}],
+				peekedBlock: null,
+				peekedBlockPosition: null,
+				isAddBlockSheetOpen: false
+			};
+		},
+		setSelectedRepeatableItem: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [{
+					type: "Block",
+					id: event.blockId
+				}, {
+					type: "RepeatableObject",
+					id: event.itemId,
+					fieldName: event.fieldName
+				}]
+			};
+		},
+		drillIntoRepeatableItem: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [...context.selectionBreadcrumbs, {
+					type: "RepeatableObject",
+					id: event.itemId,
+					fieldName: event.fieldName
+				}]
+			};
+		},
+		drillIntoLink: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [...context.selectionBreadcrumbs, {
+					type: "Link",
+					id: event.fieldName,
+					fieldName: event.fieldName
+				}]
+			};
+		},
+		drillIntoImage: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [...context.selectionBreadcrumbs, {
+					type: "Image",
+					id: event.fieldName,
+					fieldName: event.fieldName
+				}]
+			};
+		},
+		drillIntoFile: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [...context.selectionBreadcrumbs, {
+					type: "File",
+					id: event.fieldName,
+					fieldName: event.fieldName
+				}]
+			};
+		},
+		navigateBreadcrumb: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: context.selectionBreadcrumbs.slice(0, event.depth + 1)
+			};
+		},
+		setSelectedField: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [{
+					type: "Block",
+					id: event.blockId
+				}, {
+					type: event.fieldType,
+					id: event.fieldName
+				}]
+			};
+		},
+		clearSelection: (context) => {
+			return {
+				...context,
+				selectionBreadcrumbs: []
+			};
+		},
+		clearFocusedBlock: (context) => {
+			return {
+				...context,
+				selectionBreadcrumbs: []
+			};
+		},
+		selectParentBreadcrumb: (context) => {
+			if (context.selectionBreadcrumbs.length === 0) return context;
+			return {
+				...context,
+				selectionBreadcrumbs: context.selectionBreadcrumbs.slice(0, -1)
+			};
+		},
+		setPeekedPage: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [],
+				peekedPagePathname: event.pathname
+			};
+		},
+		clearPeekedPage: (context) => {
+			return {
+				...context,
+				peekedPagePathname: null
+			};
+		},
+		openAddBlockSheet: (context, event) => {
+			return {
+				...context,
+				isAddBlockSheetOpen: true,
+				peekedBlock: null,
+				peekedBlockPosition: event.afterPosition ?? null
+			};
+		},
+		closeAddBlockSheet: (context) => {
+			return {
+				...context,
+				isAddBlockSheetOpen: false,
+				peekedBlock: null,
+				peekedBlockPosition: null
+			};
+		},
+		focusCreatedBlock: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: [{
+					type: "Block",
+					id: event.blockId
+				}],
+				isAddBlockSheetOpen: false,
+				peekedBlock: null,
+				peekedBlockPosition: null,
+				skipPeekedBlockExitAnimation: true
+			};
+		},
+		clearSkipPeekedBlockExitAnimation: (context) => {
+			return {
+				...context,
+				skipPeekedBlockExitAnimation: false
+			};
+		},
+		toggleContentSheet: (context) => {
+			return {
+				...context,
+				isPageContentSheetOpen: !context.isPageContentSheetOpen
+			};
+		},
+		openBlockContentSheet: (context, event) => {
+			const currentBlockMatches = context.selectionBreadcrumbs[0]?.id === event.blockId;
+			return {
+				...context,
+				isPageContentSheetOpen: true,
+				selectionBreadcrumbs: currentBlockMatches ? context.selectionBreadcrumbs : [{
+					type: "Block",
+					id: event.blockId
+				}]
+			};
+		},
+		setSelectionBreadcrumbs: (context, event) => {
+			return {
+				...context,
+				selectionBreadcrumbs: event.breadcrumbs
+			};
+		},
+		closeBlockContentSheet: (context) => {
+			return {
+				...context,
+				isPageContentSheetOpen: false
+			};
+		},
+		openAgentChatSheet: (context) => {
+			return {
+				...context,
+				isAgentChatSheetOpen: true
+			};
+		},
+		closeAgentChatSheet: (context) => {
+			return {
+				...context,
+				isAgentChatSheetOpen: false
+			};
+		},
+		openCreatePageSheet: (context) => {
+			return {
+				...context,
+				isCreatePageSheetOpen: true
+			};
+		},
+		closeCreatePageSheet: (context) => {
+			return {
+				...context,
+				isCreatePageSheetOpen: false
+			};
+		},
+		openEditPageSheet: (context, event) => {
+			return {
+				...context,
+				editingPage: event.page
+			};
+		},
+		closeEditPageSheet: (context) => {
+			return {
+				...context,
+				editingPage: null
+			};
+		},
+		setIframeElement: (context, event) => {
+			return {
+				...context,
+				iframeElement: event.element
+			};
+		}
+	}
+});
+//#endregion
+export { previewStore };

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

@@ -0,0 +1,11 @@
+import { CamoxApp } from '../../core/createApp';
+import * as React from "react";
+interface CamoxProviderProps {
+    children: React.ReactNode;
+    camoxApp: CamoxApp;
+    convexUrl: string;
+    managementUrl: string;
+}
+export declare function CamoxProvider({ children, camoxApp, convexUrl, managementUrl, }: CamoxProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CamoxProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAiEjD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,kBAAkB,kDA4BpB"}

package/dist/features/provider/CamoxProvider.js

@@ -0,0 +1,73 @@
+import { CamoxAppProvider } from "./components/CamoxAppContext.js";
+import { useTheme, useThemeActions } from "../studio/useTheme.js";
+import { useNavbarActions } from "../studio/components/Navbar.js";
+import { usePreviewPagesActions } from "../preview/CamoxPreview.js";
+import { CommandPalette, useCommandPaletteActions } from "./components/CommandPalette.js";
+import { useAdminShortcuts } from "./useAdminShortcuts.js";
+import { Toaster } from "@camox/ui/toaster";
+import { ConvexReactClient } from "convex/react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AuthContext, createCamoxAuthClient, useAuthActions, useProcessOtt, useSignInRedirect } from "@/lib/auth";
+import { ConvexBetterAuthProvider } from "@convex-dev/better-auth/react";
+import studioCssUrl from "virtual:camox-studio-css";
+import { AuthGate } from "@/components/AuthGate";
+//#region src/features/provider/CamoxProvider.tsx
+var AuthenticatedCamoxProvider = ({ children }) => {
+	useAdminShortcuts();
+	useCommandPaletteActions();
+	useThemeActions();
+	useAuthActions();
+	useNavbarActions();
+	usePreviewPagesActions();
+	const { theme } = useTheme();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		children,
+		/* @__PURE__ */ jsx(Toaster, { theme }),
+		/* @__PURE__ */ jsx(CommandPalette, {})
+	] });
+};
+var UnauthenticatedCamoxProvider = ({ children }) => {
+	const signInRedirect = useSignInRedirect();
+	React.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if ((event.metaKey || event.ctrlKey) && event.key === "Escape") {
+				event.preventDefault();
+				signInRedirect();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [signInRedirect]);
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+		className: "bg-background min-h-screen",
+		children
+	}) });
+};
+function CamoxProvider({ children, camoxApp, convexUrl, managementUrl }) {
+	const convexReactClient = React.useMemo(() => new ConvexReactClient(convexUrl), [convexUrl]);
+	const authClient = React.useMemo(() => createCamoxAuthClient(managementUrl), [managementUrl]);
+	if (!useProcessOtt(authClient)) return null;
+	return /* @__PURE__ */ jsx(AuthContext.Provider, {
+		value: {
+			authClient,
+			managementUrl
+		},
+		children: /* @__PURE__ */ jsx(ConvexBetterAuthProvider, {
+			client: convexReactClient,
+			authClient,
+			children: /* @__PURE__ */ jsx(CamoxAppProvider, {
+				app: camoxApp,
+				children: /* @__PURE__ */ jsx(AuthGate, {
+					authenticated: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("link", {
+						rel: "stylesheet",
+						href: studioCssUrl
+					}), /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children })] }),
+					unauthenticated: /* @__PURE__ */ jsx(UnauthenticatedCamoxProvider, { children })
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { CamoxProvider };

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

@@ -0,0 +1,39 @@
+import type * as icons from "lucide-react";
+type IconKey = keyof typeof icons;
+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;
+    };
+    icon?: IconKey;
+    parentActionId?: string;
+    hasChildren?: boolean;
+    execute: () => void;
+    checkIfAvailable: () => boolean;
+}
+export declare const actionsStore: import('@xstate/store').Store<{
+    actions: Action[];
+}, import('@xstate/store').ExtractEvents<{
+    registerAction: {
+        action: Action;
+    };
+    unregisterAction: {
+        id: string;
+    };
+    registerManyActions: {
+        actions: Action[];
+    };
+    unregisterManyActions: {
+        ids: string[];
+    };
+}>, {
+    type: string;
+}>;
+export {};
+//# sourceMappingURL=actionsStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actionsStore.d.ts","sourceRoot":"","sources":["../../../src/features/provider/actionsStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAE3C,KAAK,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AAClC,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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,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"}

package/dist/features/provider/actionsStore.js

@@ -0,0 +1,35 @@
+import { createStore } from "@xstate/store";
+//#region src/features/provider/actionsStore.ts
+var actionsStore = createStore({
+	context: { actions: [] },
+	on: {
+		registerAction: (context, event) => {
+			if (context.actions.find((action) => action.id === event.action.id)) return context;
+			return {
+				...context,
+				actions: [...context.actions, event.action]
+			};
+		},
+		unregisterAction: (context, event) => {
+			return {
+				...context,
+				actions: context.actions.filter((action) => action.id !== event.id)
+			};
+		},
+		registerManyActions: (context, event) => {
+			const newActions = event.actions.filter((newAction) => !context.actions.find((action) => action.id === newAction.id));
+			return {
+				...context,
+				actions: [...context.actions, ...newActions]
+			};
+		},
+		unregisterManyActions: (context, event) => {
+			return {
+				...context,
+				actions: context.actions.filter((action) => !event.ids.includes(action.id))
+			};
+		}
+	}
+});
+//#endregion
+export { actionsStore };