@ixo/editor 3.0.0-beta.15 → 3.0.0-beta.16

package/dist/{capabilityValidation-Bnn8B_8a.d.ts → capabilityValidation-D42n_q1t.d.ts}

@@ -1,4 +1,4 @@
-import { r as FlowNode, F as FlowNodeAuthzExtension, p as FlowNodeRuntimeState, J as IxoEditorType, S as SignedCapability, B as CreateRootDelegationParams, t as StoredDelegation, G as CreateDelegationParams, H as CreateInvocationParams, w as InvocationResult, x as ExecutionWithInvocationResult, s as UcanCapability, y as DelegationChainValidationResult, z as FindProofsResult, M as MigrationReport, U as UcanDelegationStore, l as InvocationStore, E as EvaluationStatus, C as Capability, a as CapabilityValidationResult } from './index-tyLe-Ge8.mjs';
+import { r as FlowNode, F as FlowNodeAuthzExtension, p as FlowNodeRuntimeState, J as IxoEditorType, S as SignedCapability, B as CreateRootDelegationParams, t as StoredDelegation, G as CreateDelegationParams, H as CreateInvocationParams, w as InvocationResult, x as ExecutionWithInvocationResult, s as UcanCapability, y as DelegationChainValidationResult, z as FindProofsResult, M as MigrationReport, U as UcanDelegationStore, l as InvocationStore, E as EvaluationStatus, C as Capability, a as CapabilityValidationResult } from './index-C5pBDzcw.mjs';
 import { Delegation } from '@ixo/ucan';
 import { Doc, Map } from 'yjs';
 

package/dist/{chunk-XSMXAAJC.mjs → chunk-5GSAEIOW.mjs}

