@10stars/config 16.0.1 → 16.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10stars/config",
-  "version": "16.0.1",
+  "version": "16.0.2",
   "private": false,
   "bin": {
     "config": "./src/index.ts"
@@ -30,7 +30,7 @@
     "oxfmt": "0.57.0",
     "oxlint": "^1.72.0",
     "oxlint-tsgolint": "^0.24.0",
-    "tsx": "^4.22.5",
+    "tsx": "^4.23.0",
     "type-fest": "^5.7.0",
     "typescript": "7.0.1-rc"
   }

package/src/index.ts

@@ -6,6 +6,7 @@ import path from "node:path"
 import { resetColorIndex } from "./colors"
 import { checkIsMonorepo, dedupeSingletons, linkPackages } from "./link-packages"
 import { setupOverrides } from "./manage-overrides"
+import { patchVanillaExtract } from "./patch-vanilla-extract"
 import { runConcurrently, type CommandConfig } from "./runner"
 import { setupVSCode } from "./vscode-config"
 
@@ -44,6 +45,8 @@ const actions = {
   prepare: {
     info: `Runs husky and links packages`,
     action: async () => {
+      await patchVanillaExtract(cwd) // patch VE before the CI guard: builds (incl. CI) need the `css.ts`-only filter in node_modules
+
       if (process.env.CI) return
 
       // we must copy it first, because the following steps might have formatting cmds

package/src/patch-vanilla-extract.ts

@@ -0,0 +1,57 @@
+import fs from "node:fs/promises"
+import path from "node:path"
+
+// Vanilla Extract hardcodes its file filter as a `const` regex in @vanilla-extract/integration and
+// imports it into both its vite-plugin and its compiler — there's no option to customize it. We
+// rewrite the regex on disk so ONLY `css.ts` (our single-filename convention) is treated as a VE
+// module; the conventional `.css.ts` suffix is intentionally no longer matched.
+//   original: matches any `*.css.ts`      (a `.` may precede `css`)
+//   patched:  matches a `css.ts` filename (only start-of-path or a separator may precede `css`)
+const ORIGINAL = String.raw`/\.css\.(js|cjs|mjs|jsx|ts|tsx)(\?used)?$/`
+const PATCHED = String.raw`/(?:^|[/\\])css\.(js|cjs|mjs|jsx|ts|tsx)(\?used)?$/`
+
+/**
+ * Rewrite VE's `cssFileFilter` to a `css.ts`-only matcher in every installed copy.
+ *
+ * Runs on `prepare` (postinstall), so it re-applies after each `bun install` re-materializes
+ * node_modules. Idempotent, and a no-op for repos without VE (e.g. backend-only). If VE is present
+ * but the filter definition can't be found, it throws: a silent miss would stop every `css.ts` from
+ * compiling, so a VE build change must surface at install time rather than as missing styles.
+ */
+export const patchVanillaExtract = async (cwd: string) => {
+  const nodeModules = path.join(cwd, `node_modules`)
+  const glob = new Bun.Glob(`**/@vanilla-extract/integration/dist/*.js`)
+
+  let integrationFound = false
+  let definitionFound = false
+  const patched: string[] = []
+
+  for await (const rel of glob.scan({ cwd: nodeModules, onlyFiles: true })) {
+    integrationFound = true
+    const file = path.join(nodeModules, rel)
+    const content = await fs.readFile(file, `utf8`)
+
+    if (content.includes(PATCHED)) {
+      definitionFound = true // already patched by an earlier run
+      continue
+    }
+    if (!content.includes(ORIGINAL)) continue // entry stub / file without the filter definition
+
+    definitionFound = true
+    await fs.writeFile(file, content.replaceAll(ORIGINAL, PATCHED))
+    patched.push(rel)
+  }
+
+  if (!integrationFound) return // VE not installed here
+
+  if (!definitionFound) {
+    throw new Error(
+      `@10stars/config: found @vanilla-extract/integration but not its cssFileFilter definition — ` +
+        `the VE build likely changed. Update ORIGINAL in src/patch-vanilla-extract.ts.`,
+    )
+  }
+
+  if (patched.length) {
+    console.info(`Patched @vanilla-extract file filter to css.ts (${patched.length} file(s))`)
+  }
+}