@contentful/create-studio-experiences 1.37.1-dev-20250425T1024-b8bfdfb.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 (72) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +62 -0
  3. package/dist/constants.d.ts +7 -0
  4. package/dist/constants.js +8 -0
  5. package/dist/constants.js.map +1 -0
  6. package/dist/content.d.ts +724 -0
  7. package/dist/content.js +983 -0
  8. package/dist/content.js.map +1 -0
  9. package/dist/copyTemplates.d.ts +1 -0
  10. package/dist/copyTemplates.js +20 -0
  11. package/dist/copyTemplates.js.map +1 -0
  12. package/dist/ctflClient.d.ts +85 -0
  13. package/dist/ctflClient.js +253 -0
  14. package/dist/ctflClient.js.map +1 -0
  15. package/dist/fsClient.d.ts +13 -0
  16. package/dist/fsClient.js +84 -0
  17. package/dist/fsClient.js.map +1 -0
  18. package/dist/index.d.ts +2 -0
  19. package/dist/index.js +296 -0
  20. package/dist/index.js.map +1 -0
  21. package/dist/models.d.ts +27 -0
  22. package/dist/models.js +32 -0
  23. package/dist/models.js.map +1 -0
  24. package/dist/utils.d.ts +7 -0
  25. package/dist/utils.js +24 -0
  26. package/dist/utils.js.map +1 -0
  27. package/package.json +64 -0
  28. package/templates/nextjs-marketing-demo/.env.template +5 -0
  29. package/templates/nextjs-marketing-demo/.eslintrc.json +3 -0
  30. package/templates/nextjs-marketing-demo/README.md +22 -0
  31. package/templates/nextjs-marketing-demo/next.config.mjs +21 -0
  32. package/templates/nextjs-marketing-demo/src/app/[locale]/[slug]/page.tsx +50 -0
  33. package/templates/nextjs-marketing-demo/src/app/favicon.ico +0 -0
  34. package/templates/nextjs-marketing-demo/src/app/fonts/GeistMonoVF.woff +0 -0
  35. package/templates/nextjs-marketing-demo/src/app/fonts/GeistVF.woff +0 -0
  36. package/templates/nextjs-marketing-demo/src/app/globals.css +37 -0
  37. package/templates/nextjs-marketing-demo/src/app/layout.tsx +34 -0
  38. package/templates/nextjs-marketing-demo/src/app/page.module.css +19 -0
  39. package/templates/nextjs-marketing-demo/src/assets/Logo.svg +8 -0
  40. package/templates/nextjs-marketing-demo/src/components/ButtonComponentRegistration.tsx +125 -0
  41. package/templates/nextjs-marketing-demo/src/components/CardComponentRegistration.tsx +54 -0
  42. package/templates/nextjs-marketing-demo/src/components/Container.tsx +15 -0
  43. package/templates/nextjs-marketing-demo/src/components/Experience.tsx +16 -0
  44. package/templates/nextjs-marketing-demo/src/components/Footer/Footer.tsx +42 -0
  45. package/templates/nextjs-marketing-demo/src/components/Footer/FooterDebugging.tsx +23 -0
  46. package/templates/nextjs-marketing-demo/src/components/Footer/FooterNav.tsx +34 -0
  47. package/templates/nextjs-marketing-demo/src/components/Footer/styles.module.css +51 -0
  48. package/templates/nextjs-marketing-demo/src/components/Header/Header.tsx +15 -0
  49. package/templates/nextjs-marketing-demo/src/components/Header/HeaderNav.tsx +59 -0
  50. package/templates/nextjs-marketing-demo/src/components/Header/styles.module.css +30 -0
  51. package/templates/nextjs-marketing-demo/src/components/Icon.tsx +21 -0
  52. package/templates/nextjs-marketing-demo/src/components/RatingStarsComponentRegistration.tsx +49 -0
  53. package/templates/nextjs-marketing-demo/src/getExperience.ts +40 -0
  54. package/templates/nextjs-marketing-demo/src/middleware.ts +17 -0
  55. package/templates/nextjs-marketing-demo/src/studio-config.ts +139 -0
  56. package/templates/nextjs-marketing-demo/tsconfig.json +26 -0
  57. package/templates/react-vite-ts/.env.template +5 -0
  58. package/templates/react-vite-ts/README.md +50 -0
  59. package/templates/react-vite-ts/eslint.config.js +25 -0
  60. package/templates/react-vite-ts/index.html +13 -0
  61. package/templates/react-vite-ts/public/vite.svg +1 -0
  62. package/templates/react-vite-ts/src/App.css +4 -0
  63. package/templates/react-vite-ts/src/App.tsx +37 -0
  64. package/templates/react-vite-ts/src/assets/react.svg +1 -0
  65. package/templates/react-vite-ts/src/index.css +0 -0
  66. package/templates/react-vite-ts/src/main.tsx +10 -0
  67. package/templates/react-vite-ts/src/studio-config.ts +67 -0
  68. package/templates/react-vite-ts/src/vite-env.d.ts +1 -0
  69. package/templates/react-vite-ts/tsconfig.app.json +24 -0
  70. package/templates/react-vite-ts/tsconfig.json +4 -0
  71. package/templates/react-vite-ts/tsconfig.node.json +22 -0
  72. package/templates/react-vite-ts/vite.config.ts +7 -0
