camox 0.34.0 → 0.35.0

package/dist/features/preview/components/PagePicker.js

@@ -4,15 +4,15 @@ import { pageMutations, pageQueries, projectQueries } from "../../../lib/queries
 import { cn } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
 import { PageStatusBadge } from "./PageStatusBadge.js";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Check, ChevronsUpDown, Pencil, Plus, Trash2 } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
+import { toast } from "@camox/ui/toaster";
 import { Skeleton } from "@camox/ui/skeleton";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@camox/ui/command";
 

package/dist/features/preview/components/PageTree.js

@@ -1,15 +1,15 @@
-import { cn } from "../../../lib/utils.js";
-import { previewStore } from "../previewStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { cn } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { previewStore } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { BlockActionsPopover } from "./BlockActionsPopover.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Ellipsis, GripVertical, LayoutTemplate, Plus } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";

package/dist/features/preview/components/PeekedBlock.js

@@ -1,10 +1,10 @@
-import { previewStore } from "../previewStore.js";
 import { NormalizedDataProvider } from "../../../lib/normalized-data.js";
 import { BlockErrorBoundary } from "./BlockErrorBoundary.js";
+import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/PeekedBlock.tsx
 const PeekedBlock = (t0) => {

package/dist/features/preview/components/PreviewPanel.js

@@ -1,17 +1,17 @@
 import { actionsStore } from "../../provider/actionsStore.js";
 import { checkIfInputFocused, cn } from "../../../lib/utils.js";
-import { Frame, useFrame } from "./Frame.js";
 import { previewStore } from "../previewStore.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { FieldToolbar } from "./FieldToolbar.js";
+import { Frame, useFrame } from "./Frame.js";
 import { Overlays } from "./Overlays.js";
 import { OverlayTracker } from "./OverlayTracker.js";
 import { PreviewToolbar } from "./PreviewToolbar.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { PanelContent } from "@camox/ui/panel";
 
 //#region src/features/preview/components/PreviewPanel.tsx

package/dist/features/preview/components/PreviewToolbar.js

@@ -2,11 +2,11 @@ import { actionsStore } from "../../provider/actionsStore.js";
 import { getActionShortcut } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Monitor, Smartphone, Tablet, X } from "lucide-react";
+import { Label } from "@camox/ui/label";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";
 import * as Tooltip$1 from "@camox/ui/tooltip";

package/dist/features/preview/components/PublishDialog.js

@@ -1,11 +1,11 @@
 import { pageMutations } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { Label } from "@camox/ui/label";
 import { useMutation } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
+import { Label } from "@camox/ui/label";
 import { Switch } from "@camox/ui/switch";
 
 //#region src/features/preview/components/PublishDialog.tsx

package/dist/features/preview/components/RepeatableItemsList.js

@@ -4,8 +4,8 @@ import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { c } from "react/compiler-runtime";
 import { useMutation } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { CircleMinus, CirclePlus, GripVertical } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";

package/dist/features/preview/components/RightSidebar.js

@@ -3,8 +3,8 @@ import { AgentChatSidebar } from "../../agent-chat/components/AgentChatSidebar.j
 import { PageEditorSidebar } from "./PageEditorSidebar.js";
 import { PageInfoSidebar } from "./PageInfoSidebar.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/RightSidebar.tsx
 const getRightSidebarRoute = ({ pageId, selectedBlockId, isAgentChatSidebarOpen }) => {

package/dist/features/preview/components/useRepeatableItemActions.js

@@ -1,6 +1,6 @@
 import { repeatableItemMutations } from "../../../lib/queries.js";
-import { previewStore } from "../previewStore.js";
 import "../../provider/components/CamoxAppContext.js";
+import { previewStore } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery } from "@tanstack/react-query";

package/dist/features/preview/components/useUpdateBlockPosition.js

@@ -3,8 +3,8 @@ import { blockMutations } from "../../../lib/queries.js";
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
+import { useSelector } from "@xstate/store-react";
 import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/features/preview/components/useUpdateBlockPosition.ts

package/dist/features/provider/AuthenticatedCamoxProvider.js

@@ -0,0 +1,63 @@
+import { AuthContext, useAuthActions } from "../../lib/auth.js";
+import { projectQueries } from "../../lib/queries.js";
+import { useApplyTheme, useThemeActions } from "../studio/useTheme.js";
+import { useNavbarActions } from "../studio/components/Navbar.js";
+import { identifyProject, identifyUser } from "../../lib/telemetry-client.js";
+import { usePreviewPagesActions } from "../preview/CamoxPreview.js";
+import { useProjectRoom } from "../../lib/use-project-room.js";
+import { CommandPalette, useCommandPaletteActions } from "./components/CommandPalette.js";
+import { useAdminShortcuts } from "./useAdminShortcuts.js";
+import { useQuery } from "@tanstack/react-query";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Toaster } from "@camox/ui/toaster";
+import studioCssUrl from "virtual:camox-studio-css";
+
+//#region src/features/provider/AuthenticatedCamoxProvider.tsx
+function AuthenticatedCamoxProvider({ children }) {
+	useAdminShortcuts();
+	useCommandPaletteActions();
+	useThemeActions();
+	useAuthActions();
+	useNavbarActions();
+	usePreviewPagesActions();
+	const { authClient, apiUrl, projectSlug, environmentName } = React.useContext(AuthContext);
+	const { data: session } = authClient.useSession();
+	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
+	useProjectRoom(apiUrl, project?.id);
+	React.useEffect(() => {
+		const user = session?.user;
+		if (!user) return;
+		identifyUser({
+			userId: user.id,
+			email: user.email,
+			name: user.name
+		});
+	}, [session?.user]);
+	React.useEffect(() => {
+		if (!project) return;
+		identifyProject({
+			projectId: project.id,
+			projectSlug,
+			projectName: project.name,
+			environmentName
+		});
+	}, [
+		environmentName,
+		project,
+		projectSlug
+	]);
+	const { resolvedTheme } = useApplyTheme();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("link", {
+			rel: "stylesheet",
+			href: studioCssUrl
+		}),
+		children,
+		/* @__PURE__ */ jsx(Toaster, { theme: resolvedTheme }),
+		/* @__PURE__ */ jsx(CommandPalette, {})
+	] });
+}
+
+//#endregion
+export { AuthenticatedCamoxProvider };

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

@@ -4,20 +4,13 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/features/provider/CamoxProvider.d.ts
 interface CamoxProviderProps {
-  children: React.ReactNode;
-  camoxApp: CamoxApp;
-  authenticationUrl: string;
   apiUrl: string;
-  projectSlug: string;
+  authenticationUrl: string;
+  camoxApp: CamoxApp;
+  children: React.ReactNode;
   environmentName?: string;
+  projectSlug: string;
 }
-declare function CamoxProvider({
-  children,
-  camoxApp,
-  authenticationUrl,
-  apiUrl,
-  projectSlug,
-  environmentName
-}: CamoxProviderProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function CamoxProvider(props: CamoxProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CamoxProvider };