@teacss/bun 0.10.10 → 0.10.12

package/dist/index.d.ts

@@ -2,10 +2,10 @@ import { type ShellOptions } from "@teacss/engine";
 import type { BuildConfig, BuildOutput, BunPlugin } from "bun";
 export type { ShellOptions } from "@teacss/engine";
 /**
- * `import "virtual:teacss.css"` (or `"teacss.css"`) becomes the generated stylesheet; every other
- * module goes through `project.transform`, and in a CSS file whose top level has `@teacss;` the generated
- * stylesheet then takes that rule's place. `minify` defaults to false, as teacss-ts's Bun plugin emits the
- * stylesheet unminified.
+ * `import "virtual:teacss.css"` (or `"teacss.css"`) becomes the generated stylesheet; a CSS file goes through
+ * `project.transform`, and when its top level has `@teacss;` the generated stylesheet then takes that rule's
+ * place; every other module goes through `transformSource`. `minify` defaults to false, as teacss-ts's Bun
+ * plugin emits the stylesheet unminified.
  */
 export declare function teacss(options?: ShellOptions): BunPlugin;
 export interface WatchOptions {

package/dist/index.js

@@ -1,7 +1,7 @@
-import { existsSync, watch as watchDirectory } from "node:fs";
+import { existsSync, readFileSync, watch as watchDirectory } from "node:fs";
 import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { dirname, join, resolve, sep } from "node:path";
-import { createProject, extractBundledFonts, replaceEntry } from "@teacss/engine";
+import { createProject, extractBundledFonts, isCssId, replaceEntry } from "@teacss/engine";
 const PLUGIN = "teacss";
 const VIRTUAL_ENTRY = /^(?:virtual:)?teacss\.css$/;
 const MODULE = /\.(?:[cm]?[jt]sx?|html)$/;
@@ -10,27 +10,43 @@ const NODE_MODULES = `${sep}node_modules${sep}`;
 // teacss-ts `rewriteBundledAssets` writes each bundled font as `teacss-fonts/teacss-<sha256>.woff2` beside the CSS.
 const FONT_URL_PREFIX = "./teacss-fonts/teacss-";
 const FONT_URL = /^\.\/teacss-fonts\/teacss-[a-f0-9]{64}\.woff2$/;
+/**
+ * The tokens of each `@source` module that `transformSource` rewrites: a `:css:` group becomes a class whose
+ * definition the engine now holds, the same rewrite `onLoad` returns to Bun. Bun may ask for the stylesheet
+ * before it loads the module, so the stylesheet cannot wait for `onLoad`. A module `transformSource` leaves as
+ * it is has the tokens `extractFilesUnion` read from its file.
+ */
+function compiledClasses(project, unreadable) {
+    const { engine } = project;
+    const tokens = [];
+    for (const file of project.info.sourceFiles) {
+        if (isCssId(file) || unreadable.has(file))
+            continue;
+        const transformed = engine.transformSource(file, readFileSync(file, "utf8"));
+        if (transformed)
+            tokens.push(...engine.updateModule(file, transformed.code).tokens);
+    }
+    return tokens;
+}
 /**
  * The tokens of every `@source` file read once and of `inline.content.inline`. `warned` holds the
- * unmatched-token warnings already printed by earlier builds of the same plugin.
+ * unreadable-directory and unmatched-token warnings already printed by earlier builds of the same plugin.
  */
 function generateCss(project, minify, warned) {
+    const warnOnce = (message) => {
+        if (warned.has(message))
+            return;
+        warned.add(message);
+        console.warn(`[@teacss/bun] ${message}`);
+    };
     const union = project.engine.extractFilesUnion(project.info.sourceFiles);
     for (const path of project.info.unreadableDirectories)
-        console.warn(`[@teacss/bun] cannot read ${path} (E_IO)`);
+        warnOnce(`cannot read ${path} (E_IO)`);
     for (const { path, error } of union.failed)
         console.warn(`[@teacss/bun] cannot read ${path} (${error})`);
-    const tokens = [...new Set([...union.tokens, ...project.inlineTokens()])];
+    const tokens = [...new Set([...union.tokens, ...project.inlineTokens(), ...compiledClasses(project, new Set(union.failed.map(({ path }) => path)))])];
     const result = project.engine.generate({ kind: "tokens", tokens }, { minify, css: true });
-    project.reportUnmatched(result, {
-        tokens,
-        warn: (message) => {
-            if (warned.has(message))
-                return;
-            warned.add(message);
-            console.warn(`[@teacss/bun] ${message}`);
-        },
-    });
+    project.reportUnmatched(result, { tokens, warn: warnOnce });
     return result.css;
 }
 function externalizeFonts(css, fonts) {
@@ -60,10 +76,10 @@ function projectRoot(options, config) {
     return resolve(options.root ?? config.root ?? process.cwd());
 }
 /**
- * `import "virtual:teacss.css"` (or `"teacss.css"`) becomes the generated stylesheet; every other
- * module goes through `project.transform`, and in a CSS file whose top level has `@teacss;` the generated
- * stylesheet then takes that rule's place. `minify` defaults to false, as teacss-ts's Bun plugin emits the
- * stylesheet unminified.
+ * `import "virtual:teacss.css"` (or `"teacss.css"`) becomes the generated stylesheet; a CSS file goes through
+ * `project.transform`, and when its top level has `@teacss;` the generated stylesheet then takes that rule's
+ * place; every other module goes through `transformSource`. `minify` defaults to false, as teacss-ts's Bun
+ * plugin emits the stylesheet unminified.
  */
 export function teacss(options = {}) {
     // `watch()` runs every build through this one plugin; each build gets a fresh project, so that no module or
@@ -88,8 +104,9 @@ export function teacss(options = {}) {
                 const code = await readFile(args.path, "utf8");
                 if (args.path.includes(NODE_MODULES) && !code.includes("@teacss-include"))
                     return;
-                const result = project.transform(args.path, code);
-                return result.changed ? { contents: result.code, loader: args.loader } : undefined;
+                // The stylesheet reads the `@source` files itself, so the module's tokens are not registered with the engine.
+                const transformed = project.engine.transformSource(args.path, code);
+                return transformed ? { contents: transformed.code, loader: args.loader } : undefined;
             });
             build.onEnd(async (result) => {
                 project.dispose();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teacss/bun",
-  "version": "0.10.10",
+  "version": "0.10.12",
   "description": "Bun.build plugin for TeaCSS: virtual:teacss.css and the entry's @teacss become the CSS the Rust engine generates",
   "license": "MIT",
   "type": "module",
@@ -31,7 +31,7 @@
     "node": ">=26"
   },
   "dependencies": {
-    "@teacss/engine": "0.10.10"
+    "@teacss/engine": "0.10.12"
   },
   "devDependencies": {
     "@types/bun": "1.4.3",
@@ -40,7 +40,7 @@
   "scripts": {
     "build:ts": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.json",
     "build": "npm run build:ts",
-    "test": "bun test",
+    "test": "npm run check:types && bun test",
     "check:types": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.test.json --noEmit"
   },
   "publishConfig": {