next-workflow-builder 0.1.0

package/dist/server/db/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/server/db/schema.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,2BAA2B,EAC3B,OAAO,GACR,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,MAAM,EACN,SAAS,EACT,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAGhC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWlB,CAAC"}

package/dist/server/db/schema.js

@@ -0,0 +1,15 @@
+import { accounts, apiKeys, integrations, sessions, users, verifications, workflowExecutionLogs, workflowExecutions, workflowExecutionsRelations, workflows, } from "./schema.js";
+export { users, sessions, accounts, verifications, workflows, integrations, workflowExecutions, workflowExecutionLogs, workflowExecutionsRelations, apiKeys, } from '../../lib/db/schema.js';
+export const schema = {
+    user: users,
+    session: sessions,
+    account: accounts,
+    verification: verifications,
+    workflows,
+    workflowExecutions,
+    workflowExecutionLogs,
+    workflowExecutionsRelations,
+    apiKeys,
+    integrations,
+};
+//# sourceMappingURL=schema.js.map

package/dist/server/db/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/server/db/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,2BAA2B,EAC3B,SAAS,GACV,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,2BAA2B,EAC3B,OAAO,GACR,MAAM,wBAAwB,CAAC;AAmBhC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,aAAa;IAC3B,SAAS;IACT,kBAAkB;IAClB,qBAAqB;IACrB,2BAA2B;IAC3B,OAAO;IACP,YAAY;CACb,CAAC"}

package/dist/server/index.d.ts

@@ -0,0 +1,11 @@
+export { default, type WorkflowConfig } from "./plugin.js";
+export { createWorkflowApiHandler } from "./api/workflows.js";
+export { executeWorkflow } from "../lib/workflow-executor.workflow.js";
+export type { WorkflowApiHandlerOptions } from "./api/types.js";
+export type { RouteDefinition, RouteHandler, HandlerContext, ParsedRoute } from "./api/types.js";
+export { errorResponse, jsonResponse, requireSession } from "./api/handler-utils.js";
+export { encrypt, decrypt } from "../lib/db/integrations.js";
+export { generateId } from "../lib/utils/id.js";
+export * as schema from "./db/schema.js";
+export { eq, and, or, sql, inArray, notInArray, isNull, isNotNull, desc, asc } from "drizzle-orm";
+//# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC"}

package/dist/server/index.js

@@ -0,0 +1,9 @@
+export { default } from "./plugin.js";
+export { createWorkflowApiHandler } from "./api/workflows.js";
+export { executeWorkflow } from "../lib/workflow-executor.workflow.js";
+export { errorResponse, jsonResponse, requireSession } from "./api/handler-utils.js";
+export { encrypt, decrypt } from "../lib/db/integrations.js";
+export { generateId } from "../lib/utils/id.js";
+export * as schema from "./db/schema.js";
+export { eq, and, or, sql, inArray, notInArray, isNull, isNotNull, desc, asc } from "drizzle-orm";
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAuB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC"}

package/dist/server/plugin.d.ts

@@ -0,0 +1,17 @@
+import type { NextConfig } from "next";
+export interface WorkflowConfig {
+    theme?: "light" | "dark" | "system";
+    apiRoute?: string;
+    ai?: {
+        provider?: "openai" | "anthropic";
+        model?: string;
+    };
+    autoGenerateApiRoute?: boolean;
+    dbImportPath?: string;
+    authImportPath?: string;
+}
+declare const workflowBuilder: (workflowConfig?: WorkflowConfig) => (nextConfig?: NextConfig) => (phase: string, ctx: {
+    defaultConfig: NextConfig;
+}) => Promise<NextConfig>;
+export default workflowBuilder;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/server/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/server/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAKvC,MAAM,WAAW,cAAc;IAE7B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,EAAE,CAAC,EAAE;QACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;QAClC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAQD,QAAA,MAAM,eAAe,GAAI,iBAAgB,cAAmB,MAGlD,aAAY,UAAe;;yBAepC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/server/plugin.js

