test(e2e): add vite migration e2e

Author: fengmk2

.github/workflows/e2e-test.yml

@@ -7,6 +7,8 @@ on:
   push:
     branches:
       - main
+      # For testing the e2e test workflow, will be deleted after testing
+      - 12-22-test_e2e_add_vite_migration_e2e
     paths-ignore:
       - '**/*.md'
 
@@ -32,6 +34,9 @@ jobs:
 
   e2e-test:
     name: ${{ matrix.project.name }} E2E test
+    env:
+      # For packing manager install from github package registry
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
     permissions:
       contents: read
       packages: read
@@ -50,6 +55,19 @@ jobs:
             command: |
               pnpm run --filter="@skeletonlabs/*" --filter="!*skeleton.dev" --sequential build
               pnpm test
+          - name: rollipop
+            node-version: 22
+            skip-install: true
+            command: |
+              vite install --no-frozen-lockfile || true
+              vite run lint || true
+              vite run build:all
+              vite run typecheck:all
+              vite run format
+              vite run @rollipop/common#test
+              vite run @rollipop/core#test
+              vite run @rollipop/dev-server#test
+
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
       - uses: ./.github/actions/clone
@@ -98,6 +116,9 @@ jobs:
         working-directory: ecosystem-ci/${{ matrix.project.name }}
         run: |
           node ../patch-project.ts ${{ matrix.project.name }}
+          if [ -n "${{ matrix.project.skip-install }}" ]; then
+            exit 0
+          fi
           pnpm install --no-frozen-lockfile
           pnpm playwright install --with-deps
 

ecosystem-ci/.gitignore

@@ -1,2 +1,3 @@
 vibe-dashboard
-skeleton
+skeleton
+rollipop

ecosystem-ci/patch-project.ts

@@ -1,3 +1,4 @@
+import { execSync } from 'node:child_process';
 import fs from 'node:fs';
 import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -208,13 +209,35 @@ peerDependencyRules:
   }
 }
 
+async function migrateProject(project: string) {
+  const repoRoot = join(projectDir, project);
+  // run vite migrate
+  execSync('vite migrate', {
+    cwd: repoRoot,
+    stdio: 'inherit',
+    env: {
+      ...process.env,
+      VITE_PLUS_OVERRIDE_PACKAGES: JSON.stringify({
+        vite: `file:${tgzPath}/voidzero-dev-vite-plus-core-0.0.0.tgz`,
+        vitest: `file:${tgzPath}/voidzero-dev-vite-plus-test-0.0.0.tgz`,
+        '@voidzero-dev/vite-plus-core': `file:${tgzPath}/voidzero-dev-vite-plus-core-0.0.0.tgz`,
+        '@voidzero-dev/vite-plus-test': `file:${tgzPath}/voidzero-dev-vite-plus-test-0.0.0.tgz`,
+      }),
+      VITE_PLUS_VERSION: `file:${tgzPath}/voidzero-dev-vite-plus-0.0.0.tgz`,
+    },
+  });
+}
+
 switch (project) {
   case 'vibe-dashboard':
     await patchVibeDashboard();
     break;
   case 'skeleton':
     await patchSkeleton();
     break;
+  case 'rollipop':
+    await migrateProject(project);
+    break;
   default:
     console.error(`Project ${project} is not supported`);
     process.exit(1);

ecosystem-ci/repo.json

@@ -8,5 +8,10 @@
     "repository": "https://github.com/voidzero-dev/vibe-dashboard.git",
     "branch": "main",
     "hash": "30c68c9ad65c1315abf4c69366b21bc63b5d0fb4"
+  },
+  "rollipop": {
+    "repository": "https://github.com/leegeunhyeok/rollipop.git",
+    "branch": "main",
+    "hash": "37095bfa36fa4c8bdf5e48f050aff39b3ffe8cc1"
   }
 }

packages/global/src/migration/migrator.ts

@@ -23,13 +23,10 @@ import {
   detectPackageMetadata,
   VITE_PLUS_NAME,
   VITE_PLUS_VERSION,
+  VITE_PLUS_OVERRIDE_PACKAGES,
 } from '../utils/index.js';
 import { detectConfigs } from './detector.js';
 
