@cosmicdrift/kumiko-document-designer 0.0.0-stage → 0.363.0

package/dist/list-definition.d.ts

@@ -0,0 +1,6 @@
+import { type ListColumnSpec, type ListFacetSpec, type RowAction } from "@cosmicdrift/kumiko-framework/engine";
+export declare function templateColumns(options: {
+    readonly platform: boolean;
+}): ListColumnSpec[];
+export declare const TEMPLATE_FACETS: readonly ListFacetSpec[];
+export declare function templateRowActions(): RowAction[];

package/dist/list-definition.js

@@ -0,0 +1,109 @@
+import { i18nKey, } from "@cosmicdrift/kumiko-framework/engine";
+import { DocumentDesignerCells, TEMPLATE_EDITOR_SCREENS, } from "./constants.js";
+function cell(component) {
+    return { react: { __component: component } };
+}
+const BASE_COLUMNS = [
+    {
+        field: "title",
+        label: i18nKey("documentDesigner.col.template"),
+        renderer: cell(DocumentDesignerCells.title),
+    },
+    {
+        field: "kindGroup",
+        label: i18nKey("documentDesigner.col.kind"),
+        renderer: cell(DocumentDesignerCells.kind),
+    },
+    {
+        field: "origin",
+        label: i18nKey("documentDesigner.col.origin"),
+        renderer: cell(DocumentDesignerCells.origin),
+    },
+    {
+        field: "locales",
+        label: i18nKey("documentDesigner.col.locales"),
+        hideOnNarrow: true,
+        renderer: cell(DocumentDesignerCells.locales),
+    },
+    {
+        field: "status",
+        label: i18nKey("documentDesigner.col.status"),
+        renderer: cell(DocumentDesignerCells.status),
+    },
+    {
+        field: "usedBy",
+        label: i18nKey("documentDesigner.col.usedBy"),
+        hideOnNarrow: true,
+        renderer: cell(DocumentDesignerCells.usedBy),
+    },
+    {
+        field: "modifiedAt",
+        label: i18nKey("documentDesigner.col.modifiedAt"),
+        hideOnNarrow: true,
+        renderer: cell(DocumentDesignerCells.modifiedAt),
+    },
+];
+const OVERRIDDEN_BY_COLUMN = {
+    field: "overriddenBy",
+    label: i18nKey("documentDesigner.col.overriddenBy"),
+    virtual: true,
+    hideOnNarrow: true,
+    renderer: cell(DocumentDesignerCells.overriddenBy),
+};
+export function templateColumns(options) {
+    return options.platform ? [...BASE_COLUMNS, OVERRIDDEN_BY_COLUMN] : [...BASE_COLUMNS];
+}
+export const TEMPLATE_FACETS = [
+    {
+        field: "kindGroup",
+        type: "select",
+        label: i18nKey("documentDesigner.facet.kind"),
+        options: [
+            { value: "mail", label: i18nKey("documentDesigner.kind.mail") },
+            { value: "pdf", label: i18nKey("documentDesigner.kind.pdf") },
+            { value: "layout", label: i18nKey("documentDesigner.kind.layout") },
+        ],
+    },
+    {
+        field: "origin",
+        type: "select",
+        label: i18nKey("documentDesigner.facet.origin"),
+        options: [
+            { value: "system", label: i18nKey("documentDesigner.source.system") },
+            { value: "tenant", label: i18nKey("documentDesigner.source.tenant") },
+        ],
+    },
+    {
+        field: "status",
+        type: "select",
+        label: i18nKey("documentDesigner.facet.status"),
+        options: [
+            { value: "active", label: i18nKey("documentDesigner.status.active") },
+            { value: "draft", label: i18nKey("documentDesigner.status.draft") },
+            { value: "archived", label: i18nKey("documentDesigner.status.archived") },
+        ],
+    },
+];
+const EDITABLE_KINDS = [
+    "mail",
+    "document-pdf",
+    "mail-layout",
+    "pdf-layout",
+];
+export function templateRowActions() {
+    return EDITABLE_KINDS.flatMap((kind) => {
+        const screen = TEMPLATE_EDITOR_SCREENS[kind];
+        if (screen === undefined)
+            return [];
+        return [
+            {
+                kind: "navigate",
+                id: `edit-${kind}`,
+                label: i18nKey("documentDesigner.action.edit"),
+                screen,
+                params: { pick: ["slug", "kind"] },
+                visible: { field: "kind", eq: kind },
+            },
+        ];
+    });
+}