@@ -0,0 +1,27 @@
+import workflowNext from "workflow/next";
+const { withWorkflow } = workflowNext;
+const defaultConfig = {
+    theme: "system",
+    apiRoute: "/api",
+    autoGenerateApiRoute: true,
+};
+const workflowBuilder = (workflowConfig = {}) => {
+    const resolvedConfig = { ...defaultConfig, ...workflowConfig };
+    return (nextConfig = {}) => withWorkflow({
+        ...nextConfig,
+        transpilePackages: [
+            ...(nextConfig.transpilePackages || []),
+            "next-workflow-builder",
+        ],
+        env: {
+            ...nextConfig.env,
+            NEXT_WORKFLOW_THEME: resolvedConfig.theme,
+            NEXT_WORKFLOW_API_ROUTE: resolvedConfig.apiRoute,
+        },
+        turbopack: {
+            ...(nextConfig.turbopack ?? {}),
+        },
+    });
+};
+export default workflowBuilder;
+//# sourceMappingURL=plugin.js.map

package/dist/server/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/server/plugin.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;AAoBtC,MAAM,aAAa,GAAmB;IACpC,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,MAAM;IAChB,oBAAoB,EAAE,IAAI;CAC3B,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,iBAAiC,EAAE,EAAE,EAAE;IAC9D,MAAM,cAAc,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/D,OAAO,CAAC,aAAyB,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC;QACnD,GAAG,UAAU;QACb,iBAAiB,EAAE;YACjB,GAAG,CAAC,UAAU,CAAC,iBAAiB,IAAI,EAAE,CAAC;YACvC,uBAAuB;SACxB;QACD,GAAG,EAAE;YACH,GAAG,UAAU,CAAC,GAAG;YACjB,mBAAmB,EAAE,cAAc,CAAC,KAAK;YACzC,uBAAuB,EAAE,cAAc,CAAC,QAAQ;SACjD;QACD,SAAS,EAAE;YACT,GAAG,CAAC,UAAU,CAAC,SAAS,IAAI,EAAE,CAAC;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/server/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getWorkflowApiRoute(): string;
+export declare function getWorkflowTheme(): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/server/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/server/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C;AAED,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC"}

package/dist/server/utils.js

@@ -0,0 +1,7 @@
+export function getWorkflowApiRoute() {
+    return process.env.NEXT_WORKFLOW_API_ROUTE || '/api';
+}
+export function getWorkflowTheme() {
+    return process.env.NEXT_WORKFLOW_THEME || 'system';
+}
+//# sourceMappingURL=utils.js.map

package/dist/server/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/server/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB;IACjC,OAAO,OAAO,CAAC,GAAG,CAAC,uBAAuB,IAAI,MAAM,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,QAAQ,CAAC;AACrD,CAAC"}

package/dist/styles/globals.css

