iterate-ui-next 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Connor White
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,235 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  withIterate: () => withIterate
+});
+module.exports = __toCommonJS(index_exports);
+var import_node_child_process = require("child_process");
+var import_node_net = require("net");
+var import_node_module = require("module");
+var import_node_path = require("path");
+var import_node_fs = require("fs");
+var import_meta = {};
+function resolvePackageEntry(packageName, _require) {
+  try {
+    return _require.resolve(packageName);
+  } catch {
+    const pkgJsonPath = _require.resolve(`${packageName}/package.json`);
+    const pkg = JSON.parse((0, import_node_fs.readFileSync)(pkgJsonPath, "utf-8"));
+    const main = pkg.exports?.["."]?.import ?? pkg.main ?? "index.js";
+    return (0, import_node_path.join)((0, import_node_path.dirname)(pkgJsonPath), main);
+  }
+}
+var daemon = null;
+var daemonStarting = false;
+function withIterate(nextConfig = {}, options = {}) {
+  const daemonPort = options.daemonPort ?? 4e3;
+  const isDev = process.env.NODE_ENV !== "production";
+  if (!isDev) {
+    return nextConfig;
+  }
+  if (!daemon && !daemonStarting) {
+    daemonStarting = true;
+    const repoRoot = getGitRoot() ?? process.cwd();
+    startDaemonIfNeeded(daemonPort, repoRoot).then((child) => {
+      if (child) {
+        daemon = child;
+        const cleanup = () => {
+          if (daemon) {
+            stopDaemon(daemon, daemonPort);
+            daemon = null;
+          }
+        };
+        process.on("SIGINT", cleanup);
+        process.on("SIGTERM", cleanup);
+        process.on("exit", cleanup);
+      }
+    });
+  }
+  const _require = typeof require !== "undefined" ? require : (0, import_node_module.createRequire)(import_meta.url);
+  let overlayBundlePath;
+  let babelPluginPath;
+  try {
+    overlayBundlePath = resolvePackageEntry("iterate-ui-overlay/standalone", _require);
+    if (!options.disableBabelPlugin) {
+      babelPluginPath = resolvePackageEntry("iterate-ui-babel-plugin", _require);
+    }
+  } catch {
+    console.warn("[iterate] Could not resolve overlay bundle or babel plugin");
+  }
+  return {
+    ...nextConfig,
+    // Add rewrites to proxy to the daemon
+    async rewrites() {
+      const existingRewrites = await (nextConfig.rewrites?.() ?? []);
+      const iterateRewrites = [
+        {
+          source: "/__iterate__/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/__iterate__/:path*`
+        },
+        {
+          source: "/api/iterations/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/iterations/:path*`
+        },
+        {
+          source: "/api/annotations/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/annotations/:path*`
+        },
+        {
+          source: "/api/dom-changes",
+          destination: `http://127.0.0.1:${daemonPort}/api/dom-changes`
+        },
+        {
+          source: "/api/command",
+          destination: `http://127.0.0.1:${daemonPort}/api/command`
+        },
+        {
+          source: "/api/command-context/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/command-context/:path*`
+        }
+      ];
+      if (Array.isArray(existingRewrites)) {
+        return [...iterateRewrites, ...existingRewrites];
+      }
+      return {
+        ...existingRewrites,
+        beforeFiles: [
+          ...iterateRewrites,
+          ...existingRewrites.beforeFiles ?? []
+        ]
+      };
+    },
+    // Inject overlay via webpack
+    webpack(config, context) {
+      if (context.isServer || !context.dev) {
+        return nextConfig.webpack?.(config, context) ?? config;
+      }
+      const originalEntry = config.entry;
+      config.entry = async () => {
+        const entries = await (typeof originalEntry === "function" ? originalEntry() : originalEntry);
+        const injectorPath = createIterateInjector(overlayBundlePath, daemonPort);
+        if (injectorPath && entries["main-app"]) {
+          if (Array.isArray(entries["main-app"])) {
+            entries["main-app"].push(injectorPath);
+          }
+        } else if (injectorPath && entries["main"]) {
+          if (Array.isArray(entries["main"])) {
+            entries["main"].push(injectorPath);
+          }
+        }
+        return entries;
+      };
+      return nextConfig.webpack?.(config, context) ?? config;
+    }
+  };
+}
+function createIterateInjector(_overlayPath, daemonPort) {
+  const iterationName = process.env.ITERATE_ITERATION_NAME ?? "__original__";
+  const code = `
+    if (typeof window !== 'undefined') {
+      window.__iterate_shell__ = { activeTool: 'browse', activeIteration: ${JSON.stringify(iterationName)}, daemonPort: ${daemonPort} };
+      var s = document.createElement('script');
+      s.src = '/__iterate__/overlay.js';
+      s.defer = true;
+      document.head.appendChild(s);
+    }
+  `;
+  return `data:text/javascript;base64,${Buffer.from(code).toString("base64")}`;
+}
+function isPortInUse(port) {
+  return new Promise((resolve) => {
+    const socket = (0, import_node_net.createConnection)({ port, host: "127.0.0.1" });
+    socket.on("connect", () => {
+      socket.destroy();
+      resolve(true);
+    });
+    socket.on("error", () => {
+      resolve(false);
+    });
+  });
+}
+function getGitRoot() {
+  try {
+    return (0, import_node_child_process.execSync)("git rev-parse --show-toplevel", { encoding: "utf-8" }).trim();
+  } catch {
+    return null;
+  }
+}
+async function startDaemonIfNeeded(port, cwd) {
+  if (await isPortInUse(port)) {
+    console.log(`[iterate] daemon already running on port ${port}`);
+    return null;
+  }
+  const _req = typeof require !== "undefined" ? require : (0, import_node_module.createRequire)(import_meta.url);
+  const daemonEntryPath = resolvePackageEntry("iterate-ui-daemon", _req);
+  const daemonPath = `file://${daemonEntryPath}`;
+  const child = (0, import_node_child_process.spawn)(
+    process.execPath,
+    [
+      "--input-type=module",
+      "-e",
+      `import { startDaemon } from ${JSON.stringify(daemonPath)}; startDaemon({ port: ${port}, cwd: ${JSON.stringify(cwd)} });`
+    ],
+    {
+      cwd,
+      stdio: ["ignore", "pipe", "pipe"],
+      env: {
+        ...process.env,
+        ITERATE_PORT: String(port),
+        ITERATE_CWD: cwd,
+        NODE_NO_WARNINGS: "1"
+      }
+    }
+  );
+  child.stdout?.on("data", (data) => {
+    const msg = data.toString().trim();
+    if (msg) console.log(`[iterate] ${msg}`);
+  });
+  child.stderr?.on("data", (data) => {
+    const msg = data.toString().trim();
+    if (msg && !msg.includes("ExperimentalWarning")) {
+      console.error(`[iterate] ${msg}`);
+    }
+  });
+  child.on("exit", (code) => {
+    if (code !== 0 && code !== null) {
+      console.error(`[iterate] daemon exited with code ${code}`);
+    }
+  });
+  return child;
+}
+function stopDaemon(child, port) {
+  try {
+    fetch(`http://127.0.0.1:${port}/api/shutdown`, { method: "POST" }).catch(
+      () => {
+      }
+    );
+  } catch {
+  }
+  child?.kill("SIGTERM");
+}
+var index_default = withIterate;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withIterate
+});

