@teacss/vite 0.10.6 → 0.10.7

package/README.md

@@ -33,7 +33,7 @@ Import the generated CSS once from the application entry:
 import "virtual:teacss.css";
 ```
 
-The dev server also serves the inspector at `/__teacss`; pass `inspector: false` to turn it off. In dev, the dev server serves the Standard preset's fonts under `<base>__teacss_fonts/`, prefixed with `server.origin` when it is set; a build emits them as assets.
+The dev server also serves the inspector at `/__teacss`; pass `inspector: false` to turn it off. In dev, the dev server serves the Standard preset's fonts under `<base>__teacss_fonts/`, prefixed with `server.origin` when it is set. The generated CSS writes these URLs as `URL(`, as teacss-ts does: CSS function names are case-insensitive, and Vite skips PostCSS for a stylesheet with no lowercase `url(`. A build emits the fonts as assets.
 
 Other plugins reach the project through the `api` of the plugin named `teacss:api` (`TeacssVitePluginApi`): `getProject()` returns it, and `invalidate()` updates the generated CSS on the dev client after a module was registered through `getProject().transform()`.
 

package/dist/plugin.js

@@ -221,12 +221,17 @@ export function teacss(options = {}) {
     }
     /** `css` with the fonts it inlines linked from the dev server, which serves the bytes recorded here. */
     function linkDevFonts(css) {
-        return extractBundledFonts(css, (digest, bytes) => {
+        // As Vite's own dev asset URLs: a page served by another server (`server.origin`) loads them from Vite.
+        const prefix = `${config.server.origin ?? ""}${config.base}${DEV_FONTS}/`;
+        const linked = extractBundledFonts(css, (digest, bytes) => {
             const name = `teacss-${digest}.woff2`;
             devFonts.set(name, bytes);
-            // As Vite's own dev asset URLs: a page served by another server (`server.origin`) loads them from Vite.
-            return `${config.server.origin ?? ""}${config.base}${DEV_FONTS}/${name}`;
+            return `${prefix}${name}`;
         }).css;
+        // Vite runs PostCSS on a stylesheet with a lowercase `url(`, and these URLs are final. CSS function names
+        // are case-insensitive, so writing them `URL(`, as teacss-ts does, lets the sheet skip PostCSS.
+        const quoted = JSON.stringify(prefix).slice(0, -1);
+        return linked.replaceAll(`url(${quoted}`, `URL(${quoted}`);
     }
     /** A font this instance has not linked yet, as in CSS another process generated, is looked up in the project's CSS. */
     function devFont(name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teacss/vite",
-  "version": "0.10.6",
+  "version": "0.10.7",
   "description": "Vite plugin for TeaCSS on the Rust engine (@teacss/engine)",
   "license": "MIT",
   "type": "module",
@@ -36,8 +36,8 @@
     "vite": ">=7"
   },
   "dependencies": {
-    "@teacss/engine": "0.10.6",
-    "@teacss/inspector": "0.10.6"
+    "@teacss/engine": "0.10.7",
+    "@teacss/inspector": "0.10.7"
   },
   "devDependencies": {
     "@types/node": "^22.20.5",