@kirana-style/rolldown 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,47 @@
+# Changelog
+
+## [0.2.0](https://github.com/kirana-style/kirana/compare/v0.1.0...v0.2.0) (2026-10-15)
+
+
+### ⚠ BREAKING CHANGES
+
+* one command name, kirana-style ([#29](https://github.com/kirana-style/kirana/issues/29))
+
+### Features
+
+* **editor:** real editor output on the site, open vsx trusted publishing ([#21](https://github.com/kirana-style/kirana/issues/21)) ([350fa4e](https://github.com/kirana-style/kirana/commit/350fa4ec0d8054a082d6c7dcdae2b5be53f8d98a))
+* one command name, kirana-style ([#29](https://github.com/kirana-style/kirana/issues/29)) ([b3f3154](https://github.com/kirana-style/kirana/commit/b3f3154662589dd1bd43fd0ff2341acf4f3df628))
+* **site:** paper, ink, scenery and type for one identity ([#27](https://github.com/kirana-style/kirana/issues/27)) ([5da3c6f](https://github.com/kirana-style/kirana/commit/5da3c6f0f1c8cbfdb450b36a6609a3ab4b20e358))
+* **site:** reorganise the homepage, product pages and docs ([#28](https://github.com/kirana-style/kirana/issues/28)) ([88b5209](https://github.com/kirana-style/kirana/commit/88b52093488b2aa0112b458ca04b836c83d03954))
+* **site:** scenery gradients, logo downloads, pixel k, glass icons ([#25](https://github.com/kirana-style/kirana/issues/25)) ([2953dc1](https://github.com/kirana-style/kirana/commit/2953dc126f47b68257ebfdb33c61992984708c49))
+
+
+### Bug fixes
+
+* hold emnapi at 2.0.0-alpha.6, the wasi engine fails on the beta ([#26](https://github.com/kirana-style/kirana/issues/26)) ([8aa33e1](https://github.com/kirana-style/kirana/commit/8aa33e1dbccaefa15b87f6487ac0a346bbf6581a))
+* settle the ember dev check, resolve code scanning findings ([#23](https://github.com/kirana-style/kirana/issues/23)) ([0c266c8](https://github.com/kirana-style/kirana/commit/0c266c8428c1453892beeeb5f98918cbc0eae6ff))
+* **site:** keep syntax colours in the production build ([#22](https://github.com/kirana-style/kirana/issues/22)) ([621f2fc](https://github.com/kirana-style/kirana/commit/621f2fcf67dada773ca66110e295ab7ac5605f56))
+
+
+### Documentation
+
+* fix the extension's settings table ([#13](https://github.com/kirana-style/kirana/issues/13)) ([457e06d](https://github.com/kirana-style/kirana/commit/457e06d12f9e3b005e0820aab36faac5bf3f80b3))
+
+
+### Dependencies
+
+* bump the minor-and-patch group across 1 directory with 3 updates ([#19](https://github.com/kirana-style/kirana/issues/19)) ([7ea00ed](https://github.com/kirana-style/kirana/commit/7ea00edcc5cc02b9ab5e41b13f152ae344ea448f))
+* emnapi 2.0.0-beta.1, minor and patch updates ([#24](https://github.com/kirana-style/kirana/issues/24)) ([a399fa7](https://github.com/kirana-style/kirana/commit/a399fa78e53dcfd7f41f249ccee1133809e66544))
+
+## [0.1.0](https://github.com/kirana-style/kirana/compare/v0.1.0...v0.1.0) (2026-10-13)
+
+
+### Features
+
+* kirana goes public — write objects, read classes, ship css ([79732ed](https://github.com/kirana-style/kirana/commit/79732edd5cab419169ab74ad59e1c70053dfa57d))
+
+
+### Dependencies
+
+* bump the minor-and-patch group in /packages/kirana with 6 updates ([#10](https://github.com/kirana-style/kirana/issues/10)) ([0deaf9f](https://github.com/kirana-style/kirana/commit/0deaf9f3e75ebc377d764c294250bd2577d53844))
+* bump the oxc group in /packages/kirana with 7 updates ([#9](https://github.com/kirana-style/kirana/issues/9)) ([a3ca94c](https://github.com/kirana-style/kirana/commit/a3ca94c170b2ca49c9691abf5ad48c3ef4ac8620))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kirana authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirana-style/rolldown",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Kirana for Rolldown: compiles modules and emits the stylesheet.",
   "license": "MIT",
   "author": "The Kirana authors",
@@ -14,6 +14,9 @@
     "url": "https://github.com/kirana-style/kirana/issues"
   },
   "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
@@ -22,8 +25,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@kirana-style/compiler": "0.1.0",
-    "@kirana-style/core": "0.1.0"
+    "@kirana-style/compiler": "0.2.0",
+    "@kirana-style/core": "0.2.0"
   },
   "peerDependencies": {
     "rolldown": "^1.2.12"
@@ -39,6 +42,8 @@
     "*.d.ts",
     "*.css",
     "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
     "builders.json",
     "schemas",
     "gatsby-node.mjs",

package/src/index.d.ts

@@ -1,102 +1,93 @@
-/**
- * The Rolldown host adapter (KRN-INT-001, KRN-INT-002). It selects modules, forwards transform
- * results, emits the stylesheet entry and forwards file changes to the Driver; it never interprets
- * styles (D-028).
- *
- * The Vite adapter is this plugin plus Vite's dev-server hooks, because Vite's plugin API extends
- * Rolldown's: one implementation of the build path serves both hosts. The one difference is CSS:
- * Vite bundles it, so the stylesheet entry is a placeholder Vite processes and the plugin fills in;
- * Rolldown alone does not, so the plugin emits the stylesheet as an asset of its own.
- */
-import { Driver } from "@kirana-style/compiler";
-import type { DriverOptions } from "@kirana-style/compiler";
-import type { KiranaConfig } from "@kirana-style/core/config";
-import type { OutputBundle, Plugin } from "rolldown";
+import { Driver, DriverOptions } from "@kirana-style/compiler";
+import { KiranaConfig } from "@kirana-style/core/config";
+import { OutputBundle, Plugin } from "rolldown";
+//#region src/index.d.ts
 export type KiranaRolldownOptions = {
-    /** The project root: where `kirana.config.*` and `@kirana-style/core` are found. Default: the working directory. */
-    root?: string;
-    /** Options that override `kirana.config.*`. */
-    config?: KiranaConfig;
-    /** Report `info` diagnostics (such as `dynamic-bridged`) as warnings. */
-    reportInfo?: boolean;
-    /**
-     * Where the stylesheet is written in the output, when Rolldown builds on its own. Rolldown does
-     * not bundle CSS, so importing `@kirana-style/core/stylesheet.css` yields this name and the finished
-     * stylesheet is emitted under it; link it from your HTML. Default `kirana.css`. Under Vite, which
-     * bundles CSS, the stylesheet follows Vite's asset naming instead.
-     */
-    fileName?: string;
-    /** Injected Driver options (tests). */
-    driver?: Pick<DriverOptions, "native" | "importModule">;
+  /** The project root: where `kirana.config.*` and `@kirana-style/core` are found. Default: the working directory. */
+  root?: string;
+  /** Options that override `kirana.config.*`. */
+  config?: KiranaConfig;
+  /** Report `info` diagnostics (such as `dynamic-bridged`) as warnings. */
+  reportInfo?: boolean;
+  /**
+   * Where the stylesheet is written in the output, when Rolldown builds on its own. Rolldown does
+   * not bundle CSS, so importing `@kirana-style/core/stylesheet.css` yields this name and the finished
+   * stylesheet is emitted under it; link it from your HTML. Default `kirana.css`. Under Vite, which
+   * bundles CSS, the stylesheet follows Vite's asset naming instead.
+   */
+  fileName?: string;
+  /** Injected Driver options (tests). */
+  driver?: Pick<DriverOptions, "native" | "importModule">;
 };
 /** What a host that extends this plugin supplies. */
 export type Host = {
-    /** True while a dev server serves the live stylesheet instead of the placeholder. */
-    development?: () => boolean;
-    /** A transform changed the stylesheet. */
-    cssChanged?: () => void;
-    /** The host bundles CSS (Vite): the entry is a placeholder stylesheet it processes like any other. */
-    bundlesCss?: boolean;
-    /**
-     * False when something later renames the finished stylesheet itself (`@kirana-style/astro`, because
-     * Astro links each page's CSS by the name it recorded before `generateBundle`): the asset is filled
-     * where it is, and its name is added to `filled`.
-     */
-    renames?: boolean;
+  /** True while a dev server serves the live stylesheet instead of the placeholder. */
+  development?: () => boolean;
+  /** A transform changed the stylesheet. */
+  cssChanged?: () => void;
+  /** The host bundles CSS (Vite): the entry is a placeholder stylesheet it processes like any other. */
+  bundlesCss?: boolean;
+  /**
+   * False when something later renames the finished stylesheet itself (`@kirana-style/astro`, because
+   * Astro links each page's CSS by the name it recorded before `generateBundle`): the asset is filled
+   * where it is, and its name is added to `filled`.
+   */
+  renames?: boolean;
 };
 /**
  * The plugin, with the session and the settings a host that extends it may change (the Vite
  * adapter sets the root from Vite's resolved configuration).
  */
 export declare function createKirana(options?: KiranaRolldownOptions, host?: Host): {
-    plugin: {
-        name: string;
-        buildStart(): Promise<void>;
-        load: {
-            filter: {
-                id: RegExp[];
-            };
-            handler(this: import("rolldown").PluginContext, id: string): Promise<string | {
-                code: string;
-                map: string | undefined;
-                moduleType?: undefined;
-            } | {
-                map?: undefined;
-                code: string;
-                moduleType: "js";
-            } | null>;
-        };
-        transform: {
-            filter: {
-                id: {
-                    include: RegExp;
-                    exclude: RegExp[];
-                };
-                code: RegExp;
-            };
-            handler(this: import("rolldown").TransformPluginContext, code: string, id: string): Promise<{
-                code: string;
-                map: string | undefined;
-            } | null>;
-        };
-        /** A watch rebuild: modules that read the changed file's tokens or relations compile again. */
-        watchChange(id: string): Promise<void>;
-        buildEnd(this: import("rolldown").PluginContext): Promise<void>;
-        generateBundle: {
-            order: "pre";
-            handler(this: import("rolldown").PluginContext, _output: import("rolldown").NormalizedOutputOptions, bundle: OutputBundle): Promise<void>;
+  plugin: {
+    name: string;
+    buildStart(): Promise<void>;
+    load: {
+      filter: {
+        id: RegExp[];
+      };
+      handler(this: import("rolldown").PluginContext, id: string): Promise<string | {
+        code: string;
+        map: string | undefined;
+        moduleType?: undefined;
+      } | {
+        map?: undefined;
+        code: string;
+        moduleType: "js";
+      } | null>;
+    };
+    transform: {
+      filter: {
+        id: {
+          include: RegExp;
+          exclude: RegExp[];
         };
+        code: RegExp;
+      };
+      handler(this: import("rolldown").TransformPluginContext, code: string, id: string): Promise<{
+        code: string;
+        map: string | undefined;
+      } | null>;
     };
-    session: () => Promise<Driver>;
-    state: {
-        root: string;
-        stylesheetFile: string;
+    /** A watch rebuild: modules that read the changed file's tokens or relations compile again. */
+    watchChange(id: string): Promise<void>;
+    buildEnd(this: import("rolldown").PluginContext): Promise<void>;
+    generateBundle: {
+      order: "pre";
+      handler(this: import("rolldown").PluginContext, _output: import("rolldown").NormalizedOutputOptions, bundle: OutputBundle): Promise<void>;
     };
-    filled: Set<string>;
-    fill: (bundle: OutputBundle, emitFile: (file: {
-        type: "asset";
-        fileName: string;
-        source: string;
-    }) => unknown) => Promise<void>;
+  };
+  session: () => Promise<Driver>;
+  state: {
+    root: string;
+    stylesheetFile: string;
+  };
+  filled: Set<string>;
+  fill: (bundle: OutputBundle, emitFile: (file: {
+    type: "asset";
+    fileName: string;
+    source: string;
+  }) => unknown) => Promise<void>;
 };
 export default function kirana(options?: KiranaRolldownOptions): Plugin;
+//#endregion

package/src/index.js

@@ -1,184 +1,167 @@
-/**
- * The Rolldown host adapter (KRN-INT-001, KRN-INT-002). It selects modules, forwards transform
- * results, emits the stylesheet entry and forwards file changes to the Driver; it never interprets
- * styles (D-028).
- *
- * The Vite adapter is this plugin plus Vite's dev-server hooks, because Vite's plugin API extends
- * Rolldown's: one implementation of the build path serves both hosts. The one difference is CSS:
- * Vite bundles it, so the stylesheet entry is a placeholder Vite processes and the plugin fills in;
- * Rolldown alone does not, so the plugin emits the stylesheet as an asset of its own.
- */
 import { COMPONENT, Driver } from "@kirana-style/compiler";
-import { ASSET_QUERY, PLACEHOLDER, SCRIPT, STYLE_BEARING, cleanId, createReporter, fillStylesheet, renameAsset, stylesheetPath, } from "@kirana-style/compiler/host";
+import { ASSET_QUERY, PLACEHOLDER, SCRIPT, STYLE_BEARING, cleanId, createReporter, fillStylesheet, renameAsset, stylesheetPath } from "@kirana-style/compiler/host";
 import { readFile } from "node:fs/promises";
 import path from "node:path";
+//#region src/index.ts
+/**
+* The Rolldown host adapter (KRN-INT-001, KRN-INT-002). It selects modules, forwards transform
+* results, emits the stylesheet entry and forwards file changes to the Driver; it never interprets
+* styles (D-028).
+*
+* The Vite adapter is this plugin plus Vite's dev-server hooks, because Vite's plugin API extends
+* Rolldown's: one implementation of the build path serves both hosts. The one difference is CSS:
+* Vite bundles it, so the stylesheet entry is a placeholder Vite processes and the plugin fills in;
+* Rolldown alone does not, so the plugin emits the stylesheet as an asset of its own.
+*/
 /** A request for part of a Vue, Svelte or Astro component, which carries a query. */
 const COMPONENT_PART = /\.(?:vue|svelte|astro)\?/;
 /**
- * The plugin, with the session and the settings a host that extends it may change (the Vite
- * adapter sets the root from Vite's resolved configuration).
- */
-export function createKirana(options = {}, host = {}) {
-    const state = { root: options.root ?? process.cwd(), stylesheetFile: "" };
-    let driver;
-    const reporter = createReporter(options);
-    const renamed = new Map();
-    /** Stylesheet assets filled in place (`Host.renames` false), by output file name. */
-    const filled = new Set();
-    const development = () => host.development?.() ?? false;
-    const fileName = options.fileName ?? "kirana.css";
-    const session = () => {
-        driver ??= Driver.create({
-            root: state.root,
-            config: options.config,
-            ...options.driver,
-        });
-        return driver;
-    };
-    const stylesheetFile = () => (state.stylesheetFile ||= stylesheetPath(state.root));
-    const plugin = {
-        name: "kirana",
-        async buildStart() {
-            await session();
-        },
-        load: {
-            // No `node_modules` exclusion here: in an installed app the stylesheet entry lives there.
-            filter: { id: [/stylesheet\.css/, COMPONENT] },
-            async handler(id) {
-                // A Vue, Svelte or Astro component is compiled as it is read, before any framework plugin's
-                // `transform` — Astro's compiles `.astro` files ahead of every user plugin, so a transform
-                // would only ever see its output (design-notes/sfc-masking.md).
-                if (COMPONENT.test(id)) {
-                    // An installed component is compiled only when its package is in `libraries`.
-                    const compiler = await session();
-                    if (!compiler.compiles(id))
-                        return null;
-                    const source = await readFile(id, "utf8");
-                    const result = await compiler.transformComponent(id, source);
-                    for (const dependency of result.dependencies)
-                        this.addWatchFile(dependency);
-                    reporter.module(this, id, source, result.diagnostics);
-                    if (result.cssChanged)
-                        host.cssChanged?.();
-                    return result.code === undefined
-                        ? null
-                        : { code: result.code, map: result.map };
-                }
-                if (cleanId(id) !== stylesheetFile())
-                    return null;
-                // Rolldown alone: the import is a module naming the file emitted at the end of the build.
-                if (!host.bundlesCss) {
-                    return {
-                        code: `export default ${JSON.stringify(fileName)}`,
-                        moduleType: "js",
-                    };
-                }
-                // `?inline` asks for the stylesheet as a string: in development that is the live stylesheet
-                // (SvelteKit's server render inlines CSS this way). `?url` and `?raw`, and `?inline` in a
-                // build, are Vite's to answer from the file.
-                if (ASSET_QUERY.test(id)) {
-                    return development() && /[?&]inline\b/.test(id)
-                        ? (await session()).stylesheet(false)
-                        : null;
-                }
-                return development() ? (await session()).stylesheet(false) : PLACEHOLDER;
-            },
-        },
-        transform: {
-            filter: {
-                id: {
-                    include: SCRIPT,
-                    // A framework's own requests for a component's parts (`Card.vue?vue&type=script&lang.ts`)
-                    // hold what it derived from the component, which `load` compiled already.
-                    // Installed packages are excluded in the handler, which knows `libraries`.
-                    exclude: [ASSET_QUERY, COMPONENT_PART],
-                },
-                code: STYLE_BEARING,
-            },
-            async handler(code, id) {
-                const file = cleanId(id);
-                const compiler = await session();
-                if (!compiler.compiles(file))
-                    return null;
-                const result = compiler.transform(file, code);
-                for (const dependency of result.dependencies)
-                    this.addWatchFile(dependency);
-                reporter.module(this, file, code, result.diagnostics);
-                if (result.cssChanged)
-                    host.cssChanged?.();
-                return result.code === undefined
-                    ? null
-                    : { code: result.code, map: result.map };
-            },
-        },
-        /** A watch rebuild: modules that read the changed file's tokens or relations compile again. */
-        async watchChange(id) {
-            ;
-            (await session()).invalidate(id);
-        },
-        async buildEnd() {
-            if (development())
-                return;
-            reporter.project(this, state.root, (await session()).diagnostics());
-        },
-        // First, so every plugin that reads CSS assets reads the finished stylesheet: Astro inlines
-        // small stylesheets into its pages in its own `generateBundle`. Vite writes HTML later from each
-        // chunk's `viteMetadata.importedCss`, which is renamed here along with the asset.
-        generateBundle: {
-            order: "pre",
-            async handler(_output, bundle) {
-                if (!host.bundlesCss) {
-                    const css = (await session()).stylesheet(true);
-                    this.emitFile({ type: "asset", fileName, source: css });
-                    return;
-                }
-                await fill(bundle, this.emitFile.bind(this));
-            },
-        },
-    };
-    /**
-     * Fills every stylesheet asset still holding the placeholder, renaming it by content unless the
-     * host keeps names, and points the chunks and assets that named it at the new name. A second pass
-     * finds nothing to do, so a host may run it again later in `generateBundle` for assets another
-     * plugin added after the first pass (Qwik's).
-     */
-    const fill = async (bundle, emitFile) => {
-        const css = (await session()).stylesheet(true);
-        for (const [key, asset] of Object.entries(bundle)) {
-            if (asset.type !== "asset")
-                continue;
-            const source = fillStylesheet(String(asset.source), css);
-            if (source === undefined)
-                continue;
-            if (host.renames === false) {
-                asset.source = source;
-                filled.add(asset.fileName);
-                continue;
-            }
-            const hashed = renamed.get(asset.fileName) ?? renameAsset(asset.fileName, source);
-            renamed.set(asset.fileName, hashed);
-            delete bundle[key];
-            emitFile({ type: "asset", fileName: hashed, source });
-        }
-        // Every rename so far, not only this pass's: a server bundle names the client's asset.
-        for (const [from, to] of renamed) {
-            const oldBase = path.posix.basename(from);
-            const newBase = path.posix.basename(to);
-            for (const file of Object.values(bundle)) {
-                if (file.type === "chunk") {
-                    file.code = file.code.replaceAll(oldBase, newBase);
-                    const imported = file.viteMetadata?.importedCss;
-                    if (imported?.delete(from))
-                        imported.add(to);
-                }
-                else if (typeof file.source === "string") {
-                    file.source = file.source.replaceAll(oldBase, newBase);
-                }
-            }
-        }
-    };
-    return { plugin, session, state, filled, fill };
+* The plugin, with the session and the settings a host that extends it may change (the Vite
+* adapter sets the root from Vite's resolved configuration).
+*/
+function createKirana(options = {}, host = {}) {
+	const state = {
+		root: options.root ?? process.cwd(),
+		stylesheetFile: ""
+	};
+	let driver;
+	const reporter = createReporter(options);
+	const renamed = /* @__PURE__ */ new Map();
+	/** Stylesheet assets filled in place (`Host.renames` false), by output file name. */
+	const filled = /* @__PURE__ */ new Set();
+	const development = () => host.development?.() ?? false;
+	const fileName = options.fileName ?? "kirana.css";
+	const session = () => {
+		driver ??= Driver.create({
+			root: state.root,
+			config: options.config,
+			...options.driver
+		});
+		return driver;
+	};
+	const stylesheetFile = () => state.stylesheetFile ||= stylesheetPath(state.root);
+	const plugin = {
+		name: "kirana",
+		async buildStart() {
+			await session();
+		},
+		load: {
+			filter: { id: [/stylesheet\.css/, COMPONENT] },
+			async handler(id) {
+				if (COMPONENT.test(id)) {
+					const compiler = await session();
+					if (!compiler.compiles(id)) return null;
+					const source = await readFile(id, "utf8");
+					const result = await compiler.transformComponent(id, source);
+					for (const dependency of result.dependencies) this.addWatchFile(dependency);
+					reporter.module(this, id, source, result.diagnostics);
+					if (result.cssChanged) host.cssChanged?.();
+					return result.code === void 0 ? null : {
+						code: result.code,
+						map: result.map
+					};
+				}
+				if (cleanId(id) !== stylesheetFile()) return null;
+				if (!host.bundlesCss) return {
+					code: `export default ${JSON.stringify(fileName)}`,
+					moduleType: "js"
+				};
+				if (ASSET_QUERY.test(id)) return development() && /[?&]inline\b/.test(id) ? (await session()).stylesheet(false) : null;
+				return development() ? (await session()).stylesheet(false) : PLACEHOLDER;
+			}
+		},
+		transform: {
+			filter: {
+				id: {
+					include: SCRIPT,
+					exclude: [ASSET_QUERY, COMPONENT_PART]
+				},
+				code: STYLE_BEARING
+			},
+			async handler(code, id) {
+				const file = cleanId(id);
+				const compiler = await session();
+				if (!compiler.compiles(file)) return null;
+				const result = compiler.transform(file, code);
+				for (const dependency of result.dependencies) this.addWatchFile(dependency);
+				reporter.module(this, file, code, result.diagnostics);
+				if (result.cssChanged) host.cssChanged?.();
+				return result.code === void 0 ? null : {
+					code: result.code,
+					map: result.map
+				};
+			}
+		},
+		/** A watch rebuild: modules that read the changed file's tokens or relations compile again. */
+		async watchChange(id) {
+			(await session()).invalidate(id);
+		},
+		async buildEnd() {
+			if (development()) return;
+			reporter.project(this, state.root, (await session()).diagnostics());
+		},
+		generateBundle: {
+			order: "pre",
+			async handler(_output, bundle) {
+				if (!host.bundlesCss) {
+					const css = (await session()).stylesheet(true);
+					this.emitFile({
+						type: "asset",
+						fileName,
+						source: css
+					});
+					return;
+				}
+				await fill(bundle, this.emitFile.bind(this));
+			}
+		}
+	};
+	/**
+	* Fills every stylesheet asset still holding the placeholder, renaming it by content unless the
+	* host keeps names, and points the chunks and assets that named it at the new name. A second pass
+	* finds nothing to do, so a host may run it again later in `generateBundle` for assets another
+	* plugin added after the first pass (Qwik's).
+	*/
+	const fill = async (bundle, emitFile) => {
+		const css = (await session()).stylesheet(true);
+		for (const [key, asset] of Object.entries(bundle)) {
+			if (asset.type !== "asset") continue;
+			const source = fillStylesheet(String(asset.source), css);
+			if (source === void 0) continue;
+			if (host.renames === false) {
+				asset.source = source;
+				filled.add(asset.fileName);
+				continue;
+			}
+			const hashed = renamed.get(asset.fileName) ?? renameAsset(asset.fileName, source);
+			renamed.set(asset.fileName, hashed);
+			delete bundle[key];
+			emitFile({
+				type: "asset",
+				fileName: hashed,
+				source
+			});
+		}
+		for (const [from, to] of renamed) {
+			const oldBase = path.posix.basename(from);
+			const newBase = path.posix.basename(to);
+			for (const file of Object.values(bundle)) if (file.type === "chunk") {
+				file.code = file.code.replaceAll(oldBase, newBase);
+				const imported = file.viteMetadata?.importedCss;
+				if (imported?.delete(from)) imported.add(to);
+			} else if (typeof file.source === "string") file.source = file.source.replaceAll(oldBase, newBase);
+		}
+	};
+	return {
+		plugin,
+		session,
+		state,
+		filled,
+		fill
+	};
 }
-export default function kirana(options = {}) {
-    return createKirana(options).plugin;
+function kirana(options = {}) {
+	return createKirana(options).plugin;
 }
+//#endregion
+export { createKirana, kirana as default };