Align release setup with Vite+ recommendations

Author: lifeiscontent

.github/workflows/release.yml

@@ -29,9 +29,9 @@ jobs:
       - name: Create release PR or publish
         uses: changesets/action@v1
         with:
-          # `pnpm` isn't on PATH under setup-vp; drive the scripts through `vp run`.
-          version: vp run version-packages
-          publish: vp run release
+          # `pnpm` isn't on PATH under setup-vp; run the local Changesets binary through `vp exec`.
+          version: vp exec -w changeset version
+          publish: vp run -r --concurrency-limit 1 build && vp exec -w changeset publish
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package.json

@@ -4,14 +4,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "ready": "vp run -w check && vp run -r test && vp run -r build",
-    "prepare": "vp config",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "vp run -r --concurrency-limit 1 build && changeset publish"
+    "prepare": "vp config"
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",
+    "vite": "catalog:",
     "vite-plus": "catalog:"
   },
   "engines": {

packages/propel/package.json

@@ -56,7 +56,6 @@
   },
   "scripts": {
     "dev": "vp pack --watch",
-    "prepublishOnly": "vp run build",
     "storybook": "storybook dev -p 6006"
   },
   "dependencies": {
@@ -78,17 +77,18 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@typescript/native-preview": "catalog:",
-    "@vitest/browser-playwright": "4.1.9",
-    "@vitest/coverage-v8": "4.1.9",
+    "@vitest/browser-playwright": "catalog:",
+    "@vitest/coverage-v8": "catalog:",
     "playwright": "catalog:",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "storybook": "^10.4.6",
     "storybook-addon-pseudo-states": "^10.4.6",
     "tailwindcss": "catalog:",
     "typescript": "^6.0.3",
+    "vite": "catalog:",
     "vite-plus": "catalog:",
-    "vitest": "4.1.9",
+    "vitest": "catalog:",
     "wrangler": "4.107.0"
   },
   "peerDependencies": {

packages/propel/scripts/pack-retry.mjs

@@ -1,4 +1,3 @@
-/// <reference types="vitest/config" />
 import { existsSync, readdirSync } from "node:fs";
 // Build one entry per primitive/component/hook so each is published as its own
 // subpath. The three component tiers each get a group: `base` (Base UI extensions),
@@ -14,12 +13,21 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 
 import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
-import { playwright } from "@vitest/browser-playwright";
 import { defineConfig } from "vite-plus";
+import { playwright } from "vite-plus/test/browser-playwright";
 import { configDefaults } from "vite-plus/test/config";
 
 const dirname =
   typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+const agentIgnorePatterns = ["**/.claude/**", "**/.agents/**"];
+const taskInput = [
+  { auto: true },
+  "!**/.agents/**",
+  "!**/.claude/**",
+  "!dist/**",
+  "!node_modules/.vite-temp/**",
+  "!storybook-static/**",
+];
 
 // More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
 function subpathEntries(): Record<string, string> {
@@ -78,30 +86,29 @@ export default defineConfig({
   run: {
     tasks: {
       build: {
-        command: "node ./scripts/pack-retry.mjs",
-        input: [{ auto: true }, "!dist/**", "!node_modules/.vite-temp/**", "!storybook-static/**"],
+        command: "vp pack",
+        input: taskInput,
         output: ["dist/**"],
       },
       "build-storybook": {
         command: "storybook build",
-        input: [{ auto: true }, "!dist/**", "!node_modules/.vite-temp/**", "!storybook-static/**"],
+        input: taskInput,
         output: ["storybook-static/**"],
       },
       check: {
         command: "vp check",
-        input: [{ auto: true }, "!dist/**", "!node_modules/.vite-temp/**", "!storybook-static/**"],
+        input: taskInput,
         output: [],
       },
       test: {
         command: "vp test",
-        input: [{ auto: true }, "!dist/**", "!node_modules/.vite-temp/**", "!storybook-static/**"],
+        input: taskInput,
         output: [],
       },
     },
   },
-  // Keep vite's dev/test server out of nested agent worktrees (`.claude/worktrees/<name>`,
-  // full second checkouts living inside the workspace root). See the root `vite.config.ts`.
-  server: { watch: { ignored: ["**/.claude/**"] } },
+  // Keep vite's dev/test server out of local agent state. See the root `vite.config.ts`.
+  server: { watch: { ignored: agentIgnorePatterns } },
   // Pre-bundle every story's deps in a single optimizer pass at server start. Without this the
   // browser discovers deps lazily, so a late story importing a not-yet-bundled dep triggers a
   // mid-run re-optimize; that commits a new bundle, reloads the page, and 404s the module
@@ -116,7 +123,7 @@ export default defineConfig({
     // Vitest ignores `.gitignore`, so its file discovery would otherwise crawl those
     // worktree checkouts (each carries a duplicate copy of every story). The storybook
     // project below extends this config, so the exclude applies to it too.
-    exclude: [...configDefaults.exclude, "**/.claude/**"],
+    exclude: [...configDefaults.exclude, ...agentIgnorePatterns],
     // The standard Storybook Vitest-addon project: one chromium browser instance running
     // every story as a test (render → play → a11y gate). See the addon docs:
     // https://storybook.js.org/docs/writing-tests/integrations/vitest-addon

packages/propel/vite.config.ts

@@ -1 +1 @@
-/// <reference types="@vitest/browser-playwright" />
+/// <reference types="vite-plus/test/browser-playwright" />