@flozy/editor 1.1.9 → 1.2.0

package/dist/Editor/CollaborativeEditor.js

@@ -91,7 +91,7 @@ const CollaborativeEditor = props => {
   });
   provider.on("authenticationFailed", () => {
     setAuthenticated({
-      status: false,
+      status: 'error',
       scope: null
     });
   });
@@ -107,7 +107,12 @@ const CollaborativeEditor = props => {
     setConnected(false);
     setMessage("Seems your connection is lost... Reload the page to edit the document...");
   });
-  if (authenticated.status === null || !connected === null || !editor) {
+  if (authenticated.status === 'error') {
+    return /*#__PURE__*/_jsx("h1", {
+      "data-status": connected,
+      children: "Authentication Error"
+    });
+  } else if (authenticated.status === null || !connected === null || !editor) {
     return /*#__PURE__*/_jsx("h1", {
       "data-status": connected,
       children: message || "Loading..."

package/dist/Editor/CommonEditor.js

@@ -1,6 +1,7 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useRef, useCallback, useEffect, useMemo, useState } from "react";
 import { createEditor } from "slate";
 import { Slate, Editable } from "slate-react";
+import html2canvas from "html2canvas";
 import Toolbar from "./Toolbar/Toolbar";
 import { getMarked, getBlock } from "./utils/SlateUtilityFunctions";
 import CodeToText from "./Elements/CodeToText/CodeToText";
@@ -40,11 +41,12 @@ const CommonEditor = props => {
     otherProps,
     timeoutInMS = 1000
   } = props;
+  const editorWrapper = useRef();
   const convertedContent = draftToSlate({
     data: content
   });
   const [value, setValue] = useState(convertedContent);
-  const [lastUpdated, setLastUpdated] = useState(value);
+  const [lastUpdated, setLastUpdated] = useState(JSON.stringify(convertedContent));
   const [count] = useTimeout({
     timeoutInMS: timeoutInMS
   });
@@ -103,11 +105,18 @@ const CommonEditor = props => {
   const updateChanges = newValue => {
     const stringify = JSON.stringify(newValue);
     const text = serialize(newValue);
-    if (stringify !== lastUpdated && count > 0 && text?.trim().length > 3) {
-      onSave(stringify, {
-        text: text
-      });
-      setLastUpdated(stringify);
+    if (stringify !== lastUpdated && count > 0 && text?.trim().length > 3 && onSave) {
+      if (editorWrapper && editorWrapper?.current) {
+        html2canvas(editorWrapper?.current, {
+          height: 350
+        }).then(c => {
+          onSave(stringify, {
+            text: text,
+            thumbnail: c.toDataURL()
+          });
+          setLastUpdated(stringify);
+        });
+      }
     }
   };
   const customProps = {
@@ -169,6 +178,7 @@ const CommonEditor = props => {
             handleCodeToText: handleCodeToText,
             customProps: customProps
           }) : null, /*#__PURE__*/_jsxs("div", {
+            ref: editorWrapper,
             className: "editor-wrapper",
             style: {
               border: "1px solid #f3f3f3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -18,6 +18,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "html2canvas": "^1.4.1",
     "husky": "^8.0.3",
     "interweave": "^13.1.0",
     "lint-staged": "^13.2.3",