@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/modules/editor/components/Toolbar/TableToolbar.js

@@ -1 +1,89 @@
-import SvgIconMergeCells from"../../../icons/components/IconMergeCells.js";import SvgIconSplitCells from"../../../icons/components/IconSplitCells.js";import Toolbar from"../../../../components/Toolbar/Toolbar.js";import{TableToolbarAddMenu}from"./TableToolbar.AddMenu.js";import{TableToolbarCellColor}from"./TableToolbar.CellColor.js";import{TableToolbarDelMenu}from"./TableToolbar.DelMenu.js";import{useEffect,useMemo,useState}from"react";import{Fragment as Fragment$1,jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{FloatingMenu,findParentNodeClosestToPos}from"@tiptap/react";var TableToolbar=({editor})=>{let{t}=useTranslation(),[isSpan,setSpan]=useState(void 0),tippyOptions=useMemo(()=>{function adjustRect(rect){let yOffset=0;if(window.visualViewport){let bottomScreen=window.innerHeight||document.documentElement.clientHeight;rect.bottom>=bottomScreen&&(yOffset+=rect.bottom-bottomScreen-rect.height)}return new DOMRect(rect.x,rect.y-yOffset,rect.width,rect.height)}return{placement:`bottom`,offset:[0,0],zIndex:999,getReferenceClientRect:()=>{let parentDiv=editor?.isActive(`table`)?findParentNodeClosestToPos(editor.state.selection.$anchor,node=>node.type.name===`table`):null;if(parentDiv){let parentDomNode=editor?.view.nodeDOM(parentDiv.pos),tableDomNode=parentDomNode?.querySelector(`table`)||parentDomNode;if(tableDomNode)return adjustRect(tableDomNode.getBoundingClientRect())}return new DOMRect(0,0,100,100)}}},[editor]);return useEffect(()=>{let cellAttr=editor?.getAttributes(`tableCell`),headAttr=editor?.getAttributes(`tableHeader`);if(cellAttr!==void 0||headAttr!==void 0){let newSpan=cellAttr?.colspan>1||cellAttr?.rowspan>1||headAttr?.colspan>1||headAttr?.rowspan>1;newSpan!==isSpan&&setSpan(newSpan)}else isSpan&&setSpan(void 0)},[editor,editor?.state,isSpan]),jsx(Fragment$1,{children:editor&&jsx(FloatingMenu,{editor,tippyOptions,shouldShow:()=>editor?.isEditable&&editor.isActive(`table`)||!1,children:jsx(Toolbar,{className:`p-4`,items:[{type:`dropdown`,name:`bkg-col`,props:{children:(_triggerProps,itemRefs)=>jsx(TableToolbarCellColor,{editor,itemRefs})}},{type:`icon`,name:`mergeorsplit`,props:{icon:jsx(isSpan?SvgIconSplitCells:SvgIconMergeCells,{}),"aria-label":t(isSpan?`tiptap.table.toolbar.split`:`tiptap.table.toolbar.merge`),onClick:()=>editor?.chain().focus().mergeOrSplit().run()},tooltip:t(isSpan?`tiptap.table.toolbar.split`:`tiptap.table.toolbar.merge`)},{type:`divider`,name:`add-d0`},{type:`dropdown`,name:`add`,props:{children:()=>jsx(TableToolbarAddMenu,{editor})}},{type:`divider`,name:`add-d1`},{type:`dropdown`,name:`del`,props:{children:()=>jsx(TableToolbarDelMenu,{editor})}}]})})})};export{TableToolbar as default};
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { findParentNodeClosestToPos, FloatingMenu } from "@tiptap/react";
+import { useTranslation } from "react-i18next";
+import SvgIconMergeCells from "../../../icons/components/IconMergeCells.js";
+import SvgIconSplitCells from "../../../icons/components/IconSplitCells.js";
+import { TableToolbarAddMenu } from "./TableToolbar.AddMenu.js";
+import { TableToolbarCellColor } from "./TableToolbar.CellColor.js";
+import { TableToolbarDelMenu } from "./TableToolbar.DelMenu.js";
+import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
+const TableToolbar = ({
+  editor
+}) => {
+  const {
+    t
+  } = useTranslation(), [isSpan, setSpan] = useState(void 0), tippyOptions = useMemo(() => {
+    function adjustRect(rect) {
+      let yOffset = 0;
+      if (window.visualViewport) {
+        const bottomScreen = window.innerHeight || document.documentElement.clientHeight;
+        rect.bottom >= bottomScreen && (yOffset += rect.bottom - bottomScreen - rect.height);
+      }
+      return new DOMRect(rect.x, rect.y - yOffset, rect.width, rect.height);
+    }
+    return {
+      placement: "bottom",
+      offset: [0, 0],
+      zIndex: 999,
+      // popperOptions: {modifiers: [ /*see popper v2 modifiers*/ ]},
+      // Try to get the bounding rect of the table.
+      getReferenceClientRect: () => {
+        const parentDiv = editor != null && editor.isActive("table") ? findParentNodeClosestToPos(editor.state.selection.$anchor, (node) => node.type.name === "table") : null;
+        if (parentDiv) {
+          const parentDomNode = editor == null ? void 0 : editor.view.nodeDOM(parentDiv.pos), tableDomNode = (parentDomNode == null ? void 0 : parentDomNode.querySelector("table")) || parentDomNode;
+          if (tableDomNode)
+            return adjustRect(tableDomNode.getBoundingClientRect());
+        }
+        return new DOMRect(0, 0, 100, 100);
+      }
+    };
+  }, [editor]);
+  return useEffect(() => {
+    const cellAttr = editor == null ? void 0 : editor.getAttributes("tableCell"), headAttr = editor == null ? void 0 : editor.getAttributes("tableHeader");
+    if (typeof cellAttr < "u" || typeof headAttr < "u") {
+      const newSpan = (cellAttr == null ? void 0 : cellAttr.colspan) > 1 || (cellAttr == null ? void 0 : cellAttr.rowspan) > 1 || (headAttr == null ? void 0 : headAttr.colspan) > 1 || (headAttr == null ? void 0 : headAttr.rowspan) > 1;
+      newSpan !== isSpan && setSpan(newSpan);
+    } else
+      isSpan && setSpan(void 0);
+  }, [editor, editor == null ? void 0 : editor.state, isSpan]), /* @__PURE__ */ jsx(Fragment, { children: editor && /* @__PURE__ */ jsx(FloatingMenu, { editor, tippyOptions, shouldShow: () => (editor == null ? void 0 : editor.isEditable) && editor.isActive("table") || !1, children: /* @__PURE__ */ jsx(Toolbar, { className: "p-4", items: [{
+    type: "dropdown",
+    name: "bkg-col",
+    // isEnable:
+    //   typeof editor?.getAttributes("tableCell") !== "undefined",
+    props: {
+      children: (_triggerProps, itemRefs) => /* @__PURE__ */ jsx(TableToolbarCellColor, { editor, itemRefs })
+    }
+  }, {
+    type: "icon",
+    name: "mergeorsplit",
+    // isEnable: typeof isSpan !== "undefined",
+    props: {
+      icon: isSpan ? /* @__PURE__ */ jsx(SvgIconSplitCells, {}) : /* @__PURE__ */ jsx(SvgIconMergeCells, {}),
+      "aria-label": t(isSpan ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge"),
+      onClick: () => editor == null ? void 0 : editor.chain().focus().mergeOrSplit().run()
+    },
+    tooltip: t(isSpan ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge")
+  }, {
+    type: "divider",
+    name: "add-d0"
+  }, {
+    type: "dropdown",
+    name: "add",
+    props: {
+      children: () => /* @__PURE__ */ jsx(TableToolbarAddMenu, { editor })
+    }
+  }, {
+    type: "divider",
+    name: "add-d1"
+  }, {
+    type: "dropdown",
+    name: "del",
+    props: {
+      children: () => /* @__PURE__ */ jsx(TableToolbarDelMenu, { editor })
+    }
+  }] }) }) });
+};
+export {
+  TableToolbar as default
+};

package/dist/modules/editor/hooks/useActionOptions.js

@@ -1 +1,86 @@
-import SvgIconAlignCenter from"../../icons/components/IconAlignCenter.js";import SvgIconAlignJustify from"../../icons/components/IconAlignJustify.js";import SvgIconAlignLeft from"../../icons/components/IconAlignLeft.js";import SvgIconAlignRight from"../../icons/components/IconAlignRight.js";import SvgIconBulletList from"../../icons/components/IconBulletList.js";import SvgIconCode from"../../icons/components/IconCode.js";import SvgIconOrderedList from"../../icons/components/IconOrderedList.js";import SvgIconSquareRoot from"../../icons/components/IconSquareRoot.js";import SvgIconSubscript from"../../icons/components/IconSubscript.js";import SvgIconSuperscript from"../../icons/components/IconSuperscript.js";import SvgIconTable from"../../icons/components/IconTable.js";import SvgIconTextVanilla from"../../icons/components/IconTextVanilla.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var useActionOptions=(editor,toggleMathsModal,mediaLibraryRef)=>{let{t}=useTranslation();return[[{icon:jsx(SvgIconTextVanilla,{}),label:t(`tiptap.toolbar.removeFormat`),action:()=>editor?.chain().clearNodes().unsetAllMarks().run()},{type:`divider`},{icon:jsx(SvgIconTable,{}),label:t(`tiptap.toolbar.table`),action:()=>editor?.chain().focus().insertTable({rows:3,cols:3,withHeaderRow:!0}).run()},{type:`divider`},{icon:jsx(SvgIconSuperscript,{}),label:t(`tiptap.toolbar.superscript`),action:()=>editor?.chain().focus().toggleSuperscript().run()},{icon:jsx(SvgIconSubscript,{}),label:t(`tiptap.toolbar.subscript`),action:()=>editor?.chain().focus().toggleSubscript().run()},{icon:jsx(SvgIconSquareRoot,{}),label:t(`tiptap.toolbar.mathjax`),action:()=>{toggleMathsModal()}},{type:`divider`},{icon:jsx(SvgIconCode,{}),label:t(`tiptap.toolbar.embed.iframe`),action:()=>mediaLibraryRef.current?.show(`embedder`)}],[{icon:jsx(SvgIconBulletList,{}),label:t(`tiptap.toolbar.ulist`),action:()=>editor?.chain().focus().toggleBulletList().run()},{icon:jsx(SvgIconOrderedList,{}),label:t(`tiptap.toolbar.olist`),action:()=>editor?.chain().focus().toggleOrderedList().run()}],[{icon:jsx(SvgIconAlignLeft,{}),label:t(`tiptap.toolbar.text.left`),action:()=>editor?.chain().focus().setTextAlign(`left`).run()},{icon:jsx(SvgIconAlignCenter,{}),label:t(`tiptap.toolbar.text.center`),action:()=>editor?.chain().focus().setTextAlign(`center`).run()},{icon:jsx(SvgIconAlignRight,{}),label:t(`tiptap.toolbar.text.right`),action:()=>editor?.chain().focus().setTextAlign(`right`).run()},{icon:jsx(SvgIconAlignJustify,{}),label:t(`tiptap.toolbar.text.justify`),action:()=>editor?.chain().focus().setTextAlign(`justify`).run()}]]};export{useActionOptions};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconAlignCenter from "../../icons/components/IconAlignCenter.js";
+import SvgIconAlignJustify from "../../icons/components/IconAlignJustify.js";
+import SvgIconAlignLeft from "../../icons/components/IconAlignLeft.js";
+import SvgIconAlignRight from "../../icons/components/IconAlignRight.js";
+import SvgIconBulletList from "../../icons/components/IconBulletList.js";
+import SvgIconCode from "../../icons/components/IconCode.js";
+import SvgIconOrderedList from "../../icons/components/IconOrderedList.js";
+import SvgIconSquareRoot from "../../icons/components/IconSquareRoot.js";
+import SvgIconSubscript from "../../icons/components/IconSubscript.js";
+import SvgIconSuperscript from "../../icons/components/IconSuperscript.js";
+import SvgIconTable from "../../icons/components/IconTable.js";
+import SvgIconTextVanilla from "../../icons/components/IconTextVanilla.js";
+const useActionOptions = (editor, toggleMathsModal, mediaLibraryRef) => {
+  const {
+    t
+  } = useTranslation(), options = [{
+    icon: /* @__PURE__ */ jsx(SvgIconTextVanilla, {}),
+    label: t("tiptap.toolbar.removeFormat"),
+    action: () => editor == null ? void 0 : editor.chain().clearNodes().unsetAllMarks().run()
+  }, {
+    type: "divider"
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconTable, {}),
+    label: t("tiptap.toolbar.table"),
+    action: () => editor == null ? void 0 : editor.chain().focus().insertTable({
+      rows: 3,
+      cols: 3,
+      withHeaderRow: !0
+    }).run()
+  }, {
+    type: "divider"
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconSuperscript, {}),
+    label: t("tiptap.toolbar.superscript"),
+    action: () => editor == null ? void 0 : editor.chain().focus().toggleSuperscript().run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconSubscript, {}),
+    label: t("tiptap.toolbar.subscript"),
+    action: () => editor == null ? void 0 : editor.chain().focus().toggleSubscript().run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconSquareRoot, {}),
+    label: t("tiptap.toolbar.mathjax"),
+    action: () => {
+      toggleMathsModal();
+    }
+  }, {
+    type: "divider"
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
+    label: t("tiptap.toolbar.embed.iframe"),
+    action: () => {
+      var _a;
+      return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("embedder");
+    }
+  }], listOptions = [{
+    icon: /* @__PURE__ */ jsx(SvgIconBulletList, {}),
+    label: t("tiptap.toolbar.ulist"),
+    action: () => editor == null ? void 0 : editor.chain().focus().toggleBulletList().run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconOrderedList, {}),
+    label: t("tiptap.toolbar.olist"),
+    action: () => editor == null ? void 0 : editor.chain().focus().toggleOrderedList().run()
+  }], alignmentOptions = [{
+    icon: /* @__PURE__ */ jsx(SvgIconAlignLeft, {}),
+    label: t("tiptap.toolbar.text.left"),
+    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("left").run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconAlignCenter, {}),
+    label: t("tiptap.toolbar.text.center"),
+    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("center").run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconAlignRight, {}),
+    label: t("tiptap.toolbar.text.right"),
+    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("right").run()
+  }, {
+    icon: /* @__PURE__ */ jsx(SvgIconAlignJustify, {}),
+    label: t("tiptap.toolbar.text.justify"),
+    action: () => editor == null ? void 0 : editor.chain().focus().setTextAlign("justify").run()
+  }];
+  return [options, listOptions, alignmentOptions];
+};
+export {
+  useActionOptions
+};

