@antelopejs/dms-frontend 0.2.8 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms-frontend",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "description": "Frontend-agnostic loader for AntelopeJS DMS, shipping the Vue 3 renderer (Vite, Inertia, SSR)",
   "keywords": [
     "antelope",

package/templates/vue/frontend-module.ts

@@ -193,15 +193,8 @@ export interface DmsCookieOptions<T> {
   sameSite?: "strict" | "lax" | "none";
   secure?: boolean;
 }
-export type DmsColorModePreference = "system" | "light" | "dark";
 type DmsLinkPrefetchMode = "mount" | "hover" | "click";
 type DmsLinkPrefetch = boolean | DmsLinkPrefetchMode | DmsLinkPrefetchMode[];
-export interface DmsColorMode {
-  preference: DmsColorModePreference;
-  value: "light" | "dark";
-  unknown: boolean;
-  forced: boolean;
-}
 export interface DmsAppContext {
   provide<T>(key: string, value: T): void;
   vueApp: App;
@@ -332,15 +325,6 @@ const runtimeConfig = ref<DmsRuntimeConfig>({
   public: {},
 } as DmsRuntimeConfig);
 const appConfig = ref<Record<string, unknown>>({});
-const COLOR_MODE_STORAGE_KEY = "dms-color-mode";
-const COLOR_MODE_CLASSES = ["light", "dark"];
-const colorMode = reactive<DmsColorMode>({
-  preference: "system",
-  value: "light",
-  unknown: false,
-  forced: false,
-});
-let isColorModeInitialized = false;
 const DMS_RUNTIME_KEY: InjectionKey<DmsFrontendRuntime> = Symbol("dms-runtime");
 type DmsRuntimeContext = DmsAppContext["runWithContext"];
 const runtimeContexts = new WeakMap<DmsFrontendRuntime, DmsRuntimeContext>();
@@ -1105,46 +1089,6 @@ export function useDmsCookie<T = string | null>(
   return runtime.sharedState.get(key) as Ref<T>;
 }
 
-function preferredColorMode(): "light" | "dark" {
-  return window.matchMedia?.("(prefers-color-scheme: dark)").matches
-    ? "dark"
-    : "light";
-}
-
-function applyColorMode(preference: DmsColorModePreference): void {
-  colorMode.value = preference === "system" ? preferredColorMode() : preference;
-  document.documentElement.classList.remove(...COLOR_MODE_CLASSES);
-  document.documentElement.classList.add(colorMode.value);
-}
-
-function initializeColorMode(): void {
-  if (isColorModeInitialized) return;
-  isColorModeInitialized = true;
-  if (typeof window === "undefined") return;
-  const stored = window.localStorage.getItem(COLOR_MODE_STORAGE_KEY);
-  if (COLOR_MODE_CLASSES.includes(stored ?? "") || stored === "system") {
-    colorMode.preference = stored as DmsColorModePreference;
-  }
-  watch(
-    () => colorMode.preference,
-    (preference) => {
-      applyColorMode(preference);
-      window.localStorage.setItem(COLOR_MODE_STORAGE_KEY, preference);
-    },
-    { immediate: true },
-  );
-  window
-    .matchMedia?.("(prefers-color-scheme: dark)")
-    .addEventListener("change", () => {
-      if (colorMode.preference === "system") applyColorMode("system");
-    });
-}
-
-export function useColorMode(): DmsColorMode {
-  initializeColorMode();
-  return colorMode;
-}
-
 export function createError(
   input: string | DmsErrorData,
 ): Error & DmsErrorData {

package/templates/vue/index.html

@@ -4,16 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="data:," />
-    <script>
-      const preference = localStorage.getItem("dms-color-mode") || "system";
-      const mode =
-        preference === "system"
-          ? matchMedia("(prefers-color-scheme: dark)").matches
-            ? "dark"
-            : "light"
-          : preference;
-      document.documentElement.classList.add(mode);
-    </script>
     <title>Antelope DMS</title>
   </head>
   <body>

package/templates/vue/vite.config.ts

@@ -158,7 +158,6 @@ export default defineConfig({
               "showError",
               "useDmsAsyncData",
               "useDmsCookie",
-              "useColorMode",
               "useDmsFetch",
               "useHead",
               "useI18n",