@schalkneethling/miyagi-core 4.4.2 → 4.4.4

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 (115) hide show
  1. package/README.md +7 -2
  2. package/api/app.js +16 -16
  3. package/api/index.js +263 -262
  4. package/bin/miyagi.js +1 -1
  5. package/dist/css/iframe.css +6 -30
  6. package/frontend/assets/css/iframe/accordion-tabs.css +39 -39
  7. package/frontend/assets/css/iframe/jsontree.js.css +149 -149
  8. package/frontend/assets/css/iframe/prism.css +45 -45
  9. package/frontend/assets/css/iframe/styleguide/colors.css +27 -27
  10. package/frontend/assets/css/iframe/styleguide/fonts.css +23 -23
  11. package/frontend/assets/css/iframe/styleguide/index.css +58 -58
  12. package/frontend/assets/css/iframe/styleguide/spacings.css +10 -10
  13. package/frontend/assets/css/iframe.css +191 -191
  14. package/frontend/assets/css/main/menu/config-switcher.css +21 -21
  15. package/frontend/assets/css/main/menu/config-switchers.css +34 -34
  16. package/frontend/assets/css/main/menu/goto.css +16 -16
  17. package/frontend/assets/css/main/menu/nav.css +49 -49
  18. package/frontend/assets/css/main/menu/search.css +34 -34
  19. package/frontend/assets/css/main/menu/title.css +18 -18
  20. package/frontend/assets/css/main/menu.css +89 -89
  21. package/frontend/assets/css/main/reset.css +47 -47
  22. package/frontend/assets/css/main.css +41 -41
  23. package/frontend/assets/css/shared.css +16 -16
  24. package/frontend/assets/css/tokens.css +108 -107
  25. package/frontend/assets/js/_accordion-tabs.js +392 -392
  26. package/frontend/assets/js/_goto.js +59 -59
  27. package/frontend/assets/js/_iframe-links.js +14 -14
  28. package/frontend/assets/js/_is-triggered.js +3 -3
  29. package/frontend/assets/js/_main.js +369 -369
  30. package/frontend/assets/js/_mock-data.js +8 -8
  31. package/frontend/assets/js/_prism.js +1082 -1081
  32. package/frontend/assets/js/_search.js +186 -186
  33. package/frontend/assets/js/_socket.js +44 -44
  34. package/frontend/assets/js/config-switcher/development-mode.js +38 -38
  35. package/frontend/assets/js/config-switcher/index.js +55 -55
  36. package/frontend/assets/js/config-switcher/text-direction.js +22 -22
  37. package/frontend/assets/js/config-switcher/theme.js +68 -68
  38. package/frontend/assets/js/iframe.build.js +25 -25
  39. package/frontend/assets/js/iframe.js +38 -38
  40. package/frontend/assets/js/jsontree.js +979 -976
  41. package/frontend/assets/js/main.build.js +29 -29
  42. package/frontend/assets/js/main.js +31 -31
  43. package/frontend/assets/js/styleguide/color-converter.js +652 -652
  44. package/frontend/assets/js/styleguide/index.js +100 -100
  45. package/lib/build/index.js +1014 -1020
  46. package/lib/cli/app.js +16 -16
  47. package/lib/cli/component.js +50 -50
  48. package/lib/cli/doctor.js +130 -121
  49. package/lib/cli/drupal-assets.js +163 -157
  50. package/lib/cli/lint.js +196 -196
  51. package/lib/cli/run.js +150 -146
  52. package/lib/config.js +86 -86
  53. package/lib/constants/lint-log-levels.js +6 -6
  54. package/lib/drupal/load-assets-config.js +59 -60
  55. package/lib/drupal/resolve-library-assets.js +132 -141
  56. package/lib/errors.js +20 -20
  57. package/lib/generator/component.js +124 -124
  58. package/lib/generator/mocks.js +156 -156
  59. package/lib/helpers.js +68 -68
  60. package/lib/i18n/en.js +93 -93
  61. package/lib/i18n/index.js +8 -8
  62. package/lib/index.js +13 -13
  63. package/lib/init/args.js +153 -153
  64. package/lib/init/config.js +452 -438
  65. package/lib/init/engines.js +41 -41
  66. package/lib/init/index.js +83 -83
  67. package/lib/init/rendering.js +3 -3
  68. package/lib/init/static.js +90 -90
  69. package/lib/init/twing/cache.js +27 -27
  70. package/lib/init/twing/functions.js +37 -37
  71. package/lib/init/views.js +5 -5
  72. package/lib/logger.js +72 -72
  73. package/lib/mocks/get.js +88 -88
  74. package/lib/mocks/index.js +2 -2
  75. package/lib/mocks/resolve/ref.js +447 -447
  76. package/lib/mocks/resolve/tpl.js +218 -218
  77. package/lib/mocks/resolve.js +154 -154
  78. package/lib/render/helpers/resolve-assets.js +29 -39
  79. package/lib/render/helpers.js +27 -27
  80. package/lib/render/index.js +18 -18
  81. package/lib/render/views/iframe/component.docs.js +50 -50
  82. package/lib/render/views/iframe/component.js +249 -248
  83. package/lib/render/views/iframe/design-tokens/colors.js +38 -38
  84. package/lib/render/views/iframe/design-tokens/index.js +3 -3
  85. package/lib/render/views/iframe/design-tokens/sizes.js +35 -35
  86. package/lib/render/views/iframe/design-tokens/typography.js +37 -37
  87. package/lib/render/views/iframe/docs.js +42 -42
  88. package/lib/render/views/iframe/index.js +28 -28
  89. package/lib/render/views/iframe/variation.js +89 -89
  90. package/lib/render/views/iframe/variation.standalone.js +69 -68
  91. package/lib/render/views/main/component.docs.js +38 -38
  92. package/lib/render/views/main/component.js +55 -55
  93. package/lib/render/views/main/design-tokens.js +38 -38
  94. package/lib/render/views/main/docs.js +33 -33
  95. package/lib/render/views/main/index.js +33 -33
  96. package/lib/state/components.js +99 -99
  97. package/lib/state/css.js +33 -33
  98. package/lib/state/docs.js +72 -72
  99. package/lib/state/file-contents.js +154 -154
  100. package/lib/state/helpers.js +53 -53
  101. package/lib/state/index.js +39 -39
  102. package/lib/state/menu/index.js +202 -202
  103. package/lib/state/menu/structure.js +84 -84
  104. package/lib/state/partials.js +12 -12
  105. package/lib/state/source-tree.js +51 -51
  106. package/lib/styleguide/color-names.js +148 -148
  107. package/lib/styleguide/colors.js +113 -113
  108. package/lib/styleguide/helpers.js +33 -33
  109. package/lib/styleguide/index.js +4 -4
  110. package/lib/styleguide/media-queries.js +18 -18
  111. package/lib/styleguide/spacings.js +22 -22
  112. package/lib/styleguide/typography.js +46 -46
  113. package/lib/validator/mocks.js +110 -83
  114. package/lib/validator/schemas.js +236 -227
  115. package/package.json +120 -117
