[MIG] web_dark_mode: Migration to 18.0

Author: len-foss

web_dark_mode/__manifest__.py

@@ -5,20 +5,18 @@
     "name": "Dark Mode",
     "summary": "Enabled Dark Mode for the Odoo Backend",
     "license": "AGPL-3",
-    "version": "16.0.1.0.2",
+    "version": "18.0.1.0.0",
     "website": "https://github.com/OCA/web",
     "author": "initOS GmbH, Odoo Community Association (OCA)",
     "depends": ["web"],
     "excludes": ["web_enterprise"],
     "installable": True,
     "assets": {
-        "web.dark_mode_assets_common": [
-            ("prepend", "web_dark_mode/static/src/scss/variables.scss"),
-        ],
-        "web.dark_mode_assets_backend": [
+        "web.assets_web_dark": [
             ("prepend", "web_dark_mode/static/src/scss/variables.scss"),
         ],
         "web.assets_backend": [
+            ("prepend", "web_dark_mode/static/src/scss/variables.scss"),
             "web_dark_mode/static/src/js/switch_item.esm.js",
         ],
     },

web_dark_mode/static/src/js/switch_item.esm.js

@@ -1,40 +1,41 @@
 /** @odoo-module **/
 
+import {_t} from "@web/core/l10n/translation";
 import {browser} from "@web/core/browser/browser";
+import {cookie} from "@web/core/browser/cookie";
 import {registry} from "@web/core/registry";
+import {user} from "@web/core/user";
 
 export function darkModeSwitchItem(env) {
     return {
         type: "switch",
         id: "color_scheme.switch",
-        description: env._t("Dark Mode"),
+        description: _t("Dark Mode"),
         callback: () => {
             env.services.color_scheme.switchColorScheme();
         },
-        isChecked: env.services.cookie.current.color_scheme === "dark",
+        isChecked: cookie.get("color_scheme") === "dark",
         sequence: 40,
     };
 }
 
 export const colorSchemeService = {
-    dependencies: ["cookie", "orm", "ui", "user"],
+    dependencies: ["orm", "ui"],
 
-    async start(env, {cookie, orm, ui, user}) {
+    async start(env, {orm, ui}) {
         registry.category("user_menuitems").add("darkmode", darkModeSwitchItem);
 
-        if (!cookie.current.color_scheme) {
+        if (!cookie.get("color_scheme")) {
             const match_media = window.matchMedia("(prefers-color-scheme: dark)");
             const dark_mode = match_media.matches;
-            cookie.setCookie("color_scheme", dark_mode ? "dark" : "light");
+            cookie.set("color_scheme", dark_mode ? "dark" : "light");
             if (dark_mode) browser.location.reload();
         }
 
         return {
             async switchColorScheme() {
-                const scheme =
-                    cookie.current.color_scheme === "dark" ? "light" : "dark";
-                cookie.setCookie("color_scheme", scheme);
-
+                const scheme = cookie.get("color_scheme") === "dark" ? "light" : "dark";
+                cookie.set("color_scheme", scheme);
                 await orm.write("res.users", [user.userId], {
                     dark_mode: scheme === "dark",
                 });