package/dist/web/cells.d.ts

@@ -0,0 +1,10 @@
+import { type ColumnRendererComponent, type ColumnRendererProps } from "@cosmicdrift/kumiko-renderer";
+import type { ReactNode } from "react";
+export declare function TitleCell({ row }: ColumnRendererProps): ReactNode;
+export declare function KindCell({ row }: ColumnRendererProps): ReactNode;
+export declare function OriginCell({ row }: ColumnRendererProps): ReactNode;
+export declare function createLocalesCell(appLocales: readonly string[]): ColumnRendererComponent;
+export declare function StatusCell({ row }: ColumnRendererProps): ReactNode;
+export declare function UsedByCell({ row }: ColumnRendererProps): ReactNode;
+export declare function ModifiedCell({ row }: ColumnRendererProps): ReactNode;
+export declare function OverriddenByCell({ row }: ColumnRendererProps): ReactNode;

package/dist/web/cells.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @runtime client
+import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
+import { toInstant } from "@cosmicdrift/kumiko-headless";
+import { formatWhen, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
+import { StatusBadge } from "@cosmicdrift/kumiko-renderer-web";
+import { parseOverviewRow } from "./overview-row.js";
+import { statusLabel, statusTone } from "./status-label.js";
+import { usedByLabel } from "./used-by-label.js";
+const EMPTY_MARK = "–";
+function withRow(row, render) {
+    const parsed = parseOverviewRow(row);
+    return parsed === null ? EMPTY_MARK : render(parsed);
+}
+export function TitleCell({ row }) {
+    return withRow(row, (r) => (_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: r.title }), _jsx("span", { className: "block max-w-40 truncate font-mono text-xs text-muted-foreground", title: r.slug, children: r.slug })] })));
+}
+const KIND_KEY = {
+    mail: "documentDesigner.kind.mail",
+    "document-pdf": "documentDesigner.kind.pdf",
+    "mail-layout": "documentDesigner.kind.layout",
+    "pdf-layout": "documentDesigner.kind.layout",
+};
+export function KindCell({ row }) {
+    const t = useTranslation();
+    return withRow(row, (r) => t(KIND_KEY[r.kind]));
+}
+export function OriginCell({ row }) {
+    const t = useTranslation();
+    return withRow(row, (r) => (_jsx(StatusBadge, { tone: r.origin === "tenant" ? "accent" : "muted", testId: "document-designer-origin", children: t(r.origin === "tenant" ? "documentDesigner.source.tenant" : "documentDesigner.source.system") })));
+}
+export function createLocalesCell(appLocales) {
+    return function LocalesCell({ row }) {
+        return withRow(row, (r) => {
+            if (r.kind === "mail-layout" || r.kind === "pdf-layout")
+                return EMPTY_MARK;
+            const present = new Set(r.locales);
+            const shown = [...appLocales, ...r.locales.filter((l) => !appLocales.includes(l))];
+            return (_jsx("span", { className: "inline-flex gap-1", children: shown.map((locale) => (_jsx("span", { "data-testid": `document-designer-locale-${locale}`, "data-present": present.has(locale), className: present.has(locale)
+                        ? "rounded border border-transparent bg-muted px-1.5 text-xs font-medium uppercase"
+                        : "rounded border border-dashed px-1.5 text-xs uppercase text-muted-foreground", children: locale }, locale))) }));
+        });
+    };
+}
+export function StatusCell({ row }) {
+    const t = useTranslation();
+    return withRow(row, (r) => (_jsx(StatusBadge, { tone: statusTone(r.status), testId: "document-designer-status", children: statusLabel(t, r.status, r.version) })));
+}
+export function UsedByCell({ row }) {
+    const t = useTranslation();
+    return withRow(row, (r) => {
+        const label = usedByLabel(t, r);
+        return (_jsx("span", { className: "block max-w-28 truncate", title: label, children: label }));
+    });
+}
+// Date only keeps the column narrow enough for the overview to fit without
+// horizontal scroll; the full timestamp stays reachable via the tooltip.
+function formatModifiedDate(value) {
+    try {
+        return toInstant(value).toLocaleString(undefined, { dateStyle: "medium" });
+    }
+    catch {
+        return value;
+    }
+}
+export function ModifiedCell({ row }) {
+    return withRow(row, (r) => r.modifiedAt === "" ? (EMPTY_MARK) : (_jsx("span", { className: "whitespace-nowrap", title: formatWhen(r.modifiedAt), children: formatModifiedDate(r.modifiedAt) })));
+}
+function OverriddenByCount({ slug, kind, }) {
+    const t = useTranslation();
+    const { data } = useQuery(TemplateResolverQueries.tenantOverrides, {
+        slug,
+        kind,
+    });
+    if (data === null)
+        return EMPTY_MARK;
+    const label = data.totalTenants === null
+        ? t("documentDesigner.overriddenBy.tenants", { active: data.activeOverrides })
+        : t("documentDesigner.overriddenBy.ofTotal", {
+            active: data.activeOverrides,
+            total: data.totalTenants,
+        });
+    return _jsx("span", { className: "whitespace-nowrap", children: label });
+}
+export function OverriddenByCell({ row }) {
+    return withRow(row, (r) => r.origin === "system" ? _jsx(OverriddenByCount, { slug: r.slug, kind: r.kind }) : EMPTY_MARK);
+}

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

