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

@ic-reactor/vite-plugin 0.1.0 → 0.2.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 (7) hide show

package/README.md CHANGED Viewed

@@ -260,27 +260,28 @@ icReactorPlugin({
 ## Integration with ICP CLI
-If you're using [icp-cli](https://github.com/AstroxNetwork/icp-cli), configure your `vite.config.ts` to pass canister IDs via the `ic_env` cookie:
+`@ic-reactor/vite-plugin` now supports **zero-config local `icp-cli` canister env injection** during `vite dev`.
+When dev server starts, the plugin automatically tries to read:
+- `.icp/cache/mappings/local.ids.json`
+If present, it sets an `ic_env` cookie with:
+- `ic_root_key=<local-root-key>`
+- `PUBLIC_CANISTER_ID:<name>=<canister-id>`
+This means `withCanisterEnv: true` works out of the box after `icp deploy`, without custom cookie code in `vite.config.ts`.
 ```typescript
 // vite.config.ts
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react"
 import { icReactorPlugin } from "@ic-reactor/vite-plugin"
-import fs from "fs"
-import path from "path"
-function loadCanisterIds(): Record<string, string> {
-  const idsPath = path.resolve(__dirname, ".icp/cache/mappings/local.ids.json")
-  try {
-    return JSON.parse(fs.readFileSync(idsPath, "utf-8"))
-  } catch {
-    return {}
-  }
-}
-const canisterIds = loadCanisterIds()
 export default defineConfig({
   plugins: [
+    react(),
     icReactorPlugin({
       canisters: [
         {
@@ -290,15 +291,15 @@ export default defineConfig({
       ],
     }),
   ],
-  server: {
-    headers: {
-      "Set-Cookie": `ic_env=${encodeURIComponent(
-        Object.entries(canisterIds)
-          .map(([name, id]) => `PUBLIC_CANISTER_ID:${name}=${id}`)
-          .join("&")
-      )}; SameSite=Lax;`,
-    },
-  },
+})
+```
+If you need to disable this behavior:
+```typescript
+icReactorPlugin({
+  canisters: [...],
+  autoInjectIcEnv: false,
 })
 ```

package/dist/index.cjs CHANGED Viewed

@@ -30,380 +30,117 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  icReactorAdvancedPlugin: () => icReactorAdvancedPlugin,
+  default: () => index_default,
   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);
+var import_codegen = require("@ic-reactor/codegen");
+var ICP_LOCAL_IDS_PATH = ".icp/cache/mappings/local.ids.json";
+var IC_ROOT_KEY_HEX = "308182301d060d2b0601040182dc7c0503010201060c2b0601040182dc7c050302010361008b52b4994f94c7ce4be1c1542d7c81dc79fea17d49efe8fa42e8566373581d4b969c4a59e96a0ef51b711fe5027ec01601182519d0a788f4bfe388e593b97cd1d7e44904de79422430bca686ac8c21305b3397b5ba4d7037d17877312fb7ee34";
+function loadLocalCanisterIds(rootDir) {
+  const idsPath = import_path.default.resolve(rootDir, ICP_LOCAL_IDS_PATH);
+  try {
+    return JSON.parse(import_fs.default.readFileSync(idsPath, "utf-8"));
+  } catch {
+    return null;
+  }
 }
-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
-    });
+function buildIcEnvCookie(canisterIds) {
+  const envParts = [`ic_root_key=${IC_ROOT_KEY_HEX}`];
+  for (const [name, id] of Object.entries(canisterIds)) {
+    envParts.push(`PUBLIC_CANISTER_ID:${name}=${id}`);
   }
-  return methods;
+  return encodeURIComponent(envParts.join("&"));
 }
-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 addOrReplaceSetCookie(existing, cookie) {
+  const cookieEntries = typeof existing === "string" ? [existing] : Array.isArray(existing) ? existing.filter((value) => typeof value === "string") : [];
+  const nonIcEnvCookies = cookieEntries.filter(
+    (entry) => !entry.trim().startsWith("ic_env=")
+  );
+  return [...nonIcEnvCookies, cookie];
 }
