@vue/devtools-shared - npm Package Compare versions

Comparing version 7.0.27 to 7.1.0

dist/index.d.ts

@@ -0,1 +1,4 @@
+import * as _vueuse_core from '@vueuse/core';
+import { UseColorModeOptions } from '@vueuse/core';
+
 declare const isBrowser: boolean;
@@ -31,3 +34,9 @@ declare const target: typeof globalThis;
 declare const BROADCAST_CHANNEL_NAME = "__vue-devtools-broadcast-channel__";
+declare const THEME_KEY = "__vue-devtools-theme__";
 
-export { BROADCAST_CHANNEL_NAME, NOOP, VIEW_MODE_STORAGE_KEY, VITE_PLUGIN_CLIENT_URL_STORAGE_KEY, VITE_PLUGIN_DETECTED_STORAGE_KEY, basename, camelize, classify, deepClone, isArray, isBrowser, isInChromePanel, isInElectron, isInIframe, isMacOS, isMap, isNumeric, isNuxtApp, isObject, isSet, kebabize, randomStr, sortByKey, target };
+declare function useDevToolsColorMode(options?: Omit<UseColorModeOptions, 'storageKey'>): {
+    colorMode: _vueuse_core.UseColorModeReturn<_vueuse_core.BasicColorMode>;
+    isDark: globalThis.ComputedRef<boolean>;
+};
+
+export { BROADCAST_CHANNEL_NAME, NOOP, THEME_KEY, VIEW_MODE_STORAGE_KEY, VITE_PLUGIN_CLIENT_URL_STORAGE_KEY, VITE_PLUGIN_DETECTED_STORAGE_KEY, basename, camelize, classify, deepClone, isArray, isBrowser, isInChromePanel, isInElectron, isInIframe, isMacOS, isMap, isNumeric, isNuxtApp, isObject, isSet, kebabize, randomStr, sortByKey, target, useDevToolsColorMode };

dist/index.js

@@ -30,5 +30,5 @@ var __create = Object.create;
 
-// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.4/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_postcss@8.4.38_typescript@5.4.5/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
@@ -325,5 +325,22 @@ }
 var BROADCAST_CHANNEL_NAME = "__vue-devtools-broadcast-channel__";
+var THEME_KEY = "__vue-devtools-theme__";
+
+// src/theme.ts
+init_esm_shims();
+import { useColorMode } from "@vueuse/core";
+import { computed } from "vue";
+function useDevToolsColorMode(options = {}) {
+  const colorMode = useColorMode({
+    ...options,
+    storageKey: THEME_KEY
+  });
+  return {
+    colorMode,
+    isDark: computed(() => colorMode.value === "dark")
+  };
+}
 export {
   BROADCAST_CHANNEL_NAME,
   NOOP,
+  THEME_KEY,
   VIEW_MODE_STORAGE_KEY,
@@ -350,3 +367,4 @@ VITE_PLUGIN_CLIENT_URL_STORAGE_KEY,
   sortByKey,
-  target
+  target,
+  useDevToolsColorMode
 };

package.json

 {
   "name": "@vue/devtools-shared",
   "type": "module",
-  "version": "7.0.27",
+  "version": "7.1.0",
   "author": "webfansplz",
@@ -18,2 +18,14 @@ "license": "MIT",
   ],
+  "peerDependencies": {
+    "@vueuse/core": ">=10.0.0",
+    "vue": ">=3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@vueuse/core": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
   "dependencies": {
@@ -23,3 +35,3 @@ "rfdc": "^1.3.1"
   "devDependencies": {
-    "@types/node": "^20.12.5"
+    "@types/node": "^20.12.7"
   },
@@ -26,0 +38,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31837

increased by6.5%

Lines of code

794

increased by5.73%

Worsened metrics

Dependency count

3

increased by200%

No dependency changes