@@ -11,69 +11,69 @@ import { overwriteRenderKey } from "../resolve.js";
11
11
  * @returns {Promise<{ messages, data }>} the resolved value from the mock data object
12
12
  */
13
13
  export const resolveTpls = async function (entry) {
14
- const messages = [];
15
-
16
- if (entry) {
17
- if (
18
- typeof entry === "string" ||
19
- typeof entry === "number" ||
20
- typeof entry === "boolean" ||
21
- entry instanceof Map ||
22
- entry === null
23
- ) {
24
- return {
25
- messages,
26
- data: entry,
27
- };
28
- }
29
-
30
- if (entry instanceof Array) {
31
- const o = [];
32
-
33
- for (const ent of entry) {
34
- const json = await resolve(ent);
35
- const result = await resolveTpls(json.data);
36
-
37
- o.push(result.data);
38
-
39
- for (const msg of [...json.messages, ...result.messages]) {
40
- if (msg) {
41
- messages.push(msg);
42
- }
43
- }
44
- }
45
-
46
- return {
47
- messages,
48
- data: o,
49
- };
50
- }
51
-
52
- const o = { ...entry };
53
-
54
- for (const key of Object.keys(o)) {
55
- const tpl = await resolve(o[key]);
56
- const tpls = await resolveTpls(tpl.data);
57
-
58
- for (const msg of [...tpl.messages, ...tpls.messages]) {
59
- if (msg) {
60
- messages.push(msg);
61
- }
62
- }
63
-
64
- o[key] = tpls.data;
65
- }
66
-
67
- return {
68
- messages,
69
- data: o,
70
- };
71
- }
72
-
73
- return {
74
- messages,
75
- data: entry,
76
- };
14
+ const messages = [];
15
+
16
+ if (entry) {
17
+ if (
18
+ typeof entry === "string" ||
19
+ typeof entry === "number" ||
20
+ typeof entry === "boolean" ||
21
+ entry instanceof Map ||
22
+ entry === null
23
+ ) {
24
+ return {
25
+ messages,
26
+ data: entry,
27
+ };
28
+ }
29
+
30
+ if (entry instanceof Array) {
31
+ const o = [];
32
+
33
+ for (const ent of entry) {
34
+ const json = await resolve(ent);
35
+ const result = await resolveTpls(json.data);
36
+
37
+ o.push(result.data);
38
+
39
+ for (const msg of [...json.messages, ...result.messages]) {
40
+ if (msg) {
41
+ messages.push(msg);
42
+ }
43
+ }
44
+ }
45
+
46
+ return {
47
+ messages,
48
+ data: o,
49
+ };
50
+ }
51
+
52
+ const o = { ...entry };
53
+
54
+ for (const key of Object.keys(o)) {
55
+ const tpl = await resolve(o[key]);
56
+ const tpls = await resolveTpls(tpl.data);
57
+
58
+ for (const msg of [...tpl.messages, ...tpls.messages]) {
59
+ if (msg) {
60
+ messages.push(msg);
61
+ }
62
+ }
63
+
64
+ o[key] = tpls.data;
65
+ }
66
+
67
+ return {
68
+ messages,
69
+ data: o,
70
+ };
71
+ }
72
+
73
+ return {
74
+ messages,
75
+ data: entry,
76
+ };
77
77
  };
