camox 0.22.0 → 0.23.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 (20) hide show
  1. package/dist/core/createApp.d.ts +88 -60
  2. package/dist/core/createBlock.d.ts +54 -232
  3. package/dist/core/createBlock.js +46 -38
  4. package/dist/core/lib/contentType.d.ts +42 -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 +73 -0
  8. package/dist/features/content/CamoxContent.js +3 -3
  9. package/dist/features/content/components/AssetCard.js +30 -25
  10. package/dist/features/preview/components/AssetFieldEditor.js +9 -5
  11. package/dist/features/preview/components/AssetLightbox.js +194 -12
  12. package/dist/features/preview/components/ItemFieldsEditor.js +8 -9
  13. package/dist/features/preview/components/MultipleAssetFieldEditor.js +47 -42
  14. package/dist/features/preview/components/PageContentSheet.js +2 -3
  15. package/dist/features/preview/components/PageTree.js +66 -68
  16. package/dist/features/preview/components/useRepeatableItemActions.js +5 -5
  17. package/dist/studio.css +1 -1
  18. package/package.json +4 -4
  19. package/skills/camox-block/SKILL.md +38 -30
  20. 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,
@@ -190,6 +198,8 @@ declare function createApp({
190
198
  children: (props: {
191
199
  src: string;
192
200
  alt: string;
201
+ srcSet?: string;
202
+ sizes?: string;
193
203
  }, data: ImageValue) => React.ReactNode;
194
204
  }) => React.ReactNode;
