From 30347f1ac971b3299cfbefd5505e20f5e82702e0 Mon Sep 17 00:00:00 2001
From: mehekj <mehek.jethani@gmail.com>
Date: Thu, 2 Jun 2022 13:01:19 -0400
Subject: removed equationbox experimenting with iinkjs

---
 src/client/views/nodes/EquationBox.tsx | 91 +++-------------------------------
 1 file changed, 6 insertions(+), 85 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/EquationBox.tsx b/src/client/views/nodes/EquationBox.tsx
index c0c4fab09..c170f9867 100644
--- a/src/client/views/nodes/EquationBox.tsx
+++ b/src/client/views/nodes/EquationBox.tsx
@@ -1,7 +1,5 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import EquationEditor from 'equation-editor-react';
-import * as iink from 'iink-js';
-import { action, observable, reaction } from 'mobx';
+import { action, reaction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { WidthSym } from '../../../fields/Doc';
@@ -14,16 +12,12 @@ import { LightboxView } from '../LightboxView';
 import './EquationBox.scss';
 import { FieldView, FieldViewProps } from './FieldView';
 
+
 @observer
 export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() {
     public static LayoutString(fieldKey: string) { return FieldView.LayoutString(EquationBox, fieldKey); }
     public static SelectOnLoad: string = "";
-
     _ref: React.RefObject<EquationEditor> = React.createRef();
-    @observable _inkOpen = false;
-    @observable _inkEditor: any;
-    @observable _inkRef: any;
-
     componentDidMount() {
         if (EquationBox.SelectOnLoad === this.rootDoc[Id] && (!LightboxView.LightboxDoc || LightboxView.IsLightboxDocView(this.props.docViewPath()))) {
             this.props.select(false);
@@ -45,11 +39,7 @@ export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() {
                 }
             }, { fireImmediately: true });
     }
-
-    componentWillUnmount() {
-        this._inkRef.removeEventListener('exported', this.exportInk);
-    }
-
+    plot: any;
     @action
     keyPressed = (e: KeyboardEvent) => {
         const _height = Number(getComputedStyle(this._ref.current!.element.current).height.replace("px", ""));
@@ -75,7 +65,6 @@ export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() {
         }
         if (e.key === "Backspace" && !this.dataDoc.text) this.props.removeDocument?.(this.rootDoc);
     }
-
     onChange = (str: string) => {
         this.dataDoc.text = str;
         const style = this._ref.current && getComputedStyle(this._ref.current.element.current);
@@ -86,58 +75,6 @@ export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() {
             this.layoutDoc._height = Math.max(25, _height);
         }
     }
-
-    @action
-    toggleInk = (e: React.PointerEvent) => {
-        e.stopPropagation();
-
-        this._inkOpen = !this._inkOpen;
-
-        if (!this._inkEditor) {
-            this._inkEditor = this._inkRef ? iink.register(this._inkRef, {
-                recognitionParams: {
-                    type: 'MATH',
-                    protocol: 'WEBSOCKET',
-                    server: {
-                        host: 'cloud.myscript.com',
-                        applicationKey: '7277ec34-0c2e-4ee1-9757-ccb657e3f89f',
-                        hmacKey: 'f5cb18f2-1f95-4ddb-96ac-3f7c888dffc1',
-                    },
-                    iink: {
-                        math: {
-                            mimeTypes: ['application/x-latex', 'application/vnd.myscript.jiix']
-                        },
-                        export: {
-                            jiix: {
-                                strokes: true
-                            }
-                        }
-                    }
-                }
-            }) : null;
-
-            this._inkRef.addEventListener('exported', this.exportInk)
-        }
-    }
-
-    convertInk = (e: React.MouseEvent) => {
-        this._inkRef.editor.convert();
-    }
-
-    clearInk = (e: React.MouseEvent) => {
-        this._inkRef.editor.clear();
-        this.onChange("");
-    }
-
-    exportInk = (e: any) => {
-        const exports = e.detail.exports;
-        if (exports && exports['application/x-latex']) {
-            this.onChange(exports['application/x-latex']);
-            console.log(JSON.parse(exports['application/vnd.myscript.jiix']).expressions[0].items[0]);
-        }
-    }
-
-
     render() {
         TraceMobx();
         const scale = (this.props.scaling?.() || 1) * NumCast(this.layoutDoc._viewScale, 1);
@@ -145,34 +82,18 @@ export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() {
             onPointerDown={e => !e.ctrlKey && e.stopPropagation()}
             style={{
                 transform: `scale(${scale})`,
-                width: `calc(${100 / scale}% + 25px)`,
+                width: `${100 / scale}%`,
                 height: `${100 / scale}%`,
                 pointerEvents: !this.props.isSelected() ? "none" : undefined,
             }}
-            onKeyDown={e => e.stopPropagation()}>
-
+            onKeyDown={e => e.stopPropagation()}
+        >
             <EquationEditor ref={this._ref}
                 value={this.dataDoc.text || "x"}
                 spaceBehavesLikeTab={true}
                 onChange={this.onChange}
                 autoCommands="pi theta sqrt sum prod alpha beta gamma rho"
                 autoOperatorNames="sin cos tan" />
-
-            <div className="button"
-                style={{ display: this.props.isContentActive() ? "flex" : "none" }}
-                onPointerDown={this.toggleInk}>
-                <FontAwesomeIcon icon="pencil-alt" />
-            </div>
-
-            <div className='ink-editor'
-                ref={action((r: any) => this._inkRef = r)}
-                id="editor" onPointerDown={(e) => e.stopPropagation()}
-                touch-action="none"
-                style={{ display: this._inkOpen && this.props.isContentActive() ? "block" : "none" }}>
-                <button onClick={this.convertInk}>convert</button>
-                <button onClick={this.clearInk}>clear</button>
-            </div>
-
         </div>);
     }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2