@baybreezy/docd 0.0.2 → 0.0.3

package/app/assets/css/tailwind.css

@@ -1,5 +1,6 @@
-@import "tailwindcss" source("../../../../../");
+@import "tailwindcss";
 @import "tw-animate-css";
+@source "../../../../";
 
 @config "../../../tailwind.config.cjs";
 

package/modules/css.ts

@@ -0,0 +1,44 @@
+import { addVitePlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
+import { joinURL } from "ufo";
+
+export default defineNuxtModule({
+  meta: {
+    name: "docd:css",
+  },
+  setup(_options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+
+    // Absolute path to the layer's tailwind entry — this is the file that owns
+    // `@import "tailwindcss"` and therefore controls Tailwind's scanner.
+    const tailwindCssPath = resolver.resolve("../app/assets/css/tailwind.css");
+
+    // The consuming app's content directory.  We convert to forward-slashes so
+    // the injected @source glob works on Windows too.
+    const contentDir = joinURL(nuxt.options.rootDir, "content").replace(/\\/g, "/");
+
+    // Inject `@source <contentDir>/**/*` into tailwind.css
+    addVitePlugin({
+      name: "docd:inject-tailwind-sources",
+      enforce: "pre",
+      transform(code: string, id: string) {
+        if (id.split("?")[0] !== tailwindCssPath) return null;
+        return {
+          code: `${code}\n@source ${JSON.stringify(`${contentDir}/**/*`)};`,
+          map: null,
+        };
+      },
+    });
+
+    // Suppress noisy Vite warnings produced during Tailwind's build pass.
+    nuxt.hook("vite:extendConfig", (config) => {
+      const logger = config.customLogger;
+      if (!logger) return;
+      const ignore = ["@tailwindcss/vite:generate:build", "nuxt:module-preload-polyfill"];
+      const originalWarn = logger.warn.bind(logger);
+      logger.warn = (msg, options) => {
+        if (ignore.some((p) => msg.includes(p))) return;
+        originalWarn(msg, options);
+      };
+    });
+  },
+});

package/nuxt.config.ts

@@ -50,6 +50,7 @@ export default defineNuxtConfig({
     "@morev/vue-transitions/nuxt",
     "vue-sonner/nuxt",
     resolver.resolve("./modules/routing"),
+    resolver.resolve("./modules/css"),
     resolver.resolve("./modules/config"),
     resolver.resolve("./modules/custom-icons"),
     resolver.resolve("./modules/prose-component-meta"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baybreezy/docd",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A Nuxt layer for building documentation sites with UI Thing.",
   "repository": {
     "type": "git",