camox 0.22.0 → 0.24.0

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 (26) hide show
  1. package/dist/core/createApp.d.ts +96 -60
  2. package/dist/core/createBlock.d.ts +58 -232
  3. package/dist/core/createBlock.js +47 -38
  4. package/dist/core/lib/contentType.d.ts +44 -24
  5. package/dist/core/lib/contentType.js +55 -29
  6. package/dist/core/lib/fieldTypes.js +28 -16
  7. package/dist/core/lib/imageTransform.js +76 -0
  8. package/dist/features/content/CamoxContent.js +3 -3
  9. package/dist/features/content/components/AssetCard.js +124 -77
  10. package/dist/features/preview/CamoxPreview.d.ts +2 -0
  11. package/dist/features/preview/components/AssetFieldEditor.js +10 -5
  12. package/dist/features/preview/components/AssetLightbox.js +197 -13
  13. package/dist/features/preview/components/EditPageModal.js +244 -74
  14. package/dist/features/preview/components/ItemFieldsEditor.js +8 -9
  15. package/dist/features/preview/components/MultipleAssetFieldEditor.js +49 -42
  16. package/dist/features/preview/components/PageContentSheet.js +2 -3
  17. package/dist/features/preview/components/PageTree.js +66 -68
  18. package/dist/features/preview/components/useRepeatableItemActions.js +5 -5
  19. package/dist/features/routes/pageRoute.d.ts +2 -0
  20. package/dist/features/routes/pageRoute.js +5 -4
  21. package/dist/lib/normalized-data.js +6 -4
  22. package/dist/lib/queries.js +33 -2
  23. package/dist/studio.css +1 -1
  24. package/package.json +4 -4
  25. package/skills/camox-block/SKILL.md +38 -30
  26. package/skills/camox-cli/SKILL.md +40 -4
package/dist/core/createApp.d.ts CHANGED
@@ -96,6 +96,8 @@ declare function createApp({
96
96
  children: (props: {
97
97
  src: string;
98
98
  alt: string;
99
+ srcSet?: string;
100
+ sizes?: string;
99
101
  }, data: ImageValue) => React.ReactNode;
100
102
  }) => React.ReactNode;
101
103
  File: <K extends never>({
@@ -108,15 +110,21 @@ declare function createApp({
108
110
  download: string;
109
111
  }, data: FileValue) => React.ReactNode;
110
112
  }) => React.ReactNode;
111
- MultipleAssets: <K extends never>(props: {
113
+ ImageList: <K extends never>(props: {
112
114
  name: K;
113
- children: K extends never ? (props: {
115
+ children: (props: {
114
116
  src: string;
115
117
  alt: string;
116
- }, data: ImageValue) => React.ReactNode : K extends never ? (props: {
118
+ srcSet?: string;
119
+ sizes?: string;
120
+ }, data: ImageValue) => React.ReactNode;
121
+ }) => React.ReactNode;
122
+ FileList: <K extends never>(props: {
123
+ name: K;
124
+ children: (props: {
117
125
  href: string;
118
126
  download: string;
119
- }, data: FileValue) => React.ReactNode : never;
127
+ }, data: FileValue) => React.ReactNode;
120
128
  }) => React.ReactNode;
121
129
  Repeater: <K extends never>({
122
130
  name,
@@ -182,6 +190,7 @@ declare function createApp({
182
190
  alt: string;
183
191
  filename: string;
184
192
  mimeType: string;
193
+ size?: number;
185
194
  _fileId?: string;
186
195
  } & {
187
196
  readonly __brand: "ImageValue";
@@ -190,6 +199,8 @@ declare function createApp({
190
199
  children: (props: {
191
200
  src: string;
192
201
  alt: string;
202
+ srcSet?: string;
203
+ sizes?: string;
193
204
  }, data: ImageValue) => React.ReactNode;
194
205
  }) => React.ReactNode;
195
206
  File: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as FileValue extends ({}[K] extends (infer U)[] ? U : never)[F_1] ? ({}[K] extends (infer U)[] ? U : never)[F_1] extends ({}[K] extends (infer U)[] ? U : never)[F_1] & {
@@ -197,6 +208,7 @@ declare function createApp({
197
208
  alt: string;
198
209
  filename: string;
199
210
  mimeType: string;
211
+ size?: number;
200
212
  _fileId?: string;
201
213
  } & {
202
214
  readonly __brand: "FileValue";
@@ -207,47 +219,39 @@ declare function createApp({
207
219
  download: string;
208
220
  }, data: FileValue) => React.ReactNode;
209
221
  }) => React.ReactNode;
210
- MultipleAssets: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
222
+ ImageList: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
211
223
  url: string;
212
224
  alt: string;
213
225
  filename: string;
214
226
  mimeType: string;
227
+ size?: number;
215
228
  _fileId?: string;
216
229
  } & {
217
230
  readonly __brand: "ImageValue";
218
- } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] } | keyof { [F_2 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_2] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
231
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
232
+ name: F;
233
+ children: (props: {
234
+ src: string;
235
+ alt: string;
236
+ srcSet?: string;
237
+ sizes?: string;
238
+ }, data: ImageValue) => React.ReactNode;
239
+ }) => React.ReactNode;
240
+ FileList: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
219
241
  url: string;
220
242
  alt: string;
221
243
  filename: string;
222
244
  mimeType: string;
245
+ size?: number;
223
246
  _fileId?: string;
224
247
  } & {
225
248
  readonly __brand: "FileValue";
226
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] }>(props: {
249
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
227
250
  name: F;
228
- children: F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
229
- url: string;
230
- alt: string;
231
- filename: string;
232
- mimeType: string;
233
- _fileId?: string;
234
- } & {
235
- readonly __brand: "ImageValue";
236
- } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] } ? (props: {
237
- src: string;
238
- alt: string;
239
- }, data: ImageValue) => React.ReactNode : F extends keyof { [F_2 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_2] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
240
- url: string;
241
- alt: string;
242
- filename: string;
243
- mimeType: string;
244
- _fileId?: string;
245
- } & {
246
- readonly __brand: "FileValue";
247
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] } ? (props: {
251
+ children: (props: {
248
252
  href: string;
249
253
  download: string;
250
- }, data: FileValue) => React.ReactNode : never;
254
+ }, data: FileValue) => React.ReactNode;
251
255
  }) => React.ReactNode;
