@modusoperandi/licit 0.13.20 → 0.13.22

package/dist/client/Licit.js

@@ -265,6 +265,16 @@ class Licit extends React.Component {
       this.setState(props);
     });
 
+    _defineProperty(this, "exportPDF", () => {
+      const event = new KeyboardEvent('keydown', {
+        ctrlKey: true,
+        altKey: true,
+        keyCode: 80,
+        bubbles: false
+      });
+      this.editorView.dom.dispatchEvent(event);
+    });
+
     this.initialize(_props);
   }
 

package/dist/client/Licit.js.flow

@@ -660,6 +660,16 @@ class Licit extends React.Component<any, any> {
     this._skipSCU = false;
     this.setState(props);
   };
+
+  exportPDF = () => {
+    const event = new KeyboardEvent('keydown', {
+      ctrlKey: true,
+      altKey: true,
+      keyCode: 80,
+      bubbles: false,
+    });
+    this.editorView.dom.dispatchEvent(event);
+  };
 }
 
 export default Licit;

package/licit/client/CustomLicitRuntime.js

@@ -3,7 +3,7 @@
 // This implements the interface of `EditorRuntime`.
 // To  run  editor directly:
 import type { ImageLike } from '../../src/Types';
-import { POST } from '../../src/client/http';
+import { POST, req } from '../../src/client/http';
 
 // When use it in a componet:
 
@@ -12,11 +12,7 @@ import { POST } from '../../src/client/http';
  import {POST } from '@modusoperandi/licit';
  */
 
-
 class CustomLicitRuntime {
-
-
-
   // Image Proxy
   canProxyImageSrc(): boolean {
     return false;
@@ -66,30 +62,92 @@ class CustomLicitRuntime {
     });
   }
 
+  // Video Proxy
+  canProxyVideoSrc(): boolean {
+    return false;
+  }
 
+  getProxyVideoSrc(src: string): string {
+    // This simulate a fake proxy.
+    const suffix = 'proxied=1';
+    return src.indexOf('?') === -1 ? `${src}?${suffix}` : `${src}&${suffix}`;
+  }
 
+  getVideoSrc(id: string): Promise<string> {
+    return new Promise((resolve, reject) => {
+      const token =
+        'Bearer <access_token>';
+      const endPoint = 'https://moviacloud.modusoperandi.com/movia/content';
+
+      (async () => {
+        // Video that will be fetched and appended
+        const remoteVidUrl = endPoint + '/id/' + id;
+
+        // Fetch remote URL, getting contents as binary blob
+        const vidBlob = await (
+          await fetch(remoteVidUrl, { headers: { Authorization: token } })
+        ).blob();
+
+        const videoEle = document.createElement('video');
+        videoEle.src = URL.createObjectURL(vidBlob);
+        videoEle.addEventListener('loadedmetadata', function () {
+          resolve(videoEle.src);
+        });
+      })();
+    });
+  }
 
+  // Video Upload
+  canUploadVideo(): boolean {
+    return true;
+  }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+  uploadVideo(blob: Object, id: string): Promise<ImageLike> {
+    let img: ImageLike;
+    return new Promise((resolve, reject) => {
+      // Use uploaded image URL.
+      const formData = new FormData();
+      formData.append('label', blob.name);
+      formData.append('file', blob);
+      const token =
+        'Bearer <access_token>';
+      const endPoint = 'https://moviacloud.modusoperandi.com/movia/content';
+      req({
+        url: endPoint,
+        method: 'POST',
+        body: formData,
+        headers: {
+          Authorization: token,
+        },
+      }).then((data) => {
+        const resp = JSON.parse(data);
+        const id = resp.entity.id.substring(
+          resp.entity.id.lastIndexOf('/') + 1
+        );
+
+        (async () => {
+          // Video that will be fetched and appended
+          const remoteVidUrl = endPoint + '/id/' + id;
+
+          // Fetch remote URL, getting contents as binary blob
+          const vidBlob = await (
+            await fetch(remoteVidUrl, { headers: { Authorization: token } })
+          ).blob();
+
+          const videoEle = document.createElement('video');
+          videoEle.src = URL.createObjectURL(vidBlob);
+          videoEle.addEventListener('loadedmetadata', function () {
+            img = {
+              id: id,
+              width: this.videoWidth,
+              height: this.videoHeight,
+              src: videoEle.src,
+            };
+            resolve(img);
+          });
+        })();
+      });
+    });
+  }
 }
 export default CustomLicitRuntime;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "0.13.20",
+  "version": "0.13.22",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
   "main": "dist/index.js",
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-flow": "^7.10.4",
     "@babel/preset-react": "^7.16.0",
-    "@cyclonedx/bom": "^2.0.1",
+    "@cyclonedx/bom": "^3.10.6",
     "babel-eslint": "10.1.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "8.1.0",
@@ -85,12 +85,12 @@
     "terser-webpack-plugin": "^3.1.0",
     "webpack": "^4.44.2",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^3.11.0",
+    "webpack-dev-server": "^4.11.1",
     "write-file-webpack-plugin": "4.5.1"
   },
   "dependencies": {
     "@modusoperandi/licit-doc-attrs-step": "^0.1.3",
-    "@modusoperandi/licit-ui-commands": "^0.1.6",
+    "@modusoperandi/licit-ui-commands": "^0.1.8",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "body-parser": "^1.19.0",
     "browserkeymap": "2.0.2",

package/src/LinkTooltipPlugin.js

@@ -7,7 +7,6 @@ import { EditorView } from 'prosemirror-view';
 import { MARK_LINK } from './MarkNames';
 import {
   hideSelectionPlaceholder,
-  showSelectionPlaceholder,
 } from './SelectionPlaceholderPlugin';
 import { applyMark } from '@modusoperandi/licit-ui-commands';
 import { findNodesWithSameMark } from '@modusoperandi/licit-ui-commands';
@@ -127,16 +126,6 @@ class LinkTooltipView {
     if (!result) {
       return;
     }
-    let { tr } = state;
-    const linkSelection = TextSelection.create(
-      tr.doc,
-      result.from.pos,
-      result.to.pos + 1
-    );
-
-    tr = tr.setSelection(linkSelection);
-    tr = showSelectionPlaceholder(state, tr);
-    view.dispatch(tr);
 
     const href = result.mark.attrs.href;
     this._editor = createPopUp(

package/src/ListItemNodeSpec.js

@@ -29,7 +29,8 @@ const ListItemNodeSpec: NodeSpec = {
   // This spec does not support nested lists (e.g. `'paragraph block*'`)
   // as content because of the complexity of dealing with indentation
   // (context: https://github.com/ProseMirror/prosemirror/issues/92).
-  content: '(bullet_list|paragraph)+',
+  // content: '(bullet_list|paragraph)+',
+  content: 'paragraph block*',
 
   parseDOM: [{ tag: 'li', getAttrs }],
 

package/src/client/Licit.js

@@ -660,6 +660,16 @@ class Licit extends React.Component<any, any> {
     this._skipSCU = false;
     this.setState(props);
   };
+
+  exportPDF = () => {
+    const event = new KeyboardEvent('keydown', {
+      ctrlKey: true,
+      altKey: true,
+      keyCode: 80,
+      bubbles: false,
+    });
+    this.editorView.dom.dispatchEvent(event);
+  };
 }
 
 export default Licit;