195
205
  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] & {
@@ -207,7 +217,7 @@ declare function createApp({
207
217
  download: string;
208
218
  }, data: FileValue) => React.ReactNode;
209
219
  }) => 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 & {
220
+ 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
221
  url: string;
212
222
  alt: string;
213
223
  filename: string;
@@ -215,7 +225,16 @@ declare function createApp({
215
225
  _fileId?: string;
216
226
  } & {
217
227
  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 & {
228
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
229
+ name: F;
230
+ children: (props: {
231
+ src: string;
232
+ alt: string;
233
+ srcSet?: string;
234
+ sizes?: string;
235
+ }, data: ImageValue) => React.ReactNode;
236
+ }) => React.ReactNode;
237
+ 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
238
  url: string;
220
239
  alt: string;
221
240
  filename: string;
@@ -223,31 +242,12 @@ declare function createApp({
223
242
  _fileId?: string;
224
243
  } & {
225
244
  readonly __brand: "FileValue";
226
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] }>(props: {
245
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
227
246
  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: {
247
+ children: (props: {
248
248
  href: string;
249
249
  download: string;
250
- }, data: FileValue) => React.ReactNode : never;
250
+ }, data: FileValue) => React.ReactNode;
251
251
  }) => React.ReactNode;
252
252
  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
253
  name: F;
@@ -310,6 +310,8 @@ declare function createApp({
310
310
  children: (props: {
311
311
  src: string;
312
312
  alt: string;
313
+ srcSet?: string;
314
+ sizes?: string;
313
315
  }, data: ImageValue) => React.ReactNode;
314
316
  }) => React.ReactNode;
315
317
  File: (props: {
@@ -319,9 +321,21 @@ declare function createApp({
319
321
  download: string;
320
322
  }, data: FileValue) => React.ReactNode;
321
323
  }) => React.ReactNode;
322
- MultipleAssets: (props: {
324
+ ImageList: (props: {
325
+ name: string;
326
+ children: (props: {
327
+ src: string;
328
+ alt: string;
329
+ srcSet?: string;
330
+ sizes?: string;
331
+ }, data: ImageValue) => React.ReactNode;
332
+ }) => React.ReactNode;
333
+ FileList: (props: {
323
334
  name: string;
324
- children: (props: any, data: any) => React.ReactNode;
335
+ children: (props: {
336
+ href: string;
337
+ download: string;
338
+ }, data: FileValue) => React.ReactNode;
325
339
  }) => React.ReactNode;
326
340
  Repeater: (props: {
327
341
  name: string;
@@ -476,6 +490,8 @@ declare function createApp({
476
490
  children: (props: {
477
491
  src: string;
478
492
  alt: string;
493
+ srcSet?: string;
494
+ sizes?: string;
479
495
  }, data: ImageValue) => React.ReactNode;
480
496
  }) => React.ReactNode;
481
497
  File: <K extends never>({
@@ -488,15 +504,21 @@ declare function createApp({
488
504
  download: string;
489
505
  }, data: FileValue) => React.ReactNode;
490
506
  }) => React.ReactNode;
491
- MultipleAssets: <K extends never>(props: {
507
+ ImageList: <K extends never>(props: {
492
508
  name: K;
493
- children: K extends never ? (props: {
509
+ children: (props: {
494
510
  src: string;
495
511
  alt: string;
496
- }, data: ImageValue) => React.ReactNode : K extends never ? (props: {
512
+ srcSet?: string;
513
+ sizes?: string;
514
+ }, data: ImageValue) => React.ReactNode;
515
+ }) => React.ReactNode;
516
+ FileList: <K extends never>(props: {
517
+ name: K;
518
+ children: (props: {
497
519
  href: string;
498
520
  download: string;
499
- }, data: FileValue) => React.ReactNode : never;
521
+ }, data: FileValue) => React.ReactNode;
500
522
  }) => React.ReactNode;
501
523
  Repeater: <K extends never>({
502
524
  name,
@@ -570,6 +592,8 @@ declare function createApp({
570
592
  children: (props: {
571
593
  src: string;
572
594
  alt: string;
595
+ srcSet?: string;
596
+ sizes?: string;
573
597
  }, data: ImageValue) => React.ReactNode;
574
598
  }) => React.ReactNode;
575
599
  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] & {
@@ -587,7 +611,7 @@ declare function createApp({
587
611
  download: string;
588
612
  }, data: FileValue) => React.ReactNode;
589
613
  }) => 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 & {
614
+ 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
615
  url: string;
592
616
  alt: string;
593
617
  filename: string;
@@ -595,7 +619,16 @@ declare function createApp({
595
619
  _fileId?: string;
596
620
  } & {
597
621
  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 & {
622
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
623
+ name: F;
624
+ children: (props: {
625
+ src: string;
626
+ alt: string;
627
+ srcSet?: string;
628
+ sizes?: string;
629
+ }, data: ImageValue) => React.ReactNode;
630
+ }) => React.ReactNode;
631
+ 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
632
  url: string;
600
633
  alt: string;
601
634
  filename: string;
@@ -603,31 +636,12 @@ declare function createApp({
603
636
  _fileId?: string;
604
637
  } & {
605
638
  readonly __brand: "FileValue";
606
- } ? F_2 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_2] }>(props: {
639
+ } ? F_1 : never : never : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
607
640
  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: {
641
+ children: (props: {
628
642
  href: string;
629
643
  download: string;
630
- }, data: FileValue) => React.ReactNode : never;
644
+ }, data: FileValue) => React.ReactNode;
631
645
  }) => React.ReactNode;
632
646
  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
647
  name: F;
@@ -690,6 +704,8 @@ declare function createApp({
690
704
  children: (props: {
691
705
  src: string;
692
706
  alt: string;
707
+ srcSet?: string;
708
+ sizes?: string;
693
709
  }, data: ImageValue) => React.ReactNode;
694
710
  }) => React.ReactNode;
695
711
  File: (props: {
@@ -699,9 +715,21 @@ declare function createApp({
699
715
  download: string;
700
716
  }, data: FileValue) => React.ReactNode;
701
717
  }) => React.ReactNode;
702
- MultipleAssets: (props: {
718
+ ImageList: (props: {
719
+ name: string;
720
+ children: (props: {
721
+ src: string;
722
+ alt: string;
723
+ srcSet?: string;
724
+ sizes?: string;
725
+ }, data: ImageValue) => React.ReactNode;
726
+ }) => React.ReactNode;
727
+ FileList: (props: {
703
728
  name: string;
704
- children: (props: any, data: any) => React.ReactNode;
729
+ children: (props: {
730
+ href: string;
731
+ download: string;
732
+ }, data: FileValue) => React.ReactNode;
705
733
  }) => React.ReactNode;
706
734
  Repeater: (props: {
707
735
  name: string;