@baybreezy/docd 0.0.4 → 0.0.6

package/app/assets/css/tailwind.css

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

package/app/composables/useDocd.ts

@@ -20,6 +20,9 @@ export function useDocd() {
   const github = computed(
     () => ((appConfig.docd as DocdConfig | undefined)?.github ?? {}) as DocdGithubConfig
   );
+  const hasGithub = computed(
+    () => !!(github.value?.repo && github.value?.branch && github.value?.contentDir)
+  );
 
   /* =====================================
   =               Footer                 =
@@ -82,6 +85,7 @@ export function useDocd() {
     isDashed,
     extraLinks,
     github,
+    hasGithub,
     hideSearch,
     // transition
     activeName,

package/app/layouts/docs.vue

@@ -22,11 +22,11 @@
         class="mt-auto flex h-(--header-height) items-center justify-between gap-3 border-t px-2"
         :class="isDashed ? 'border-dashed' : ''"
       >
-        <template v-if="github">
+        <template v-if="hasGithub">
           <DocsGithubLink />
         </template>
         <div class="ml-auto flex items-center gap-1.5">
-          <template v-if="github && (!hideThemeCustomizer || !hideLightDarkToggle)">
+          <template v-if="hasGithub && (!hideThemeCustomizer || !hideLightDarkToggle)">
             <UiDivider
               :type="isDashed ? 'dashed' : 'solid'"
               orientation="vertical"
@@ -60,5 +60,6 @@
 
 <script lang="ts" setup>
   const { navigation } = await useDocPage();
-  const { isDashed, github, hideSearch, hideLightDarkToggle, hideThemeCustomizer } = useDocd();
+  const { isDashed, github, hasGithub, hideSearch, hideLightDarkToggle, hideThemeCustomizer } =
+    useDocd();
 </script>

package/modules/css.ts

@@ -1,5 +1,6 @@
+import { readFile } from "node:fs/promises";
+
 import { addVitePlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
-import { joinURL } from "ufo";
 
 export default defineNuxtModule({
   meta: {
@@ -8,24 +9,30 @@ export default defineNuxtModule({
   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");
+    // Absolute path to the layer's tailwind entry — resolved from this module's
+    // location so it stays correct whether docd is local or installed from npm.
+    const tailwindCssPath = resolver.resolve("../app/assets/css/tailwind.css").replace(/\\/g, "/");
 
-    // 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, "/");
+    // Absolute paths that Tailwind needs to scan.
+    const rootDir = nuxt.options.rootDir.replace(/\\/g, "/");
+    const layerAppDir = resolver.resolve("../app").replace(/\\/g, "/");
 
-    // Inject `@source <contentDir>/**/*` into tailwind.css
+    // Use the `load` hook rather than `transform` so our modified source is
+    // visible to @tailwindcss/vite's transform hook (which has enforce:"pre"
+    // and is registered earlier). Vite always runs `load` before `transform`.
     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,
-        };
+      async load(id) {
+        const cleanId = id?.split("?")?.[0]?.replace(/\\/g, "/");
+        if (cleanId !== tailwindCssPath) return null;
+
+        const code = await readFile(tailwindCssPath, "utf8");
+        return [
+          code,
+          `@source ${JSON.stringify(`${rootDir}/**/*`)};`,
+          `@source ${JSON.stringify(`${layerAppDir}/**/*`)};`,
+        ].join("\n");
       },
     });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baybreezy/docd",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "A Nuxt layer for building documentation sites with UI Thing.",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "@baybreezy/file-extension-icon": "^0.0.4",
     "@iconify-json/lucide": "^1.2.103",
     "@iconify-json/simple-icons": "^1.2.79",
-    "@iconify/utils": "^3.1.0",
+    "@iconify/utils": "^3.1.1",
     "@morev/vue-transitions": "^3.0.5",
     "@nuxt/content": "3.13.0",
     "@nuxt/fonts": "^0.14.0",