78
78
 
79
79
  /**
@@ -81,64 +81,64 @@ export const resolveTpls = async function (entry) {
81
81
  * @returns {Promise<{ messages, data }>}
82
82
  */
83
83
  async function resolve(entry) {
84
- const messages = [];
85
-
86
- if (entry !== null) {
87
- if (Array.isArray(entry)) {
88
- const arr = [];
89
-
90
- for (const ent of entry) {
91
- const result = await resolve(ent);
92
-
93
- arr.push(result.data);
94
-
95
- for (const msg of messages) {
96
- if (msg) {
97
- messages.push();
98
- }
99
- }
100
- }
101
-
102
- return {
103
- messages,
104
- data: arr,
105
- };
106
- }
107
-
108
- if (
109
- typeof entry === "string" ||
110
- typeof entry === "number" ||
111
- typeof entry === "boolean" ||
112
- entry instanceof Map
113
- ) {
114
- return {
115
- messages,
116
- data: entry,
117
- };
118
- }
119
-
120
- let entries = { ...entry };
121
-
122
- for (const [key, val] of Object.entries(entries)) {
123
- if (key !== "$tpl") {
124
- const result = await resolve(val);
125
-
126
- entries[key] = result.data;
127
- }
128
- }
129
-
130
- const result = await render(entries);
131
-
132
- return {
133
- messages: [...messages, ...result.messages],
134
- data: result.data,
135
- };
136
- }
137
-
138
- return {
139
- messages,
140
- data: entry,
141
- };
84
+ const messages = [];
85
+
86
+ if (entry !== null) {
87
+ if (Array.isArray(entry)) {
88
+ const arr = [];
89
+
90
+ for (const ent of entry) {
91
+ const result = await resolve(ent);
92
+
93
+ arr.push(result.data);
94
+
95
+ for (const msg of messages) {
96
+ if (msg) {
97
+ messages.push();
98
+ }
99
+ }
100
+ }
101
+
102
+ return {
103
+ messages,
104
+ data: arr,
105
+ };
106
+ }
107
+
108
+ if (
109
+ typeof entry === "string" ||
110
+ typeof entry === "number" ||
111
+ typeof entry === "boolean" ||
112
+ entry instanceof Map
113
+ ) {
114
+ return {
115
+ messages,
116
+ data: entry,
117
+ };
118
+ }
119
+
120
+ let entries = { ...entry };
121
+
122
+ for (const [key, val] of Object.entries(entries)) {
123
+ if (key !== "$tpl") {
124
+ const result = await resolve(val);
125
+
126
+ entries[key] = result.data;
127
+ }
128
+ }
129
+
130
+ const result = await render(entries);
131
+
132
+ return {
133
+ messages: [...messages, ...result.messages],
134
+ data: result.data,
135
+ };
136
+ }
137
+
138
+ return {
139
+ messages,
140
+ data: entry,
141
+ };
142
142
  }
143
143
 
144
144
  /**
@@ -146,101 +146,101 @@ async function resolve(entry) {
146
146
  * @returns {Promise<{ messages, data }>}
147
147
  */
