@ic-reactor/vite-plugin 0.7.0 → 0.7.2

package/dist/index.cjs

@@ -89,6 +89,10 @@ function icReactor(options) {
     outDir,
     clientManagerPath
   };
+  const projectRoot = process.cwd();
+  const resolveDidPath = (didFile) => import_node_path.default.normalize(
+    import_node_path.default.isAbsolute(didFile) ? didFile : import_node_path.default.resolve(projectRoot, didFile)
+  );
   const plugin = {
     name: "ic-reactor-plugin",
     enforce: "pre",
@@ -129,8 +133,11 @@ function icReactor(options) {
         }
       };
     },
+    configureServer(server) {
+      const didFiles = canisters.map((c) => resolveDidPath(c.didFile));
+      server.watcher.add(didFiles);
+    },
     async buildStart() {
-      const projectRoot = process.cwd();
       console.log(
         `[ic-reactor] Generating hooks for ${canisters.length} canisters...`
       );
@@ -158,14 +165,13 @@ function icReactor(options) {
     handleHotUpdate({ file, server }) {
       if (file.endsWith(".did")) {
         const affectedCanister = canisters.find((c) => {
-          const configPath = import_node_path.default.resolve(process.cwd(), c.didFile);
-          return configPath === file;
+          const configPath = resolveDidPath(c.didFile);
+          return configPath === import_node_path.default.normalize(file);
         });
         if (affectedCanister) {
           console.log(
             `[ic-reactor] .did file changed: ${affectedCanister.name}. Regenerating...`
           );
-          const projectRoot = process.cwd();
           (0, import_codegen.runCanisterPipeline)({
             canisterConfig: affectedCanister,
             projectRoot,

package/dist/index.js

@@ -57,6 +57,10 @@ function icReactor(options) {
     outDir,
     clientManagerPath
   };
+  const projectRoot = process.cwd();
+  const resolveDidPath = (didFile) => path.normalize(
+    path.isAbsolute(didFile) ? didFile : path.resolve(projectRoot, didFile)
+  );
   const plugin = {
     name: "ic-reactor-plugin",
     enforce: "pre",
@@ -97,8 +101,11 @@ function icReactor(options) {
         }
       };
     },
+    configureServer(server) {
+      const didFiles = canisters.map((c) => resolveDidPath(c.didFile));
+      server.watcher.add(didFiles);
+    },
     async buildStart() {
-      const projectRoot = process.cwd();
       console.log(
         `[ic-reactor] Generating hooks for ${canisters.length} canisters...`
       );
@@ -126,14 +133,13 @@ function icReactor(options) {
     handleHotUpdate({ file, server }) {
       if (file.endsWith(".did")) {
         const affectedCanister = canisters.find((c) => {
-          const configPath = path.resolve(process.cwd(), c.didFile);
-          return configPath === file;
+          const configPath = resolveDidPath(c.didFile);
+          return configPath === path.normalize(file);
         });
         if (affectedCanister) {
           console.log(
             `[ic-reactor] .did file changed: ${affectedCanister.name}. Regenerating...`
           );
-          const projectRoot = process.cwd();
           runCanisterPipeline({
             canisterConfig: affectedCanister,
             projectRoot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/vite-plugin",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Vite plugin for zero-config IC reactor generation from Candid files",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -37,14 +37,14 @@
     "url": "https://github.com/B3Pay/ic-reactor/issues"
   },
   "dependencies": {
-    "@ic-reactor/codegen": "0.7.0"
+    "@ic-reactor/codegen": "0.7.2"
   },
   "peerDependencies": {
     "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "devDependencies": {
-    "@icp-sdk/bindgen": "^0.2.1",
-    "@types/node": "^25.2.3",
+    "@icp-sdk/bindgen": "^0.2.2",
+    "@types/node": "^25.3.0",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"

package/src/index.test.ts

@@ -1,9 +1,14 @@
 import { describe, it, expect, vi, beforeEach } from "vitest"
-import { icReactor, type IcReactorPluginOptions } from "./index"
+import * as vitePluginModule from "./index"
+import type { IcReactorPluginOptions } from "./index"
 import path from "path"
 import { execFileSync } from "child_process"
 import { runCanisterPipeline } from "@ic-reactor/codegen"
 
+const createVitePlugin =
+  (vitePluginModule as any).icReactor ??
+  (vitePluginModule as any).icReactorPlugin
+
 // Mock internal dependencies
 vi.mock("@ic-reactor/codegen", () => ({
   runCanisterPipeline: vi.fn(),
@@ -50,6 +55,9 @@ describe("icReactor", () => {
     ws: {
       send: vi.fn(),
     },
+    watcher: {
+      add: vi.fn(),
+    },
   }
 
   beforeEach(() => {
@@ -60,7 +68,7 @@ describe("icReactor", () => {
   })
 
   it("should return correct plugin structure", () => {
-    const plugin = icReactor(mockOptions)
+    const plugin = createVitePlugin(mockOptions)
     expect(plugin.name).toBe("ic-reactor-plugin")
     expect(plugin.buildStart).toBeDefined()
     expect(plugin.handleHotUpdate).toBeDefined()
@@ -89,7 +97,7 @@ describe("icReactor", () => {
         }
       )
 
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       const config = (plugin as any).config({}, { command: "serve" })
 
       expect(config.server.headers["Set-Cookie"]).toContain("ic_env=")
@@ -107,7 +115,7 @@ describe("icReactor", () => {
         throw new Error("Command not found")
       })
 
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       const config = (plugin as any).config({}, { command: "serve" })
 
       expect(config.server.headers).toBeUndefined()
@@ -115,7 +123,7 @@ describe("icReactor", () => {
     })
 
     it("should return empty config for build command", () => {
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       const config = (plugin as any).config({}, { command: "build" })
 
       expect(config).toEqual({})
@@ -124,7 +132,7 @@ describe("icReactor", () => {
 
   describe("buildStart", () => {
     it("should generate declarations and reactor file", async () => {
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       await (plugin.buildStart as any)()
 
       expect(runCanisterPipeline).toHaveBeenCalledWith({
@@ -147,7 +155,7 @@ describe("icReactor", () => {
         error: "Failed to generate",
       })
 
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       await (plugin.buildStart as any)()
 
       expect(consoleErrorSpy).toHaveBeenCalledWith(
@@ -158,7 +166,7 @@ describe("icReactor", () => {
     })
 
     it("should pass canister mode through to codegen via canister config", async () => {
-      const plugin = icReactor({
+      const plugin = createVitePlugin({
         canisters: [
           {
             ...mockOptions.canisters[0],
@@ -185,8 +193,17 @@ describe("icReactor", () => {
   })
 
   describe("handleHotUpdate", () => {
+    it("should register configured .did files with the watcher", () => {
+      const plugin = createVitePlugin(mockOptions)
+      ;(plugin.configureServer as any)(mockServer)
+
+      expect(mockServer.watcher.add).toHaveBeenCalledWith([
+        expect.stringContaining("src/declarations/test.did"),
+      ])
+    })
+
     it("should restart server when .did file changes", async () => {
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       const ctx = {
         file: "/absolute/path/to/src/declarations/test.did",
         server: mockServer,
@@ -207,7 +224,7 @@ describe("icReactor", () => {
     })
 
     it("should ignore other files", () => {
-      const plugin = icReactor(mockOptions)
+      const plugin = createVitePlugin(mockOptions)
       const ctx = {
         file: "/some/other/file.ts",
         server: mockServer,

package/src/index.ts

@@ -52,6 +52,11 @@ export function icReactor(options: IcReactorPluginOptions): any {
     outDir,
     clientManagerPath,
   }
+  const projectRoot = process.cwd()
+  const resolveDidPath = (didFile: string) =>
+    path.normalize(
+      path.isAbsolute(didFile) ? didFile : path.resolve(projectRoot, didFile)
+    )
 
   const plugin: Plugin = {
     name: "ic-reactor-plugin",
@@ -105,10 +110,15 @@ export function icReactor(options: IcReactorPluginOptions): any {
       }
     },
 
+    configureServer(server) {
+      // Explicitly watch configured DID files so HMR works even when they are not in the module graph.
+      const didFiles = canisters.map((c) => resolveDidPath(c.didFile))
+      server.watcher.add(didFiles)
+    },
+
     async buildStart() {
       // ── Code Generation ──────────────────────────────────────────────────
 
-      const projectRoot = process.cwd()
       console.log(
         `[ic-reactor] Generating hooks for ${canisters.length} canisters...`
       )
@@ -148,8 +158,8 @@ export function icReactor(options: IcReactorPluginOptions): any {
         const affectedCanister = canisters.find((c) => {
           // Check if changed file matches configured didFile
           // Cast is safe because didFile is required in CanisterConfig
-          const configPath = path.resolve(process.cwd(), c.didFile)
-          return configPath === file
+          const configPath = resolveDidPath(c.didFile)
+          return configPath === path.normalize(file)
         })
 
         if (affectedCanister) {
@@ -158,7 +168,6 @@ export function icReactor(options: IcReactorPluginOptions): any {
           )
 
           // Re-run pipeline for this canister
-          const projectRoot = process.cwd()
           runCanisterPipeline({
             canisterConfig: affectedCanister,
             projectRoot,