@baybreezy/docd 0.1.4 → 0.1.6

package/app/components/page/PageHeader.vue

@@ -37,7 +37,7 @@
               target="_blank"
               variant="outline"
               size="md"
-              class="transition-colors duration-300"
+              class="gap-1.5 transition-colors duration-300 [&>svg]:size-3.5"
             >
               <Icon
                 v-if="link?.icon"

package/app/composables/useDocPage.ts

@@ -1,4 +1,4 @@
-import type { Collections, ContentNavigationItem } from "@nuxt/content";
+import type { Collections, ContentNavigationItem, PageCollectionItemBase } from "@nuxt/content";
 import { findPageHeadline } from "@nuxt/content/utils";
 import { kebabCase } from "lodash-es";
 
@@ -9,16 +9,16 @@ export const useDocPage = async () => {
   const isLandingRoute = route.path === "/";
 
   const [{ data: page }, { data: surround }, { data: navigation }] = await Promise.all([
-    useAsyncData(
+    useAsyncData<PageCollectionItemBase | null>(
       kebabCase(route.path) || "root",
       () =>
         isLandingRoute
-          ? queryCollection("landing" as keyof Collections)
+          ? (queryCollection("landing" as keyof Collections)
               .path(route.path)
-              .first()
-          : queryCollection("docs" as keyof Collections)
+              .first() as Promise<PageCollectionItemBase | null>)
+          : (queryCollection("docs" as keyof Collections)
               .path(route.path)
-              .first(),
+              .first() as Promise<PageCollectionItemBase | null>),
       { watch: [() => route.path] }
     ),
     useAsyncData(
@@ -36,7 +36,7 @@ export const useDocPage = async () => {
     ),
     useAsyncData(
       () => `navigation_docs`,
-      () => queryCollectionNavigation("docs" as keyof Collections),
+      () => queryCollectionNavigation("docs" as keyof Collections, ["label", "target"]),
       {
         watch: [() => route.path],
         transform: (data: ContentNavigationItem[]) =>

package/content.config.ts

@@ -50,6 +50,7 @@ const baseSchema = z.object({
 
 const docsSchema = baseSchema.extend({
   label: z.string().optional(),
+  target: z.string().optional(),
   layout: z.string().default("docs").optional(),
 });
 

package/modules/prose-component-meta.ts

@@ -29,7 +29,7 @@ export default defineNuxtModule({
   async setup(_, nuxt) {
     const resolver = createResolver(import.meta.url);
     const layerRoot = resolver.resolve("..");
-    const { componentsDir, outputFile, cacheDir } = resolveProseComponentPaths({
+    const { outputFile, cacheDir } = resolveProseComponentPaths({
       rootDir: nuxt.options.rootDir,
       layerRoot,
     });
@@ -61,7 +61,6 @@ export default defineNuxtModule({
       manifest = await generateProseComponentMeta({
         rootDir: nuxt.options.rootDir,
         layerRoot,
-        componentsDir,
         outputFile,
         cache: true,
         cacheDir,
@@ -101,7 +100,6 @@ export default defineNuxtModule({
     });
 
     nuxt.hook("builder:watch", async (_event, changedPath) => {
-      const normalizedComponentsDir = normalizeFsPath(componentsDir);
       const normalizedContentDir = normalizeFsPath(contentDir);
       const candidates = [
         normalizeFsPath(changedPath),
@@ -109,9 +107,6 @@ export default defineNuxtModule({
         normalizeFsPath(resolvePath(layerRoot, changedPath)),
       ];
 
-      const matchesProseComponent = candidates.some(
-        (candidate) => candidate.endsWith(".vue") && candidate.startsWith(normalizedComponentsDir)
-      );
       const matchesWatchedProjectComponent = candidates.some((candidate) =>
         watchedProjectComponentFiles.has(candidate)
       );
@@ -119,7 +114,7 @@ export default defineNuxtModule({
         (candidate) => candidate.endsWith(".md") && candidate.startsWith(normalizedContentDir)
       );
 
-      if (!matchesProseComponent && !matchesWatchedProjectComponent && !matchesContentFrontmatter) {
+      if (!matchesWatchedProjectComponent && !matchesContentFrontmatter) {
         return;
       }
 

package/package.json

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

package/utils/generate-prose-component-meta.ts

@@ -1,7 +1,7 @@
 import { existsSync, readFileSync } from "node:fs";
-import { mkdir, readdir, stat, writeFile } from "node:fs/promises";
+import { mkdir, stat, writeFile } from "node:fs/promises";
 import { cpus } from "node:os";
-import { dirname, join, relative, resolve } from "node:path";
+import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { Worker } from "node:worker_threads";
 
@@ -110,7 +110,6 @@ export interface ProseComponentMetaSource {
 export interface GenerateProseComponentMetaOptions {
   rootDir: string;
   layerRoot: string;
-  componentsDir: string;
   outputFile: string;
   cache?: boolean;
   cacheDir?: string;
@@ -232,26 +231,6 @@ async function runInWorkers(
   }
 }
 
-async function listVueFiles(dir: string): Promise<string[]> {
-  const files: string[] = [];
-  const entries = await readdir(dir, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const fullPath = join(dir, entry.name);
-
-    if (entry.isDirectory()) {
-      files.push(...(await listVueFiles(fullPath)));
-      continue;
-    }
-
-    if (entry.isFile() && fullPath.endsWith(".vue")) {
-      files.push(fullPath);
-    }
-  }
-
-  return files.sort((a, b) => a.localeCompare(b));
-}
-
 function readExistingManifest(outputFile: string): ProseComponentMetaManifest {
   if (!existsSync(outputFile)) {
     return EMPTY_PROSE_COMPONENT_META_MANIFEST;
@@ -273,19 +252,10 @@ export async function generateProseComponentMeta(
   options: GenerateProseComponentMetaOptions
 ): Promise<ProseComponentMetaManifest> {
   const previousManifest = readExistingManifest(options.outputFile);
-  const builtInComponentFiles = await listVueFiles(options.componentsDir);
   const componentSources = new Map<string, ProseComponentMetaSource>();
   const components: Record<string, ProseComponentMetaEntry> = {};
   const sourceHashes: Record<string, string> = {};
 
-  for (const componentPath of builtInComponentFiles) {
-    const manifestPath = normalizeComponentMetaPath(relative(options.layerRoot, componentPath));
-    componentSources.set(manifestPath, {
-      absolutePath: componentPath,
-      manifestPath,
-    });
-  }
-
   for (const component of options.additionalComponents || []) {
     componentSources.set(component.manifestPath, component);
   }