@auto-engineer/generate-react-client 1.59.0 → 1.61.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @auto-engineer/generate-react-client
|
|
2
2
|
|
|
3
|
+
## 1.61.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`2c05dca`](https://github.com/BeOnAuto/auto-engineer/commit/2c05dcaf11cc74e594b822d2fb56d0b1187b272e) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Enhanced dark mode support for generated React client components
|
|
8
|
+
- Improved loading state styles for better visual feedback during data fetching
|
|
9
|
+
|
|
10
|
+
- [`3b5b67e`](https://github.com/BeOnAuto/auto-engineer/commit/3b5b67e6ec0bacaef1b83daff19a334bd452ad0d) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **generate-react-client**: enhance dark mode support and loading state styles
|
|
11
|
+
- **global**: version packages
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies [[`2c05dca`](https://github.com/BeOnAuto/auto-engineer/commit/2c05dcaf11cc74e594b822d2fb56d0b1187b272e), [`3b5b67e`](https://github.com/BeOnAuto/auto-engineer/commit/3b5b67e6ec0bacaef1b83daff19a334bd452ad0d)]:
|
|
16
|
+
- @auto-engineer/file-upload@1.61.0
|
|
17
|
+
- @auto-engineer/message-bus@1.61.0
|
|
18
|
+
|
|
19
|
+
## 1.60.0
|
|
20
|
+
|
|
21
|
+
### Minor Changes
|
|
22
|
+
|
|
23
|
+
- [`e37c8aa`](https://github.com/BeOnAuto/auto-engineer/commit/e37c8aa2860adbdf51716bcbad52a21b4d13c4bf) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Enhanced dark mode support for generated React client components
|
|
24
|
+
- Improved loading state styles for better visual feedback during data fetching
|
|
25
|
+
|
|
26
|
+
- [`93d25e4`](https://github.com/BeOnAuto/auto-engineer/commit/93d25e4fbe55e41405d9bb600f2b9e7f53db0cb0) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **packages/react-component-implementer**: fix issues with app implementation
|
|
27
|
+
- **global**: version packages
|
|
28
|
+
|
|
29
|
+
### Patch Changes
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [[`e37c8aa`](https://github.com/BeOnAuto/auto-engineer/commit/e37c8aa2860adbdf51716bcbad52a21b4d13c4bf), [`93d25e4`](https://github.com/BeOnAuto/auto-engineer/commit/93d25e4fbe55e41405d9bb600f2b9e7f53db0cb0)]:
|
|
32
|
+
- @auto-engineer/file-upload@1.60.0
|
|
33
|
+
- @auto-engineer/message-bus@1.60.0
|
|
34
|
+
|
|
3
35
|
## 1.59.0
|
|
4
36
|
|
|
5
37
|
### Minor Changes
|
|
@@ -30,6 +30,64 @@
|
|
|
30
30
|
transition: none !important;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
/* Fix preview area white flash - target all loading/skeleton states */
|
|
34
|
+
main[role="main"],
|
|
35
|
+
main[role="main"] *:not(.sb-loader):not(.sb-loader *),
|
|
36
|
+
#storybook-preview-wrapper,
|
|
37
|
+
#storybook-preview-wrapper *:not(.sb-loader):not(.sb-loader *),
|
|
38
|
+
/* Storybook loading state classes */
|
|
39
|
+
.sb-preparing-story,
|
|
40
|
+
.sb-preparing-docs,
|
|
41
|
+
.sb-wrapper,
|
|
42
|
+
.sb-previewBlock,
|
|
43
|
+
.sb-previewBlock *,
|
|
44
|
+
/* Emotion CSS classes in preview area (exclude loader) */
|
|
45
|
+
[class^="css-"]:not([class*="loader"]) {
|
|
46
|
+
background-color: #f0f3f9 !important;
|
|
47
|
+
color-scheme: light !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Make spinner transparent in light mode too */
|
|
51
|
+
.sb-loader,
|
|
52
|
+
.sb-loader *,
|
|
53
|
+
[class*="loader"],
|
|
54
|
+
[class*="loader"] * {
|
|
55
|
+
fill: transparent !important;
|
|
56
|
+
background: transparent !important;
|
|
57
|
+
background-color: transparent !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
html[data-theme="dark"] main[role="main"],
|
|
61
|
+
html[data-theme="dark"] main[role="main"] *:not(.sb-loader):not(.sb-loader *),
|
|
62
|
+
html[data-theme="dark"] #storybook-preview-wrapper,
|
|
63
|
+
html[data-theme="dark"] #storybook-preview-wrapper *:not(.sb-loader):not(.sb-loader *),
|
|
64
|
+
/* Storybook loading state classes - dark mode */
|
|
65
|
+
html[data-theme="dark"] .sb-preparing-story,
|
|
66
|
+
html[data-theme="dark"] .sb-preparing-docs,
|
|
67
|
+
html[data-theme="dark"] .sb-wrapper,
|
|
68
|
+
html[data-theme="dark"] .sb-previewBlock,
|
|
69
|
+
html[data-theme="dark"] .sb-previewBlock *,
|
|
70
|
+
/* Emotion CSS classes in preview area - dark mode (exclude loader) */
|
|
71
|
+
html[data-theme="dark"] [class^="css-"]:not(.sb-loader):not([class*="loader"]) {
|
|
72
|
+
background-color: #1a1f2e !important;
|
|
73
|
+
color-scheme: dark !important;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Fix spinner - make completely transparent */
|
|
77
|
+
html[data-theme="dark"] .sb-loader,
|
|
78
|
+
html[data-theme="dark"] .sb-loader *,
|
|
79
|
+
html[data-theme="dark"] [class*="loader"],
|
|
80
|
+
html[data-theme="dark"] [class*="loader"] * {
|
|
81
|
+
fill: transparent !important;
|
|
82
|
+
background: transparent !important;
|
|
83
|
+
background-color: transparent !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/* Set dark background on all iframes in dark mode to reduce flash from external content */
|
|
87
|
+
html[data-theme="dark"] iframe {
|
|
88
|
+
background-color: #1a1f2e !important;
|
|
89
|
+
}
|
|
90
|
+
|
|
33
91
|
/* Force sidebar and nav backgrounds - target the actual container divs */
|
|
34
92
|
#storybook-explorer-tree,
|
|
35
93
|
[class*="sidebar"],
|
|
@@ -1,3 +1,53 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
/* Immediate CSS-based dark mode detection - no JS needed for initial paint */
|
|
3
|
+
html, body {
|
|
4
|
+
transition: none !important;
|
|
5
|
+
background-color: #FFFFFF;
|
|
6
|
+
color-scheme: light;
|
|
7
|
+
}
|
|
8
|
+
/* If URL has theme=dark, JS will add .dark class, but this catches system preference */
|
|
9
|
+
@media (prefers-color-scheme: dark) {
|
|
10
|
+
html:not(.light), body {
|
|
11
|
+
background-color: #1a1f2e;
|
|
12
|
+
color-scheme: dark;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
/* When .dark class is set by JS */
|
|
16
|
+
html.dark, html.dark body {
|
|
17
|
+
background-color: #1a1f2e !important;
|
|
18
|
+
color-scheme: dark !important;
|
|
19
|
+
}
|
|
20
|
+
/* When .light class is set by JS (overrides prefers-color-scheme) */
|
|
21
|
+
html.light, html.light body {
|
|
22
|
+
background-color: #FFFFFF !important;
|
|
23
|
+
color-scheme: light !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Fix inner iframe loading states */
|
|
27
|
+
html.dark .sb-preparing-story,
|
|
28
|
+
html.dark .sb-preparing-docs,
|
|
29
|
+
html.dark .sb-wrapper,
|
|
30
|
+
html.dark #storybook-root,
|
|
31
|
+
html.dark #storybook-docs {
|
|
32
|
+
background-color: #1a1f2e !important;
|
|
33
|
+
color-scheme: dark !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Make spinner transparent in both light and dark mode */
|
|
37
|
+
.sb-loader,
|
|
38
|
+
.sb-loader *,
|
|
39
|
+
[class*="loader"],
|
|
40
|
+
[class*="loader"] * {
|
|
41
|
+
fill: transparent !important;
|
|
42
|
+
background: transparent !important;
|
|
43
|
+
background-color: transparent !important;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/* Set dark background on all iframes in dark mode to reduce flash from external content */
|
|
47
|
+
html.dark iframe {
|
|
48
|
+
background-color: #1a1f2e !important;
|
|
49
|
+
}
|
|
50
|
+
</style>
|
|
1
51
|
<script>
|
|
2
52
|
(function() {
|
|
3
53
|
var isDark = false;
|
|
@@ -16,16 +66,15 @@
|
|
|
16
66
|
isDark = urlTheme === 'dark';
|
|
17
67
|
}
|
|
18
68
|
|
|
69
|
+
// Set both dark and light classes so CSS can immediately respond
|
|
19
70
|
if (isDark) {
|
|
20
71
|
document.documentElement.classList.add('dark');
|
|
72
|
+
document.documentElement.classList.remove('light');
|
|
73
|
+
} else {
|
|
74
|
+
document.documentElement.classList.add('light');
|
|
75
|
+
document.documentElement.classList.remove('dark');
|
|
21
76
|
}
|
|
22
|
-
|
|
23
|
-
document.documentElement.style.backgroundColor = isDark ? '#222325' : '#FFFFFF';
|
|
77
|
+
document.documentElement.style.backgroundColor = isDark ? '#1a1f2e' : '#FFFFFF';
|
|
24
78
|
document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
|
|
25
79
|
})();
|
|
26
80
|
</script>
|
|
27
|
-
<style>
|
|
28
|
-
html, body {
|
|
29
|
-
transition: none;
|
|
30
|
-
}
|
|
31
|
-
</style>
|
package/package.json
CHANGED
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"debug": "^4.4.1",
|
|
22
|
-
"@auto-engineer/file-upload": "1.
|
|
23
|
-
"@auto-engineer/message-bus": "1.
|
|
22
|
+
"@auto-engineer/file-upload": "1.61.0",
|
|
23
|
+
"@auto-engineer/message-bus": "1.61.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/debug": "^4.1.12"
|
|
27
27
|
},
|
|
28
|
-
"version": "1.
|
|
28
|
+
"version": "1.61.0",
|
|
29
29
|
"scripts": {
|
|
30
30
|
"build": "tsc && tsx ../../scripts/fix-esm-imports.ts && cp -r starter dist/",
|
|
31
31
|
"test-cli": "tsx test-cli.ts",
|