Website Structure

Frontend-Learner/node_modules/quasar/src/plugins/dark/Dark.js

@@ -0,0 +1,75 @@
+import { createReactivePlugin } from '../../utils/private.create/create.js'
+
+const Plugin = createReactivePlugin({
+  isActive: false,
+  mode: false
+}, {
+  __media: void 0,
+
+  set (val) {
+    if (__QUASAR_SSR_SERVER__) return
+
+    Plugin.mode = val
+
+    if (val === 'auto') {
+      if (Plugin.__media === void 0) {
+        Plugin.__media = window.matchMedia('(prefers-color-scheme: dark)')
+        Plugin.__updateMedia = () => { Plugin.set('auto') }
+        Plugin.__media.addListener(Plugin.__updateMedia)
+      }
+
+      val = Plugin.__media.matches
+    }
+    else if (Plugin.__media !== void 0) {
+      Plugin.__media.removeListener(Plugin.__updateMedia)
+      Plugin.__media = void 0
+    }
+
+    Plugin.isActive = val === true
+    document.body.classList.remove(`body--${ val === true ? 'light' : 'dark' }`)
+    document.body.classList.add(`body--${ val === true ? 'dark' : 'light' }`)
+  },
+
+  toggle () {
+    if (__QUASAR_SSR_SERVER__ !== true) {
+      Plugin.set(Plugin.isActive === false)
+    }
+  },
+
+  install ({ $q, ssrContext }) {
+    const dark = __QUASAR_SSR_CLIENT__
+      ? document.body.classList.contains('body--dark')
+      : $q.config.dark
+
+    if (__QUASAR_SSR_SERVER__) {
+      this.isActive = dark === true
+
+      $q.dark = {
+        isActive: false,
+        mode: false,
+        set: val => {
+          ssrContext._meta.bodyClasses = ssrContext._meta.bodyClasses
+            .replace(' body--light', '')
+            .replace(' body--dark', '') + ` body--${ val === true ? 'dark' : 'light' }`
+
+          $q.dark.isActive = val === true
+          $q.dark.mode = val
+        },
+        toggle: () => {
+          $q.dark.set($q.dark.isActive === false)
+        }
+      }
+
+      $q.dark.set(dark)
+      return
+    }
+
+    $q.dark = this
+
+    if (this.__installed !== true) {
+      this.set(dark !== void 0 ? dark : false)
+    }
+  }
+})
+
+export default Plugin