alinea 2.0.0-preview.12 → 2.0.0-preview.13

package/dist/field/metadata/MetadataField.d.ts

@@ -38,19 +38,20 @@ export interface MetadataOptions extends FieldOptions<Metadata> {
     fields: Type<MetadataFields>;
     seo: Type<MetadataSeoFields>;
     details: Type<MetadataDetailsFields>;
-    /** The details are rendered by a separate `metadataDetails` section */
-    detailsSection?: boolean;
+    /** The details and previews are rendered by the separate
+     * `metadataDetails` and `metadataPreviews` sections */
+    sections?: boolean;
 }
 export interface MetadataConfig {
-    /** Leave the details out of the field view, render them with
-     * `metadataDetails(field)` instead */
-    detailsSection?: boolean;
+    /** Leave the details and previews out of the field view, render them
+     * with `metadataDetails(field)` and `metadataPreviews()` instead */
+    sections?: boolean;
 }
 export declare class MetadataField extends RecordField<Metadata, MetadataOptions> {
 }
 export interface MetadataField extends MetadataFields {
 }
-export declare function metadata(label?: string, { detailsSection }?: MetadataConfig): MetadataField;
+export declare function metadata(label?: string, { sections }?: MetadataConfig): MetadataField;
 export declare class MetadataDetailsSection implements SectionData {
     field: MetadataField;
     view: string;
@@ -60,5 +61,14 @@ export declare class MetadataDetailsSection implements SectionData {
     constructor(field: MetadataField);
 }
 /** Renders the created/updated details and aliases of a metadata field
- * created with `detailsSection: true` */
+ * created with `sections: true` */
 export declare function metadataDetails(field: MetadataField): Section;
+export declare class MetadataPreviewsSection implements SectionData {
+    view: string;
+    definition: {};
+    fields: {};
+    sections: never[];
+}
+/** Renders the search and Open Graph previews of the entry, for a metadata
+ * field created with `sections: true` */
+export declare function metadataPreviews(): Section;

package/dist/field/metadata/MetadataField.js

@@ -19,7 +19,7 @@ import {
 export * from "./MetadataAudit.js";
 var MetadataField = class extends RecordField {
 };
-function metadata(label = "Metadata", { detailsSection } = {}) {
+function metadata(label = "Metadata", { sections } = {}) {
   const seo = type("SEO", {
     fields: {
       title: text("Title"),
@@ -62,7 +62,7 @@ function metadata(label = "Metadata", { detailsSection } = {}) {
       fields,
       seo,
       details,
-      detailsSection
+      sections
     },
     defaultValue() {
       return Type.initialValue(fields);
@@ -87,10 +87,21 @@ var MetadataDetailsSection = class {
 function metadataDetails(field) {
   return section(new MetadataDetailsSection(field));
 }
+var MetadataPreviewsSection = class {
+  view = viewKeys.MetadataPreviewsView;
+  definition = {};
+  fields = {};
+  sections = [];
+};
+function metadataPreviews() {
+  return section(new MetadataPreviewsSection());
+}
 export {
   MetadataDetailsSection,
   MetadataField,
+  MetadataPreviewsSection,
   aliases,
   metadata,
-  metadataDetails
+  metadataDetails,
+  metadataPreviews
 };

package/dist/field/metadata/MetadataField.view.d.ts

@@ -12,6 +12,7 @@ export interface MetadataUserFieldViewProps {
 }
 export declare function MetadataUserFieldView({ field }: MetadataUserFieldViewProps): import("react").JSX.Element;
 export declare function MetadataFieldView({ field }: MetadataFieldViewProps): import("react").JSX.Element;
+export declare function MetadataPreviewsView(): import("react").JSX.Element;
 export interface MetadataDetailsViewProps {
     section: Section;
 }

package/dist/field/metadata/MetadataField.view.js

@@ -18,34 +18,34 @@ import { IcRoundPublic } from "alinea/dashboard/icons";
 
 // src/field/metadata/MetadataField.module.css
 var MetadataField_default = {
-  "SearchEnginePreview": "alinea-SearchEnginePreview",
-  "OpenGraphPreview": "alinea-OpenGraphPreview",
+  "OpenGraphPreview-site": "alinea-OpenGraphPreview-site",
+  "OpenGraphPreviewSite": "alinea-OpenGraphPreview-site",
+  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
+  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
+  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
+  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
+  "MetadataUserFieldView-contact": "alinea-MetadataUserFieldView-contact",
+  "MetadataUserFieldViewContact": "alinea-MetadataUserFieldView-contact",
+  "SearchEnginePreview-og-label-small": "alinea-SearchEnginePreview-og-label-small",
+  "SearchEnginePreviewOgLabelSmall": "alinea-SearchEnginePreview-og-label-small",
   "OpenGraphPreview-description": "alinea-OpenGraphPreview-description",
   "OpenGraphPreviewDescription": "alinea-OpenGraphPreview-description",
-  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
+  "SearchEnginePreview-link": "alinea-SearchEnginePreview-link",
+  "SearchEnginePreviewLink": "alinea-SearchEnginePreview-link",
   "SearchEnginePreview-og": "alinea-SearchEnginePreview-og",
   "SearchEnginePreviewOg": "alinea-SearchEnginePreview-og",
+  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
+  "SearchEnginePreview": "alinea-SearchEnginePreview",
+  "OpenGraphPreview": "alinea-OpenGraphPreview",
+  "MetadataTimestampFieldView": "alinea-MetadataTimestampFieldView",
   "OpenGraphPreview-image": "alinea-OpenGraphPreview-image",
   "OpenGraphPreviewImage": "alinea-OpenGraphPreview-image",
-  "MetadataTimestampFieldView": "alinea-MetadataTimestampFieldView",
-  "OpenGraphPreview-site": "alinea-OpenGraphPreview-site",
-  "OpenGraphPreviewSite": "alinea-OpenGraphPreview-site",
-  "SearchEnginePreview-og-label": "alinea-SearchEnginePreview-og-label",
-  "SearchEnginePreviewOgLabel": "alinea-SearchEnginePreview-og-label",
-  "SearchEnginePreview-link": "alinea-SearchEnginePreview-link",
-  "SearchEnginePreviewLink": "alinea-SearchEnginePreview-link",
-  "MetadataUserFieldView-contact": "alinea-MetadataUserFieldView-contact",
-  "MetadataUserFieldViewContact": "alinea-MetadataUserFieldView-contact",
   "SearchEnginePreview-description": "alinea-SearchEnginePreview-description",
   "SearchEnginePreviewDescription": "alinea-SearchEnginePreview-description",
-  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
-  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
-  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
-  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
   "MetadataUserFieldView-person": "alinea-MetadataUserFieldView-person",
   "MetadataUserFieldViewPerson": "alinea-MetadataUserFieldView-person",
-  "SearchEnginePreview-og-label-small": "alinea-SearchEnginePreview-og-label-small",
-  "SearchEnginePreviewOgLabelSmall": "alinea-SearchEnginePreview-og-label-small"
+  "SearchEnginePreview-og-label": "alinea-SearchEnginePreview-og-label",
+  "SearchEnginePreviewOgLabel": "alinea-SearchEnginePreview-og-label"
 };
 
 // src/field/metadata/MetadataField.view.tsx
@@ -78,19 +78,22 @@ function MetadataUserFieldView({ field }) {
 function MetadataFieldView({ field }) {
   const options = useFieldOptions(field);
   const node = useFieldNode(field);
-  const metadata = usePreviewMetadata();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       NodeEditor,
       {
         node,
         readOnly: options.readOnly,
-        type: options.detailsSection ? options.seo : options.fields
+        type: options.sections ? options.seo : options.fields
       }
     ),
-    /* @__PURE__ */ jsx(MetadataPreview, { metadata, origin })
+    !options.sections && /* @__PURE__ */ jsx(MetadataPreviewsView, {})
   ] });
 }
+function MetadataPreviewsView() {
+  const metadata = usePreviewMetadata();
+  return /* @__PURE__ */ jsx(MetadataPreview, { metadata, origin });
+}
 function MetadataDetailsView({ section }) {
   const { field } = section[Section.Data];
   const options = useFieldOptions(field);
@@ -159,6 +162,7 @@ function SearchEnginePreview({ metadata, origin: origin2 }) {
 export {
   MetadataDetailsView,
   MetadataFieldView,
+  MetadataPreviewsView,
   MetadataTimestampFieldView,
   MetadataUserFieldView
 };

package/dist/field/richtext/RichTextBlock.d.ts

@@ -7,5 +7,7 @@ export interface RichTextBlockProps {
     readOnly: boolean;
     onDelete: () => void;
     onDuplicate: () => void;
+    /** Called as the header starts a drag, before the editor handles it */
+    onDragStart: () => void;
 }
-export declare const RichTextBlock: import("react").MemoExoticComponent<({ id, node, type, readOnly, onDelete, onDuplicate }: RichTextBlockProps) => import("react").JSX.Element>;
+export declare const RichTextBlock: import("react").MemoExoticComponent<({ id, node, type, readOnly, onDelete, onDuplicate, onDragStart }: RichTextBlockProps) => import("react").JSX.Element>;

package/dist/field/richtext/RichTextBlock.js

@@ -1,5 +1,6 @@
 import {
-  useAtomValueRaw
+  useAtomValueRaw,
+  useSetAtom
 } from "../../chunks/chunk-D6UJHBJJ.js";
 import "../../chunks/chunk-CFNRVI3Y.js";
 import {
@@ -10,39 +11,57 @@ import "../../chunks/chunk-CQ52GEHY.js";
 // src/field/richtext/RichTextBlock.tsx
 import {
   Button,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetSection,
+  SheetTitle,
   SortableList,
   SortableListItemTitle,
+  SortableListItemTrigger,
   SortableListItem,
   SortableListItemActions,
   SortableListItemContent,
-  SortableListHandle,
   SortableListItemHeader,
-  SortableListItemSettings,
-  Popover,
-  PopoverContent,
-  PopoverTrigger
+  SortableListItemDescription,
+  SortableListItemToggle,
+  TextField,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
 } from "alinea/components";
 import { getType } from "alinea/core/Internal";
 import { Type } from "alinea/core/Type";
+import { slugify } from "alinea/core/util/Slugs";
 import { Badge } from "alinea/components";
+import { BlockSheet, useBlockSheet } from "alinea/dashboard/app/BlockSheet";
 import { NodeEditor } from "alinea/dashboard/app/NodeEditor";
 import { ReactiveNode } from "alinea/dashboard/atoms/ReactiveNode";
+import { useEntry } from "alinea/dashboard/hooks";
 import {
   IcBaselineContentCopy,
   IcRoundClose,
-  IcRoundMoreHoriz
+  IcRoundDelete,
+  IcRoundLink
 } from "alinea/dashboard/icons";
+import { SlugField } from "alinea/field/path/SlugField";
 import { memo, useMemo, useState } from "react";
 
 // src/field/richtext/RichTextBlock.module.css
 var RichTextBlock_default = {
   "RichTextBlock": "alinea-RichTextBlock",
-  "RichTextBlock-dragHandle": "alinea-RichTextBlock-dragHandle",
-  "RichTextBlockDragHandle": "alinea-RichTextBlock-dragHandle"
+  "RichTextBlock-header": "alinea-RichTextBlock-header",
+  "RichTextBlockHeader": "alinea-RichTextBlock-header",
+  "RichTextBlock-anchor-field": "alinea-RichTextBlock-anchor-field",
+  "RichTextBlockAnchorField": "alinea-RichTextBlock-anchor-field",
+  "RichTextBlock-anchor": "alinea-RichTextBlock-anchor",
+  "RichTextBlockAnchor": "alinea-RichTextBlock-anchor"
 };
 
 // src/field/richtext/RichTextBlock.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(RichTextBlock_default);
 var RichTextBlock = memo(function RichTextBlock2({
   id,
@@ -50,90 +69,174 @@ var RichTextBlock = memo(function RichTextBlock2({
   type,
   readOnly,
   onDelete,
-  onDuplicate
+  onDuplicate,
+  onDragStart
 }) {
   const label = Type.label(type);
   const typeIcon = getType(type).icon;
-  const [actionsOpen, setActionsOpen] = useState(false);
-  function closeActions() {
-    setActionsOpen(false);
+  const sheet = useBlockSheet(id);
+  const [expanded, setExpanded] = useState(true);
+  const customLabel = useAtomValueRaw(node.field("_label")) ?? "";
+  const setCustomLabel = useSetAtom(node.field("_label"));
+  const anchor = useAtomValueRaw(node.field("_anchor"));
+  const setAnchor = useSetAtom(node.field("_anchor"));
+  const entryUrl = useEntry()?.url;
+  const displayLabel = customLabel.trim();
+  const displayAnchor = (anchor ?? slugify(displayLabel)).trim();
+  const link = entryUrl && displayAnchor ? `${entryUrl}#${displayAnchor}` : void 0;
+  function updateCustomLabel(nextValue) {
+    setCustomLabel(nextValue || void 0);
+    if (anchor === void 0 || anchor === slugify(customLabel))
+      setAnchor(slugify(nextValue) || void 0);
   }
-  return /* @__PURE__ */ jsx(
-    SortableList,
-    {
-      className: styles.RichTextBlock(),
-      "data-depth": "muted",
-      "data-read-only": readOnly || void 0,
-      "data-richtext-block": "true",
-      children: /* @__PURE__ */ jsxs(SortableListItem, { tabIndex: 0, children: [
-        /* @__PURE__ */ jsxs(SortableListItemHeader, { "data-richtext-block-header": "true", children: [
-          !readOnly && /* @__PURE__ */ jsx(
-            SortableListHandle,
+  function updateAnchor(nextValue) {
+    setAnchor(slugify(nextValue.replace(/^#+/, "")) || void 0);
+  }
+  const badge = /* @__PURE__ */ jsx(Badge, { icon: typeIcon, size: "sm", color: "primary", children: label });
+  const title = /* @__PURE__ */ jsxs(Fragment, { children: [
+    badge,
+    displayLabel ? /* @__PURE__ */ jsx(SortableListItemDescription, { children: displayLabel }) : displayAnchor && /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
+      "#",
+      displayAnchor
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SortableList,
+      {
+        className: styles.RichTextBlock(),
+        "data-read-only": readOnly || void 0,
+        "data-richtext-block": "true",
+        children: /* @__PURE__ */ jsxs(SortableListItem, { tabIndex: 0, current: sheet.open, children: [
+          /* @__PURE__ */ jsxs(
+            SortableListItemHeader,
             {
-              "aria-label": `Drag ${label} block`,
-              className: styles.RichTextBlock.dragHandle(),
-              "data-richtext-drag-handle": "true",
-              draggable: true,
+              className: styles.RichTextBlock.header(),
+              "data-richtext-block-header": "true",
+              "data-richtext-drag-handle": readOnly ? void 0 : "true",
+              draggable: !readOnly,
+              onDragStartCapture: onDragStart,
               onDragStart: (event) => {
                 event.dataTransfer.effectAllowed = "move";
                 event.dataTransfer.setData(
                   "application/x-alinea-richtext-block",
                   id
                 );
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(SortableListItemTitle, { children: /* @__PURE__ */ jsx(Badge, { icon: typeIcon, size: "sm", children: label }) }),
-          /* @__PURE__ */ jsxs(SortableListItemActions, { children: [
-            /* @__PURE__ */ jsxs(Popover, { open: actionsOpen, onOpenChange: setActionsOpen, children: [
-              /* @__PURE__ */ jsx(
-                PopoverTrigger,
-                {
-                  variant: "ghost",
-                  "aria-label": `${label} actions`,
-                  icon: IcRoundMoreHoriz,
-                  size: "icon-sm"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                PopoverContent,
-                {
-                  "aria-label": `${label} actions`,
-                  side: "bottom",
-                  align: "end",
-                  children: /* @__PURE__ */ jsx(SortableListItemSettings, { variant: "actions", children: /* @__PURE__ */ jsx(
-                    Button,
+              },
+              children: [
+                /* @__PURE__ */ jsxs(SortableListItemTitle, { children: [
+                  /* @__PURE__ */ jsx(
+                    SortableListItemToggle,
+                    {
+                      draggable: !readOnly,
+                      "aria-label": expanded ? `Collapse ${label}` : `Expand ${label}`,
+                      expanded,
+                      onClick: () => setExpanded(!expanded)
+                    }
+                  ),
+                  sheet.available ? /* @__PURE__ */ jsx(
+                    SortableListItemTrigger,
                     {
-                      variant: "ghost",
-                      icon: IcBaselineContentCopy,
-                      disabled: readOnly,
+                      ...sheet.triggerProps,
+                      draggable: !readOnly,
+                      "aria-label": `${label} settings`,
+                      "aria-expanded": sheet.open,
                       onClick: () => {
-                        onDuplicate();
-                        closeActions();
+                        if (!sheet.open) setExpanded(true);
+                        sheet.toggle();
                       },
-                      children: "Duplicate"
+                      children: title
                     }
-                  ) })
-                }
-              )
-            ] }),
+                  ) : title
+                ] }),
+                /* @__PURE__ */ jsx(SortableListItemActions, { children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    "aria-label": `Remove ${label}`,
+                    icon: IcRoundClose,
+                    disabled: readOnly,
+                    onClick: onDelete,
+                    size: "icon-sm"
+                  }
+                ) })
+              ]
+            }
+          ),
+          expanded && /* @__PURE__ */ jsx(SortableListItemContent, { "data-richtext-block-editor": "true", children: readOnly ? /* @__PURE__ */ jsx(ReadOnlyBlockEditor, { node, type }) : /* @__PURE__ */ jsx(NodeEditor, { node, type }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(BlockSheet, { id, children: /* @__PURE__ */ jsxs(SheetContent, { onClose: () => sheet.setOpen(false), children: [
+      /* @__PURE__ */ jsxs(SheetHeader, { children: [
+        badge,
+        /* @__PURE__ */ jsx(SheetTitle, { children: displayLabel || displayAnchor && `#${displayAnchor}` || label }),
+        /* @__PURE__ */ jsx(SheetClose, { "aria-label": "Close block settings" })
+      ] }),
+      /* @__PURE__ */ jsx(SheetBody, { children: /* @__PURE__ */ jsxs(SheetSection, { children: [
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: "Label",
+            disabled: readOnly,
+            onValueChange: updateCustomLabel,
+            value: customLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles.RichTextBlock.anchor(), children: [
+          /* @__PURE__ */ jsx("div", { className: styles.RichTextBlock.anchor.field(), children: /* @__PURE__ */ jsx(
+            SlugField,
+            {
+              fieldValue: anchor,
+              label: "Anchor",
+              isDisabled: readOnly,
+              onChange: updateAnchor,
+              source: customLabel
+            }
+          ) }),
+          link && /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(
-              Button,
+              TooltipTrigger,
               {
                 variant: "ghost",
-                "aria-label": `Remove ${label}`,
-                icon: IcRoundClose,
-                disabled: readOnly,
-                onClick: onDelete,
-                size: "icon-sm"
+                size: "icon",
+                icon: IcRoundLink,
+                "aria-label": "Copy link to block",
+                onClick: () => navigator.clipboard.writeText(link)
               }
-            )
+            ),
+            /* @__PURE__ */ jsx(TooltipContent, { children: "Copy link to block" })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx(SortableListItemContent, { "data-richtext-block-editor": "true", children: readOnly ? /* @__PURE__ */ jsx(ReadOnlyBlockEditor, { node, type }) : /* @__PURE__ */ jsx(NodeEditor, { node, type }) })
-      ] })
-    }
-  );
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(SheetFooter, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: IcBaselineContentCopy,
+          disabled: readOnly,
+          onClick: () => {
+            onDuplicate();
+            sheet.setOpen(false);
+          },
+          children: "Duplicate"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(SheetFooter, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          color: "destructive",
+          icon: IcRoundDelete,
+          disabled: readOnly,
+          onClick: onDelete,
+          children: "Delete"
+        }
+      ) })
+    ] }) })
+  ] });
 });
 function ReadOnlyBlockEditor({ node, type }) {
   const value = useAtomValueRaw(node.value);

package/dist/field/richtext/RichTextBlockHost.js

@@ -34,7 +34,7 @@ var RichTextBlockHosts = class {
         },
         stopEvent(event) {
           const target = event.target;
-          const dragHandle = target instanceof Element && target.closest("[data-richtext-drag-handle]");
+          const dragHandle = target instanceof Element && target.closest("[data-richtext-drag-handle]") && !target.closest('button, a, input, [role="button"]');
           if (event.type.startsWith("drag") || event.type === "drop")
             return false;
           return !dragHandle;

package/dist/field/richtext/RichTextExtensions.js

@@ -1,3 +1,8 @@
+import {
+  Dropcursor,
+  Gapcursor,
+  UndoRedo
+} from "../../chunks/chunk-AC5ATYI3.js";
 import {
   CellSelection,
   addColumnAfter,
@@ -18,11 +23,6 @@ import {
   toggleHeader,
   toggleHeaderCell
 } from "../../chunks/chunk-PAYSVIYI.js";
-import {
-  Dropcursor,
-  Gapcursor,
-  UndoRedo
-} from "../../chunks/chunk-AC5ATYI3.js";
 import {
   Extension,
   Fragment,
@@ -2970,46 +2970,46 @@ import Small from "./extensions/Small.js";
 
 // src/field/richtext/RichTextExtensions.module.css
 var RichTextExtensions_default = {
-  "RichTextExtensions-heading": "alinea-RichTextExtensions-heading",
-  "RichTextExtensionsHeading": "alinea-RichTextExtensions-heading",
-  "RichTextExtensions-blockquote": "alinea-RichTextExtensions-blockquote",
-  "RichTextExtensionsBlockquote": "alinea-RichTextExtensions-blockquote",
-  "RichTextExtensions-tableCell": "alinea-RichTextExtensions-tableCell",
-  "RichTextExtensionsTableCell": "alinea-RichTextExtensions-tableCell",
-  "RichTextExtensions-paragraph": "alinea-RichTextExtensions-paragraph",
-  "RichTextExtensionsParagraph": "alinea-RichTextExtensions-paragraph",
   "RichTextExtensions-bulletList": "alinea-RichTextExtensions-bulletList",
   "RichTextExtensionsBulletList": "alinea-RichTextExtensions-bulletList",
+  "RichTextExtensions-image": "alinea-RichTextExtensions-image",
+  "RichTextExtensionsImage": "alinea-RichTextExtensions-image",
+  "is-level6": "alinea-is-level6",
+  "isLevel6": "alinea-is-level6",
+  "is-level2": "alinea-is-level2",
+  "isLevel2": "alinea-is-level2",
   "is-level3": "alinea-is-level3",
   "isLevel3": "alinea-is-level3",
-  "is-level1": "alinea-is-level1",
-  "isLevel1": "alinea-is-level1",
   "RichTextExtensions-link": "alinea-RichTextExtensions-link",
   "RichTextExtensionsLink": "alinea-RichTextExtensions-link",
-  "RichTextExtensions-table": "alinea-RichTextExtensions-table",
-  "RichTextExtensionsTable": "alinea-RichTextExtensions-table",
-  "is-level6": "alinea-is-level6",
-  "isLevel6": "alinea-is-level6",
+  "RichTextExtensions-blockquote": "alinea-RichTextExtensions-blockquote",
+  "RichTextExtensionsBlockquote": "alinea-RichTextExtensions-blockquote",
   "is-level4": "alinea-is-level4",
   "isLevel4": "alinea-is-level4",
-  "RichTextExtensions-orderedList": "alinea-RichTextExtensions-orderedList",
-  "RichTextExtensionsOrderedList": "alinea-RichTextExtensions-orderedList",
-  "RichTextExtensions-tableHeader": "alinea-RichTextExtensions-tableHeader",
-  "RichTextExtensionsTableHeader": "alinea-RichTextExtensions-tableHeader",
-  "RichTextExtensions-highlight": "alinea-RichTextExtensions-highlight",
-  "RichTextExtensionsHighlight": "alinea-RichTextExtensions-highlight",
-  "is-level2": "alinea-is-level2",
-  "isLevel2": "alinea-is-level2",
   "RichTextExtensions-rule": "alinea-RichTextExtensions-rule",
   "RichTextExtensionsRule": "alinea-RichTextExtensions-rule",
+  "is-level5": "alinea-is-level5",
+  "isLevel5": "alinea-is-level5",
+  "RichTextExtensions-orderedList": "alinea-RichTextExtensions-orderedList",
+  "RichTextExtensionsOrderedList": "alinea-RichTextExtensions-orderedList",
+  "is-level1": "alinea-is-level1",
+  "isLevel1": "alinea-is-level1",
+  "RichTextExtensions-tableCell": "alinea-RichTextExtensions-tableCell",
+  "RichTextExtensionsTableCell": "alinea-RichTextExtensions-tableCell",
+  "RichTextExtensions-table": "alinea-RichTextExtensions-table",
+  "RichTextExtensionsTable": "alinea-RichTextExtensions-table",
+  "RichTextExtensions-heading": "alinea-RichTextExtensions-heading",
+  "RichTextExtensionsHeading": "alinea-RichTextExtensions-heading",
   "RichTextExtensions-listItem": "alinea-RichTextExtensions-listItem",
   "RichTextExtensionsListItem": "alinea-RichTextExtensions-listItem",
   "RichTextExtensions-anchor": "alinea-RichTextExtensions-anchor",
   "RichTextExtensionsAnchor": "alinea-RichTextExtensions-anchor",
-  "RichTextExtensions-image": "alinea-RichTextExtensions-image",
-  "RichTextExtensionsImage": "alinea-RichTextExtensions-image",
-  "is-level5": "alinea-is-level5",
-  "isLevel5": "alinea-is-level5"
+  "RichTextExtensions-paragraph": "alinea-RichTextExtensions-paragraph",
+  "RichTextExtensionsParagraph": "alinea-RichTextExtensions-paragraph",
+  "RichTextExtensions-tableHeader": "alinea-RichTextExtensions-tableHeader",
+  "RichTextExtensionsTableHeader": "alinea-RichTextExtensions-tableHeader",
+  "RichTextExtensions-highlight": "alinea-RichTextExtensions-highlight",
+  "RichTextExtensionsHighlight": "alinea-RichTextExtensions-highlight"
 };
 
 // src/field/richtext/RichTextExtensions.ts

package/dist/field/richtext/RichTextField.view.js

@@ -1,10 +1,10 @@
+import {
+  Placeholder
+} from "../../chunks/chunk-AC5ATYI3.js";
 import {
   EditorContent,
   useEditor
 } from "../../chunks/chunk-NP4M2257.js";
-import {
-  Placeholder
-} from "../../chunks/chunk-AC5ATYI3.js";
 import "../../chunks/chunk-A3XXZBOQ.js";
 import {
   useAtomValueRaw,
@@ -68,12 +68,12 @@ import {
 
 // src/field/richtext/RichTextField.module.css
 var RichTextField_default = {
-  "RichTextFieldView": "alinea-RichTextFieldView",
-  "RichTextFieldView-unsupportedBlock": "alinea-RichTextFieldView-unsupportedBlock",
-  "RichTextFieldViewUnsupportedBlock": "alinea-RichTextFieldView-unsupportedBlock",
+  "RichTextFieldCompactView": "alinea-RichTextFieldCompactView",
   "RichTextFieldView-empty": "alinea-RichTextFieldView-empty",
   "RichTextFieldViewEmpty": "alinea-RichTextFieldView-empty",
-  "RichTextFieldCompactView": "alinea-RichTextFieldCompactView"
+  "RichTextFieldView": "alinea-RichTextFieldView",
+  "RichTextFieldView-unsupportedBlock": "alinea-RichTextFieldView-unsupportedBlock",
+  "RichTextFieldViewUnsupportedBlock": "alinea-RichTextFieldView-unsupportedBlock"
 };
 
 // src/field/richtext/RichTextField.view.tsx
@@ -362,6 +362,11 @@ function RichTextBlockPortals({
     if (typeof position !== "number") return;
     editor.commands.deleteRange({ from: position, to: position + 1 });
   }
+  function select(host) {
+    const position = host.getPos();
+    if (typeof position !== "number") return;
+    editor.commands.setNodeSelection(position);
+  }
   function duplicate(host, part) {
     const position = host.getPos();
     if (typeof position !== "number") return;
@@ -391,7 +396,8 @@ function RichTextBlockPortals({
             type,
             readOnly,
             onDelete: () => remove(host),
-            onDuplicate: () => duplicate(host, part)
+            onDuplicate: () => duplicate(host, part),
+            onDragStart: () => select(host)
           }
         )
       ] }),