veryfront 0.1.320 → 0.1.321

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.320",
+    "version": "0.1.321",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "workspace": [

package/esm/extensions/ext-tailwind/src/index.d.ts

@@ -0,0 +1,9 @@
+import type { ExtensionFactory } from "../../../src/extensions/index.js";
+import type { CSSCompileOptions, CSSCompiler, CSSProcessor } from "../../../src/extensions/interfaces/index.js";
+declare class TailwindCSSProcessor implements CSSProcessor {
+    compile(stylesheet: string, options: CSSCompileOptions): Promise<CSSCompiler>;
+}
+declare const extTailwind: ExtensionFactory;
+export default extTailwind;
+export { TailwindCSSProcessor };
+//# sourceMappingURL=index.d.ts.map

package/esm/extensions/ext-tailwind/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/extensions/ext-tailwind/src/index.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAgBhH,cAAM,oBAAqB,YAAW,YAAY;IAC1C,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC;CAgBpF;AAED,QAAA,MAAM,WAAW,EAAE,gBAoBlB,CAAC;AAEF,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/extensions/ext-tailwind/src/index.js

@@ -0,0 +1,69 @@
+/**
+ * ext-tailwind — CSSProcessor implementation backed by Tailwind CSS v4.
+ *
+ * Provides the `CSSProcessor` contract:
+ *  - `compile(stylesheet, options)` — delegates to tailwindcss `compile()`
+ *    and returns a compiler whose `build(candidates)` emits CSS for the
+ *    class-name candidates discovered at render time.
+ *
+ * The extension also installs three `globalThis` shims on setup so that
+ * Tailwind plugin bundles loaded at runtime from esm.sh can bind their
+ * `tailwindcss/plugin`, `tailwindcss/defaultTheme`, and `tailwindcss/colors`
+ * imports to the same tailwindcss copy this extension ships. Core's
+ * `plugin-loader.ts` rewrites plugin bundle code to reference these shims
+ * by name; without the shims installed, dynamic plugin loading fails.
+ *
+ * @module extensions/ext-tailwind
+ */
+import * as dntShim from "../../../_dnt.shims.js";
+import { compile } from "tailwindcss";
+import plugin from "tailwindcss/plugin";
+import defaultTheme from "tailwindcss/defaultTheme";
+import colors from "tailwindcss/colors";
+function installTailwindPluginShims() {
+    const g = dntShim.dntGlobalThis;
+    g.__tailwindPluginShim = { default: plugin, __esModule: true };
+    g.__tailwindDefaultThemeShim = { default: defaultTheme, __esModule: true };
+    g.__tailwindColorsShim = { default: colors, __esModule: true };
+}
+class TailwindCSSProcessor {
+    async compile(stylesheet, options) {
+        const native = await compile(stylesheet, {
+            base: options.base,
+            loadStylesheet: options.loadStylesheet,
+            loadModule: async (id) => {
+                const loaded = await options.loadModule(id);
+                // deno-lint-ignore no-explicit-any -- loaded plugin modules are opaque to the contract
+                return { module: loaded.module, base: loaded.base, path: loaded.path };
+            },
+        });
+        return {
+            build(candidates) {
+                return native.build(candidates);
+            },
+        };
+    }
+}
+const extTailwind = () => {
+    const impl = new TailwindCSSProcessor();
+    return {
+        name: "ext-tailwind",
+        version: "0.1.0",
+        capabilities: [
+            { type: "contract", name: "CSSProcessor" },
+            { type: "net", hosts: ["esm.sh"] },
+        ],
+        setup(ctx) {
+            installTailwindPluginShims();
+            ctx.provide("CSSProcessor", impl);
+            ctx.logger.info("[ext-tailwind] CSSProcessor registered");
+        },
+        teardown() {
+            // Shims stay installed — removing them could break in-flight plugin
+            // loads. The globalThis pollution is intentional and scoped to keys
+            // with `__tailwind` prefix.
+        },
+    };
+};
+export default extTailwind;
+export { TailwindCSSProcessor };

package/esm/src/html/styles-builder/tailwind-compiler-cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-compiler-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler-cache.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,sCAAsC,CAAC;AA2EtF,wBAAsB,WAAW,CAC/B,UAAU,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,WAAW,CAAC,CAgEtB;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAGzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAQA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAalD"}
+{"version":3,"file":"tailwind-compiler-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/html/styles-builder/tailwind-compiler-cache.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,sCAAsC,CAAC;AA0GtF,wBAAsB,WAAW,CAC/B,UAAU,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,WAAW,CAAC,CAgEtB;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAGzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1E,CAQA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAalD"}

package/esm/src/html/styles-builder/tailwind-compiler-cache.js

@@ -13,7 +13,7 @@
  *
  * @module html/styles-builder/tailwind-compiler-cache
  */
-import { tryResolve as tryResolveContract } from "../../extensions/contracts.js";
+import { register as registerContract, tryResolve as tryResolveContract, } from "../../extensions/contracts.js";
 import { serverLogger } from "../../utils/index.js";
 import { DEPENDENCY_MISSING, NETWORK_ERROR } from "../../errors/index.js";
 import { getTailwindCSSUrl } from "../../utils/constants/cdn.js";
@@ -51,6 +51,34 @@ async function getTailwindBaseCSS() {
     }
     return tailwindBaseCSS;
 }
