feat: workflow/vite plugin

.changeset/config.json

@@ -15,6 +15,7 @@
     "@workflow/example-hono",
     "@workflow/example-nitro-v3",
     "@workflow/example-nitro-v2",
-    "@workflow/example-nuxt"
+    "@workflow/example-nuxt",
+    "@workflow/example-vite"
   ]
 }

.changeset/pre.json

@@ -26,7 +26,8 @@
     "nextjs-webpack": "0.0.2-alpha.5",
     "@workflow/example-nitro-v3": "0.0.0",
     "@workflow/example-nitro-v2": "0.0.0",
-    "@workflow/example-nuxt": "0.0.0"
+    "@workflow/example-nuxt": "0.0.0",
+    "@workflow/example-vite": "0.0.0"
   },
   "changesets": [
     "angry-owls-beg",

.github/workflows/tests.yml

@@ -56,6 +56,8 @@ jobs:
             project-id: "prj_avRPBF3eWjh6iDNQgmhH4VOg27h0"
           - name: "nitro"
             project-id: "prj_e7DZirYdLrQKXNrlxg7KmA6ABx8r"
+          - name: "vite"
+            project-id: "prj_uLIcNZNDmETulAvj5h0IcDHi5432"
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ vars.TURBO_TEAM }}
@@ -170,7 +172,7 @@ jobs:
         run: cd workbench/${{ matrix.app.name }} && ./resolve-symlinks.sh
 
       - name: Run E2E Tests (Next.js)
-        if: matrix.app.name != 'nitro'
+        if: matrix.app.name != 'nitro' && matrix.app.name != 'vite'
         run: cd workbench/${{ matrix.app.name }} && pnpm dev & echo "starting tests in 10 seconds" && sleep 10 && pnpm vitest run packages/core/e2e/next-dev.test.ts && pnpm run test:e2e
         env:
           APP_NAME: ${{ matrix.app.name }}
@@ -182,6 +184,12 @@ jobs:
         env:
           APP_NAME: ${{ matrix.app.name }}
           DEPLOYMENT_URL: "http://localhost:3000"
+      - name: Run E2E Tests (Vite)
+        if: matrix.app.name == 'vite'
+        run: cd workbench/${{ matrix.app.name }} && pnpm dev & echo "starting tests in 10 seconds" && sleep 10 && pnpm vitest run packages/core/e2e/e2e.test.ts
+        env:
+          APP_NAME: ${{ matrix.app.name }}
+          DEPLOYMENT_URL: "http://localhost:3000"
 
   e2e-local-prod:
     name: E2E Local Prod Tests (${{ matrix.app.name }} - ${{ matrix.app.canary && 'canary' || 'stable' }})

packages/core/e2e/local-build.test.ts

@@ -5,7 +5,7 @@ import { getWorkbenchAppPath } from './utils';
 
 const exec = promisify(execOriginal);
 
-describe.each(['nextjs-webpack', 'nextjs-turbopack', 'nitro'])(
+describe.each(['nextjs-webpack', 'nextjs-turbopack', 'nitro', 'vite'])(
   'e2e',
   (project) => {
     test('builds without errors', { timeout: 180_000 }, async () => {

packages/nitro/package.json

@@ -18,7 +18,8 @@
   },
   "exports": {
     ".": "./dist/index.js",
-    "./rollup-plugin": "./dist/rollup-plugin.js"
+    "./rollup-plugin": "./dist/rollup-plugin.js",
+    "./vite": "./dist/vite.js"
   },
   "scripts": {
     "build": "tsc",
@@ -36,6 +37,7 @@
   "devDependencies": {
     "@types/node": "catalog:",
     "@workflow/tsconfig": "workspace:*",
-    "nitro": "latest"
+    "nitro": "catalog:",
+    "vite": "^7.1.12"
   }
 }

packages/nitro/src/builders.ts

@@ -1,6 +1,6 @@
 import { mkdir, readFile, writeFile } from 'node:fs/promises';
-import { BaseBuilder } from '@workflow/cli/dist/lib/builders/base-builder';
-import { VercelBuildOutputAPIBuilder } from '@workflow/cli/dist/lib/builders/vercel-build-output-api';
+import { BaseBuilder } from '@workflow/cli/dist/lib/builders/base-builder.js';
+import { VercelBuildOutputAPIBuilder } from '@workflow/cli/dist/lib/builders/vercel-build-output-api.js';
 import type { Nitro } from 'nitro/types';
 import { join, resolve } from 'pathe';
 

packages/nitro/src/index.ts

@@ -1,7 +1,7 @@
 import type { Nitro, NitroModule, RollupConfig } from 'nitro/types';
 import { join } from 'pathe';
-import { LocalBuilder, VercelBuilder } from './builders';
-import { workflowRollupPlugin } from './rollup-plugin';
+import { LocalBuilder, VercelBuilder } from './builders.js';
+import { workflowRollupPlugin } from './rollup-plugin.js';
 import type { ModuleOptions } from './types';
 
 export type { ModuleOptions };
@@ -18,7 +18,9 @@ export default {
     });
 
     // Temporary workaround for debug unenv mock
-    nitro.options.alias['debug'] ??= 'debug';
+    if (!nitro.options.workflow?._vite) {
+      nitro.options.alias['debug'] ??= 'debug';
+    }
 
     // Generate functions for vercel build
     if (isVercelDeploy) {

packages/nitro/src/rollup-plugin.ts

@@ -11,7 +11,7 @@ type RollupPlugin = Exclude<
 
 export function workflowRollupPlugin(): RollupPlugin {
   return {
-    name: 'workflow-rollup-plugin',
+    name: 'workflow:transform',
     // This transform applies the "use workflow"/"use step"
     // client transformation
     async transform(code: string, id: string) {

packages/nitro/src/types.ts

@@ -1,4 +1,7 @@
 export interface ModuleOptions {
+  /** @internal */
+  _vite?: boolean;
+
   /**
    * Directories to scan for workflows and steps.
    *

packages/nitro/src/vite.ts

@@ -0,0 +1,22 @@
+import type { Plugin } from 'vite'
+import type { ModuleOptions } from './index.js'
+import type { Nitro } from 'nitro/types';
+import { workflowRollupPlugin } from './rollup-plugin.js';
+import nitroModule from './index.js'
+
+export function workflow(options?: ModuleOptions): Plugin[] {
+  return [
+    workflowRollupPlugin(),
+    {
+      name: 'workflow:nitro',
+      // Requires https://github.com/nitrojs/nitro/discussions/3680
+      // @ts-ignore
+      nitro: {
+        setup: (nitro: Nitro) => {
+          nitro.options.workflow = { ...nitro.options.workflow, ...options, _vite: true }
+          return nitroModule.setup(nitro)
+        }
+      }
+    }
+  ]
+}

packages/workflow/package.json

@@ -36,6 +36,7 @@
     "./next": "./dist/next.js",
     "./nitro": "./dist/nitro.js",
     "./rollup-plugin": "./dist/rollup-plugin.js",
+    "./vite": "./dist/vite.js",
     "./runtime": "./dist/runtime.js"
   },
   "scripts": {

packages/workflow/src/vite.ts

@@ -0,0 +1 @@
+export { workflow } from '@workflow/nitro/vite';