camox 0.10.0 → 0.11.0

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

@@ -194,7 +194,7 @@ const SingleAssetFieldEditor = (t0) => {
 				children: [
 					/* @__PURE__ */ jsxs("button", {
 						type: "button",
-						className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2 rounded-sm p-1 focus-visible:outline-2",
+						className: "flex min-w-0 flex-1 cursor-zoom-in items-center gap-2 rounded-sm p-1",
 						onClick: () => setLightboxOpen(true),
 						children: [isImage ? /* @__PURE__ */ jsx("div", {
 							className: "border-border h-10 w-10 shrink-0 overflow-hidden rounded border",

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

@@ -7,11 +7,11 @@ import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store/react";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { useNavigate } from "@tanstack/react-router";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { Spinner } from "@camox/ui/spinner";

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

@@ -11,12 +11,12 @@ import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
-import { useNavigate } from "@tanstack/react-router";
 import { Globe, Info } from "lucide-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";

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

@@ -5,11 +5,11 @@ import { cn, formatPathSegment } from "../../../lib/utils.js";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { useLocation, useNavigate } from "@tanstack/react-router";
 import { Check, ChevronsUpDown, Pencil, Plus, Trash2 } from "lucide-react";
 import { Skeleton } from "@camox/ui/skeleton";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@camox/ui/command";

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

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

package/dist/features/provider/CamoxProvider.js

@@ -93,7 +93,7 @@ const UnauthenticatedCamoxProvider = (t0) => {
 	let t4;
 	if ($[5] !== signInRedirect) {
 		t3 = () => {
-			if (!import.meta.env.PROD) return;
+			if (import.meta.env.PROD) return;
 			const toastId = toast("Sign in to open Camox Studio", {
 				duration: Infinity,
 				action: {

package/dist/features/routes/pageRoute.js

@@ -2,11 +2,11 @@ import { seedBlockCaches } from "../../lib/normalized-data.js";
 import { CamoxPreview, PageContent } from "../preview/CamoxPreview.js";
 import { trackEvent } from "../../lib/analytics.js";
 import { c } from "react/compiler-runtime";
+import { notFound } from "@tanstack/react-router";
 import { jsx } from "react/jsx-runtime";
 import { queryKeys } from "@camox/api-contract/query-keys";
 import { createORPCClient } from "@orpc/client";
 import { RPCLink } from "@orpc/client/fetch";
-import { notFound } from "@tanstack/react-router";
 import { createMiddleware, createServerFn } from "@tanstack/react-start";
 import { getRequest } from "@tanstack/react-start/server";
 
@@ -70,11 +70,12 @@ function createPageLoader(apiUrl, projectSlug, environmentName) {
 			const [page, origin] = await Promise.all([context.queryClient.ensureQueryData({
 				queryKey: queryKeys.pages.getByPath(location.pathname),
 				queryFn: async () => {
-					const data = await serverApi.pages.getByPath({
+					const [data, pagesList] = await Promise.all([serverApi.pages.getByPath({
 						path: location.pathname,
 						projectSlug
-					});
+					}), serverApi.pages.listBySlug({ projectSlug }).catch(() => null)]);
 					seedBlockCaches(context.queryClient, data);
+					if (pagesList) context.queryClient.setQueryData(queryKeys.pages.list, pagesList);
 					return {
 						page: data.page,
 						layout: data.layout,

package/dist/features/studio/CamoxStudio.js

@@ -1,9 +1,9 @@
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
 import { Navbar } from "./components/Navbar.js";
 import { c } from "react/compiler-runtime";
+import { Navigate, useLocation } from "@tanstack/react-router";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Navigate, useLocation } from "@tanstack/react-router";
 
 //#region src/features/studio/CamoxStudio.tsx
 const CamoxStudio = (t0) => {

package/dist/features/studio/components/Navbar.js

@@ -10,10 +10,10 @@ import { UserButton } from "./UserButton.js";
 import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useQuery } from "@tanstack/react-query";
+import { Link, useLocation, useNavigate } from "@tanstack/react-router";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { Link, useLocation, useNavigate } from "@tanstack/react-router";
 import { Database, Globe, SearchIcon } from "lucide-react";
 
 //#region src/features/studio/components/Navbar.tsx

package/dist/features/studio/components/ProjectMenu.js

@@ -2,10 +2,10 @@ import { AuthContext } from "../../../lib/auth.js";
 import { projectQueries } from "../../../lib/queries.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
+import { Link } from "@tanstack/react-router";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { Link } from "@tanstack/react-router";
 import { ChevronDown, Globe, Info, Settings, Users } from "lucide-react";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 import { Skeleton } from "@camox/ui/skeleton";

package/dist/features/vite/blockBoilerplate.js

@@ -27,7 +27,7 @@ const ${camelName} = createBlock({
     title: Type.String({ default: "Title" }),
   },
   component: ${pascalName}Component,
-  toMarkdown: ['{{title}}']
+  toMarkdown: (c) => [c.title]
 });
 
 function ${pascalName}Component() {

package/dist/features/vite/vite.js

@@ -74,48 +74,51 @@ function camox(options) {
 					__CAMOX_API_URL__: JSON.stringify(apiUrl),
 					__CAMOX_PROJECT_SLUG__: JSON.stringify(options.projectSlug)
 				},
-				optimizeDeps: { include: [
-					"camox > @base-ui/react/accordion",
-					"camox > @base-ui/react/alert-dialog",
-					"camox > @base-ui/react/avatar",
-					"camox > @base-ui/react/dialog",
-					"camox > @base-ui/react/input",
-					"camox > @base-ui/react/menu",
-					"camox > @base-ui/react/merge-props",
-					"camox > @base-ui/react/popover",
-					"camox > @base-ui/react/select",
-					"camox > @base-ui/react/separator",
-					"camox > @base-ui/react/switch",
-					"camox > @base-ui/react/tabs",
-					"camox > @base-ui/react/toggle",
-					"camox > @base-ui/react/tooltip",
-					"camox > @base-ui/react/use-render",
-					"camox > @dnd-kit/core",
-					"camox > @dnd-kit/modifiers",
-					"camox > @dnd-kit/sortable",
-					"camox > @dnd-kit/utilities",
-					"camox > @lexical/react/LexicalComposer",
-					"camox > @lexical/react/LexicalComposerContext",
-					"camox > @lexical/react/LexicalContentEditable",
-					"camox > @lexical/react/LexicalOnChangePlugin",
-					"camox > @lexical/react/LexicalRichTextPlugin",
-					"camox > @orpc/client",
-					"camox > @orpc/client/fetch",
-					"camox > @orpc/tanstack-query",
-					"camox > @sinclair/typebox",
-					"camox > @takumi-rs/image-response",
-					"camox > @tanstack/react-form",
-					"camox > @xstate/store",
-					"camox > @xstate/store/react",
-					"camox > @camox/ui > cmdk",
-					"camox > fractional-indexing",
-					"camox > lexical",
-					"camox > posthog-js",
-					"camox > shiki",
-					"camox > @camox/ui > sonner",
-					"camox > @tanstack/react-query-devtools/production",
-					"camox > partysocket/react"
-				] }
+				optimizeDeps: {
+					include: [
+						"camox > @base-ui/react/accordion",
+						"camox > @base-ui/react/alert-dialog",
+						"camox > @base-ui/react/avatar",
+						"camox > @base-ui/react/dialog",
+						"camox > @base-ui/react/input",
+						"camox > @base-ui/react/menu",
+						"camox > @base-ui/react/merge-props",
+						"camox > @base-ui/react/popover",
+						"camox > @base-ui/react/select",
+						"camox > @base-ui/react/separator",
+						"camox > @base-ui/react/switch",
+						"camox > @base-ui/react/tabs",
+						"camox > @base-ui/react/toggle",
+						"camox > @base-ui/react/tooltip",
+						"camox > @base-ui/react/use-render",
+						"camox > @dnd-kit/core",
+						"camox > @dnd-kit/modifiers",
+						"camox > @dnd-kit/sortable",
+						"camox > @dnd-kit/utilities",
+						"camox > @lexical/react/LexicalComposer",
+						"camox > @lexical/react/LexicalComposerContext",
+						"camox > @lexical/react/LexicalContentEditable",
+						"camox > @lexical/react/LexicalOnChangePlugin",
+						"camox > @lexical/react/LexicalRichTextPlugin",
+						"camox > @orpc/client",
+						"camox > @orpc/client/fetch",
+						"camox > @orpc/tanstack-query",
+						"camox > @sinclair/typebox",
+						"camox > @takumi-rs/image-response",
+						"camox > @tanstack/react-form",
+						"camox > @xstate/store",
+						"camox > @xstate/store/react",
+						"camox > @camox/ui > cmdk",
+						"camox > fractional-indexing",
+						"camox > lexical",
+						"camox > posthog-js",
+						"camox > shiki",
+						"camox > @camox/ui > sonner",
+						"camox > @tanstack/react-query-devtools/production",
+						"camox > partysocket/react"
+					],
+					exclude: ["virtual:tanstack-start-client-entry"]
+				}
 			};
 		},
 		configResolved(config) {