@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

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

@@ -1,152 +1,153 @@
-import { useCallback, useRef } from "react";
-import useWorkspaceFile from "../../../core/useWorkspaceFile/useWorkspaceFile.js";
-import { addTimestampToImageUrl } from "../../../utils/addTimestampToUrl.js";
-const useMediaLibraryEditor = (editor) => {
+import { useCallback as g, useRef as k } from "react";
+import o from "../../../core/useWorkspaceFile/useWorkspaceFile.js";
+import { addTimestampToImageUrl as v } from "../../../utils/addTimestampToUrl.js";
+const L = (n) => {
   const {
-    remove
-  } = useWorkspaceFile(), appendResult = useCallback((type, result) => {
-    if (!(!type || !editor))
-      switch (type) {
+    remove: p
+  } = o(), y = g((l, e) => {
+    if (!(!l || !n))
+      switch (l) {
         case "image": {
-          const images = result, imagesSize = images.length - 1;
-          images.forEach((image, index) => {
-            const url = `/workspace/${image.public ? "pub/" : ""}document/${image._id}`;
-            editor == null || editor.chain().focus().setNewImage({
+          const s = e, a = s.length - 1;
+          s.forEach((c, t) => {
+            const m = `/workspace/${c.public ? "pub/" : ""}document/${c._id}`;
+            n == null || n.chain().focus().setNewImage({
               /**
                * WB-3053: addTimestampToImageUrl to update correctly image in tiptap-image-extension
                */
-              src: addTimestampToImageUrl(url),
-              alt: image.alt,
-              title: image.title
-            }).run(), index < imagesSize && (editor == null || editor.commands.setTextSelection(editor.state.selection.to));
+              src: v(m),
+              alt: c.alt,
+              title: c.title
+            }).run(), t < a && (n == null || n.commands.setTextSelection(n.state.selection.to));
           });
           break;
         }
         case "audio": {
-          const sounds = Array.isArray(result) ? result : [result], {
-            from
-          } = editor.state.selection;
-          sounds.reverse().forEach((sound) => {
-            editor == null || editor.commands.setAudio(sound._id || "", `/workspace/${sound.public ? "pub/" : ""}document/${sound._id}`), editor == null || editor.commands.setTextSelection(from);
+          const s = Array.isArray(e) ? e : [e], {
+            from: a
+          } = n.state.selection;
+          s.reverse().forEach((c) => {
+            n == null || n.commands.setAudio(c._id || "", `/workspace/${c.public ? "pub/" : ""}document/${c._id}`), n == null || n.commands.setTextSelection(a);
           });
           break;
         }
         case "video": {
-          if (typeof result == "string")
-            editor == null || editor.commands.insertContentAt(editor.view.state.selection, result);
+          if (typeof e == "string")
+            n == null || n.commands.insertContentAt(n.view.state.selection, e);
           else {
-            const videos = result, {
-              from
-            } = editor.state.selection;
-            videos.reverse().forEach((video) => {
-              editor == null || editor.commands.setVideo(video._id || "", `/workspace/${video.public ? "pub/" : ""}document/${video._id}`, !0), editor == null || editor.commands.setTextSelection(from);
+            const s = e, {
+              from: a
+            } = n.state.selection;
+            s.reverse().forEach((c) => {
+              n == null || n.commands.setVideo(c._id || "", `/workspace/${c.public ? "pub/" : ""}document/${c._id}`, !0), n == null || n.commands.setTextSelection(a);
             });
           }
           break;
         }
         case "attachment": {
-          let innerHtml = "";
-          for (let i = 0; i < result.length; i++) {
-            const link = result[i];
-            innerHtml += `<a href="/workspace/${link.public ? "pub/" : ""}document/${link._id}">${link.name}
+          let s = "";
+          for (let c = 0; c < e.length; c++) {
+            const t = e[c];
+            s += `<a href="/workspace/${t.public ? "pub/" : ""}document/${t._id}">${t.name}
             </a>`;
           }
-          const richContent = `<div class="attachments">
-            ${innerHtml}
+          const a = `<div class="attachments">
+            ${s}
           </div>`;
-          editor == null || editor.commands.insertContentAt(editor.view.state.selection, richContent), editor == null || editor.commands.enter();
+          n == null || n.commands.insertContentAt(n.view.state.selection, a), n == null || n.commands.enter();
           break;
         }
         case "hyperlink": {
-          const resourceTabResult = result;
-          if (editor != null && editor.isActive("linker") && editor.commands.unsetLinker(), editor != null && editor.isActive("hyperlink") && editor.commands.toggleMark("hyperlink"), editor == null || editor.commands.focus(), editor.state.selection.empty && Array.isArray(resourceTabResult.resources))
-            resourceTabResult.resources.forEach((link) => {
-              editor == null || editor.commands.setLinker({
-                href: link.path,
-                "data-app-prefix": link.application,
-                "data-id": link.assetId,
-                target: resourceTabResult.target ?? null,
-                title: link.name
-              }), resourceTabResult && resourceTabResult.resources && resourceTabResult.resources.length > 1 && editor.commands.enter();
+          const s = e;
+          if (n != null && n.isActive("linker") && n.commands.unsetLinker(), n != null && n.isActive("hyperlink") && n.commands.toggleMark("hyperlink"), n == null || n.commands.focus(), n.state.selection.empty && Array.isArray(s.resources))
+            s.resources.forEach((a) => {
+              n == null || n.commands.setLinker({
+                href: a.path,
+                "data-app-prefix": a.application,
+                "data-id": a.assetId,
+                target: s.target ?? null,
+                title: a.name
+              }), s && s.resources && s.resources.length > 1 && n.commands.enter();
             });
           else {
-            const insertAndSelectText = (name) => {
-              if (!name) return;
-              const from = editor.state.selection.head, to = from + name.length;
-              editor == null || editor.chain().insertContent(name).setTextSelection({
-                from,
-                to
+            const a = (c) => {
+              if (!c) return;
+              const t = n.state.selection.head, m = t + c.length;
+              n == null || n.chain().insertContent(c).setTextSelection({
+                from: t,
+                to: m
               }).run();
             };
-            if (Array.isArray(resourceTabResult.resources))
-              resourceTabResult.resources.forEach((link) => {
-                var _a;
-                editor.state.selection.empty && insertAndSelectText(link.name), editor == null || editor.commands.setLink({
-                  href: link.path,
-                  target: resourceTabResult.target ?? null
+            if (Array.isArray(s.resources))
+              s.resources.forEach((c) => {
+                var m;
+                n.state.selection.empty && a(c.name), n == null || n.commands.setLink({
+                  href: c.path,
+                  target: s.target ?? null
                 });
-                const newPosition = editor.state.selection.head;
-                editor.commands.setTextSelection({
-                  from: newPosition,
-                  to: newPosition
-                }), resourceTabResult != null && resourceTabResult.resources && ((_a = resourceTabResult == null ? void 0 : resourceTabResult.resources) == null ? void 0 : _a.length) > 1 && editor.commands.enter();
+                const t = n.state.selection.head;
+                n.commands.setTextSelection({
+                  from: t,
+                  to: t
+                }), s != null && s.resources && ((m = s == null ? void 0 : s.resources) == null ? void 0 : m.length) > 1 && n.commands.enter();
               });
             else {
               const {
-                url,
-                target,
-                text
-              } = result;
-              if (editor.state.selection.empty)
-                insertAndSelectText(text);
+                url: c,
+                target: t,
+                text: m
+              } = e;
+              if (n.state.selection.empty)
+                a(m);
               else {
                 const {
-                  selection
-                } = editor.view.state, {
-                  from,
-                  to
-                } = selection;
-                text && selection.content().content.child(0).textContent !== text && editor.chain().focus().insertContentAt({
-                  from,
-                  to
-                }, text).setTextSelection({
-                  from,
-                  to: from + text.length
+                  selection: u
+                } = n.view.state, {
+                  from: h,
+                  to: b
+                } = u;
+                m && u.content().content.child(0).textContent !== m && n.chain().focus().insertContentAt({
+                  from: h,
+                  to: b
+                }, m).setTextSelection({
+                  from: h,
+                  to: h + m.length
                 }).run();
               }
-              editor == null || editor.commands.setLink({
-                href: url,
+              n == null || n.commands.setLink({
+                href: c,
                 title: "",
-                target
+                target: t
               });
             }
           }
           break;
         }
         case "embedder": {
-          editor == null || editor.commands.insertContentAt(editor.view.state.selection, result), editor == null || editor.commands.enter();
+          n == null || n.commands.insertContentAt(n.view.state.selection, e), n == null || n.commands.enter();
           break;
         }
         default:
-          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${type}" n'est pas convertissable pour l'instant !</div>`;
+          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type "${l}" n'est pas convertissable pour l'instant !</div>`;
       }
-  }, [editor]), mediaLibraryRef = useRef(null);
+  }, [n]), f = k(null);
   return {
-    ref: mediaLibraryRef,
-    onCancel: async (uploads) => {
-      var _a, _b;
-      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads), (_b = mediaLibraryRef.current) == null || _b.hide();
+    ref: f,
+    onCancel: async (l) => {
+      var e, s;
+      (e = f.current) != null && e.type && l && l.length > 0 && await p(l), (s = f.current) == null || s.hide();
     },
-    onSuccess: (result) => {
-      var _a, _b;
-      (_a = mediaLibraryRef.current) != null && _a.type && (appendResult(mediaLibraryRef.current.type, result), (_b = mediaLibraryRef.current) == null || _b.hide());
+    onSuccess: (l) => {
+      var e, s;
+      (e = f.current) != null && e.type && (y(f.current.type, l), (s = f.current) == null || s.hide());
     },
-    onTabChange: async (_tab, uploads) => {
-      var _a;
-      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads);
+    onTabChange: async (l, e) => {
+      var s;
+      (s = f.current) != null && s.type && e && e.length > 0 && await p(e);
     }
   };
 };
 export {
-  useMediaLibraryEditor
+  L as useMediaLibraryEditor
 };
+//# sourceMappingURL=useMediaLibraryEditor.js.map

package/dist/modules/editor/hooks/useMediaLibraryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaLibraryEditor.js","sources":["../../../../src/modules/editor/hooks/useMediaLibraryEditor.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport { WorkspaceElement } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\nimport {\n  TabsItemProps,\n  addTimestampToImageUrl,\n  useWorkspaceFile,\n} from '../../..';\nimport {\n  IExternalLink,\n  InternalLinkTabResult,\n  MediaLibraryRef,\n  MediaLibraryResult,\n  MediaLibraryType,\n} from '../../multimedia';\n\n/**\n * Custom hook to manage MediaLibrary events in an editor.\n * @param editor an instance\n * @returns {\n * `ref`: a reference to a MediaLibrary instance,\n * `onCancel`: Cancel event handler,\n * `onSuccess`: Success event handler (adds a formula to the editor content),\n * }\n */\nexport const useMediaLibraryEditor = (editor: Editor | null) => {\n  const { remove } = useWorkspaceFile();\n\n  /**\n   * Convert the result of a successful action in MediaLibrary\n   * - to a call to the editor's dedicated command,\n   * or\n   * - to an HTML fragment of rich content + insert it.\n   *\n   * The inital result  depends on the MediaLibrary type.\n   */\n  const appendResult = useCallback(\n    (type: MediaLibraryType, result: MediaLibraryResult) => {\n      if (!type || !editor) return;\n\n      switch (type) {\n        // Image type => result is of type WorkspaceElement[]\n        case 'image': {\n          const images = result as WorkspaceElement[];\n          const imagesSize = images.length - 1;\n\n          images.forEach((image, index) => {\n            const url = `/workspace/${image.public ? 'pub/' : ''}document/${\n              image._id\n            }`;\n\n            editor\n              ?.chain()\n              .focus()\n              .setNewImage({\n                /**\n                 * WB-3053: addTimestampToImageUrl to update correctly image in tiptap-image-extension\n                 */\n                src: addTimestampToImageUrl(url),\n                alt: image.alt,\n                title: image.title,\n              })\n              .run();\n            // Deselect the image, so that next images are added afterward. Select only the last image.\n            if (index < imagesSize) {\n              editor?.commands.setTextSelection(editor.state.selection.to);\n            }\n          });\n          break;\n        }\n\n        // Audio type => result is of type WorkspaceElement[]\n        case 'audio': {\n          const sounds = Array.isArray(result)\n            ? (result as WorkspaceElement[])\n            : [result];\n          // The setAudio() command does not auto-select the inserted audio.\n          // => reset the cursor position after inserting\n          const { from } = editor.state.selection;\n          sounds.reverse().forEach((sound: WorkspaceElement) => {\n            editor?.commands.setAudio(\n              sound._id || '',\n              `/workspace/${sound.public ? 'pub/' : ''}document/${sound._id}`,\n            );\n            editor?.commands.setTextSelection(from);\n          });\n          break;\n        }\n\n        // Video type => result is of type WorkspaceElement[] or string\n        case 'video': {\n          if (typeof result === 'string') {\n            // This is a video Embedded code (iframe from trusted media provider)\n            editor?.commands.insertContentAt(\n              editor.view.state.selection,\n              result,\n            );\n          } else {\n            const videos = result as WorkspaceElement[];\n            // The setVideo() command does not auto-select the inserted video.\n            // => reset the cursor position after inserting\n            const { from } = editor.state.selection;\n            videos.reverse().forEach((video) => {\n              editor?.commands.setVideo(\n                video._id || '',\n                `/workspace/${video.public ? 'pub/' : ''}document/${video._id}`,\n                true,\n              );\n              editor?.commands.setTextSelection(from);\n            });\n          }\n          break;\n        }\n\n        case 'attachment': {\n          let innerHtml = '';\n          for (let i = 0; i < result.length; i++) {\n            const link = (result as WorkspaceElement[])[i];\n            innerHtml += `<a href=\"/workspace/${\n              link.public ? 'pub/' : ''\n            }document/${link._id}\">${link.name}\n            </a>`;\n          }\n          const richContent = `<div class=\"attachments\">\n            ${innerHtml}\n          </div>`;\n          editor?.commands.insertContentAt(\n            editor.view.state.selection,\n            richContent,\n          );\n          editor?.commands.enter();\n          break;\n        }\n\n        case 'hyperlink': {\n          const resourceTabResult = result as InternalLinkTabResult;\n          // Cancel any pre-selected link\n          if (editor?.isActive('linker')) editor.commands.unsetLinker();\n          if (editor?.isActive('hyperlink'))\n            editor.commands.toggleMark('hyperlink');\n\n          // Manage new links\n          editor?.commands.focus();\n          if (\n            editor.state.selection.empty &&\n            Array.isArray(resourceTabResult.resources)\n          ) {\n            // One or more internal link(s) are rendered as a Badge.\n            resourceTabResult.resources.forEach((link) => {\n              editor?.commands.setLinker({\n                href: link.path,\n                'data-app-prefix': link.application,\n                'data-id': link.assetId,\n                target: resourceTabResult.target ?? null,\n                title: link.name,\n              });\n              // Add next links afterward.\n              if (\n                resourceTabResult &&\n                resourceTabResult.resources &&\n                resourceTabResult.resources.length > 1\n              ) {\n                editor.commands.enter();\n              }\n            });\n          } else {\n            // Links are rendered as Hyperlinks\n            // Utility function\n            const insertAndSelectText = (name?: string) => {\n              if (!name) return;\n              const from = editor.state.selection.head;\n              const to = from + name.length;\n              editor\n                ?.chain()\n                .insertContent(name)\n                .setTextSelection({ from, to })\n                .run();\n            };\n\n            // *** Case of internal links ***\n            if (Array.isArray(resourceTabResult.resources)) {\n              resourceTabResult.resources.forEach((link) => {\n                if (editor.state.selection.empty) {\n                  // No text is currently selected.\n                  // => Insert the name of the first link and select it.\n                  insertAndSelectText(link.name);\n                }\n                // Add a hyperlink to the selection.\n                editor?.commands.setLink({\n                  href: link.path,\n                  target: resourceTabResult.target ?? null,\n                });\n                // Cancel selection, so that next links are added afterward.\n                const newPosition = editor.state.selection.head;\n                editor.commands.setTextSelection({\n                  from: newPosition,\n                  to: newPosition,\n                });\n                // Newline needed, unless it is the last link.\n                if (\n                  resourceTabResult?.resources &&\n                  resourceTabResult?.resources?.length > 1\n                ) {\n                  editor.commands.enter();\n                }\n              });\n            } else {\n              // *** Case of external link ***\n              const { url, target, text } = result as IExternalLink;\n              if (editor.state.selection.empty) {\n                // No text is currently selected.\n                // => Insert the name of the link and select it.\n                insertAndSelectText(text);\n              } else {\n                const { selection } = editor.view.state;\n                const { from, to } = selection;\n                if (\n                  text &&\n                  selection.content().content.child(0).textContent !== text\n                ) {\n                  editor\n                    .chain()\n                    .focus()\n                    .insertContentAt(\n                      {\n                        from,\n                        to,\n                      },\n                      text,\n                    )\n                    .setTextSelection({\n                      from,\n                      to: from + text.length,\n                    })\n                    .run();\n                }\n              }\n              editor?.commands.setLink({\n                href: url,\n                title: '',\n                target,\n              });\n            }\n          }\n          break;\n        }\n\n        case 'embedder': {\n          editor?.commands.insertContentAt(editor.view.state.selection, result);\n          editor?.commands.enter();\n          break;\n        }\n\n        default:\n          return `<div>[useMediaLibraryEditor/onSuccess] Le contenu de type \"${type}\" n'est pas convertissable pour l'instant !</div>`;\n      }\n    },\n    [editor],\n  );\n\n  const mediaLibraryRef = useRef<MediaLibraryRef>(null);\n\n  //----- Handlers\n  const onCancel = async (uploads?: WorkspaceElement[]) => {\n    if (mediaLibraryRef.current?.type && uploads && uploads.length > 0) {\n      await remove(uploads);\n    }\n    mediaLibraryRef.current?.hide();\n  };\n  const onSuccess = (result: MediaLibraryResult) => {\n    if (mediaLibraryRef.current?.type) {\n      // Inject the MediaLibrary result into the editor, and close the modal.\n      appendResult(mediaLibraryRef.current.type, result);\n      mediaLibraryRef.current?.hide();\n    }\n  };\n  const onTabChange = async (\n    _tab: TabsItemProps,\n    uploads?: WorkspaceElement[],\n  ) => {\n    if (mediaLibraryRef.current?.type && uploads && uploads.length > 0) {\n      await remove(uploads);\n    }\n  };\n\n  return {\n    ref: mediaLibraryRef,\n    onCancel,\n    onSuccess,\n    onTabChange,\n  };\n};\n"],"names":["useMediaLibraryEditor","editor","remove","useWorkspaceFile","appendResult","useCallback","type","result","images","imagesSize","length","forEach","image","index","url","public","_id","chain","focus","setNewImage","src","addTimestampToImageUrl","alt","title","run","commands","setTextSelection","state","selection","to","sounds","Array","isArray","from","reverse","sound","setAudio","insertContentAt","view","videos","video","setVideo","innerHtml","i","link","name","richContent","enter","resourceTabResult","isActive","unsetLinker","toggleMark","empty","resources","setLinker","href","path","application","assetId","target","insertAndSelectText","head","insertContent","setLink","newPosition","text","content","child","textContent","mediaLibraryRef","useRef","ref","onCancel","uploads","current","hide","onSuccess","onTabChange","_tab"],"mappings":"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"}

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

@@ -1,47 +1,48 @@
-import { useRef, useEffect } from "react";
-const MIN_WIDTH = 80, useResizeMedia = (props, refResizable) => {
-  const aspectRatio = useRef(0), lastCursorX = useRef(-1), isVerticalResizeActive = useRef(!1), proseMirrorContainerWidth = useRef(0), limitWidthOrHeight = (width) => width < MIN_WIDTH;
-  useEffect(() => {
-    const proseMirrorContainerDiv = document.querySelector(".ProseMirror");
-    proseMirrorContainerDiv && (proseMirrorContainerWidth.current = proseMirrorContainerDiv == null ? void 0 : proseMirrorContainerDiv.clientWidth), refResizable && (aspectRatio.current = 1.5);
+import { useRef as c, useEffect as g } from "react";
+const f = 80, V = (w, i) => {
+  const h = c(0), o = c(-1), s = c(!1), u = c(0), M = (t) => t < f;
+  g(() => {
+    const t = document.querySelector(".ProseMirror");
+    t && (u.current = t == null ? void 0 : t.clientWidth), i && (h.current = 1.5);
   }, []);
-  const onVerticalResize = (directionOfMouseMove, diff) => {
-    var _a, _b;
-    if (!refResizable) {
+  const v = (t, n) => {
+    var m, l;
+    if (!i) {
       console.error("Media ref is undefined|null", {
-        refResizable
+        refResizable: i
       });
       return;
     }
-    const currentMediaDimensions = {
-      width: (_a = refResizable.current) == null ? void 0 : _a.width,
-      height: (_b = refResizable.current) == null ? void 0 : _b.height
-    }, newMediaDimensions = {
+    const r = {
+      width: (m = i.current) == null ? void 0 : m.width,
+      height: (l = i.current) == null ? void 0 : l.height
+    }, e = {
       width: -1,
       height: -1
     };
-    currentMediaDimensions.width && (directionOfMouseMove === "left" ? newMediaDimensions.width = currentMediaDimensions.width - Math.abs(diff) : newMediaDimensions.width = currentMediaDimensions.width + Math.abs(diff)), newMediaDimensions.width > proseMirrorContainerWidth.current && (newMediaDimensions.width = proseMirrorContainerWidth.current), diff !== 0 && limitWidthOrHeight(newMediaDimensions.width) && (newMediaDimensions.width = MIN_WIDTH), newMediaDimensions.height = newMediaDimensions.width / aspectRatio.current, setTimeout(() => {
-      props.updateAttributes(newMediaDimensions);
+    r.width && (t === "left" ? e.width = r.width - Math.abs(n) : e.width = r.width + Math.abs(n)), e.width > u.current && (e.width = u.current), n !== 0 && M(e.width) && (e.width = f), e.height = e.width / h.current, setTimeout(() => {
+      w.updateAttributes(e);
     });
-  }, onVerticalMouseMove = (event) => {
-    if (!isVerticalResizeActive.current) return;
+  }, a = (t) => {
+    if (!s.current) return;
     const {
-      clientX
-    } = event, diff = lastCursorX.current - clientX;
-    if (lastCursorX.current = clientX, diff === 0) return;
-    const directionOfMouseMove = diff > 0 ? "left" : "right";
-    onVerticalResize(directionOfMouseMove, Math.abs(diff));
-  }, startVerticalResize = (event) => {
-    isVerticalResizeActive.current = !0, lastCursorX.current = event.clientX, document.addEventListener("mousemove", onVerticalMouseMove), document.addEventListener("mouseup", stopVerticalResize);
-  }, stopVerticalResize = () => {
-    isVerticalResizeActive.current = !1, lastCursorX.current = -1, document.removeEventListener("mousemove", onVerticalMouseMove), document.removeEventListener("mouseup", stopVerticalResize);
+      clientX: n
+    } = t, r = o.current - n;
+    if (o.current = n, r === 0) return;
+    const e = r > 0 ? "left" : "right";
+    v(e, Math.abs(r));
+  }, p = (t) => {
+    s.current = !0, o.current = t.clientX, document.addEventListener("mousemove", a), document.addEventListener("mouseup", d);
+  }, d = () => {
+    s.current = !1, o.current = -1, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", d);
   };
   return {
-    startVerticalResize,
-    stopVerticalResize,
-    isVerticalResizeActive
+    startVerticalResize: p,
+    stopVerticalResize: d,
+    isVerticalResizeActive: s
   };
 };
 export {
-  useResizeMedia
+  V as useResizeMedia
 };
+//# sourceMappingURL=useResizeMedia.js.map

package/dist/modules/editor/hooks/useResizeMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeMedia.js","sources":["../../../../src/modules/editor/hooks/useResizeMedia.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Editor } from '@tiptap/react';\n\nexport interface MediaResizeProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\nconst MIN_WIDTH = 80;\n\nexport const useResizeMedia = (\n  props: MediaResizeProps,\n  refResizable: React.RefObject<HTMLImageElement | HTMLVideoElement>,\n) => {\n  const aspectRatio = useRef(0);\n\n  const lastCursorX = useRef(-1);\n\n  const isVerticalResizeActive = useRef(false);\n\n  const proseMirrorContainerWidth = useRef(0);\n\n  const limitWidthOrHeight = (width: number) => width < MIN_WIDTH;\n\n  useEffect(() => {\n    const proseMirrorContainerDiv = document.querySelector('.ProseMirror');\n\n    if (proseMirrorContainerDiv)\n      proseMirrorContainerWidth.current = proseMirrorContainerDiv?.clientWidth;\n\n    if (!refResizable) return;\n    aspectRatio.current = 1.5;\n\n    // comment first call of onVerticalResize because re-render and actives undo/redo\n    // onVerticalResize(\"left\", 0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const onVerticalResize = (\n    directionOfMouseMove: 'right' | 'left',\n    diff: number,\n  ) => {\n    if (!refResizable) {\n      console.error('Media ref is undefined|null', {\n        refResizable: refResizable,\n      });\n      return;\n    }\n\n    const currentMediaDimensions = {\n      width: refResizable.current?.width,\n      height: refResizable.current?.height,\n    };\n\n    const newMediaDimensions = {\n      width: -1,\n      height: -1,\n    };\n\n    if (currentMediaDimensions.width) {\n      if (directionOfMouseMove === 'left') {\n        newMediaDimensions.width =\n          currentMediaDimensions.width - Math.abs(diff);\n      } else {\n        newMediaDimensions.width =\n          currentMediaDimensions.width + Math.abs(diff);\n      }\n    }\n\n    if (newMediaDimensions.width > proseMirrorContainerWidth.current)\n      newMediaDimensions.width = proseMirrorContainerWidth.current;\n\n    if (diff !== 0 && limitWidthOrHeight(newMediaDimensions.width)) {\n      newMediaDimensions.width = MIN_WIDTH;\n    }\n\n    newMediaDimensions.height = newMediaDimensions.width / aspectRatio.current;\n\n    setTimeout(() => {\n      props.updateAttributes(newMediaDimensions);\n    });\n  };\n\n  const onVerticalMouseMove = (event: MouseEvent) => {\n    if (!isVerticalResizeActive.current) return;\n\n    const { clientX } = event;\n\n    const diff = lastCursorX.current - clientX;\n\n    lastCursorX.current = clientX;\n\n    if (diff === 0) return;\n\n    const directionOfMouseMove: 'left' | 'right' = diff > 0 ? 'left' : 'right';\n\n    onVerticalResize(directionOfMouseMove, Math.abs(diff));\n  };\n\n  const startVerticalResize = (\n    event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n  ): void => {\n    isVerticalResizeActive.current = true;\n    lastCursorX.current = event.clientX;\n\n    document.addEventListener('mousemove', onVerticalMouseMove);\n    document.addEventListener('mouseup', stopVerticalResize);\n  };\n\n  const stopVerticalResize = () => {\n    isVerticalResizeActive.current = false;\n    lastCursorX.current = -1;\n\n    document.removeEventListener('mousemove', onVerticalMouseMove);\n    document.removeEventListener('mouseup', stopVerticalResize);\n  };\n\n  return {\n    startVerticalResize,\n    stopVerticalResize,\n    isVerticalResizeActive,\n  };\n};\n"],"names":["MIN_WIDTH","useResizeMedia","props","refResizable","aspectRatio","useRef","lastCursorX","isVerticalResizeActive","proseMirrorContainerWidth","limitWidthOrHeight","width","useEffect","proseMirrorContainerDiv","document","querySelector","current","clientWidth","onVerticalResize","directionOfMouseMove","diff","console","error","currentMediaDimensions","height","newMediaDimensions","Math","abs","setTimeout","updateAttributes","onVerticalMouseMove","event","clientX","startVerticalResize","addEventListener","stopVerticalResize","removeEventListener"],"mappings":";AASA,MAAMA,IAAY,IAELC,IAAiBA,CAC5BC,GACAC,MACG;AACGC,QAAAA,IAAcC,EAAO,CAAC,GAEtBC,IAAcD,EAAO,EAAE,GAEvBE,IAAyBF,EAAO,EAAK,GAErCG,IAA4BH,EAAO,CAAC,GAEpCI,IAAqBA,CAACC,MAAkBA,IAAQV;AAEtDW,EAAAA,EAAU,MAAM;AACRC,UAAAA,IAA0BC,SAASC,cAAc,cAAc;AAKrE,IAHIF,MACwBG,EAAAA,UAAUH,KAAAA,gBAAAA,EAAyBI,cAE1Db,MACLC,EAAYW,UAAU;AAAA,EAKxB,GAAG,CAAE,CAAA;AAECE,QAAAA,IAAmBA,CACvBC,GACAC,MACG;;AACH,QAAI,CAAChB,GAAc;AACjBiB,cAAQC,MAAM,+BAA+B;AAAA,QAC3ClB,cAAAA;AAAAA,MAAAA,CACD;AACD;AAAA,IACF;AAEA,UAAMmB,IAAyB;AAAA,MAC7BZ,QAAOP,IAAAA,EAAaY,YAAbZ,gBAAAA,EAAsBO;AAAAA,MAC7Ba,SAAQpB,IAAAA,EAAaY,YAAbZ,gBAAAA,EAAsBoB;AAAAA,IAAAA,GAG1BC,IAAqB;AAAA,MACzBd,OAAO;AAAA,MACPa,QAAQ;AAAA,IAAA;AAGV,IAAID,EAAuBZ,UACrBQ,MAAyB,SAC3BM,EAAmBd,QACjBY,EAAuBZ,QAAQe,KAAKC,IAAIP,CAAI,IAE9CK,EAAmBd,QACjBY,EAAuBZ,QAAQe,KAAKC,IAAIP,CAAI,IAI9CK,EAAmBd,QAAQF,EAA0BO,YACvDS,EAAmBd,QAAQF,EAA0BO,UAEnDI,MAAS,KAAKV,EAAmBe,EAAmBd,KAAK,MAC3Dc,EAAmBd,QAAQV,IAGVuB,EAAAA,SAASC,EAAmBd,QAAQN,EAAYW,SAEnEY,WAAW,MAAM;AACfzB,MAAAA,EAAM0B,iBAAiBJ,CAAkB;AAAA,IAAA,CAC1C;AAAA,EAAA,GAGGK,IAAsBA,CAACC,MAAsB;AAC7C,QAAA,CAACvB,EAAuBQ,QAAS;AAE/B,UAAA;AAAA,MAAEgB,SAAAA;AAAAA,IAAYD,IAAAA,GAEdX,IAAOb,EAAYS,UAAUgB;AAInC,QAFAzB,EAAYS,UAAUgB,GAElBZ,MAAS,EAAG;AAEVD,UAAAA,IAAyCC,IAAO,IAAI,SAAS;AAEnEF,IAAAA,EAAiBC,GAAsBO,KAAKC,IAAIP,CAAI,CAAC;AAAA,EAAA,GAGjDa,IAAsBA,CAC1BF,MACS;AACTvB,IAAAA,EAAuBQ,UAAU,IACjCT,EAAYS,UAAUe,EAAMC,SAEnBE,SAAAA,iBAAiB,aAAaJ,CAAmB,GACjDI,SAAAA,iBAAiB,WAAWC,CAAkB;AAAA,EAAA,GAGnDA,IAAqBA,MAAM;AAC/B3B,IAAAA,EAAuBQ,UAAU,IACjCT,EAAYS,UAAU,IAEboB,SAAAA,oBAAoB,aAAaN,CAAmB,GACpDM,SAAAA,oBAAoB,WAAWD,CAAkB;AAAA,EAAA;AAGrD,SAAA;AAAA,IACLF,qBAAAA;AAAAA,IACAE,oBAAAA;AAAAA,IACA3B,wBAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -1,21 +1,22 @@
-import { useState } from "react";
-import { odeServices } from "edifice-ts-client";
-const useSpeechRecognition = (editor) => {
-  const [isActive, setActive] = useState(!1), toggle = () => {
-    if (isActive)
-      editor == null || editor.commands.stopSpeechRecognition(), setActive(!1);
+import { useState as o } from "react";
+import { odeServices as a } from "@edifice.io/ts-client";
+const S = (e) => {
+  const [c, s] = o(!1), n = () => {
+    if (c)
+      e == null || e.commands.stopSpeechRecognition(), s(!1);
     else {
-      odeServices.data().trackSpeechAndText("STT");
-      const started = (editor == null ? void 0 : editor.commands.startSpeechRecognition()) || !1;
-      setActive(started);
+      a.data().trackSpeechAndText("STT");
+      const t = (e == null ? void 0 : e.commands.startSpeechRecognition()) || !1;
+      s(t);
     }
   };
   return {
     isAvailable: !!(window.SpeechRecognition || window.webkitSpeechRecognition),
-    isActive,
-    toggle
+    isActive: c,
+    toggle: n
   };
 };
 export {
-  useSpeechRecognition
+  S as useSpeechRecognition
 };
+//# sourceMappingURL=useSpeechRecognition.js.map

package/dist/modules/editor/hooks/useSpeechRecognition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechRecognition.js","sources":["../../../../src/modules/editor/hooks/useSpeechRecognition.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\n\nexport const useSpeechRecognition = (editor: Editor | null) => {\n  const [isActive, setActive] = useState(false);\n\n  const toggle = () => {\n    if (isActive) {\n      editor?.commands.stopSpeechRecognition();\n      setActive(false);\n    } else {\n      odeServices.data().trackSpeechAndText('STT');\n      const started = editor?.commands.startSpeechRecognition() || false;\n      setActive(started);\n    }\n  };\n\n  const isAvailable =\n    (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition\n      ? true\n      : false;\n\n  return { isAvailable, isActive, toggle };\n};\n"],"names":["useSpeechRecognition","editor","isActive","setActive","useState","toggle","commands","stopSpeechRecognition","data","trackSpeechAndText","started","startSpeechRecognition","isAvailable","window","SpeechRecognition","webkitSpeechRecognition"],"mappings":";;AAKaA,MAAAA,IAAuBA,CAACC,MAA0B;AAC7D,QAAM,CAACC,GAAUC,CAAS,IAAIC,EAAS,EAAK,GAEtCC,IAASA,MAAM;AACnB,QAAIH;AACFD,MAAAA,KAAAA,QAAAA,EAAQK,SAASC,yBACjBJ,EAAU,EAAK;AAAA,SACV;AACOK,MAAAA,EAAAA,KAAAA,EAAOC,mBAAmB,KAAK;AAC3C,YAAMC,KAAUT,KAAAA,gBAAAA,EAAQK,SAASK,6BAA4B;AAC7DR,MAAAA,EAAUO,CAAO;AAAA,IACnB;AAAA,EAAA;AAQK,SAAA;AAAA,IAAEE,aAJNC,UAAeC,qBAAsBD,OAAeE;AAAAA,IAIjCb,UAAAA;AAAAA,IAAUG,QAAAA;AAAAA,EAAAA;AAClC;"}

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

@@ -1,20 +1,21 @@
-import { useState, useCallback } from "react";
-import { odeServices } from "edifice-ts-client";
-const useSpeechSynthetisis = (editor) => {
-  const [isActivated, setActivated] = useState(!1), toggle = useCallback(() => {
-    if (isActivated)
-      return editor == null || editor.commands.stopSpeechSynthesis(), setActivated(!1), !1;
+import { useState as t, useCallback as m } from "react";
+import { odeServices as S } from "@edifice.io/ts-client";
+const l = (s) => {
+  const [e, c] = t(!1), n = m(() => {
+    if (e)
+      return s == null || s.commands.stopSpeechSynthesis(), c(!1), !1;
     {
-      odeServices.data().trackSpeechAndText("TTS");
-      const speech = (editor == null ? void 0 : editor.commands.startSpeechSynthesis()) || !1;
-      return setActivated(speech), speech;
+      S.data().trackSpeechAndText("TTS");
+      const a = (s == null ? void 0 : s.commands.startSpeechSynthesis()) || !1;
+      return c(a), a;
     }
-  }, [editor == null ? void 0 : editor.commands, isActivated]);
+  }, [s == null ? void 0 : s.commands, e]);
   return {
-    isActivated,
-    toggle
+    isActivated: e,
+    toggle: n
   };
 };
 export {
-  useSpeechSynthetisis
+  l as useSpeechSynthetisis
 };
+//# sourceMappingURL=useSpeechSynthetisis.js.map

package/dist/modules/editor/hooks/useSpeechSynthetisis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechSynthetisis.js","sources":["../../../../src/modules/editor/hooks/useSpeechSynthetisis.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\n\n/**\n * Custom hook to manage speech synthetisis.\n * @returns {\n * `isActivated`: truthy boolean when speech synthetisis is activated,\n * `toggle`: an imperative function to toggle the `isActivated` value,\n * }\n */\nexport const useSpeechSynthetisis = (editor: Editor | null) => {\n  const [isActivated, setActivated] = useState<boolean>(false);\n\n  const toggle = useCallback(() => {\n    if (isActivated) {\n      editor?.commands.stopSpeechSynthesis();\n      setActivated(false);\n      return false;\n    } else {\n      odeServices.data().trackSpeechAndText('TTS');\n      const speech = editor?.commands.startSpeechSynthesis() || false;\n      setActivated(speech);\n      return speech;\n    }\n  }, [editor?.commands, isActivated]);\n\n  return {\n    isActivated,\n    toggle,\n  };\n};\n"],"names":["useSpeechSynthetisis","editor","isActivated","setActivated","useState","toggle","useCallback","commands","stopSpeechSynthesis","data","trackSpeechAndText","speech","startSpeechSynthesis"],"mappings":";;AAYaA,MAAAA,IAAuBA,CAACC,MAA0B;AAC7D,QAAM,CAACC,GAAaC,CAAY,IAAIC,EAAkB,EAAK,GAErDC,IAASC,EAAY,MAAM;AAC/B,QAAIJ;AACFD,aAAAA,KAAAA,QAAAA,EAAQM,SAASC,uBACjBL,EAAa,EAAK,GACX;AACF;AACOM,MAAAA,EAAAA,KAAAA,EAAOC,mBAAmB,KAAK;AAC3C,YAAMC,KAASV,KAAAA,gBAAAA,EAAQM,SAASK,2BAA0B;AAC1DT,aAAAA,EAAaQ,CAAM,GACZA;AAAAA,IACT;AAAA,EACC,GAAA,CAACV,KAAAA,gBAAAA,EAAQM,UAAUL,CAAW,CAAC;AAE3B,SAAA;AAAA,IACLA,aAAAA;AAAAA,IACAG,QAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -1,75 +1,76 @@
-import { useEffect } from "react";
-import { CustomHighlight, TableCell, CustomHeading, FontSize, SpeechRecognition, SpeechSynthesis, Iframe, Hyperlink, Alert } from "@edifice.io/tiptap-extensions";
-import { Mathematics } from "@tiptap-pro/extension-mathematics";
-import Color from "@tiptap/extension-color";
-import Focus from "@tiptap/extension-focus";
-import FontFamily from "@tiptap/extension-font-family";
-import Placeholder from "@tiptap/extension-placeholder";
-import Subscript from "@tiptap/extension-subscript";
-import Superscript from "@tiptap/extension-superscript";
-import Table from "@tiptap/extension-table";
-import TableHeader from "@tiptap/extension-table-header";
-import TableRow from "@tiptap/extension-table-row";
-import TextAlign from "@tiptap/extension-text-align";
-import TextStyle from "@tiptap/extension-text-style";
-import Typography from "@tiptap/extension-typography";
-import Underline from "@tiptap/extension-underline";
-import { useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import { useTranslation } from "react-i18next";
-import VideoNodeView from "../components/NodeView/VideoNodeView.js";
-import { MediaRenderer } from "../components/Renderer/MediaRenderer.js";
-import AudioNodeView from "../components/NodeView/AudioNodeView.js";
-import { AudioRenderer } from "../components/Renderer/AudioRenderer.js";
-import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
-import { LinkerRenderer } from "../components/Renderer/LinkerRenderer.js";
-import ImageNodeView from "../components/NodeView/ImageNodeView.js";
-import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
-import { AttachmentRenderer } from "../components/Renderer/AttachmentRenderer.js";
-import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange) => {
+import { useEffect as t } from "react";
+import { CustomHighlight as s, TableCell as l, CustomHeading as c, FontSize as u, SpeechRecognition as d, SpeechSynthesis as g, Iframe as h, Hyperlink as T, Alert as S } from "@edifice.io/tiptap-extensions";
+import { Mathematics as y } from "@tiptap-pro/extension-mathematics";
+import R from "@tiptap/extension-color";
+import w from "@tiptap/extension-focus";
+import A from "@tiptap/extension-font-family";
+import N from "@tiptap/extension-placeholder";
+import V from "@tiptap/extension-subscript";
+import b from "@tiptap/extension-superscript";
+import C from "@tiptap/extension-table";
+import F from "@tiptap/extension-table-header";
+import x from "@tiptap/extension-table-row";
+import E from "@tiptap/extension-text-align";
+import H from "@tiptap/extension-text-style";
+import k from "@tiptap/extension-typography";
+import U from "@tiptap/extension-underline";
+import { useEditor as v } from "@tiptap/react";
+import z from "@tiptap/starter-kit";
+import { useTranslation as I } from "react-i18next";
+import M from "../components/NodeView/VideoNodeView.js";
+import { MediaRenderer as f } from "../components/Renderer/MediaRenderer.js";
+import $ from "../components/NodeView/AudioNodeView.js";
+import { AudioRenderer as K } from "../components/Renderer/AudioRenderer.js";
+import L from "../components/NodeView/LinkerNodeView.js";
+import { LinkerRenderer as O } from "../components/Renderer/LinkerRenderer.js";
+import P from "../components/NodeView/ImageNodeView.js";
+import j from "../components/NodeView/AttachmentNodeView.js";
+import { AttachmentRenderer as q } from "../components/Renderer/AttachmentRenderer.js";
+import { useOdeClient as B } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+const Rr = (e, m, i, a, p) => {
   const {
-    currentLanguage
-  } = useOdeClient(), {
-    t
-  } = useTranslation(), editor = useEditor({
+    currentLanguage: o
+  } = B(), {
+    t: n
+  } = I(), r = v({
     // fix WB-2534
     // TipTap editor must be instantiated in editable mode for table columns to be resizable.
     // It will then be set in the correct editable mode, by a useEffect below.
     editable: !0,
-    extensions: [StarterKit, Focus.configure({
+    extensions: [z, w.configure({
       className: "has-focus",
       mode: "all"
-    }), Placeholder.configure({
-      placeholder: t(placeholder || "tiptap.placeholder")
-    }), CustomHighlight.configure({
+    }), N.configure({
+      placeholder: n(a || "tiptap.placeholder")
+    }), s.configure({
       multicolor: !0
-    }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
+    }), U, H, R, V, b, C.configure({
       resizable: !0
-    }), TableRow, TableHeader, TableCell, TextAlign.configure({
+    }), x, F, l, E.configure({
       types: ["heading", "paragraph", "custom-image", "video"]
-    }), CustomHeading.configure({
+    }), c.configure({
       levels: [1, 2]
-    }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
-      lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer), AttachmentNodeView(AttachmentRenderer)],
-    content,
+    }), k, u, d, g.configure({
+      lang: (o == null ? void 0 : o.length) === 2 ? `${o}-${o.toUpperCase()}` : "fr-FR"
+    }), h, T, A, y, S, M(f), $(K), L(O), P(f), j(q)],
+    content: m,
     // If the onContentChange callback is provided, we call it on every content change.
-    ...onContentChange ? {
-      onUpdate: onContentChange
+    ...p ? {
+      onUpdate: p
     } : {}
   });
-  return useEffect(() => {
-    editor == null || editor.setEditable(editable);
-  }, [editor, editable]), useEffect(() => {
-    editor == null || editor.commands.setContent(content);
-  }, [content]), useEffect(() => {
-    focus && (editor == null || editor.commands.focus(focus));
-  }, [editor, focus, editable]), {
-    editor,
-    editable
+  return t(() => {
+    r == null || r.setEditable(e);
+  }, [r, e]), t(() => {
+    r == null || r.commands.setContent(m);
+  }, [m]), t(() => {
+    i && (r == null || r.commands.focus(i));
+  }, [r, i, e]), {
+    editor: r,
+    editable: e
   };
 };
 export {
-  useTipTapEditor
+  Rr as useTipTapEditor
 };
+//# sourceMappingURL=useTipTapEditor.js.map