@auto-engineer/generate-react-client 1.58.0 → 1.60.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,39 @@
1
1
  # @auto-engineer/generate-react-client
2
2
 
3
+ ## 1.60.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`e37c8aa`](https://github.com/BeOnAuto/auto-engineer/commit/e37c8aa2860adbdf51716bcbad52a21b4d13c4bf) 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
+ - [`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
11
+ - **global**: version packages
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies [[`e37c8aa`](https://github.com/BeOnAuto/auto-engineer/commit/e37c8aa2860adbdf51716bcbad52a21b4d13c4bf), [`93d25e4`](https://github.com/BeOnAuto/auto-engineer/commit/93d25e4fbe55e41405d9bb600f2b9e7f53db0cb0)]:
16
+ - @auto-engineer/file-upload@1.60.0
17
+ - @auto-engineer/message-bus@1.60.0
18
+
19
+ ## 1.59.0
20
+
21
+ ### Minor Changes
22
+
23
+ - [`dc97333`](https://github.com/BeOnAuto/auto-engineer/commit/dc973338ed6a5c7dcd204123a2935ed44ccf61e4) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **server-generator-apollo-emmett**: sanitize malformed map types in field definitions
24
+ - **server-generator-apollo-emmett**: add sanitizeFieldType helper
25
+ - **server-generator-apollo-emmett**: emit SliceGenerationFailed for skipped fields
26
+ - **server-generator-apollo-emmett**: sanitize messages and track SkippedFieldInfo
27
+ - **server-generator-apollo-emmett**: add isValidTsIdentifier and filter inline fields
28
+
29
+ - [`c031dbe`](https://github.com/BeOnAuto/auto-engineer/commit/c031dbeb471ddeb9713f5c872352e5a405dab244) Thanks [@osamanar](https://github.com/osamanar)! - - Fixed issues with app implementation in the React component implementer
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies [[`dc97333`](https://github.com/BeOnAuto/auto-engineer/commit/dc973338ed6a5c7dcd204123a2935ed44ccf61e4), [`c031dbe`](https://github.com/BeOnAuto/auto-engineer/commit/c031dbeb471ddeb9713f5c872352e5a405dab244)]:
34
+ - @auto-engineer/file-upload@1.59.0
35
+ - @auto-engineer/message-bus@1.59.0
36
+
3
37
  ## 1.58.0
4
38
 
5
39
  ### Minor Changes
@@ -30,6 +30,59 @@
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
+
33
86
  /* Force sidebar and nav backgrounds - target the actual container divs */
34
87
  #storybook-explorer-tree,
35
88
  [class*="sidebar"],
@@ -1,3 +1,48 @@
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
+ </style>
1
46
  <script>
2
47
  (function() {
3
48
  var isDark = false;
@@ -16,16 +61,15 @@
16
61
  isDark = urlTheme === 'dark';
17
62
  }
18
63
 
64
+ // Set both dark and light classes so CSS can immediately respond
19
65
  if (isDark) {
20
66
  document.documentElement.classList.add('dark');
67
+ document.documentElement.classList.remove('light');
68
+ } else {
69
+ document.documentElement.classList.add('light');
70
+ document.documentElement.classList.remove('dark');
21
71
  }
22
- // Dark: appContentBg=#222325, Light: #FFFFFF
23
- document.documentElement.style.backgroundColor = isDark ? '#222325' : '#FFFFFF';
72
+ document.documentElement.style.backgroundColor = isDark ? '#1a1f2e' : '#FFFFFF';
24
73
  document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
25
74
  })();
26
75
  </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.58.0",
23
- "@auto-engineer/message-bus": "1.58.0"
22
+ "@auto-engineer/file-upload": "1.60.0",
23
+ "@auto-engineer/message-bus": "1.60.0"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/debug": "^4.1.12"
27
27
  },
28
- "version": "1.58.0",
28
+ "version": "1.60.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",