sveltekit-ui 1.0.28 → 1.0.29

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.
@@ -134,143 +134,960 @@
134
134
  // on_click: () => content_input_manager.set_input_data_type(data_type_input_manager?.val),
135
135
  // })
136
136
 
137
+ // const initial_val = {
138
+ // type_id: "div",
139
+ // selector_id: "opmbc",
140
+ // children: [
141
+ // {
142
+ // type_id: "h3",
143
+ // selector_id: "wgxib",
144
+ // children: [
145
+ // {
146
+ // type_id: "base_text",
147
+ // selector_id: "nznpx",
148
+ // children: [],
149
+ // attributes: { content_from_variable_path: null, content: "Let's test this stuff out!" },
150
+ // },
151
+ // ],
152
+ // attributes: {},
153
+ // },
154
+ // {
155
+ // type_id: "p",
156
+ // selector_id: "sxrngjxb",
157
+ // children: [
158
+ // {
159
+ // type_id: "base_text",
160
+ // selector_id: "xflhhley",
161
+ // children: [],
162
+ // attributes: {
163
+ // content:
164
+ // "hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah",
165
+ // text_color: null,
166
+ // },
167
+ // },
168
+ // {
169
+ // type_id: "code_inline",
170
+ // selector_id: "xofaovta",
171
+ // children: [],
172
+ // attributes: { content: "yo yo yo", is_show_copy_button: null, text_color: null },
173
+ // },
174
+ // {
175
+ // type_id: "base_text",
176
+ // selector_id: "czzczuba",
177
+ // children: [],
178
+ // attributes: {
179
+ // content:
180
+ // "hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah",
181
+ // text_color: null,
182
+ // },
183
+ // },
184
+ // ],
185
+ // attributes: {},
186
+ // },
187
+ // {
188
+ // type_id: "ul",
189
+ // selector_id: "thawp",
190
+ // children: [
191
+ // {
192
+ // type_id: "li",
193
+ // selector_id: "ynxnv",
194
+ // children: [
195
+ // {
196
+ // type_id: "base_text",
197
+ // selector_id: "xaahu",
198
+ // children: [],
199
+ // attributes: { content: "The checkbox, ", text_color: null },
200
+ // },
201
+ // {
202
+ // type_id: "checkbox",
203
+ // selector_id: "iynnb",
204
+ // children: [],
205
+ // attributes: {
206
+ // val_from_variable_path: ["variables", "cccc"],
207
+ // type: "checkbox",
208
+ // size: 5,
209
+ // color: { l: 12, c: 21, h: 24, o: 24, is_dark_theme_invert: true },
210
+ // },
211
+ // },
212
+ // {
213
+ // type_id: "base_text",
214
+ // selector_id: "loupp",
215
+ // children: [],
216
+ // attributes: { content: ", is connected to the same var here: ", text_color: null },
217
+ // },
218
+ // {
219
+ // type_id: "base_text",
220
+ // selector_id: "ofjlf",
221
+ // children: [],
222
+ // attributes: {
223
+ // content_from_variable_path: ["variables", "cccc"],
224
+ // text_color: { l: 9, c: 10, h: 11, o: 24, is_dark_theme_invert: true },
225
+ // },
226
+ // },
227
+ // ],
228
+ // attributes: {},
229
+ // },
230
+ // {
231
+ // type_id: "li",
232
+ // selector_id: "qlqgujep",
233
+ // children: [
234
+ // {
235
+ // type_id: "base_text",
236
+ // selector_id: "ftpoicjq",
237
+ // children: [],
238
+ // attributes: { content_from_variable_path: ["variables", "cccc"], text_color: null },
239
+ // },
240
+ // {
241
+ // type_id: "checkbox",
242
+ // selector_id: "kdotcril",
243
+ // children: [],
244
+ // attributes: {
245
+ // val_from_variable_path: ["variables", "cccc"],
246
+ // type: "checkbox",
247
+ // size: null,
248
+ // color: null,
249
+ // },
250
+ // },
251
+ // ],
252
+ // attributes: {},
253
+ // },
254
+ // {
255
+ // type_id: "li",
256
+ // selector_id: "istoi",
257
+ // children: [
258
+ // {
259
+ // type_id: "checkbox",
260
+ // selector_id: "jfsgb",
261
+ // children: [],
262
+ // attributes: {
263
+ // val_from_variable_path: ["variables", "dddd", 3],
264
+ // type: "toggle",
265
+ // size: null,
266
+ // color: { l: 8, c: 21, h: 7, o: 24, is_dark_theme_invert: true },
267
+ // },
268
+ // },
269
+ // {
270
+ // type_id: "base_text",
271
+ // selector_id: "allfb",
272
+ // children: [],
273
+ // attributes: { content: "this one does the show test", text_color: null },
274
+ // },
275
+ // ],
276
+ // attributes: {},
277
+ // },
278
+ // ],
279
+ // attributes: {},
280
+ // },
281
+ // {
282
+ // type_id: "loop",
283
+ // selector_id: "bwrgl",
284
+ // children: [
285
+ // {
286
+ // type_id: "h5",
287
+ // selector_id: "clrzp",
288
+ // children: [
289
+ // {
290
+ // type_id: "base_text",
291
+ // selector_id: "zsaou",
292
+ // children: [],
293
+ // attributes: {
294
+ // content_from_variable_path: ["variables", "dddd", ["booly_i"]],
295
+ // text_color: { l: 15, c: 13, h: 6, o: 24, is_dark_theme_invert: true },
296
+ // },
297
+ // },
298
+ // ],
299
+ // attributes: {},
300
+ // },
301
+ // {
302
+ // type_id: "checkbox",
303
+ // selector_id: "lqvon",
304
+ // children: [],
305
+ // attributes: {
306
+ // val_from_variable_path: ["variables", "dddd", ["booly_i"]],
307
+ // type: "checkbox",
308
+ // size: 2.4,
309
+ // color: null,
310
+ // },
311
+ // },
312
+ // ],
313
+ // attributes: { iter_identifier: "booly_i", val_from_variable_path: ["variables", "dddd"], join_text: null },
314
+ // },
315
+ // {
316
+ // type_id: "show_conditions",
317
+ // selector_id: "gbhifesv",
318
+ // children: [
319
+ // {
320
+ // type_id: "show_conditions_item",
321
+ // selector_id: "pkwuokqz",
322
+ // children: [
323
+ // {
324
+ // type_id: "base_text",
325
+ // selector_id: "arshiwlr",
326
+ // children: [],
327
+ // attributes: {
328
+ // content: "Show this if the condition passes!",
329
+ // text_color: { l: 7, c: 10, h: 20, o: 24, is_dark_theme_invert: true },
330
+ // },
331
+ // },
332
+ // ],
333
+ // attributes: { is_show_from_variable_path: ["variables", "dddd", 3] },
334
+ // },
335
+ // {
336
+ // type_id: "show_conditions_item_else",
337
+ // selector_id: "jtrkkmtb",
338
+ // children: [
339
+ // {
340
+ // type_id: "base_text",
341
+ // selector_id: "hlbbxafx",
342
+ // children: [],
343
+ // attributes: {
344
+ // content: "Show this if the condition fails!",
345
+ // text_color: { l: 8, c: 10, h: 6, o: 24, is_dark_theme_invert: true },
346
+ // },
347
+ // },
348
+ // ],
349
+ // attributes: {},
350
+ // },
351
+ // ],
352
+ // attributes: {},
353
+ // },
354
+ // ],
355
+ // attributes: {},
356
+ // }
357
+
358
+ // const initial_val = {
359
+ // type_id: "div",
360
+ // selector_id: "cqwzkzxr",
361
+ // attributes: {},
362
+ // children: [
363
+ // {
364
+ // type_id: "section",
365
+ // selector_id: "jqzyrcue",
366
+ // attributes: {},
367
+ // children: [
368
+ // {
369
+ // type_id: "h2",
370
+ // selector_id: "wdqlkxsd",
371
+ // attributes: {},
372
+ // children: [
373
+ // {
374
+ // type_id: "base_text",
375
+ // selector_id: "lpnoxexn",
376
+ // attributes: { content: "Make your Logo", text_color: null },
377
+ // children: [],
378
+ // },
379
+ // ],
380
+ // },
381
+ // {
382
+ // type_id: "p",
383
+ // selector_id: "ijmczenz",
384
+ // attributes: {},
385
+ // children: [
386
+ // {
387
+ // type_id: "base_text",
388
+ // selector_id: "xnypkkxl",
389
+ // attributes: {
390
+ // content:
391
+ // "Make an icon. Keep it simple. 1-3 colors and a few shapes. Don't include your long brand name text in the icon.",
392
+ // text_color: null,
393
+ // },
394
+ // children: [],
395
+ // },
396
+ // ],
397
+ // },
398
+ // {
399
+ // type_id: "p",
400
+ // selector_id: "hmfdkfnn",
401
+ // attributes: {},
402
+ // children: [{ type_id: "base_text", selector_id: "zsjtwlqz", attributes: {}, children: [] }],
403
+ // },
404
+ // {
405
+ // type_id: "p",
406
+ // selector_id: "qlzdpbvp",
407
+ // attributes: {},
408
+ // children: [
409
+ // {
410
+ // type_id: "base_text",
411
+ // selector_id: "wtuayref",
412
+ // attributes: {
413
+ // content:
414
+ // "Use an image or, ideally, an SVG for your logo. If you have some design experience, try tools like Adobe Illustrator or ",
415
+ // text_color: null,
416
+ // },
417
+ // children: [],
418
+ // },
419
+ // {
420
+ // type_id: "link",
421
+ // selector_id: "qdftshsx",
422
+ // attributes: {
423
+ // href: "https://affinity.serif.com/en-us/designer/",
424
+ // text_color: null,
425
+ // display_text: null,
426
+ // is_show_preview: null,
427
+ // },
428
+ // children: [
429
+ // {
430
+ // type_id: "base_text",
431
+ // selector_id: "hadhxxms",
432
+ // attributes: { content: "Affinity Designer", text_color: null },
433
+ // children: [],
434
+ // },
435
+ // ],
436
+ // },
437
+ // {
438
+ // type_id: "base_text",
439
+ // selector_id: "pjzzqlvj",
440
+ // attributes: { content: " on Mac. Flatten and export your design as SVG.", text_color: null },
441
+ // children: [],
442
+ // },
443
+ // ],
444
+ // },
445
+ // ],
446
+ // },
447
+ // {
448
+ // type_id: "section",
449
+ // selector_id: "hpuldzpg",
450
+ // attributes: {},
451
+ // children: [
452
+ // {
453
+ // type_id: "h3",
454
+ // selector_id: "mftcxsue",
455
+ // attributes: {},
456
+ // children: [
457
+ // {
458
+ // type_id: "base_text",
459
+ // selector_id: "bsifzkyf",
460
+ // attributes: { content: "Project Structure & Stack", text_color: null },
461
+ // children: [],
462
+ // },
463
+ // ],
464
+ // },
465
+ // ],
466
+ // },
467
+ // {
468
+ // type_id: "div",
469
+ // selector_id: "almogbfk",
470
+ // attributes: {
471
+ // padding: null,
472
+ // border_color: null,
473
+ // align_content: "center",
474
+ // border_radius: null,
475
+ // justify_content: "center",
476
+ // background_color: null,
477
+ // },
478
+ // children: [
479
+ // {
480
+ // type_id: "div",
481
+ // selector_id: "csanyusd",
482
+ // attributes: {
483
+ // padding: 1,
484
+ // border_color: null,
485
+ // align_content: "center",
486
+ // border_radius: null,
487
+ // justify_content: "center",
488
+ // background_color: null,
489
+ // },
490
+ // children: [
491
+ // {
492
+ // type_id: "h3",
493
+ // selector_id: "ssxdhhef",
494
+ // attributes: {},
495
+ // children: [
496
+ // {
497
+ // type_id: "base_text",
498
+ // selector_id: "bfxsnwkl",
499
+ // attributes: { content: "Project Structure & Stack", text_color: null },
500
+ // children: [],
501
+ // },
502
+ // ],
503
+ // },
504
+ // {
505
+ // type_id: "p",
506
+ // selector_id: "qxtnufvi",
507
+ // attributes: {},
508
+ // children: [
509
+ // {
510
+ // type_id: "base_text",
511
+ // selector_id: "ivuohmze",
512
+ // attributes: { content: "Your site uses ", text_color: null },
513
+ // children: [],
514
+ // },
515
+ // {
516
+ // type_id: "link",
517
+ // selector_id: "rraefsin",
518
+ // attributes: {
519
+ // href: "https://svelte.dev/docs/kit/introduction",
520
+ // text_color: null,
521
+ // display_text: null,
522
+ // is_show_preview: null,
523
+ // },
524
+ // children: [
525
+ // {
526
+ // type_id: "base_text",
527
+ // selector_id: "yrpbnrma",
528
+ // attributes: { content: "SvelteKit", text_color: null },
529
+ // children: [],
530
+ // },
531
+ // ],
532
+ // },
533
+ // {
534
+ // type_id: "base_text",
535
+ // selector_id: "foaemrff",
536
+ // attributes: { content: " along with the ", text_color: null },
537
+ // children: [],
538
+ // },
539
+ // {
540
+ // type_id: "link",
541
+ // selector_id: "npiszgcm",
542
+ // attributes: {
543
+ // href: "https://www.sveltekit-ui.com",
544
+ // text_color: null,
545
+ // display_text: null,
546
+ // is_show_preview: null,
547
+ // },
548
+ // children: [
549
+ // {
550
+ // type_id: "base_text",
551
+ // selector_id: "bioefdyh",
552
+ // attributes: { content: "Sveltekit-UI", text_color: null },
553
+ // children: [],
554
+ // },
555
+ // ],
556
+ // },
557
+ // {
558
+ // type_id: "base_text",
559
+ // selector_id: "ucykvtai",
560
+ // attributes: { content: " component library.", text_color: null },
561
+ // children: [],
562
+ // },
563
+ // ],
564
+ // },
565
+ // {
566
+ // type_id: "p",
567
+ // selector_id: "lxlnkejm",
568
+ // attributes: {},
569
+ // children: [
570
+ // {
571
+ // type_id: "base_text",
572
+ // selector_id: "fssnppmv",
573
+ // attributes: { content: "Set up a ", text_color: null },
574
+ // children: [],
575
+ // },
576
+ // {
577
+ // type_id: "link",
578
+ // selector_id: "ireopdxi",
579
+ // attributes: {
580
+ // href: "https://github.com",
581
+ // text_color: null,
582
+ // display_text: null,
583
+ // is_show_preview: null,
584
+ // },
585
+ // children: [
586
+ // {
587
+ // type_id: "base_text",
588
+ // selector_id: "enmontsk",
589
+ // attributes: { content: "GitHub", text_color: null },
590
+ // children: [],
591
+ // },
592
+ // ],
593
+ // },
594
+ // {
595
+ // type_id: "base_text",
596
+ // selector_id: "puivkrcq",
597
+ // attributes: { content: " repository to save your project.", text_color: null },
598
+ // children: [],
599
+ // },
600
+ // ],
601
+ // },
602
+ // {
603
+ // type_id: "h3",
604
+ // selector_id: "njpogflf",
605
+ // attributes: {},
606
+ // children: [
607
+ // {
608
+ // type_id: "base_text",
609
+ // selector_id: "quoqvesd",
610
+ // attributes: { content: "Create a Logo", text_color: null },
611
+ // children: [],
612
+ // },
613
+ // ],
614
+ // },
615
+ // {
616
+ // type_id: "p",
617
+ // selector_id: "euvczkeg",
618
+ // attributes: {},
619
+ // children: [
620
+ // {
621
+ // type_id: "base_text",
622
+ // selector_id: "ansqoykr",
623
+ // attributes: {
624
+ // content:
625
+ // "Use an image or, ideally, an SVG for your logo. If you have some design experience, try tools like Adobe Illustrator or ",
626
+ // text_color: null,
627
+ // },
628
+ // children: [],
629
+ // },
630
+ // {
631
+ // type_id: "link",
632
+ // selector_id: "dsxacthf",
633
+ // attributes: {
634
+ // href: "https://affinity.serif.com/en-us/designer/",
635
+ // text_color: null,
636
+ // display_text: null,
637
+ // is_show_preview: null,
638
+ // },
639
+ // children: [
640
+ // {
641
+ // type_id: "base_text",
642
+ // selector_id: "xzlupmqi",
643
+ // attributes: { content: "Affinity Designer", text_color: null },
644
+ // children: [],
645
+ // },
646
+ // ],
647
+ // },
648
+ // {
649
+ // type_id: "base_text",
650
+ // selector_id: "gxhwvgra",
651
+ // attributes: { content: " on Mac. Flatten and export your design as SVG.", text_color: null },
652
+ // children: [],
653
+ // },
654
+ // ],
655
+ // },
656
+ // {
657
+ // type_id: "p",
658
+ // selector_id: "goxodvkj",
659
+ // attributes: {},
660
+ // children: [
661
+ // {
662
+ // type_id: "base_text",
663
+ // selector_id: "aeiwtsky",
664
+ // attributes: { content: "Run the project locally with ", text_color: null },
665
+ // children: [],
666
+ // },
667
+ // {
668
+ // type_id: "code_inline",
669
+ // selector_id: "sryctegd",
670
+ // attributes: { color: null, content: "npm run dev" },
671
+ // children: [],
672
+ // },
673
+ // ],
674
+ // },
675
+ // {
676
+ // type_id: "p",
677
+ // selector_id: "bakgdaes",
678
+ // attributes: {},
679
+ // children: [
680
+ // {
681
+ // type_id: "base_text",
682
+ // selector_id: "qvjpmixr",
683
+ // attributes: { content: "You can optimize your SVG using ", text_color: null },
684
+ // children: [],
685
+ // },
686
+ // {
687
+ // type_id: "link",
688
+ // selector_id: "knnuygzg",
689
+ // attributes: {
690
+ // href: "https://jakearchibald.github.io/svgomg/",
691
+ // text_color: null,
692
+ // display_text: null,
693
+ // is_show_preview: null,
694
+ // },
695
+ // children: [
696
+ // {
697
+ // type_id: "base_text",
698
+ // selector_id: "adroimep",
699
+ // attributes: { content: "SVGOMG", text_color: null },
700
+ // children: [],
701
+ // },
702
+ // ],
703
+ // },
704
+ // {
705
+ // type_id: "base_text",
706
+ // selector_id: "uzzoygsd",
707
+ // attributes: { content: ", and be sure to set a viewBox if possible.", text_color: null },
708
+ // children: [],
709
+ // },
710
+ // ],
711
+ // },
712
+ // {
713
+ // type_id: "p",
714
+ // selector_id: "bbqgvvxx",
715
+ // attributes: {},
716
+ // children: [
717
+ // {
718
+ // type_id: "base_text",
719
+ // selector_id: "dgftwinx",
720
+ // attributes: { content: "Generate your favicons (I recommend ", text_color: null },
721
+ // children: [],
722
+ // },
723
+ // {
724
+ // type_id: "link",
725
+ // selector_id: "xmhovaqt",
726
+ // attributes: {
727
+ // href: "https://realfavicongenerator.net",
728
+ // text_color: null,
729
+ // display_text: null,
730
+ // is_show_preview: null,
731
+ // },
732
+ // children: [
733
+ // {
734
+ // type_id: "base_text",
735
+ // selector_id: "dboscywd",
736
+ // attributes: { content: "Real Favicon Generator", text_color: null },
737
+ // children: [],
738
+ // },
739
+ // ],
740
+ // },
741
+ // {
742
+ // type_id: "base_text",
743
+ // selector_id: "zwzmxwuh",
744
+ // attributes: {
745
+ // content: "). Then, delete the default favicon.ico and replace it with your preferred icons.",
746
+ // text_color: null,
747
+ // },
748
+ // children: [],
749
+ // },
750
+ // ],
751
+ // },
752
+ // {
753
+ // type_id: "p",
754
+ // selector_id: "bpvrzdat",
755
+ // attributes: {},
756
+ // children: [
757
+ // {
758
+ // type_id: "base_text",
759
+ // selector_id: "qegzopxo",
760
+ // attributes: {
761
+ // content: "Move the logo and favicon files to the static directory.",
762
+ // text_color: null,
763
+ // },
764
+ // children: [],
765
+ // },
766
+ // ],
767
+ // },
768
+ // {
769
+ // type_id: "p",
770
+ // selector_id: "nimxpsyo",
771
+ // attributes: {},
772
+ // children: [
773
+ // {
774
+ // type_id: "base_text",
775
+ // selector_id: "uapuzruu",
776
+ // attributes: { content: "Update ", text_color: null },
777
+ // children: [],
778
+ // },
779
+ // {
780
+ // type_id: "code_inline",
781
+ // selector_id: "uocvmlos",
782
+ // attributes: { color: null, content: "src/lib/components/Logo/index.svelte" },
783
+ // children: [],
784
+ // },
785
+ // {
786
+ // type_id: "base_text",
787
+ // selector_id: "nbdzymfd",
788
+ // attributes: {
789
+ // content: " to use your new logo (preferably an icon and your brand name).",
790
+ // text_color: null,
791
+ // },
792
+ // children: [],
793
+ // },
794
+ // ],
795
+ // },
796
+ // {
797
+ // type_id: "h3",
798
+ // selector_id: "dpvjvrxn",
799
+ // attributes: {},
800
+ // children: [
801
+ // {
802
+ // type_id: "base_text",
803
+ // selector_id: "eqdhlyfx",
804
+ // attributes: { content: "Deployment & Hosting", text_color: null },
805
+ // children: [],
806
+ // },
807
+ // ],
808
+ // },
809
+ // {
810
+ // type_id: "p",
811
+ // selector_id: "dyfoaybv",
812
+ // attributes: {},
813
+ // children: [
814
+ // {
815
+ // type_id: "base_text",
816
+ // selector_id: "efoygyds",
817
+ // attributes: { content: "Create a free account on ", text_color: null },
818
+ // children: [],
819
+ // },
820
+ // {
821
+ // type_id: "link",
822
+ // selector_id: "yxehwxzn",
823
+ // attributes: {
824
+ // href: "https://vercel.com",
825
+ // text_color: null,
826
+ // display_text: null,
827
+ // is_show_preview: null,
828
+ // },
829
+ // children: [
830
+ // {
831
+ // type_id: "base_text",
832
+ // selector_id: "daeffxms",
833
+ // attributes: { content: "Vercel", text_color: null },
834
+ // children: [],
835
+ // },
836
+ // ],
837
+ // },
838
+ // {
839
+ // type_id: "base_text",
840
+ // selector_id: "ukelhrfu",
841
+ // attributes: { content: " and purchase a custom domain name.", text_color: null },
842
+ // children: [],
843
+ // },
844
+ // ],
845
+ // },
846
+ // {
847
+ // type_id: "h3",
848
+ // selector_id: "eocebncr",
849
+ // attributes: {},
850
+ // children: [
851
+ // {
852
+ // type_id: "base_text",
853
+ // selector_id: "rcldvwiv",
854
+ // attributes: { content: "Set Up Email", text_color: null },
855
+ // children: [],
856
+ // },
857
+ // ],
858
+ // },
859
+ // {
860
+ // type_id: "p",
861
+ // selector_id: "bthyyblz",
862
+ // attributes: {},
863
+ // children: [
864
+ // {
865
+ // type_id: "base_text",
866
+ // selector_id: "pzkuhqrm",
867
+ // attributes: { content: "Sign up for a free account at ", text_color: null },
868
+ // children: [],
869
+ // },
870
+ // {
871
+ // type_id: "link",
872
+ // selector_id: "lulvgbrw",
873
+ // attributes: {
874
+ // href: "https://www.contibase.com",
875
+ // text_color: null,
876
+ // display_text: null,
877
+ // is_show_preview: null,
878
+ // },
879
+ // children: [
880
+ // {
881
+ // type_id: "base_text",
882
+ // selector_id: "cpveukby",
883
+ // attributes: { content: "Contibase", text_color: null },
884
+ // children: [],
885
+ // },
886
+ // ],
887
+ // },
888
+ // {
889
+ // type_id: "base_text",
890
+ // selector_id: "zuxfghio",
891
+ // attributes: { content: ", and configure email services for your domain.", text_color: null },
892
+ // children: [],
893
+ // },
894
+ // ],
895
+ // },
896
+ // {
897
+ // type_id: "p",
898
+ // selector_id: "tumedlok",
899
+ // attributes: {},
900
+ // children: [
901
+ // {
902
+ // type_id: "base_text",
903
+ // selector_id: "joaawxxd",
904
+ // attributes: {
905
+ // content:
906
+ // "Contibase can also help you manage user sign-ins and offers tools to create custom data tables for any other data needs.",
907
+ // text_color: null,
908
+ // },
909
+ // children: [],
910
+ // },
911
+ // ],
912
+ // },
913
+ // {
914
+ // type_id: "h4",
915
+ // selector_id: "orytxlul",
916
+ // attributes: {},
917
+ // children: [
918
+ // {
919
+ // type_id: "base_text",
920
+ // selector_id: "zimqyrpx",
921
+ // attributes: { content: "Ready to Make Something Great!", text_color: null },
922
+ // children: [],
923
+ // },
924
+ // ],
925
+ // },
926
+ // {
927
+ // type_id: "p",
928
+ // selector_id: "czmmjsra",
929
+ // attributes: {},
930
+ // children: [
931
+ // {
932
+ // type_id: "base_text",
933
+ // selector_id: "aoxwhcxf",
934
+ // attributes: {
935
+ // content:
936
+ // "Check the official docs and remember you can always use AI to help speed up your process!",
937
+ // text_color: null,
938
+ // },
939
+ // children: [],
940
+ // },
941
+ // ],
942
+ // },
943
+ // ],
944
+ // },
945
+ // ],
946
+ // },
947
+ // ],
948
+ // }
949
+
137
950
  const initial_val = {
138
951
  type_id: "div",
139
- selector_id: "opmbc",
952
+ selector_id: "cqwzkzxr",
953
+ attributes: {},
140
954
  children: [
141
955
  {
142
- type_id: "h3",
143
- selector_id: "wgxib",
956
+ type_id: "h2",
957
+ selector_id: "hbvznufa",
144
958
  children: [
145
959
  {
146
960
  type_id: "base_text",
147
- selector_id: "nznpx",
961
+ selector_id: "kebffosw",
148
962
  children: [],
149
- attributes: { content_from_variable_path: null, content: "Let's test this stuff out!" },
963
+ attributes: { content: "Hello World", text_color: null },
150
964
  },
151
965
  ],
152
966
  attributes: {},
153
967
  },
968
+ { type_id: "p", selector_id: "srsxjjgz", children: [], attributes: {} },
154
969
  {
155
970
  type_id: "p",
156
- selector_id: "sxrngjxb",
971
+ selector_id: "hdoiapwi",
157
972
  children: [
158
973
  {
159
974
  type_id: "base_text",
160
- selector_id: "xflhhley",
975
+ selector_id: "qhnsxwxb",
976
+ children: [],
977
+ attributes: { content: "one ", text_color: null },
978
+ },
979
+ {
980
+ type_id: "base_text",
981
+ selector_id: "xwcolfcm",
161
982
  children: [],
162
- attributes: {
163
- content:
164
- "hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah",
165
- text_color: null,
166
- },
983
+ attributes: { content: "two ", text_color: null },
167
984
  },
168
985
  {
169
- type_id: "code_inline",
170
- selector_id: "xofaovta",
986
+ type_id: "base_text",
987
+ selector_id: "zzfoqvdq",
171
988
  children: [],
172
- attributes: { content: "yo yo yo", is_show_copy_button: null, text_color: null },
989
+ attributes: { content: "three ", text_color: null },
173
990
  },
174
991
  {
175
992
  type_id: "base_text",
176
- selector_id: "czzczuba",
993
+ selector_id: "vagphpgn",
177
994
  children: [],
178
- attributes: {
179
- content:
180
- "hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah hey this is a test blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah",
181
- text_color: null,
182
- },
995
+ attributes: { content: "four ", text_color: null },
996
+ },
997
+ {
998
+ type_id: "base_text",
999
+ selector_id: "hhmwoxyu",
1000
+ children: [],
1001
+ attributes: { content: "five ", text_color: null },
183
1002
  },
184
1003
  ],
185
1004
  attributes: {},
186
1005
  },
187
1006
  {
188
- type_id: "ul",
189
- selector_id: "thawp",
1007
+ type_id: "div",
1008
+ selector_id: "jkuitipo",
190
1009
  children: [
191
1010
  {
192
- type_id: "li",
193
- selector_id: "ynxnv",
1011
+ type_id: "ul",
1012
+ selector_id: "macskilc",
194
1013
  children: [
195
1014
  {
196
- type_id: "base_text",
197
- selector_id: "xaahu",
198
- children: [],
199
- attributes: { content: "The checkbox, ", text_color: null },
200
- },
201
- {
202
- type_id: "checkbox",
203
- selector_id: "iynnb",
204
- children: [],
205
- attributes: {
206
- val_from_variable_path: ["variables", "cccc"],
207
- type: "checkbox",
208
- size: 5,
209
- color: { l: 12, c: 21, h: 24, o: 24, is_dark_theme_invert: true },
210
- },
1015
+ type_id: "li",
1016
+ selector_id: "ymndewjm",
1017
+ children: [
1018
+ {
1019
+ type_id: "base_text",
1020
+ selector_id: "kztuchzj",
1021
+ children: [],
1022
+ attributes: { content: "earth", text_color: null },
1023
+ },
1024
+ ],
1025
+ attributes: {},
211
1026
  },
212
1027
  {
213
- type_id: "base_text",
214
- selector_id: "loupp",
215
- children: [],
216
- attributes: { content: ", is connected to the same var here: ", text_color: null },
1028
+ type_id: "li",
1029
+ selector_id: "vvwvpsyu",
1030
+ children: [
1031
+ {
1032
+ type_id: "base_text",
1033
+ selector_id: "sxdokccz",
1034
+ children: [],
1035
+ attributes: { content: "mars", text_color: null },
1036
+ },
1037
+ ],
1038
+ attributes: {},
217
1039
  },
218
1040
  {
219
- type_id: "base_text",
220
- selector_id: "ofjlf",
221
- children: [],
222
- attributes: {
223
- content_from_variable_path: ["variables", "cccc"],
224
- text_color: { l: 9, c: 10, h: 11, o: 24, is_dark_theme_invert: true },
225
- },
1041
+ type_id: "li",
1042
+ selector_id: "nwdoctgk",
1043
+ children: [
1044
+ {
1045
+ type_id: "base_text",
1046
+ selector_id: "vzbimkqq",
1047
+ children: [],
1048
+ attributes: { content: "venus", text_color: null },
1049
+ },
1050
+ ],
1051
+ attributes: {},
226
1052
  },
227
- ],
228
- attributes: {},
229
- },
230
- {
231
- type_id: "li",
232
- selector_id: "qlqgujep",
233
- children: [
234
1053
  {
235
- type_id: "base_text",
236
- selector_id: "ftpoicjq",
237
- children: [],
238
- attributes: { content_from_variable_path: ["variables", "cccc"], text_color: null },
1054
+ type_id: "li",
1055
+ selector_id: "trvkcqae",
1056
+ children: [
1057
+ {
1058
+ type_id: "base_text",
1059
+ selector_id: "xnrqcktc",
1060
+ children: [],
1061
+ attributes: { content: "neptune", text_color: null },
1062
+ },
1063
+ ],
1064
+ attributes: {},
239
1065
  },
240
1066
  {
241
- type_id: "checkbox",
242
- selector_id: "kdotcril",
243
- children: [],
244
- attributes: {
245
- val_from_variable_path: ["variables", "cccc"],
246
- type: "checkbox",
247
- size: null,
248
- color: null,
249
- },
1067
+ type_id: "li",
1068
+ selector_id: "fjmaxkpl",
1069
+ children: [
1070
+ {
1071
+ type_id: "base_text",
1072
+ selector_id: "fkxbmaeg",
1073
+ children: [],
1074
+ attributes: { content: "jupiter", text_color: null },
1075
+ },
1076
+ ],
1077
+ attributes: {},
250
1078
  },
251
- ],
252
- attributes: {},
253
- },
254
- {
255
- type_id: "li",
256
- selector_id: "istoi",
257
- children: [
258
1079
  {
259
- type_id: "checkbox",
260
- selector_id: "jfsgb",
261
- children: [],
262
- attributes: {
263
- val_from_variable_path: ["variables", "dddd", 3],
264
- type: "toggle",
265
- size: null,
266
- color: { l: 8, c: 21, h: 7, o: 24, is_dark_theme_invert: true },
267
- },
268
- },
269
- {
270
- type_id: "base_text",
271
- selector_id: "allfb",
272
- children: [],
273
- attributes: { content: "this one does the show test", text_color: null },
1080
+ type_id: "li",
1081
+ selector_id: "eebwakgj",
1082
+ children: [
1083
+ {
1084
+ type_id: "base_text",
1085
+ selector_id: "oipsenad",
1086
+ children: [],
1087
+ attributes: { content: "saturn", text_color: null },
1088
+ },
1089
+ ],
1090
+ attributes: {},
274
1091
  },
275
1092
  ],
276
1093
  attributes: {},
@@ -279,71 +1096,24 @@
279
1096
  attributes: {},
280
1097
  },
281
1098
  {
282
- type_id: "loop",
283
- selector_id: "bwrgl",
284
- children: [
285
- {
286
- type_id: "h5",
287
- selector_id: "clrzp",
288
- children: [
289
- {
290
- type_id: "base_text",
291
- selector_id: "zsaou",
292
- children: [],
293
- attributes: {
294
- content_from_variable_path: ["variables", "dddd", ["booly_i"]],
295
- text_color: { l: 15, c: 13, h: 6, o: 24, is_dark_theme_invert: true },
296
- },
297
- },
298
- ],
299
- attributes: {},
300
- },
301
- {
302
- type_id: "checkbox",
303
- selector_id: "lqvon",
304
- children: [],
305
- attributes: {
306
- val_from_variable_path: ["variables", "dddd", ["booly_i"]],
307
- type: "checkbox",
308
- size: 2.4,
309
- color: null,
310
- },
311
- },
312
- ],
313
- attributes: { iter_identifier: "booly_i", val_from_variable_path: ["variables", "dddd"], join_text: null },
314
- },
315
- {
316
- type_id: "show_conditions",
317
- selector_id: "gbhifesv",
1099
+ type_id: "div",
1100
+ selector_id: "vagmtdzs",
318
1101
  children: [
319
1102
  {
320
- type_id: "show_conditions_item",
321
- selector_id: "pkwuokqz",
1103
+ type_id: "p",
1104
+ selector_id: "lqgoglmn",
322
1105
  children: [
323
1106
  {
324
1107
  type_id: "base_text",
325
- selector_id: "arshiwlr",
1108
+ selector_id: "ckgkcqha",
326
1109
  children: [],
327
- attributes: {
328
- content: "Show this if the condition passes!",
329
- text_color: { l: 7, c: 10, h: 20, o: 24, is_dark_theme_invert: true },
330
- },
1110
+ attributes: { content: "I love the galaxy. ", text_color: null },
331
1111
  },
332
- ],
333
- attributes: { is_show_from_variable_path: ["variables", "dddd", 3] },
334
- },
335
- {
336
- type_id: "show_conditions_item_else",
337
- selector_id: "jtrkkmtb",
338
- children: [
339
1112
  {
340
1113
  type_id: "base_text",
341
- selector_id: "hlbbxafx",
1114
+ selector_id: "qfvkconl",
342
1115
  children: [],
343
- attributes: {
344
- content: "Show this if the condition fails!",
345
- text_color: { l: 8, c: 10, h: 6, o: 24, is_dark_theme_invert: true },
346
- },
1116
+ attributes: { content: "pluto", text_color: null },
347
1117
  },
348
1118
  ],
349
1119
  attributes: {},
@@ -352,7 +1122,6 @@
352
1122
  attributes: {},
353
1123
  },
354
1124
  ],
355
- attributes: {},
356
1125
  }
357
1126
 
358
1127
  let content_input_manager = $state(null)