package/dist/modules/editor/hooks/useCantooEditor.js

@@ -1 +1,89 @@
-import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import{useCallback,useState}from"react";import{odeServices}from"@edifice.io/client";var useCantooEditor=(editor,cantooParam)=>{let Cantoo=window.Cantoo,isAvailable=useHasWorkflow(`org.entcore.portal.controllers.PortalController|optionalFeatureCantoo`),[speech2textIsActive,setSpeech2textActive]=useState(!1),[text2speechIsActive,setText2speechActive]=useState(!1),[openPositionAdaptText,setOpenPositionAdaptText]=useState({right:!1,bottom:!1}),speech2textIsAvailable=Cantoo?.speech2text.isAvailableOnDevice()||!1,toggleSpeech2Text=async()=>{if(speech2textIsActive){setSpeech2textActive(!1);try{await Cantoo.speech2text.stop()}catch(e){console.warn(`Error while trying to stop Cantoo (speech2text)`,e)}}else try{if(setSpeech2textActive(!0),speech2textIsAvailable)if(await Cantoo.speech2text.requestPermission())cantooStoreEvent(`CANTOO_EDITEUR_SPEECH_TO_TEXT`),await Cantoo.speech2text.start(data=>{editor?.chain().focus().insertContent(data.join(` `)).run()},window.navigator.language);else throw setSpeech2textActive(!1),Error(`Cantoo speech2text permission denied, please check your browser settings`);else throw setSpeech2textActive(!1),Error(`Cantoo speech2text not available on this device`)}catch(e){console.warn(`Error while trying to use Cantoo (speech2text)`,e),setSpeech2textActive(!1)}},toggleText2Speech=()=>{if(text2speechIsActive)setText2speechActive(!1),window.speechSynthesis.cancel();else try{setText2speechActive(!0),Cantoo.text2speech.readText(editor?.getText()),cantooStoreEvent(`CANTOO_EDITEUR_TEXT_TO_SPEECH`),Cantoo.text2speech.utter.onend=()=>{setText2speechActive(!1)}}catch(e){console.warn(`Error while trying to use Cantoo (text2speech)`,e),setText2speechActive(!1)}},handleCantooAdaptTextPosition=position=>{switch(position){case`right`:openPositionAdaptText.right||cantooStoreEvent(`CANTOO_EDITEUR_ADAPT_TEXT`),setOpenPositionAdaptText(prev=>({bottom:!1,right:!prev.right}));break;case`bottom`:openPositionAdaptText.bottom||cantooStoreEvent(`CANTOO_EDITEUR_ADAPT_TEXT`),setOpenPositionAdaptText(prev=>({right:!1,bottom:!prev.bottom}));break;default:break}},toogleSettings=()=>{if(!Cantoo){console.warn(`Cantoo not available`);return}Cantoo.openCantooWebConfig()},cantooStoreEvent=useCallback(async eventType=>{if(eventType.length>0){let data={"event-type":eventType};try{await odeServices.http().post(`/infra/event/web/store`,data)}catch(e){console.warn(`Error while storing event`,e)}}},[]);return{cantooParam,isAvailable,speech2textIsAvailable,speech2textIsActive,text2speechIsActive,toggleSpeech2Text,toggleText2Speech,toogleSettings,openPositionAdaptText,handleCantooAdaptTextPosition}};export{useCantooEditor};
+import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const useCantooEditor = (editor, cantooParam) => {
+  const Cantoo = window.Cantoo, isAvailable = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo"), [speech2textIsActive, setSpeech2textActive] = useState(!1), [text2speechIsActive, setText2speechActive] = useState(!1), [openPositionAdaptText, setOpenPositionAdaptText] = useState({
+    right: !1,
+    bottom: !1
+  }), speech2textIsAvailable = (Cantoo == null ? void 0 : Cantoo.speech2text.isAvailableOnDevice()) || !1, toggleSpeech2Text = async () => {
+    if (speech2textIsActive) {
+      setSpeech2textActive(!1);
+      try {
+        await Cantoo.speech2text.stop();
+      } catch (e) {
+        console.warn("Error while trying to stop Cantoo (speech2text)", e);
+      }
+    } else
+      try {
+        if (setSpeech2textActive(!0), speech2textIsAvailable)
+          if (await Cantoo.speech2text.requestPermission())
+            cantooStoreEvent("CANTOO_EDITEUR_SPEECH_TO_TEXT"), await Cantoo.speech2text.start((data) => {
+              editor == null || editor.chain().focus().insertContent(data.join(" ")).run();
+            }, window.navigator.language);
+          else
+            throw setSpeech2textActive(!1), new Error("Cantoo speech2text permission denied, please check your browser settings");
+        else
+          throw setSpeech2textActive(!1), new Error("Cantoo speech2text not available on this device");
+      } catch (e) {
+        console.warn("Error while trying to use Cantoo (speech2text)", e), setSpeech2textActive(!1);
+      }
+  }, toggleText2Speech = () => {
+    if (text2speechIsActive)
+      setText2speechActive(!1), window.speechSynthesis.cancel();
+    else
+      try {
+        setText2speechActive(!0), Cantoo.text2speech.readText(editor == null ? void 0 : editor.getText()), cantooStoreEvent("CANTOO_EDITEUR_TEXT_TO_SPEECH"), Cantoo.text2speech.utter.onend = () => {
+          setText2speechActive(!1);
+        };
+      } catch (e) {
+        console.warn("Error while trying to use Cantoo (text2speech)", e), setText2speechActive(!1);
+      }
+  }, handleCantooAdaptTextPosition = (position) => {
+    switch (position) {
+      case "right":
+        openPositionAdaptText.right || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
+          bottom: !1,
+          right: !prev.right
+        }));
+        break;
+      case "bottom":
+        openPositionAdaptText.bottom || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
+          right: !1,
+          bottom: !prev.bottom
+        }));
+        break;
+    }
+  }, toogleSettings = () => {
+    if (!Cantoo) {
+      console.warn("Cantoo not available");
+      return;
+    }
+    Cantoo.openCantooWebConfig();
+  }, cantooStoreEvent = useCallback(async (eventType) => {
+    if (eventType.length > 0) {
+      const data = {
+        "event-type": eventType
+      };
+      try {
+        await odeServices.http().post("/infra/event/web/store", data);
+      } catch (e) {
+        console.warn("Error while storing event", e);
+      }
+    }
+  }, []);
+  return {
+    cantooParam,
+    isAvailable,
+    speech2textIsAvailable,
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text,
+    toggleText2Speech,
+    toogleSettings,
+    openPositionAdaptText,
+    handleCantooAdaptTextPosition
+  };
+};
+export {
+  useCantooEditor
+};