package/dist/index.d.cts

@@ -0,0 +1,28 @@
+interface IterateNextOptions {
+    /** Port for the iterate daemon (default: 4000) */
+    daemonPort?: number;
+    /** Disable the babel plugin that injects component names/source locations (default: false) */
+    disableBabelPlugin?: boolean;
+}
+type NextConfig = Record<string, any>;
+/**
+ * Next.js config wrapper for iterate.
+ *
+ * Usage:
+ * ```js
+ * // next.config.mjs
+ * import { withIterate } from 'iterate-ui-next'
+ * export default withIterate({
+ *   // ...your Next.js config
+ * })
+ * ```
+ *
+ * Automatically:
+ * 1. Starts the iterate daemon when `next dev` runs
+ * 2. Proxies /__iterate__/* and iterate API routes to the daemon via rewrites
+ * 3. Injects the overlay script via webpack entry
+ * 4. Cleans up daemon on exit
+ */
+declare function withIterate(nextConfig?: NextConfig, options?: IterateNextOptions): NextConfig;
+
+export { type IterateNextOptions, withIterate as default, withIterate };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+interface IterateNextOptions {
+    /** Port for the iterate daemon (default: 4000) */
+    daemonPort?: number;
+    /** Disable the babel plugin that injects component names/source locations (default: false) */
+    disableBabelPlugin?: boolean;
+}
+type NextConfig = Record<string, any>;
+/**
+ * Next.js config wrapper for iterate.
+ *
+ * Usage:
+ * ```js
+ * // next.config.mjs
+ * import { withIterate } from 'iterate-ui-next'
+ * export default withIterate({
+ *   // ...your Next.js config
+ * })
+ * ```
+ *
+ * Automatically:
+ * 1. Starts the iterate daemon when `next dev` runs
+ * 2. Proxies /__iterate__/* and iterate API routes to the daemon via rewrites
+ * 3. Injects the overlay script via webpack entry
+ * 4. Cleans up daemon on exit
+ */
+declare function withIterate(nextConfig?: NextConfig, options?: IterateNextOptions): NextConfig;
+
+export { type IterateNextOptions, withIterate as default, withIterate };