@@ -0,0 +1,12 @@
+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.
+ */
+export declare function PdfTemplateEditorScreen(): ReactNode;
+export type DocumentDesignerClientOptions = {
+    /** Locales shown as boxes in the overview's languages column; templates in other locales are appended. */
+    readonly appLocales?: readonly string[];
+};
+export declare function documentDesignerClient(options?: DocumentDesignerClientOptions): ClientFeatureDefinition;

package/dist/web/client-plugin.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @runtime client
+import { textBlocksClient } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
+import { mergeTranslations, translationsByLocaleFromKeys, useNav, } from "@cosmicdrift/kumiko-renderer";
+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 { DOCUMENT_DESIGNER_I18N } from "../i18n.js";
+import { createLocalesCell, KindCell, ModifiedCell, OriginCell, OverriddenByCell, StatusCell, TitleCell, UsedByCell, } from "./cells.js";
+import { documentDesignerTranslations } from "./i18n.js";
+import { LayoutEditor } from "./layout-editor.js";
+import { createMailEditor } from "./mail-editor.js";
+import { PdfTemplateEditor } from "./pdf-template-editor.js";
+/**
+ * Custom screen body: the template comes from the URL (`?slug=...&locale=...`),
+ * because custom screens receive no props.
+ */
+export function PdfTemplateEditorScreen() {
+    const { searchParams, setSearchParams } = useNav();
+    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 }) }));
+}
+export function documentDesignerClient(options = {}) {
+    return {
+        name: DOCUMENT_DESIGNER_FEATURE,
+        columnRenderers: {
+            [DocumentDesignerCells.title]: TitleCell,
+            [DocumentDesignerCells.kind]: KindCell,
+            [DocumentDesignerCells.origin]: OriginCell,
+            [DocumentDesignerCells.locales]: createLocalesCell(options.appLocales ?? DEFAULT_TEMPLATE_LOCALES),
+            [DocumentDesignerCells.status]: StatusCell,
+            [DocumentDesignerCells.usedBy]: UsedByCell,
+            [DocumentDesignerCells.modifiedAt]: ModifiedCell,
+            [DocumentDesignerCells.overriddenBy]: OverriddenByCell,
+        },
+        components: {
+            [LAYOUT_EDITOR_SCREEN_ID]: LayoutEditor,
+            [PDF_TEMPLATE_EDITOR_SCREEN_ID]: PdfTemplateEditorScreen,
+            [MAIL_EDITOR_SCREEN_ID]: createMailEditor(options.appLocales ?? DEFAULT_TEMPLATE_LOCALES),
+        },
+        translations: mergeTranslations(mergeTranslations(textBlocksClient().translations ?? {}, documentDesignerTranslations), translationsByLocaleFromKeys(DOCUMENT_DESIGNER_I18N)),
+    };
+}

