@xleddyl/nuxt-cms 0.1.27 → 0.1.29

package/dist/runtime/shared/index.d.ts

@@ -14,6 +14,8 @@ export declare function mediaFilename(key: string): string;
 export declare function mediaTypeFor(mime: string | null | undefined, key: string): MediaType;
 export declare function mediaIconFor(type: MediaType): string;
 export declare function mediaPublicUrl(baseUrl: string | null | undefined, key: string): string | null;
+export declare const DEFAULT_MEDIA_MAX_FILE_SIZE: number;
+export declare function formatFileSize(bytes: number): string;
 export declare function slugify(value: string): string;
 export declare const MEDIA_FOLDER_MAX_DEPTH = 4;
 export declare function normalizeMediaFolder(value: string | null | undefined): string | null;
@@ -52,6 +54,13 @@ export interface FieldConfig {
     onDelete?: 'set null' | 'cascade' | 'restrict';
 }
 export declare function isTranslatableField(field: FieldConfig): boolean;
+export declare function isTranslatableMediaField(field: FieldConfig): boolean;
+export declare function decodeTranslatableMedia(value: unknown, defaultLocale: string): Record<string, string> | null;
+export declare function encodeTranslatableMedia(value: unknown): string | null;
+export declare function pickTranslatedMedia(values: Record<string, string> | null | undefined, locale: string, defaultLocale: string): string | null;
+export declare function translatableMediaKeys(entry: Pick<CmsEntry, 'fields'>): string[];
+export declare function encodeEntryTranslatableMedia(entry: Pick<CmsEntry, 'fields'>, values: Record<string, unknown>): Record<string, unknown>;
+export declare function decodeEntryTranslatableMedia<T extends Record<string, unknown>>(entry: Pick<CmsEntry, 'fields'>, rows: T[], defaultLocale: string): T[];
 export declare function isMultiSelect(field: FieldConfig): boolean;
 export declare function translatableFieldKeys(entry: CmsEntry): string[];
 export interface CmsEntry {
@@ -106,6 +115,7 @@ export interface MediaFieldInput extends FieldInputBase {
     type: 'media';
     mediaType?: MediaType;
     accept?: string[];
+    translatable?: boolean;
 }
 export interface RelationFieldInput extends FieldInputBase {
     type: 'relation';
@@ -113,7 +123,7 @@ export interface RelationFieldInput extends FieldInputBase {
     cardinality?: 'many-to-one' | 'one-to-one' | 'many-to-many';
     onDelete?: 'set null' | 'cascade' | 'restrict';
 }
-export type BlockFieldInput = Omit<TextFieldInput, 'translatable'> | Omit<RichtextFieldInput, 'translatable'> | NumberFieldInput | BooleanFieldInput | DateFieldInput | EmailFieldInput | SelectFieldInput | JsonFieldInput | MediaFieldInput;
+export type BlockFieldInput = Omit<TextFieldInput, 'translatable'> | Omit<RichtextFieldInput, 'translatable'> | NumberFieldInput | BooleanFieldInput | DateFieldInput | EmailFieldInput | SelectFieldInput | JsonFieldInput | Omit<MediaFieldInput, 'translatable'>;
 export interface BlockInput {
     label: string;
     fields: Record<string, BlockFieldInput>;

package/dist/runtime/shared/index.js

@@ -41,6 +41,17 @@ export function mediaIconFor(type) {
 export function mediaPublicUrl(baseUrl, key) {
   return baseUrl ? `${baseUrl.replace(/\/+$/, "")}/${key}` : null;
 }
+export const DEFAULT_MEDIA_MAX_FILE_SIZE = 10 * 1024 * 1024;
+const FILE_SIZE_UNITS = ["B", "KB", "MB", "GB", "TB"];
+export function formatFileSize(bytes) {
+  let value = Math.max(0, bytes);
+  let unit = 0;
+  while (value >= 1024 && unit < FILE_SIZE_UNITS.length - 1) {
+    value /= 1024;
+    unit++;
+  }
+  return `${Math.round(value * 10) / 10} ${FILE_SIZE_UNITS[unit]}`;
+}
 export function slugify(value) {
   return value.toLowerCase().normalize("NFKD").replace(/[\u0300-\u036F]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
@@ -51,7 +62,65 @@ export function normalizeMediaFolder(value) {
   return segments.length ? segments.join("/") : null;
 }
 export function isTranslatableField(field) {
-  return !!field.translatable && (field.type === "text" || field.type === "richtext");
+  return !!field.translatable && (field.type === "text" || field.type === "richtext" || field.type === "media");
+}
+export function isTranslatableMediaField(field) {
+  return !!field.translatable && field.type === "media";
+}
+function parseJsonObject(raw) {
+  try {
+    const parsed = JSON.parse(raw);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+export function decodeTranslatableMedia(value, defaultLocale) {
+  if (value == null) return null;
+  if (typeof value === "object") return value;
+  const raw = String(value).trim();
+  if (!raw) return null;
+  return (raw.startsWith("{") ? parseJsonObject(raw) : null) ?? { [defaultLocale]: raw };
+}
+export function encodeTranslatableMedia(value) {
+  if (value == null) return null;
+  if (typeof value === "string") return value.trim() || null;
+  if (typeof value !== "object") return null;
+  const entries = Object.entries(value).filter(
+    (pair) => typeof pair[1] === "string" && pair[1].trim() !== ""
+  );
+  return entries.length ? JSON.stringify(Object.fromEntries(entries)) : null;
+}
+export function pickTranslatedMedia(values, locale, defaultLocale) {
+  if (!values) return null;
+  return values[locale] || values[defaultLocale] || Object.values(values).find(Boolean) || null;
+}
+export function translatableMediaKeys(entry) {
+  return Object.entries(entry.fields).filter(([, field]) => isTranslatableMediaField(field)).map(([key]) => key);
+}
+export function encodeEntryTranslatableMedia(entry, values) {
+  const keys = translatableMediaKeys(entry);
+  if (!keys.length) return values;
+  const encoded = { ...values };
+  for (const key of keys) {
+    if (Object.hasOwn(encoded, key)) encoded[key] = encodeTranslatableMedia(encoded[key]);
+  }
+  return encoded;
+}
+export function decodeEntryTranslatableMedia(entry, rows, defaultLocale) {
+  const keys = translatableMediaKeys(entry);
+  if (!keys.length) return rows;
+  for (const row of rows) {
+    for (const key of keys) {
+      if (Object.hasOwn(row, key)) {
+        row[key] = decodeTranslatableMedia(row[key], defaultLocale);
+      }
+    }
+  }
+  return rows;
 }
 export function isMultiSelect(field) {
   return field.type === "select" && !!field.multiple;

package/dist/runtime/shared/validation.js

@@ -69,7 +69,7 @@ export function buildEntrySchema(entry, i18n, messages) {
       continue;
     }
     if (isTranslatableField(field) && locales.length) {
-      const record = z.record(z.string(), z.string()).refine((v) => Object.keys(v).every((k) => locales.includes(k)), m.unknownLocale);
+      const record = z.record(z.string(), field.type === "media" ? objectKeySchema : z.string()).refine((v) => Object.keys(v).every((k) => locales.includes(k)), m.unknownLocale);
       shape[key] = field.required ? record.refine((v) => !!v[defaultLocale]?.trim(), m.requiredLocale(defaultLocale)) : record.nullish().transform((v) => v ?? null);
       continue;
     }

package/dist/types.d.mts

@@ -1,3 +1,3 @@
 export { default } from './module.mjs'
 
-export { type ModuleOptions } from './module.mjs'
+export { type ModuleOptions, type ModuleOptionsDatabase, type ModuleOptionsMedia } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "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)",
@@ -60,12 +60,13 @@
     "dist"
   ],
   "dependencies": {
+    "@fontsource-variable/hanken-grotesk": "^5.3.0",
+    "@fontsource/fragment-mono": "^5.3.0",
     "@libsql/client": "^0.17.4",
     "@nuxt/kit": "^4.4.8",
     "@tailwindcss/vite": "^4.3.2",
     "@tiptap/starter-kit": "^3.0.0",
     "@tiptap/vue-3": "^3.0.0",
-    "tailwindcss": "^4.3.2",
     "aws4fetch": "^1.0.20",
     "better-sqlite3": "^12.2.0",
     "drizzle-kit": "^0.31.0",
@@ -76,6 +77,7 @@
     "jiti": "^2.7.0",
     "nuxt-auth-utils": "^0.5.29",
     "pg": "^8.16.0",
+    "tailwindcss": "^4.3.2",
     "vite-svg-loader": "^5.1.0",
     "zod": "^4.0.0"
   },