-function icReactorAdvancedPlugin(options) {
-  const baseOutDir = options.outDir ?? "./src/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
-            }
-          });
-          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 reactorContent = generateAdvancedReactorFile(
-          canister.name,
-          canister.useDisplayReactor ?? true,
-          clientManagerPath,
-          didContent
-        );
-        const reactorPath = import_path.default.join(outDir, "index.ts");
-        import_fs.default.writeFileSync(reactorPath, reactorContent);
-        console.log(
-          `[ic-reactor] Advanced reactor hooks generated at ${reactorPath}`
+function setupIcEnvMiddleware(server) {
+  const rootDir = server.config.root || process.cwd();
+  const idsPath = import_path.default.resolve(rootDir, ICP_LOCAL_IDS_PATH);
+  let hasLoggedHint = false;
+  server.middlewares.use((req, res, next) => {
+    const canisterIds = loadLocalCanisterIds(rootDir);
+    if (!canisterIds) {
+      if (!hasLoggedHint) {
+        server.config.logger.info(
+          `[ic-reactor] icp-cli local IDs not found at ${idsPath}. Run \`icp deploy\` to enable automatic ic_env cookie injection.`
         );
+        hasLoggedHint = true;
       }
-    },
-    handleHotUpdate({ file, server }) {
-      if (file.endsWith(".did")) {
-        const canister = options.canisters.find(
-          (c) => import_path.default.resolve(c.didFile) === file
-        );
-        if (canister) {
-          console.log(
-            `[ic-reactor] Detected change in ${file}, regenerating...`
-          );
-          server.restart();
-        }
-      }
+      return next();
     }
-  };
-}
-// 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 }
-`;
+    const cookie = `ic_env=${buildIcEnvCookie(canisterIds)}; Path=/; SameSite=Lax;`;
+    const current = res.getHeader("Set-Cookie");
+    res.setHeader("Set-Cookie", addOrReplaceSetCookie(current, cookie));
+    next();
+  });
 }
 function icReactorPlugin(options) {
   const baseOutDir = options.outDir ?? "./src/canisters";
   return {
     name: "ic-reactor-plugin",
+    configureServer(server) {
+      if (options.autoInjectIcEnv ?? true) {
+        setupIcEnvMiddleware(server);
+      }
+    },
     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");
+        const outDir = canister.outDir ?? import_path.default.join(baseOutDir, canister.name);
         console.log(
           `[ic-reactor] Generating hooks for ${canister.name} from ${canister.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: canister.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
+        console.log(
+          `[ic-reactor] Declarations generated at ${result.declarationsDir}`
         );
-        const reactorPath = import_path2.default.join(outDir, "index.ts");
-        import_fs2.default.mkdirSync(outDir, { recursive: true });
-        import_fs2.default.writeFileSync(reactorPath, reactorContent);
+        const useAdvanced = canister.advanced ?? options.advanced ?? false;
+        let didContent;
+        if (useAdvanced) {
+          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 advanced hook generation for ${canister.name}.`
+            );
+            continue;
+          }
+        }
+        const reactorContent = (0, import_codegen.generateReactorFile)({
+          canisterName: canister.name,
+          canisterConfig: canister,
+          globalClientManagerPath: options.clientManagerPath,
+          hasDeclarations: true,
+          advanced: useAdvanced,
+          didContent
+        });
+        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
+          (c) => import_path.default.resolve(c.didFile) === file
         );
         if (canister) {
           console.log(
@@ -415,8 +152,8 @@ function icReactorPlugin(options) {
     }
   };
 }
+var index_default = icReactorPlugin;
 // 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,12 @@
 import { Plugin } from 'vite';
-declare function icReactorAdvancedPlugin(options: IcReactorPluginOptions): Plugin;
+import { CanisterConfig } from '@ic-reactor/codegen';
+export { CanisterConfig } from '@ic-reactor/codegen';
 /**
  * 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 +19,7 @@ declare function icReactorAdvancedPlugin(options: IcReactorPluginOptions): Plugi
  *         {
  *           name: "backend",
  *           didFile: "../backend/backend.did",
- *           clientManagerPath: "../lib/client" // User provides their own ClientManager
+ *           clientManagerPath: "../lib/client"
  *         }
  *       ]
  *     })
@@ -34,34 +28,32 @@ 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"
-     */
-    clientManagerPath?: string;
-}
 interface IcReactorPluginOptions {
     /** List of canisters to generate hooks for */
-    canisters: CanisterConfig[];
+    canisters: (CanisterConfig & {
+        name: string;
+        advanced?: boolean;
+    })[];
     /** Base output directory (default: ./src/canisters) */
     outDir?: string;
     /**
      * Path to import ClientManager from (relative to generated file).
-     * The file at this path should export: { clientManager: ClientManager }
      * Default: "../../lib/client"
      */
     clientManagerPath?: string;
+    /**
+     * Generate advanced per-method hooks with createQuery/createMutation
+     * instead of generic actor hooks (default: false).
+     * Can be overridden per-canister by setting `advanced` on the individual canister entry.
+     */
+    advanced?: boolean;
+    /**
+     * Automatically set the `ic_env` cookie in Vite dev server from
+     * `.icp/cache/mappings/local.ids.json` (default: true).
+     */
+    autoInjectIcEnv?: boolean;
 }
 declare function icReactorPlugin(options: IcReactorPluginOptions): Plugin;
-export { type CanisterConfig, type IcReactorPluginOptions, icReactorAdvancedPlugin, icReactorPlugin };
+export { type IcReactorPluginOptions, icReactorPlugin as default, icReactorPlugin };