@jskit-ai/users-web 0.1.180 → 0.1.181

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.1.180",
+  "version": "0.1.181",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -12,13 +12,13 @@
     "./client/account-settings/sections": "./src/client/account-settings/sections.js"
   },
   "dependencies": {
-    "@jskit-ai/auth-web": "0.1.162",
-    "@jskit-ai/http-web": "0.1.7",
-    "@jskit-ai/http-runtime": "0.1.160",
-    "@jskit-ai/kernel": "0.1.162",
-    "@jskit-ai/shell-web": "0.1.166",
-    "@jskit-ai/uploads-image-web": "0.1.137",
-    "@jskit-ai/users-core": "0.1.175"
+    "@jskit-ai/auth-web": "0.1.163",
+    "@jskit-ai/http-web": "0.1.8",
+    "@jskit-ai/http-runtime": "0.1.161",
+    "@jskit-ai/kernel": "0.1.163",
+    "@jskit-ai/shell-web": "0.1.167",
+    "@jskit-ai/uploads-image-web": "0.1.138",
+    "@jskit-ai/users-core": "0.1.176"
   },
   "peerDependencies": {
     "@tanstack/vue-query": "^5.90.5",

package/src/client/lib/theme.js

@@ -118,7 +118,12 @@ function resolveVuetifyThemeController(vueApp) {
   }
 
   const themeController = provides[ThemeSymbol];
-  if (!themeController || typeof themeController !== "object" || !themeController.global || !themeController.global.name) {
+  if (
+    !themeController ||
+    typeof themeController !== "object" ||
+    typeof themeController.change !== "function" ||
+    !themeController.name
+  ) {
     return null;
   }
 
@@ -126,16 +131,21 @@ function resolveVuetifyThemeController(vueApp) {
 }
 
 function setVuetifyThemeName(themeController, themeName) {
-  if (!themeController || typeof themeController !== "object" || !themeController.global || !themeController.global.name) {
+  if (
+    !themeController ||
+    typeof themeController !== "object" ||
+    typeof themeController.change !== "function" ||
+    !themeController.name
+  ) {
     return false;
   }
 
   const normalizedThemeName = themeName === THEME_PREFERENCE_DARK ? THEME_PREFERENCE_DARK : THEME_PREFERENCE_LIGHT;
-  if (themeController.global.name.value === normalizedThemeName) {
+  if (themeController.name.value === normalizedThemeName) {
     return false;
   }
 
-  themeController.global.name.value = normalizedThemeName;
+  void themeController.change(normalizedThemeName);
   return true;
 }
 

package/test/theme.test.js

@@ -14,12 +14,27 @@ import {
 } from "../src/client/lib/theme.js";
 
 function createVuetifyThemeController(initialTheme = "light") {
+  const name = {
+    value: initialTheme
+  };
+  const changeCalls = [];
   return {
+    changeCalls,
+    name,
     global: {
       name: {
-        value: initialTheme
+        get value() {
+          return name.value;
+        },
+        set value(_nextTheme) {
+          throw new Error("Deprecated theme.global.name mutation was used.");
+        }
       }
     },
+    change(nextTheme) {
+      changeCalls.push(nextTheme);
+      name.value = nextTheme;
+    },
     themes: {
       value: {
         light: {
@@ -162,5 +177,6 @@ test("setVuetifyThemeName updates only when the value changes", () => {
 
   assert.equal(setVuetifyThemeName(themeController, "light"), false);
   assert.equal(setVuetifyThemeName(themeController, "dark"), true);
-  assert.equal(themeController.global.name.value, "dark");
+  assert.deepEqual(themeController.changeCalls, ["dark"]);
+  assert.equal(themeController.name.value, "dark");
 });