package/dist/web/compose-layout.d.ts

@@ -0,0 +1,6 @@
+export type LayoutRegionValues = {
+    readonly header: string;
+    readonly signature: string;
+    readonly footer: string;
+};
+export declare function composeLayoutHtml(regions: LayoutRegionValues): string;

package/dist/web/compose-layout.js

@@ -0,0 +1,13 @@
+// An untouched rich-text editor reports an empty paragraph rather than "".
+const EMPTY_REGION = /^(\s|<p>(\s|<br\s*\/?>)*<\/p>)*$/;
+// Same top-level div contract the server reads with readLayoutRegions: empty regions are
+// left out, the content slot is always present.
+export function composeLayoutHtml(regions) {
+    const region = (name, regionHtml) => EMPTY_REGION.test(regionHtml) ? "" : `<div data-${name}>${regionHtml}</div>`;
+    return [
+        region("header", regions.header),
+        "<div data-content></div>",
+        region("signature", regions.signature),
+        region("footer", regions.footer),
+    ].join("");
+}

package/dist/web/errors.d.ts

@@ -0,0 +1,6 @@
+import type { DispatcherError } from "@cosmicdrift/kumiko-headless";
+type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
+export declare function isAlreadyActive(error: DispatcherError): boolean;
+/** Plain-language text for a failed call; falls back to the server message when no translation exists. */
+export declare function describeError(t: Translate, error: DispatcherError): string;
+export {};

package/dist/web/errors.js

@@ -0,0 +1,24 @@
+// @runtime client
+import { TemplateResolverErrors } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
+import { propertyOf } from "@cosmicdrift/kumiko-types/type-guards";
+function reasonOf(error) {
+    const reason = propertyOf(error.details, "reason");
+    return typeof reason === "string" ? reason : undefined;
+}
+export function isAlreadyActive(error) {
+    return (error.code === TemplateResolverErrors.alreadyActive ||
+        reasonOf(error) === TemplateResolverErrors.alreadyActive);
+}
+const REASON_KEYS = {
+    [TemplateResolverErrors.resourceTooLarge]: "documentDesigner.error.resourceTooLarge",
+    [TemplateResolverErrors.resourceUnsupportedImage]: "documentDesigner.error.resourceUnsupportedImage",
+};
+/** Plain-language text for a failed call; falls back to the server message when no translation exists. */
+export function describeError(t, error) {
+    const reason = reasonOf(error);
+    const reasonKey = reason === undefined ? undefined : REASON_KEYS[reason];
+    if (reasonKey !== undefined)
+        return t(reasonKey);
+    const translated = t(error.i18nKey, error.i18nParams);
+    return translated === error.i18nKey ? error.message : translated;
+}

package/dist/web/field-issue-text.d.ts

@@ -0,0 +1,4 @@
+import type { DispatcherError } from "@cosmicdrift/kumiko-headless";
+type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
+export declare function errorTextWithFieldIssues(error: DispatcherError, translate: Translate): string;
+export {};

package/dist/web/field-issue-text.js

@@ -0,0 +1,12 @@
+// @runtime client
+import { dispatcherErrorText } from "@cosmicdrift/kumiko-renderer";
+// A validation_error alone says nothing; the server names the offending field
+// and reason per issue, so the user gets those as text.
+export function errorTextWithFieldIssues(error, translate) {
+    const headline = dispatcherErrorText(error, translate);
+    const issues = (error.details?.fields ?? []).map((issue) => {
+        const text = translate(issue.i18nKey, issue.params);
+        return text === issue.i18nKey ? `${issue.path}: ${issue.code}` : text;
+    });
+    return issues.length === 0 ? headline : `${headline} ${issues.join(" ")}`;
+}