package/dist/modules/editor/hooks/useCommentEditor.js

@@ -1 +1,37 @@
-import{useEffect,useState}from"react";import{useEditor}from"@tiptap/react";import StarterKit from"@tiptap/starter-kit";import{Hyperlink}from"@edifice.io/tiptap-extensions/hyperlink";import CharacterCount from"@tiptap/extension-character-count";var useCommentEditor=(editable,content,maxLength=800)=>{let[commentLength,setCommentLength]=useState(0),editor=useEditor({editable,extensions:[StarterKit,Hyperlink,CharacterCount.configure({limit:maxLength})],content});return useEffect(()=>{editor?.commands.setContent(content)},[content,editor]),useEffect(()=>{editor?.setEditable(editable)},[editable,editor]),useEffect(()=>{function setCounter(){setCommentLength(editor?.storage.characterCount.characters()??0)}return editor?.on(`update`,setCounter),()=>{editor?.off(`update`,setCounter)}},[editor]),{editor,commentLength,getComment:()=>editor?.getHTML(),resetComment:()=>{setCommentLength(0),editor?.commands.setContent(content)}}};export{useCommentEditor};
+import { useState, useEffect } from "react";
+import { Hyperlink } from "@edifice.io/tiptap-extensions/hyperlink";
+import CharacterCount from "@tiptap/extension-character-count";
+import { useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+const useCommentEditor = (editable, content, maxLength = 800) => {
+  const [commentLength, setCommentLength] = useState(0), editor = useEditor({
+    editable,
+    extensions: [StarterKit, Hyperlink, CharacterCount.configure({
+      limit: maxLength
+    })],
+    content
+  });
+  return useEffect(() => {
+    editor == null || editor.commands.setContent(content);
+  }, [content, editor]), useEffect(() => {
+    editor == null || editor.setEditable(editable);
+  }, [editable, editor]), useEffect(() => {
+    function setCounter() {
+      const length = (editor == null ? void 0 : editor.storage.characterCount.characters()) ?? 0;
+      setCommentLength(length);
+    }
+    return editor == null || editor.on("update", setCounter), () => {
+      editor == null || editor.off("update", setCounter);
+    };
+  }, [editor]), {
+    editor,
+    commentLength,
+    getComment: () => editor == null ? void 0 : editor.getHTML(),
+    resetComment: () => {
+      setCommentLength(0), editor == null || editor.commands.setContent(content);
+    }
+  };
+};
+export {
+  useCommentEditor
+};

package/dist/modules/editor/hooks/useEditorContext.js

@@ -1 +1,12 @@
-import{createContext,useContext}from"react";var EditorContext=createContext(null);function useEditorContext(){let context=useContext(EditorContext);if(!context)throw Error(`Editor compound components cannot be rendered outside the Editor component`);return context}export{EditorContext,useEditorContext};
+import { createContext, useContext } from "react";
+const EditorContext = /* @__PURE__ */ createContext(null);
+function useEditorContext() {
+  const context = useContext(EditorContext);
+  if (!context)
+    throw new Error("Editor compound components cannot be rendered outside the Editor component");
+  return context;
+}
+export {
+  EditorContext,
+  useEditorContext
+};

package/dist/modules/editor/hooks/useImageModal.js

@@ -1 +1,46 @@
-import useToggle from"../../../hooks/useToggle/useToggle.js";import useWorkspaceFile from"../../../hooks/useWorkspaceFile/useWorkspaceFile.js";import{useImageSelection}from"./useImageSelection.js";import{useState}from"react";var useImageModal=(editor,application,visibility)=>{let[currentImage,setCurrentImage]=useState(void 0),[isOpen,toggle]=useToggle(!1),{createOrUpdate}=useWorkspaceFile(),{setAttributes,getSelection}=useImageSelection(editor);return{isOpen,currentImage,toggle,handleCancel:()=>{toggle()},handleEdit:()=>{let selected=getSelection()[0];selected&&(setCurrentImage(selected),toggle())},handleSave:async({blob,legend,altText:alt})=>{let res=await createOrUpdate({blob,legend,alt,uri:currentImage?.src,visibility,application});toggle(),setAttributes({url:typeof res==`object`?res.src:res,alt,title:legend})}}};export{useImageModal};
+import { useState } from "react";
+import { useImageSelection } from "./useImageSelection.js";
+import useToggle from "../../../hooks/useToggle/useToggle.js";
+import useWorkspaceFile from "../../../hooks/useWorkspaceFile/useWorkspaceFile.js";
+const useImageModal = (editor, application, visibility) => {
+  const [currentImage, setCurrentImage] = useState(void 0), [isOpen, toggle] = useToggle(!1), {
+    createOrUpdate
+  } = useWorkspaceFile(), {
+    setAttributes,
+    getSelection
+  } = useImageSelection(editor);
+  return {
+    isOpen,
+    currentImage,
+    toggle,
+    handleCancel: () => {
+      toggle();
+    },
+    handleEdit: () => {
+      const selected = getSelection()[0];
+      selected && (setCurrentImage(selected), toggle());
+    },
+    handleSave: async ({
+      blob,
+      legend,
+      altText: alt
+    }) => {
+      const res = await createOrUpdate({
+        blob,
+        legend,
+        alt,
+        uri: currentImage == null ? void 0 : currentImage.src,
+        visibility,
+        application
+      });
+      toggle(), setAttributes({
+        url: typeof res == "object" ? res.src : res,
+        alt,
+        title: legend
+      });
+    }
+  };
+};
+export {
+  useImageModal
+};

package/dist/modules/editor/hooks/useImageSelection.js

@@ -1 +1,46 @@
-import{addTimestampToImageUrl}from"@edifice.io/utilities";function useImageSelection(editor){return{setAttributes:({url,alt,title})=>{editor?.chain().updateAttributes(`custom-image`,{src:addTimestampToImageUrl(url),alt,title}).run()||editor?.chain().updateAttributes(`image`,{src:addTimestampToImageUrl(url),alt,title}).run()},getSelection:()=>{let datas=[];if(!editor)return datas;let{$from,$to}=editor.state.selection;return editor.state.doc.nodesBetween($from.pos,$to.pos,node=>{if(node.isAtom&&(node.type.name===`image`||node.type.name===`custom-image`)){let{src,title,alt}=node.attrs;datas.push({src,title,alt})}}),datas}}}export{useImageSelection};
+import { addTimestampToImageUrl } from "@edifice.io/utilities";
+function useImageSelection(editor) {
+  return {
+    setAttributes: ({
+      url,
+      alt,
+      title
+    }) => {
+      (editor == null ? void 0 : editor.chain().updateAttributes("custom-image", {
+        src: addTimestampToImageUrl(url),
+        alt,
+        title
+      }).run()) || editor == null || editor.chain().updateAttributes("image", {
+        src: addTimestampToImageUrl(url),
+        alt,
+        title
+      }).run();
+    },
+    getSelection: () => {
+      const datas = [];
+      if (!editor)
+        return datas;
+      const {
+        $from,
+        $to
+      } = editor.state.selection;
+      return editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {
+        if (node.isAtom && (node.type.name === "image" || node.type.name === "custom-image")) {
+          const {
+            src,
+            title,
+            alt
+          } = node.attrs;
+          datas.push({
+            src,
+            title,
+            alt
+          });
+        }
+      }), datas;
+    }
+  };
+}
+export {
+  useImageSelection
+};

