fix(theme): persist switcher accent for SSR

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/cli",
-  "version": "0.8.27",
+  "version": "0.8.28",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/dev-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/dev-server",
-  "version": "0.8.26",
+  "version": "0.8.27",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/styles",
-  "version": "0.8.12",
+  "version": "0.8.13",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/styles/src/theme.ts

@@ -745,17 +745,6 @@ export function renderThemeRuntime(theme: ResolvedTheme): string {
     window.dispatchEvent(new CustomEvent("wrnexus:accent-changed",{detail:{accent:null}}));
   }
 
-  function syncSharedAccent(){
-    var cookieAccent=readCookie(ACCENT_COOKIE);
-    var next=cookieAccent&&ACCENTS.indexOf(cookieAccent)>=0?cookieAccent:DEFAULT_ACCENT;
-    var current=el.getAttribute("data-accent");
-    if(next===current)return;
-    if(next)el.setAttribute("data-accent",next);else el.removeAttribute("data-accent");
-    syncStylesheet(getTheme(),next);
-    syncAccentButtons(document);
-    window.dispatchEvent(new CustomEvent("wrnexus:accent-changed",{detail:{accent:next}}));
-  }
-
   function bind(root){
     var target=root||document;
 
@@ -814,10 +803,6 @@ export function renderThemeRuntime(theme: ResolvedTheme): string {
   };
 
   window.addEventListener("wrnexus:navigated",function(){bind(document);});
-  window.addEventListener("focus",syncSharedAccent);
-  window.addEventListener("pageshow",syncSharedAccent);
-  document.addEventListener("visibilitychange",function(){if(!document.hidden)syncSharedAccent();});
-  window.setInterval(syncSharedAccent,1000);
   if(document.readyState==="loading"){
     document.addEventListener("DOMContentLoaded",function(){bind(document);});
   }else{

packages/styles/test/theme-accent.test.ts

@@ -58,8 +58,7 @@ describe("theme accents", () => {
     expect(runtime).toContain('"domain":"localhost"');
     expect(runtime).toContain("deleteCookie(ACCENT_COOKIE);");
     expect(runtime).toContain("writeCookie(ACCENT_COOKIE,name,ACCENT_COOKIE_OPTIONS)");
-    expect(runtime).toContain('window.addEventListener("focus",syncSharedAccent)');
-    expect(runtime).toContain("window.setInterval(syncSharedAccent,1000)");
+    expect(runtime).not.toContain("setInterval(syncSharedAccent");
   });
 });
 test("live document accent has priority over cookie and default", () => {

packages/ui/components/PreferenceSwitcher.wrn

@@ -30,6 +30,8 @@ size: string = "default"
 
   functions {
     client function choose(type, value) {
+      if (type === "color") window.wrnAccent?.set(value)
+      if (type === "theme") window.wrnTheme?.set(value)
       output[type]({ value: value })
     }
   }

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.8.14",
+  "version": "0.8.15",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/ui/test/ui.test.ts

@@ -374,10 +374,10 @@ test("navbar hover menu stays open while the pointer crosses into its panel", as
 });
 
 test("preference switcher keeps only one popover open and closes outside", async () => {
-  const html = await renderComponent(
-    readFileSync(uiComponentPath("PreferenceSwitcher"), "utf8"),
-    {},
-  );
+  const source = readFileSync(uiComponentPath("PreferenceSwitcher"), "utf8");
+  const html = await renderComponent(source, {});
+  expect(source).toContain("window.wrnAccent?.set(value)");
+  expect(source).toContain("window.wrnTheme?.set(value)");
   const dom = mountHtml(html);
   const menus = Array.from(dom.querySelectorAll(".wrn-preferences__menu")) as HTMLDetailsElement[];
   const DomEvent = (dom.window as { Event: typeof Event }).Event;