zova-suite-a-devui 5.0.9 → 5.0.13

package/modules/a-devui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zova-module-a-devui",
-  "version": "5.0.9",
+  "version": "5.0.13",
   "title": "a-devui",
   "zovaModule": {
     "capabilities": {
@@ -31,5 +31,5 @@
     "dist"
   ],
   "scripts": {},
-  "gitHead": "ebc215730b3219594ca41a190826dce4f3d20f7d"
+  "gitHead": "6ab950f2066f8feb2dfddb94575fcbb2cf07afe7"
 }

package/modules/a-devui/src/bean/local.ssr.ts

@@ -0,0 +1,29 @@
+import { BeanBase, Local } from 'zova';
+import { ScopeModule } from '../resource/this.js';
+
+@Local()
+export class LocalSSR extends BeanBase<ScopeModule> {
+  public async initialize() {
+    // ssr hydrated
+    if (process.env.CLIENT) {
+      this.ctx.meta.ssr.onHydrated(() => {
+        // do something
+      });
+    }
+    // ssr theme
+    if (process.env.SERVER) {
+      this.ctx.meta.ssr.context.onRendered(() => {
+        this.ctx.meta.ssr.context._meta.bodyTags += `<script id="__prefersColorSchemeDarkJS">
+    const __Themes = { 'a-demo.theme.orange': 'orange', 'home-theme.theme.default': '' };
+    const __names = [];
+    const __name = __Themes[window.ssr_local_themename];
+    if (__name) __names.push(__name);
+    __names.push(window.ssr_local_themedark ? 'dark' : 'light');
+    const themeName = __names.join('-');
+    document.body.setAttribute('data-theme', themeName);
+    document.querySelector('#__prefersColorSchemeDarkJS').remove();
+</script>`.replaceAll('\n', '');
+      });
+    }
+  }
+}

package/modules/a-devui/src/bean/tool.themeHandler.ts

@@ -14,9 +14,14 @@ export class ToolThemeHandler extends BeanBase<ScopeModule> implements ThemeHand
     _names.push(dark ? 'dark' : 'light');
     const themeName = _names.join('-');
     // data-theme
-    const body = window?.document?.documentElement;
-    if (body) {
-      body.setAttribute('data-theme', themeName);
+    if (process.env.CLIENT) {
+      const body = window?.document?.body;
+      if (body) {
+        body.setAttribute('data-theme', themeName);
+      }
+    } else {
+      // meta
+      this.$useMeta({ bodyAttr: { 'data-theme': themeName } });
     }
   }
 }

package/modules/a-devui/src/monkey.ts

@@ -1,13 +1,18 @@
 import { BeanBase, BeanContainer, BeanSimple, IMonkeySystem } from 'zova';
 import { ScopeModuleAStyle } from 'zova-module-a-style';
+import { LocalSSR } from './bean/local.ssr.js';
 
 export class Monkey extends BeanSimple implements IMonkeySystem {
   async appInitialize(bean: BeanContainer) {
     // defaultThemeHandler
     const scopeStyle: ScopeModuleAStyle = await bean.getScope('a-style');
     scopeStyle.config.defaultThemeHandler = 'a-devui.tool.themeHandler';
+    // ssr
+    const localSSR = await bean._newBean(LocalSSR, false);
+    await localSSR.initialize();
   }
   async appInitialized(_bean: BeanContainer) {}
+  async appReady(_bean: BeanContainer) {}
   async beanInit(_bean: BeanContainer, _beanInstance: BeanBase) {}
   async beanInited(_bean: BeanContainer, _beanInstance: BeanBase) {}
   beanDispose(_bean: BeanContainer, _beanInstance: BeanBase) {}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "zova-suite-a-devui",
-  "version": "5.0.9",
+  "version": "5.0.13",
   "title": "a-devui",
   "type": "module",
   "description": "devui",
   "author": "zhennann",
   "dependencies": {
-    "zova-module-a-devui": "^5.0.9"
+    "zova-module-a-devui": "^5.0.13"
   },
-  "gitHead": "ebc215730b3219594ca41a190826dce4f3d20f7d"
+  "gitHead": "6ab950f2066f8feb2dfddb94575fcbb2cf07afe7"
 }