@xleddyl/nuxt-cms 0.1.59 → 0.1.61

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

@@ -23,7 +23,15 @@ export declare const MEDIA_FOLDER_MAX_DEPTH = 4;
 export declare const MEDIA_FOLDER_MARKER = ".keep";
 export declare function mediaFolderMarkerKey(folder: string): string;
 export declare function isMediaFolderMarker(key: string): boolean;
+export declare function mediaFolderSegments(value: string | null | undefined): string[];
 export declare function normalizeMediaFolder(value: string | null | undefined): string | null;
+export declare function mediaFolderDepth(folder: string | null | undefined): number;
+export declare function mediaFolderParent(folder: string): string | null;
+export declare function mediaFolderName(folder: string): string;
+export declare function mediaFolderAncestors(folder: string): string[];
+export declare function isWithinMediaFolder(folder: string | null | undefined, parent: string | null): boolean;
+export declare function rebaseMediaFolder(folder: string, from: string, to: string): string;
+export declare function expandMediaFolders(folders: Iterable<string | null | undefined>): string[];
 export interface MediaItem {
     id?: number;
     key: string;
@@ -43,6 +51,14 @@ export interface MediaSourceInfo {
     root: string;
     builtAt: string | null;
 }
+export interface MediaUsage {
+    collection: string;
+    label: string;
+    kind: CmsEntryKind;
+    id: string | null;
+    title: string | null;
+    field: string;
+}
 export interface BlockConfig {
     label: string;
     fields: Record<string, FieldConfig>;
@@ -72,6 +88,8 @@ export interface FieldConfig {
     blocks?: Record<string, BlockConfig>;
     mediaType?: MediaType | MediaType[];
     accept?: string[];
+    mobile?: boolean;
+    mobileOf?: string;
     to?: string;
     cardinality?: 'many-to-one' | 'one-to-one' | 'many-to-many';
     onDelete?: 'set null' | 'cascade' | 'restrict';
@@ -121,6 +139,9 @@ export interface CmsEntry {
     tabs?: CmsTab[];
     table?: CmsTable;
 }
+export declare const MOBILE_MEDIA_SUFFIX = "Mobile";
+export declare function mobileMediaKey(key: string): string;
+export declare function expandMobileMedia<T extends Record<string, unknown>>(config: T): T;
 export declare function entryTabs(entry: Pick<CmsEntry, 'tabs'>): CmsTab[];
 export declare function fieldTab(field: FieldConfig, tabs: CmsTab[]): string | undefined;
 export declare function fieldsByTab(fields: Record<string, FieldConfig>, tabs: CmsTab[]): Record<string, Record<string, FieldConfig>>;
@@ -191,6 +212,7 @@ export interface MediaFieldInput extends FieldInputBase {
     mediaType?: MediaType | MediaType[];
     accept?: string[];
     translatable?: boolean;
+    mobile?: boolean;
 }
 export interface RelationFieldInput extends FieldInputBase {
     type: 'relation';
@@ -199,7 +221,7 @@ export interface RelationFieldInput extends FieldInputBase {
     onDelete?: 'set null' | 'cascade' | 'restrict';
 }
 type BlockField<T> = Omit<T, 'private' | 'showIf' | 'tab'>;
-export type BlockFieldInput = BlockField<TextFieldInput> | BlockField<RichtextFieldInput> | BlockField<NumberFieldInput> | BlockField<BooleanFieldInput> | BlockField<DateFieldInput> | BlockField<EmailFieldInput> | BlockField<SelectFieldInput> | BlockField<JsonFieldInput> | BlockField<MediaFieldInput>;
+export type BlockFieldInput = BlockField<TextFieldInput> | BlockField<RichtextFieldInput> | BlockField<NumberFieldInput> | BlockField<BooleanFieldInput> | BlockField<DateFieldInput> | BlockField<EmailFieldInput> | BlockField<SelectFieldInput> | BlockField<JsonFieldInput> | Omit<BlockField<MediaFieldInput>, 'mobile'>;
 export interface BlockInput {
     label: string;
     fields: Record<string, BlockFieldInput>;

package/dist/runtime/shared/index.js

@@ -73,11 +73,43 @@ export function mediaFolderMarkerKey(folder) {
 export function isMediaFolderMarker(key) {
   return key.endsWith(`/${MEDIA_FOLDER_MARKER}`);
 }
+export function mediaFolderSegments(value) {
+  return value ? value.split("/").map(slugify).filter(Boolean) : [];
+}
 export function normalizeMediaFolder(value) {
-  if (!value) return null;
-  const segments = value.split("/").map(slugify).filter(Boolean).slice(0, MEDIA_FOLDER_MAX_DEPTH);
+  const segments = mediaFolderSegments(value).slice(0, MEDIA_FOLDER_MAX_DEPTH);
   return segments.length ? segments.join("/") : null;
 }
+export function mediaFolderDepth(folder) {
+  return folder ? folder.split("/").length : 0;
+}
+export function mediaFolderParent(folder) {
+  const index = folder.lastIndexOf("/");
+  return index === -1 ? null : folder.slice(0, index);
+}
+export function mediaFolderName(folder) {
+  return folder.slice(folder.lastIndexOf("/") + 1);
+}
+export function mediaFolderAncestors(folder) {
+  const segments = folder.split("/");
+  return segments.map((_, index) => segments.slice(0, index + 1).join("/"));
+}
+export function isWithinMediaFolder(folder, parent) {
+  if (!parent) return true;
+  return !!folder && (folder === parent || folder.startsWith(`${parent}/`));
+}
+export function rebaseMediaFolder(folder, from, to) {
+  if (folder === from) return to;
+  return folder.startsWith(`${from}/`) ? `${to}${folder.slice(from.length)}` : folder;
+}
+export function expandMediaFolders(folders) {
+  const expanded = /* @__PURE__ */ new Set();
+  for (const folder of folders) {
+    if (!folder) continue;
+    for (const ancestor of mediaFolderAncestors(folder)) expanded.add(ancestor);
+  }
+  return [...expanded].sort();
+}
 export function isPrivateField(field) {
   return !!field.private;
 }
@@ -192,6 +224,58 @@ export function localizeBlocks(field, value, locale, defaultLocale) {
   return value.map((item) => localizeBlock(field, item, locale, defaultLocale));
 }
 export const CMS_GRAPHQL_BATCH_LIMIT = 20;
+export const MOBILE_MEDIA_SUFFIX = "Mobile";
+export function mobileMediaKey(key) {
+  return `${key}${MOBILE_MEDIA_SUFFIX}`;
+}
+function mobileMediaField(key, field) {
+  const { mobile: _mobile, required: _required, ...rest } = field;
+  return {
+    ...rest,
+    label: `${field.label} (mobile)`,
+    mobileOf: key
+  };
+}
+function withMobileMedia(fields, removed = () => false) {
+  const expanded = {};
+  for (const [key, field] of Object.entries(fields)) {
+    if (field?.mobileOf && Object.hasOwn(fields, field.mobileOf)) continue;
+    expanded[key] = field;
+    const mobileKey = mobileMediaKey(key);
+    if (field?.mobile && field.type === "media" && !Object.hasOwn(fields, mobileKey)) {
+      expanded[mobileKey] = mobileMediaField(key, field);
+    } else if (field?.mobile && fields[mobileKey]?.mobileOf === key) {
+      expanded[mobileKey] = fields[mobileKey];
+    } else if (!field && removed(key) && !Object.hasOwn(fields, mobileKey)) {
+      expanded[mobileKey] = null;
+    }
+  }
+  return expanded;
+}
+export function expandMobileMedia(config) {
+  for (const entry of Object.values(config)) {
+    if (!entry?.fields) continue;
+    const shared = entry.fields;
+    const hasMobile = (key) => !!shared[key]?.mobile && shared[key]?.type === "media";
+    entry.fields = withMobileMedia(shared);
+    if (entry.overrides) {
+      entry.overrides = Object.fromEntries(
+        Object.entries(entry.overrides).map(([path, override]) => [
+          path,
+          withMobileMedia(override, hasMobile)
+        ])
+      );
+    }
+    if (entry.columns) {
+      entry.columns = [
+        ...new Set(
+          entry.columns.flatMap((key) => hasMobile(key) ? [key, mobileMediaKey(key)] : [key])
+        )
+      ];
+    }
+  }
+  return config;
+}
 export function entryTabs(entry) {
   return entry.tabs?.length ? entry.tabs : [];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "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)",