@ic-reactor/vite-plugin 0.9.0 → 0.11.0

package/README.md

@@ -31,7 +31,7 @@ export default defineConfig({
 
 ```ts
 // src/clients.ts
-import { ClientManager } from "@ic-reactor/react"
+import { ClientManager } from "@ic-reactor/core"
 import { QueryClient } from "@tanstack/react-query"
 
 export const queryClient = new QueryClient()
@@ -91,11 +91,18 @@ Supported `target` values:
 
 When `injectEnvironment` is enabled during `vite dev`, the plugin:
 
-1. asks `icp-cli` for the local network status
-2. resolves configured canister IDs
+1. asks `icp` for the local network status
+2. resolves canister IDs — `internet_identity` is added automatically if not
+   already in your canister list
 3. sets the `ic_env` cookie
 4. proxies `/api` to the local replica
 
+If a canister has a `canisterId` set in the plugin config, that value overrides
+the auto-detected ID for that canister.
+
+Set the `ICP_ENVIRONMENT` environment variable to target a non-default network
+(defaults to `"local"`).
+
 If environment detection fails, the plugin still falls back to proxying `/api`
 to `http://127.0.0.1:4943`, but it will not inject canister metadata.
 

package/dist/index.cjs

@@ -102,7 +102,7 @@ function icReactor(options) {
     name: "ic-reactor-plugin",
     enforce: "pre",
     // Run before other plugins
-    config(config, { command }) {
+    config(_config, { command }) {
       if (command !== "serve" || !injectEnvironment) {
         return {};
       }
@@ -152,26 +152,27 @@ function icReactor(options) {
       console.log(
         `[ic-reactor] Generating canister bindings for ${canisters.length} canisters...`
       );
-      for (const canisterConfig of canisters) {
-        try {
-          const result = await (0, import_codegen.runCanisterPipeline)({
-            canisterConfig,
-            projectRoot,
-            globalConfig
-          });
-          if (!result.success) {
+      await Promise.allSettled(
+        canisters.map(async (canisterConfig) => {
+          try {
+            const result = await (0, import_codegen.runCanisterPipeline)({
+              canisterConfig,
+              projectRoot,
+              globalConfig
+            });
+            if (!result.success) {
+              console.error(
+                `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              );
+            }
+          } catch (err) {
             console.error(
-              `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              `[ic-reactor] Error generating ${canisterConfig.name}:`,
+              err
             );
-          } else {
           }
-        } catch (err) {
-          console.error(
-            `[ic-reactor] Error generating ${canisterConfig.name}:`,
-            err
-          );
-        }
-      }
+        })
+      );
     },
     handleHotUpdate({ file, server }) {
       if (file.endsWith(".did")) {

package/dist/index.js

@@ -70,7 +70,7 @@ function icReactor(options) {
     name: "ic-reactor-plugin",
     enforce: "pre",
     // Run before other plugins
-    config(config, { command }) {
+    config(_config, { command }) {
       if (command !== "serve" || !injectEnvironment) {
         return {};
       }
@@ -120,26 +120,27 @@ function icReactor(options) {
       console.log(
         `[ic-reactor] Generating canister bindings for ${canisters.length} canisters...`
       );
-      for (const canisterConfig of canisters) {
-        try {
-          const result = await runCanisterPipeline({
-            canisterConfig,
-            projectRoot,
-            globalConfig
-          });
-          if (!result.success) {
+      await Promise.allSettled(
+        canisters.map(async (canisterConfig) => {
+          try {
+            const result = await runCanisterPipeline({
+              canisterConfig,
+              projectRoot,
+              globalConfig
+            });
+            if (!result.success) {
+              console.error(
+                `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              );
+            }
+          } catch (err) {
             console.error(
-              `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              `[ic-reactor] Error generating ${canisterConfig.name}:`,
+              err
             );
-          } else {
           }
-        } catch (err) {
-          console.error(
-            `[ic-reactor] Error generating ${canisterConfig.name}:`,
-            err
-          );
-        }
-      }
+        })
+      );
     },
     handleHotUpdate({ file, server }) {
       if (file.endsWith(".did")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/vite-plugin",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Vite plugin for zero-config IC reactor generation from Candid files",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -37,17 +37,17 @@
     "url": "https://github.com/B3Pay/ic-reactor/issues"
   },
   "dependencies": {
-    "@ic-reactor/codegen": "0.9.0"
+    "@ic-reactor/codegen": "0.11.0"
   },
   "peerDependencies": {
     "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "devDependencies": {
-    "@icp-sdk/bindgen": "^0.2.2",
-    "@types/node": "^25.3.5",
+    "@icp-sdk/bindgen": "^0.3.0",
+    "@types/node": "^25.5.2",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --tsconfig tsconfig.json",

package/src/env.ts

@@ -1,7 +1,7 @@
 /**
  * Environment Injection Utilities
  *
- * Handles detecting the local IC environment (via `dfx` or `icp` CLI)
+ * Handles detecting the local IC environment via the `icp` CLI
  * and building the `ic_env` cookie for the browser.
  */
 
@@ -15,16 +15,13 @@ export interface IcEnvironment {
 }
 
 /**
- * Detect the IC environment using the `icp` or `dfx` CLI.
+ * Detect the IC environment using the `icp` CLI.
  */
 export function getIcEnvironmentInfo(
   canisterNames: string[]
 ): IcEnvironment | null {
   const environment = process.env.ICP_ENVIRONMENT || "local"
 
-  // We try `icp` first, but could fallback to `dfx` logic if needed.
-  // For now, assuming `icp` CLI is available based on previous code.
-
   try {
     const networkStatus = JSON.parse(
       execFileSync("icp", ["network", "status", "-e", environment, "--json"], {

package/src/index.test.ts

@@ -78,7 +78,7 @@ describe("icReactor", () => {
   describe("config", () => {
     it("should set up API proxy and headers when icp-cli is available", () => {
       ;(execFileSync as any).mockImplementation(
-        (command: string, args: string[], options: any) => {
+        (command: string, args: string[], _options: any) => {
           if (
             command === "icp" &&
             args.includes("network") &&
@@ -112,7 +112,7 @@ describe("icReactor", () => {
 
     it("should prefer configured canisterId over CLI-discovered env values", () => {
       ;(execFileSync as any).mockImplementation(
-        (command: string, args: string[], options: any) => {
+        (command: string, args: string[], _options: any) => {
           if (
             command === "icp" &&
             args.includes("network") &&

package/src/index.ts

@@ -78,7 +78,7 @@ export function icReactor(options: IcReactorPluginOptions): any {
     name: "ic-reactor-plugin",
     enforce: "pre", // Run before other plugins
 
-    config(config, { command }) {
+    config(_config, { command }) {
       if (command !== "serve" || !injectEnvironment) {
         return {}
       }
@@ -145,33 +145,32 @@ export function icReactor(options: IcReactorPluginOptions): any {
         `[ic-reactor] Generating canister bindings for ${canisters.length} canisters...`
       )
 
-      for (const canisterConfig of canisters) {
-        try {
-          // If .did file is missing, we might want to attempt pulling it?
-          // For now, pipeline fails if missing. The old plugin logic to "download"
-          // is omitted for simplicity unless requested, to keep "codegen" pure.
-
-          const result = await runCanisterPipeline({
-            canisterConfig,
-            projectRoot,
-            globalConfig,
-          })
-
-          if (!result.success) {
+      await Promise.allSettled(
+        canisters.map(async (canisterConfig) => {
+          try {
+            // If .did file is missing, we might want to attempt pulling it?
+            // For now, pipeline fails if missing. The old plugin logic to "download"
+            // is omitted for simplicity unless requested, to keep "codegen" pure.
+
+            const result = await runCanisterPipeline({
+              canisterConfig,
+              projectRoot,
+              globalConfig,
+            })
+
+            if (!result.success) {
+              console.error(
+                `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              )
+            }
+          } catch (err) {
             console.error(
-              `[ic-reactor] Failed to generate ${canisterConfig.name}: ${result.error}`
+              `[ic-reactor] Error generating ${canisterConfig.name}:`,
+              err
             )
-          } else {
-            // Optional: log success
-            // console.log(`[ic-reactor] Generated ${canisterConfig.name} hooks`)
           }
-        } catch (err) {
-          console.error(
-            `[ic-reactor] Error generating ${canisterConfig.name}:`,
-            err
-          )
-        }
-      }
+        })
+      )
     },
 
     handleHotUpdate({ file, server }) {