package/dist/index.js

@@ -0,0 +1,216 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/index.ts
+import { spawn, execSync } from "child_process";
+import { createConnection } from "net";
+import { createRequire } from "module";
+import { join, dirname } from "path";
+import { readFileSync } from "fs";
+function resolvePackageEntry(packageName, _require) {
+  try {
+    return _require.resolve(packageName);
+  } catch {
+    const pkgJsonPath = _require.resolve(`${packageName}/package.json`);
+    const pkg = JSON.parse(readFileSync(pkgJsonPath, "utf-8"));
+    const main = pkg.exports?.["."]?.import ?? pkg.main ?? "index.js";
+    return join(dirname(pkgJsonPath), main);
+  }
+}
+var daemon = null;
+var daemonStarting = false;
+function withIterate(nextConfig = {}, options = {}) {
+  const daemonPort = options.daemonPort ?? 4e3;
+  const isDev = process.env.NODE_ENV !== "production";
+  if (!isDev) {
+    return nextConfig;
+  }
+  if (!daemon && !daemonStarting) {
+    daemonStarting = true;
+    const repoRoot = getGitRoot() ?? process.cwd();
+    startDaemonIfNeeded(daemonPort, repoRoot).then((child) => {
+      if (child) {
+        daemon = child;
+        const cleanup = () => {
+          if (daemon) {
+            stopDaemon(daemon, daemonPort);
+            daemon = null;
+          }
+        };
+        process.on("SIGINT", cleanup);
+        process.on("SIGTERM", cleanup);
+        process.on("exit", cleanup);
+      }
+    });
+  }
+  const _require = typeof __require !== "undefined" ? __require : createRequire(import.meta.url);
+  let overlayBundlePath;
+  let babelPluginPath;
+  try {
+    overlayBundlePath = resolvePackageEntry("iterate-ui-overlay/standalone", _require);
+    if (!options.disableBabelPlugin) {
+      babelPluginPath = resolvePackageEntry("iterate-ui-babel-plugin", _require);
+    }
+  } catch {
+    console.warn("[iterate] Could not resolve overlay bundle or babel plugin");
+  }
+  return {
+    ...nextConfig,
+    // Add rewrites to proxy to the daemon
+    async rewrites() {
+      const existingRewrites = await (nextConfig.rewrites?.() ?? []);
+      const iterateRewrites = [
+        {
+          source: "/__iterate__/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/__iterate__/:path*`
+        },
+        {
+          source: "/api/iterations/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/iterations/:path*`
+        },
+        {
+          source: "/api/annotations/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/annotations/:path*`
+        },
+        {
+          source: "/api/dom-changes",
+          destination: `http://127.0.0.1:${daemonPort}/api/dom-changes`
+        },
+        {
+          source: "/api/command",
+          destination: `http://127.0.0.1:${daemonPort}/api/command`
+        },
+        {
+          source: "/api/command-context/:path*",
+          destination: `http://127.0.0.1:${daemonPort}/api/command-context/:path*`
+        }
+      ];
+      if (Array.isArray(existingRewrites)) {
+        return [...iterateRewrites, ...existingRewrites];
+      }
+      return {
+        ...existingRewrites,
+        beforeFiles: [
+          ...iterateRewrites,
+          ...existingRewrites.beforeFiles ?? []
+        ]
+      };
+    },
+    // Inject overlay via webpack
+    webpack(config, context) {
+      if (context.isServer || !context.dev) {
+        return nextConfig.webpack?.(config, context) ?? config;
+      }
+      const originalEntry = config.entry;
+      config.entry = async () => {
+        const entries = await (typeof originalEntry === "function" ? originalEntry() : originalEntry);
+        const injectorPath = createIterateInjector(overlayBundlePath, daemonPort);
+        if (injectorPath && entries["main-app"]) {
+          if (Array.isArray(entries["main-app"])) {
+            entries["main-app"].push(injectorPath);
+          }
+        } else if (injectorPath && entries["main"]) {
+          if (Array.isArray(entries["main"])) {
+            entries["main"].push(injectorPath);
+          }
+        }
+        return entries;
+      };
+      return nextConfig.webpack?.(config, context) ?? config;
+    }
+  };
+}
+function createIterateInjector(_overlayPath, daemonPort) {
+  const iterationName = process.env.ITERATE_ITERATION_NAME ?? "__original__";
+  const code = `
+    if (typeof window !== 'undefined') {
+      window.__iterate_shell__ = { activeTool: 'browse', activeIteration: ${JSON.stringify(iterationName)}, daemonPort: ${daemonPort} };
+      var s = document.createElement('script');
+      s.src = '/__iterate__/overlay.js';
+      s.defer = true;
+      document.head.appendChild(s);
+    }
+  `;
+  return `data:text/javascript;base64,${Buffer.from(code).toString("base64")}`;
+}
+function isPortInUse(port) {
+  return new Promise((resolve) => {
+    const socket = createConnection({ port, host: "127.0.0.1" });
+    socket.on("connect", () => {
+      socket.destroy();
+      resolve(true);
+    });
+    socket.on("error", () => {
+      resolve(false);
+    });
+  });
+}
+function getGitRoot() {
+  try {
+    return execSync("git rev-parse --show-toplevel", { encoding: "utf-8" }).trim();
+  } catch {
+    return null;
+  }
+}
+async function startDaemonIfNeeded(port, cwd) {
+  if (await isPortInUse(port)) {
+    console.log(`[iterate] daemon already running on port ${port}`);
+    return null;
+  }
+  const _req = typeof __require !== "undefined" ? __require : createRequire(import.meta.url);
+  const daemonEntryPath = resolvePackageEntry("iterate-ui-daemon", _req);
+  const daemonPath = `file://${daemonEntryPath}`;
+  const child = spawn(
+    process.execPath,
+    [
+      "--input-type=module",
+      "-e",
+      `import { startDaemon } from ${JSON.stringify(daemonPath)}; startDaemon({ port: ${port}, cwd: ${JSON.stringify(cwd)} });`
+    ],
+    {
+      cwd,
+      stdio: ["ignore", "pipe", "pipe"],
+      env: {
+        ...process.env,
+        ITERATE_PORT: String(port),
+        ITERATE_CWD: cwd,
+        NODE_NO_WARNINGS: "1"
+      }
+    }
+  );
+  child.stdout?.on("data", (data) => {
+    const msg = data.toString().trim();
+    if (msg) console.log(`[iterate] ${msg}`);
+  });
+  child.stderr?.on("data", (data) => {
+    const msg = data.toString().trim();
+    if (msg && !msg.includes("ExperimentalWarning")) {
+      console.error(`[iterate] ${msg}`);
+    }
+  });
+  child.on("exit", (code) => {
+    if (code !== 0 && code !== null) {
+      console.error(`[iterate] daemon exited with code ${code}`);
+    }
+  });
+  return child;
+}
+function stopDaemon(child, port) {
+  try {
+    fetch(`http://127.0.0.1:${port}/api/shutdown`, { method: "POST" }).catch(
+      () => {
+      }
+    );
+  } catch {
+  }
+  child?.kill("SIGTERM");
+}
+var index_default = withIterate;
+export {
+  index_default as default,
+  withIterate
+};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "iterate-ui-next",
+  "version": "0.1.0",
+  "description": "iterate Next.js plugin — auto-starts daemon and injects overlay",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/connorwhite-online/iterate",
+    "directory": "packages/next"
+  },
+  "homepage": "https://iterate-ui.com",
+  "keywords": [
+    "iterate",
+    "ui",
+    "nextjs",
+    "next",
+    "plugin",
+    "ai",
+    "worktree"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "iterate-ui-daemon": "0.1.0",
+    "iterate-ui-overlay": "0.1.0",
+    "iterate-ui-babel-plugin": "0.1.0"
+  },
+  "peerDependencies": {
+    "next": "^14.0.0 || ^15.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
+    "clean": "rm -rf dist"
+  }
+}