juxscript 1.0.59 → 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 (31) hide show
  1. package/README.md +32 -1
  2. package/bin/cli.js +13 -33
  3. package/docs/grid.png +0 -0
  4. package/juxconfig.example.js +24 -2
  5. package/lib/components/base/BaseComponent.ts +20 -0
  6. package/lib/components/chart.ts +231 -0
  7. package/lib/components/container.ts +76 -118
  8. package/lib/components/grid.ts +291 -0
  9. package/lib/components/input.ts +55 -1
  10. package/lib/jux.ts +10 -29
  11. package/lib/utils/fetch.ts +553 -0
  12. package/machinery/ast.js +347 -0
  13. package/machinery/bundleAssets.js +0 -0
  14. package/machinery/bundleJux.js +0 -0
  15. package/machinery/bundleVendors.js +0 -0
  16. package/machinery/compiler.js +427 -151
  17. package/machinery/server.js +16 -2
  18. package/machinery/ts-shim.js +46 -0
  19. package/package.json +5 -1
  20. package/presets/default/all.jux +2 -2
  21. package/presets/default/layout.css +120 -0
  22. package/lib/components/charts/areachart.ts +0 -315
  23. package/lib/components/charts/barchart.ts +0 -421
  24. package/lib/components/charts/doughnutchart.ts +0 -263
  25. package/lib/components/charts/lib/BaseChart.ts +0 -389
  26. package/lib/components/charts/lib/chart-types.ts +0 -159
  27. package/lib/components/charts/lib/chart-utils.ts +0 -160
  28. package/lib/components/charts/lib/chart.ts +0 -707
  29. package/lib/components/charts/lib/charts.js +0 -126
  30. package/lib/components/docs-data.json +0 -2075
  31. package/lib/components/kpicard.ts +0 -640
package/lib/components/charts/lib/charts.js DELETED
@@ -1,126 +0,0 @@
1
- /**
2
- * Chart themes for Jux
3
- * Each theme defines colors and optional font customization
4
- */
5
-
6
- export const googleTheme = {
7
- name: 'Google',
8
- colors: [
9
- '#4285F4', // Google Blue
10
- '#EA4335', // Google Red
11
- '#FBBC04', // Google Yellow
12
- '#34A853', // Google Green
13
- '#FF6D01', // Orange
14
- '#46BDC6', // Cyan
15
- ],
16
- variables: {
17
- '--chart-font-family': "'Roboto', sans-serif",
18
- },
19
- font: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'
20
- };
21
-
22
- export const seriesaTheme = {
23
- name: 'Series A',
24
- colors: [
25
- '#667eea', // Purple
26
- '#764ba2', // Dark Purple
27
- '#f093fb', // Pink
28
- '#4facfe', // Blue
29
- '#00f2fe', // Cyan
30
- '#43e97b', // Green
31
- ],
32
- variables: {
33
- '--chart-font-family': "'Inter', sans-serif",
34
- },
35
- font: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'
36
- };
37
-
38
- export const hrTheme = {
39
- name: 'HR',
40
- colors: [
41
- '#FF6B6B', // Coral Red
42
- '#4ECDC4', // Turquoise
43
- '#45B7D1', // Sky Blue
44
- '#FFA07A', // Light Salmon
45
- '#98D8C8', // Mint
46
- '#F7DC6F', // Pale Yellow
47
- ],
48
- variables: {
49
- '--chart-font-family': "'Work Sans', sans-serif",
50
- },
51
- font: 'https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap'
52
- };
53
-
54
- export const figmaTheme = {
55
- name: 'Figma',
56
- colors: [
57
- '#0ACF83', // Figma Green
58
- '#FF7262', // Figma Red/Orange
59
- '#1ABCFE', // Figma Blue
60
- '#A259FF', // Figma Purple
61
- '#F24E1E', // Figma Orange
62
- '#FFC700', // Figma Yellow
63
- ],
64
- variables: {
65
- '--chart-font-family': "'Inter', sans-serif",
66
- },
67
- font: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'
68
- };
69
-
70
- export const notionTheme = {
71
- name: 'Notion',
72
- colors: [
73
- '#2EAADC', // Notion Blue
74
- '#9B59B6', // Purple
75
- '#E67E22', // Orange
76
- '#E74C3C', // Red
77
- '#F39C12', // Yellow
78
- '#16A085', // Teal
79
- ],
80
- variables: {
81
- '--chart-font-family': "'Inter', sans-serif",
82
- },
83
- font: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'
84
- };
85
-
86
- export const chalkTheme = {
87
- name: 'Chalk',
88
- colors: [
89
- '#96CEB4', // Soft Green
90
- '#FFEAA7', // Soft Yellow
91
- '#DFE6E9', // Light Gray
92
- '#74B9FF', // Soft Blue
93
- '#FD79A8', // Soft Pink
94
- '#A29BFE', // Soft Purple
95
- ],
96
- variables: {
97
- '--chart-font-family': "'Courier New', monospace",
98
- }
99
- };
100
-
101
- export const mintTheme = {
102
- name: 'Mint',
103
- colors: [
104
- '#26de81', // Mint Green
105
- '#20bf6b', // Green
106
- '#0fb9b1', // Teal
107
- '#2bcbba', // Light Teal
108
- '#45aaf2', // Blue
109
- '#4b7bec', // Dark Blue
110
- ],
111
- variables: {
112
- '--chart-font-family': "'Poppins', sans-serif",
113
- },
114
- font: 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'
115
- };
116
-
117
- // Export all themes as a collection for easy iteration
118
- export const chartThemes = {
119
- google: googleTheme,
120
- seriesa: seriesaTheme,
121
- hr: hrTheme,
122
- figma: figmaTheme,
123
- notion: notionTheme,
124
- chalk: chalkTheme,
125
- mint: mintTheme
126
- };