@vitejs/devtools-kit 0.1.2 → 0.1.4

package/dist/{shared-state-BFKKxNt1.d.ts → shared-state-NxkOZ3u0.d.ts}

@@ -1,6 +1,20 @@
-import { t as EventEmitter } from "./events-B41U-zeg.js";
-import { Objectish, Patch, Patch as SharedStatePatch } from "immer";
+import { t as EventEmitter } from "./events-BTCXlxeC.js";
 
+//#region ../../node_modules/.pnpm/immer@11.1.4/node_modules/immer/dist/immer.d.ts
+interface Patch {
+  op: "replace" | "remove" | "add";
+  path: (string | number)[];
+  value?: any;
+}
+type Objectish = AnyObject | AnyArray | AnyMap | AnySet;
+type AnyObject = {
+  [key: string]: any;
+};
+type AnyArray = Array<any>;
+type AnySet = Set<any>;
+type AnyMap = Map<any, any>;
+/** Returns true if the given value is an Immer draft */
+//#endregion
 //#region src/utils/shared-state.d.ts
 type ImmutablePrimitive = undefined | null | boolean | string | number | Function;
 type Immutable<T> = T extends ImmutablePrimitive ? T : T extends Array<infer U> ? ImmutableArray<U> : T extends Map<infer K, infer V> ? ImmutableMap<K, V> : T extends Set<infer M> ? ImmutableSet<M> : ImmutableObject<T>;
@@ -50,4 +64,4 @@ interface SharedStateOptions<T> {
 }
 declare function createSharedState<T extends Objectish>(options: SharedStateOptions<T>): SharedState<T>;
 //#endregion
-export { ImmutableSet as a, SharedStateOptions as c, ImmutableObject as i, SharedStatePatch as l, ImmutableArray as n, SharedState as o, ImmutableMap as r, SharedStateEvents as s, Immutable as t, createSharedState as u };
+export { ImmutableSet as a, SharedStateOptions as c, ImmutableObject as i, createSharedState as l, ImmutableArray as n, SharedState as o, ImmutableMap as r, SharedStateEvents as s, Immutable as t, Patch as u };

package/dist/utils/events.d.ts