package/dist/web/file-name.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchStoredFileName(fileRefId: string): Promise<string | null>;
+export declare const fileUrl: (fileRefId: string) => string;

package/dist/web/file-name.js

@@ -0,0 +1,17 @@
+// @runtime client
+// The upload input only hands back the FileRef id; resources are keyed and named after the file.
+export async function fetchStoredFileName(fileRefId) {
+    try {
+        const res = await fetch(`/api/files/${encodeURIComponent(fileRefId)}/meta`);
+        if (!res.ok)
+            return null;
+        const meta = await res.json();
+        if (typeof meta !== "object" || meta === null || !("fileName" in meta))
+            return null;
+        return typeof meta.fileName === "string" ? meta.fileName : null;
+    }
+    catch {
+        return null;
+    }
+}
+export const fileUrl = (fileRefId) => `/api/files/${encodeURIComponent(fileRefId)}`;

package/dist/web/i18n.d.ts

@@ -0,0 +1,2 @@
+import type { TranslationsByLocale } from "@cosmicdrift/kumiko-renderer";
+export declare const documentDesignerTranslations: TranslationsByLocale;

package/dist/web/i18n.js

@@ -0,0 +1,170 @@
+export const documentDesignerTranslations = {
+    en: {
+        "documentDesigner.actions.discard": "Discard changes",
+        "documentDesigner.actions.generatePdf": "Generate PDF",
+        "documentDesigner.actions.publish": "Publish",
+        "documentDesigner.actions.save": "Save",
+        "documentDesigner.breadcrumb.platform": "Platform",
+        "documentDesigner.breadcrumb.templates": "Templates",
+        "documentDesigner.canvas.caption": 'Page 1 · {format} · The preview shows page breaks only roughly; "Generate PDF" is authoritative.',
+        "documentDesigner.canvas.fromLayout": 'from layout "{layout}"',
+        "documentDesigner.error.resourceTooLarge": "The image is too large. Please choose a smaller file.",
+        "documentDesigner.error.resourceUnsupportedImage": "This image format is not supported. Use PNG, JPEG, GIF or WebP.",
+        "documentDesigner.locale": "Language",
+        "documentDesigner.localeDialog.cancel": "Cancel",
+        "documentDesigner.localeDialog.description": "The changes of this language have not been saved yet.",
+        "documentDesigner.localeDialog.discard": "Discard changes",
+        "documentDesigner.localeDialog.save": "Save and switch",
+        "documentDesigner.localeDialog.title": "Unsaved changes",
+        "documentDesigner.mode.edit": "Edit",
+        "documentDesigner.mode.label": "View",
+        "documentDesigner.mode.preview": "Preview",
+        "documentDesigner.notFound": 'Template "{slug}" was not found.',
+        "documentDesigner.origin.system": "System template",
+        "documentDesigner.origin.tenant": "Tenant customisation",
+        "documentDesigner.originBar.export": "Export as bundle",
+        "documentDesigner.originBar.noTotal": "System template for all tenants. {count} tenants have their own version and do not receive changes made here.",
+        "documentDesigner.originBar.withTotal": "System template for all tenants. {count} of {total} tenants have their own version and do not receive changes made here.",
+        "documentDesigner.originBar.showOverrides": "Show tenant customisations",
+        "documentDesigner.overrides.active": "Customised and active",
+        "documentDesigner.overrides.draftOnly": "Draft only",
+        "documentDesigner.overrides.none": "No own version",
+        "documentDesigner.overrides.title": "Tenant customisations",
+        "documentDesigner.overrides.total": "Tenants in total",
+        "documentDesigner.overrides.usedBy": "Used by",
+        "documentDesigner.overrides.usedByEmpty": "No registered notification uses this template directly.",
+        "documentDesigner.pdfUnavailable": "PDF generation is not available: {message}",
+        "documentDesigner.placeholders.fromLayout": "Layout",
+        "documentDesigner.placeholders.layoutHint": 'Images travel with the PDF as data URIs. Header and footer come from the layout "{layout}" and are the same on every page.',
+        "documentDesigner.placeholders.missing": "missing",
+        "documentDesigner.placeholders.system": "System placeholders",
+        "documentDesigner.placeholders.title": "Placeholders",
+        "documentDesigner.preview.loading": "Generating PDF...",
+        "documentDesigner.preview.pageOf": "Page {page} of {pages}",
+        "documentDesigner.preview.renderFailed": "The PDF could not be displayed.",
+        "documentDesigner.preview.stale": "The preview is out of date. Generate the PDF again.",
+        "documentDesigner.resources.empty": "No images yet.",
+        "documentDesigner.resources.insert": "Insert",
+        "documentDesigner.resources.insertNamed": "Insert image {key}",
+        "documentDesigner.resources.saveFirst": "Save the template first, then you can upload images.",
+        "documentDesigner.resources.title": "Resources",
+        "documentDesigner.resources.upload": "+ Upload",
+        "documentDesigner.settings.fileName": "File name",
+        "documentDesigner.settings.landscape": "Landscape",
+        "documentDesigner.settings.layout": "Layout",
+        "documentDesigner.settings.layoutDefault": "Default",
+        "documentDesigner.settings.layoutHeaderFooter": "Header and footer from layout",
+        "documentDesigner.settings.marginBottom": "Bottom (mm)",
+        "documentDesigner.settings.marginLeft": "Left (mm)",
+        "documentDesigner.settings.marginRight": "Right (mm)",
+        "documentDesigner.settings.marginTop": "Top (mm)",
+        "documentDesigner.settings.metaAuthor": "Author",
+        "documentDesigner.settings.metadata": "PDF metadata",
+        "documentDesigner.settings.metaLanguage": "Language",
+        "documentDesigner.settings.metaTitle": "Title",
+        "documentDesigner.settings.orientation": "Orientation",
+        "documentDesigner.settings.page": "Page",
+        "documentDesigner.settings.pageFormat": "Page format",
+        "documentDesigner.settings.portrait": "Portrait",
+        "documentDesigner.settings.printBackground": "Print backgrounds and colours",
+        "documentDesigner.settings.storage": "Storage",
+        "documentDesigner.settings.storageHint": "Every generated PDF carries the template id and version. Invoices stay verifiable even if the template changes later.",
+        "documentDesigner.settings.versions": "Versions",
+        "documentDesigner.status.active": "Active",
+        "documentDesigner.status.activeVersion": "Active v{version}",
+        "documentDesigner.status.draft": "Draft",
+        "documentDesigner.status.draftVersion": "Draft v{version}",
+        "documentDesigner.system.imprint": "Imprint",
+        "documentDesigner.system.page": "Page / Pages",
+        "documentDesigner.system.pages": "Pages",
+        "documentDesigner.system.signature": "Signature",
+        "documentDesigner.system.tenantName": "Tenant name",
+        "documentDesigner.validation.lastProbe": "Last test run: {pages} pages, {size}, {seconds} s",
+        "documentDesigner.validation.missingRequired": 'Required placeholder "{name}" is missing. Publishing is blocked.',
+        "documentDesigner.validation.ok": "All required placeholders are present.",
+    },
+    de: {
+        "documentDesigner.actions.discard": "Änderungen verwerfen",
+        "documentDesigner.actions.generatePdf": "PDF erzeugen",
+        "documentDesigner.actions.publish": "Veröffentlichen",
+        "documentDesigner.actions.save": "Speichern",
+        "documentDesigner.breadcrumb.platform": "Plattform",
+        "documentDesigner.breadcrumb.templates": "Vorlagen",
+        "documentDesigner.canvas.caption": 'Seite 1 · {format} · Die Vorschau zeigt Seitengrenzen nur ungefähr, verbindlich ist "PDF erzeugen".',
+        "documentDesigner.canvas.fromLayout": 'aus Layout "{layout}"',
+        "documentDesigner.error.resourceTooLarge": "Das Bild ist zu groß. Bitte eine kleinere Datei wählen.",
+        "documentDesigner.error.resourceUnsupportedImage": "Dieses Bildformat wird nicht unterstützt. Nutzen Sie PNG, JPEG, GIF oder WebP.",
+        "documentDesigner.locale": "Sprache",
+        "documentDesigner.localeDialog.cancel": "Abbrechen",
+        "documentDesigner.localeDialog.description": "Die Änderungen in dieser Sprache sind noch nicht gespeichert.",
+        "documentDesigner.localeDialog.discard": "Änderungen verwerfen",
+        "documentDesigner.localeDialog.save": "Speichern und wechseln",
+        "documentDesigner.localeDialog.title": "Ungespeicherte Änderungen",
+        "documentDesigner.mode.edit": "Bearbeiten",
+        "documentDesigner.mode.label": "Ansicht",
+        "documentDesigner.mode.preview": "Vorschau",
+        "documentDesigner.notFound": 'Die Vorlage "{slug}" wurde nicht gefunden.',
+        "documentDesigner.origin.system": "System-Vorlage",
+        "documentDesigner.origin.tenant": "Mandanten-Anpassung",
+        "documentDesigner.originBar.export": "Als Bundle exportieren",
+        "documentDesigner.originBar.noTotal": "System-Vorlage für alle Mandanten. {count} Mandanten haben eine eigene Fassung und bekommen Änderungen hier nicht.",
+        "documentDesigner.originBar.withTotal": "System-Vorlage für alle Mandanten. {count} von {total} Mandanten haben eine eigene Fassung und bekommen Änderungen hier nicht.",
+        "documentDesigner.originBar.showOverrides": "Anpassungen der Mandanten anzeigen",
+        "documentDesigner.overrides.active": "Angepasst und aktiv",
+        "documentDesigner.overrides.draftOnly": "Nur Entwurf",
+        "documentDesigner.overrides.none": "Ohne eigene Fassung",
+        "documentDesigner.overrides.title": "Anpassungen der Mandanten",
+        "documentDesigner.overrides.total": "Mandanten gesamt",
+        "documentDesigner.overrides.usedBy": "Wird verwendet von",
+        "documentDesigner.overrides.usedByEmpty": "Keine registrierte Benachrichtigung nutzt diese Vorlage direkt.",
+        "documentDesigner.pdfUnavailable": "PDF-Erzeugung nicht verfügbar: {message}",
+        "documentDesigner.placeholders.fromLayout": "Layout",
+        "documentDesigner.placeholders.layoutHint": 'Bilder gehen im PDF als Data-URI mit. Kopf- und Fußzeile kommen aus dem Layout "{layout}" und sind auf allen Seiten gleich.',
+        "documentDesigner.placeholders.missing": "fehlt",
+        "documentDesigner.placeholders.system": "System-Platzhalter",
+        "documentDesigner.placeholders.title": "Platzhalter",
+        "documentDesigner.preview.loading": "PDF wird erzeugt ...",
+        "documentDesigner.preview.pageOf": "Seite {page} von {pages}",
+        "documentDesigner.preview.renderFailed": "Das PDF konnte nicht angezeigt werden.",
+        "documentDesigner.preview.stale": "Die Vorschau ist veraltet. Bitte das PDF neu erzeugen.",
+        "documentDesigner.resources.empty": "Noch keine Bilder.",
+        "documentDesigner.resources.insert": "Einfügen",
+        "documentDesigner.resources.insertNamed": "Bild {key} einfügen",
+        "documentDesigner.resources.saveFirst": "Speichern Sie die Vorlage zuerst, danach können Bilder hochgeladen werden.",
+        "documentDesigner.resources.title": "Ressourcen",
+        "documentDesigner.resources.upload": "+ Hochladen",
+        "documentDesigner.settings.fileName": "Dateiname",
+        "documentDesigner.settings.landscape": "Querformat",
+        "documentDesigner.settings.layout": "Layout",
+        "documentDesigner.settings.layoutDefault": "Standard",
+        "documentDesigner.settings.layoutHeaderFooter": "Kopf- und Fußzeile aus Layout",
+        "documentDesigner.settings.marginBottom": "Unten (mm)",
+        "documentDesigner.settings.marginLeft": "Links (mm)",
+        "documentDesigner.settings.marginRight": "Rechts (mm)",
+        "documentDesigner.settings.marginTop": "Oben (mm)",
+        "documentDesigner.settings.metaAuthor": "Autor",
+        "documentDesigner.settings.metadata": "Metadaten im PDF",
+        "documentDesigner.settings.metaLanguage": "Sprache",
+        "documentDesigner.settings.metaTitle": "Titel",
+        "documentDesigner.settings.orientation": "Ausrichtung",
+        "documentDesigner.settings.page": "Seite",
+        "documentDesigner.settings.pageFormat": "Seitenformat",
+        "documentDesigner.settings.portrait": "Hochformat",
+        "documentDesigner.settings.printBackground": "Hintergründe und Farben drucken",
+        "documentDesigner.settings.storage": "Ablage",
+        "documentDesigner.settings.storageHint": "Jedes erzeugte PDF trägt Vorlagen-Id und Version. Rechnungen bleiben so nachweisbar, auch wenn die Vorlage später geändert wird.",
+        "documentDesigner.settings.versions": "Versionen",
+        "documentDesigner.status.active": "Aktiv",
+        "documentDesigner.status.activeVersion": "Aktiv v{version}",
+        "documentDesigner.status.draft": "Entwurf",
+        "documentDesigner.status.draftVersion": "Entwurf v{version}",
+        "documentDesigner.system.imprint": "Impressum",
+        "documentDesigner.system.page": "Seite / Seiten",
+        "documentDesigner.system.pages": "Seiten",
+        "documentDesigner.system.signature": "Signatur",
+        "documentDesigner.system.tenantName": "Mandantenname",
+        "documentDesigner.validation.lastProbe": "Letzte Probe-Erzeugung: {pages} Seiten, {size}, {seconds} s",
+        "documentDesigner.validation.missingRequired": 'Pflicht-Platzhalter "{name}" fehlt. Veröffentlichen ist gesperrt.',
+        "documentDesigner.validation.ok": "Alle Pflicht-Platzhalter vorhanden.",
+    },
+};

