juxscript 1.0.60 → 1.0.61

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 (12) hide show
  1. package/README.md +32 -1
  2. package/bin/cli.js +6 -28
  3. package/lib/components/chart.ts +231 -0
  4. package/machinery/ast.js +347 -0
  5. package/machinery/bundleAssets.js +0 -0
  6. package/machinery/bundleJux.js +0 -0
  7. package/machinery/bundleVendors.js +0 -0
  8. package/machinery/compiler.js +163 -46
  9. package/machinery/server.js +16 -2
  10. package/machinery/ts-shim.js +46 -0
  11. package/package.json +4 -1
  12. package/lib/components/docs-data.json +0 -1958
package/lib/components/docs-data.json DELETED
@@ -1,1958 +0,0 @@
1
- {
2
- "components": [
3
- {
4
- "name": "App",
5
- "category": "Core",
6
- "description": "App component options",
7
- "constructor": "jux.app(id: string, options?: AppOptions)",
8
- "fluentMethods": [
9
- {
10
- "name": "title",
11
- "params": "(value)",
12
- "returns": "this",
13
- "description": "Set title"
14
- },
15
- {
16
- "name": "theme",
17
- "params": "(value)",
18
- "returns": "this",
19
- "description": "Set theme"
20
- },
21
- {
22
- "name": "favicon",
23
- "params": "(value)",
24
- "returns": "this",
25
- "description": "Set favicon"
26
- },
27
- {
28
- "name": "meta",
29
- "params": "(name, content)",
30
- "returns": "this",
31
- "description": "Set meta"
32
- },
33
- {
34
- "name": "addStylesheet",
35
- "params": "(url)",
36
- "returns": "this",
37
- "description": "Set addStylesheet"
38
- },
39
- {
40
- "name": "addScript",
41
- "params": "(url)",
42
- "returns": "this",
43
- "description": "Set addScript"
44
- },
45
- {
46
- "name": "setup",
47
- "params": "(options)",
48
- "returns": "this",
49
- "description": "Set setup"
50
- },
51
- {
52
- "name": "render",
53
- "params": "()",
54
- "returns": "this",
55
- "description": "Set render"
56
- }
57
- ],
58
- "example": "jux.app('myApp').setup({"
59
- },
60
- {
61
- "name": "Script",
62
- "category": "Core",
63
- "description": "Script - Inject inline JavaScript into the document",
64
- "constructor": "jux.script(code: string, id?: string)",
65
- "fluentMethods": [
66
- {
67
- "name": "render",
68
- "params": "()",
69
- "returns": "this",
70
- "description": "Set render"
71
- }
72
- ],
73
- "example": "jux.script('id').render()"
74
- },
75
- {
76
- "name": "Style",
77
- "category": "Core",
78
- "description": "Style - Inject inline CSS into the document",
79
- "constructor": "jux.style(css: string, id?: string)",
80
- "fluentMethods": [
81
- {
82
- "name": "render",
83
- "params": "()",
84
- "returns": "this",
85
- "description": "Set render"
86
- }
87
- ],
88
- "example": "jux.style('id').render()"
89
- },
90
- {
91
- "name": "Data",
92
- "category": "Data Components",
93
- "description": "Data component - SQL query execution",
94
- "constructor": "new Data()",
95
- "fluentMethods": [],
96
- "example": "const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);"
97
- },
98
- {
99
- "name": "List",
100
- "category": "Data Components",
101
- "description": "List component",
102
- "constructor": "jux.list(id: string, options: ListOptions = {})",
103
- "fluentMethods": [
104
- {
105
- "name": "addItem",
106
- "params": "(value)",
107
- "returns": "this",
108
- "description": "Set addItem"
109
- },
110
- {
111
- "name": "removeItem",
112
- "params": "(index)",
113
- "returns": "this",
114
- "description": "Set removeItem"
115
- },
116
- {
117
- "name": "updateItem",
118
- "params": "(index, updates)",
119
- "returns": "this",
120
- "description": "Set updateItem"
121
- },
122
- {
123
- "name": "clearItems",
124
- "params": "()",
125
- "returns": "this",
126
- "description": "Set clearItems"
127
- },
128
- {
129
- "name": "itemClass",
130
- "params": "(className)",
131
- "returns": "this",
132
- "description": "Set itemClass"
133
- },
134
- {
135
- "name": "ordered",
136
- "params": "(value)",
137
- "returns": "this",
138
- "description": "Set ordered"
139
- },
140
- {
141
- "name": "selectable",
142
- "params": "(value)",
143
- "returns": "this",
144
- "description": "Set selectable"
145
- },
146
- {
147
- "name": "multiSelect",
148
- "params": "(value)",
149
- "returns": "this",
150
- "description": "Set multiSelect"
151
- },
152
- {
153
- "name": "striped",
154
- "params": "(value)",
155
- "returns": "this",
156
- "description": "Set striped"
157
- },
158
- {
159
- "name": "hoverable",
160
- "params": "(value)",
161
- "returns": "this",
162
- "description": "Set hoverable"
163
- },
164
- {
165
- "name": "bordered",
166
- "params": "(value)",
167
- "returns": "this",
168
- "description": "Set bordered"
169
- },
170
- {
171
- "name": "selectItem",
172
- "params": "(index)",
173
- "returns": "this",
174
- "description": "Set selectItem"
175
- },
176
- {
177
- "name": "deselectItem",
178
- "params": "(index)",
179
- "returns": "this",
180
- "description": "Set deselectItem"
181
- },
182
- {
183
- "name": "clearSelection",
184
- "params": "()",
185
- "returns": "this",
186
- "description": "Set clearSelection"
187
- },
188
- {
189
- "name": "render",
190
- "params": "(targetId?)",
191
- "returns": "this",
192
- "description": "Set render"
193
- }
194
- ],
195
- "example": "jux.list('id').render()"
196
- },
197
- {
198
- "name": "Table",
199
- "category": "Data Components",
200
- "description": "Add a computed column that evaluates dynamically at render time",
201
- "constructor": "jux.table(id: string, options: TableOptions = {})",
202
- "fluentMethods": [
203
- {
204
- "name": "rows",
205
- "params": "(value)",
206
- "returns": "this",
207
- "description": "Set rows"
208
- },
209
- {
210
- "name": "removeComputedColumn",
211
- "params": "(key)",
212
- "returns": "this",
213
- "description": "Set removeComputedColumn"
214
- },
215
- {
216
- "name": "headers",
217
- "params": "(value)",
218
- "returns": "this",
219
- "description": "Set headers"
220
- },
221
- {
222
- "name": "striped",
223
- "params": "(value)",
224
- "returns": "this",
225
- "description": "Set striped"
226
- },
227
- {
228
- "name": "hoverable",
229
- "params": "(value)",
230
- "returns": "this",
231
- "description": "Set hoverable"
232
- },
233
- {
234
- "name": "bordered",
235
- "params": "(value)",
236
- "returns": "this",
237
- "description": "Set bordered"
238
- },
239
- {
240
- "name": "compact",
241
- "params": "(value)",
242
- "returns": "this",
243
- "description": "Set compact"
244
- },
245
- {
246
- "name": "sortable",
247
- "params": "(value)",
248
- "returns": "this",
249
- "description": "Set sortable"
250
- },
251
- {
252
- "name": "filterable",
253
- "params": "(value)",
254
- "returns": "this",
255
- "description": "Set filterable"
256
- },
257
- {
258
- "name": "paginated",
259
- "params": "(value)",
260
- "returns": "this",
261
- "description": "Set paginated"
262
- },
263
- {
264
- "name": "rowsPerPage",
265
- "params": "(value)",
266
- "returns": "this",
267
- "description": "Set rowsPerPage"
268
- },
269
- {
270
- "name": "selectable",
271
- "params": "(value)",
272
- "returns": "this",
273
- "description": "Set selectable"
274
- },
275
- {
276
- "name": "multiSelect",
277
- "params": "(value)",
278
- "returns": "this",
279
- "description": "Set multiSelect"
280
- },
281
- {
282
- "name": "showCheckboxes",
283
- "params": "(value)",
284
- "returns": "this",
285
- "description": "Set showCheckboxes"
286
- },
287
- {
288
- "name": "showBulkCheckbox",
289
- "params": "(value)",
290
- "returns": "this",
291
- "description": "Set showBulkCheckbox"
292
- },
293
- {
294
- "name": "selectionTrigger",
295
- "params": "(value)",
296
- "returns": "this",
297
- "description": "Set selectionTrigger"
298
- },
299
- {
300
- "name": "selectAll",
301
- "params": "()",
302
- "returns": "this",
303
- "description": "Set selectAll"
304
- },
305
- {
306
- "name": "deselectAll",
307
- "params": "()",
308
- "returns": "this",
309
- "description": "Set deselectAll"
310
- },
311
- {
312
- "name": "clearSelection",
313
- "params": "()",
314
- "returns": "this",
315
- "description": "Set clearSelection"
316
- },
317
- {
318
- "name": "selectRows",
319
- "params": "(indexes)",
320
- "returns": "this",
321
- "description": "Set selectRows"
322
- },
323
- {
324
- "name": "deselectRows",
325
- "params": "(indexes)",
326
- "returns": "this",
327
- "description": "Set deselectRows"
328
- },
329
- {
330
- "name": "render",
331
- "params": "(targetId?)",
332
- "returns": "this",
333
- "description": "Set render"
334
- },
335
- {
336
- "name": "renderTo",
337
- "params": "(juxComponent)",
338
- "returns": "this",
339
- "description": "Set renderTo"
340
- }
341
- ],
342
- "example": "jux.table('id').render()"
343
- },
344
- {
345
- "name": "Alert",
346
- "category": "UI Components",
347
- "description": "Alert component",
348
- "constructor": "jux.alert(id: string, options: AlertOptions = {})",
349
- "fluentMethods": [
350
- {
351
- "name": "message",
352
- "params": "(value)",
353
- "returns": "this",
354
- "description": "Set message"
355
- },
356
- {
357
- "name": "type",
358
- "params": "(value)",
359
- "returns": "this",
360
- "description": "Set type"
361
- },
362
- {
363
- "name": "dismissible",
364
- "params": "(value)",
365
- "returns": "this",
366
- "description": "Set dismissible"
367
- },
368
- {
369
- "name": "icon",
370
- "params": "(value)",
371
- "returns": "this",
372
- "description": "Set icon"
373
- },
374
- {
375
- "name": "render",
376
- "params": "(targetId?)",
377
- "returns": "this",
378
- "description": "Set render"
379
- }
380
- ],
381
- "example": "jux.alert('id').render()"
382
- },
383
- {
384
- "name": "Badge",
385
- "category": "UI Components",
386
- "description": "Badge component",
387
- "constructor": "jux.badge(id: string, options: BadgeOptions = {})",
388
- "fluentMethods": [
389
- {
390
- "name": "text",
391
- "params": "(value)",
392
- "returns": "this",
393
- "description": "Set text"
394
- },
395
- {
396
- "name": "variant",
397
- "params": "(value)",
398
- "returns": "this",
399
- "description": "Set variant"
400
- },
401
- {
402
- "name": "pill",
403
- "params": "(value)",
404
- "returns": "this",
405
- "description": "Set pill"
406
- },
407
- {
408
- "name": "render",
409
- "params": "(targetId?)",
410
- "returns": "this",
411
- "description": "Set render"
412
- }
413
- ],
414
- "example": "jux.badge('id').render()"
415
- },
416
- {
417
- "name": "Button",
418
- "category": "UI Components",
419
- "description": "Override visible() to update the actual button element",
420
- "constructor": "jux.button(id: string, options?: ButtonOptions)",
421
- "fluentMethods": [
422
- {
423
- "name": "label",
424
- "params": "(value)",
425
- "returns": "this",
426
- "description": "Set label"
427
- },
428
- {
429
- "name": "icon",
430
- "params": "(value)",
431
- "returns": "this",
432
- "description": "Set icon"
433
- },
434
- {
435
- "name": "variant",
436
- "params": "(value)",
437
- "returns": "this",
438
- "description": "Set variant"
439
- },
440
- {
441
- "name": "size",
442
- "params": "(value)",
443
- "returns": "this",
444
- "description": "Set size"
445
- },
446
- {
447
- "name": "iconPosition",
448
- "params": "(value)",
449
- "returns": "this",
450
- "description": "Set iconPosition"
451
- },
452
- {
453
- "name": "fullWidth",
454
- "params": "(value)",
455
- "returns": "this",
456
- "description": "Set fullWidth"
457
- },
458
- {
459
- "name": "type",
460
- "params": "(value)",
461
- "returns": "this",
462
- "description": "Set type"
463
- },
464
- {
465
- "name": "visible",
466
- "params": "(value)",
467
- "returns": "this",
468
- "description": "Set visible"
469
- },
470
- {
471
- "name": "render",
472
- "params": "(targetId?)",
473
- "returns": "this",
474
- "description": "Set render"
475
- }
476
- ],
477
- "example": "jux.button('id').render()"
478
- },
479
- {
480
- "name": "Card",
481
- "category": "UI Components",
482
- "description": "Card component",
483
- "constructor": "jux.card(id: string, options: CardOptions = {})",
484
- "fluentMethods": [
485
- {
486
- "name": "title",
487
- "params": "(value)",
488
- "returns": "this",
489
- "description": "Set title"
490
- },
491
- {
492
- "name": "content",
493
- "params": "(value)",
494
- "returns": "this",
495
- "description": "Set content"
496
- },
497
- {
498
- "name": "footer",
499
- "params": "(value)",
500
- "returns": "this",
501
- "description": "Set footer"
502
- },
503
- {
504
- "name": "icon",
505
- "params": "(value)",
506
- "returns": "this",
507
- "description": "Set icon"
508
- },
509
- {
510
- "name": "render",
511
- "params": "(targetId?)",
512
- "returns": "this",
513
- "description": "Set render"
514
- }
515
- ],
516
- "example": "jux.card('id').render()"
517
- },
518
- {
519
- "name": "Checkbox",
520
- "category": "UI Components",
521
- "description": "Checkbox component",
522
- "constructor": "jux.checkbox(id: string, options: CheckboxOptions = {})",
523
- "fluentMethods": [
524
- {
525
- "name": "checked",
526
- "params": "(value)",
527
- "returns": "this",
528
- "description": "Set checked"
529
- },
530
- {
531
- "name": "value",
532
- "params": "(value)",
533
- "returns": "this",
534
- "description": "Set value"
535
- },
536
- {
537
- "name": "setValue",
538
- "params": "(value)",
539
- "returns": "this",
540
- "description": "Set setValue"
541
- },
542
- {
543
- "name": "render",
544
- "params": "(targetId?)",
545
- "returns": "this",
546
- "description": "Set render"
547
- }
548
- ],
549
- "example": "jux.checkbox('id').render()"
550
- },
551
- {
552
- "name": "Code",
553
- "category": "UI Components",
554
- "description": "Code component",
555
- "constructor": "jux.code(id: string, options: CodeOptions = {})",
556
- "fluentMethods": [
557
- {
558
- "name": "code",
559
- "params": "(value)",
560
- "returns": "this",
561
- "description": "Set code"
562
- },
563
- {
564
- "name": "language",
565
- "params": "(value)",
566
- "returns": "this",
567
- "description": "Set language"
568
- },
569
- {
570
- "name": "render",
571
- "params": "(targetId?)",
572
- "returns": "this",
573
- "description": "Set render"
574
- }
575
- ],
576
- "example": "jux.code('id').render()"
577
- },
578
- {
579
- "name": "Container",
580
- "category": "UI Components",
581
- "description": "Container options",
582
- "constructor": "jux.container(id: string, options: ContainerOptions = {})",
583
- "fluentMethods": [
584
- {
585
- "name": "direction",
586
- "params": "(value)",
587
- "returns": "this",
588
- "description": "Set direction"
589
- },
590
- {
591
- "name": "gap",
592
- "params": "(value)",
593
- "returns": "this",
594
- "description": "Set gap"
595
- },
596
- {
597
- "name": "align",
598
- "params": "(value)",
599
- "returns": "this",
600
- "description": "Set align"
601
- },
602
- {
603
- "name": "justify",
604
- "params": "(value)",
605
- "returns": "this",
606
- "description": "Set justify"
607
- },
608
- {
609
- "name": "render",
610
- "params": "(targetId?)",
611
- "returns": "this",
612
- "description": "Set render"
613
- }
614
- ],
615
- "example": "jux.container('id').render()"
616
- },
617
- {
618
- "name": "Datepicker",
619
- "category": "UI Components",
620
- "description": "Datepicker component",
621
- "constructor": "jux.datepicker(id: string, options: DatePickerOptions = {})",
622
- "fluentMethods": [
623
- {
624
- "name": "value",
625
- "params": "(value)",
626
- "returns": "this",
627
- "description": "Set value"
628
- },
629
- {
630
- "name": "placeholder",
631
- "params": "(value)",
632
- "returns": "this",
633
- "description": "Set placeholder"
634
- },
635
- {
636
- "name": "min",
637
- "params": "(value)",
638
- "returns": "this",
639
- "description": "Set min"
640
- },
641
- {
642
- "name": "max",
643
- "params": "(value)",
644
- "returns": "this",
645
- "description": "Set max"
646
- },
647
- {
648
- "name": "setValue",
649
- "params": "(value)",
650
- "returns": "this",
651
- "description": "Set setValue"
652
- },
653
- {
654
- "name": "render",
655
- "params": "(targetId?)",
656
- "returns": "this",
657
- "description": "Set render"
658
- }
659
- ],
660
- "example": "jux.datepicker('id').render()"
661
- },
662
- {
663
- "name": "Dialog",
664
- "category": "UI Components",
665
- "description": "Dialog component",
666
- "constructor": "jux.dialog(id: string, options: DialogOptions = {})",
667
- "fluentMethods": [
668
- {
669
- "name": "title",
670
- "params": "(value)",
671
- "returns": "this",
672
- "description": "Set title"
673
- },
674
- {
675
- "name": "message",
676
- "params": "(value)",
677
- "returns": "this",
678
- "description": "Set message"
679
- },
680
- {
681
- "name": "confirmText",
682
- "params": "(value)",
683
- "returns": "this",
684
- "description": "Set confirmText"
685
- },
686
- {
687
- "name": "cancelText",
688
- "params": "(value)",
689
- "returns": "this",
690
- "description": "Set cancelText"
691
- },
692
- {
693
- "name": "variant",
694
- "params": "(value)",
695
- "returns": "this",
696
- "description": "Set variant"
697
- },
698
- {
699
- "name": "open",
700
- "params": "()",
701
- "returns": "this",
702
- "description": "Set open"
703
- },
704
- {
705
- "name": "close",
706
- "params": "()",
707
- "returns": "this",
708
- "description": "Set close"
709
- },
710
- {
711
- "name": "render",
712
- "params": "(targetId?)",
713
- "returns": "this",
714
- "description": "Set render"
715
- }
716
- ],
717
- "example": "jux.dialog('id').render()"
718
- },
719
- {
720
- "name": "Divider",
721
- "category": "UI Components",
722
- "description": "Divider component",
723
- "constructor": "jux.divider(options: DividerOptions = {})",
724
- "fluentMethods": [
725
- {
726
- "name": "text",
727
- "params": "(value)",
728
- "returns": "this",
729
- "description": "Set text"
730
- },
731
- {
732
- "name": "orientation",
733
- "params": "(value)",
734
- "returns": "this",
735
- "description": "Set orientation"
736
- },
737
- {
738
- "name": "style",
739
- "params": "(value)",
740
- "returns": "this",
741
- "description": "Set style"
742
- },
743
- {
744
- "name": "class",
745
- "params": "(value)",
746
- "returns": "this",
747
- "description": "Set class"
748
- },
749
- {
750
- "name": "render",
751
- "params": "(targetId?)",
752
- "returns": "this",
753
- "description": "Set render"
754
- },
755
- {
756
- "name": "renderTo",
757
- "params": "(juxComponent)",
758
- "returns": "this",
759
- "description": "Set renderTo"
760
- }
761
- ],
762
- "example": "jux.divider('id').render()"
763
- },
764
- {
765
- "name": "Dropdown",
766
- "category": "UI Components",
767
- "description": "Dropdown component",
768
- "constructor": "jux.dropdown(id: string, options: DropdownOptions = {})",
769
- "fluentMethods": [
770
- {
771
- "name": "trigger",
772
- "params": "(value)",
773
- "returns": "this",
774
- "description": "Set trigger"
775
- },
776
- {
777
- "name": "items",
778
- "params": "(value)",
779
- "returns": "this",
780
- "description": "Set items"
781
- },
782
- {
783
- "name": "position",
784
- "params": "(value)",
785
- "returns": "this",
786
- "description": "Set position"
787
- },
788
- {
789
- "name": "open",
790
- "params": "()",
791
- "returns": "this",
792
- "description": "Set open"
793
- },
794
- {
795
- "name": "close",
796
- "params": "()",
797
- "returns": "this",
798
- "description": "Set close"
799
- },
800
- {
801
- "name": "toggle",
802
- "params": "()",
803
- "returns": "this",
804
- "description": "Set toggle"
805
- },
806
- {
807
- "name": "render",
808
- "params": "(targetId?)",
809
- "returns": "this",
810
- "description": "Set render"
811
- }
812
- ],
813
- "example": "jux.dropdown('id').render()"
814
- },
815
- {
816
- "name": "Element",
817
- "category": "UI Components",
818
- "description": "Append child component or HTML element",
819
- "constructor": "jux.element(id: string, options: ElementOptions = {})",
820
- "fluentMethods": [
821
- {
822
- "name": "render",
823
- "params": "(targetId?)",
824
- "returns": "this",
825
- "description": "Set render"
826
- }
827
- ],
828
- "example": "jux.element('id').render()"
829
- },
830
- {
831
- "name": "Fileupload",
832
- "category": "UI Components",
833
- "description": "Fileupload component",
834
- "constructor": "jux.fileupload(id: string, options: FileUploadOptions = {})",
835
- "fluentMethods": [
836
- {
837
- "name": "accept",
838
- "params": "(value)",
839
- "returns": "this",
840
- "description": "Set accept"
841
- },
842
- {
843
- "name": "multiple",
844
- "params": "(value)",
845
- "returns": "this",
846
- "description": "Set multiple"
847
- },
848
- {
849
- "name": "icon",
850
- "params": "(value)",
851
- "returns": "this",
852
- "description": "Set icon"
853
- },
854
- {
855
- "name": "clear",
856
- "params": "()",
857
- "returns": "this",
858
- "description": "Set clear"
859
- },
860
- {
861
- "name": "setValue",
862
- "params": "(files)",
863
- "returns": "this",
864
- "description": "Set setValue"
865
- },
866
- {
867
- "name": "render",
868
- "params": "(targetId?)",
869
- "returns": "this",
870
- "description": "Set render"
871
- }
872
- ],
873
- "example": "jux.fileupload('id').render()"
874
- },
875
- {
876
- "name": "Guard",
877
- "category": "UI Components",
878
- "description": "⚠️ DEPRECATED: Guard component is no longer supported after removing global middleware.",
879
- "constructor": "jux.guard(id: string, options?: GuardOptions)",
880
- "fluentMethods": [
881
- {
882
- "name": "requireAuth",
883
- "params": "(authState, loginPath?)",
884
- "returns": "this",
885
- "description": "Set requireAuth"
886
- },
887
- {
888
- "name": "protect",
889
- "params": "(...paths)",
890
- "returns": "this",
891
- "description": "Set protect"
892
- },
893
- {
894
- "name": "render",
895
- "params": "(targetId?)",
896
- "returns": "this",
897
- "description": "Set render"
898
- },
899
- {
900
- "name": "deactivate",
901
- "params": "()",
902
- "returns": "this",
903
- "description": "Set deactivate"
904
- }
905
- ],
906
- "example": "jux.guard('id').render()"
907
- },
908
- {
909
- "name": "Heading",
910
- "category": "UI Components",
911
- "description": "Heading component",
912
- "constructor": "jux.heading(id: string, options: HeadingOptions = {})",
913
- "fluentMethods": [
914
- {
915
- "name": "level",
916
- "params": "(value)",
917
- "returns": "this",
918
- "description": "Set level"
919
- },
920
- {
921
- "name": "text",
922
- "params": "(value)",
923
- "returns": "this",
924
- "description": "Set text"
925
- },
926
- {
927
- "name": "render",
928
- "params": "(targetId?)",
929
- "returns": "this",
930
- "description": "Set render"
931
- }
932
- ],
933
- "example": "jux.heading('id').render()"
934
- },
935
- {
936
- "name": "Helpers",
937
- "category": "UI Components",
938
- "description": "Component helper utilities",
939
- "constructor": "jux.helpers(id: string)",
940
- "fluentMethods": [],
941
- "example": "jux.helpers('id').render()"
942
- },
943
- {
944
- "name": "Hero",
945
- "category": "UI Components",
946
- "description": "Hero component",
947
- "constructor": "jux.hero(id: string, options: HeroOptions = {})",
948
- "fluentMethods": [
949
- {
950
- "name": "title",
951
- "params": "(value)",
952
- "returns": "this",
953
- "description": "Set title"
954
- },
955
- {
956
- "name": "subtitle",
957
- "params": "(value)",
958
- "returns": "this",
959
- "description": "Set subtitle"
960
- },
961
- {
962
- "name": "content",
963
- "params": "(value)",
964
- "returns": "this",
965
- "description": "Set content"
966
- },
967
- {
968
- "name": "cta",
969
- "params": "(value)",
970
- "returns": "this",
971
- "description": "Set cta"
972
- },
973
- {
974
- "name": "ctaLink",
975
- "params": "(value)",
976
- "returns": "this",
977
- "description": "Set ctaLink"
978
- },
979
- {
980
- "name": "backgroundImage",
981
- "params": "(value)",
982
- "returns": "this",
983
- "description": "Set backgroundImage"
984
- },
985
- {
986
- "name": "backgroundOverlay",
987
- "params": "(value)",
988
- "returns": "this",
989
- "description": "Set backgroundOverlay"
990
- },
991
- {
992
- "name": "variant",
993
- "params": "(value)",
994
- "returns": "this",
995
- "description": "Set variant"
996
- },
997
- {
998
- "name": "centered",
999
- "params": "(value)",
1000
- "returns": "this",
1001
- "description": "Set centered"
1002
- },
1003
- {
1004
- "name": "render",
1005
- "params": "(targetId?)",
1006
- "returns": "this",
1007
- "description": "Set render"
1008
- }
1009
- ],
1010
- "example": "jux.hero('id').render()"
1011
- },
1012
- {
1013
- "name": "Icon",
1014
- "category": "UI Components",
1015
- "description": "Icon component",
1016
- "constructor": "jux.icon(id: string, options: IconOptions)",
1017
- "fluentMethods": [
1018
- {
1019
- "name": "value",
1020
- "params": "(value)",
1021
- "returns": "this",
1022
- "description": "Set value"
1023
- },
1024
- {
1025
- "name": "size",
1026
- "params": "(value)",
1027
- "returns": "this",
1028
- "description": "Set size"
1029
- },
1030
- {
1031
- "name": "color",
1032
- "params": "(value)",
1033
- "returns": "this",
1034
- "description": "Set color"
1035
- },
1036
- {
1037
- "name": "useEmoji",
1038
- "params": "(value)",
1039
- "returns": "this",
1040
- "description": "Set useEmoji"
1041
- },
1042
- {
1043
- "name": "render",
1044
- "params": "(targetId?)",
1045
- "returns": "this",
1046
- "description": "Set render"
1047
- }
1048
- ],
1049
- "example": "jux.icon('id').render()"
1050
- },
1051
- {
1052
- "name": "Icons",
1053
- "category": "UI Components",
1054
- "description": "Icon utilities for components",
1055
- "constructor": "jux.icons(value: string)",
1056
- "fluentMethods": [],
1057
- "example": "const icon = renderIcon('🚀'); // Lucide rocket icon"
1058
- },
1059
- {
1060
- "name": "Include",
1061
- "category": "UI Components",
1062
- "description": "Include - Include external resources (CSS, JS, images, fonts, etc.)",
1063
- "constructor": "jux.include(urlOrFile: string)",
1064
- "fluentMethods": [
1065
- {
1066
- "name": "withCss",
1067
- "params": "()",
1068
- "returns": "this",
1069
- "description": "Set withCss"
1070
- },
1071
- {
1072
- "name": "withJs",
1073
- "params": "(options?)",
1074
- "returns": "this",
1075
- "description": "Set withJs"
1076
- },
1077
- {
1078
- "name": "withModule",
1079
- "params": "()",
1080
- "returns": "this",
1081
- "description": "Set withModule"
1082
- },
1083
- {
1084
- "name": "withImage",
1085
- "params": "()",
1086
- "returns": "this",
1087
- "description": "Set withImage"
1088
- },
1089
- {
1090
- "name": "withFont",
1091
- "params": "()",
1092
- "returns": "this",
1093
- "description": "Set withFont"
1094
- },
1095
- {
1096
- "name": "withPreload",
1097
- "params": "(as?)",
1098
- "returns": "this",
1099
- "description": "Set withPreload"
1100
- },
1101
- {
1102
- "name": "withPrefetch",
1103
- "params": "()",
1104
- "returns": "this",
1105
- "description": "Set withPrefetch"
1106
- },
1107
- {
1108
- "name": "withJson",
1109
- "params": "()",
1110
- "returns": "this",
1111
- "description": "Set withJson"
1112
- },
1113
- {
1114
- "name": "asScript",
1115
- "params": "(options?)",
1116
- "returns": "this",
1117
- "description": "Set asScript"
1118
- },
1119
- {
1120
- "name": "asStylesheet",
1121
- "params": "()",
1122
- "returns": "this",
1123
- "description": "Set asStylesheet"
1124
- },
1125
- {
1126
- "name": "with",
1127
- "params": "(options)",
1128
- "returns": "this",
1129
- "description": "Set with"
1130
- },
1131
- {
1132
- "name": "inHead",
1133
- "params": "()",
1134
- "returns": "this",
1135
- "description": "Set inHead"
1136
- },
1137
- {
1138
- "name": "inBody",
1139
- "params": "()",
1140
- "returns": "this",
1141
- "description": "Set inBody"
1142
- },
1143
- {
1144
- "name": "async",
1145
- "params": "()",
1146
- "returns": "this",
1147
- "description": "Set async"
1148
- },
1149
- {
1150
- "name": "defer",
1151
- "params": "()",
1152
- "returns": "this",
1153
- "description": "Set defer"
1154
- },
1155
- {
1156
- "name": "crossOrigin",
1157
- "params": "(value)",
1158
- "returns": "this",
1159
- "description": "Set crossOrigin"
1160
- },
1161
- {
1162
- "name": "integrity",
1163
- "params": "(hash)",
1164
- "returns": "this",
1165
- "description": "Set integrity"
1166
- },
1167
- {
1168
- "name": "render",
1169
- "params": "()",
1170
- "returns": "this",
1171
- "description": "Set render"
1172
- },
1173
- {
1174
- "name": "remove",
1175
- "params": "()",
1176
- "returns": "this",
1177
- "description": "Set remove"
1178
- }
1179
- ],
1180
- "example": "const config = await jux.include('config.json').asJson();"
1181
- },
1182
- {
1183
- "name": "Input",
1184
- "category": "UI Components",
1185
- "description": "Input component",
1186
- "constructor": "jux.input(id: string, options: InputOptions = {})",
1187
- "fluentMethods": [
1188
- {
1189
- "name": "type",
1190
- "params": "(value)",
1191
- "returns": "this",
1192
- "description": "Set type"
1193
- },
1194
- {
1195
- "name": "value",
1196
- "params": "(value)",
1197
- "returns": "this",
1198
- "description": "Set value"
1199
- },
1200
- {
1201
- "name": "placeholder",
1202
- "params": "(value)",
1203
- "returns": "this",
1204
- "description": "Set placeholder"
1205
- },
1206
- {
1207
- "name": "icon",
1208
- "params": "(value)",
1209
- "returns": "this",
1210
- "description": "Set icon"
1211
- },
1212
- {
1213
- "name": "rows",
1214
- "params": "(value)",
1215
- "returns": "this",
1216
- "description": "Set rows"
1217
- },
1218
- {
1219
- "name": "min",
1220
- "params": "(value)",
1221
- "returns": "this",
1222
- "description": "Set min"
1223
- },
1224
- {
1225
- "name": "max",
1226
- "params": "(value)",
1227
- "returns": "this",
1228
- "description": "Set max"
1229
- },
1230
- {
1231
- "name": "step",
1232
- "params": "(value)",
1233
- "returns": "this",
1234
- "description": "Set step"
1235
- },
1236
- {
1237
- "name": "minLength",
1238
- "params": "(value)",
1239
- "returns": "this",
1240
- "description": "Set minLength"
1241
- },
1242
- {
1243
- "name": "maxLength",
1244
- "params": "(value)",
1245
- "returns": "this",
1246
- "description": "Set maxLength"
1247
- },
1248
- {
1249
- "name": "pattern",
1250
- "params": "(value)",
1251
- "returns": "this",
1252
- "description": "Set pattern"
1253
- },
1254
- {
1255
- "name": "setValue",
1256
- "params": "(value)",
1257
- "returns": "this",
1258
- "description": "Set setValue"
1259
- },
1260
- {
1261
- "name": "render",
1262
- "params": "(targetId?)",
1263
- "returns": "this",
1264
- "description": "Set render"
1265
- }
1266
- ],
1267
- "example": "jux.input('id').render()"
1268
- },
1269
- {
1270
- "name": "Loading",
1271
- "category": "UI Components",
1272
- "description": "Loading component",
1273
- "constructor": "jux.loading(id: string, options: LoadingOptions = {})",
1274
- "fluentMethods": [
1275
- {
1276
- "name": "variant",
1277
- "params": "(value)",
1278
- "returns": "this",
1279
- "description": "Set variant"
1280
- },
1281
- {
1282
- "name": "size",
1283
- "params": "(value)",
1284
- "returns": "this",
1285
- "description": "Set size"
1286
- },
1287
- {
1288
- "name": "render",
1289
- "params": "(targetId?)",
1290
- "returns": "this",
1291
- "description": "Set render"
1292
- }
1293
- ],
1294
- "example": "jux.loading('id').render()"
1295
- },
1296
- {
1297
- "name": "Menu",
1298
- "category": "UI Components",
1299
- "description": "Menu component",
1300
- "constructor": "jux.menu(id: string, options: MenuOptions = {})",
1301
- "fluentMethods": [
1302
- {
1303
- "name": "items",
1304
- "params": "(value)",
1305
- "returns": "this",
1306
- "description": "Set items"
1307
- },
1308
- {
1309
- "name": "addItem",
1310
- "params": "(item)",
1311
- "returns": "this",
1312
- "description": "Set addItem"
1313
- },
1314
- {
1315
- "name": "itemClass",
1316
- "params": "(className)",
1317
- "returns": "this",
1318
- "description": "Set itemClass"
1319
- },
1320
- {
1321
- "name": "orientation",
1322
- "params": "(value)",
1323
- "returns": "this",
1324
- "description": "Set orientation"
1325
- },
1326
- {
1327
- "name": "render",
1328
- "params": "(targetId?)",
1329
- "returns": "this",
1330
- "description": "Set render"
1331
- }
1332
- ],
1333
- "example": "jux.menu('id').render()"
1334
- },
1335
- {
1336
- "name": "Modal",
1337
- "category": "UI Components",
1338
- "description": "Modal component",
1339
- "constructor": "jux.modal(id: string, options: ModalOptions = {})",
1340
- "fluentMethods": [
1341
- {
1342
- "name": "title",
1343
- "params": "(value)",
1344
- "returns": "this",
1345
- "description": "Set title"
1346
- },
1347
- {
1348
- "name": "content",
1349
- "params": "(value)",
1350
- "returns": "this",
1351
- "description": "Set content"
1352
- },
1353
- {
1354
- "name": "showCloseButton",
1355
- "params": "(value)",
1356
- "returns": "this",
1357
- "description": "Set showCloseButton"
1358
- },
1359
- {
1360
- "name": "closeOnBackdropClick",
1361
- "params": "(value)",
1362
- "returns": "this",
1363
- "description": "Set closeOnBackdropClick"
1364
- },
1365
- {
1366
- "name": "size",
1367
- "params": "(value)",
1368
- "returns": "this",
1369
- "description": "Set size"
1370
- },
1371
- {
1372
- "name": "open",
1373
- "params": "()",
1374
- "returns": "this",
1375
- "description": "Set open"
1376
- },
1377
- {
1378
- "name": "close",
1379
- "params": "()",
1380
- "returns": "this",
1381
- "description": "Set close"
1382
- },
1383
- {
1384
- "name": "render",
1385
- "params": "(targetId?)",
1386
- "returns": "this",
1387
- "description": "Set render"
1388
- }
1389
- ],
1390
- "example": "jux.modal('id').render()"
1391
- },
1392
- {
1393
- "name": "Nav",
1394
- "category": "UI Components",
1395
- "description": "Nav component",
1396
- "constructor": "jux.nav(id: string, options: NavOptions = {})",
1397
- "fluentMethods": [
1398
- {
1399
- "name": "items",
1400
- "params": "(value)",
1401
- "returns": "this",
1402
- "description": "Set items"
1403
- },
1404
- {
1405
- "name": "addItem",
1406
- "params": "(item)",
1407
- "returns": "this",
1408
- "description": "Set addItem"
1409
- },
1410
- {
1411
- "name": "itemClass",
1412
- "params": "(className)",
1413
- "returns": "this",
1414
- "description": "Set itemClass"
1415
- },
1416
- {
1417
- "name": "brand",
1418
- "params": "(value)",
1419
- "returns": "this",
1420
- "description": "Set brand"
1421
- },
1422
- {
1423
- "name": "variant",
1424
- "params": "(value)",
1425
- "returns": "this",
1426
- "description": "Set variant"
1427
- },
1428
- {
1429
- "name": "sticky",
1430
- "params": "(value)",
1431
- "returns": "this",
1432
- "description": "Set sticky"
1433
- },
1434
- {
1435
- "name": "render",
1436
- "params": "(targetId?)",
1437
- "returns": "this",
1438
- "description": "Set render"
1439
- }
1440
- ],
1441
- "example": "jux.nav('id').render()"
1442
- },
1443
- {
1444
- "name": "Paragraph",
1445
- "category": "UI Components",
1446
- "description": "Paragraph component",
1447
- "constructor": "jux.paragraph(id: string, options: ParagraphOptions = {})",
1448
- "fluentMethods": [
1449
- {
1450
- "name": "text",
1451
- "params": "(value)",
1452
- "returns": "this",
1453
- "description": "Set text"
1454
- },
1455
- {
1456
- "name": "render",
1457
- "params": "(targetId?)",
1458
- "returns": "this",
1459
- "description": "Set render"
1460
- }
1461
- ],
1462
- "example": "jux.paragraph('id').render()"
1463
- },
1464
- {
1465
- "name": "Progress",
1466
- "category": "UI Components",
1467
- "description": "Progress component",
1468
- "constructor": "jux.progress(id: string, options: ProgressOptions = {})",
1469
- "fluentMethods": [
1470
- {
1471
- "name": "value",
1472
- "params": "(val)",
1473
- "returns": "this",
1474
- "description": "Set value"
1475
- },
1476
- {
1477
- "name": "max",
1478
- "params": "(val)",
1479
- "returns": "this",
1480
- "description": "Set max"
1481
- },
1482
- {
1483
- "name": "variant",
1484
- "params": "(value)",
1485
- "returns": "this",
1486
- "description": "Set variant"
1487
- },
1488
- {
1489
- "name": "showPercentage",
1490
- "params": "(value)",
1491
- "returns": "this",
1492
- "description": "Set showPercentage"
1493
- },
1494
- {
1495
- "name": "render",
1496
- "params": "(targetId?)",
1497
- "returns": "this",
1498
- "description": "Set render"
1499
- }
1500
- ],
1501
- "example": "jux.progress('id').render()"
1502
- },
1503
- {
1504
- "name": "Radio",
1505
- "category": "UI Components",
1506
- "description": "Radio component",
1507
- "constructor": "jux.radio(id: string, options: RadioOptions = {})",
1508
- "fluentMethods": [
1509
- {
1510
- "name": "options",
1511
- "params": "(value)",
1512
- "returns": "this",
1513
- "description": "Set options"
1514
- },
1515
- {
1516
- "name": "value",
1517
- "params": "(value)",
1518
- "returns": "this",
1519
- "description": "Set value"
1520
- },
1521
- {
1522
- "name": "addOption",
1523
- "params": "(option)",
1524
- "returns": "this",
1525
- "description": "Set addOption"
1526
- },
1527
- {
1528
- "name": "orientation",
1529
- "params": "(value)",
1530
- "returns": "this",
1531
- "description": "Set orientation"
1532
- },
1533
- {
1534
- "name": "setValue",
1535
- "params": "(value)",
1536
- "returns": "this",
1537
- "description": "Set setValue"
1538
- },
1539
- {
1540
- "name": "render",
1541
- "params": "(targetId?)",
1542
- "returns": "this",
1543
- "description": "Set render"
1544
- }
1545
- ],
1546
- "example": "jux.radio('id').render()"
1547
- },
1548
- {
1549
- "name": "Req",
1550
- "category": "UI Components",
1551
- "description": "Request information and utilities",
1552
- "constructor": "jux.req()",
1553
- "fluentMethods": [],
1554
- "example": "jux.req('id').render()"
1555
- },
1556
- {
1557
- "name": "Select",
1558
- "category": "UI Components",
1559
- "description": "Select component",
1560
- "constructor": "jux.select(id: string, options: SelectOptions = {})",
1561
- "fluentMethods": [
1562
- {
1563
- "name": "options",
1564
- "params": "(value)",
1565
- "returns": "this",
1566
- "description": "Set options"
1567
- },
1568
- {
1569
- "name": "value",
1570
- "params": "(value)",
1571
- "returns": "this",
1572
- "description": "Set value"
1573
- },
1574
- {
1575
- "name": "placeholder",
1576
- "params": "(value)",
1577
- "returns": "this",
1578
- "description": "Set placeholder"
1579
- },
1580
- {
1581
- "name": "addOption",
1582
- "params": "(option)",
1583
- "returns": "this",
1584
- "description": "Set addOption"
1585
- },
1586
- {
1587
- "name": "setValue",
1588
- "params": "(value)",
1589
- "returns": "this",
1590
- "description": "Set setValue"
1591
- },
1592
- {
1593
- "name": "render",
1594
- "params": "(targetId?)",
1595
- "returns": "this",
1596
- "description": "Set render"
1597
- }
1598
- ],
1599
- "example": "jux.select('id').render()"
1600
- },
1601
- {
1602
- "name": "Sidebar",
1603
- "category": "UI Components",
1604
- "description": "Sidebar component",
1605
- "constructor": "jux.sidebar(id: string, options: SidebarOptions = {})",
1606
- "fluentMethods": [
1607
- {
1608
- "name": "width",
1609
- "params": "(value)",
1610
- "returns": "this",
1611
- "description": "Set width"
1612
- },
1613
- {
1614
- "name": "position",
1615
- "params": "(value)",
1616
- "returns": "this",
1617
- "description": "Set position"
1618
- },
1619
- {
1620
- "name": "collapsible",
1621
- "params": "(value)",
1622
- "returns": "this",
1623
- "description": "Set collapsible"
1624
- },
1625
- {
1626
- "name": "collapsed",
1627
- "params": "(value)",
1628
- "returns": "this",
1629
- "description": "Set collapsed"
1630
- },
1631
- {
1632
- "name": "render",
1633
- "params": "(targetId?)",
1634
- "returns": "this",
1635
- "description": "Set render"
1636
- }
1637
- ],
1638
- "example": "jux.sidebar('id').render()"
1639
- },
1640
- {
1641
- "name": "Switch",
1642
- "category": "UI Components",
1643
- "description": "Switch component",
1644
- "constructor": "jux.switch(id: string, options: SwitchOptions = {})",
1645
- "fluentMethods": [
1646
- {
1647
- "name": "checked",
1648
- "params": "(value)",
1649
- "returns": "this",
1650
- "description": "Set checked"
1651
- },
1652
- {
1653
- "name": "value",
1654
- "params": "(value)",
1655
- "returns": "this",
1656
- "description": "Set value"
1657
- },
1658
- {
1659
- "name": "toggle",
1660
- "params": "()",
1661
- "returns": "this",
1662
- "description": "Set toggle"
1663
- },
1664
- {
1665
- "name": "setValue",
1666
- "params": "(value)",
1667
- "returns": "this",
1668
- "description": "Set setValue"
1669
- },
1670
- {
1671
- "name": "render",
1672
- "params": "(targetId?)",
1673
- "returns": "this",
1674
- "description": "Set render"
1675
- }
1676
- ],
1677
- "example": "jux.switch('id').render()"
1678
- },
1679
- {
1680
- "name": "Tabs",
1681
- "category": "UI Components",
1682
- "description": "Tabs component",
1683
- "constructor": "jux.tabs(id: string, options: TabsOptions = {})",
1684
- "fluentMethods": [
1685
- {
1686
- "name": "tabs",
1687
- "params": "(value)",
1688
- "returns": "this",
1689
- "description": "Set tabs"
1690
- },
1691
- {
1692
- "name": "addTab",
1693
- "params": "(tab)",
1694
- "returns": "this",
1695
- "description": "Set addTab"
1696
- },
1697
- {
1698
- "name": "activeTab",
1699
- "params": "(value)",
1700
- "returns": "this",
1701
- "description": "Set activeTab"
1702
- },
1703
- {
1704
- "name": "variant",
1705
- "params": "(value)",
1706
- "returns": "this",
1707
- "description": "Set variant"
1708
- },
1709
- {
1710
- "name": "render",
1711
- "params": "(targetId?)",
1712
- "returns": "this",
1713
- "description": "Set render"
1714
- }
1715
- ],
1716
- "example": "jux.tabs('id').render()"
1717
- },
1718
- {
1719
- "name": "Theme-toggle",
1720
- "category": "UI Components",
1721
- "description": "Theme-toggle component",
1722
- "constructor": "jux.theme-toggle(id: string, options: ThemeToggleOptions = {})",
1723
- "fluentMethods": [
1724
- {
1725
- "name": "themes",
1726
- "params": "(value)",
1727
- "returns": "this",
1728
- "description": "Set themes"
1729
- },
1730
- {
1731
- "name": "variant",
1732
- "params": "(value)",
1733
- "returns": "this",
1734
- "description": "Set variant"
1735
- },
1736
- {
1737
- "name": "showLabel",
1738
- "params": "(value)",
1739
- "returns": "this",
1740
- "description": "Set showLabel"
1741
- },
1742
- {
1743
- "name": "setTheme",
1744
- "params": "(themeId)",
1745
- "returns": "this",
1746
- "description": "Set setTheme"
1747
- },
1748
- {
1749
- "name": "addTheme",
1750
- "params": "(theme)",
1751
- "returns": "this",
1752
- "description": "Set addTheme"
1753
- },
1754
- {
1755
- "name": "render",
1756
- "params": "(targetId?)",
1757
- "returns": "this",
1758
- "description": "Set render"
1759
- }
1760
- ],
1761
- "example": "jux.theme-toggle('id').render()"
1762
- },
1763
- {
1764
- "name": "Token-calculator",
1765
- "category": "UI Components",
1766
- "description": "Token Calculator component - Compare framework token costs",
1767
- "constructor": "jux.token-calculator(id: string, options: TokenCalculatorOptions = {})",
1768
- "fluentMethods": [
1769
- {
1770
- "name": "lines",
1771
- "params": "(value)",
1772
- "returns": "this",
1773
- "description": "Set lines"
1774
- },
1775
- {
1776
- "name": "multiplier",
1777
- "params": "(framework, value)",
1778
- "returns": "this",
1779
- "description": "Set multiplier"
1780
- },
1781
- {
1782
- "name": "tokensPerLine",
1783
- "params": "(value)",
1784
- "returns": "this",
1785
- "description": "Set tokensPerLine"
1786
- },
1787
- {
1788
- "name": "showComparison",
1789
- "params": "(value)",
1790
- "returns": "this",
1791
- "description": "Set showComparison"
1792
- },
1793
- {
1794
- "name": "animated",
1795
- "params": "(value)",
1796
- "returns": "this",
1797
- "description": "Set animated"
1798
- },
1799
- {
1800
- "name": "style",
1801
- "params": "(value)",
1802
- "returns": "this",
1803
- "description": "Set style"
1804
- },
1805
- {
1806
- "name": "class",
1807
- "params": "(value)",
1808
- "returns": "this",
1809
- "description": "Set class"
1810
- },
1811
- {
1812
- "name": "render",
1813
- "params": "(targetId?)",
1814
- "returns": "this",
1815
- "description": "Set render"
1816
- }
1817
- ],
1818
- "example": "jux.token-calculator('id').render()"
1819
- },
1820
- {
1821
- "name": "Tooltip",
1822
- "category": "UI Components",
1823
- "description": "Tooltip component",
1824
- "constructor": "jux.tooltip(id: string, options: TooltipOptions = {})",
1825
- "fluentMethods": [
1826
- {
1827
- "name": "text",
1828
- "params": "(value)",
1829
- "returns": "this",
1830
- "description": "Set text"
1831
- },
1832
- {
1833
- "name": "position",
1834
- "params": "(value)",
1835
- "returns": "this",
1836
- "description": "Set position"
1837
- },
1838
- {
1839
- "name": "attachTo",
1840
- "params": "(target)",
1841
- "returns": "this",
1842
- "description": "Set attachTo"
1843
- },
1844
- {
1845
- "name": "render",
1846
- "params": "(targetId?)",
1847
- "returns": "this",
1848
- "description": "Set render"
1849
- }
1850
- ],
1851
- "example": "jux.tooltip('id').render()"
1852
- },
1853
- {
1854
- "name": "View",
1855
- "category": "UI Components",
1856
- "description": "View component options",
1857
- "constructor": "jux.view(id: string, options: ViewOptions = {})",
1858
- "fluentMethods": [
1859
- {
1860
- "name": "title",
1861
- "params": "(value)",
1862
- "returns": "this",
1863
- "description": "Set title"
1864
- },
1865
- {
1866
- "name": "description",
1867
- "params": "(value)",
1868
- "returns": "this",
1869
- "description": "Set description"
1870
- },
1871
- {
1872
- "name": "add",
1873
- "params": "(component)",
1874
- "returns": "this",
1875
- "description": "Set add"
1876
- }
1877
- ],
1878
- "example": "const view = jux.view('myView', {"
1879
- },
1880
- {
1881
- "name": "Write",
1882
- "category": "UI Components",
1883
- "description": "Write - Simple content writer with no component tracking",
1884
- "constructor": "jux.write(content: string, options: WriteOptions = {})",
1885
- "fluentMethods": [
1886
- {
1887
- "name": "html",
1888
- "params": "(enabled)",
1889
- "returns": "this",
1890
- "description": "Set html"
1891
- },
1892
- {
1893
- "name": "tagType",
1894
- "params": "(value)",
1895
- "returns": "this",
1896
- "description": "Set tagType"
1897
- },
1898
- {
1899
- "name": "className",
1900
- "params": "(value)",
1901
- "returns": "this",
1902
- "description": "Set className"
1903
- },
1904
- {
1905
- "name": "style",
1906
- "params": "(value)",
1907
- "returns": "this",
1908
- "description": "Set style"
1909
- },
1910
- {
1911
- "name": "attrs",
1912
- "params": "(attributes, string>)",
1913
- "returns": "this",
1914
- "description": "Set attrs"
1915
- },
1916
- {
1917
- "name": "render",
1918
- "params": "(targetSelector?)",
1919
- "returns": "this",
1920
- "description": "Set render"
1921
- },
1922
- {
1923
- "name": "replace",
1924
- "params": "(targetSelector?)",
1925
- "returns": "this",
1926
- "description": "Set replace"
1927
- },
1928
- {
1929
- "name": "before",
1930
- "params": "(targetSelector)",
1931
- "returns": "this",
1932
- "description": "Set before"
1933
- },
1934
- {
1935
- "name": "after",
1936
- "params": "(targetSelector)",
1937
- "returns": "this",
1938
- "description": "Set after"
1939
- },
1940
- {
1941
- "name": "prepend",
1942
- "params": "(targetSelector?)",
1943
- "returns": "this",
1944
- "description": "Set prepend"
1945
- },
1946
- {
1947
- "name": "append",
1948
- "params": "(targetSelector?)",
1949
- "returns": "this",
1950
- "description": "Set append"
1951
- }
1952
- ],
1953
- "example": "// Write text (defaults to body)"
1954
- }
1955
- ],
1956
- "version": "1.0.0",
1957
- "lastUpdated": "2026-01-29T15:56:48.374Z"
1958
- }