@10stars/config 16.0.1 → 16.0.4

package/oxlint.config.browser.json

@@ -17,6 +17,18 @@
         "ignore": ["sx"]
       }
     ],
-    "react/react-in-jsx-scope": "off"
+    "react/react-in-jsx-scope": "off",
+    "no-restricted-imports": [
+      "error",
+      {
+        "paths": [
+          {
+            "name": "@vanilla-extract/css",
+            "importNames": ["style"],
+            "message": "Do not use 'style' from '@vanilla-extract/css'. Use 'theme.layerStyle(import.meta, ...)' instead so the rule lands in a cascade layer"
+          }
+        ]
+      }
+    ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10stars/config",
-  "version": "16.0.1",
+  "version": "16.0.4",
   "private": false,
   "bin": {
     "config": "./src/index.ts"
@@ -26,11 +26,12 @@
     "@types/node": "^26.1.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260704.1",
     "husky": "^9.1.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"
 
@@ -38,12 +39,12 @@ const getOxlintCommonCmd = async () => {
   return `${paths} ${quiet} --ignore-pattern '**/node_modules/**' --ignore-pattern '**/dist/**'`
 }
 
-const typecheckAndWatch = () => exec(`tsc --project ./tsconfig.json --noEmit --watch`)
-
 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
@@ -67,13 +68,9 @@ const actions = {
       }
     },
   },
-  typecheckWatch: {
-    info: "Typecheck code (in watch mode)",
-    action: typecheckAndWatch,
-  },
   ts: {
-    info: `alias for 'typecheckWatch'`,
-    action: typecheckAndWatch,
+    info: `Typecheck code (in watch mode)`,
+    action: () => exec(`tsgo --project ./tsconfig.json --noEmit --watch`), // watch uses tsgo (native-preview) for the FSEvents watcher fix absent from typescript@7.0.1-rc; non-watch typecheck stays on tsc
   },
   typecheck: {
     info: `Typecheck code (no watch)`,

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))`)
+  }
+}