@@ -0,0 +1,724 @@
1
+ export declare const getExperienceEntryDemoReqBody: (title: string, slug: string) => {
2
+ fields: {
3
+ title: {
4
+ 'en-US': string;
5
+ };
6
+ slug: {
7
+ 'en-US': string;
8
+ };
9
+ componentTree: {
10
+ 'en-US': {
11
+ children: {
12
+ children: {
13
+ children: ({
14
+ children: never[];
15
+ variables: {
16
+ text: {
17
+ key: string;
18
+ type: string;
19
+ };
20
+ type: {
21
+ key: string;
22
+ type: string;
23
+ };
24
+ cfWidth: {
25
+ type: string;
26
+ valuesByBreakpoint: {
27
+ desktop: string;
28
+ };
29
+ };
30
+ cfBorder: {
31
+ type: string;
32
+ valuesByBreakpoint: {
33
+ desktop: string;
34
+ };
35
+ };
36
+ cfHeight: {
37
+ type: string;
38
+ valuesByBreakpoint: {
39
+ desktop: string;
40
+ };
41
+ };
42
+ cfMargin: {
43
+ type: string;
44
+ valuesByBreakpoint: {
45
+ desktop: string;
46
+ };
47
+ };
48
+ cfPadding: {
49
+ type: string;
50
+ valuesByBreakpoint: {
51
+ desktop: string;
52
+ };
53
+ };
54
+ cfFontSize: {
55
+ type: string;
56
+ valuesByBreakpoint: {
57
+ desktop: string;
58
+ };
59
+ };
60
+ cfMaxWidth: {
61
+ type: string;
62
+ valuesByBreakpoint: {
63
+ desktop: string;
64
+ };
65
+ };
66
+ cfTextBold: {
67
+ type: string;
68
+ valuesByBreakpoint: {
69
+ desktop: boolean;
70
+ };
71
+ };
72
+ cfTextAlign: {
73
+ type: string;
74
+ valuesByBreakpoint: {
75
+ desktop: string;
76
+ };
77
+ };
78
+ cfTextColor: {
79
+ type: string;
80
+ valuesByBreakpoint: {
81
+ desktop: string;
82
+ };
83
+ };
84
+ cfFontWeight: {
85
+ type: string;
86
+ valuesByBreakpoint: {
87
+ desktop: string;
88
+ };
89
+ };
90
+ cfLineHeight: {
91
+ type: string;
92
+ valuesByBreakpoint: {
93
+ desktop: string;
94
+ };
95
+ };
96
+ cfTextItalic: {
97
+ type: string;
98
+ valuesByBreakpoint: {
99
+ desktop: boolean;
100
+ };
101
+ };
102
+ cfBorderRadius: {
103
+ type: string;
104
+ valuesByBreakpoint: {
105
+ desktop: string;
106
+ };
107
+ };
108
+ cfLetterSpacing: {
109
+ type: string;
110
+ valuesByBreakpoint: {
111
+ desktop: string;
112
+ };
113
+ };
114
+ cfTextTransform: {
115
+ type: string;
116
+ valuesByBreakpoint: {
117
+ desktop: string;
118
+ };
119
+ };
120
+ cfTextUnderline: {
121
+ type: string;
122
+ valuesByBreakpoint: {
123
+ desktop: boolean;
124
+ };
125
+ };
126
+ cfBackgroundColor: {
127
+ type: string;
128
+ valuesByBreakpoint: {};
129
+ };
130
+ as?: undefined;
131
+ url?: undefined;
132
+ value?: undefined;
133
+ target?: undefined;
134
+ };
135
+ displayName: string;
136
+ definitionId: string;
137
+ } | {
138
+ children: never[];
139
+ variables: {
140
+ as: {
141
+ key: string;
142
+ type: string;
143
+ };
144
+ url: {
145
+ key: string;
146
+ type: string;
147
+ };
148
+ value: {
149
+ key: string;
150
+ type: string;
151
+ };
152
+ target: {
153
+ key: string;
154
+ type: string;
155
+ };
156
+ cfWidth: {
157
+ type: string;
158
+ valuesByBreakpoint: {
159
+ desktop: string;
160
+ };
161
+ };
162
+ cfBorder: {
163
+ type: string;
164
+ valuesByBreakpoint: {
165
+ desktop: string;
166
+ };
167
+ };
168
+ cfHeight: {
169
+ type: string;
170
+ valuesByBreakpoint: {
171
+ desktop: string;
172
+ };
173
+ };
174
+ cfMargin: {
175
+ type: string;
176
+ valuesByBreakpoint: {
177
+ desktop: string;
178
+ };
179
+ };
180
+ cfPadding: {
181
+ type: string;
182
+ valuesByBreakpoint: {
183
+ desktop: string;
184
+ };
185
+ };
186
+ cfFontSize: {
187
+ type: string;
188
+ valuesByBreakpoint: {
189
+ desktop: string;
190
+ };
191
+ };
192
+ cfMaxWidth: {
193
+ type: string;
194
+ valuesByBreakpoint: {
195
+ desktop: string;
196
+ };
197
+ };
198
+ cfTextBold: {
199
+ type: string;
200
+ valuesByBreakpoint: {
201
+ desktop: boolean;
202
+ };
203
+ };
204
+ cfTextAlign: {
205
+ type: string;
206
+ valuesByBreakpoint: {
207
+ desktop: string;
208
+ };
209
+ };
210
+ cfTextColor: {
211
+ type: string;
212
+ valuesByBreakpoint: {
213
+ desktop: string;
214
+ };
215
+ };
216
+ cfFontWeight: {
217
+ type: string;
218
+ valuesByBreakpoint: {
219
+ desktop: string;
220
+ };
221
+ };
222
+ cfLineHeight: {
223
+ type: string;
224
+ valuesByBreakpoint: {
225
+ desktop: string;
226
+ };
227
+ };
228
+ cfTextItalic: {
229
+ type: string;
230
+ valuesByBreakpoint: {
231
+ desktop: boolean;
232
+ };
233
+ };
234
+ cfBorderRadius: {
235
+ type: string;
236
+ valuesByBreakpoint: {
237
+ desktop: string;
238
+ };
239
+ };
240
+ cfLetterSpacing: {
241
+ type: string;
242
+ valuesByBreakpoint: {
243
+ desktop: string;
244
+ };
245
+ };
246
+ cfTextTransform: {
247
+ type: string;
248
+ valuesByBreakpoint: {
249
+ desktop: string;
250
+ };
251
+ };
252
+ cfTextUnderline: {
253
+ type: string;
254
+ valuesByBreakpoint: {
255
+ desktop: boolean;
256
+ };
257
+ };
258
+ cfBackgroundColor: {
259
+ type: string;
260
+ valuesByBreakpoint: {};
261
+ };
262
+ text?: undefined;
263
+ type?: undefined;
264
+ };
265
+ displayName: string;
266
+ definitionId: string;
267
+ } | {
268
+ children: never[];
269
+ variables: {
270
+ value: {
271
+ key: string;
272
+ type: string;
273
+ };
274
+ cfWidth: {
275
+ type: string;
276
+ valuesByBreakpoint: {
277
+ desktop: string;
278
+ };
279
+ };
280
+ cfBorder: {
281
+ type: string;
282
+ valuesByBreakpoint: {
283
+ desktop: string;
284
+ };
285
+ };
286
+ cfHeight: {
287
+ type: string;
288
+ valuesByBreakpoint: {
289
+ desktop: string;
290
+ };
291
+ };
292
+ cfMargin: {
293
+ type: string;
294
+ valuesByBreakpoint: {
295
+ desktop: string;
296
+ };
297
+ };
298
+ cfPadding: {
299
+ type: string;
300
+ valuesByBreakpoint: {
301
+ desktop: string;
302
+ };
303
+ };
304
+ cfMaxWidth: {
305
+ type: string;
306
+ valuesByBreakpoint: {
307
+ desktop: string;
308
+ };
309
+ };
310
+ cfTextAlign: {
311
+ type: string;
312
+ valuesByBreakpoint: {
313
+ desktop: string;
314
+ };
315
+ };
316
+ cfFontWeight: {
317
+ type: string;
318
+ valuesByBreakpoint: {
319
+ desktop: string;
320
+ };
321
+ };
322
+ cfLineHeight: {
323
+ type: string;
324
+ valuesByBreakpoint: {
325
+ desktop: string;
326
+ };
327
+ };
328
+ cfBorderRadius: {
329
+ type: string;
330
+ valuesByBreakpoint: {
331
+ desktop: string;
332
+ };
333
+ };
334
+ cfLetterSpacing: {
335
+ type: string;
336
+ valuesByBreakpoint: {
337
+ desktop: string;
338
+ };
339
+ };
340
+ cfTextTransform: {
341
+ type: string;
342
+ valuesByBreakpoint: {
343
+ desktop: string;
344
+ };
345
+ };
346
+ cfBackgroundColor: {
347
+ type: string;
348
+ valuesByBreakpoint: {};
349
+ };
350
+ text?: undefined;
351
+ type?: undefined;
352
+ cfFontSize?: undefined;
353
+ cfTextBold?: undefined;
354
+ cfTextColor?: undefined;
355
+ cfTextItalic?: undefined;
356
+ cfTextUnderline?: undefined;
357
+ as?: undefined;
358
+ url?: undefined;
359
+ target?: undefined;
360
+ };
361
+ displayName: string;
362
+ definitionId: string;
363
+ })[];
364
+ variables: {
365
+ cfGap: {
366
+ type: string;
367
+ valuesByBreakpoint: {
368
+ desktop: string;
369
+ };
370
+ };
371
+ cfWidth: {
372
+ type: string;
373
+ valuesByBreakpoint: {
374
+ desktop: string;
375
+ };
376
+ };
377
+ cfBorder: {
378
+ type: string;
379
+ valuesByBreakpoint: {
380
+ desktop: string;
381
+ };
382
+ };
383
+ cfHeight: {
384
+ type: string;
385
+ valuesByBreakpoint: {
386
+ desktop: string;
387
+ };
388
+ };
389
+ cfMargin: {
390
+ type: string;
391
+ valuesByBreakpoint: {
392
+ desktop: string;
393
+ };
394
+ };
395
+ cfPadding: {
396
+ type: string;
397
+ valuesByBreakpoint: {
398
+ desktop: string;
399
+ };
400
+ };
401
+ cfFlexWrap: {
402
+ type: string;
403
+ valuesByBreakpoint: {
404
+ desktop: string;
405
+ };
406
+ };
407
+ cfMaxWidth: {
408
+ type: string;
409
+ valuesByBreakpoint: {
410
+ desktop: string;
411
+ };
412
+ };
413
+ cfHyperlink: {
414
+ key: string;
415
+ type: string;
416
+ };
417
+ cfBorderRadius: {
418
+ type: string;
419
+ valuesByBreakpoint: {
420
+ desktop: string;
421
+ };
422
+ };
423
+ cfOpenInNewTab: {
424
+ key: string;
425
+ type: string;
426
+ };
427
+ cfFlexDirection: {
428
+ type: string;
429
+ valuesByBreakpoint: {
430
+ desktop: string;
431
+ };
432
+ };
433
+ cfBackgroundColor: {
434
+ type: string;
435
+ valuesByBreakpoint: {};
436
+ };
437
+ cfVerticalAlignment: {
438
+ type: string;
439
+ valuesByBreakpoint: {
440
+ desktop: string;
441
+ };
442
+ };
443
+ cfBackgroundImageUrl: {
444
+ key: string;
445
+ type: string;
446
+ };
447
+ cfHorizontalAlignment: {
448
+ type: string;
449
+ valuesByBreakpoint: {
450
+ desktop: string;
451
+ };
452
+ };
453
+ cfBackgroundImageOptions: {
454
+ type: string;
455
+ valuesByBreakpoint: {
456
+ desktop: {
457
+ scaling: string;
458
+ alignment: string;
459
+ targetSize: string;
460
+ };
461
+ };
462
+ };
463
+ };
464
+ displayName: string;
465
+ definitionId: string;
466
+ }[];
467
+ variables: {
468
+ cfGap: {
469
+ type: string;
470
+ valuesByBreakpoint: {
471
+ desktop: string;
472
+ };
473
+ };
474
+ cfWidth: {
475
+ type: string;
476
+ valuesByBreakpoint: {
477
+ desktop: string;
478
+ };
479
+ };
480
+ cfBorder: {
481
+ type: string;
482
+ valuesByBreakpoint: {
483
+ desktop: string;
484
+ };
485
+ };
486
+ cfHeight: {
487
+ type: string;
488
+ valuesByBreakpoint: {
489
+ desktop: string;
490
+ };
491
+ };
492
+ cfMargin: {
493
+ type: string;
494
+ valuesByBreakpoint: {
495
+ desktop: string;
496
+ };
497
+ };
498
+ cfPadding: {
499
+ type: string;
500
+ valuesByBreakpoint: {
501
+ desktop: string;
502
+ };
503
+ };
504
+ cfFlexWrap: {
505
+ type: string;
506
+ valuesByBreakpoint: {
507
+ desktop: string;
508
+ };
509
+ };
510
+ cfMaxWidth: {
511
+ type: string;
512
+ valuesByBreakpoint: {
513
+ desktop: string;
514
+ };
515
+ };
516
+ cfHyperlink: {
517
+ key: string;
518
+ type: string;
519
+ };
520
+ cfBorderRadius: {
521
+ type: string;
522
+ valuesByBreakpoint: {
523
+ desktop: string;
524
+ };
525
+ };
526
+ cfOpenInNewTab: {
527
+ key: string;
528
+ type: string;
529
+ };
530
+ cfFlexDirection: {
531
+ type: string;
532
+ valuesByBreakpoint: {
533
+ desktop: string;
534
+ };
535
+ };
536
+ cfBackgroundColor: {
537
+ type: string;
538
+ valuesByBreakpoint: {
539
+ desktop: string;
540
+ };
541
+ };
542
+ cfVerticalAlignment: {
543
+ type: string;
544
+ valuesByBreakpoint: {
545
+ desktop: string;
546
+ };
547
+ };
548
+ cfBackgroundImageUrl: {
549
+ key: string;
550
+ type: string;
551
+ };
552
+ cfHorizontalAlignment: {
553
+ type: string;
554
+ valuesByBreakpoint: {
555
+ desktop: string;
556
+ };
557
+ };
558
+ cfBackgroundImageOptions: {
559
+ type: string;
560
+ valuesByBreakpoint: {
561
+ desktop: {
562
+ scaling: string;
563
+ alignment: string;
564
+ targetSize: string;
565
+ };
566
+ };
567
+ };
568
+ };
569
+ displayName: string;
570
+ definitionId: string;
571
+ }[];
572
+ breakpoints: {
573
+ id: string;
574
+ query: string;
575
+ displayName: string;
576
+ previewSize: string;
577
+ }[];
578
+ schemaVersion: string;
579
+ };
580
+ };
581
+ dataSource: {
582
+ 'en-US': {};
583
+ };
584
+ unboundValues: {
585
+ 'en-US': {
586
+ '1nYkkh22xpZCcNqmpycVu': {
587
+ value: string;
588
+ };
589
+ DwG6uk2DfoIYgMKD4tvPo: {};
590
+ JK5w9tssNBQTEOjKli5n0: {
591
+ value: string;
592
+ };
593
+ 'TGELEskJKMkgNWX-w1y7N': {
594
+ value: string;
595
+ };
596
+ V9GppXTENBksFRxxnVHVJ: {
597
+ value: string;
598
+ };
599
+ XFjLtoeKIQFBAegSpmkSu: {
600
+ value: string;
601
+ };
602
+ 'ch6sZSVEQy9a4x_tYv-pG': {
603
+ value: boolean;
604
+ };
605
+ fGkFN8NrwN57LayVZoxSF: {
606
+ value: string;
607
+ };
608
+ oNonyOuEDaFJYsPrbi0Ae: {
609
+ value: string;
610
+ };
611
+ pxZADm8c0bS8i9Q5JOgEO: {
612
+ value: {
613
+ nodeType: string;
614
+ data: {};
615
+ content: ({
616
+ nodeType: string;
617
+ data: {};
618
+ content: {
619
+ nodeType: string;
620
+ value: string;
621
+ marks: never[];
622
+ data: {};
623
+ }[];
624
+ } | {
625
+ nodeType: string;
626
+ data: {};
627
+ content: {
628
+ nodeType: string;
629
+ data: {};
630
+ content: ({
631
+ nodeType: string;
632
+ data: {};
633
+ content: {
634
+ nodeType: string;
635
+ value: string;
636
+ marks: {
637
+ type: string;
638
+ }[];
639
+ data: {};
640
+ }[];
641
+ } | {
642
+ nodeType: string;
643
+ data: {};
644
+ content: {
645
+ nodeType: string;
646
+ data: {};
647
+ content: {
648
+ nodeType: string;
649
+ data: {};
650
+ content: {
651
+ nodeType: string;
652
+ value: string;
653
+ marks: never[];
654
+ data: {};
655
+ }[];
656
+ }[];
657
+ }[];
658
+ })[];
659
+ }[];
660
+ })[];
661
+ };
662
+ };
663
+ 'qTbSL18NOQ-MnfEIwXjs8': {
664
+ value: boolean;
665
+ };
666
+ tWZlyWIFsAvl1qGtXtNuP: {
667
+ value: string;
668
+ };
669
+ yZ0T3Qbr7ZO8CUSJvMF8R: {
670
+ value: string;
671
+ };
672
+ };
673
+ };
674
+ };
675
+ };
676
+ export declare const getExperienceContentTypeReqBody: (contentTypeName: string) => {
677
+ name: string;
678
+ fields: ({
679
+ id: string;
680
+ name: string;
681
+ type: string;
682
+ required: boolean;
683
+ localized: boolean;
684
+ validations?: undefined;
685
+ items?: undefined;
686
+ } | {
687
+ id: string;
688
+ name: string;
689
+ type: string;
690
+ required: boolean;
691
+ localized: boolean;
692
+ validations: {
693
+ unique: boolean;
694
+ }[];
695
+ items?: undefined;
696
+ } | {
697
+ id: string;
698
+ name: string;
699
+ type: string;
700
+ required: boolean;
701
+ localized: boolean;
702
+ items: {
703
+ type: string;
704
+ linkType: string;
705
+ validations: {
706
+ linkContentType: string[];
707
+ }[];
708
+ };
709
+ validations?: undefined;
710
+ })[];
711
+ description: string;
712
+ metadata: {
713
+ annotations: {
714
+ ContentType: {
715
+ sys: {
716
+ id: string;
717
+ type: string;
718
+ linkType: string;
719
+ };
720
+ }[];
721
+ };
722
+ };
723
+ displayField: string;
724
+ };