@yimingliao/cms 0.0.250 → 0.0.252

package/dist/src/client/infrastructure/contexts/theme.js

@@ -4,15 +4,20 @@ import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 
 function ThemeProvider({
   children,
+  defaultTheme = "system",
+  enableSystem = true,
+  disableTransitionOnChange = true,
+  storageKey = "cms-theme",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
     ThemeProvider$1,
     {
       attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
+      defaultTheme,
+      enableSystem,
+      disableTransitionOnChange,
+      storageKey,
       ...props,
       children
     }

package/dist/src/client/interfaces/components/ui/display/html-display.js

@@ -5,18 +5,27 @@ import 'mime-types';
 import { cn } from '../../../../applications/cms/shadcn/utils.js';
 import 'next/navigation';
 
+const FIGURE_OEMBED_PATTERN = /<figure\b[^>]*\bclass=(["'])[^"']*\bmedia\b[^"']*\1[^>]*>\s*<oembed\b[^>]*\burl=(["'])(.*?)\2[^>]*>\s*<\/oembed>\s*<\/figure>/gi;
+const YOUTUBE_VIDEO_ID_PATTERN = /^[\w-]{11}$/;
+const HTML_ESCAPE_MAP = {
+  '"': "&quot;",
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;"
+};
 function HtmlDisplay({
   html = "",
-  textOnly,
+  textOnly = false,
   className = "",
   ...props
 }) {
-  const content = textOnly ? normalizeHtmlText(html) : html ?? "";
+  const content = textOnly ? toPlainText(html) : normalizeHtml(html ?? "");
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         className,
+        "w-full",
         "ck ck-content"
         // CKEditor styles prefix: .ck (ckeditor.css)
       ),
@@ -25,9 +34,94 @@ function HtmlDisplay({
     }
   );
 }
-function normalizeHtmlText(html) {
+function toPlainText(html) {
   if (!html) return "";
-  return html.replace(/<\/(p|div|li|h[1-6]|tr|td)>/gi, " ").replace(/<br\s*\/?>/gi, " ").replace(/<[^>]+>/g, " ").replace(/\r?\n|\r/g, " ").replace(/\s{2,}/g, " ").trim();
+  return removeMediaContent(html).replace(/<\/(p|div|li|h[1-6]|tr|td)>/gi, " ").replace(/<br\s*\/?>/gi, " ").replace(/<[^>]+>/g, " ").replace(/\r?\n|\r/g, " ").replace(/\s{2,}/g, " ").replace(/\s+([，。！？；：、])/g, "$1").trim();
+}
+function normalizeHtml(html) {
+  if (!html) return "";
+  return html.replace(
+    FIGURE_OEMBED_PATTERN,
+    (figureHtml, _classQuote, _urlQuote, rawUrl) => {
+      const embedHtml = createEmbedHtml(rawUrl);
+      return embedHtml ?? createEmbedFallbackHtml(rawUrl, figureHtml);
+    }
+  );
+}
+function removeMediaContent(html) {
+  return html.replace(FIGURE_OEMBED_PATTERN, " ").replace(/<iframe\b[^>]*>[\s\S]*?<\/iframe>/gi, " ").replace(/<video\b[^>]*>[\s\S]*?<\/video>/gi, " ").replace(/<picture\b[^>]*>[\s\S]*?<\/picture>/gi, " ").replace(/<img\b[^>]*>/gi, " ").replace(/<source\b[^>]*>/gi, " ");
+}
+function createEmbedHtml(rawUrl) {
+  const embedUrl = getYouTubeEmbedUrl(rawUrl);
+  if (!embedUrl) return null;
+  return `<iframe
+      src="${escapeHtmlAttribute(embedUrl)}"
+      title="Embedded media"
+      frameborder="0"
+      loading="lazy"
+      referrerpolicy="strict-origin-when-cross-origin"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      allowfullscreen
+      class="media"
+      style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"
+    ></iframe>`.trim();
+}
+function createEmbedFallbackHtml(rawUrl, fallbackHtml) {
+  const safeUrl = getSafeExternalUrl(rawUrl);
+  if (!safeUrl) return fallbackHtml;
+  return `<figure class="media">
+    <a
+      href="${escapeHtmlAttribute(safeUrl)}"
+      target="_blank"
+      rel="noreferrer noopener"
+    >
+      ${escapeHtmlText(safeUrl)}
+    </a>
+  </figure>`.trim();
+}
+function getYouTubeEmbedUrl(rawUrl) {
+  const url = safeParseUrl(rawUrl);
+  if (!url) return null;
+  const hostname = url.hostname.toLowerCase().replace(/^www\./, "");
+  let videoId = "";
+  if (hostname === "youtu.be") {
+    videoId = url.pathname.split("/").filter(Boolean)[0] ?? "";
+  } else if (hostname === "youtube.com" || hostname === "m.youtube.com") {
+    if (url.pathname === "/watch") {
+      videoId = url.searchParams.get("v") ?? "";
+    } else if (url.pathname.startsWith("/embed/")) {
+      videoId = url.pathname.split("/")[2] ?? "";
+    } else if (url.pathname.startsWith("/shorts/")) {
+      videoId = url.pathname.split("/")[2] ?? "";
+    }
+  }
+  if (!YOUTUBE_VIDEO_ID_PATTERN.test(videoId)) return null;
+  return `https://www.youtube-nocookie.com/embed/${videoId}`;
+}
+function getSafeExternalUrl(rawUrl) {
+  const url = safeParseUrl(rawUrl);
+  if (!url) return null;
+  if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+  return url.toString();
+}
+function safeParseUrl(rawUrl) {
+  try {
+    return new URL(rawUrl);
+  } catch {
+    return null;
+  }
+}
+function escapeHtmlAttribute(value) {
+  return value.replaceAll(
+    /["&<>]/g,
+    (character) => HTML_ESCAPE_MAP[character] ?? character
+  );
+}
+function escapeHtmlText(value) {
+  return value.replaceAll(
+    /[&<>]/g,
+    (character) => HTML_ESCAPE_MAP[character] ?? character
+  );
 }
 
 export { HtmlDisplay };

package/dist/src/server/infrastructure/database/post/include.js

@@ -16,7 +16,7 @@ const POST_LIST_CARD_INCLUDE = {
   // ---------------------------
   // relations: File
   // ---------------------------
-  coverImage: true,
+  coverImage: { include: { translations: true } },
   // ---------------------------
   // translation
   // ---------------------------

package/dist/types/src/client/applications/web/structured-data/resolve-topic-item-list/resolve-topic-item-list.d.ts

@@ -1,8 +1,8 @@
+import type { PostListCard } from "../../../../../domain";
 import type { PageIdentity } from "../get-page-identity";
 import type { createMapCategoryItem } from "./map-category-item";
 import type { createMapPostItem } from "./map-post-item";
 import type { CategoryItem, EntityType, ListMode, PostItem } from "./types";
-import type { PostListCard } from "@yimingliao/cms";
 export declare function createResolveTopicItemList({ mapCategoryItem, mapPostItem, }: {
     mapCategoryItem: ReturnType<typeof createMapCategoryItem>;
     mapPostItem: ReturnType<typeof createMapPostItem>;

package/dist/types/src/client/applications/web/structured-data/resolve-topic-item-list/resolve-topic-item-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-topic-item-list.d.ts","sourceRoot":"","sources":["../../../../../../../../src/client/applications/web/structured-data/resolve-topic-item-list/resolve-topic-item-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,wBAAgB,0BAA0B,CAAC,EACzC,eAAe,EACf,WAAW,GACZ,EAAE;IACD,eAAe,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,WAAW,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;CACnD,IACsC,iEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;;;EAqBF"}
+{"version":3,"file":"resolve-topic-item-list.d.ts","sourceRoot":"","sources":["../../../../../../../../src/client/applications/web/structured-data/resolve-topic-item-list/resolve-topic-item-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE5E,wBAAgB,0BAA0B,CAAC,EACzC,eAAe,EACf,WAAW,GACZ,EAAE;IACD,eAAe,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,WAAW,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;CACnD,IACsC,iEAMlC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB;;;EAqBF"}

package/dist/types/src/client/infrastructure/contexts/theme.d.ts

@@ -1,4 +1,4 @@
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import * as React from "react";
-export declare function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, enableSystem, disableTransitionOnChange, storageKey, ...props }: React.ComponentProps<typeof NextThemesProvider>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=theme.d.ts.map

package/dist/types/src/client/infrastructure/contexts/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/client/infrastructure/contexts/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,2CAYjD"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/client/infrastructure/contexts/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,YAAmB,EACnB,yBAAgC,EAChC,UAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,2CAajD"}

package/dist/types/src/client/interfaces/components/ui/display/html-display.d.ts

@@ -3,6 +3,9 @@ interface HtmlDisplayProps extends HTMLAttributes<HTMLDivElement> {
     html?: string | null;
     textOnly?: boolean;
 }
+/**
+ * Render CMS HTML content with CKEditor-compatible media transforms.
+ */
 export declare function HtmlDisplay({ html, textOnly, className, ...props }: HtmlDisplayProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=html-display.d.ts.map

package/dist/types/src/client/interfaces/components/ui/display/html-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-display.d.ts","sourceRoot":"","sources":["../../../../../../../../src/client/interfaces/components/ui/display/html-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAalB"}
+{"version":3,"file":"html-display.d.ts","sourceRoot":"","sources":["../../../../../../../../src/client/interfaces/components/ui/display/html-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAa5C,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAclB"}

package/dist/types/src/domain/resources/post/card.d.ts

@@ -1,6 +1,6 @@
 import type { Post } from "./base";
 import type { PostTranslation } from "./translation";
-import type { File } from "../file";
+import type { FileCard } from "../file";
 export type PostListCard = Post & {
     topic: (Post & {
         translations: PostTranslation[];
@@ -11,7 +11,7 @@ export type PostListCard = Post & {
     tags: (Post & {
         translations: PostTranslation[];
     })[];
-    coverImage: File | null;
+    coverImage: FileCard | null;
     translations: PostTranslation[];
 };
 //# sourceMappingURL=card.d.ts.map

package/dist/types/src/domain/resources/post/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/domain/resources/post/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG;IAIhC,KAAK,EAAE,CAAC,IAAI,GAAG;QAAE,YAAY,EAAE,eAAe,EAAE,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAC3D,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,IAAI,EAAE,CAAC,IAAI,GAAG;QAAE,YAAY,EAAE,eAAe,EAAE,CAAA;KAAE,CAAC,EAAE,CAAC;IAKrD,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC;IAKxB,YAAY,EAAE,eAAe,EAAE,CAAC;CACjC,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/domain/resources/post/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG;IAIhC,KAAK,EAAE,CAAC,IAAI,GAAG;QAAE,YAAY,EAAE,eAAe,EAAE,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAC3D,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,IAAI,EAAE,CAAC,IAAI,GAAG;QAAE,YAAY,EAAE,eAAe,EAAE,CAAA;KAAE,CAAC,EAAE,CAAC;IAKrD,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAC;IAK5B,YAAY,EAAE,eAAe,EAAE,CAAC;CACjC,CAAC"}

package/dist/types/src/server/infrastructure/database/post/include.d.ts

@@ -12,7 +12,11 @@ export declare const POST_LIST_CARD_INCLUDE: {
             translations: true;
         };
     };
-    coverImage: true;
+    coverImage: {
+        include: {
+            translations: true;
+        };
+    };
     translations: true;
 };
 export declare const POST_FULL_INCLUDE: {
@@ -46,7 +50,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -65,7 +73,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -84,7 +96,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -103,7 +119,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -122,7 +142,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -141,7 +165,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -160,7 +188,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };
@@ -179,7 +211,11 @@ export declare const POST_FULL_INCLUDE: {
                     translations: true;
                 };
             };
-            coverImage: true;
+            coverImage: {
+                include: {
+                    translations: true;
+                };
+            };
             translations: true;
         };
     };

package/dist/types/src/server/infrastructure/database/post/include.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"include.d.ts","sourceRoot":"","sources":["../../../../../../../src/server/infrastructure/database/post/include.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAmBL,CAAC;AAE/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDA,CAAC"}
+{"version":3,"file":"include.d.ts","sourceRoot":"","sources":["../../../../../../../src/server/infrastructure/database/post/include.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;CAmBL,CAAC;AAE/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.250",
+  "version": "0.0.252",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",