@xleddyl/nuxt-cms 0.1.29 → 0.1.30

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@xleddyl/nuxt-cms",
   "configKey": "cms",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -11,6 +11,30 @@ import { minifyIntrospection, outputIntrospectionFile } from 'gql.tada/internal'
 import { createJiti } from 'jiti';
 import { typeName, blockTypeName, blockUnionName, renderGraphqlSdl } from '../dist/runtime/shared/graphql-sdl.js';
 import { isMultiSelect, isTranslatableField, isTranslatableMediaField, DEFAULT_MEDIA_MAX_FILE_SIZE } from '../dist/runtime/shared/index.js';
+import { scanMediaDirectory, readMediaFileMeta } from '../dist/runtime/server/utils/media-sync.js';
+
+async function collectMediaManifest(root) {
+  const files = await scanMediaDirectory(root);
+  return Promise.all(files.map((file) => readMediaFileMeta(root, file)));
+}
+function renderMediaManifestFile(files) {
+  return [
+    `export const generated = ${files !== null}`,
+    ``,
+    `export const files = ${JSON.stringify(files ?? [], null, 3)}`,
+    ``
+  ].join("\n");
+}
+function renderMediaManifestTypes(typesPath) {
+  return [
+    `import type { MediaFileMeta } from '${typesPath}'`,
+    ``,
+    `export declare const generated: boolean`,
+    ``,
+    `export declare const files: MediaFileMeta[]`,
+    ``
+  ].join("\n");
+}
 
 const IDENTIFIER = /^[a-z_]\w*$/i;
 const RESERVED_ENTRY_KEYS = ["admin", "auth", "login", "media", "graphql", "cms_media"];
@@ -697,6 +721,30 @@ const module$1 = defineNuxtModule({
         ``
       ].join("\n")
     });