+async function resolveCSSProcessor() {
+    const registeredProcessor = tryResolveContract("CSSProcessor");
+    if (registeredProcessor)
+        return registeredProcessor;
+    try {
+        const { default: createTailwindExtension } = await import("../../../extensions/ext-tailwind/src/index.js");
+        const extension = createTailwindExtension();
+        await extension.setup?.({
+            config: {},
+            logger,
+            provide: (name, impl) => registerContract(name, impl),
+            get: () => undefined,
+            require: (name) => {
+                const contract = tryResolveContract(name);
+                if (contract === undefined) {
+                    throw new Error(`Missing required extension contract: ${name}`);
+                }
+                return contract;
+            },
+        });
+    }
+    catch (error) {
+        logger.warn("Failed to register built-in CSSProcessor extension", {
+            error: error instanceof Error ? error.message : String(error),
+        });
+    }
+    return tryResolveContract("CSSProcessor");
+}
 function evictOldestCompiler() {
     if (compilerCache.size < MAX_CACHED_COMPILERS)
         return;
@@ -79,7 +107,7 @@ export async function getCompiler(stylesheet, projectSlug) {
         return cached.compiler;
     }
     logger.debug("Creating new compiler", { hash, projectSlug });
-    const processor = tryResolveContract("CSSProcessor");
+    const processor = await resolveCSSProcessor();
     if (!processor) {
         logger.warn("No CSSProcessor extension registered — CSS output will be empty. Install it with: deno add @veryfront/ext-tailwind");
         const noopCompiler = { build: () => "" };

package/esm/src/utils/version-constant.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.1.320";
+export declare const VERSION = "0.1.321";
 //# sourceMappingURL=version-constant.d.ts.map

package/esm/src/utils/version-constant.js

@@ -1,3 +1,3 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
-export const VERSION = "0.1.320";
+export const VERSION = "0.1.321";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.320",
+  "version": "0.1.321",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",
@@ -239,6 +239,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.1.2",
     "tailwind-merge": "3.5.0",
+    "tailwindcss": "4.2.2",
     "unified": "11.0.5",
     "unist-util-visit": "5.1.0",
     "vfile": "6.0.3",

package/src/deno.js

@@ -1,6 +1,6 @@
 export default {
   "name": "veryfront",
-  "version": "0.1.320",
+  "version": "0.1.321",
   "license": "Apache-2.0",
   "nodeModulesDir": "auto",
   "workspace": [

package/src/extensions/ext-tailwind/src/index.ts

@@ -0,0 +1,80 @@
+/**
+ * ext-tailwind — CSSProcessor implementation backed by Tailwind CSS v4.
+ *
+ * Provides the `CSSProcessor` contract:
+ *  - `compile(stylesheet, options)` — delegates to tailwindcss `compile()`
+ *    and returns a compiler whose `build(candidates)` emits CSS for the
+ *    class-name candidates discovered at render time.
+ *
+ * The extension also installs three `globalThis` shims on setup so that
+ * Tailwind plugin bundles loaded at runtime from esm.sh can bind their
+ * `tailwindcss/plugin`, `tailwindcss/defaultTheme`, and `tailwindcss/colors`
+ * imports to the same tailwindcss copy this extension ships. Core's
+ * `plugin-loader.ts` rewrites plugin bundle code to reference these shims
+ * by name; without the shims installed, dynamic plugin loading fails.
+ *
+ * @module extensions/ext-tailwind
+ */
+import * as dntShim from "../../../_dnt.shims.js";
+
+
+import type { ExtensionFactory } from "../../../src/extensions/index.js";
+import type { CSSCompileOptions, CSSCompiler, CSSProcessor } from "../../../src/extensions/interfaces/index.js";
+
+import { compile } from "tailwindcss";
+import plugin from "tailwindcss/plugin";
+import defaultTheme from "tailwindcss/defaultTheme";
+import colors from "tailwindcss/colors";
+
+type ShimGlobal = Record<string, unknown>;
+
+function installTailwindPluginShims(): void {
+  const g = dntShim.dntGlobalThis as ShimGlobal;
+  g.__tailwindPluginShim = { default: plugin, __esModule: true };
+  g.__tailwindDefaultThemeShim = { default: defaultTheme, __esModule: true };
+  g.__tailwindColorsShim = { default: colors, __esModule: true };
+}
+
+class TailwindCSSProcessor implements CSSProcessor {
+  async compile(stylesheet: string, options: CSSCompileOptions): Promise<CSSCompiler> {
+    const native = await compile(stylesheet, {
+      base: options.base,
+      loadStylesheet: options.loadStylesheet,
+      loadModule: async (id: string) => {
+        const loaded = await options.loadModule(id);
+        // deno-lint-ignore no-explicit-any -- loaded plugin modules are opaque to the contract
+        return { module: loaded.module as any, base: loaded.base, path: loaded.path };
+      },
+    });
+    return {
+      build(candidates: string[]): string {
+        return native.build(candidates);
+      },
+    };
+  }
+}
+
+const extTailwind: ExtensionFactory = () => {
+  const impl = new TailwindCSSProcessor();
+  return {
+    name: "ext-tailwind",
+    version: "0.1.0",
+    capabilities: [
+      { type: "contract", name: "CSSProcessor" },
+      { type: "net", hosts: ["esm.sh"] },
+    ],
+    setup(ctx) {
+      installTailwindPluginShims();
+      ctx.provide("CSSProcessor", impl);
+      ctx.logger.info("[ext-tailwind] CSSProcessor registered");
+    },
+    teardown() {
+      // Shims stay installed — removing them could break in-flight plugin
+      // loads. The globalThis pollution is intentional and scoped to keys
+      // with `__tailwind` prefix.
+    },
+  };
+};
+
+export default extTailwind;
+export { TailwindCSSProcessor };

package/src/src/html/styles-builder/tailwind-compiler-cache.ts

@@ -14,7 +14,10 @@
  * @module html/styles-builder/tailwind-compiler-cache
  */
 
-import { tryResolve as tryResolveContract } from "../../extensions/contracts.js";
+import {
+  register as registerContract,
+  tryResolve as tryResolveContract,
+} from "../../extensions/contracts.js";
 import type { CSSCompiler, CSSProcessor } from "../../extensions/interfaces/index.js";
 import { serverLogger } from "../../utils/index.js";
 import { DEPENDENCY_MISSING, NETWORK_ERROR } from "../../errors/index.js";
@@ -71,6 +74,37 @@ async function getTailwindBaseCSS(): Promise<string> {
   return tailwindBaseCSS;
 }
 
+async function resolveCSSProcessor(): Promise<CSSProcessor | undefined> {
+  const registeredProcessor = tryResolveContract<CSSProcessor>("CSSProcessor");
+  if (registeredProcessor) return registeredProcessor;
+
+  try {
+    const { default: createTailwindExtension } = await import(
+      "../../../extensions/ext-tailwind/src/index.js"
+    );
+    const extension = createTailwindExtension();
+    await extension.setup?.({
+      config: {},
+      logger,
+      provide: (name: string, impl: unknown) => registerContract(name, impl),
+      get: () => undefined,
+      require: <T>(name: string): T => {
+        const contract = tryResolveContract<T>(name);
+        if (contract === undefined) {
+          throw new Error(`Missing required extension contract: ${name}`);
+        }
+        return contract;
+      },
+    });
+  } catch (error) {
+    logger.warn("Failed to register built-in CSSProcessor extension", {
+      error: error instanceof Error ? error.message : String(error),
+    });
+  }
+
+  return tryResolveContract<CSSProcessor>("CSSProcessor");
+}
+
 function evictOldestCompiler(): void {
   if (compilerCache.size < MAX_CACHED_COMPILERS) return;
 
@@ -108,7 +142,7 @@ export async function getCompiler(
 
   logger.debug("Creating new compiler", { hash, projectSlug });
 
-  const processor = tryResolveContract<CSSProcessor>("CSSProcessor");
+  const processor = await resolveCSSProcessor();
   if (!processor) {
     logger.warn(
       "No CSSProcessor extension registered — CSS output will be empty. Install it with: deno add @veryfront/ext-tailwind",

package/src/src/utils/version-constant.ts

@@ -1,3 +1,3 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
-export const VERSION = "0.1.320";
+export const VERSION = "0.1.321";