@cosmicdrift/kumiko-document-designer 0.383.1 → 0.385.0

package/dist/web/cells.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
-import { formatWhen, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
+import { formatWhen, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER, toInstant } from "@cosmicdrift/kumiko-renderer/headless";
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer/web";
 import { parseOverviewRow } from "./overview-row.js";
@@ -65,22 +64,16 @@ function formatModifiedDate(value) {
 export function ModifiedCell({ row }) {
     return withRow(row, (r) => r.modifiedAt === "" ? (EMPTY_VALUE_PLACEHOLDER) : (_jsx("span", { className: "whitespace-nowrap", title: formatWhen(r.modifiedAt), children: formatModifiedDate(r.modifiedAt) })));
 }
-function OverriddenByCount({ slug, kind, }) {
+function OverriddenByCount({ overriddenBy, }) {
     const t = useTranslation();
-    const { data } = useQuery(TemplateResolverQueries.tenantOverrides, {
-        slug,
-        kind,
-    });
-    if (data === null)
-        return EMPTY_VALUE_PLACEHOLDER;
-    const label = data.totalTenants === null
-        ? t("documentDesigner.overriddenBy.tenants", { active: data.activeOverrides })
+    const label = overriddenBy.total === null
+        ? t("documentDesigner.overriddenBy.tenants", { active: overriddenBy.active })
         : t("documentDesigner.overriddenBy.ofTotal", {
-            active: data.activeOverrides,
-            total: data.totalTenants,
+            active: overriddenBy.active,
+            total: overriddenBy.total,
         });
     return _jsx("span", { children: label });
 }
 export function OverriddenByCell({ row }) {
-    return withRow(row, (r) => r.origin === "system" ? (_jsx(OverriddenByCount, { slug: r.slug, kind: r.kind })) : (EMPTY_VALUE_PLACEHOLDER));
+    return withRow(row, (r) => r.origin === "system" && r.overriddenBy !== null ? (_jsx(OverriddenByCount, { overriddenBy: r.overriddenBy })) : (EMPTY_VALUE_PLACEHOLDER));
 }

package/dist/web/client-plugin.d.ts

@@ -1,5 +1,5 @@
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
-import type { ReactNode } from "react";
+import { type ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
+import { type ReactNode } from "react";
 /**
  * Custom screen body: the template comes from the URL (`?slug=...&locale=...`),
  * because custom screens receive no props.

package/dist/web/client-plugin.js

@@ -1,13 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { textBlocksClient } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { mergeTranslations, translationsByLocaleFromKeys, useNav, } from "@cosmicdrift/kumiko-renderer";
+import { LoadingState } from "@cosmicdrift/kumiko-renderer/web";
+import { lazy, Suspense } from "react";
 import { createLocalesCell, KindCell, ModifiedCell, OriginCell, OverriddenByCell, StatusCell, TitleCell, UsedByCell, } from "./cells.js";
 import { DEFAULT_TEMPLATE_LOCALES, DOCUMENT_DESIGNER_FEATURE, DocumentDesignerCells, LAYOUT_EDITOR_SCREEN_ID, MAIL_EDITOR_SCREEN_ID, PDF_TEMPLATE_EDITOR_SCREEN_ID, } from "./constants.js";
 import { documentDesignerTranslations } from "./default-translations.js";
 import { DOCUMENT_DESIGNER_I18N } from "./i18n.js";
-import { LayoutEditor } from "./layout-editor.js";
-import { createMailEditor } from "./mail-editor.js";
-import { PdfTemplateEditor } from "./pdf-template-editor.js";
+// The editors pull tiptap, MJML preview and the page canvas; load them on first mount.
+const LazyLayoutEditor = lazy(() => import("./layout-editor.js").then((module) => ({ default: module.LayoutEditor })));
+const LazyPdfTemplateEditor = lazy(() => import("./pdf-template-editor.js").then((module) => ({ default: module.PdfTemplateEditor })));
+function LayoutEditorScreen() {
+    return (_jsx(Suspense, { fallback: _jsx(LoadingState, {}), children: _jsx(LazyLayoutEditor, {}) }));
+}
+function createLazyMailEditor(appLocales) {
+    const LazyMailEditor = lazy(() => import("./mail-editor.js").then((module) => ({
+        default: module.createMailEditor(appLocales),
+    })));
+    return function MailEditorScreen() {
+        return (_jsx(Suspense, { fallback: _jsx(LoadingState, {}), children: _jsx(LazyMailEditor, {}) }));
+    };
+}
 /**
  * Custom screen body: the template comes from the URL (`?slug=...&locale=...`),
  * because custom screens receive no props.
@@ -17,7 +30,7 @@ export function PdfTemplateEditorScreen() {
     const slug = searchParams["slug"];
     if (slug === undefined || slug === "")
         return null;
-    return (_jsx(PdfTemplateEditor, { slug: slug, ...(searchParams["locale"] !== undefined && { locale: searchParams["locale"] }), onLocaleChange: (locale) => setSearchParams({ locale }) }));
+    return (_jsx(Suspense, { fallback: _jsx(LoadingState, {}), children: _jsx(LazyPdfTemplateEditor, { slug: slug, ...(searchParams["locale"] !== undefined && { locale: searchParams["locale"] }), onLocaleChange: (locale) => setSearchParams({ locale }) }) }));
 }
 export function documentDesignerClient(options = {}) {
     return {
@@ -33,9 +46,9 @@ export function documentDesignerClient(options = {}) {
             [DocumentDesignerCells.overriddenBy]: OverriddenByCell,
         },
         components: {
-            [LAYOUT_EDITOR_SCREEN_ID]: LayoutEditor,
+            [LAYOUT_EDITOR_SCREEN_ID]: LayoutEditorScreen,
             [PDF_TEMPLATE_EDITOR_SCREEN_ID]: PdfTemplateEditorScreen,
-            [MAIL_EDITOR_SCREEN_ID]: createMailEditor(options.appLocales ?? DEFAULT_TEMPLATE_LOCALES),
+            [MAIL_EDITOR_SCREEN_ID]: createLazyMailEditor(options.appLocales ?? DEFAULT_TEMPLATE_LOCALES),
         },
         translations: mergeTranslations(mergeTranslations(textBlocksClient().translations ?? {}, documentDesignerTranslations), translationsByLocaleFromKeys(DOCUMENT_DESIGNER_I18N)),
     };

package/dist/web/overview-row.d.ts

@@ -22,5 +22,10 @@ export type OverviewRowView = {
     readonly modifiedAt: string;
     readonly usedBy: readonly OverviewUsageView[];
     readonly usedByCount: number;
+    /** SystemAdmin only, system-origin rows; total is null without the tenant feature. */
+    readonly overriddenBy: {
+        readonly active: number;
+        readonly total: number | null;
+    } | null;
 };
 export declare function parseOverviewRow(row: Readonly<Record<string, unknown>>): OverviewRowView | null;

package/dist/web/overview-row.js

@@ -20,8 +20,13 @@ function usageViewOf(value) {
 }
 const stringOr = (value, fallback) => typeof value === "string" ? value : fallback;
 const numberOr = (value, fallback) => typeof value === "number" ? value : fallback;
+function overriddenByOf(value) {
+    if (!isRecord(value) || typeof value["active"] !== "number")
+        return null;
+    return { active: value["active"], total: numberOr(value["total"], null) };
+}
 export function parseOverviewRow(row) {
-    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, lockedOverride, lockedOverrideI18nKey, modifiedAt, usedBy, usedByCount, } = row;
+    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, lockedOverride, lockedOverrideI18nKey, modifiedAt, usedBy, usedByCount, overriddenBy, } = row;
     if (typeof slug !== "string" || !isTemplateKind(kind) || !isStatus(status))
         return null;
     if (origin !== "tenant" && origin !== "system")
@@ -46,5 +51,6 @@ export function parseOverviewRow(row) {
         modifiedAt: stringOr(modifiedAt, ""),
         usedBy: usages,
         usedByCount: numberOr(usedByCount, usages.length),
+        overriddenBy: overriddenByOf(overriddenBy),
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-document-designer",
-  "version": "0.383.1",
+  "version": "0.385.0",
   "description": "Document designer for Kumiko: template overview, layout editor (mail layout, PDF letterhead) and the PDF template editor.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -20,11 +20,11 @@
     "./web/styles.css": "./src/web/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-bundled-features": "0.383.1",
-    "@cosmicdrift/kumiko-framework": "0.383.1",
-    "@cosmicdrift/kumiko-renderer": "0.383.1",
-    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.383.1",
-    "@cosmicdrift/kumiko-types": "0.383.1",
+    "@cosmicdrift/kumiko-bundled-features": "0.385.0",
+    "@cosmicdrift/kumiko-framework": "0.385.0",
+    "@cosmicdrift/kumiko-renderer": "0.385.0",
+    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.385.0",
+    "@cosmicdrift/kumiko-types": "0.385.0",
     "react": "^19.2.6"
   },
   "devDependencies": {

package/src/changes.json

@@ -1,4 +1,10 @@
 [
+  {
+    "version": "0.384.0",
+    "type": "improvement",
+    "title": "Layout, mail and PDF template editors load lazily",
+    "detail": "The editors are split into their own chunks and show a loading state while they load. The PdfTemplateEditor export of the web barrel is unchanged."
+  },
   {
     "version": "0.379.0",
     "type": "fix",