camox 0.16.0 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/core/createBlock.js +19 -19
  2. package/dist/core/hooks/useFieldSelection.js +3 -3
  3. package/dist/core/hooks/useIsEditable.js +3 -3
  4. package/dist/features/preview/CamoxPreview.js +9 -9
  5. package/dist/features/preview/components/AddBlockSheet.js +6 -15
  6. package/dist/features/preview/components/AgentChatSheet.js +3 -3
  7. package/dist/features/preview/components/BlockActionsPopover.js +3 -3
  8. package/dist/features/preview/components/CreatePageModal.js +1 -1
  9. package/dist/features/preview/components/EditPageModal.js +9 -9
  10. package/dist/features/preview/components/FieldToolbar.js +3 -3
  11. package/dist/features/preview/components/OverlayTracker.js +3 -3
  12. package/dist/features/preview/components/Overlays.js +3 -3
  13. package/dist/features/preview/components/PageContentSheet.js +1 -1
  14. package/dist/features/preview/components/PagePicker.js +1 -1
  15. package/dist/features/preview/components/PageTree.js +23 -23
  16. package/dist/features/preview/components/PeekedBlock.js +3 -3
  17. package/dist/features/preview/components/PreviewPanel.js +7 -7
  18. package/dist/features/preview/components/PreviewSideSheet.js +5 -5
  19. package/dist/features/preview/components/PreviewToolbar.js +3 -3
  20. package/dist/features/preview/components/RepeatableItemsList.js +5 -5
  21. package/dist/features/preview/components/useUpdateBlockPosition.js +3 -3
  22. package/dist/features/preview/previewStore.js +1 -1
  23. package/dist/features/provider/actionsStore.js +1 -1
  24. package/dist/features/provider/components/CommandPalette.js +5 -5
  25. package/dist/features/provider/useAdminShortcuts.js +3 -3
  26. package/dist/features/studio/studioStore.js +1 -1
  27. package/dist/features/vite/vite.js +1 -2
  28. package/dist/studio.css +1 -1
  29. package/package.json +5 -5
@@ -10,7 +10,7 @@ import { Overlays } from "./Overlays.js";
10
10
  import { OverlayTracker } from "./OverlayTracker.js";
11
11
  import { PreviewToolbar } from "./PreviewToolbar.js";
12
12
  import { c } from "react/compiler-runtime";
13
- import { useSelector } from "@xstate/store/react";
13
+ import { useSelector } from "@xstate/store-react";
14
14
  import * as React from "react";
15
15
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
16
  import { PanelContent } from "@camox/ui/panel";
@@ -18,9 +18,9 @@ import { PanelContent } from "@camox/ui/panel";
18
18
  //#region src/features/preview/components/PreviewPanel.tsx
