next-workflow-builder 0.3.0

package/dist/types-BACZx2Ft.d.ts

@@ -0,0 +1,139 @@
+type IntegrationType = "database" | "loop" | "switch" | string;
+/**
+ * Output Display Config (serializable subset for built-in types only)
+ */
+type SerializableOutputDisplayConfig = {
+    type: "image" | "video" | "url";
+    field: string;
+};
+
+/**
+ * Select Option
+ * Used for select/dropdown fields
+ */
+type SelectOption = {
+    value: string;
+    label: string;
+};
+/**
+ * Base Action Config Field
+ * Declarative definition of a config field for an action
+ */
+type ActionConfigFieldBase = {
+    key: string;
+    label: string;
+    type: "template-input" | "template-textarea" | "text" | "number" | "select" | "schema-builder";
+    placeholder?: string;
+    defaultValue?: string;
+    example?: string;
+    options?: SelectOption[];
+    rows?: number;
+    min?: number;
+    required?: boolean;
+    showWhen?: {
+        field: string;
+        equals: string;
+    };
+};
+/**
+ * Config Field Group
+ * Groups related fields together in a collapsible section
+ */
+type ActionConfigFieldGroup = {
+    label: string;
+    type: "group";
+    fields: ActionConfigFieldBase[];
+    defaultExpanded?: boolean;
+};
+/**
+ * Action Config Field
+ * Can be either a regular field or a group of fields
+ */
+type ActionConfigField = ActionConfigFieldBase | ActionConfigFieldGroup;
+/**
+ * Output Field Definition
+ * Describes an output field available for template autocomplete
+ */
+type OutputField = {
+    field: string;
+    description: string;
+};
+/**
+ * Result Component Props
+ * Props passed to custom result components
+ */
+type ResultComponentProps = {
+    output: unknown;
+    input?: unknown;
+};
+/**
+ * Output Display Config
+ * Specifies how to render step output in the workflow runs panel
+ */
+type OutputDisplayConfig = {
+    type: "image" | "video" | "url";
+    field: string;
+} | {
+    type: "component";
+    component: React.ComponentType<ResultComponentProps>;
+};
+/**
+ * Action Definition
+ * Describes a single action provided by a plugin
+ */
+type PluginAction = {
+    slug: string;
+    label: string;
+    description: string;
+    category: string;
+    stepFunction: string;
+    stepImportPath: string;
+    configFields: ActionConfigField[];
+    outputFields?: OutputField[];
+    outputConfig?: OutputDisplayConfig;
+    codegenTemplate?: string;
+};
+/**
+ * Integration Plugin Definition
+ * All information needed to register a new integration in one place
+ */
+type IntegrationPlugin = {
+    type: IntegrationType;
+    label: string;
+    description: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    formFields: Array<{
+        id: string;
+        label: string;
+        type: "text" | "password" | "url";
+        placeholder?: string;
+        helpText?: string;
+        helpLink?: {
+            text: string;
+            url: string;
+        };
+        configKey: string;
+        envVar?: string;
+    }>;
+    testConfig?: {
+        getTestFunction: () => Promise<(credentials: Record<string, string>) => Promise<{
+            success: boolean;
+            error?: string;
+        }>>;
+    };
+    dependencies?: Record<string, string>;
+    actions: PluginAction[];
+};
+/**
+ * Action with full ID
+ * Includes the computed full action ID (integration/slug)
+ */
+type ActionWithFullId = PluginAction & {
+    id: string;
+    integration: IntegrationType;
+};
+type WorkflowCredentials = Record<string, string | undefined>;
+
+export type { ActionWithFullId as A, IntegrationType as I, PluginAction as P, ResultComponentProps as R, SerializableOutputDisplayConfig as S, WorkflowCredentials as W, ActionConfigField as a, ActionConfigFieldBase as b, IntegrationPlugin as c, ActionConfigFieldGroup as d };

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "next-workflow-builder",
+  "version": "0.3.0",
+  "type": "module",
+  "description": "Next.js plugin for Workflow Builder",
+  "repository": "https://github.com/emulienfou/next-workflow-builder",
+  "license": "MIT",
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/styles.css",
+    ".": {
+      "types": "./dist/next/index.d.ts",
+      "import": "./dist/next/index.js",
+      "require": "./dist/next/index.js"
+    },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/index.js",
+      "require": "./dist/client/index.js"
+    },
+    "./plugins": {
+      "types": "./dist/plugins/index.d.ts",
+      "import": "./dist/plugins/index.js",
+      "require": "./dist/plugins/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js",
+      "require": "./dist/server/index.js"
+    },
+    "./api": {
+      "types": "./dist/server/api/index.d.ts",
+      "import": "./dist/server/api/index.js",
+      "require": "./dist/server/api/index.js"
+    },
+    "./server/db/schema": {
+      "types": "./dist/server/db/schema.d.ts",
+      "import": "./dist/server/db/schema.js",
+      "require": "./dist/server/db/schema.js"
+    }
+  },
+  "bin": {
+    "nwb": "src/scripts/nwb.ts"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "NODE_ENV=production tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "pnpm build",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@daveyplate/better-auth-ui": "^3.3.15",
+    "@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",
+    "@xyflow/react": "^12.9.2",
+    "better-auth": "^1.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "drizzle-orm": "^0.44.7",
+    "jiti": "^2.0.0",
+    "jotai": "^2.15.1",
+    "jszip": "^3.10.1",
+    "lucide-react": "^0.552.0",
+    "motion": "^12.23.24",
+    "nanoid": "^5.1.6",
+    "next": "^16",
+    "next-themes": "^0.4.6",
+    "postgres": "^3.4.7",
+    "radix-ui": "^1.4.3",
+    "react-resizable-panels": "^3.0.6",
+    "server-only": "^0.0.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "vaul": "^1.1.2",
+    "workflow": "4.0.1-beta.17",
+    "zod": "^4.1.12"
+  },
+  "peerDependencies": {
+    "next": ">=16",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "drizzle-kit": "^0.31.6",
+    "next": "^16",
+    "prettier": "^3.7.3",
+    "react": "^19",
+    "react-dom": "^19",
+    "tailwindcss": "4.1.10",
+    "tsup": "^8.0.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5",
+    "zx": "^8.2.4"
+  },
+  "sideEffects": false
+}

