@nordcraft/core 1.0.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 (119) hide show
  1. package/README.md +5 -0
  2. package/dist/api/LegacyToddleApi.d.ts +34 -0
  3. package/dist/api/LegacyToddleApi.js +178 -0
  4. package/dist/api/LegacyToddleApi.js.map +1 -0
  5. package/dist/api/ToddleApiV2.d.ts +77 -0
  6. package/dist/api/ToddleApiV2.js +271 -0
  7. package/dist/api/ToddleApiV2.js.map +1 -0
  8. package/dist/api/api.d.ts +49 -0
  9. package/dist/api/api.js +276 -0
  10. package/dist/api/api.js.map +1 -0
  11. package/dist/api/apiTypes.d.ts +125 -0
  12. package/dist/api/apiTypes.js +11 -0
  13. package/dist/api/apiTypes.js.map +1 -0
  14. package/dist/api/headers.d.ts +10 -0
  15. package/dist/api/headers.js +36 -0
  16. package/dist/api/headers.js.map +1 -0
  17. package/dist/api/template.d.ts +5 -0
  18. package/dist/api/template.js +7 -0
  19. package/dist/api/template.js.map +1 -0
  20. package/dist/component/ToddleComponent.d.ts +45 -0
  21. package/dist/component/ToddleComponent.js +373 -0
  22. package/dist/component/ToddleComponent.js.map +1 -0
  23. package/dist/component/actionUtils.d.ts +2 -0
  24. package/dist/component/actionUtils.js +56 -0
  25. package/dist/component/actionUtils.js.map +1 -0
  26. package/dist/component/component.types.d.ts +313 -0
  27. package/dist/component/component.types.js +9 -0
  28. package/dist/component/component.types.js.map +1 -0
  29. package/dist/component/isPageComponent.d.ts +2 -0
  30. package/dist/component/isPageComponent.js +3 -0
  31. package/dist/component/isPageComponent.js.map +1 -0
  32. package/dist/formula/ToddleFormula.d.ts +15 -0
  33. package/dist/formula/ToddleFormula.js +20 -0
  34. package/dist/formula/ToddleFormula.js.map +1 -0
  35. package/dist/formula/formula.d.ts +103 -0
  36. package/dist/formula/formula.js +186 -0
  37. package/dist/formula/formula.js.map +1 -0
  38. package/dist/formula/formulaTypes.d.ts +30 -0
  39. package/dist/formula/formulaTypes.js +2 -0
  40. package/dist/formula/formulaTypes.js.map +1 -0
  41. package/dist/formula/formulaUtils.d.ts +18 -0
  42. package/dist/formula/formulaUtils.js +240 -0
  43. package/dist/formula/formulaUtils.js.map +1 -0
  44. package/dist/styling/className.d.ts +2 -0
  45. package/dist/styling/className.js +52 -0
  46. package/dist/styling/className.js.map +1 -0
  47. package/dist/styling/style.css.d.ts +5 -0
  48. package/dist/styling/style.css.js +242 -0
  49. package/dist/styling/style.css.js.map +1 -0
  50. package/dist/styling/theme.const.d.ts +3 -0
  51. package/dist/styling/theme.const.js +381 -0
  52. package/dist/styling/theme.const.js.map +1 -0
  53. package/dist/styling/theme.d.ts +72 -0
  54. package/dist/styling/theme.js +200 -0
  55. package/dist/styling/theme.js.map +1 -0
  56. package/dist/styling/variantSelector.d.ts +123 -0
  57. package/dist/styling/variantSelector.js +25 -0
  58. package/dist/styling/variantSelector.js.map +1 -0
  59. package/dist/types.d.ts +97 -0
  60. package/dist/types.js +2 -0
  61. package/dist/types.js.map +1 -0
  62. package/dist/utils/collections.d.ts +21 -0
  63. package/dist/utils/collections.js +75 -0
  64. package/dist/utils/collections.js.map +1 -0
  65. package/dist/utils/customElements.d.ts +6 -0
  66. package/dist/utils/customElements.js +15 -0
  67. package/dist/utils/customElements.js.map +1 -0
  68. package/dist/utils/hash.d.ts +1 -0
  69. package/dist/utils/hash.js +17 -0
  70. package/dist/utils/hash.js.map +1 -0
  71. package/dist/utils/json.d.ts +5 -0
  72. package/dist/utils/json.js +16 -0
  73. package/dist/utils/json.js.map +1 -0
  74. package/dist/utils/sha1.d.ts +2 -0
  75. package/dist/utils/sha1.js +13 -0
  76. package/dist/utils/sha1.js.map +1 -0
  77. package/dist/utils/url.d.ts +5 -0
  78. package/dist/utils/url.js +27 -0
  79. package/dist/utils/url.js.map +1 -0
  80. package/dist/utils/util.d.ts +3 -0
  81. package/dist/utils/util.js +4 -0
  82. package/dist/utils/util.js.map +1 -0
  83. package/package.json +18 -0
  84. package/src/api/LegacyToddleApi.ts +205 -0
  85. package/src/api/ToddleApiV2.ts +331 -0
  86. package/src/api/api.test.ts +319 -0
  87. package/src/api/api.ts +414 -0
  88. package/src/api/apiTypes.ts +145 -0
  89. package/src/api/headers.ts +41 -0
  90. package/src/api/template.ts +10 -0
  91. package/src/component/ToddleComponent.actionReferences.test.ts +75 -0
  92. package/src/component/ToddleComponent.formulasInComponent.test.ts +234 -0
  93. package/src/component/ToddleComponent.ts +470 -0
  94. package/src/component/actionUtils.ts +61 -0
  95. package/src/component/component.types.ts +362 -0
  96. package/src/component/isPageComponent.ts +6 -0
  97. package/src/formula/ToddleFormula.ts +30 -0
  98. package/src/formula/formula.ts +355 -0
  99. package/src/formula/formulaTypes.ts +45 -0
  100. package/src/formula/formulaUtils.ts +287 -0
  101. package/src/styling/className.test.ts +19 -0
  102. package/src/styling/className.ts +73 -0
  103. package/src/styling/style.css.ts +309 -0
  104. package/src/styling/theme.const.ts +390 -0
  105. package/src/styling/theme.ts +339 -0
  106. package/src/styling/variantSelector.ts +168 -0
  107. package/src/types.ts +158 -0
  108. package/src/utils/collections.test.ts +57 -0
  109. package/src/utils/collections.ts +122 -0
  110. package/src/utils/customElements.test.ts +40 -0
  111. package/src/utils/customElements.ts +16 -0
  112. package/src/utils/hash.test.ts +32 -0
  113. package/src/utils/hash.ts +18 -0
  114. package/src/utils/json.ts +18 -0
  115. package/src/utils/sha1.test.ts +50 -0
  116. package/src/utils/sha1.ts +17 -0
  117. package/src/utils/url.test.ts +17 -0
  118. package/src/utils/url.ts +33 -0
  119. package/src/utils/util.ts +8 -0