@@ -29843,13 +29843,19 @@ var MatrixMetadataManager = class {
     }
     try {
       const promises = [];
-      if ("cover" in metadata) {
+      if ("cover" in metadata || "coverPosition" in metadata) {
+        const room = this.matrixClient.getRoom(this.roomId);
+        const existingEvent = room?.currentState.getStateEvents(COVER_IMAGE_EVENT_TYPE, "");
+        const existingContent = existingEvent ? existingEvent.getContent() : {};
+        const content = {
+          url: "cover" in metadata ? metadata.cover || null : existingContent.url ?? null,
+          position: "coverPosition" in metadata ? metadata.coverPosition ?? null : existingContent.position ?? null
+        };
         promises.push(
           this.matrixClient.sendStateEvent(
             this.roomId,
             COVER_IMAGE_EVENT_TYPE,
-            { url: metadata.cover || null },
-            // Wrap in object - null means removed
+            content,
             ""
             // Empty state key
           )
@@ -29892,6 +29898,7 @@ var MatrixMetadataManager = class {
       );
       const coverContent = coverEvent ? coverEvent.getContent() : null;
       const coverUrl = coverContent?.url || null;
+      const coverPos = coverContent?.position ?? null;
       const iconEvent = room.currentState.getStateEvents(
         COVER_ICON_EVENT_TYPE,
         ""
@@ -29904,7 +29911,8 @@ var MatrixMetadataManager = class {
       }
       return {
         cover: coverUrl || void 0,
-        icon: iconUrl || void 0
+        icon: iconUrl || void 0,
+        coverPosition: coverPos ?? void 0
       };
     } catch (error) {
       console.error("Failed to get page metadata:", error);
@@ -30829,7 +30837,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
   const { editor, handlers, editable } = useBlocknoteContext();
   const [isHovering, setIsHovering] = useState127(false);
   const [isRepositioning, setIsRepositioning] = useState127(false);
-  const [coverPosition, setCoverPosition] = useState127(50);
+  const [coverPosition, setCoverPosition] = useState127(() => editor?.getPageMetadata?.()?.coverPosition ?? 50);
   const coverFileInputRef = useRef27(null);
   const logoFileInputRef = useRef27(null);
   const [opened, { open, close }] = useDisclosure7(false);
@@ -30842,8 +30850,14 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     }
     const initialMetadata = editor._metadataManager.getMetadata();
     setMetadata(initialMetadata);
+    if (initialMetadata?.coverPosition != null) {
+      setCoverPosition(initialMetadata.coverPosition);
+    }
     const unsubscribe = editor._metadataManager.subscribe((newMetadata) => {
       setMetadata(newMetadata);
+      if (newMetadata.coverPosition != null) {
+        setCoverPosition(newMetadata.coverPosition);
+      }
     });
     return unsubscribe;
   }, [editor]);
@@ -30911,7 +30925,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
     if (!isRepositioning) return;
     const rect = e.currentTarget.getBoundingClientRect();
     const y = e.clientY - rect.top;
-    const percentage = y / rect.height * 100;
+    const percentage = Math.round(y / rect.height * 100);
     setCoverPosition(Math.max(0, Math.min(100, percentage)));
   };
   if (!editable && !hasCover && !hasLogo) {
@@ -31016,12 +31030,20 @@ function CoverImage({ coverImageUrl, logoUrl }) {
       onMouseEnter: () => editable && setIsHovering(true),
       onMouseLeave: () => {
         if (editable) {
+          if (isRepositioning) {
+            editor?.setPageMetadata?.({ coverPosition });
+          }
           setIsHovering(false);
           setIsRepositioning(false);
         }
       },
       onMouseMove: handleMouseMove,
-      onClick: () => isRepositioning && setIsRepositioning(false)
+      onClick: () => {
+        if (isRepositioning) {
+          setIsRepositioning(false);
+          editor?.setPageMetadata?.({ coverPosition });
+        }
+      }
     },
     /* @__PURE__ */ React281.createElement(
       "img",
@@ -31053,11 +31075,23 @@ function CoverImage({ coverImageUrl, logoUrl }) {
         }
       },
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: () => coverFileInputRef.current?.click() }, "Change cover"),
-      /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: () => setIsRepositioning(!isRepositioning), isActive: isRepositioning }, isRepositioning ? "Done" : "Reposition"),
+      /* @__PURE__ */ React281.createElement(
+        CoverImageButton,
+        {
+          onClick: () => {
+            if (isRepositioning) {
+              editor?.setPageMetadata?.({ coverPosition });
+            }
+            setIsRepositioning(!isRepositioning);
+          },
+          isActive: isRepositioning
+        },
+        isRepositioning ? "Done" : "Reposition"
+      ),
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: handleRemoveCover }, "Remove"),
       /* @__PURE__ */ React281.createElement(CoverImageButton, { onClick: openSettings }, "Settings")
     ),
-    /* @__PURE__ */ React281.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: -40, right: 0, height: "70px" } }, /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React281.createElement("div", { style: { maxWidth: "900px", margin: "0 auto", position: "absolute", bottom: 0, left: 0, right: 0, height: "70px" } }, /* @__PURE__ */ React281.createElement(
       Box58,
       {
         style: {
@@ -31069,7 +31103,7 @@ function CoverImage({ coverImageUrl, logoUrl }) {
           zIndex: 11
         }
       },
-      logoSrc && /* @__PURE__ */ React281.createElement(PageIcon, { src: logoSrc, iconSize: 64 }),
+      logoSrc && /* @__PURE__ */ React281.createElement(PageIcon, { src: logoSrc, useCenter: true, iconSize: 64 }),
       editable && isHovering && /* @__PURE__ */ React281.createElement(React281.Fragment, null, logoSrc ? /* @__PURE__ */ React281.createElement(
         Group104,
         {
@@ -32332,4 +32366,4 @@ export {
   getExtraSlashMenuItems,
   useCreateIxoEditor
 };
-//# sourceMappingURL=chunk-XSMXAAJC.mjs.map
+//# sourceMappingURL=chunk-5GSAEIOW.mjs.map