Merge pull request #68 from Ubugeeei/67-remove-shortcuts

#67 remove shortcuts
ublib · Oct 19, 2023 · 2e3e197 · 2e3e197
2 parents 558c817 + a9e5159
commit 2e3e197
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 60 deletions.
diff --git a/docs/introduction/getting-started.md b/docs/introduction/getting-started.md
@@ -22,7 +22,7 @@ or install partial packages (e.g. `@tecack/frontend`: [read more documentation](
 ```ts
 import { createTecack, recognize, KANJI_DATA_SET } from "tecack";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 
 tecack.mount("#my-canvas");
 
@@ -39,7 +39,7 @@ window.addEventListener("mouseup", () => {
 // client
 import { createTecack } from "@tecack/frontend";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 
 tecack.mount("#my-canvas");
 

diff --git a/docs/reference/apis.md b/docs/reference/apis.md
@@ -9,7 +9,7 @@ Creates Tecack instance for drawing on canvas.
 - #### Type
 
   ```ts
-  function createTecack(document: Document): Tecack;
+  function createTecack(): Tecack;
 
   interface Tecack {
     mount: (selector: string) => void | InitializeError;
@@ -22,7 +22,6 @@ Creates Tecack instance for drawing on canvas.
     // redraw: () => void | CanvasCtxNotFoundError;
     // normalizeLinear: () => void;
     // draw: (color?: string) => void | CanvasCtxNotFoundError;
-    // copyStuff: () => void;
   }
   ```
 
@@ -31,7 +30,7 @@ Creates Tecack instance for drawing on canvas.
   ```ts
   import { createTecack } from "@tecack/frontend";
 
-  const tecack = createTecack(document);
+  const tecack = createTecack();
   ```
 
 ### Tecack.mount()
@@ -49,7 +48,7 @@ Mounts Tecack instance to canvas element.
   ```ts
   import { createTecack, InitializeError } from "@tecack/frontend";
 
-  const tecack = createTecack(document);
+  const tecack = createTecack();
   const res = tecack.mount("#my-canvas");
   if (res instanceof InitializeError) {
     // handle error
@@ -71,7 +70,7 @@ Deletes last stroke from canvas and instance internal data.
   ```ts
   import { createTecack, CanvasCtxNotFoundError } from "@tecack/frontend";
 
-  const tecack = createTecack(document);
+  const tecack = createTecack();
   tecack.mount("#my-canvas");
 
   const deleteLastButton = document.getElementById("delete-last");
@@ -98,7 +97,7 @@ Erases all strokes from canvas and instance internal data.
   ```ts
   import { createTecack, CanvasCtxNotFoundError } from "@tecack/frontend";
 
-  const tecack = createTecack(document);
+  const tecack = createTecack();
   tecack.mount("#my-canvas");
 
   const eraseButton = document.getElementById("erase");
@@ -126,7 +125,7 @@ You can use this data for restore strokes or backend recognition.
   ```ts
   import { createTecack } from "@tecack/frontend";
 
-  const tecack = createTecack(document);
+  const tecack = createTecack();
   tecack.mount("#my-canvas");
 
   const strokes = tecack.getStrokes();

diff --git a/examples/_basic/src/main.ts b/examples/_basic/src/main.ts
@@ -5,7 +5,7 @@ import { recognize } from "@tecack/backend";
 import { KANJI_DATA_SET } from "@tecack/dataset";
 import { HIRAGANA_DATA } from "./hiragana";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 tecack.mount("#tecack-sample");
 
 const candidateContainer = document.getElementById("candidate-container")!;

diff --git a/examples/_simple/main.js b/examples/_simple/main.js
@@ -1,6 +1,6 @@
 import { createTecack, recognize, KANJI_DATA_SET } from "tecack";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 
 tecack.mount("#my-canvas");
 

diff --git a/examples/ipc/client/src/main.ts b/examples/ipc/client/src/main.ts
@@ -3,7 +3,7 @@ import "./style.css";
 import { createTecack } from "@tecack/frontend";
 import { encodeStroke } from "@tecack/shared";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 tecack.mount("#tecack-sample");
 
 let encode = false;

diff --git a/examples/viewer/src/main.ts b/examples/viewer/src/main.ts
@@ -3,7 +3,7 @@ import "./style.css";
 import { createTecack } from "@tecack/frontend";
 import { KANJI_DATA_SET } from "@tecack/dataset";
 
-const tecack = createTecack(document);
+const tecack = createTecack();
 tecack.mount("#viewer");
 
 const charInput = document.getElementById("char-input") as HTMLInputElement | null;

diff --git a/packages/frontend/src/index.ts b/packages/frontend/src/index.ts
@@ -15,7 +15,6 @@ export interface Tecack {
   draw: (color?: string) => void | CanvasCtxNotFoundError;
   deleteLast: () => void | CanvasCtxNotFoundError;
   erase: () => void | CanvasCtxNotFoundError;
-  copyStuff: () => void;
 
   /**
    * redraw to current canvas according to
@@ -30,7 +29,7 @@ export interface Tecack {
   normalizeLinear: () => void;
 }
 
-export function createTecack(document: Document): Tecack {
+export function createTecack(): Tecack {
   // private properties
   let _selector: string;
   let _canvas: HTMLCanvasElement;
@@ -64,7 +63,7 @@ export function createTecack(document: Document): Tecack {
   const tecack: Tecack = {
     mount: selector => {
       _selector = selector;
-      const c = document.querySelector(_selector);
+      const c = window.document.querySelector(_selector);
       if (!c) {
         return new InitializeError(`Canvas#${_selector} was not found.`);
       }
@@ -157,8 +156,6 @@ export function createTecack(document: Document): Tecack {
       _ctx.lineTo(_currX, _currY);
       _ctx.strokeStyle = color ? color : "#333";
       _ctx.lineCap = "round";
-      //Tecack.ctx.lineJoin = "round";
-      //Tecack.ctx.lineMiter = "round";
       _ctx.lineWidth = 4;
       _ctx.stroke();
       _ctx.closePath();
@@ -279,17 +276,6 @@ export function createTecack(document: Document): Tecack {
       tecack.redraw();
     },
 
-    copyStuff: () => {
-      _s = "";
-      for (var i = 0, j = _recordedPattern.length; i < j; i++) {
-        console.log(i + 1, _recordedPattern[i], _recordedPattern[i].toString());
-        console.log(_recordedPattern[i]);
-        console.log(JSON.stringify(_recordedPattern[i]));
-        _s += "[" + JSON.stringify(_recordedPattern[i]) + "],";
-      }
-      _copyToClipboard(_s);
-    },
-
     getStrokes: () => {
       return _recordedPattern;
     },
@@ -309,15 +295,6 @@ export function createTecack(document: Document): Tecack {
     },
   };
 
-  const _copyToClipboard = (str: string) => {
-    var el = document.createElement("textarea");
-    el.value = str;
-    document.body.appendChild(el);
-    el.select();
-    document.execCommand("copy");
-    document.body.removeChild(el);
-  };
-
   const _find_x_y = (res: string, e: MouseEvent | TouchEvent): void | CanvasCtxNotFoundError => {
     const isTouch = isTouchEvent(e);
     var touch = isTouch ? e.changedTouches[0] : null;
@@ -412,28 +389,6 @@ export function createTecack(document: Document): Tecack {
     return "#" + color.join("");
   };
 
-  // event listener for shortcuts
-  document.addEventListener("keydown", function (e) {
-    if (_canvas && e.ctrlKey) {
-      switch (e.key.toLowerCase()) {
-        // undo
-        case "z":
-          e.preventDefault();
-          tecack.deleteLast();
-          break;
-
-        // erase
-        case "x":
-          e.preventDefault();
-          tecack.erase();
-          break;
-
-        default:
-          break;
-      }
-    }
-  });
-
   const createCanvasError = () =>
     new CanvasCtxNotFoundError(`CanvasRenderingContext2D for Canvas#${_selector} was not found.`);