npm - @ic-reactor/vite-plugin - Versions diffs - 0.1.0 → 0.3.0 - Mend

@ic-reactor/vite-plugin 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.cjs CHANGED Viewed

@@ -30,381 +30,167 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  icReactorAdvancedPlugin: () => icReactorAdvancedPlugin,
   icReactorPlugin: () => icReactorPlugin
 });
 module.exports = __toCommonJS(index_exports);
-// src/simple.ts
-var import_core2 = require("@icp-sdk/bindgen/core");
-var import_fs2 = __toESM(require("fs"), 1);
-var import_path2 = __toESM(require("path"), 1);
-// src/advanced.ts
 var import_fs = __toESM(require("fs"), 1);
 var import_path = __toESM(require("path"), 1);
-var import_core = require("@icp-sdk/bindgen/core");
-function toPascalCase(str) {
-  return str.split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
-}
-function toCamelCase(str) {
-  const pascal = toPascalCase(str);
-  return pascal.charAt(0).toLowerCase() + pascal.slice(1);
-}
-function extractMethods(didContent) {
-  const methodRegex = /([a-zA-Z0-9_]+)\s*:\s*(?:func\s*)?\(([\s\S]*?)\)\s*->\s*\(([\s\S]*?)\)\s*(query|composite_query)?/g;
-  const methods = [];
-  let match;
-  while ((match = methodRegex.exec(didContent)) !== null) {
-    const name = match[1];
-    const args = match[2].trim();
-    const isQuery = !!match[4];
-    methods.push({
-      name,
-      type: isQuery ? "query" : "mutation",
-      hasArgs: args.length > 0
-    });
+var import_child_process = require("child_process");
+var import_codegen = require("@ic-reactor/codegen");
+function getIcEnvironmentInfo(canisterNames) {
+  const environment = process.env.ICP_ENVIRONMENT || "local";
+  try {
+    const networkStatus = JSON.parse(
+      (0, import_child_process.execFileSync)("icp", ["network", "status", "-e", environment, "--json"], {
+        encoding: "utf-8"
+      })
+    );
+    const rootKey = networkStatus.root_key;
+    const proxyTarget = `http://127.0.0.1:${networkStatus.port}`;
+    const canisterIds = {};
+    for (const name of canisterNames) {
+      try {
+        const canisterId = (0, import_child_process.execFileSync)(
+          "icp",
+          ["canister", "status", name, "-e", environment, "-i"],
+          {
+            encoding: "utf-8"
+          }
+        ).trim();
+        canisterIds[name] = canisterId;
+      } catch {
+      }
+    }
+    return { environment, rootKey, proxyTarget, canisterIds };
+  } catch {
+    return null;
   }
-  return methods;
 }
-function generateAdvancedReactorFile(canisterName, useDisplayReactor, clientManagerPath, didContent) {
-  const pascalName = toPascalCase(canisterName);
-  const camelName = toCamelCase(canisterName);
-  const reactorType = useDisplayReactor ? "DisplayReactor" : "Reactor";
-  const methods = extractMethods(didContent);
-  const hooks = methods.map(({ name, type, hasArgs }) => {
-    const pascalMethod = toPascalCase(name);
-    const camelMethod = toCamelCase(name);
-    if (type === "query") {
-      const hook = `
-export const use${pascalMethod}Query = (
-  args: Parameters<${pascalName}Service["${name}"]>,
-  options?: any
-) =>
-  useActorQuery({
-    functionName: "${name}",
-    args,
-    ...options,
-  })
-`;
-      const staticQuery = !hasArgs ? `
-export const ${camelMethod}Query = createQuery(${camelName}Reactor, {
-  functionName: "${name}",
-})
-` : "";
-      return hook + staticQuery;
-    } else {
-      const hook = `
-export const use${pascalMethod}Mutation = (
-  options?: any
-) =>
-  useActorMutation({
-    functionName: "${name}",
-    ...options,
-  })
-`;
-      const staticMutation = !hasArgs ? `
-export const ${camelMethod}Mutation = createMutation(${camelName}Reactor, {
-  functionName: "${name}",
-})
-` : "";
-      return hook + staticMutation;
-    }
-  });
-  return `/**
- * AUTO-GENERATED BY @ic-reactor/vite-plugin
- * DO NOT EDIT MANUALLY
- *
- * Canister: ${canisterName}
- * Generated: ${(/* @__PURE__ */ new Date()).toISOString()}
- *
- * This file provides type-safe React hooks for interacting with the
- * ${canisterName} canister using ic-reactor.
- */
-import {
-  ${reactorType},
-  createActorHooks,
-  createAuthHooks,
-  createQuery,
-  createMutation,
-} from "@ic-reactor/react"
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// USER-PROVIDED CLIENT MANAGER
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-import { clientManager } from "${clientManagerPath}"
-// Import generated declarations from @icp-sdk/bindgen
-import {
-  idlFactory,
-  type _SERVICE,
-} from "./declarations/${canisterName}.did"
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// REACTOR INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-type ${pascalName}Service = _SERVICE
-/**
- * ${pascalName} Reactor with ${useDisplayReactor ? "Display" : "Candid"} type transformations.
- * ${useDisplayReactor ? "Automatically converts bigint \u2192 string, Principal \u2192 string, etc." : "Uses raw Candid types."}
- */
-export const ${camelName}Reactor = new ${reactorType}<${pascalName}Service>({
-  clientManager,
-  idlFactory,
-  name: "${canisterName}",
-})
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// ACTOR & AUTH HOOKS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-export const {
-  useActorQuery,
-  useActorMutation,
-  useActorSuspenseQuery,
-  useActorInfiniteQuery,
-  useActorSuspenseInfiniteQuery,
-  useActorMethod,
-} = createActorHooks(${camelName}Reactor)
-export const use${pascalName}Query = useActorQuery
-export const use${pascalName}Mutation = useActorMutation
-export const use${pascalName}SuspenseQuery = useActorSuspenseQuery
-export const use${pascalName}InfiniteQuery = useActorInfiniteQuery
-export const use${pascalName}SuspenseInfiniteQuery = useActorSuspenseInfiniteQuery
-export const use${pascalName}Method = useActorMethod
-export const { useAuth, useAgentState, useUserPrincipal } = createAuthHooks(
-  clientManager
-)
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// METHOD HOOKS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-${hooks.join("")}
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// RE-EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-export { idlFactory }
-export type { ${pascalName}Service }
-`;
+function buildIcEnvCookie(canisterIds, rootKey) {
+  const envParts = [`ic_root_key=${rootKey}`];
+  for (const [name, id] of Object.entries(canisterIds)) {
+    envParts.push(`PUBLIC_CANISTER_ID:${name}=${id}`);
+  }
+  return encodeURIComponent(envParts.join("&"));
 }
-function icReactorAdvancedPlugin(options) {
-  const baseOutDir = options.outDir ?? "./src/canisters";
+function icReactorPlugin(options) {
+  const baseOutDir = options.outDir ?? "./src/lib/canisters";
   return {
-    name: "ic-reactor-advanced-plugin",
-    async buildStart() {
-      for (const canister of options.canisters) {
-        const outDir = canister.outDir ?? import_path.default.join(baseOutDir, canister.name);
-        if (!import_fs.default.existsSync(outDir)) {
-          import_fs.default.mkdirSync(outDir, { recursive: true });
-        }
-        console.log(
-          `[ic-reactor] Generating advanced hooks for ${canister.name} from ${canister.didFile}`
-        );
-        try {
-          await (0, import_core.generate)({
-            didFile: canister.didFile,
-            outDir,
-            output: {
-              actor: {
-                disabled: true
-              },
-              force: true
+    name: "ic-reactor-plugin",
+    config(_config, { command }) {
+      if (command !== "serve" || !(options.injectEnvironment ?? true)) {
+        return {};
+      }
+      const canisterNames = options.canisters.map((c) => c.name);
+      const icEnv = getIcEnvironmentInfo(canisterNames);
+      if (!icEnv) {
+        return {
+          server: {
+            proxy: {
+              "/api": {
+                target: "http://127.0.0.1:4943",
+                changeOrigin: true
+              }
             }
-          });
-          console.log(
-            `[ic-reactor] Declarations generated at ${import_path.default.join(
-              outDir,
-              "declarations"
-            )}`
-          );
-        } catch (error) {
-          console.error(`[ic-reactor] Failed to generate declarations:`, error);
-          continue;
-        }
-        const clientManagerPath = canister.clientManagerPath ?? options.clientManagerPath ?? "../../lib/client";
-        let didContent = "";
-        try {
-          didContent = import_fs.default.readFileSync(canister.didFile, "utf-8");
-        } catch (e) {
-          console.warn(
-            `[ic-reactor] Could not read DID file at ${canister.didFile}, skipping hook generation.`
-          );
-          continue;
+          }
+        };
+      }
+      const cookieValue = buildIcEnvCookie(icEnv.canisterIds, icEnv.rootKey);
+      return {
+        server: {
+          headers: {
+            "Set-Cookie": `ic_env=${cookieValue}; Path=/; SameSite=Lax;`
+          },
+          proxy: {
+            "/api": {
+              target: icEnv.proxyTarget,
+              changeOrigin: true
+            }
+          }
         }
-        const reactorContent = generateAdvancedReactorFile(
-          canister.name,
-          canister.useDisplayReactor ?? true,
-          clientManagerPath,
-          didContent
-        );
-        const reactorPath = import_path.default.join(outDir, "index.ts");
-        import_fs.default.writeFileSync(reactorPath, reactorContent);
+      };
+    },
+    async buildStart() {
+      const defaultClientPath = import_path.default.resolve(
+        process.cwd(),
+        "src/lib/clients.ts"
+      );
+      if (!import_fs.default.existsSync(defaultClientPath)) {
         console.log(
-          `[ic-reactor] Advanced reactor hooks generated at ${reactorPath}`
+          `[ic-reactor] Default client manager not found. Creating at ${defaultClientPath}`
         );
+        const clientContent = (0, import_codegen.generateClientFile)();
+        import_fs.default.mkdirSync(import_path.default.dirname(defaultClientPath), { recursive: true });
+        import_fs.default.writeFileSync(defaultClientPath, clientContent);
       }
-    },
-    handleHotUpdate({ file, server }) {
-      if (file.endsWith(".did")) {
-        const canister = options.canisters.find(
-          (c) => import_path.default.resolve(c.didFile) === file
-        );
-        if (canister) {
+      for (const canister of options.canisters) {
+        let didFile = canister.didFile;
+        const outDir = canister.outDir ?? import_path.default.join(baseOutDir, canister.name);
+        if (!didFile) {
+          const environment = process.env.ICP_ENVIRONMENT || "local";
           console.log(
-            `[ic-reactor] Detected change in ${file}, regenerating...`
+            `[ic-reactor] didFile not specified for "${canister.name}". Attempting to download from canister...`
           );
-          server.restart();
+          try {
+            const candidContent = (0, import_child_process.execFileSync)(
+              "icp",
+              [
+                "canister",
+                "metadata",
+                canister.name,
+                "candid:service",
+                "-e",
+                environment
+              ],
+              { encoding: "utf-8" }
+            ).trim();
+            const declarationsDir = import_path.default.join(outDir, "declarations");
+            if (!import_fs.default.existsSync(declarationsDir)) {
+              import_fs.default.mkdirSync(declarationsDir, { recursive: true });
+            }
+            didFile = import_path.default.join(declarationsDir, `${canister.name}.did`);
+            import_fs.default.writeFileSync(didFile, candidContent);
+            console.log(
+              `[ic-reactor] Candid downloaded and saved to ${didFile}`
+            );
+          } catch (error) {
+            console.error(
+              `[ic-reactor] Failed to download candid for ${canister.name}: ${error}`
+            );
+            continue;
+          }
         }
-      }
-    }
-  };
-}
-// src/simple.ts
-function toPascalCase2(str) {
-  return str.split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
-}
-function toCamelCase2(str) {
-  const pascal = toPascalCase2(str);
-  return pascal.charAt(0).toLowerCase() + pascal.slice(1);
-}
-function generateReactorFile(canisterName, useDisplayReactor, clientManagerPath) {
-  const pascalName = toPascalCase2(canisterName);
-  const camelName = toCamelCase2(canisterName);
-  const reactorType = useDisplayReactor ? "DisplayReactor" : "Reactor";
-  return `/**
- * AUTO-GENERATED BY @ic-reactor/vite-plugin
- *
- * Canister: ${canisterName}
- * Generated: ${(/* @__PURE__ */ new Date()).toISOString()}
- *
- * This file provides type-safe React hooks for interacting with the
- * ${canisterName} canister using ic-reactor.
- */
-import {
-  ${reactorType},
-  createActorHooks,
-} from "@ic-reactor/react"
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// USER-PROVIDED CLIENT MANAGER
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// The clientManager is imported from the user's own configuration file.
-// This allows full customization of agent options, network settings, etc.
-import { clientManager } from "${clientManagerPath}"
-// Import generated declarations from @icp-sdk/bindgen
-import {
-  idlFactory,
-  type _SERVICE,
-} from "./declarations/${canisterName}.did"
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// REACTOR INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-/**
- * ${pascalName} Reactor with ${useDisplayReactor ? "Display" : "Candid"} type transformations.
- * ${useDisplayReactor ? "Automatically converts bigint \u2192 string, Principal \u2192 string, etc." : "Uses raw Candid types."}
- */
-export const ${camelName}Reactor = new ${reactorType}<_SERVICE>({
-  clientManager,
-  idlFactory,
-  name: "${canisterName}",
-})
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// HOOKS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-/**
- * React hooks for the ${canisterName} canister.
- */
-const {
-  useActorQuery: use${pascalName}Query,
-  useActorSuspenseQuery: use${pascalName}SuspenseQuery,
-  useActorInfiniteQuery: use${pascalName}InfiniteQuery,
-  useActorSuspenseInfiniteQuery: use${pascalName}SuspenseInfiniteQuery,
-  useActorMutation: use${pascalName}Mutation,
-  useActorMethod: use${pascalName}Method,
-} = createActorHooks(${camelName}Reactor)
-export {
-  use${pascalName}Query,
-  use${pascalName}SuspenseQuery,
-  use${pascalName}InfiniteQuery,
-  use${pascalName}SuspenseInfiniteQuery,
-  use${pascalName}Mutation,
-  use${pascalName}Method,
-}
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// RE-EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-export { idlFactory }
-export type { _SERVICE as ${pascalName}Service }
-`;
-}
-function icReactorPlugin(options) {
-  const baseOutDir = options.outDir ?? "./src/canisters";
-  return {
-    name: "ic-reactor-plugin",
-    async buildStart() {
-      for (const canister of options.canisters) {
-        const outDir = canister.outDir ?? import_path2.default.join(baseOutDir, canister.name);
-        const declarationsDir = import_path2.default.join(outDir, "declarations");
         console.log(
-          `[ic-reactor] Generating hooks for ${canister.name} from ${canister.didFile}`
+          `[ic-reactor] Generating hooks for ${canister.name} from ${didFile}`
         );
-        if (import_fs2.default.existsSync(declarationsDir)) {
-          import_fs2.default.rmSync(declarationsDir, { recursive: true, force: true });
-        }
-        import_fs2.default.mkdirSync(declarationsDir, { recursive: true });
-        try {
-          if (!import_fs2.default.existsSync(outDir)) {
-            import_fs2.default.mkdirSync(outDir, { recursive: true });
-          }
-          await (0, import_core2.generate)({
-            didFile: canister.didFile,
-            outDir,
-            // Pass the parent directory; bindgen appends "declarations"
-            output: {
-              actor: {
-                disabled: true
-              },
-              force: true
-            }
-          });
-          console.log(
-            `[ic-reactor] Declarations generated at ${declarationsDir}`
+        const result = await (0, import_codegen.generateDeclarations)({
+          didFile,
+          outDir,
+          canisterName: canister.name
+        });
+        if (!result.success) {
+          console.error(
+            `[ic-reactor] Failed to generate declarations: ${result.error}`
           );
-        } catch (error) {
-          console.error(`[ic-reactor] Failed to generate declarations:`, error);
           continue;
         }
-        const clientManagerPath = canister.clientManagerPath ?? options.clientManagerPath ?? "../../lib/client";
-        const reactorContent = generateReactorFile(
-          canister.name,
-          canister.useDisplayReactor ?? true,
-          clientManagerPath
-        );
-        const reactorPath = import_path2.default.join(outDir, "index.ts");
-        import_fs2.default.mkdirSync(outDir, { recursive: true });
-        import_fs2.default.writeFileSync(reactorPath, reactorContent);
+        const reactorContent = (0, import_codegen.generateReactorFile)({
+          canisterName: canister.name,
+          didFile,
+          clientManagerPath: canister.clientManagerPath ?? options.clientManagerPath
+        });
+        const reactorPath = import_path.default.join(outDir, "index.ts");
+        import_fs.default.mkdirSync(outDir, { recursive: true });
+        import_fs.default.writeFileSync(reactorPath, reactorContent);
         console.log(`[ic-reactor] Reactor hooks generated at ${reactorPath}`);
       }
     },
     handleHotUpdate({ file, server }) {
       if (file.endsWith(".did")) {
-        const canister = options.canisters.find(
-          (c) => import_path2.default.resolve(c.didFile) === file
-        );
+        const canister = options.canisters.find((c) => {
+          if (!c.didFile) return false;
+          return import_path.default.resolve(c.didFile) === file;
+        });
         if (canister) {
           console.log(
             `[ic-reactor] Detected change in ${file}, regenerating...`
@@ -417,6 +203,5 @@ function icReactorPlugin(options) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  icReactorAdvancedPlugin,
   icReactorPlugin
 });

package/dist/index.d.cts CHANGED Viewed

@@ -1,18 +1,10 @@
 import { Plugin } from 'vite';
-declare function icReactorAdvancedPlugin(options: IcReactorPluginOptions): Plugin;
 /**
  * IC-Reactor Vite Plugin
  *
  * A Vite plugin that generates ic-reactor hooks from Candid .did files.
- *
- * ⚠️ IMPORTANT: This plugin ONLY generates the reactor and hooks.
- * The user is responsible for creating and configuring:
- * - ClientManager
- * - QueryClient
- *
- * The generated file will import the clientManager from a user-specified path.
+ * Uses @ic-reactor/codegen for all code generation logic.
  *
  * Usage:
  * ```ts
@@ -25,7 +17,7 @@ declare function icReactorAdvancedPlugin(options: IcReactorPluginOptions): Plugi
  *         {
  *           name: "backend",
  *           didFile: "../backend/backend.did",
- *           clientManagerPath: "../lib/client" // User provides their own ClientManager
+ *           clientManagerPath: "../lib/client"
  *         }
  *       ]
  *     })
@@ -35,33 +27,29 @@ declare function icReactorAdvancedPlugin(options: IcReactorPluginOptions): Plugi
  */
 interface CanisterConfig {
-    /** Name of the canister (used for variable naming) */
     name: string;
-    /** Path to the .did file */
-    didFile: string;
-    /** Output directory (default: ./src/canisters/<name>) */
     outDir?: string;
-    /** Use DisplayReactor for React-friendly types (default: true) */
-    useDisplayReactor?: boolean;
-    /**
-     * Path to import ClientManager from (relative to generated file).
-     * The file at this path should export: { clientManager: ClientManager }
-     * Default: "../../lib/client"
-     */
+    didFile?: string;
     clientManagerPath?: string;
 }
 interface IcReactorPluginOptions {
     /** List of canisters to generate hooks for */
     canisters: CanisterConfig[];
-    /** Base output directory (default: ./src/canisters) */
+    /** Base output directory (default: ./src/lib/canisters) */
     outDir?: string;
     /**
      * Path to import ClientManager from (relative to generated file).
-     * The file at this path should export: { clientManager: ClientManager }
-     * Default: "../../lib/client"
+     * Default: "../../clients"
      */
     clientManagerPath?: string;
+    /**
+     * Automatically inject the IC environment (canister IDs and root key)
+     * into the browser using an `ic_env` cookie. (default: true)
+     *
+     * This is useful for local development with `icp`.
+     */
+    injectEnvironment?: boolean;
 }
 declare function icReactorPlugin(options: IcReactorPluginOptions): Plugin;
-export { type CanisterConfig, type IcReactorPluginOptions, icReactorAdvancedPlugin, icReactorPlugin };
+export { type CanisterConfig, type IcReactorPluginOptions, icReactorPlugin };