@@ -1,4 +1,4 @@
-import { r as EventsMap, t as EventEmitter } from "../events-B41U-zeg.js";
+import { r as EventsMap, t as EventEmitter } from "../events-BTCXlxeC.js";
 
 //#region src/utils/events.d.ts
 /**

package/dist/utils/human-id.d.ts

@@ -0,0 +1,10 @@
+//#region ../../node_modules/.pnpm/human-id@4.1.3/node_modules/human-id/dist/index.d.ts
+interface Options {
+  separator?: string;
+  capitalize?: boolean;
+  adjectiveCount?: number;
+  addAdverb?: boolean;
+}
+declare function humanId(options?: Options | string | boolean): string;
+//#endregion
+export { humanId };

package/dist/utils/human-id.js

@@ -0,0 +1,2 @@
+import { t as humanId } from "../human-id-BSiGlZOw.js";
+export { humanId };

package/dist/utils/shared-state.d.ts

@@ -1,2 +1,2 @@
-import { a as ImmutableSet, c as SharedStateOptions, i as ImmutableObject, l as SharedStatePatch, n as ImmutableArray, o as SharedState, r as ImmutableMap, s as SharedStateEvents, t as Immutable, u as createSharedState } from "../shared-state-BFKKxNt1.js";
-export { Immutable, ImmutableArray, ImmutableMap, ImmutableObject, ImmutableSet, SharedState, SharedStateEvents, SharedStateOptions, SharedStatePatch, createSharedState };
+import { a as ImmutableSet, c as SharedStateOptions, i as ImmutableObject, l as createSharedState, n as ImmutableArray, o as SharedState, r as ImmutableMap, s as SharedStateEvents, t as Immutable, u as Patch } from "../shared-state-NxkOZ3u0.js";
+export { Immutable, ImmutableArray, ImmutableMap, ImmutableObject, ImmutableSet, SharedState, SharedStateEvents, SharedStateOptions, Patch as SharedStatePatch, createSharedState };

package/dist/utils/shared-state.js

@@ -1,36 +1,2 @@
-import { createEventEmitter } from "./events.js";
-import { nanoid } from "./nanoid.js";
-import { applyPatches, enablePatches, produce, produceWithPatches } from "immer";
-//#region src/utils/shared-state.ts
-function createSharedState(options) {
-	const { enablePatches: enablePatches$1 = false } = options;
-	const events = createEventEmitter();
-	let state = options.initialValue;
-	const syncIds = /* @__PURE__ */ new Set();
-	return {
-		on: events.on,
-		value: () => state,
-		patch: (patches, syncId = nanoid()) => {
-			if (syncIds.has(syncId)) return;
-			enablePatches();
-			state = applyPatches(state, patches);
-			syncIds.add(syncId);
-			events.emit("updated", state, void 0, syncId);
-		},
-		mutate: (fn, syncId = nanoid()) => {
-			if (syncIds.has(syncId)) return;
-			syncIds.add(syncId);
-			if (enablePatches$1) {
-				const [newState, patches] = produceWithPatches(state, fn);
-				state = newState;
-				events.emit("updated", state, patches, syncId);
-			} else {
-				state = produce(state, fn);
-				events.emit("updated", state, void 0, syncId);
-			}
-		},
-		syncIds
-	};
-}
-//#endregion
+import { t as createSharedState } from "../shared-state-CCNEYlbv.js";
 export { createSharedState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools-kit",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Vite DevTools Kit",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -23,6 +23,7 @@
     "./client": "./dist/client.js",
     "./constants": "./dist/constants.js",
     "./utils/events": "./dist/utils/events.js",
+    "./utils/human-id": "./dist/utils/human-id.js",
     "./utils/nanoid": "./dist/utils/nanoid.js",
     "./utils/shared-state": "./dist/utils/shared-state.js",
     "./package.json": "./package.json"
@@ -37,16 +38,19 @@
   },
   "dependencies": {
     "birpc": "^4.0.0",
-    "immer": "^11.1.4",
-    "@vitejs/devtools-rpc": "0.1.2"
+    "ohash": "^2.0.11",
+    "@vitejs/devtools-rpc": "0.1.4"
   },
   "devDependencies": {
-    "tsdown": "^0.21.2",
+    "human-id": "^4.1.3",
+    "immer": "^11.1.4",
+    "tsdown": "^0.21.4",
     "ua-parser-modern": "^0.1.1",
-    "vite": "^8.0.0"
+    "vite": "^8.0.1"
   },
   "inlinedDependencies": {
-    "ohash": "2.0.11",
+    "human-id": "4.1.3",
+    "immer": "11.1.4",
     "ua-parser-modern": "0.1.1"
   },
   "scripts": {

package/skills/vite-devtools-kit/SKILL.md

@@ -360,6 +360,19 @@ export default function setup(ctx: DevToolsClientScriptContext) {
 }
 ```
 
+## Client Context
+
+The global client context (`DevToolsClientContext`) provides access to the RPC client and is set automatically when DevTools initializes (embedded or standalone). Use `getDevToolsClientContext()` to access it from anywhere on the client side:
+
+```ts
+import { getDevToolsClientContext } from '@vitejs/devtools-kit/client'
+
+const ctx = getDevToolsClientContext()
+if (ctx) {
+  const modules = await ctx.rpc.call('my-plugin:get-modules')
+}
+```
+
 ### Broadcasting to Clients
 
 ```ts

package/skills/vite-devtools-kit/references/project-structure.md

@@ -187,6 +187,15 @@ export function useRpc() {
 }
 ```
 
+Alternatively, use `getDevToolsClientContext()` to access the global client context synchronously (returns `undefined` if not yet initialized):
+
+```ts
+import { getDevToolsClientContext } from '@vitejs/devtools-kit/client'
+
+const ctx = getDevToolsClientContext()
+// ctx?.rpc is the DevToolsRpcClient
+```
+
 ## Client App Component (src/client/App.vue)
 
 ```vue

package/skills/vite-devtools-kit/references/rpc-patterns.md

@@ -119,6 +119,21 @@ ctx.rpc.broadcast({
 })
 ```
 
+## Global Client Context
+
+Use `getDevToolsClientContext()` to access the client context (`DevToolsClientContext`) globally. Returns `undefined` if the context has not been initialized yet.
+
+```ts
+import { getDevToolsClientContext } from '@vitejs/devtools-kit/client'
+
+const ctx = getDevToolsClientContext()
+if (ctx) {
+  await ctx.rpc.call('my-plugin:get-modules')
+}
+```
+
+This is set automatically when DevTools initializes in embedded or standalone mode. For iframe pages, `getDevToolsRpcClient()` is still the recommended way to get the RPC client directly.
+
 ## Client Function Registration
 
 ```ts

package/skills/vite-devtools-kit/references/shared-state-patterns.md

@@ -33,7 +33,7 @@ state.mutate((draft) => {
 import { getDevToolsRpcClient } from '@vitejs/devtools-kit/client'
 
 const client = await getDevToolsRpcClient()
-const state = await client.rpc.sharedState.get('my-plugin:state')
+const state = await client.sharedState.get('my-plugin:state')
 
 // Read
 console.log(state.value())
@@ -44,6 +44,17 @@ state.on('updated', (newState) => {
 })
 ```
 
+You can also access shared state through the global client context:
+
+```ts
+import { getDevToolsClientContext } from '@vitejs/devtools-kit/client'
+
+const ctx = getDevToolsClientContext()
+if (ctx) {
+  const state = await ctx.rpc.sharedState.get('my-plugin:state')
+}
+```
+
 ## Type-Safe Shared State
 
 ```ts