alinea 2.0.0-preview.2 → 2.0.0-preview.3

package/dist/core/db/EntryAliases.js

@@ -17,10 +17,7 @@ function aliasesFromData(data) {
   return hasAliases ? result : void 0;
 }
 function aliasUrl(value) {
-  const url = typeof value === "string" ? value : isRecord(value) && typeof value.url === "string" ? value.url : void 0;
-  if (url === void 0) return void 0;
-  const trimmed = url.trim();
-  return trimmed.length > 0 ? trimmed : void 0;
+  return isRecord(value) && typeof value.url === "string" ? value.url : void 0;
 }
 export {
   aliasUrl,

package/dist/core/db/EntryResolver.js

@@ -536,13 +536,13 @@ function valueAtPath(value, path) {
   return current;
 }
 function aliasChecker(alias) {
-  return (entry) => {
+  return filterChecker({ aliases: { includes: { url: alias } } }, (entry) => {
     const aliases = aliasesFromData(entry.data) ?? [];
-    for (const row of aliases) {
-      if (aliasUrl(row) === alias) return true;
-    }
-    return false;
-  };
+    return aliases.flatMap((row) => {
+      const url = aliasUrl(row);
+      return url === void 0 ? [] : [{ url }];
+    });
+  });
 }
 function typeChecker(type) {
   if (Array.isArray(type)) {

package/dist/core/db/EntryTransaction.js

@@ -208,6 +208,7 @@ var EntryTransaction = class {
       { id, type, index: newIndex, path, seeded, data, title },
       status
     );
+    if (fromSeed && data.title === void 0) delete record.title;
     const contents = new TextEncoder().encode(JSON.stringify(record, null, 2));
     this.#tx.add(filePath, contents);
     this.#messages.push(this.#reportOp("create", title));

package/dist/core/db/Operation.d.ts

@@ -1,4 +1,4 @@
-import type { StoredRow } from '../Infer.js';
+import type { CreateInputRow, StoredRow } from '../Infer.js';
 import type { ImagePreviewDetails } from '../media/CreatePreview.js';
 import { Type } from '../Type.js';
 import type { Mutation } from './Mutation.js';
@@ -17,7 +17,7 @@ export interface CreateQuery<Fields> {
     parentId?: string | null;
     locale?: string | null;
     status?: 'draft' | 'published' | 'archived';
-    set: Partial<StoredRow<Fields>>;
+    set: Partial<CreateInputRow<Fields>>;
     insertOrder?: 'first' | 'last';
     overwrite?: boolean;
 }

package/dist/core/db/Operation.js

@@ -1,6 +1,7 @@
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/core/db/Operation.ts
+import { Field } from "../Field.js";
 import { HttpError } from "../HttpError.js";
 import { createId } from "../Id.js";
 import { isImage } from "../media/IsImage.js";
@@ -9,6 +10,7 @@ import { assertUploadSize } from "../media/UploadLimits.js";
 import { Schema } from "../Schema.js";
 import { Type } from "../Type.js";
 import { createFileHash } from "../util/ContentHash.js";
+import { keys } from "../util/Objects.js";
 import { basename, extname } from "../util/Paths.js";
 import { slugify } from "../util/Slugs.js";
 import { Workspace } from "../Workspace.js";
@@ -37,7 +39,7 @@ var CreateOp = class extends Operation {
           locale: op.locale ?? null,
           parentId: op.parentId ?? null,
           type: typeName(config, op.type),
-          data: op.set ?? {},
+          data: initializeSet(op.type, op.set),
           insertOrder: op.insertOrder,
           status: op.status,
           overwrite: op.overwrite,
@@ -49,6 +51,14 @@ var CreateOp = class extends Operation {
     this.id = op.id ?? createId();
   }
 };
+function initializeSet(type, set) {
+  const result = { ...set };
+  for (const key of keys(result)) {
+    const field = Type.field(type, key);
+    if (field) result[key] = Field.withInitialValue(field, result[key]);
+  }
+  return result;
+}
 var DeleteOp = class extends Operation {
   constructor(entryIds) {
     super(() => {

package/dist/dashboard/App.js

@@ -22,9 +22,9 @@ import {
 
 // src/dashboard/App.module.css
 var App_default = {
+  "AppLoading": "alinea-AppLoading",
   "AppLoading-progress-fade-in": "alinea-AppLoading-progress-fade-in",
   "AppLoadingProgressFadeIn": "alinea-AppLoading-progress-fade-in",
-  "AppLoading": "alinea-AppLoading",
   "AppLoading-progress": "alinea-AppLoading-progress",
   "AppLoadingProgress": "alinea-AppLoading-progress"
 };
@@ -74,7 +74,13 @@ var authenticatedAtom = atom(async (get) => {
       title: dashboardTitle(workspaceData?.label ?? "Alinea", label)
     }
   );
-  if (page.type === "users" && canManageMembers) {
+  if (page.type === "users") {
+    if (!canManageMembers) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        meta("No user management access"),
+        /* @__PURE__ */ jsx(AccessDenied, { canManageMembers: false, scope: "users" })
+      ] });
+    }
     const content2 = await usersPage(page, get);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       meta("Users"),

package/dist/dashboard/app/AccessDenied.d.ts

@@ -1,5 +1,20 @@
+declare const copy: {
+    root: {
+        title: string;
+        message: string;
+    };
+    users: {
+        title: string;
+        message: string;
+    };
+    workspace: {
+        title: string;
+        message: string;
+    };
+};
 export interface AccessDeniedProps {
     canManageMembers: boolean;
-    scope: 'root' | 'workspace';
+    scope: keyof typeof copy;
 }
 export declare function AccessDenied({ canManageMembers, scope }: AccessDeniedProps): import("react").JSX.Element;
+export {};

package/dist/dashboard/app/AccessDenied.js

@@ -14,29 +14,38 @@ import { AppShell, AppShellContent, AppShellInner } from "./AppShell.js";
 
 // src/dashboard/app/AccessDenied.module.css
 var AccessDenied_default = {
-  "AccessDenied-message": "alinea-AccessDenied-message",
-  "AccessDeniedMessage": "alinea-AccessDenied-message",
-  "AccessDenied": "alinea-AccessDenied",
   "AccessDenied-card": "alinea-AccessDenied-card",
   "AccessDeniedCard": "alinea-AccessDenied-card",
   "AccessDenied-title": "alinea-AccessDenied-title",
-  "AccessDeniedTitle": "alinea-AccessDenied-title"
+  "AccessDeniedTitle": "alinea-AccessDenied-title",
+  "AccessDenied": "alinea-AccessDenied",
+  "AccessDenied-message": "alinea-AccessDenied-message",
+  "AccessDeniedMessage": "alinea-AccessDenied-message"
 };
 
 // src/dashboard/app/AccessDenied.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = styler(AccessDenied_default);
+var copy = {
+  root: {
+    title: "No root access",
+    message: "Your current roles do not grant permission to read any root."
+  },
+  users: {
+    title: "No user management access",
+    message: "Your current roles do not grant permission to manage users."
+  },
+  workspace: {
+    title: "No workspace access",
+    message: "Your current roles do not grant permission to read any workspace."
+  }
+};
 function AccessDenied({ canManageMembers, scope }) {
   const setRoute = useSetAtom(routeAtom);
-  const title = scope === "workspace" ? "No workspace access" : "No root access";
-  const target = scope === "workspace" ? "workspace" : "root";
+  const { title, message } = copy[scope];
   return /* @__PURE__ */ jsx(AppShell, { children: /* @__PURE__ */ jsx(AppShellInner, { children: /* @__PURE__ */ jsx(AppShellContent, { children: /* @__PURE__ */ jsx("div", { className: styles.AccessDenied(), children: /* @__PURE__ */ jsxs(Surface, { className: styles.AccessDenied.card(), children: [
     /* @__PURE__ */ jsx("h1", { className: styles.AccessDenied.title(), children: title }),
-    /* @__PURE__ */ jsxs("p", { className: styles.AccessDenied.message(), children: [
-      "Your current roles do not grant permission to read any ",
-      target,
-      "."
-    ] }),
+    /* @__PURE__ */ jsx("p", { className: styles.AccessDenied.message(), children: message }),
     canManageMembers && /* @__PURE__ */ jsx(
       Button,
       {

package/dist/dashboard/app/ActivityStatus.js

@@ -42,29 +42,29 @@ import { IcRoundCheck, IcRoundHistory, IcRoundWarning } from "../icons.js";
 
 // src/dashboard/app/ActivityStatus.module.css
 var ActivityStatus_default = {
-  "ActivityStatus-popover-actions": "alinea-ActivityStatus-popover-actions",
-  "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions",
-  "is-failed": "alinea-is-failed",
-  "isFailed": "alinea-is-failed",
-  "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
-  "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
+  "ActivityStatus-icon": "alinea-ActivityStatus-icon",
+  "ActivityStatusIcon": "alinea-ActivityStatus-icon",
+  "ActivityStatus-popover-item-error": "alinea-ActivityStatus-popover-item-error",
+  "ActivityStatusPopoverItemError": "alinea-ActivityStatus-popover-item-error",
   "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
   "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
-  "ActivityStatus": "alinea-ActivityStatus",
-  "ActivityStatus-label": "alinea-ActivityStatus-label",
-  "ActivityStatusLabel": "alinea-ActivityStatus-label",
-  "ActivityStatus-popover": "alinea-ActivityStatus-popover",
-  "ActivityStatusPopover": "alinea-ActivityStatus-popover",
   "is-syncing": "alinea-is-syncing",
   "isSyncing": "alinea-is-syncing",
+  "ActivityStatus-popover-actions": "alinea-ActivityStatus-popover-actions",
+  "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions",
+  "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
+  "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
   "ActivityStatus-popover-title": "alinea-ActivityStatus-popover-title",
   "ActivityStatusPopoverTitle": "alinea-ActivityStatus-popover-title",
   "ActivityStatus-popover-list": "alinea-ActivityStatus-popover-list",
   "ActivityStatusPopoverList": "alinea-ActivityStatus-popover-list",
-  "ActivityStatus-icon": "alinea-ActivityStatus-icon",
-  "ActivityStatusIcon": "alinea-ActivityStatus-icon",
-  "ActivityStatus-popover-item-error": "alinea-ActivityStatus-popover-item-error",
-  "ActivityStatusPopoverItemError": "alinea-ActivityStatus-popover-item-error"
+  "ActivityStatus-popover": "alinea-ActivityStatus-popover",
+  "ActivityStatusPopover": "alinea-ActivityStatus-popover",
+  "ActivityStatus-label": "alinea-ActivityStatus-label",
+  "ActivityStatusLabel": "alinea-ActivityStatus-label",
+  "is-failed": "alinea-is-failed",
+  "isFailed": "alinea-is-failed",
+  "ActivityStatus": "alinea-ActivityStatus"
 };
 
 // src/dashboard/app/ActivityStatus.tsx

package/dist/dashboard/app/AppShell.js

@@ -6,8 +6,8 @@ import "../../chunks/chunk-CQ52GEHY.js";
 // src/dashboard/app/AppShell.module.css
 var AppShell_default = {
   "AppShellContent": "alinea-AppShellContent",
-  "AppShellInner": "alinea-AppShellInner",
-  "AppShell": "alinea-AppShell"
+  "AppShell": "alinea-AppShell",
+  "AppShellInner": "alinea-AppShellInner"
 };
 
 // src/dashboard/app/AppShell.tsx

package/dist/dashboard/app/AuthView.js

@@ -18,21 +18,21 @@ import { IcRoundArrowForward, IcRoundPublish } from "../icons.js";
 var AuthView_default = {
   "AuthView-panel": "alinea-AuthView-panel",
   "AuthViewPanel": "alinea-AuthView-panel",
-  "AuthView-loader": "alinea-AuthView-loader",
-  "AuthViewLoader": "alinea-AuthView-loader",
-  "AuthView-surface": "alinea-AuthView-surface",
-  "AuthViewSurface": "alinea-AuthView-surface",
+  "AuthView-text": "alinea-AuthView-text",
+  "AuthViewText": "alinea-AuthView-text",
   "AuthView": "alinea-AuthView",
-  "AuthView-mark": "alinea-AuthView-mark",
-  "AuthViewMark": "alinea-AuthView-mark",
   "AuthView-heading": "alinea-AuthView-heading",
   "AuthViewHeading": "alinea-AuthView-heading",
-  "AuthView-text": "alinea-AuthView-text",
-  "AuthViewText": "alinea-AuthView-text",
   "AuthView-link": "alinea-AuthView-link",
   "AuthViewLink": "alinea-AuthView-link",
   "AuthView-title": "alinea-AuthView-title",
   "AuthViewTitle": "alinea-AuthView-title",
+  "AuthView-surface": "alinea-AuthView-surface",
+  "AuthViewSurface": "alinea-AuthView-surface",
+  "AuthView-loader": "alinea-AuthView-loader",
+  "AuthViewLoader": "alinea-AuthView-loader",
+  "AuthView-mark": "alinea-AuthView-mark",
+  "AuthViewMark": "alinea-AuthView-mark",
   "AuthView-actionRow": "alinea-AuthView-actionRow",
   "AuthViewActionRow": "alinea-AuthView-actionRow"
 };

package/dist/dashboard/app/CompactField.js

@@ -19,25 +19,25 @@ import { Badge } from "./Badge.js";
 
 // src/dashboard/app/CompactField.module.css
 var CompactField_default = {
-  "CompactField-record-field": "alinea-CompactField-record-field",
-  "CompactFieldRecordField": "alinea-CompactField-record-field",
-  "CompactField-list-count": "alinea-CompactField-list-count",
-  "CompactFieldListCount": "alinea-CompactField-list-count",
-  "CompactField-record": "alinea-CompactField-record",
-  "CompactFieldRecord": "alinea-CompactField-record",
   "CompactField-json": "alinea-CompactField-json",
   "CompactFieldJson": "alinea-CompactField-json",
-  "CompactField-muted": "alinea-CompactField-muted",
-  "CompactFieldMuted": "alinea-CompactField-muted",
-  "CompactField-text": "alinea-CompactField-text",
-  "CompactFieldText": "alinea-CompactField-text",
+  "CompactField-list-count": "alinea-CompactField-list-count",
+  "CompactFieldListCount": "alinea-CompactField-list-count",
+  "CompactField-record-field": "alinea-CompactField-record-field",
+  "CompactFieldRecordField": "alinea-CompactField-record-field",
   "CompactField-items": "alinea-CompactField-items",
   "CompactFieldItems": "alinea-CompactField-items",
+  "CompactField-text": "alinea-CompactField-text",
+  "CompactFieldText": "alinea-CompactField-text",
+  "CompactField-muted": "alinea-CompactField-muted",
+  "CompactFieldMuted": "alinea-CompactField-muted",
+  "CompactField-record": "alinea-CompactField-record",
+  "CompactFieldRecord": "alinea-CompactField-record",
+  "CompactField-record-label": "alinea-CompactField-record-label",
+  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
   "CompactField": "alinea-CompactField",
   "CompactField-record-value": "alinea-CompactField-record-value",
-  "CompactFieldRecordValue": "alinea-CompactField-record-value",
-  "CompactField-record-label": "alinea-CompactField-record-label",
-  "CompactFieldRecordLabel": "alinea-CompactField-record-label"
+  "CompactFieldRecordValue": "alinea-CompactField-record-value"
 };
 
 // src/dashboard/app/CompactField.tsx

package/dist/dashboard/app/DashboardErrorBoundary.js

@@ -65,15 +65,15 @@ import { IcRoundWarning } from "../icons.js";
 
 // src/dashboard/app/DashboardErrorBoundary.module.css
 var DashboardErrorBoundary_default = {
-  "DashboardErrorBoundary-title": "alinea-DashboardErrorBoundary-title",
-  "DashboardErrorBoundaryTitle": "alinea-DashboardErrorBoundary-title",
+  "DashboardErrorBoundary-message": "alinea-DashboardErrorBoundary-message",
+  "DashboardErrorBoundaryMessage": "alinea-DashboardErrorBoundary-message",
   "DashboardErrorBoundary": "alinea-DashboardErrorBoundary",
   "DashboardErrorBoundary-card": "alinea-DashboardErrorBoundary-card",
   "DashboardErrorBoundaryCard": "alinea-DashboardErrorBoundary-card",
-  "DashboardErrorBoundary-message": "alinea-DashboardErrorBoundary-message",
-  "DashboardErrorBoundaryMessage": "alinea-DashboardErrorBoundary-message",
   "DashboardErrorBoundary-heading": "alinea-DashboardErrorBoundary-heading",
-  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading"
+  "DashboardErrorBoundaryHeading": "alinea-DashboardErrorBoundary-heading",
+  "DashboardErrorBoundary-title": "alinea-DashboardErrorBoundary-title",
+  "DashboardErrorBoundaryTitle": "alinea-DashboardErrorBoundary-title"
 };
 
 // src/dashboard/app/DashboardErrorBoundary.tsx

package/dist/dashboard/app/EntryHeader.js

@@ -41,21 +41,21 @@ import { EditorBackButton } from "./EditorBackButton.js";
 
 // src/dashboard/app/EntryHeader.module.css
 var EntryHeader_default = {
+  "EntryHeader-actions": "alinea-EntryHeader-actions",
+  "EntryHeaderActions": "alinea-EntryHeader-actions",
+  "EntryHeader": "alinea-EntryHeader",
   "EntryHeader-title": "alinea-EntryHeader-title",
   "EntryHeaderTitle": "alinea-EntryHeader-title",
-  "EntryHeader-status": "alinea-EntryHeader-status",
-  "EntryHeaderStatus": "alinea-EntryHeader-status",
   "is-dirty": "alinea-is-dirty",
   "isDirty": "alinea-is-dirty",
-  "EntryHeader-actions": "alinea-EntryHeader-actions",
-  "EntryHeaderActions": "alinea-EntryHeader-actions",
-  "EntryHeader": "alinea-EntryHeader",
-  "EntryHeader-main": "alinea-EntryHeader-main",
-  "EntryHeaderMain": "alinea-EntryHeader-main",
   "EntryHeader-type": "alinea-EntryHeader-type",
   "EntryHeaderType": "alinea-EntryHeader-type",
+  "EntryHeader-main": "alinea-EntryHeader-main",
+  "EntryHeaderMain": "alinea-EntryHeader-main",
   "EntryHeader-sidebarToggle": "alinea-EntryHeader-sidebarToggle",
   "EntryHeaderSidebarToggle": "alinea-EntryHeader-sidebarToggle",
+  "EntryHeader-status": "alinea-EntryHeader-status",
+  "EntryHeaderStatus": "alinea-EntryHeader-status",
   "EntryHeader-content": "alinea-EntryHeader-content",
   "EntryHeaderContent": "alinea-EntryHeader-content"
 };

package/dist/dashboard/app/EntryReferences.js

@@ -26,21 +26,21 @@ import { IcRoundImage, IcRoundInsertDriveFile, IcRoundLink } from "../icons.js";
 
 // src/dashboard/app/EntryReferences.module.css
 var EntryReferences_default = {
-  "EntryReferences-loadingText": "alinea-EntryReferences-loadingText",
-  "EntryReferencesLoadingText": "alinea-EntryReferences-loadingText",
-  "EntryReferences-loading": "alinea-EntryReferences-loading",
-  "EntryReferencesLoading": "alinea-EntryReferences-loading",
-  "EntryReferences": "alinea-EntryReferences",
-  "EntryReferences-pending": "alinea-EntryReferences-pending",
-  "EntryReferencesPending": "alinea-EntryReferences-pending",
   "EntryReferences-trailing": "alinea-EntryReferences-trailing",
   "EntryReferencesTrailing": "alinea-EntryReferences-trailing",
-  "EntryReferences-pendingText": "alinea-EntryReferences-pendingText",
-  "EntryReferencesPendingText": "alinea-EntryReferences-pendingText",
   "EntryReferences-other": "alinea-EntryReferences-other",
   "EntryReferencesOther": "alinea-EntryReferences-other",
+  "EntryReferences-loading": "alinea-EntryReferences-loading",
+  "EntryReferencesLoading": "alinea-EntryReferences-loading",
   "EntryReferences-list": "alinea-EntryReferences-list",
-  "EntryReferencesList": "alinea-EntryReferences-list"
+  "EntryReferencesList": "alinea-EntryReferences-list",
+  "EntryReferences-pendingText": "alinea-EntryReferences-pendingText",
+  "EntryReferencesPendingText": "alinea-EntryReferences-pendingText",
+  "EntryReferences-pending": "alinea-EntryReferences-pending",
+  "EntryReferencesPending": "alinea-EntryReferences-pending",
+  "EntryReferences": "alinea-EntryReferences",
+  "EntryReferences-loadingText": "alinea-EntryReferences-loadingText",
+  "EntryReferencesLoadingText": "alinea-EntryReferences-loadingText"
 };
 
 // src/dashboard/app/EntryReferences.tsx

package/dist/dashboard/app/EntrySidebar.js

@@ -47,28 +47,28 @@ import { EntryReferences } from "./EntryReferences.js";
 
 // src/dashboard/app/EntrySidebar.module.css
 var EntrySidebar_default = {
-  "EntrySidebar-section": "alinea-EntrySidebar-section",
-  "EntrySidebarSection": "alinea-EntrySidebar-section",
+  "EntrySidebar-history": "alinea-EntrySidebar-history",
+  "EntrySidebarHistory": "alinea-EntrySidebar-history",
   "EntrySidebar-disclosure": "alinea-EntrySidebar-disclosure",
   "EntrySidebarDisclosure": "alinea-EntrySidebar-disclosure",
   "EntrySidebar-disclosurePanel": "alinea-EntrySidebar-disclosurePanel",
   "EntrySidebarDisclosurePanel": "alinea-EntrySidebar-disclosurePanel",
+  "EntrySidebar-previewPanel": "alinea-EntrySidebar-previewPanel",
+  "EntrySidebarPreviewPanel": "alinea-EntrySidebar-previewPanel",
+  "EntrySidebar-sectionTitle": "alinea-EntrySidebar-sectionTitle",
+  "EntrySidebarSectionTitle": "alinea-EntrySidebar-sectionTitle",
+  "EntrySidebar-section": "alinea-EntrySidebar-section",
+  "EntrySidebarSection": "alinea-EntrySidebar-section",
   "EntrySidebar-historyPanel": "alinea-EntrySidebar-historyPanel",
   "EntrySidebarHistoryPanel": "alinea-EntrySidebar-historyPanel",
   "EntrySidebar-header": "alinea-EntrySidebar-header",
   "EntrySidebarHeader": "alinea-EntrySidebar-header",
-  "EntrySidebar-sectionTitle": "alinea-EntrySidebar-sectionTitle",
-  "EntrySidebarSectionTitle": "alinea-EntrySidebar-sectionTitle",
-  "EntrySidebar-history": "alinea-EntrySidebar-history",
-  "EntrySidebarHistory": "alinea-EntrySidebar-history",
-  "EntrySidebar-body": "alinea-EntrySidebar-body",
-  "EntrySidebarBody": "alinea-EntrySidebar-body",
   "EntrySidebar-referencesPanel": "alinea-EntrySidebar-referencesPanel",
   "EntrySidebarReferencesPanel": "alinea-EntrySidebar-referencesPanel",
+  "EntrySidebar-body": "alinea-EntrySidebar-body",
+  "EntrySidebarBody": "alinea-EntrySidebar-body",
   "EntrySidebar-tabs": "alinea-EntrySidebar-tabs",
-  "EntrySidebarTabs": "alinea-EntrySidebar-tabs",
-  "EntrySidebar-previewPanel": "alinea-EntrySidebar-previewPanel",
-  "EntrySidebarPreviewPanel": "alinea-EntrySidebar-previewPanel"
+  "EntrySidebarTabs": "alinea-EntrySidebar-tabs"
 };
 
 // src/dashboard/app/EntrySidebar.tsx

package/dist/dashboard/app/EntrySidebarPreview.js

@@ -25,23 +25,23 @@ import {
 
 // src/dashboard/app/EntrySidebarPreview.module.css
 var EntrySidebarPreview_default = {
-  "EntrySidebarPreview-component": "alinea-EntrySidebarPreview-component",
-  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component",
-  "EntrySidebarPreview-subheader": "alinea-EntrySidebarPreview-subheader",
-  "EntrySidebarPreviewSubheader": "alinea-EntrySidebarPreview-subheader",
+  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
   "EntrySidebarPreview-browserMessage": "alinea-EntrySidebarPreview-browserMessage",
   "EntrySidebarPreviewBrowserMessage": "alinea-EntrySidebarPreview-browserMessage",
+  "EntrySidebarPreview-loading": "alinea-EntrySidebarPreview-loading",
+  "EntrySidebarPreviewLoading": "alinea-EntrySidebarPreview-loading",
+  "EntrySidebarPreview-component": "alinea-EntrySidebarPreview-component",
+  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component",
+  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
+  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty",
   "EntrySidebarPreview-iframe": "alinea-EntrySidebarPreview-iframe",
   "EntrySidebarPreviewIframe": "alinea-EntrySidebarPreview-iframe",
+  "EntrySidebarPreview-subheader": "alinea-EntrySidebarPreview-subheader",
+  "EntrySidebarPreviewSubheader": "alinea-EntrySidebarPreview-subheader",
   "EntrySidebarPreview-controls": "alinea-EntrySidebarPreview-controls",
   "EntrySidebarPreviewControls": "alinea-EntrySidebarPreview-controls",
   "EntrySidebarPreview-browser": "alinea-EntrySidebarPreview-browser",
-  "EntrySidebarPreviewBrowser": "alinea-EntrySidebarPreview-browser",
-  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
-  "EntrySidebarPreview-loading": "alinea-EntrySidebarPreview-loading",
-  "EntrySidebarPreviewLoading": "alinea-EntrySidebarPreview-loading"
+  "EntrySidebarPreviewBrowser": "alinea-EntrySidebarPreview-browser"
 };
 
 // src/dashboard/app/EntrySidebarPreview.tsx
@@ -149,6 +149,7 @@ function EntrySidebarBrowserPreview({
   const iframe = useRef(null);
   const previewPayload = useRef();
   const hasPreviewListener = useRef(false);
+  const previewWindows = useRef(/* @__PURE__ */ new Set());
   const [frameVersion, setFrameVersion] = useState(0);
   const [loading, setLoading] = useState(true);
   const targetOrigin = useMemo(() => {
@@ -162,24 +163,43 @@ function EntrySidebarBrowserPreview({
     hasPreviewListener.current = false;
     previewPayload.current = void 0;
   }, [previewUrl]);
+  useEffect(() => {
+    const windows = previewWindows.current;
+    previewPayload.current = void 0;
+    function disconnect() {
+      if (targetOrigin)
+        for (const previewWindow of windows) {
+          if (!previewWindow.closed)
+            previewWindow.postMessage(
+              { action: PreviewAction.Disconnect },
+              targetOrigin
+            );
+        }
+      windows.clear();
+    }
+    window.addEventListener("pagehide", disconnect);
+    return () => {
+      window.removeEventListener("pagehide", disconnect);
+      disconnect();
+    };
+  }, [localeData, previewUrl, targetOrigin]);
   useEffect(() => {
     if (!targetOrigin) return;
     function handleMessage(event) {
       if (event.origin !== targetOrigin) return;
-      if (event.source !== iframe.current?.contentWindow) return;
+      const source = event.source;
+      const isFrame = source === iframe.current?.contentWindow;
+      if (!source || !isFrame && !previewWindows.current.has(source)) return;
       if (!event.data || typeof event.data !== "object") return;
       if (event.data.action === PreviewAction.Ping) {
-        hasPreviewListener.current = true;
-        iframe.current?.contentWindow?.postMessage(
-          { action: PreviewAction.Pong },
-          targetOrigin
-        );
+        if (isFrame) hasPreviewListener.current = true;
+        source.postMessage({ action: PreviewAction.Pong }, targetOrigin);
         if (previewPayload.current)
-          iframe.current?.contentWindow?.postMessage(
+          source.postMessage(
             { action: PreviewAction.Preview, payload: previewPayload.current },
             targetOrigin
           );
-      } else if (event.data.action === PreviewAction.Meta) {
+      } else if (isFrame && event.data.action === PreviewAction.Meta) {
         setMetadata(event.data);
       }
     }
@@ -193,11 +213,14 @@ function EntrySidebarBrowserPreview({
       void updatePreviewPayload().then((payload) => {
         if (cancelled) return;
         previewPayload.current = payload;
-        if (!payload || !targetOrigin || !hasPreviewListener.current) return;
-        iframe.current?.contentWindow?.postMessage(
-          { action: PreviewAction.Preview, payload },
-          targetOrigin
-        );
+        if (!payload || !targetOrigin) return;
+        const message = { action: PreviewAction.Preview, payload };
+        if (hasPreviewListener.current)
+          iframe.current?.contentWindow?.postMessage(message, targetOrigin);
+        for (const previewWindow of previewWindows.current) {
+          if (previewWindow.closed) previewWindows.current.delete(previewWindow);
+          else previewWindow.postMessage(message, targetOrigin);
+        }
       });
     }, 250);
     return () => {
@@ -205,8 +228,9 @@ function EntrySidebarBrowserPreview({
       clearTimeout(timeout);
     };
   }, [
-    localeData.updatePreviewPayload,
+    localeData,
     payloadSignal,
+    previewUrl,
     targetOrigin,
     updatePreviewPayload
   ]);
@@ -225,8 +249,10 @@ function EntrySidebarBrowserPreview({
   }
   function openPreview() {
     if (!previewUrl || typeof window === "undefined") return;
-    const href = `${previewUrl}${previewUrl.includes("?") ? "&" : "?"}full`;
-    window.open(href, "_blank", "noopener,noreferrer");
+    const href = new URL(previewUrl, location.href);
+    href.searchParams.set("full", "");
+    const previewWindow = window.open(href.href, "_blank");
+    if (previewWindow) previewWindows.current.add(previewWindow);
   }
   return /* @__PURE__ */ jsxs("div", { className: styles.EntrySidebarPreview(), children: [
     /* @__PURE__ */ jsx(

package/dist/dashboard/app/EntrySidebarPreview.story.d.ts

@@ -1 +1,6 @@
-export declare function EntrySidebarPreviewStory(): import("react").JSX.Element;
+interface EntrySidebarPreviewStoryProps {
+    previewUrl?: string;
+    entryId?: string;
+}
+export declare function EntrySidebarPreviewStory({ previewUrl, entryId }: EntrySidebarPreviewStoryProps): import("react").JSX.Element;
+export {};

package/dist/dashboard/app/EntryTranslationBanner.js

@@ -9,6 +9,10 @@ import { memo } from "react";
 
 // src/dashboard/app/EntryTranslationBanner.module.css
 var EntryTranslationBanner_default = {
+  "EntryTranslationBanner-body": "alinea-EntryTranslationBanner-body",
+  "EntryTranslationBannerBody": "alinea-EntryTranslationBanner-body",
+  "EntryTranslationBanner-message": "alinea-EntryTranslationBanner-message",
+  "EntryTranslationBannerMessage": "alinea-EntryTranslationBanner-message",
   "EntryTranslationBanner-actions": "alinea-EntryTranslationBanner-actions",
   "EntryTranslationBannerActions": "alinea-EntryTranslationBanner-actions",
   "EntryTranslationBanner": "alinea-EntryTranslationBanner",
@@ -16,12 +20,8 @@ var EntryTranslationBanner_default = {
   "EntryTranslationBannerLabel": "alinea-EntryTranslationBanner-label",
   "EntryTranslationBanner-select": "alinea-EntryTranslationBanner-select",
   "EntryTranslationBannerSelect": "alinea-EntryTranslationBanner-select",
-  "EntryTranslationBanner-body": "alinea-EntryTranslationBanner-body",
-  "EntryTranslationBannerBody": "alinea-EntryTranslationBanner-body",
   "EntryTranslationBanner-title": "alinea-EntryTranslationBanner-title",
-  "EntryTranslationBannerTitle": "alinea-EntryTranslationBanner-title",
-  "EntryTranslationBanner-message": "alinea-EntryTranslationBanner-message",
-  "EntryTranslationBannerMessage": "alinea-EntryTranslationBanner-message"
+  "EntryTranslationBannerTitle": "alinea-EntryTranslationBanner-title"
 };
 
 // src/dashboard/app/EntryTranslationBanner.tsx