package/dist/web/index.d.ts

@@ -0,0 +1,6 @@
+export { type DocumentDesignerClientOptions, documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.js";
+export { composeLayoutHtml, type LayoutRegionValues } from "./compose-layout.js";
+export { documentDesignerTranslations } from "./i18n.js";
+export { PdfTemplateEditor, type PdfTemplateEditorProps } from "./pdf-template-editor.js";
+export { type PreviewRecordPicker, type PreviewRecordPickerProps, PreviewRecordPickerProvider, } from "./preview-record-picker.js";
+export { usageLabel, usedByLabel } from "./used-by-label.js";

package/dist/web/index.js

@@ -0,0 +1,7 @@
+// @runtime client
+export { documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.js";
+export { composeLayoutHtml } from "./compose-layout.js";
+export { documentDesignerTranslations } from "./i18n.js";
+export { PdfTemplateEditor } from "./pdf-template-editor.js";
+export { PreviewRecordPickerProvider, } from "./preview-record-picker.js";
+export { usageLabel, usedByLabel } from "./used-by-label.js";

package/dist/web/layout-editor-body.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { LayoutKind, LayoutSourceView, TenantOverrideCounts } from "./layout-types.js";
+import type { OverviewRowView } from "./overview-row.js";
+export declare function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRows, overrides, onKindChange, onReload, onBack, }: {
+    readonly kind: LayoutKind;
+    readonly slug: string;
+    readonly isSystemAdmin: boolean;
+    readonly source: LayoutSourceView;
+    readonly overviewRows: readonly OverviewRowView[];
+    readonly overrides: TenantOverrideCounts | null;
+    readonly onKindChange: (kind: LayoutKind) => void;
+    readonly onReload: () => Promise<void>;
+    readonly onBack: () => void;
+}): ReactNode;