package/dist/modules/editor/hooks/useLinkToolbar.js

@@ -1 +1,37 @@
-import{useCallback}from"react";var useLinkToolbar=(editor,mediaLibraryRef)=>({onEdit:useCallback(attrs=>{editor?.isActive(`hyperlink`)&&editor.commands.extendMarkRange(`hyperlink`);let attrsLinker=attrs;if(attrsLinker[`data-id`]||attrsLinker[`data-app-prefix`])mediaLibraryRef.current?.showLink({target:attrs.target,resourceId:attrsLinker[`data-id`],appPrefix:attrsLinker[`data-app-prefix`]});else{let{href,target}=attrs;mediaLibraryRef.current?.showLink({link:{url:href||``,target:target||void 0,text:editor?.state.selection.empty?``:editor?.state.selection.content().content.child(0).textContent}})}},[editor,mediaLibraryRef]),onOpen:attrs=>{window.open(attrs.href||`about:blank`,`_blank`)},onUnlink:()=>{editor?.commands.unsetLinker?.(),editor?.commands.unsetLink?.()}});export{useLinkToolbar};
+import { useCallback } from "react";
+const useLinkToolbar = (editor, mediaLibraryRef) => ({
+  onEdit: useCallback((attrs) => {
+    var _a, _b;
+    editor != null && editor.isActive("hyperlink") && editor.commands.extendMarkRange("hyperlink");
+    const attrsLinker = attrs;
+    if (attrsLinker["data-id"] || attrsLinker["data-app-prefix"])
+      (_a = mediaLibraryRef.current) == null || _a.showLink({
+        target: attrs.target,
+        resourceId: attrsLinker["data-id"],
+        appPrefix: attrsLinker["data-app-prefix"]
+      });
+    else {
+      const {
+        href,
+        target
+      } = attrs;
+      (_b = mediaLibraryRef.current) == null || _b.showLink({
+        link: {
+          url: href || "",
+          target: target || void 0,
+          text: editor != null && editor.state.selection.empty ? "" : editor == null ? void 0 : editor.state.selection.content().content.child(0).textContent
+        }
+      });
+    }
+  }, [editor, mediaLibraryRef]),
+  onOpen: (attrs) => {
+    window.open(attrs.href || "about:blank", "_blank");
+  },
+  onUnlink: () => {
+    var _a, _b, _c, _d;
+    (_b = editor == null ? void 0 : (_a = editor.commands).unsetLinker) == null || _b.call(_a), (_d = editor == null ? void 0 : (_c = editor.commands).unsetLink) == null || _d.call(_c);
+  }
+});
+export {
+  useLinkToolbar
+};

