recommender system works

1 files changed, 53 insertions, 70 deletions

diff --git a/src/client/views/PreviewCursor.tsx b/src/client/views/PreviewCursor.tsx
index eed2cc5da..c011adb20 100644
--- a/src/client/views/PreviewCursor.tsx
+++ b/src/client/views/PreviewCursor.tsx
@@ -4,24 +4,17 @@ import "normalize.css";
 import * as React from 'react';
 import "./PreviewCursor.scss";
 import { Docs } from '../documents/Documents';
-// import { Transform } from 'prosemirror-transform';
 import { Doc } from '../../new_fields/Doc';
 import { Transform } from "../util/Transform";
 
 @observer
 export class PreviewCursor extends React.Component<{}> {
-    private _prompt = React.createRef<HTMLDivElement>();
     static _onKeyPress?: (e: KeyboardEvent) => void;
     static _getTransform: () => Transform;
     static _addLiveTextDoc: (doc: Doc) => void;
     static _addDocument: (doc: Doc) => boolean;
     @observable static _clickPoint = [0, 0];
     @observable public static Visible = false;
-    //when focus is lost, this will remove the preview cursor
-    @action onBlur = (): void => {
-        PreviewCursor.Visible = false;
-    }
-
     constructor(props: any) {
         super(props);
         document.addEventListener("keydown", this.onKeyPress);
@@ -29,64 +22,53 @@ export class PreviewCursor extends React.Component<{}> {
     }
 
     paste = (e: ClipboardEvent) => {
-        if (PreviewCursor.Visible) {
-            if (e.clipboardData) {
-                let newPoint = PreviewCursor._getTransform().transformPoint(PreviewCursor._clickPoint[0], PreviewCursor._clickPoint[1]);
-                runInAction(() => { PreviewCursor.Visible = false; });
-
-
-                if (e.clipboardData.getData("text/plain") !== "") {
-
-                    // tests for youtube and makes video document
-                    if (e.clipboardData.getData("text/plain").indexOf("www.youtube.com/watch") !== -1) {
-                        const url = e.clipboardData.getData("text/plain").replace("youtube.com/watch?v=", "youtube.com/embed/");
-                        PreviewCursor._addDocument(Docs.Create.VideoDocument(url, {
-                            title: url, width: 400, height: 315,
-                            nativeWidth: 600, nativeHeight: 472.5,
-                            x: newPoint[0], y: newPoint[1]
-                        }));
-                        return;
-                    }
-
-                    // tests for URL and makes web document
-                    let re: any = /^https?:\/\//g;
-                    if (re.test(e.clipboardData.getData("text/plain"))) {
-                        const url = e.clipboardData.getData("text/plain");
-                        PreviewCursor._addDocument(Docs.Create.WebDocument(url, {
-                            title: url, width: 300, height: 300,
-                            // nativeWidth: 300, nativeHeight: 472.5,
-                            x: newPoint[0], y: newPoint[1]
-                        }));
-                        return;
-                    }
-
-                    // creates text document
-                    let newBox = Docs.Create.TextDocument({
-                        width: 200, height: 100,
-                        x: newPoint[0],
-                        y: newPoint[1],
-                        title: "-pasted text-"
-                    });
+        if (PreviewCursor.Visible && e.clipboardData) {
+            const newPoint = PreviewCursor._getTransform().transformPoint(PreviewCursor._clickPoint[0], PreviewCursor._clickPoint[1]);
+            runInAction(() => PreviewCursor.Visible = false);
 
-                    newBox.proto!.autoHeight = true;
-                    PreviewCursor._addLiveTextDoc(newBox);
-                    return;
+            if (e.clipboardData.getData("text/plain") !== "") {
+                // tests for youtube and makes video document
+                if (e.clipboardData.getData("text/plain").indexOf("www.youtube.com/watch") !== -1) {
+                    const url = e.clipboardData.getData("text/plain").replace("youtube.com/watch?v=", "youtube.com/embed/");
+                    return PreviewCursor._addDocument(Docs.Create.VideoDocument(url, {
+                        title: url, _width: 400, _height: 315,
+                        _nativeWidth: 600, _nativeHeight: 472.5,
+                        x: newPoint[0], y: newPoint[1]
+                    }));
                 }
-                //pasting in images
-                if (e.clipboardData.getData("text/html") !== "" && e.clipboardData.getData("text/html").includes("<img src=")) {
-                    let re: any = /<img src="(.*?)"/g;
-                    let arr: any[] = re.exec(e.clipboardData.getData("text/html"));
 
-                    let img: Doc = Docs.Create.ImageDocument(
-                        arr[1], {
-                        width: 300, title: arr[1],
-                        x: newPoint[0],
-                        y: newPoint[1],
-                    });
-                    PreviewCursor._addDocument(img);
-                    return;
+                // tests for URL and makes web document
+                const re: any = /^https?:\/\//g;
+                if (re.test(e.clipboardData.getData("text/plain"))) {
+                    const url = e.clipboardData.getData("text/plain");
+                    return PreviewCursor._addDocument(Docs.Create.WebDocument(url, {
+                        title: url, _width: 500, _height: 300,
+                        // nativeWidth: 300, nativeHeight: 472.5,
+                        x: newPoint[0], y: newPoint[1]
+                    }));
                 }
 
+                // creates text document
+                return PreviewCursor._addLiveTextDoc(Docs.Create.TextDocument("", {
+                    _width: 500,
+                    limitHeight: 400,
+                    _autoHeight: true,
+                    x: newPoint[0],
+                    y: newPoint[1],
+                    title: "-pasted text-"
+                }));
+            }
+            //pasting in images
+            if (e.clipboardData.getData("text/html") !== "" && e.clipboardData.getData("text/html").includes("<img src=")) {
+                const re: any = /<img src="(.*?)"/g;
+                const arr: any[] = re.exec(e.clipboardData.getData("text/html"));
+
+                return PreviewCursor._addDocument(Docs.Create.ImageDocument(
+                    arr[1], {
+                    _width: 300, title: arr[1],
+                    x: newPoint[0],
+                    y: newPoint[1],
+                }));
             }
         }
     }
@@ -108,6 +90,12 @@ export class PreviewCursor extends React.Component<{}> {
             }
         }
     }
+
+    //when focus is lost, this will remove the preview cursor
+    @action onBlur = (): void => {
+        PreviewCursor.Visible = false;
+    }
+
     @action
     public static Show(x: number, y: number,
         onKeyPress: (e: KeyboardEvent) => void,
@@ -119,18 +107,13 @@ export class PreviewCursor extends React.Component<{}> {
         this._addLiveTextDoc = addLiveText;
         this._getTransform = getTransform;
         this._addDocument = addDocument;
-        setTimeout(action(() => this.Visible = true), (1));
+        this.Visible = true;
     }
     render() {
-        if (!PreviewCursor._clickPoint) {
-            return (null);
-        }
-        if (PreviewCursor.Visible && this._prompt.current) {
-            this._prompt.current.focus();
-        }
-        return <div className="previewCursor" id="previewCursor" onBlur={this.onBlur} tabIndex={0} ref={this._prompt}
-            style={{ transform: `translate(${PreviewCursor._clickPoint[0]}px, ${PreviewCursor._clickPoint[1]}px)`, opacity: PreviewCursor.Visible ? 1 : 0 }}>
-            I
+        return (!PreviewCursor._clickPoint || !PreviewCursor.Visible) ? (null) :
+            <div className="previewCursor" onBlur={this.onBlur} tabIndex={0} ref={e => e && e.focus()}
+                style={{ transform: `translate(${PreviewCursor._clickPoint[0]}px, ${PreviewCursor._clickPoint[1]}px)` }}>
+                I
         </div >;
     }
 }
\ No newline at end of file