package/src/scripts/nwb.ts

@@ -0,0 +1,54 @@
+#!/usr/bin/env tsx
+
+/**
+ * nwb - Next Workflow Builder CLI
+ *
+ * Entry point for running workflow builder scripts from consumer projects.
+ *
+ * Usage:
+ *   npx nwb <command>
+ *
+ * Commands:
+ *   discover-plugins Discover plugins and generate registry files
+ *   create-plugin Scaffold a new plugin from templates
+ *   migrate-prod Run database migrations for production (Vercel)
+ */
+
+const command = process.argv[2];
+
+const COMMANDS: Record<string, string> = {
+  "discover-plugins": "./discover-plugins.ts",
+  "create-plugin": "./create-plugin.ts",
+  "migrate-prod": "./migrate-prod.ts",
+};
+
+function printUsage(): void {
+  console.log(`
+nwb - Next Workflow Builder CLI
+
+Usage:
+  npx nwb <command>
+
+Commands:
+  discover-plugins  Discover plugins and generate registry files
+  create-plugin     Scaffold a new plugin from templates
+  migrate-prod      Run database migrations for production (Vercel)
+`);
+}
+
+if (!command || command === "--help" || command === "-h") {
+  printUsage();
+  process.exit(0);
+}
+
+const scriptPath = COMMANDS[command];
+
+if (!scriptPath) {
+  console.error(`Unknown command: ${ command }\n`);
+  printUsage();
+  process.exit(1);
+}
+
+await import(scriptPath);
+
+export {};