@@ -0,0 +1,30 @@
1
+ import type { Formula } from './formula';
2
+ export interface BaseFormula {
3
+ name: string;
4
+ description?: string;
5
+ arguments: Array<{
6
+ name: string;
7
+ formula?: Formula | null;
8
+ testValue?: unknown;
9
+ }>;
10
+ exported?: boolean;
11
+ variableArguments?: boolean | null;
12
+ }
13
+ export interface ToddleFormula extends BaseFormula {
14
+ formula: Formula;
15
+ }
16
+ /**
17
+ * The Handler generic is a string server side, but a function client side
18
+ */
19
+ export interface CodeFormula<Handler = string | Function> extends BaseFormula {
20
+ version?: 2 | never;
21
+ handler: Handler;
22
+ }
23
+ export type PluginFormula<Handler = string | Function> = ToddleFormula | CodeFormula<Handler>;
24
+ export declare const isToddleFormula: <Handler>(formula: PluginFormula<Handler>) => formula is ToddleFormula;
25
+ export interface GlobalFormulas<Handler = string | Function> {
26
+ formulas?: Record<string, PluginFormula<Handler>>;
27
+ packages?: Record<string, {
28
+ formulas?: Record<string, PluginFormula<Handler>>;
29
+ }>;
30
+ }
@@ -0,0 +1,2 @@
1
+ export const isToddleFormula = (formula) => Object.hasOwn(formula, 'formula');
2
+ //# sourceMappingURL=formulaTypes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formulaTypes.js","sourceRoot":"","sources":["../../src/formula/formulaTypes.ts"],"names":[],"mappings":"AAiCA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAA+B,EACL,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA"}
@@ -0,0 +1,18 @@
1
+ import type { ActionModel } from '../component/component.types';
2
+ import type { Formula, FunctionOperation, PathOperation, ValueOperation } from './formula';
3
+ import type { GlobalFormulas } from './formulaTypes';
4
+ export declare const valueFormula: (value: string | number | boolean | null | object) => ValueOperation;
5
+ export declare const pathFormula: (path: string[]) => PathOperation;
6
+ export declare const functionFormula: (name: string, formula?: Omit<Partial<FunctionOperation>, "type" | "name">) => FunctionOperation;
7
+ export declare function getFormulasInFormula<Handler>({ formula, globalFormulas, path, visitedFormulas, }: {
8
+ formula: Formula | undefined | null;
9
+ globalFormulas: GlobalFormulas<Handler>;
10
+ path?: (string | number)[];
11
+ visitedFormulas?: Set<string>;
12
+ }): Generator<[(string | number)[], Formula]>;
13
+ export declare function getFormulasInAction<Handler>({ action, globalFormulas, path, visitedFormulas, }: {
14
+ action: ActionModel | null;
15
+ globalFormulas: GlobalFormulas<Handler>;
16
+ path?: (string | number)[];
17
+ visitedFormulas?: Set<string>;
18
+ }): Generator<[(string | number)[], Formula]>;
@@ -0,0 +1,240 @@
1
+ import { isDefined } from '../utils/util';
2
+ import { isFormula } from './formula';
3
+ import { isToddleFormula } from './formulaTypes';
4
+ export const valueFormula = (value) => ({
5
+ type: 'value',
6
+ value,
7
+ });
8
+ export const pathFormula = (path) => ({
9
+ type: 'path',
10
+ path,
11
+ });
12
+ export const functionFormula = (name, formula) => ({
13
+ type: 'function',
14
+ name,
15
+ package: formula?.package,
16
+ arguments: formula?.arguments ?? [],
17
+ variableArguments: formula?.variableArguments,
18
+ });
19
+ export function* getFormulasInFormula({ formula, globalFormulas, path = [], visitedFormulas = new Set(), }) {
20
+ if (!isDefined(formula)) {
21
+ return;
22
+ }
23
+ yield [path, formula];
24
+ switch (formula.type) {
25
+ case 'path':
26
+ case 'value':
27
+ break;
28
+ case 'record':
29
+ for (const [key, entry] of formula.entries.entries()) {
30
+ yield* getFormulasInFormula({
31
+ formula: entry.formula,
32
+ globalFormulas,
33
+ path: [...path, 'entries', key, 'formula'],
34
+ visitedFormulas,
35
+ });
36
+ }
37
+ break;
38
+ case 'function': {
39
+ const formulaKey = [formula.package, formula.name]
40
+ .filter(isDefined)
41
+ .join('/');
42
+ const shouldVisitFormula = !visitedFormulas.has(formulaKey);
43
+ visitedFormulas.add(formulaKey);
44
+ const globalFormula = formula.package
45
+ ? globalFormulas.packages?.[formula.package]?.formulas?.[formula.name]
46
+ : globalFormulas.formulas?.[formula.name];
47
+ for (const [key, arg] of (formula.arguments ?? []).entries()) {
48
+ yield* getFormulasInFormula({
49
+ formula: arg.formula,
50
+ globalFormulas,
51
+ path: [...path, 'arguments', key, 'formula'],
52
+ visitedFormulas,
53
+ });
54
+ }
55
+ // Lookup the actual function and traverse its potential formula references
56
+ // if this formula wasn't already visited
57
+ if (globalFormula &&
58
+ isToddleFormula(globalFormula) &&
59
+ shouldVisitFormula) {
60
+ yield* getFormulasInFormula({
61
+ formula: globalFormula.formula,
62
+ globalFormulas,
63
+ path: [...path, 'formula'],
64
+ visitedFormulas,
65
+ });
66
+ }
67
+ break;
68
+ }
69
+ case 'array':
70
+ case 'or':
71
+ case 'and':
72
+ case 'object':
73
+ for (const [key, arg] of (formula.arguments ?? []).entries()) {
74
+ yield* getFormulasInFormula({
75
+ formula: arg.formula,
76
+ globalFormulas,
77
+ path: [...path, 'arguments', key, 'formula'],
78
+ visitedFormulas,
79
+ });
80
+ }
81
+ break;
82
+ case 'apply':
83
+ for (const [key, arg] of (formula.arguments ?? []).entries()) {
84
+ yield* getFormulasInFormula({
85
+ formula: arg.formula,
86
+ globalFormulas,
87
+ path: [...path, 'arguments', key, 'formula'],
88
+ visitedFormulas,
89
+ });
90
+ }
91
+ break;
92
+ case 'switch':
93
+ for (const [key, c] of formula.cases.entries()) {
94
+ yield* getFormulasInFormula({
95
+ formula: c.condition,
96
+ globalFormulas,
97
+ path: [...path, 'cases', key, 'condition'],
98
+ visitedFormulas,
99
+ });
100
+ yield* getFormulasInFormula({
101
+ formula: c.formula,
102
+ globalFormulas,
103
+ path: [...path, 'cases', key, 'formula'],
104
+ visitedFormulas,
105
+ });
106
+ }
107
+ yield* getFormulasInFormula({
108
+ formula: formula.default,
109
+ globalFormulas,
110
+ path: [...path, 'default'],
111
+ visitedFormulas,
112
+ });
113
+ break;
114
+ }
115
+ }
116
+ export function* getFormulasInAction({ action, globalFormulas, path = [], visitedFormulas = new Set(), }) {
117
+ if (!isDefined(action)) {
118
+ return;
119
+ }
120
+ switch (action.type) {
121
+ case 'Fetch':
122
+ for (const [inputKey, input] of Object.entries(action.inputs ?? {})) {
123
+ yield* getFormulasInFormula({
124
+ formula: input.formula,
125
+ globalFormulas,
126
+ path: [...path, 'input', inputKey, 'formula'],
127
+ visitedFormulas,
128
+ });
129
+ }
130
+ for (const [key, a] of Object.entries(action.onSuccess?.actions ?? {})) {
131
+ yield* getFormulasInAction({
132
+ action: a,
133
+ globalFormulas,
134
+ path: [...path, 'onSuccess', 'actions', key],
135
+ visitedFormulas,
136
+ });
137
+ }
138
+ for (const [key, a] of Object.entries(action.onError?.actions ?? {})) {
139
+ yield* getFormulasInAction({
140
+ action: a,
141
+ globalFormulas,
142
+ path: [...path, 'onError', 'actions', key],
143
+ visitedFormulas,
144
+ });
145
+ }
146
+ for (const [key, a] of Object.entries(action.onMessage?.actions ?? {})) {
147
+ yield* getFormulasInAction({
148
+ action: a,
149
+ globalFormulas,
150
+ path: [...path, 'onMessage', 'actions', key],
151
+ visitedFormulas,
152
+ });
153
+ }
154
+ break;
155
+ case 'Custom':
156
+ case undefined:
157
+ if (isFormula(action.data)) {
158
+ yield* getFormulasInFormula({
159
+ formula: action.data,
160
+ globalFormulas,
161
+ path: [...path, 'data'],
162
+ visitedFormulas,
163
+ });
164
+ }
165
+ for (const [key, a] of Object.entries(action.arguments ?? {})) {
166
+ yield* getFormulasInFormula({
167
+ formula: a.formula,
168
+ globalFormulas,
169
+ path: [...path, 'arguments', key, 'formula'],
170
+ visitedFormulas,
171
+ });
172
+ }
173
+ for (const [eventKey, event] of Object.entries(action.events ?? {})) {
174
+ for (const [key, a] of Object.entries(event.actions ?? {})) {
175
+ yield* getFormulasInAction({
176
+ action: a,
177
+ globalFormulas,
178
+ path: [...path, 'events', eventKey, 'actions', key],
179
+ visitedFormulas,
180
+ });
181
+ }
182
+ }
183
+ break;
184
+ case 'SetVariable':
185
+ case 'SetURLParameter':
186
+ case 'TriggerEvent':
187
+ yield* getFormulasInFormula({
188
+ formula: action.data,
189
+ globalFormulas,
190
+ path: [...path, 'data'],
191
+ visitedFormulas,
192
+ });
193
+ break;
194
+ case 'TriggerWorkflow':
195
+ for (const [key, a] of Object.entries(action.parameters ?? {})) {
196
+ yield* getFormulasInFormula({
197
+ formula: a.formula,
198
+ globalFormulas,
199
+ path: [...path, 'parameters', key, 'formula'],
200
+ visitedFormulas,
201
+ });
202
+ }
203
+ break;
204
+ case 'Switch':
205
+ if (isDefined(action.data) && isFormula(action.data)) {
206
+ yield* getFormulasInFormula({
207
+ formula: action.data,
208
+ globalFormulas,
209
+ path: [...path, 'data'],
210
+ visitedFormulas,
211
+ });
212
+ }
213
+ for (const [key, c] of action.cases.entries()) {
214
+ yield* getFormulasInFormula({
215
+ formula: c.condition,
216
+ globalFormulas,
217
+ path: [...path, 'cases', key, 'condition'],
218
+ visitedFormulas,
219
+ });
220
+ for (const [actionKey, a] of Object.entries(c.actions)) {
221
+ yield* getFormulasInAction({
222
+ action: a,
223
+ globalFormulas,
224
+ path: [...path, 'cases', key, 'actions', actionKey],
225
+ visitedFormulas,
226
+ });
227
+ }
228
+ }
229
+ for (const [actionKey, a] of Object.entries(action.default.actions)) {
230
+ yield* getFormulasInAction({
231
+ action: a,
232
+ globalFormulas,
233
+ path: [...path, 'default', 'actions', actionKey],
234
+ visitedFormulas,
235
+ });
236
+ }
237
+ break;
238
+ }
239
+ }
240
+ //# sourceMappingURL=formulaUtils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formulaUtils.js","sourceRoot":"","sources":["../../src/formula/formulaUtils.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare const getClassName: (object: any) => string;
2
+ export declare const toValidClassName: (input: string, escapeSpecialCharacters?: boolean) => string;
@@ -0,0 +1,52 @@
1
+ // cSpell: ignore phash
2
+ const SEED = 5381;
3
+ // When we have separate strings it's useful to run a progressive
4
+ // version of djb2 where we pretend that we're still looping over
5
+ // the same string
6
+ const phash = (h, x) => {
7
+ let i = x.length;
8
+ while (i) {
9
+ h = (h * 33) ^ x.charCodeAt(--i);
10
+ }
11
+ return h;
12
+ };
13
+ // This is a djb2 hashing function
14
+ const hash = (x) => {
15
+ return phash(SEED, x);
16
+ };
17
+ const AD_REPLACER_R = /(a)(d)/gi;
18
+ /* This is the "capacity" of our alphabet i.e. 2x26 for all letters plus their capitalized
19
+ * counterparts */
20
+ const charsLength = 52;
21
+ /* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalized letters */
22
+ const getAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97));
23
+ /* input a number, usually a hash and convert it to base-52 */
24
+ function generateAlphabeticName(code) {
25
+ let name = '';
26
+ let x;
27
+ /* get a char and divide by alphabet-length */
28
+ for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) {
29
+ name = getAlphabeticChar(x % charsLength) + name;
30
+ }
31
+ return (getAlphabeticChar(x % charsLength) + name).replace(AD_REPLACER_R, '$1-$2');
32
+ }
33
+ export const getClassName = (object) => {
34
+ return generateAlphabeticName(hash(JSON.stringify(object)));
35
+ };
36
+ export const toValidClassName = (input, escapeSpecialCharacters = false) => {
37
+ // Replace invalid characters with hyphens
38
+ let className = input
39
+ // Remove leading and trailing whitespace
40
+ .trim()
41
+ // Replace whitespace with hyphens
42
+ .replace(/\s+/g, '-');
43
+ if (escapeSpecialCharacters) {
44
+ className = className.replace(/[^a-zA-Z0-9-_]/g, (match) => `\\${match}`);
45
+ }
46
+ // Ensure the class name doesn't start with a number or special character
47
+ if (/^[^a-zA-Z]/.test(className)) {
48
+ className = `_${className}`;
49
+ }
50
+ return className;
51
+ };
52
+ //# sourceMappingURL=className.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"className.js","sourceRoot":"","sources":["../../src/styling/className.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,MAAM,IAAI,GAAG,IAAI,CAAA;AAEjB,iEAAiE;AACjE,iEAAiE;AACjE,kBAAkB;AAClB,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;IACrC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAA;IAEhB,OAAO,CAAC,EAAE,CAAC;QACT,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,CAAC;IAED,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAED,kCAAkC;AAClC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE;IACzB,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,UAAU,CAAA;AAEhC;kBACkB;AAClB,MAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,qFAAqF;AACrF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CACzC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEnD,8DAA8D;AAC9D,SAAS,sBAAsB,CAAC,IAAY;IAC1C,IAAI,IAAI,GAAG,EAAE,CAAA;IACb,IAAI,CAAC,CAAA;IAEL,8CAA8C;IAC9C,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;QACpE,IAAI,GAAG,iBAAiB,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI,CAAA;IAClD,CAAC;IAED,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CACxD,aAAa,EACb,OAAO,CACR,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAW,EAAE,EAAE;IAC1C,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAa,EACb,uBAAuB,GAAG,KAAK,EAC/B,EAAE;IACF,0CAA0C;IAC1C,IAAI,SAAS,GAAG,KAAK;QACnB,yCAAyC;SACxC,IAAI,EAAE;QACP,kCAAkC;SACjC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAA;IAC3E,CAAC;IAED,yEAAyE;IACzE,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QACjC,SAAS,GAAG,IAAI,SAAS,EAAE,CAAA;IAC7B,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
@@ -0,0 +1,5 @@
1
+ import type { Component } from '../component/component.types';
2
+ import type { OldTheme, Theme, ThemeOptions } from './theme';
3
+ export declare function kebabCase(string: string): string;
4
+ export declare const createStylesheet: (root: Component, components: Component[], theme: Theme | OldTheme, options: ThemeOptions) => string;
5
+ export declare const getAllFonts: (components: Component[]) => Set<string>;
@@ -0,0 +1,242 @@
1
+ import { omitKeys } from '../utils/collections';
2
+ import { isDefined } from '../utils/util';
3
+ import { getClassName, toValidClassName } from './className';
4
+ import { getThemeCss } from './theme';
5
+ import { variantSelector } from './variantSelector';
6
+ const LEGACY_BREAKPOINTS = {
7
+ large: 1440,
8
+ small: 576,
9
+ medium: 960,
10
+ };
11
+ export function kebabCase(string) {
12
+ return string
13
+ .split('')
14
+ .map((char) => {
15
+ return 'ABCDEFGHIJKLMNOPQRSTYVWXYZ'.includes(char)
16
+ ? '-' + char.toLocaleLowerCase()
17
+ : char;
18
+ })
19
+ .join('');
20
+ }
21
+ const SIZE_PROPERTIES = new Set([
22
+ 'width',
23
+ 'min-width',
24
+ 'max-width',
25
+ 'height',
26
+ 'min-height',
27
+ 'max-height',
28
+ 'margin',
29
+ 'margin-top',
30
+ 'margin-left',
31
+ 'margin-bottom',
32
+ 'margin-right',
33
+ 'padding',
34
+ 'padding-top',
35
+ 'padding-left',
36
+ 'padding-bottom',
37
+ 'padding-right',
38
+ 'gap',
39
+ 'gap-x',
40
+ 'gap-y',
41
+ 'border-radius',
42
+ 'border-bottom-left-radius',
43
+ 'border-bottom-right-radius',
44
+ 'border-top-left-radius',
45
+ 'border-top-right-radius',
46
+ 'border-width',
47
+ 'border-top-width',
48
+ 'border-left-width',
49
+ 'border-bottom-width',
50
+ 'border-right-width',
51
+ 'font-size',
52
+ 'top',
53
+ 'right',
54
+ 'bottom',
55
+ 'left',
56
+ 'outline-width',
57
+ ]);
58
+ export const createStylesheet = (root, components, theme, options) => {
59
+ const hashes = new Set();
60
+ // Get fonts used on the page
61
+ const fonts = getAllFonts(components);
62
+ //Exclude fonts that are not used on this page.
63
+ let stylesheet = getThemeCss('breakpoints' in theme
64
+ ? {
65
+ ...theme,
66
+ fontFamily: Object.fromEntries(Object.entries(theme.fontFamily).filter(([key, value]) => value.default ?? fonts.has('--font-' + key))),
67
+ }
68
+ : {
69
+ ...theme,
70
+ fonts: theme.fonts,
71
+ }, options);
72
+ const styleToCss = (style) => {
73
+ return Object.entries(style)
74
+ .map(([property, value]) => {
75
+ if (!isDefined(value)) {
76
+ // ignore undefined/null values
77
+ return;
78
+ }
79
+ const propertyName = kebabCase(property);
80
+ const propertyValue = String(Number(value)) === String(value) &&
81
+ SIZE_PROPERTIES.has(propertyName)
82
+ ? `${Number(value) * 4}px`
83
+ : value;
84
+ return `${propertyName}:${propertyValue};`;
85
+ })
86
+ .filter(Boolean)
87
+ .join('\n ');
88
+ };
89
+ const getNodeStyles = (node, classHash) => {
90
+ try {
91
+ const style = omitKeys(node.style ?? {}, [
92
+ 'variants',
93
+ 'breakpoints',
94
+ 'shadows',
95
+ ]);
96
+ const styleVariants = node.variants ?? node.style?.variants;
97
+ const renderVariant = (selector, style, options) => {
98
+ const scrollbarStyles = Object.entries(style).filter(([key]) => key == 'scrollbar-width');
99
+ // If selectorCss is empty, we don't need to render the selector
100
+ let styles = styleToCss(style);
101
+ if (options?.startingStyle) {
102
+ styles = `@starting-style {
103
+ ${styles}
104
+ }`;
105
+ }
106
+ return `
107
+ ${styles.length > 0
108
+ ? `${selector} {
109
+ ${styles}
110
+ }`
111
+ : ''}
112
+ ${scrollbarStyles.length > 0
113
+ ? `
114
+ ${selector}::-webkit-scrollbar {
115
+ ${scrollbarStyles
116
+ .map(([_, value]) => {
117
+ switch (value) {
118
+ case 'none':
119
+ return 'width: 0;';
120
+ case 'thinn':
121
+ case 'thin':
122
+ return 'width: 4px;';
123
+ default:
124
+ return '';
125
+ }
126
+ })
127
+ .join('\n')}
128
+ }
129
+ `
130
+ : ''}
131
+ `;
132
+ };
133
+ return `
134
+ ${renderVariant('.' + classHash, style)}
135
+ ${(styleVariants ?? [])
136
+ .map((variant) => {
137
+ const renderedVariant = renderVariant(`.${classHash}${variantSelector(variant)}`, variant.style, {
138
+ startingStyle: variant.startingStyle,
139
+ });
140
+ if (variant.mediaQuery) {
141
+ return `
142
+ @media (${Object.entries(variant.mediaQuery)
143
+ .map(([key, value]) => `${key}: ${value}`)
144
+ .filter(Boolean)
145
+ .join(') and (')}) {
146
+ ${renderedVariant}
147
+ }
148
+ `;
149
+ }
150
+ if (variant.breakpoint) {
151
+ return `
152
+ @media (min-width: ${LEGACY_BREAKPOINTS[variant.breakpoint]}px) {
153
+ ${renderedVariant}
154
+ }
155
+ `;
156
+ }
157
+ return renderedVariant;
158
+ })
159
+ .join('\n')}
160
+ ${node.animations
161
+ ? Object.entries(node.animations)
162
+ .map(([animationName, keyframes]) => {
163
+ return `
164
+ @keyframes ${animationName} {
165
+ ${Object.values(keyframes)
166
+ .sort((a, b) => a.position - b.position)
167
+ .map(({ key, position, value }) => {
168
+ return `
169
+ ${position * 100}% {
170
+ ${key}: ${value};
171
+ }
172
+ `;
173
+ })
174
+ .join('\n')}
175
+ }
176
+ `;
177
+ })
178
+ .join('\n')
179
+ : ''}
180
+ `;
181
+ }
182
+ catch (e) {
183
+ // eslint-disable-next-line no-console
184
+ console.error(e);
185
+ return '';
186
+ }
187
+ };
188
+ // Make sure that CSS for dependencies are rendered first so that instance styles can override
189
+ const visitedComponents = new Set();
190
+ function insertComponentStyles(component, package_name) {
191
+ if (visitedComponents.has(component.name)) {
192
+ return;
193
+ }
194
+ visitedComponents.add(component.name);
195
+ if (!component.nodes) {
196
+ // eslint-disable-next-line no-console
197
+ console.warn('Unable to find nodes for component', component.name);
198
+ return;
199
+ }
200
+ Object.entries(component.nodes).forEach(([id, node]) => {
201
+ if (node.type === 'component') {
202
+ const childComponent = components.find((c) => c.name ===
203
+ [node.package ?? package_name, node.name]
204
+ .filter((c) => c)
205
+ .join('/'));
206
+ if (childComponent) {
207
+ insertComponentStyles(childComponent, node.package ?? package_name);
208
+ stylesheet += getNodeStyles(node, toValidClassName(`${component.name}:${id}`, true));
209
+ return;
210
+ }
211
+ }
212
+ if (node.type !== 'element') {
213
+ return;
214
+ }
215
+ const classHash = getClassName([node.style, node.variants]);
216
+ if (hashes.has(classHash)) {
217
+ return '';
218
+ }
219
+ hashes.add(classHash);
220
+ stylesheet += getNodeStyles(node, classHash);
221
+ });
222
+ }
223
+ insertComponentStyles(root);
224
+ return stylesheet;
225
+ };
226
+ export const getAllFonts = (components) => {
227
+ return new Set(components
228
+ .flatMap((component) => {
229
+ return Object.values(component.nodes).flatMap((node) => {
230
+ if (node.type === 'element') {
231
+ return [
232
+ node.style.fontFamily,
233
+ node.style['font-family'],
234
+ ...(node.variants?.map((v) => v.style.fontFamily ?? v.style['font-family']) ?? []),
235
+ ].filter(isDefined);
236
+ }
237
+ return [];
238
+ });
239
+ })
240
+ .map((f) => f.replace('var(', '').replace(')', '').replace(/'/g, '')));
241
+ };
242
+ //# sourceMappingURL=style.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../src/styling/style.css.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import type { OldTheme } from './theme';
2
+ export declare const RESET_STYLES = "\n@layer reset {\n html {\n height:100%;\n }\n\n #App {\n height:100%;\n display:flex;\n flex-direction:column;\n }\n\n body {\n height:100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n margin:0;\n }\n\n [data-node-id]:not([data-unset-toddle-styles],[data-node-type=\"text\"],noscript,br,script,style,math,math *,link,template,meta,title,base), [data-node-id]:not([data-unset-toddle-styles],noscript)::before, [data-node-id]:not([data-unset-toddle-styles],noscript)::after {\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 0;\n\n position: relative;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n\n font-size: var(--text-base);\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n\n background: transparent;\n color: inherit;\n border: none;\n box-shadow: none;\n }\n\n [data-node-id]:not([data-unset-toddle-styles]):is(p, h1, h2, h3, h4, h5, h6, label, span, strong, b, i, address, caption, code, cite, dt, dd, em, figcaption, legend, blockquote, abbr, pre, bdo, bdi) {\n display: inline-block;\n overflow-wrap: break-word;\n color: inherit;\n }\n\n [data-node-id]:not([data-unset-toddle-styles]):is(input, button, textarea, select) {\n outline: none;\n }\n\n [data-node-id]:not([data-unset-toddle-styles]):is(a) {\n color: inherit;\n text-decoration: none;\n }\n\n [data-node-id]:not([data-unset-toddle-styles]):is(ul, ol, li) {\n list-style: none;\n }\n\n [data-node-id]:not([data-unset-toddle-styles]):is(span[data-node-type=\"text\"]) {\n font: inherit;\n display: inline;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n }\n\n [popover]:not(:popover-open):not(dialog[open]) {\n display: revert;\n }\n}";
3
+ export declare const theme: OldTheme;