package/dist/modules/editor/hooks/useMathsModal.js

@@ -1 +1,17 @@
-import useToggle from"../../../hooks/useToggle/useToggle.js";var useMathsModal=editor=>{let[isOpen,toggle]=useToggle(!1);return{isOpen,toggle,onCancel:()=>{toggle()},onSuccess:formulaEditor=>{editor?.commands.insertContentAt(editor.view.state.selection,formulaEditor),editor?.commands.enter(),toggle()}}};export{useMathsModal};
+import useToggle from "../../../hooks/useToggle/useToggle.js";
+const useMathsModal = (editor) => {
+  const [isOpen, toggle] = useToggle(!1);
+  return {
+    isOpen,
+    toggle,
+    onCancel: () => {
+      toggle();
+    },
+    onSuccess: (formulaEditor) => {
+      editor == null || editor.commands.insertContentAt(editor.view.state.selection, formulaEditor), editor == null || editor.commands.enter(), toggle();
+    }
+  };
+};
+export {
+  useMathsModal
+};

package/dist/modules/editor/hooks/useMathsStyles.js

@@ -1 +1,20 @@
-import{useEffect}from"react";var useMathsStyles=()=>{useEffect(()=>{let katexURL=`https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css`,hasKatexLink=!1,links=document.head.getElementsByTagName(`link`);for(let link of links)if(link.href===katexURL){hasKatexLink=!0;return}if(!hasKatexLink){let link=document.createElement(`link`);link.href=katexURL,link.rel=`stylesheet`,link.type=`text/css`,document.links,document.head.appendChild(link)}},[])};export{useMathsStyles};
+import { useEffect } from "react";
+const useMathsStyles = () => {
+  useEffect(() => {
+    const katexURL = "https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css";
+    let hasKatexLink = !1;
+    const links = document.head.getElementsByTagName("link");
+    for (const link of links)
+      if (link.href === katexURL) {
+        hasKatexLink = !0;
+        return;
+      }
+    if (!hasKatexLink) {
+      const link = document.createElement("link");
+      link.href = katexURL, link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link);
+    }
+  }, []);
+};
+export {
+  useMathsStyles
+};