@fastkit/plugboy-vanilla-extract-plugin 4.0.0 → 4.1.0

package/README.md

@@ -23,7 +23,7 @@ pnpm add -D @fastkit/plugboy-vanilla-extract-plugin
 ```
 
 > [!NOTE]
-> Requires `@fastkit/plugboy` (and `vite`, when using the Vite integration) as peer dependencies.
+> Requires `@fastkit/plugboy` as a peer dependency. When using the Vite integration (`@fastkit/plugboy-vanilla-extract-plugin/vite`), `vite` and `@vanilla-extract/vite-plugin` are also required as peer dependencies — install them yourself. The main entry never loads them, so build-only usage needs neither.
 
 ## Usage
 
@@ -53,7 +53,7 @@ For environments that resolve Vanilla Extract without a Plugboy build (Vite dev
 
 ```typescript
 import { defineConfig } from 'vite';
-import { ViteVanillaExtractPlugin } from '@fastkit/plugboy-vanilla-extract-plugin';
+import { ViteVanillaExtractPlugin } from '@fastkit/plugboy-vanilla-extract-plugin/vite';
 
 export default defineConfig({
   plugins: [

package/dist/plugboy-vanilla-extract-plugin.d.mts

@@ -1,7 +1,5 @@
 import { Plugin } from "@fastkit/plugboy";
 import { vanillaExtractPlugin } from "@vanilla-extract/rollup-plugin";
-import { vanillaExtractPlugin as vanillaExtractPlugin$1 } from "@vanilla-extract/vite-plugin";
-import { Plugin as Plugin$1 } from "vite";
 
 //#region src/types.d.ts
 type VanillaExtractPluginOptions = Omit<NonNullable<Parameters<typeof vanillaExtractPlugin>[0]>, 'extract'>;
@@ -20,10 +18,4 @@ declare module '@fastkit/plugboy' {
 }
 declare function createVanillaExtractPlugin(options?: PluginOptions): Promise<VanillaExtractPlugin>;
 //#endregion
-//#region src/vite.d.ts
-type VanillaExtractVitePluginOptions = NonNullable<Parameters<typeof vanillaExtractPlugin$1>[0]>;
-interface ViteVanillaExtractPluginOptions extends VanillaExtractVitePluginOptions {}
-declare function ViteVanillaExtractPlugin(options?: ViteVanillaExtractPluginOptions): Promise<Plugin$1[]>;
-//#endregion
-export { PLUGIN_NAME, PluginOptions, VanillaExtractPlugin, ViteVanillaExtractPlugin, ViteVanillaExtractPluginOptions, createVanillaExtractPlugin };
-//# sourceMappingURL=plugboy-vanilla-extract-plugin.d.mts.map
+export { PLUGIN_NAME, PluginOptions, VanillaExtractPlugin, createVanillaExtractPlugin };

package/dist/plugboy-vanilla-extract-plugin.mjs

@@ -1,11 +1,8 @@
+import { t as PLUGIN_NAME } from "./types-Djg9yxv0.mjs";
 import fs from "node:fs/promises";
 import path from "node:path";
-import { definePlugin, findFile, findProjectPlugin } from "@fastkit/plugboy";
+import { definePlugin, findFile } from "@fastkit/plugboy";
 import { vanillaExtractPlugin } from "@vanilla-extract/rollup-plugin";
-import { vanillaExtractPlugin as vanillaExtractPlugin$1 } from "@vanilla-extract/vite-plugin";
-//#region src/types.ts
-const PLUGIN_NAME = "plugboy-vanilla-extract";
-//#endregion
 //#region src/plugin.ts
 /**
 * Temporary file name for the CSS that tsdown's own CSS pipeline emits.
@@ -140,22 +137,6 @@ async function createVanillaExtractPlugin(options = {}) {
 	});
 }
 //#endregion
-//#region src/vite.ts
-async function ViteVanillaExtractPlugin(options = {}) {
-	const { identifiers: baseIdentifiers } = (await findProjectPlugin("plugboy-vanilla-extract"))?._options || {};
-	return [...vanillaExtractPlugin$1({
-		identifiers: baseIdentifiers,
-		...options
-	}), {
-		name: "vanilla-extract-fix-file-scope",
-		config(viteConfig) {
-			viteConfig.resolve ??= {};
-			viteConfig.resolve.dedupe ??= [];
-			viteConfig.resolve.dedupe.push("@vanilla-extract/css", "@vanilla-extract/css/fileScope");
-		}
-	}];
-}
-//#endregion
-export { PLUGIN_NAME, ViteVanillaExtractPlugin, createVanillaExtractPlugin };
+export { PLUGIN_NAME, createVanillaExtractPlugin };
 
 //# sourceMappingURL=plugboy-vanilla-extract-plugin.mjs.map

package/dist/plugboy-vanilla-extract-plugin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugboy-vanilla-extract-plugin.mjs","names":["vanillaExtractPlugin"],"sources":["../src/types.ts","../src/plugin.ts","../src/vite.ts"],"sourcesContent":["import { Plugin } from '@fastkit/plugboy';\nimport type { vanillaExtractPlugin as rollupPlugin } from '@vanilla-extract/rollup-plugin';\n\ntype VanillaExtractPluginOptions = Omit<\n  NonNullable<Parameters<typeof rollupPlugin>[0]>,\n  'extract'\n>;\n\nexport type PluginOptions = Pick<\n  VanillaExtractPluginOptions,\n  'identifiers' | 'esbuildOptions'\n>;\n\nexport const PLUGIN_NAME = 'plugboy-vanilla-extract';\n\nexport interface VanillaExtractPlugin extends Plugin {\n  name: typeof PLUGIN_NAME;\n  _options: PluginOptions;\n}\n","import fs from 'node:fs/promises';\nimport path from 'node:path';\nimport { definePlugin, findFile, type Plugin } from '@fastkit/plugboy';\nimport { vanillaExtractPlugin } from '@vanilla-extract/rollup-plugin';\nimport { VanillaExtractPlugin, PluginOptions, PLUGIN_NAME } from './types';\n\ndeclare module '@fastkit/plugboy' {\n  export interface WorkspaceMeta {\n    hasVanillaExtract: boolean;\n  }\n}\n\n/**\n * Temporary file name for the CSS that tsdown's own CSS pipeline emits.\n *\n * A package can have two independent sources of CSS:\n * - tsdown's built-in CSS handling, for plain `.css` / `.scss` imports.\n * - `@vanilla-extract/rollup-plugin`, for `.css.ts` files (extracted into a\n *   single bundle named after the package).\n *\n * If both are pointed at the same final file name they collide\n * (`FILE_NAME_CONFLICT` — one silently overwrites the other, dropping all of\n * the vanilla-extract component CSS). To avoid that we route tsdown's CSS to\n * this temporary name and merge it into the vanilla-extract bundle in\n * `writeBundle`.\n */\nconst TSDOWN_CSS_FILE_NAME = '__ve-tsdown__.css';\n\nexport async function createVanillaExtractPlugin(options: PluginOptions = {}) {\n  return definePlugin<VanillaExtractPlugin>({\n    name: PLUGIN_NAME,\n    _options: options,\n    hooks: {\n      async setupWorkspace(ctx, getWorkspace) {\n        // Derive the final CSS file name from the workspace entry, mirroring the\n        // way plugboy names the JS output: the main entry (`.`) maps to the\n        // package directory name (e.g. `vue-app-layout`), other entries keep\n        // their id. Since `splitting: false` produces a single combined CSS for\n        // the package, we base it on the main entry (falling back to the first).\n        // Result: `dist/vue-app-layout.css` instead of `dist/__ve-tmp__.css`.\n        const entryIds = Object.keys(ctx.config.entries);\n        const cssBaseName = entryIds.includes('.')\n          ? ctx.dir.basename\n          : (entryIds[0] ?? ctx.dir.basename);\n        const cssFileName = `${cssBaseName}.css`;\n\n        // Routing for tsdown's plain-CSS blob (see `writeBundle`). plugboy's CSS\n        // pipeline emits ALL plain (non-`.css.ts`) CSS — e.g. an `@font-face`\n        // sheet `import`ed by an entry — into a single combined file\n        // (`TSDOWN_CSS_FILE_NAME`); it cannot be split per entry (tsdown's own CSS\n        // `splitting` drops the styles entirely when vanilla-extract is present).\n        // The per-entry split in `generateBundle` fills these so the blob is\n        // merged into the right entry CSS files instead of an orphan\n        // `cssFileName`. Defaults (no split) keep the original single-file\n        // behavior. `plainCssTargets`: entry CSS files (`a.css`) that import plain\n        // CSS. `plainCssFallback`: where the blob goes when the split fired but no\n        // entry with a CSS file owns the plain CSS (avoids re-creating an orphan).\n        const plainCssTargets = new Set<string>();\n        let plainCssFallback = cssFileName;\n\n        ctx.mergeExternals(/@vanilla-extract/);\n\n        ctx.meta.hasVanillaExtract = !!(await findFile(\n          ctx.dirs.src.value,\n          /\\.css\\.ts$/,\n        ));\n\n        // When vanilla-extract is in play, route tsdown's own CSS to a temporary\n        // name so it doesn't collide with the vanilla-extract bundle that also\n        // targets `cssFileName`; the two are merged into a single `cssFileName`\n        // by the `writeBundle` hook below. Without vanilla-extract there is no\n        // second producer, so tsdown emits `cssFileName` directly.\n        ctx.css = {\n          splitting: false,\n          fileName: ctx.meta.hasVanillaExtract\n            ? TSDOWN_CSS_FILE_NAME\n            : cssFileName,\n        };\n\n        if (ctx.meta.hasVanillaExtract) {\n          const originalPlugin = vanillaExtractPlugin({\n            ...options,\n            extract: {\n              name: cssFileName,\n              sourcemap: false,\n            },\n          });\n\n          // `@vanilla-extract/rollup-plugin` returns a rollup `Plugin`, but\n          // plugboy's `ctx.plugins` expects a tsdown (rolldown) `Plugin`. The two\n          // are structurally almost identical, but hooks like `outputOptions`\n          // type `this` as rollup's `PluginContext` vs rolldown's\n          // `MinimalPluginContext`, which makes them unassignable (the `this`\n          // type is contravariant). rolldown accepts rollup plugins at runtime,\n          // so this is harmless — cast to work around the type mismatch.\n          ctx.plugins.push(originalPlugin as unknown as Plugin);\n\n          // `@vanilla-extract/rollup-plugin` emits the extracted CSS via\n          // `emitFile({ type: 'asset', name: cssFileName })`. Because it uses\n          // `name` (a hint) rather than `fileName`, rolldown runs it through the\n          // default `assetFileNames` pattern (`assets/[name]-[hash][extname]`),\n          // producing e.g. `dist/assets/vue-app-layout-dry0z-1l.css`.\n          //\n          // We can't *rename* an asset in `generateBundle` because rolldown\n          // ignores mutations to a bundle entry's `fileName`. Instead, override\n          // `assetFileNames` via the `outputOptions` hook so this single CSS\n          // asset keeps its derived name verbatim (no hash, no `assets/` dir)\n          // while every other asset keeps its original naming.\n          ctx.plugins.push({\n            name: `${PLUGIN_NAME}:rename-css`,\n            outputOptions(opts) {\n              const original = opts.assetFileNames;\n              opts.assetFileNames = (assetInfo) => {\n                if (assetInfo.names.includes(cssFileName)) {\n                  return cssFileName;\n                }\n                if (typeof original === 'function') return original(assetInfo);\n                return original ?? 'assets/[name]-[hash][extname]';\n              };\n              return opts;\n            },\n            // Split vanilla-extract's single bundle into one CSS file per entry.\n            //\n            // `extract: { name }` mode collects the CSS of EVERY `.css.ts` in the\n            // graph into one asset (`cssFileName`), which loses plugboy's per-entry\n            // CSS contract: every entry with `css: true` declares a `./<entry>.css`\n            // export, but only `cssFileName` is ever produced. We rebuild the\n            // per-entry files from data vanilla-extract already exposes:\n            // `moduleInfo.meta.css` (its public hand-off for extracted CSS, the\n            // same field its own bundler reads).\n            //\n            // CSS is attributed to an entry by walking the INPUT module graph from\n            // that entry's `facadeModuleId` via `getModuleInfo().importedIds`, NOT\n            // by reading the output chunk's `imports`. `chunk.imports` lists output\n            // chunk file names plus external ids, and whether vanilla-extract's\n            // external virtual CSS ids appear there is rolldown-version-dependent\n            // (some versions only list real output chunks, so the lookup finds\n            // nothing and the split silently no-ops). The input graph is stable: it\n            // always yields the `.css.ts` modules an entry reaches, regardless of\n            // how rolldown chunks the output. A `.css.ts` shared by several entries\n            // is included in each entry's file (self-contained per-entry CSS).\n            //\n            // We never parse vanilla-extract's asset names or re-add the import\n            // statements it strips, so the only coupling is `meta.css`.\n            //\n            // Runs before `plugboy-optimize-css` (appended later in\n            // `workspace.plugins`), so each emitted per-entry file still goes\n            // through the postcss optimizations.\n            //\n            // Only splits when more than one entry actually has CSS. With a single\n            // CSS entry (the common case) vanilla-extract's bundle is already the\n            // correct, fully-ordered output, so it is left untouched and existing\n            // single-entry packages are byte-for-byte unaffected.\n            generateBundle(_options, bundle) {\n              // Walk the input module graph from `root`, collecting (deduped, in\n              // import order) the CSS of every `.css.ts` reached (`meta.css`), and\n              // flagging whether any plain (non-`.css.ts`) CSS file is imported.\n              const collectEntryCss = (\n                root: string,\n              ): { css: string[]; hasPlain: boolean } => {\n                const visited = new Set<string>();\n                const seenCss = new Set<string>();\n                const out: string[] = [];\n                let hasPlain = false;\n                const walk = (id: string) => {\n                  if (visited.has(id)) return;\n                  visited.add(id);\n                  const info = this.getModuleInfo(id);\n                  if (!info) return;\n                  for (const dep of info.importedIds ?? []) {\n                    const css = this.getModuleInfo(dep)?.meta?.css;\n                    if (typeof css === 'string') {\n                      // vanilla-extract virtual CSS (`*.vanilla.css`).\n                      if (!seenCss.has(dep)) {\n                        seenCss.add(dep);\n                        out.push(css);\n                      }\n                    } else if (/\\.css(\\?|$)/i.test(dep)) {\n                      // Plain CSS import (no `meta.css`) — its content lives in\n                      // tsdown's combined blob, merged per entry in `writeBundle`.\n                      hasPlain = true;\n                    }\n                    walk(dep);\n                  }\n                };\n                walk(root);\n                return { css: out, hasPlain };\n              };\n\n              const entryCss: {\n                name: string;\n                source: string;\n                hasPlain: boolean;\n              }[] = [];\n\n              for (const chunk of Object.values(bundle)) {\n                if (\n                  chunk.type !== 'chunk' ||\n                  !chunk.isEntry ||\n                  !chunk.fileName.endsWith('.mjs') ||\n                  !chunk.facadeModuleId\n                ) {\n                  continue;\n                }\n                const { css, hasPlain } = collectEntryCss(chunk.facadeModuleId);\n                if (css.length) {\n                  entryCss.push({\n                    name: chunk.name,\n                    source: css.join('\\n'),\n                    hasPlain,\n                  });\n                }\n              }\n\n              // 0 or 1 CSS entry → vanilla-extract's bundle is already correct,\n              // and the single-file `writeBundle` fallback applies unchanged.\n              if (entryCss.length <= 1) return;\n\n              // Replace vanilla-extract's combined bundle with per-entry files.\n              // The entry whose file name matches `cssFileName` overwrites the\n              // existing asset in place — re-`emitFile`ing the same name would\n              // trip rolldown's FILE_NAME_CONFLICT, since deleting the bundle\n              // entry does not release the reserved file name. Other entries are\n              // emitted as new assets.\n              const reused = new Set<string>();\n              for (const { name, source } of entryCss) {\n                const fileName = `${name}.css`;\n                const existing = bundle[fileName];\n                if (existing && existing.type === 'asset') {\n                  existing.source = source;\n                  reused.add(fileName);\n                } else {\n                  this.emitFile({ type: 'asset', fileName, source });\n                }\n              }\n\n              // Drop vanilla-extract's combined bundle if no entry reused it.\n              const combined = bundle[cssFileName];\n              if (\n                combined &&\n                combined.type === 'asset' &&\n                !reused.has(cssFileName)\n              ) {\n                delete bundle[cssFileName];\n              }\n\n              // Tell `writeBundle` where to merge tsdown's plain-CSS blob: into\n              // each entry CSS file whose entry imports plain CSS. Falling back to\n              // the first entry's file keeps the blob attached to a real, exported\n              // CSS file instead of resurrecting the now-deleted `cssFileName`.\n              plainCssTargets.clear();\n              plainCssFallback = `${entryCss[0].name}.css`;\n              for (const { name, hasPlain } of entryCss) {\n                if (hasPlain) plainCssTargets.add(`${name}.css`);\n              }\n            },\n            // Merge tsdown's own plain-CSS blob (emitted to\n            // `TSDOWN_CSS_FILE_NAME`) into the vanilla-extract CSS file(s).\n            //\n            // This has to happen in `writeBundle`, not `generateBundle`: tsdown\n            // emits its CSS in a separate output pass, so `TSDOWN_CSS_FILE_NAME`\n            // is absent from the bundle our `generateBundle` sees but present by\n            // `writeBundle`. By then the vanilla-extract files are already on disk,\n            // so we merge on disk rather than mutating bundle sources. tsdown's\n            // CSS goes first so its `@layer` declarations / resets / `@font-face`\n            // are established before the extracted component styles.\n            //\n            // Targets:\n            // - Per-entry split fired → the entry CSS files whose entries import\n            //   plain CSS (`plainCssTargets`), falling back to the first entry's\n            //   file. Never `cssFileName`, which the split deleted (no orphan).\n            // - No split (single CSS entry) → `cssFileName`, the one combined file.\n            // The combined blob cannot be partitioned per entry, so when several\n            // entries import distinct plain CSS each target receives the whole\n            // blob; in practice plain CSS (fonts/resets) is imported by one entry.\n            async writeBundle(outputOptions, bundle) {\n              // Only the output pass that emitted tsdown's CSS performs the merge\n              // (it is the one whose `bundle` contains `TSDOWN_CSS_FILE_NAME`).\n              // This also prevents a second output from re-injecting the imports.\n              const tmp = bundle[TSDOWN_CSS_FILE_NAME];\n              if (!tmp) return;\n\n              const tmpCss = tmp.type === 'asset' ? tmp.source.toString() : '';\n              const dir = outputOptions.dir ?? '.';\n              const tmpPath = path.join(dir, TSDOWN_CSS_FILE_NAME);\n\n              if (tmpCss) {\n                const targets = plainCssTargets.size\n                  ? [...plainCssTargets]\n                  : [plainCssFallback];\n\n                await Promise.all(\n                  targets.map(async (target) => {\n                    const targetPath = path.join(dir, target);\n                    let targetCss = '';\n                    try {\n                      targetCss = await fs.readFile(targetPath, 'utf8');\n                    } catch {\n                      // No vanilla-extract file for this target (e.g. `.css.ts`\n                      // produced no rules) — tsdown's CSS becomes the whole file.\n                    }\n                    await fs.writeFile(\n                      targetPath,\n                      targetCss ? `${tmpCss}\\n${targetCss}` : tmpCss,\n                    );\n                  }),\n                );\n              }\n\n              await fs.rm(tmpPath, { force: true });\n            },\n          });\n        }\n      },\n    },\n  });\n}\n","import { findProjectPlugin } from '@fastkit/plugboy';\nimport { Plugin as VitePlugin } from 'vite';\nimport { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';\nimport { PLUGIN_NAME, VanillaExtractPlugin } from './types';\n\ntype VanillaExtractVitePluginOptions = NonNullable<\n  Parameters<typeof vanillaExtractPlugin>[0]\n>;\n\nexport interface ViteVanillaExtractPluginOptions extends VanillaExtractVitePluginOptions {}\n\nexport async function ViteVanillaExtractPlugin(\n  options: ViteVanillaExtractPluginOptions = {},\n): Promise<VitePlugin[]> {\n  const plugin = await findProjectPlugin<VanillaExtractPlugin>(PLUGIN_NAME);\n  const { identifiers: baseIdentifiers } = plugin?._options || {};\n\n  return [\n    ...vanillaExtractPlugin({\n      identifiers: baseIdentifiers,\n      ...options,\n    }),\n    // @MEMO\n    // Plugin to prevent file scope mismatches when utilities using vanilla-extract\n    // functions are placed in external files\n    {\n      name: 'vanilla-extract-fix-file-scope',\n      config(viteConfig) {\n        viteConfig.resolve ??= {};\n        viteConfig.resolve.dedupe ??= [];\n        viteConfig.resolve.dedupe.push(\n          '@vanilla-extract/css',\n          '@vanilla-extract/css/fileScope',\n        );\n      },\n    },\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"plugboy-vanilla-extract-plugin.mjs","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import fs from 'node:fs/promises';\nimport path from 'node:path';\nimport { definePlugin, findFile, type Plugin } from '@fastkit/plugboy';\nimport { vanillaExtractPlugin } from '@vanilla-extract/rollup-plugin';\nimport { VanillaExtractPlugin, PluginOptions, PLUGIN_NAME } from './types';\n\ndeclare module '@fastkit/plugboy' {\n  export interface WorkspaceMeta {\n    hasVanillaExtract: boolean;\n  }\n}\n\n/**\n * Temporary file name for the CSS that tsdown's own CSS pipeline emits.\n *\n * A package can have two independent sources of CSS:\n * - tsdown's built-in CSS handling, for plain `.css` / `.scss` imports.\n * - `@vanilla-extract/rollup-plugin`, for `.css.ts` files (extracted into a\n *   single bundle named after the package).\n *\n * If both are pointed at the same final file name they collide\n * (`FILE_NAME_CONFLICT` — one silently overwrites the other, dropping all of\n * the vanilla-extract component CSS). To avoid that we route tsdown's CSS to\n * this temporary name and merge it into the vanilla-extract bundle in\n * `writeBundle`.\n */\nconst TSDOWN_CSS_FILE_NAME = '__ve-tsdown__.css';\n\nexport async function createVanillaExtractPlugin(options: PluginOptions = {}) {\n  return definePlugin<VanillaExtractPlugin>({\n    name: PLUGIN_NAME,\n    _options: options,\n    hooks: {\n      async setupWorkspace(ctx, getWorkspace) {\n        // Derive the final CSS file name from the workspace entry, mirroring the\n        // way plugboy names the JS output: the main entry (`.`) maps to the\n        // package directory name (e.g. `vue-app-layout`), other entries keep\n        // their id. Since `splitting: false` produces a single combined CSS for\n        // the package, we base it on the main entry (falling back to the first).\n        // Result: `dist/vue-app-layout.css` instead of `dist/__ve-tmp__.css`.\n        const entryIds = Object.keys(ctx.config.entries);\n        const cssBaseName = entryIds.includes('.')\n          ? ctx.dir.basename\n          : (entryIds[0] ?? ctx.dir.basename);\n        const cssFileName = `${cssBaseName}.css`;\n\n        // Routing for tsdown's plain-CSS blob (see `writeBundle`). plugboy's CSS\n        // pipeline emits ALL plain (non-`.css.ts`) CSS — e.g. an `@font-face`\n        // sheet `import`ed by an entry — into a single combined file\n        // (`TSDOWN_CSS_FILE_NAME`); it cannot be split per entry (tsdown's own CSS\n        // `splitting` drops the styles entirely when vanilla-extract is present).\n        // The per-entry split in `generateBundle` fills these so the blob is\n        // merged into the right entry CSS files instead of an orphan\n        // `cssFileName`. Defaults (no split) keep the original single-file\n        // behavior. `plainCssTargets`: entry CSS files (`a.css`) that import plain\n        // CSS. `plainCssFallback`: where the blob goes when the split fired but no\n        // entry with a CSS file owns the plain CSS (avoids re-creating an orphan).\n        const plainCssTargets = new Set<string>();\n        let plainCssFallback = cssFileName;\n\n        ctx.mergeExternals(/@vanilla-extract/);\n\n        ctx.meta.hasVanillaExtract = !!(await findFile(\n          ctx.dirs.src.value,\n          /\\.css\\.ts$/,\n        ));\n\n        // When vanilla-extract is in play, route tsdown's own CSS to a temporary\n        // name so it doesn't collide with the vanilla-extract bundle that also\n        // targets `cssFileName`; the two are merged into a single `cssFileName`\n        // by the `writeBundle` hook below. Without vanilla-extract there is no\n        // second producer, so tsdown emits `cssFileName` directly.\n        ctx.css = {\n          splitting: false,\n          fileName: ctx.meta.hasVanillaExtract\n            ? TSDOWN_CSS_FILE_NAME\n            : cssFileName,\n        };\n\n        if (ctx.meta.hasVanillaExtract) {\n          const originalPlugin = vanillaExtractPlugin({\n            ...options,\n            extract: {\n              name: cssFileName,\n              sourcemap: false,\n            },\n          });\n\n          // `@vanilla-extract/rollup-plugin` returns a rollup `Plugin`, but\n          // plugboy's `ctx.plugins` expects a tsdown (rolldown) `Plugin`. The two\n          // are structurally almost identical, but hooks like `outputOptions`\n          // type `this` as rollup's `PluginContext` vs rolldown's\n          // `MinimalPluginContext`, which makes them unassignable (the `this`\n          // type is contravariant). rolldown accepts rollup plugins at runtime,\n          // so this is harmless — cast to work around the type mismatch.\n          ctx.plugins.push(originalPlugin as unknown as Plugin);\n\n          // `@vanilla-extract/rollup-plugin` emits the extracted CSS via\n          // `emitFile({ type: 'asset', name: cssFileName })`. Because it uses\n          // `name` (a hint) rather than `fileName`, rolldown runs it through the\n          // default `assetFileNames` pattern (`assets/[name]-[hash][extname]`),\n          // producing e.g. `dist/assets/vue-app-layout-dry0z-1l.css`.\n          //\n          // We can't *rename* an asset in `generateBundle` because rolldown\n          // ignores mutations to a bundle entry's `fileName`. Instead, override\n          // `assetFileNames` via the `outputOptions` hook so this single CSS\n          // asset keeps its derived name verbatim (no hash, no `assets/` dir)\n          // while every other asset keeps its original naming.\n          ctx.plugins.push({\n            name: `${PLUGIN_NAME}:rename-css`,\n            outputOptions(opts) {\n              const original = opts.assetFileNames;\n              opts.assetFileNames = (assetInfo) => {\n                if (assetInfo.names.includes(cssFileName)) {\n                  return cssFileName;\n                }\n                if (typeof original === 'function') return original(assetInfo);\n                return original ?? 'assets/[name]-[hash][extname]';\n              };\n              return opts;\n            },\n            // Split vanilla-extract's single bundle into one CSS file per entry.\n            //\n            // `extract: { name }` mode collects the CSS of EVERY `.css.ts` in the\n            // graph into one asset (`cssFileName`), which loses plugboy's per-entry\n            // CSS contract: every entry with `css: true` declares a `./<entry>.css`\n            // export, but only `cssFileName` is ever produced. We rebuild the\n            // per-entry files from data vanilla-extract already exposes:\n            // `moduleInfo.meta.css` (its public hand-off for extracted CSS, the\n            // same field its own bundler reads).\n            //\n            // CSS is attributed to an entry by walking the INPUT module graph from\n            // that entry's `facadeModuleId` via `getModuleInfo().importedIds`, NOT\n            // by reading the output chunk's `imports`. `chunk.imports` lists output\n            // chunk file names plus external ids, and whether vanilla-extract's\n            // external virtual CSS ids appear there is rolldown-version-dependent\n            // (some versions only list real output chunks, so the lookup finds\n            // nothing and the split silently no-ops). The input graph is stable: it\n            // always yields the `.css.ts` modules an entry reaches, regardless of\n            // how rolldown chunks the output. A `.css.ts` shared by several entries\n            // is included in each entry's file (self-contained per-entry CSS).\n            //\n            // We never parse vanilla-extract's asset names or re-add the import\n            // statements it strips, so the only coupling is `meta.css`.\n            //\n            // Runs before `plugboy-optimize-css` (appended later in\n            // `workspace.plugins`), so each emitted per-entry file still goes\n            // through the postcss optimizations.\n            //\n            // Only splits when more than one entry actually has CSS. With a single\n            // CSS entry (the common case) vanilla-extract's bundle is already the\n            // correct, fully-ordered output, so it is left untouched and existing\n            // single-entry packages are byte-for-byte unaffected.\n            generateBundle(_options, bundle) {\n              // Walk the input module graph from `root`, collecting (deduped, in\n              // import order) the CSS of every `.css.ts` reached (`meta.css`), and\n              // flagging whether any plain (non-`.css.ts`) CSS file is imported.\n              const collectEntryCss = (\n                root: string,\n              ): { css: string[]; hasPlain: boolean } => {\n                const visited = new Set<string>();\n                const seenCss = new Set<string>();\n                const out: string[] = [];\n                let hasPlain = false;\n                const walk = (id: string) => {\n                  if (visited.has(id)) return;\n                  visited.add(id);\n                  const info = this.getModuleInfo(id);\n                  if (!info) return;\n                  for (const dep of info.importedIds ?? []) {\n                    const css = this.getModuleInfo(dep)?.meta?.css;\n                    if (typeof css === 'string') {\n                      // vanilla-extract virtual CSS (`*.vanilla.css`).\n                      if (!seenCss.has(dep)) {\n                        seenCss.add(dep);\n                        out.push(css);\n                      }\n                    } else if (/\\.css(\\?|$)/i.test(dep)) {\n                      // Plain CSS import (no `meta.css`) — its content lives in\n                      // tsdown's combined blob, merged per entry in `writeBundle`.\n                      hasPlain = true;\n                    }\n                    walk(dep);\n                  }\n                };\n                walk(root);\n                return { css: out, hasPlain };\n              };\n\n              const entryCss: {\n                name: string;\n                source: string;\n                hasPlain: boolean;\n              }[] = [];\n\n              for (const chunk of Object.values(bundle)) {\n                if (\n                  chunk.type !== 'chunk' ||\n                  !chunk.isEntry ||\n                  !chunk.fileName.endsWith('.mjs') ||\n                  !chunk.facadeModuleId\n                ) {\n                  continue;\n                }\n                const { css, hasPlain } = collectEntryCss(chunk.facadeModuleId);\n                if (css.length) {\n                  entryCss.push({\n                    name: chunk.name,\n                    source: css.join('\\n'),\n                    hasPlain,\n                  });\n                }\n              }\n\n              // 0 or 1 CSS entry → vanilla-extract's bundle is already correct,\n              // and the single-file `writeBundle` fallback applies unchanged.\n              if (entryCss.length <= 1) return;\n\n              // Replace vanilla-extract's combined bundle with per-entry files.\n              // The entry whose file name matches `cssFileName` overwrites the\n              // existing asset in place — re-`emitFile`ing the same name would\n              // trip rolldown's FILE_NAME_CONFLICT, since deleting the bundle\n              // entry does not release the reserved file name. Other entries are\n              // emitted as new assets.\n              const reused = new Set<string>();\n              for (const { name, source } of entryCss) {\n                const fileName = `${name}.css`;\n                const existing = bundle[fileName];\n                if (existing && existing.type === 'asset') {\n                  existing.source = source;\n                  reused.add(fileName);\n                } else {\n                  this.emitFile({ type: 'asset', fileName, source });\n                }\n              }\n\n              // Drop vanilla-extract's combined bundle if no entry reused it.\n              const combined = bundle[cssFileName];\n              if (\n                combined &&\n                combined.type === 'asset' &&\n                !reused.has(cssFileName)\n              ) {\n                delete bundle[cssFileName];\n              }\n\n              // Tell `writeBundle` where to merge tsdown's plain-CSS blob: into\n              // each entry CSS file whose entry imports plain CSS. Falling back to\n              // the first entry's file keeps the blob attached to a real, exported\n              // CSS file instead of resurrecting the now-deleted `cssFileName`.\n              plainCssTargets.clear();\n              plainCssFallback = `${entryCss[0].name}.css`;\n              for (const { name, hasPlain } of entryCss) {\n                if (hasPlain) plainCssTargets.add(`${name}.css`);\n              }\n            },\n            // Merge tsdown's own plain-CSS blob (emitted to\n            // `TSDOWN_CSS_FILE_NAME`) into the vanilla-extract CSS file(s).\n            //\n            // This has to happen in `writeBundle`, not `generateBundle`: tsdown\n            // emits its CSS in a separate output pass, so `TSDOWN_CSS_FILE_NAME`\n            // is absent from the bundle our `generateBundle` sees but present by\n            // `writeBundle`. By then the vanilla-extract files are already on disk,\n            // so we merge on disk rather than mutating bundle sources. tsdown's\n            // CSS goes first so its `@layer` declarations / resets / `@font-face`\n            // are established before the extracted component styles.\n            //\n            // Targets:\n            // - Per-entry split fired → the entry CSS files whose entries import\n            //   plain CSS (`plainCssTargets`), falling back to the first entry's\n            //   file. Never `cssFileName`, which the split deleted (no orphan).\n            // - No split (single CSS entry) → `cssFileName`, the one combined file.\n            // The combined blob cannot be partitioned per entry, so when several\n            // entries import distinct plain CSS each target receives the whole\n            // blob; in practice plain CSS (fonts/resets) is imported by one entry.\n            async writeBundle(outputOptions, bundle) {\n              // Only the output pass that emitted tsdown's CSS performs the merge\n              // (it is the one whose `bundle` contains `TSDOWN_CSS_FILE_NAME`).\n              // This also prevents a second output from re-injecting the imports.\n              const tmp = bundle[TSDOWN_CSS_FILE_NAME];\n              if (!tmp) return;\n\n              const tmpCss = tmp.type === 'asset' ? tmp.source.toString() : '';\n              const dir = outputOptions.dir ?? '.';\n              const tmpPath = path.join(dir, TSDOWN_CSS_FILE_NAME);\n\n              if (tmpCss) {\n                const targets = plainCssTargets.size\n                  ? [...plainCssTargets]\n                  : [plainCssFallback];\n\n                await Promise.all(\n                  targets.map(async (target) => {\n                    const targetPath = path.join(dir, target);\n                    let targetCss = '';\n                    try {\n                      targetCss = await fs.readFile(targetPath, 'utf8');\n                    } catch {\n                      // No vanilla-extract file for this target (e.g. `.css.ts`\n                      // produced no rules) — tsdown's CSS becomes the whole file.\n                    }\n                    await fs.writeFile(\n                      targetPath,\n                      targetCss ? `${tmpCss}\\n${targetCss}` : tmpCss,\n                    );\n                  }),\n                );\n              }\n\n              await fs.rm(tmpPath, { force: true });\n            },\n          });\n        }\n      },\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/types-Djg9yxv0.mjs

@@ -0,0 +1,6 @@
+//#region src/types.ts
+const PLUGIN_NAME = "plugboy-vanilla-extract";
+//#endregion
+export { PLUGIN_NAME as t };
+
+//# sourceMappingURL=types-Djg9yxv0.mjs.map

package/dist/types-Djg9yxv0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-Djg9yxv0.mjs","names":[],"sources":["../src/types.ts"],"sourcesContent":["import { Plugin } from '@fastkit/plugboy';\nimport type { vanillaExtractPlugin as rollupPlugin } from '@vanilla-extract/rollup-plugin';\n\ntype VanillaExtractPluginOptions = Omit<\n  NonNullable<Parameters<typeof rollupPlugin>[0]>,\n  'extract'\n>;\n\nexport type PluginOptions = Pick<\n  VanillaExtractPluginOptions,\n  'identifiers' | 'esbuildOptions'\n>;\n\nexport const PLUGIN_NAME = 'plugboy-vanilla-extract';\n\nexport interface VanillaExtractPlugin extends Plugin {\n  name: typeof PLUGIN_NAME;\n  _options: PluginOptions;\n}\n"],"mappings":";AAaA,MAAa,cAAc"}

package/dist/vite.d.mts

@@ -0,0 +1,9 @@
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import { Plugin } from "vite";
+
+//#region src/vite.d.ts
+type VanillaExtractVitePluginOptions = NonNullable<Parameters<typeof vanillaExtractPlugin>[0]>;
+interface ViteVanillaExtractPluginOptions extends VanillaExtractVitePluginOptions {}
+declare function ViteVanillaExtractPlugin(options?: ViteVanillaExtractPluginOptions): Promise<Plugin[]>;
+//#endregion
+export { ViteVanillaExtractPlugin, ViteVanillaExtractPluginOptions };

package/dist/vite.mjs

@@ -0,0 +1,22 @@
+import "./types-Djg9yxv0.mjs";
+import { findProjectPlugin } from "@fastkit/plugboy";
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+//#region src/vite.ts
+async function ViteVanillaExtractPlugin(options = {}) {
+	const { identifiers: baseIdentifiers } = (await findProjectPlugin("plugboy-vanilla-extract"))?._options || {};
+	return [...vanillaExtractPlugin({
+		identifiers: baseIdentifiers,
+		...options
+	}), {
+		name: "vanilla-extract-fix-file-scope",
+		config(viteConfig) {
+			viteConfig.resolve ??= {};
+			viteConfig.resolve.dedupe ??= [];
+			viteConfig.resolve.dedupe.push("@vanilla-extract/css", "@vanilla-extract/css/fileScope");
+		}
+	}];
+}
+//#endregion
+export { ViteVanillaExtractPlugin };
+
+//# sourceMappingURL=vite.mjs.map

package/dist/vite.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.mjs","names":[],"sources":["../src/vite.ts"],"sourcesContent":["import { findProjectPlugin } from '@fastkit/plugboy';\nimport { Plugin as VitePlugin } from 'vite';\nimport { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';\nimport { PLUGIN_NAME, VanillaExtractPlugin } from './types';\n\ntype VanillaExtractVitePluginOptions = NonNullable<\n  Parameters<typeof vanillaExtractPlugin>[0]\n>;\n\nexport interface ViteVanillaExtractPluginOptions extends VanillaExtractVitePluginOptions {}\n\nexport async function ViteVanillaExtractPlugin(\n  options: ViteVanillaExtractPluginOptions = {},\n): Promise<VitePlugin[]> {\n  const plugin = await findProjectPlugin<VanillaExtractPlugin>(PLUGIN_NAME);\n  const { identifiers: baseIdentifiers } = plugin?._options || {};\n\n  return [\n    ...vanillaExtractPlugin({\n      identifiers: baseIdentifiers,\n      ...options,\n    }),\n    // @MEMO\n    // Plugin to prevent file scope mismatches when utilities using vanilla-extract\n    // functions are placed in external files\n    {\n      name: 'vanilla-extract-fix-file-scope',\n      config(viteConfig) {\n        viteConfig.resolve ??= {};\n        viteConfig.resolve.dedupe ??= [];\n        viteConfig.resolve.dedupe.push(\n          '@vanilla-extract/css',\n          '@vanilla-extract/css/fileScope',\n        );\n      },\n    },\n  ];\n}\n"],"mappings":";;;;AAWA,eAAsB,yBACpB,UAA2C,CAAC,GACrB;CAEvB,MAAM,EAAE,aAAa,qBAAoB,MADpB,kBAAA,yBAAmD,EAAA,EACvB,YAAY,CAAC;CAE9D,OAAO,CACL,GAAG,qBAAqB;EACtB,aAAa;EACb,GAAG;CACL,CAAC,GAID;EACE,MAAM;EACN,OAAO,YAAY;GACjB,WAAW,YAAY,CAAC;GACxB,WAAW,QAAQ,WAAW,CAAC;GAC/B,WAAW,QAAQ,OAAO,KACxB,wBACA,gCACF;EACF;CACF,CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/plugboy-vanilla-extract-plugin",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "",
   "keywords": [],
   "repository": {
@@ -18,6 +18,12 @@
         "default": "./dist/plugboy-vanilla-extract-plugin.mjs"
       }
     },
+    "./vite": {
+      "types": "./dist/vite.d.mts",
+      "import": {
+        "default": "./dist/vite.mjs"
+      }
+    },
     "./*": "./dist/*"
   },
   "main": "./dist/plugboy-vanilla-extract-plugin.mjs",
@@ -26,6 +32,9 @@
     "*": {
       ".": [
         "./dist/plugboy-vanilla-extract-plugin.d.mts"
+      ],
+      "vite": [
+        "./dist/vite.d.mts"
       ]
     }
   },
@@ -33,16 +42,17 @@
     "dist"
   ],
   "dependencies": {
-    "@vanilla-extract/rollup-plugin": "^1.5.3",
-    "@vanilla-extract/vite-plugin": "^5.2.2"
+    "@vanilla-extract/rollup-plugin": "^1.5.3"
   },
   "devDependencies": {
+    "@vanilla-extract/vite-plugin": "^5.2.2",
     "vite": "^8.0.16",
-    "@fastkit/plugboy": "^1.0.0"
+    "@fastkit/plugboy": "^1.0.1"
   },
   "peerDependencies": {
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
-    "@fastkit/plugboy": "^1.0.0"
+    "@vanilla-extract/vite-plugin": "^5.0.0",
+    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+    "@fastkit/plugboy": "^1.0.1"
   },
   "peerDependenciesMeta": {
     "@vanilla-extract/vite-plugin": {