@@ -0,0 +1,254 @@
+@source "../client/components";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0 0 0);
+  --foreground: oklch(0.98 0 0);
+  --card: oklch(0.04 0 0);
+  --card-foreground: oklch(0.98 0 0);
+  --popover: oklch(0.04 0 0);
+  --popover-foreground: oklch(0.98 0 0);
+  --primary: oklch(0.98 0 0);
+  --primary-foreground: oklch(0.09 0 0);
+  --secondary: oklch(0.1 0 0);
+  --secondary-foreground: oklch(0.98 0 0);
+  --muted: oklch(0.15 0 0);
+  --muted-foreground: oklch(0.65 0 0);
+  --accent: oklch(0.15 0 0);
+  --accent-foreground: oklch(0.98 0 0);
+  --destructive: oklch(0.65 0.25 29);
+  --border: oklch(0.27 0 0);
+  --input: oklch(0.27 0 0);
+  --ring: oklch(0.8 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0 0 0);
+  --sidebar-foreground: oklch(0.65 0 0);
+  --sidebar-primary: oklch(0.98 0 0);
+  --sidebar-primary-foreground: oklch(0 0 0);
+  --sidebar-accent: oklch(0.1 0 0);
+  --sidebar-accent-foreground: oklch(0.98 0 0);
+  --sidebar-border: oklch(0.18 0 0);
+  --sidebar-ring: oklch(0.8 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html,
+  body {
+    @apply overflow-hidden;
+  }
+}
+
+/* This layer is by next-forge */
+@layer base {
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    @apply border-border;
+  }
+  * {
+    @apply min-w-0;
+  }
+  html {
+    text-rendering: optimizelegibility;
+  }
+  body {
+    @apply min-h-dvh;
+  }
+  input::placeholder,
+  textarea::placeholder {
+    @apply text-muted-foreground;
+  }
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    @apply cursor-pointer;
+  }
+}
+
+@keyframes dashdraw {
+  from {
+    stroke-dashoffset: 10;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+
+/* React Flow attribution styling */
+.react-flow__attribution {
+  background: transparent !important;
+  padding: 2px 4px !important;
+  font-size: 10px !important;
+  opacity: 0.4 !important;
+}
+
+.dark .react-flow__attribution {
+  background: transparent !important;
+  color: rgba(255, 255, 255, 0.4) !important;
+}
+
+.dark .react-flow__attribution a {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+/* React Flow pane cursor */
+.react-flow__pane {
+  cursor: grab !important;
+}
+
+.react-flow__pane:active {
+  cursor: grabbing !important;
+}
+
+/* React Flow node and edge cursor */
+.react-flow__node {
+  cursor: pointer !important;
+}
+
+/* When dragging a node, show grabbing cursor */
+.react-flow__node.dragging {
+  cursor: grabbing !important;
+}
+
+.react-flow__edge {
+  cursor: pointer !important;
+}
+
+/* React Flow handle positioning and styling */
+.react-flow__handle {
+  width: 12px !important;
+  height: 12px !important;
+  border: 2px solid var(--border) !important;
+  background: var(--primary) !important;
+  cursor: crosshair !important;
+  z-index: 20 !important;
+}
+
+/* Invisible hit area for desktop */
+.react-flow__handle::after {
+  content: "" !important;
+  position: absolute !important;
+  top: 50% !important;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  width: 24px !important;
+  height: 24px !important;
+}
+
+/* Invisible hit area for mobile with WCAG minimum target size */
+@media (max-width: 768px) {
+  .react-flow__handle::after {
+    width: 44px !important;
+    height: 44px !important;
+  }
+}
+
+.react-flow__handle-left {
+  left: -0.5px !important;
+}
+
+.react-flow__handle-right {
+  right: -0.5px !important;
+}
+
+/* Safe area support for mobile devices */
+@supports (height: 100dvh) {
+  html,
+  body {
+    height: 100dvh;
+  }
+}
+
+/* Safe area support for mobile devices */
+@media (max-width: 768px) {
+  .workflow-controls-panel {
+    bottom: calc(env(safe-area-inset-bottom, 0px) + 5.5rem) !important;
+  }
+}
+

package/package.json

@@ -0,0 +1,130 @@
+{
+  "name": "next-workflow-builder",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "Apache-2.0",
+  "description": "A reusable Next.js plugin for visual workflow building with drag-and-drop, code generation, and AI-powered automation.",
+  "main": "./dist/server/index.js",
+  "types": "./dist/server/index.d.ts",
+  "sideEffects": [
+    "./dist/**/*.workflow.js",
+    "./dist/**/*.step.js",
+    "./dist/lib/steps/**/*.js",
+    "./dist/styles/globals.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
+    "./components": {
+      "types": "./dist/client/components/index.d.ts",
+      "import": "./dist/client/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/client/hooks/index.d.ts",
+      "import": "./dist/client/hooks/index.js"
+    },
+    "./plugins": {
+      "types": "./dist/plugins/index.d.ts",
+      "import": "./dist/plugins/index.js",
+      "default": "./dist/plugins/index.js"
+    },
+    "./styles/globals.css": "./dist/styles/globals.css",
+    "./lib/api-client": {
+      "types": "./dist/lib/api-client.d.ts",
+      "import": "./dist/lib/api-client.js",
+      "default": "./dist/lib/api-client.js"
+    },
+    "./lib/workflow-store": {
+      "types": "./dist/lib/workflow-store.d.ts",
+      "import": "./dist/lib/workflow-store.js",
+      "default": "./dist/lib/workflow-store.js"
+    },
+    "./*": {
+      "types": "./dist/client/*.d.ts",
+      "import": "./dist/client/*.js"
+    }
+  },
+  "bin": {
+    "nwb": "src/scripts/nwb.ts"
+  },
+  "files": [
+    "dist",
+    "src/scripts",
+    "src/plugins"
+  ],
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "tsc --noCheck && node scripts/fix-esm-imports.mjs && mkdir -p dist/styles dist/client && cp src/styles/globals.css dist/styles/globals.css && echo '{\"sideEffects\":false}' > dist/client/package.json",
+    "test": "vitest --typecheck",
+    "types:check": "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "next": ">=16",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "tsx": ">=4",
+    "typescript": ">=5",
+    "workflow": ">=4"
+  },
+  "dependencies": {
+    "@ai-sdk/provider": "^1.0.0",
+    "@inquirer/prompts": "^8.0.1",
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@vercel/og": "^0.8.6",
+    "@xyflow/react": "^12.0.0",
+    "ai": "^5.0.0",
+    "better-auth": "^1.4.18",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
+    "drizzle-orm": "^0.36.0",
+    "jotai": "^2.0.0",
+    "jszip": "^3.10.1",
+    "lucide-react": "^0.552.0",
+    "motion": "^11.0.0",
+    "nanoid": "^5.0.0",
+    "next-themes": "^0.4.6",
+    "postgres": "^3.4.7",
+    "radix-ui": "^1.4.3",
+    "react": "19.2.2",
+    "react-dom": "19.2.2",
+    "react-resizable-panels": "^3.0.6",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^2.2.0",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "workflow": "4.1.0-beta.52",
+    "zod": "^3.22.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^22.0.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "postcss": "^8.5.6",
+    "rimraf": "^5.0.5",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.0.0",
+    "vitest": "^2.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/emulienfou/next-workflow-builder.git"
+  },
+  "keywords": [
+    "workflow"
+  ],
+  "author": "David Sanchez",
+  "bugs": {
+    "url": "https://github.com/emulienfou/next-workflow-builder/issues"
+  },
+  "homepage": "https://github.com/emulienfou/next-workflow-builder#readme"
+}

package/src/plugins/_template/credentials.ts.txt

@@ -0,0 +1,10 @@
+/**
+ * CREDENTIALS TYPE
+ *
+ * Defines the credential fields for your integration.
+ */
+
+export type [IntegrationName]Credentials = {
+  [INTEGRATION_NAME]_API_KEY?: string;
+  // Add other credential fields as needed
+};

package/src/plugins/_template/icon.tsx.txt

@@ -0,0 +1,28 @@
+/**
+ * ICON COMPONENT TEMPLATE
+ *
+ * Define your integration's icon here as an SVG component.
+ * The icon should accept an optional className prop for styling.
+ *
+ * Tips:
+ * - Use fill="currentColor" to inherit the text color
+ * - Standard viewBox is "0 0 24 24" but adjust as needed for your SVG
+ * - Include aria-label and title for accessibility
+ * - Find the SVG for the [IntegrationName] logo at https://simpleicons.org/?q=[integration-name]
+ */
+
+export function [IntegrationName]Icon({ className }: { className?: string }) {
+  return (
+    <svg
+      aria-label="[Integration Name] logo"
+      className={className}
+      fill="currentColor"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <title>[Integration Name]</title>
+      {/* Replace with your SVG path(s) */}
+      <path d="M12 2L2 12h3v8h6v-6h2v6h6v-8h3L12 2z" />
+    </svg>
+  );
+}