19
19
  const PreviewFrame = (t0) => {
20
20
  const $ = c(9);
21
- if ($[0] !== "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a") {
21
+ if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
22
22
  for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
23
- $[0] = "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a";
23
+ $[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
24
24
  }
25
25
  const { children, style, className, onIframeReady } = t0;
26
26
  let t1;
@@ -61,9 +61,9 @@ const PreviewFrame = (t0) => {
61
61
  };
62
62
  const KeyDownForwarder = () => {
63
63
  const $ = c(5);
64
- if ($[0] !== "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a") {
64
+ if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
65
65
  for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
66
- $[0] = "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a";
66
+ $[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
67
67
  }
68
68
  const { window: iframeWindow } = useFrame();
69
69
  const actions = useSelector(actionsStore, _temp);
@@ -120,9 +120,9 @@ const KeyDownForwarder = () => {
120
120
  };
121
121
  const PreviewPanel = (t0) => {
122
122
  const $ = c(16);
123
- if ($[0] !== "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a") {
123
+ if ($[0] !== "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4") {
124
124
  for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
125
- $[0] = "5933d2fdbd2df9c1913bc5ea18471cee06020a8ad70e86f537fee63569a5946a";
125
+ $[0] = "0ff00f7e0a48a9512a0a40e1f9f3e978f0fd159929e643b5036b8a98b2f79fe4";
126
126
  }
127
127
  const { children } = t0;
128
128
  useBlockActionsShortcuts();
@@ -1,6 +1,6 @@
1
1
  import { previewStore } from "../previewStore.js";
2
2
  import { c } from "react/compiler-runtime";
3
- import { useSelector } from "@xstate/store/react";
3
+ import { useSelector } from "@xstate/store-react";
4
4
  import "react";
5
5
  import * as Sheet from "@camox/ui/sheet";
6
6
  import { jsx } from "react/jsx-runtime";
@@ -8,9 +8,9 @@ import { jsx } from "react/jsx-runtime";
8
8
  //#region src/features/preview/components/PreviewSideSheet.tsx
9
9
  const PreviewSideSheet = (t0) => {
10
10
  const $ = c(10);
11
- if ($[0] !== "c5d978e667783fedcb769bc26b0b2f3c7ea9b1a723f2413eb1bfaae8f7824b2b") {
11
+ if ($[0] !== "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23") {
12
12
  for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
13
- $[0] = "c5d978e667783fedcb769bc26b0b2f3c7ea9b1a723f2413eb1bfaae8f7824b2b";
13
+ $[0] = "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23";
14
14
  }
15
15
  const { open, onOpenChange, initialFocus, children, className } = t0;
16
16
  let t1;
@@ -49,9 +49,9 @@ const PreviewSideSheet = (t0) => {
49
49
  };
50
50
  function useIsPreviewSheetOpen() {
51
51
  const $ = c(1);
52
- if ($[0] !== "c5d978e667783fedcb769bc26b0b2f3c7ea9b1a723f2413eb1bfaae8f7824b2b") {
52
+ if ($[0] !== "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23") {
53
53
  for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
54
- $[0] = "c5d978e667783fedcb769bc26b0b2f3c7ea9b1a723f2413eb1bfaae8f7824b2b";
54
+ $[0] = "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23";
55
55
  }
56
56
  const isPageContentSheetOpen = useSelector(previewStore, _temp);
57
57
  const isPeekingBlock = useSelector(previewStore, _temp2);
@@ -3,7 +3,7 @@ import { actionsStore } from "../../provider/actionsStore.js";
3
3
  import { cn, getActionShortcut } from "../../../lib/utils.js";
4
4
  import { c } from "react/compiler-runtime";
5
5
  import { Kbd } from "@camox/ui/kbd";
6
- import { useSelector } from "@xstate/store/react";
6
+ import { useSelector } from "@xstate/store-react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import { Button } from "@camox/ui/button";
9
9
  import * as Tooltip$1 from "@camox/ui/tooltip";
@@ -15,9 +15,9 @@ import { Toggle } from "@camox/ui/toggle";
15
15
  //#region src/features/preview/components/PreviewToolbar.tsx
16
16
  const PreviewToolbar = () => {
17
17
  const $ = c(65);
18
- if ($[0] !== "c83359b0087440832f15caf03a695a6fa7f5358bbc0e93118e0e370873ef1141") {
18
+ if ($[0] !== "b452b7baa4fb4cb149824bb550df61b39b24db4bcb84791dcb480b6a06e8b4f5") {
19
19
  for (let $i = 0; $i < 65; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
20
- $[0] = "c83359b0087440832f15caf03a695a6fa7f5358bbc0e93118e0e370873ef1141";
20
+ $[0] = "b452b7baa4fb4cb149824bb550df61b39b24db4bcb84791dcb480b6a06e8b4f5";
21
21
  }
22
22
  const isEditingLocked = useSelector(previewStore, _temp);
23
23
  const isEditingPanelOpen = useSelector(previewStore, _temp2);
@@ -4,7 +4,7 @@ import { cn } from "../../../lib/utils.js";
4
4
  import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import { useMutation } from "@tanstack/react-query";
7
- import { useSelector } from "@xstate/store/react";
7
+ import { useSelector } from "@xstate/store-react";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  import { Button } from "@camox/ui/button";
10
10
  import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
@@ -17,9 +17,9 @@ import { CSS } from "@dnd-kit/utilities";
17
17
  //#region src/features/preview/components/RepeatableItemsList.tsx
18
18
  const SortableRepeatableItem = (t0) => {
19
19
  const $ = c(47);
20
- if ($[0] !== "4d49cc6148051733fc9bcda7aa88db74588442d3481baf1e20047b618caf419a") {
20
+ if ($[0] !== "1ee75e44cc1535553f2a0db7a9c51ae835ec57f2adce6c4034b28916cd743097") {
21
21
  for (let $i = 0; $i < 47; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
22
- $[0] = "4d49cc6148051733fc9bcda7aa88db74588442d3481baf1e20047b618caf419a";
22
+ $[0] = "1ee75e44cc1535553f2a0db7a9c51ae835ec57f2adce6c4034b28916cd743097";
23
23
  }
24
24
  const { item, fieldName, blockId, canRemove, onRemove } = t0;
25
25
  const t1 = String(item.id);
@@ -205,9 +205,9 @@ const SortableRepeatableItem = (t0) => {
205
205
  };
206
206
  const RepeatableItemsList = (t0) => {
207
207
  const $ = c(25);
208
- if ($[0] !== "4d49cc6148051733fc9bcda7aa88db74588442d3481baf1e20047b618caf419a") {
208
+ if ($[0] !== "1ee75e44cc1535553f2a0db7a9c51ae835ec57f2adce6c4034b28916cd743097") {
209
209
  for (let $i = 0; $i < 25; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
210
- $[0] = "4d49cc6148051733fc9bcda7aa88db74588442d3481baf1e20047b618caf419a";
210
+ $[0] = "1ee75e44cc1535553f2a0db7a9c51ae835ec57f2adce6c4034b28916cd743097";
211
211
  }
212
212
  const { items, blockId, fieldName, schema } = t0;
213
213
  let t1;
@@ -3,16 +3,16 @@ import { blockMutations } from "../../../lib/queries.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import { useMutation, useQueryClient } from "@tanstack/react-query";
5
5
  import { useLocation } from "@tanstack/react-router";
6
- import { useSelector } from "@xstate/store/react";
6
+ import { useSelector } from "@xstate/store-react";
7
7
  import { generateKeyBetween } from "fractional-indexing";
8
8
  import { queryKeys } from "@camox/api-contract/query-keys";
9
9
 
10
10
  //#region src/features/preview/components/useUpdateBlockPosition.ts
11
11
  function useUpdateBlockPosition() {
12
12
  const $ = c(5);
13
- if ($[0] !== "cfd2dbbd0b074b69d0620d0a4c9349251b74dbca99375732a76b4d2073db2bfc") {
13
+ if ($[0] !== "5a96eb36dc11e719c3b59bd9e9b0341b45aea01f26dbb80c97c8a13ec4179126") {
14
14
  for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
15
- $[0] = "cfd2dbbd0b074b69d0620d0a4c9349251b74dbca99375732a76b4d2073db2bfc";
15
+ $[0] = "5a96eb36dc11e719c3b59bd9e9b0341b45aea01f26dbb80c97c8a13ec4179126";
16
16
  }
17
17
  const queryClient = useQueryClient();
18
18
  const { pathname } = useLocation();
@@ -1,5 +1,5 @@
1
1
  import { toast } from "@camox/ui/toaster";
2
- import { createStore } from "@xstate/store";
2
+ import { createStore } from "@xstate/store-react";
3
3
 
4
4
  //#region src/features/preview/previewStore.ts
5
5
  /** Extract the blockId from any selection variant. */
@@ -1,4 +1,4 @@
1
- import { createStore } from "@xstate/store";
1
+ import { createStore } from "@xstate/store-react";
2
2
 
3
3
  //#region src/features/provider/actionsStore.ts
4
4
  const actionsStore = createStore({
@@ -2,7 +2,7 @@ import { actionsStore } from "../actionsStore.js";
2
2
  import { formatShortcut } from "../../../lib/utils.js";
3
3
  import { studioStore } from "../../studio/studioStore.js";
4
4
  import { c } from "react/compiler-runtime";
5
- import { useSelector } from "@xstate/store/react";
5
+ import { useSelector } from "@xstate/store-react";
6
6
  import * as React from "react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@camox/ui/command";
@@ -10,9 +10,9 @@ import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, Comma
10
10
  //#region src/features/provider/components/CommandPalette.tsx
11
11
  function CommandPalette() {
12
12
  const $ = c(36);
13
- if ($[0] !== "b0ad4f19a3dc6d4a4fe7526b8e36e81edac4d14fbd285a6f9072557a7161c92c") {
13
+ if ($[0] !== "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016") {
14
14
  for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
15
- $[0] = "b0ad4f19a3dc6d4a4fe7526b8e36e81edac4d14fbd285a6f9072557a7161c92c";
15
+ $[0] = "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016";
16
16
  }
17
17
  const isOpen = useSelector(studioStore, _temp);
18
18
  const [search, setSearch] = React.useState("");
@@ -199,9 +199,9 @@ function _temp(state) {
199
199
  }
200
200
  function useCommandPaletteActions() {
201
201
  const $ = c(2);
202
- if ($[0] !== "b0ad4f19a3dc6d4a4fe7526b8e36e81edac4d14fbd285a6f9072557a7161c92c") {
202
+ if ($[0] !== "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016") {
203
203
  for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
204
- $[0] = "b0ad4f19a3dc6d4a4fe7526b8e36e81edac4d14fbd285a6f9072557a7161c92c";
204
+ $[0] = "5f1e8a1c01d480f9776b22a64c8ade21ccf8399f3ce44325bad21e192e883016";
205
205
  }
206
206
  let t0;
207
207
  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
@@ -2,7 +2,7 @@ import { previewStore } from "../preview/previewStore.js";
2
2
  import { actionsStore } from "./actionsStore.js";
3
3
  import { checkIfInputFocused } from "../../lib/utils.js";
4
4
  import { c } from "react/compiler-runtime";
5
- import { useSelector } from "@xstate/store/react";
5
+ import { useSelector } from "@xstate/store-react";
6
6
  import * as React from "react";
7
7
 
8
8
  //#region src/features/provider/useAdminShortcuts.tsx
@@ -11,9 +11,9 @@ import * as React from "react";
11
11
  */
12
12
  function useAdminShortcuts() {
13
13
  const $ = c(4);
14
- if ($[0] !== "2b8dd3469466f90598b3d7b0455afcd6bdaf343cac010c363cd2e2e8b07e4754") {
14
+ if ($[0] !== "8aa9f7b5d024a727491a97f8449b1e7300ebf32446cf1094a0f4557cc8d754f4") {
15
15
  for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
16
- $[0] = "2b8dd3469466f90598b3d7b0455afcd6bdaf343cac010c363cd2e2e8b07e4754";
16
+ $[0] = "8aa9f7b5d024a727491a97f8449b1e7300ebf32446cf1094a0f4557cc8d754f4";
17
17
  }
18
18
  const actions = useSelector(actionsStore, _temp);
19
19
  const previousLockState = React.useRef(null);
@@ -1,4 +1,4 @@
1
- import { createStore } from "@xstate/store";
1
+ import { createStore } from "@xstate/store-react";
2
2
 
3
3
  //#region src/features/studio/studioStore.ts
4
4
  const studioStore = createStore({
@@ -138,8 +138,7 @@ function camox(options) {
138
138
  "camox > @sinclair/typebox",
139
139
  "camox > @takumi-rs/image-response",
140
140
  "camox > @tanstack/react-form",
141
- "camox > @xstate/store",
142
- "camox > @xstate/store/react",
141
+ "camox > @xstate/store-react",
143
142
  "camox > @camox/ui > cmdk",
144
143
  "camox > fractional-indexing",
145
144
  "camox > lexical",