252
256
  Repeater: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? never : FileValue extends U_1 ? never : F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
253
257
  name: F;
@@ -310,6 +314,8 @@ declare function createApp({
310
314
  children: (props: {
311
315
  src: string;
312
316
  alt: string;
317
+ srcSet?: string;
318
+ sizes?: string;
313
319
  }, data: ImageValue) => React.ReactNode;
314
320
  }) => React.ReactNode;
315
321
  File: (props: {
@@ -319,9 +325,21 @@ declare function createApp({
319
325
  download: string;
320
326
  }, data: FileValue) => React.ReactNode;
321
327
  }) => React.ReactNode;
322
- MultipleAssets: (props: {
328
+ ImageList: (props: {
329
+ name: string;
330
+ children: (props: {
331
+ src: string;
332
+ alt: string;
333
+ srcSet?: string;
334
+ sizes?: string;
335
+ }, data: ImageValue) => React.ReactNode;
336
+ }) => React.ReactNode;
337
+ FileList: (props: {
323
338
  name: string;
324
- children: (props: any, data: any) => React.ReactNode;
339
+ children: (props: {
340
+ href: string;
341
+ download: string;
342
+ }, data: FileValue) => React.ReactNode;
325
343
  }) => React.ReactNode;
326
344
  Repeater: (props: {
327
345
  name: string;
@@ -476,6 +494,8 @@ declare function createApp({
476
494
  children: (props: {
477
495
  src: string;
478
496
  alt: string;
497
+ srcSet?: string;
498
+ sizes?: string;
479
499
  }, data: ImageValue) => React.ReactNode;
480
500
  }) => React.ReactNode;
481
501
  File: <K extends never>({
@@ -488,15 +508,21 @@ declare function createApp({
488
508
  download: string;
489
509
  }, data: FileValue) => React.ReactNode;
490
510
  }) => React.ReactNode;
491
- MultipleAssets: <K extends never>(props: {
511
+ ImageList: <K extends never>(props: {
492
512
  name: K;
493
- children: K extends never ? (props: {
513
+ children: (props: {
494
514
  src: string;
495
515
  alt: string;
496
- }, data: ImageValue) => React.ReactNode : K extends never ? (props: {
516
+ srcSet?: string;
517
+ sizes?: string;
518
+ }, data: ImageValue) => React.ReactNode;
519
+ }) => React.ReactNode;
520
+ FileList: <K extends never>(props: {
521
+ name: K;
522
+ children: (props: {
497
523
  href: string;
498
524
  download: string;
499
- }, data: FileValue) => React.ReactNode : never;
525
+ }, data: FileValue) => React.ReactNode;
500
526
  }) => React.ReactNode;
501
527
  Repeater: <K extends never>({
502
528
  name,
@@ -562,6 +588,7 @@ declare function createApp({
562
588
  alt: string;
563
589
  filename: string;
564
590
  mimeType: string;
591
+ size?: number;
565
592
  _fileId?: string;
566
593
  } & {
567
594
  readonly __brand: "ImageValue";
@@ -570,6 +597,8 @@ declare function createApp({
570
597
  children: (props: {
571
598
  src: string;
572
599
  alt: string;
600
+ srcSet?: string;
601
+ sizes?: string;
573
602
  }, data: ImageValue) => React.ReactNode;
574
603
  }) => React.ReactNode;
575
604
  File: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as FileValue extends ({}[K] extends (infer U)[] ? U : never)[F_1] ? ({}[K] extends (infer U)[] ? U : never)[F_1] extends ({}[K] extends (infer U)[] ? U : never)[F_1] & {
@@ -577,6 +606,7 @@ declare function createApp({
577
606
  alt: string;
578
607
  filename: string;
579
608
  mimeType: string;
609
+ size?: number;
580
610
  _fileId?: string;
581
611
  } & {
582
612
  readonly __brand: "FileValue";
@@ -587,47 +617,39 @@ declare function createApp({
587
617
  download: string;
588
618
  }, data: FileValue) => React.ReactNode;
589
619
  }) => React.ReactNode;
590
- MultipleAssets: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
620
+ ImageList: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
591
621
  url: string;
592
622
  alt: string;
593
623
  filename: string;
594
624
  mimeType: string;
625
+ size?: number;
595
626
  _fileId?: string;
596
627
  } & {
597
628
  readonly __brand: "ImageValue";
598
- } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] } | keyof { [F_2 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_2] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
629
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
630
+ name: F;
631
+ children: (props: {
632
+ src: string;
633
+ alt: string;
634
+ srcSet?: string;
635
+ sizes?: string;
636
+ }, data: ImageValue) => React.ReactNode;
637
+ }) => React.ReactNode;
638
+ FileList: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
599
639
  url: string;
600
640
  alt: string;
601
641
  filename: string;
602
642
  mimeType: string;
643
+ size?: number;
603
644
  _fileId?: string;
604
645
  } & {
605
646
  readonly __brand: "FileValue";
606
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] }>(props: {
647
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
607
648
  name: F;
608
- children: F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? U_1 extends U_1 & {
609
- url: string;
610
- alt: string;
611
- filename: string;
612
- mimeType: string;
613
- _fileId?: string;
614
- } & {
615
- readonly __brand: "ImageValue";
616
- } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] } ? (props: {
617
- src: string;
618
- alt: string;
619
- }, data: ImageValue) => React.ReactNode : F extends keyof { [F_2 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_2] extends (infer U_1)[] ? FileValue extends U_1 ? U_1 extends U_1 & {
620
- url: string;
621
- alt: string;
622
- filename: string;
623
- mimeType: string;
624
- _fileId?: string;
625
- } & {
626
- readonly __brand: "FileValue";
627
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] } ? (props: {
649
+ children: (props: {
628
650
  href: string;
629
651
  download: string;
630
- }, data: FileValue) => React.ReactNode : never;
652
+ }, data: FileValue) => React.ReactNode;
631
653
  }) => React.ReactNode;
632
654
  Repeater: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends (infer U_1)[] ? ImageValue extends U_1 ? never : FileValue extends U_1 ? never : F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
633
655
  name: F;
@@ -690,6 +712,8 @@ declare function createApp({
690
712
  children: (props: {
691
713
  src: string;
692
714
  alt: string;
715
+ srcSet?: string;
716
+ sizes?: string;
693
717
  }, data: ImageValue) => React.ReactNode;
694
718
  }) => React.ReactNode;
695
719
  File: (props: {
@@ -699,9 +723,21 @@ declare function createApp({
699
723
  download: string;
700
724
  }, data: FileValue) => React.ReactNode;
701
725
  }) => React.ReactNode;
702
- MultipleAssets: (props: {
726
+ ImageList: (props: {
727
+ name: string;
728
+ children: (props: {
729
+ src: string;
730
+ alt: string;
731
+ srcSet?: string;
732
+ sizes?: string;
733
+ }, data: ImageValue) => React.ReactNode;
734
+ }) => React.ReactNode;
735
+ FileList: (props: {
703
736
  name: string;
704
- children: (props: any, data: any) => React.ReactNode;
737
+ children: (props: {
738
+ href: string;
739
+ download: string;
740
+ }, data: FileValue) => React.ReactNode;
705
741
  }) => React.ReactNode;
706
742
  Repeater: (props: {
707
743
  name: string;