+    const publicDir = resolve(nuxt.options.rootDir, nuxt.options.dir?.public ?? "public");
+    const mediaLocalRoot = resolved.media.storage === "local" && resolved.media.publicBaseUrl.startsWith("/") ? join(publicDir, ...resolved.media.publicBaseUrl.split("/").filter(Boolean)) : "";
+    addTemplate({
+      filename: "cms/media-manifest.d.ts",
+      write: true,
+      getContents: () => renderMediaManifestTypes(
+        toPosix(resolver.resolve("./runtime/server/utils/media-sync"))
+      )
+    });
+    const mediaManifestTemplate = addTemplate({
+      filename: "cms/media-manifest.js",
+      write: true,
+      getContents: async () => {
+        if (!mediaLocalRoot || nuxt.options.dev) return renderMediaManifestFile(null);
+        if (!existsSync(mediaLocalRoot)) {
+          logger.warn(
+            `[nuxt-cms] Local media folder not found at build time: ${mediaLocalRoot}. The media library will not be synced at runtime.`
+          );
+          return renderMediaManifestFile(null);
+        }
+        return renderMediaManifestFile(await collectMediaManifest(mediaLocalRoot));
+      }
+    });
+    nuxt.options.alias["#cms-media-manifest"] = mediaManifestTemplate.dst;
     addServerPlugin(
       resolver.resolve(
         driver === "postgres" ? "./runtime/server/plugins/migrate-postgres" : driver === "libsql" ? "./runtime/server/plugins/migrate-libsql" : "./runtime/server/plugins/migrate-sqlite"
@@ -726,8 +774,6 @@ const module$1 = defineNuxtModule({
           logger.error(`[nuxt-cms] drizzle-kit generate failed (exit code ${code})`);
       });
     }
-    const publicDir = resolve(nuxt.options.rootDir, nuxt.options.dir?.public ?? "public");
-    const mediaLocalRoot = resolved.media.storage === "local" && resolved.media.publicBaseUrl.startsWith("/") ? join(publicDir, ...resolved.media.publicBaseUrl.split("/").filter(Boolean)) : "";
     const existingConfig = nuxt.options.runtimeConfig.cms ?? {};
     nuxt.options.runtimeConfig.cms = {
       adminEmail: resolved.admin.email,

package/dist/runtime/server/plugins/media-sync-local.js

@@ -1,39 +1,56 @@
 import { existsSync } from "node:fs";
 import { eq, inArray } from "drizzle-orm";
 import { useDb } from "#cms-db";
+import { files as manifestFiles, generated as manifestGenerated } from "#cms-media-manifest";
 import { cms_media } from "#cms-tables";
 import { useRuntimeConfig } from "#imports";
 import { chunked, planMediaSync, readMediaFileMeta, scanMediaDirectory } from "../utils/media-sync.js";
 const CHUNK_SIZE = 100;
+async function resolveMediaSource(root) {
+  if (existsSync(root)) {
+    return {
+      origin: root,
+      files: await scanMediaDirectory(root),
+      meta: (file) => readMediaFileMeta(root, file)
+    };
+  }
+  if (!manifestGenerated) return null;
+  const byKey = new Map(manifestFiles.map((file) => [file.key, file]));
+  return {
+    origin: `build manifest of ${root}`,
+    files: manifestFiles.map(({ key, size }) => ({ key, size })),
+    meta: async (file) => byKey.get(file.key)
+  };
+}
 export default async () => {
   try {
     const { media } = useRuntimeConfig().cms;
     if (media?.storage !== "local") return;
     const root = media.localRoot;
     if (!root) return;
-    if (!existsSync(root)) {
+    const source = await resolveMediaSource(root);
+    if (!source) {
       console.info(
-        `[nuxt-cms] Local media folder not found: ${root}. Skipping media library sync.`
+        `[nuxt-cms] Local media folder not found: ${root}, and no build manifest was generated. Skipping media library sync.`
       );
       return;
     }
-    const files = await scanMediaDirectory(root);
     const db = useDb();
     const rows = await db.select({ key: cms_media.key, size: cms_media.size }).from(cms_media);
-    const { insert, update, remove } = planMediaSync(files, rows);
+    const { insert, update, remove } = planMediaSync(source.files, rows);
     for (const chunk of chunked(insert, CHUNK_SIZE)) {
-      const values = await Promise.all(chunk.map((file) => readMediaFileMeta(root, file)));
+      const values = await Promise.all(chunk.map((file) => source.meta(file)));
       await db.insert(cms_media).values(values.map((value) => ({ ...value, alt: null }))).onConflictDoNothing();
     }
     for (const file of update) {
-      const { mime, size, width, height } = await readMediaFileMeta(root, file);
+      const { mime, size, width, height } = await source.meta(file);
       await db.update(cms_media).set({ mime, size, width, height }).where(eq(cms_media.key, file.key));
     }
     for (const chunk of chunked(remove, CHUNK_SIZE)) {
       await db.delete(cms_media).where(inArray(cms_media.key, chunk));
     }
     console.info(
-      `[nuxt-cms] Local media sync: ${insert.length} added, ${remove.length} removed, ${update.length} updated (${files.length} file${files.length === 1 ? "" : "s"} in ${root})`
+      `[nuxt-cms] Local media sync: ${insert.length} added, ${remove.length} removed, ${update.length} updated (${source.files.length} file${source.files.length === 1 ? "" : "s"} in ${source.origin})`
     );
   } catch (error) {
     console.warn("[nuxt-cms] Local media sync failed:", error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "Lightweight CMS that ships with your Nuxt app: runs on the Nitro server, content types defined in code, /cms admin panel, GraphQL API, SQLite or Postgres. No external CMS needed!",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",
@@ -105,6 +105,6 @@
     "test": "vitest run",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,html,json,sql,vue}\" --log-level error",
-    "release": "changelogen --release && git push origin main && git push origin v$(node -p \"require('./package.json').version\")"
+    "release": "changelogen --release --no-github && git push origin main && git push origin v$(node -p \"require('./package.json').version\")"
   }
 }