@baybreezy/docd 0.1.1 → 0.1.3

package/app/components/OgImage/Docs.takumi.vue

@@ -13,17 +13,13 @@
       <div class="absolute -bottom-px left-0 h-px w-12 bg-zinc-700" />
       <div class="absolute bottom-0 -left-px h-12 w-px bg-zinc-700" />
 
-      <p
-        v-if="headline"
-        class="mb-4 line-clamp-1 text-2xl text-pretty whitespace-pre-line"
-        v-html="headline"
-      />
-      <h1 v-if="title" class="mb-4 line-clamp-1 text-5xl leading-none font-bold tracking-tighter">
+      <p v-if="headline" class="mb-4 text-2xl text-pretty whitespace-pre-line" v-html="headline" />
+      <h1 v-if="title" class="mb-4 text-5xl leading-none font-bold tracking-tighter">
         {{ title }}
       </h1>
       <p
         v-if="description"
-        class="line-clamp-3 text-3xl leading-normal text-pretty whitespace-pre-line opacity-80"
+        class="text-3xl leading-normal text-pretty whitespace-pre-line opacity-80"
       >
         {{ description }}
       </p>

package/app/components/OgImage/Landing.takumi.vue

@@ -16,12 +16,12 @@
       <div class="flex flex-col items-center text-center">
         <div v-if="logoSvg" v-html="logoSvg" class="mb-5" />
 
-        <h1 v-if="title" class="mb-4 line-clamp-1 text-5xl leading-none font-bold tracking-tighter">
+        <h1 v-if="title" class="mb-4 text-5xl leading-none font-bold tracking-tighter">
           {{ title }}
         </h1>
         <p
           v-if="description"
-          class="line-clamp-3 text-3xl text-pretty whitespace-pre-line opacity-80"
+          class="text-3xl text-pretty whitespace-pre-line opacity-80"
           v-html="description"
         />
       </div>

package/modules/css.ts

@@ -36,6 +36,44 @@ export default defineNuxtModule({
       },
     });
 
+    // Inject `@reference` into consuming-app CSS files that use `@apply` but
+    // don't already import or reference Tailwind. This gives them access to the
+    // layer's theme tokens without re-outputting Tailwind's stylesheet.
+    addVitePlugin({
+      name: "docd:inject-tailwind-reference",
+      enforce: "pre",
+      async load(id) {
+        const cleanId = id?.split("?")?.[0]?.replace(/\\/g, "/");
+
+        if (!cleanId?.endsWith(".css")) return null;
+        // Skip the layer's own tailwind entry — it already has @import "tailwindcss".
+        if (cleanId === tailwindCssPath) return null;
+        // Only touch files inside the consuming app root, not node_modules or the layer.
+        if (!cleanId.startsWith(`${rootDir}/`)) return null;
+        if (cleanId.startsWith(`${layerAppDir}/`)) return null;
+
+        let code: string;
+        try {
+          code = await readFile(cleanId, "utf8");
+        } catch {
+          return null;
+        }
+
+        // Skip files that already have reference
+        if (
+          code.includes('@import "tailwindcss"') ||
+          code.includes("@import 'tailwindcss'") ||
+          code.includes("@reference")
+        )
+          return null;
+
+        // Only inject when the file actually uses @apply to avoid unnecessary overhead.
+        if (!code.includes("@apply")) return null;
+
+        return `@reference ${JSON.stringify(tailwindCssPath)};\n${code}`;
+      },
+    });
+
     // Suppress noisy Vite warnings produced during Tailwind's build pass.
     nuxt.hook("vite:extendConfig", (config) => {
       const logger = config.customLogger;

package/package.json

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