-const OVERRIDE_PACKAGES = {
-  vite: 'npm:@voidzero-dev/vite-plus-core@latest',
-  vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
-} as const;
 // packages that are replaced with vite-plus
 const REMOVE_PACKAGES = [
   'oxlint',
@@ -101,24 +98,24 @@ export function rewriteStandaloneProject(projectPath: string, workspaceInfo: Wor
     if (packageManager === PackageManager.yarn) {
       pkg.resolutions = {
         ...pkg.resolutions,
-        ...OVERRIDE_PACKAGES,
+        ...VITE_PLUS_OVERRIDE_PACKAGES,
       };
     } else if (packageManager === PackageManager.npm) {
       pkg.overrides = {
         ...pkg.overrides,
-        ...OVERRIDE_PACKAGES,
+        ...VITE_PLUS_OVERRIDE_PACKAGES,
       };
     } else if (packageManager === PackageManager.pnpm) {
       pkg.pnpm = {
         ...pkg.pnpm,
         overrides: {
           ...pkg.pnpm?.overrides,
-          ...OVERRIDE_PACKAGES,
+          ...VITE_PLUS_OVERRIDE_PACKAGES,
         },
       };
       // remove packages from `resolutions` field if they exist
       // https://pnpm.io/9.x/package_json#resolutions
-      for (const key of [...Object.keys(OVERRIDE_PACKAGES), ...REMOVE_PACKAGES]) {
+      for (const key of [...Object.keys(VITE_PLUS_OVERRIDE_PACKAGES), ...REMOVE_PACKAGES]) {
         if (pkg.resolutions?.[key]) {
           delete pkg.resolutions[key];
         }
@@ -219,7 +216,7 @@ function rewritePnpmWorkspaceYaml(projectPath: string): void {
     rewriteCatalog(doc);
 
     // overrides
-    for (const key of Object.keys(OVERRIDE_PACKAGES)) {
+    for (const key of Object.keys(VITE_PLUS_OVERRIDE_PACKAGES)) {
       doc.setIn(['overrides', scalarString(key)], scalarString('catalog:'));
     }
     // remove dependency selector from vite, e.g. "vite-plugin-svgr>vite": "npm:rolldown-vite@7.0.12"
@@ -239,7 +236,7 @@ function rewritePnpmWorkspaceYaml(projectPath: string): void {
       allowAny = new YAMLSeq<Scalar<string>>();
     }
     const existing = new Set(allowAny.items.map((n) => n.value));
-    for (const key of Object.keys(OVERRIDE_PACKAGES)) {
+    for (const key of Object.keys(VITE_PLUS_OVERRIDE_PACKAGES)) {
       if (!existing.has(key)) {
         allowAny.add(scalarString(key));
       }
@@ -254,7 +251,7 @@ function rewritePnpmWorkspaceYaml(projectPath: string): void {
     if (!allowedVersions) {
       allowedVersions = new YAMLMap<Scalar<string>, Scalar<string>>();
     }
-    for (const key of Object.keys(OVERRIDE_PACKAGES)) {
+    for (const key of Object.keys(VITE_PLUS_OVERRIDE_PACKAGES)) {
       // - vite: '*'
       allowedVersions.set(scalarString(key), scalarString('*'));
     }
@@ -324,7 +321,7 @@ function rewriteYarnrcYml(projectPath: string): void {
  * @param doc - The document to rewrite
  */
 function rewriteCatalog(doc: YamlDocument): void {
-  for (const [key, value] of Object.entries(OVERRIDE_PACKAGES)) {
+  for (const [key, value] of Object.entries(VITE_PLUS_OVERRIDE_PACKAGES)) {
     doc.setIn(['catalog', key], scalarString(value));
   }
   doc.setIn(['catalog', VITE_PLUS_NAME], scalarString(VITE_PLUS_VERSION));
@@ -361,19 +358,19 @@ function rewriteRootWorkspacePackageJson(
         ...pkg.resolutions,
         // FIXME: yarn don't support catalog on resolutions
         // https://github.com/yarnpkg/berry/issues/6979
-        ...OVERRIDE_PACKAGES,
+        ...VITE_PLUS_OVERRIDE_PACKAGES,
       };
     } else if (packageManager === PackageManager.npm) {
       pkg.overrides = {
         ...pkg.overrides,
-        ...OVERRIDE_PACKAGES,
+        ...VITE_PLUS_OVERRIDE_PACKAGES,
       };
     } else if (packageManager === PackageManager.pnpm) {
       // pnpm use overrides field at pnpm-workspace.yaml
       // so we don't need to set overrides field at package.json
       // remove packages from `resolutions` field and `pnpm.overrides` field if they exist
       // https://pnpm.io/9.x/package_json#resolutions
-      for (const key of [...Object.keys(OVERRIDE_PACKAGES), ...REMOVE_PACKAGES]) {
+      for (const key of [...Object.keys(VITE_PLUS_OVERRIDE_PACKAGES), ...REMOVE_PACKAGES]) {
         if (pkg.pnpm?.overrides?.[key]) {
           delete pkg.pnpm.overrides[key];
         }
@@ -438,7 +435,7 @@ export function rewritePackageJson(
   }
   const supportCatalog = isMonorepo && packageManager !== PackageManager.npm;
   let needVitePlus = false;
-  for (const [key, version] of Object.entries(OVERRIDE_PACKAGES)) {
+  for (const [key, version] of Object.entries(VITE_PLUS_OVERRIDE_PACKAGES)) {
     const value = supportCatalog ? 'catalog:' : version;
     if (pkg.devDependencies?.[key]) {
       pkg.devDependencies[key] = value;

packages/global/src/utils/constants.ts

@@ -1,2 +1,10 @@
 export const VITE_PLUS_NAME = '@voidzero-dev/vite-plus';
-export const VITE_PLUS_VERSION = 'latest';
+export const VITE_PLUS_VERSION = process.env.VITE_PLUS_VERSION || 'latest';
+
+export const VITE_PLUS_OVERRIDE_PACKAGES: Record<string, string> = process.env
+  .VITE_PLUS_OVERRIDE_PACKAGES
+  ? JSON.parse(process.env.VITE_PLUS_OVERRIDE_PACKAGES)
+  : {
+      vite: 'npm:@voidzero-dev/vite-plus-core@latest',
+      vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
+    };