148
148
  async function render(entry) {
149
- const messages = [];
150
-
151
- if (entry.$tpl) {
152
- let data = { ...entry };
153
- delete data.$tpl;
154
- let filePath;
155
- let shortPath;
156
- let component;
157
-
158
- if (entry.$tpl.startsWith("@")) {
159
- const namespace = entry.$tpl.split("/")[0];
160
- const resolvedNamespace = global.config.namespaces[namespace];
161
-
162
- if (!resolvedNamespace) {
163
- return {
164
- messages: [
165
- {
166
- type: "warn",
167
- text: `Could not resolve namespace ${namespace}`,
168
- },
169
- ],
170
- data: null,
171
- };
172
- }
173
-
174
- shortPath = helpers.getShortPathFromFullPath(
175
- path.join(
176
- process.cwd(),
177
- entry.$tpl.replace(namespace, resolvedNamespace),
178
- ),
179
- );
180
- } else {
181
- shortPath = entry.$tpl;
182
-
183
- if (shortPath.startsWith("/")) {
184
- shortPath = shortPath.replace("/", "");
185
- }
186
- }
187
-
188
- component = global.state.routes.find(
189
- ({ alias }) => alias === shortPath || `/${alias}` === shortPath,
190
- );
191
-
192
- if (!component) {
193
- messages.push({
194
- type: "error",
195
- text: t("templateDoesNotExist").replace("{{template}}", entry.$tpl),
196
- });
197
-
198
- return {
199
- messages,
200
- data: null,
201
- };
202
- }
203
-
204
- try {
205
- fs.statSync(component.paths.tpl.full);
206
-
207
- data = await extendTemplateData(global.config, data, component);
208
-
209
- return new Promise((resolve1) => {
210
- global.app.render(component.paths.tpl.full, data ?? {}, (err, html) => {
211
- if (err) {
212
- messages.push({
213
- type: "warn",
214
- text: t("renderingTemplateFailed").replace(
215
- "{{filePath}}",
216
- component.paths.tpl.short,
217
- ),
218
- });
219
- }
220
-
221
- resolve1({
222
- messages,
223
- data: html,
224
- });
225
- });
226
- });
227
- } catch (err) {
228
- if (err.code === "ENOENT") {
229
- messages.push({
230
- type: "error",
231
- text: t("templateDoesNotExist").replace("{{template}}", filePath),
232
- verbose: err,
233
- });
234
- return {
235
- messages,
236
- data: null,
237
- };
238
- }
239
- }
240
- } else {
241
- return {
242
- messages,
243
- data: overwriteRenderKey(entry),
244
- };
245
- }
149
+ const messages = [];
150
+
151
+ if (entry.$tpl) {
152
+ let data = { ...entry };
153
+ delete data.$tpl;
154
+ let filePath;
155
+ let shortPath;
156
+ let component;
157
+
158
+ if (entry.$tpl.startsWith("@")) {
159
+ const namespace = entry.$tpl.split("/")[0];
160
+ const resolvedNamespace = global.config.namespaces[namespace];
161
+
162
+ if (!resolvedNamespace) {
163
+ return {
164
+ messages: [
165
+ {
166
+ type: "warn",
167
+ text: `Could not resolve namespace ${namespace}`,
168
+ },
169
+ ],
170
+ data: null,
171
+ };
172
+ }
173
+
174
+ shortPath = helpers.getShortPathFromFullPath(
175
+ path.join(
176
+ process.cwd(),
177
+ entry.$tpl.replace(namespace, resolvedNamespace),
178
+ ),
179
+ );
180
+ } else {
181
+ shortPath = entry.$tpl;
182
+
183
+ if (shortPath.startsWith("/")) {
184
+ shortPath = shortPath.replace("/", "");
185
+ }
186
+ }
187
+
188
+ component = global.state.routes.find(
189
+ ({ alias }) => alias === shortPath || `/${alias}` === shortPath,
190
+ );
191
+
192
+ if (!component) {
193
+ messages.push({
194
+ type: "error",
195
+ text: t("templateDoesNotExist").replace("{{template}}", entry.$tpl),
196
+ });
197
+
198
+ return {
199
+ messages,
200
+ data: null,
201
+ };
202
+ }
203
+
204
+ try {
205
+ fs.statSync(component.paths.tpl.full);
206
+
207
+ data = await extendTemplateData(global.config, data, component);
208
+
209
+ return new Promise((resolve1) => {
210
+ global.app.render(component.paths.tpl.full, data ?? {}, (err, html) => {
211
+ if (err) {
212
+ messages.push({
213
+ type: "warn",
214
+ text: t("renderingTemplateFailed").replace(
215
+ "{{filePath}}",
216
+ component.paths.tpl.short,
217
+ ),
218
+ });
219
+ }
220
+
221
+ resolve1({
222
+ messages,
223
+ data: html,
224
+ });
225
+ });
226
+ });
227
+ } catch (err) {
228
+ if (err.code === "ENOENT") {
229
+ messages.push({
230
+ type: "error",
231
+ text: t("templateDoesNotExist").replace("{{template}}", filePath),
232
+ verbose: err,
233
+ });
234
+ return {
235
+ messages,
236
+ data: null,
237
+ };
238
+ }
239
+ }
240
+ } else {
241
+ return {
242
+ messages,
243
+ data: overwriteRenderKey(entry),
244
+ };
245
+ }
246
246
  }