manually cast <any> to interactjs options to fix typescript errors, m…

…aybe look into how to properly type a library instead.
EddyVinck · Dec 3, 2018 · 31aa510 · 31aa510
1 parent 8fce353
commit 31aa510
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/js/File.ts b/js/File.ts
@@ -1,8 +1,9 @@
 import getIconUrl from "./utils/getIconUrl";
 import { el } from "redom";
-import { FileState } from "./types";
 import interact from "interactjs";
 
+import { FileState } from "./types/app";
+
 const wallpaperGrid: HTMLElement = document.querySelector(".wallpaper-grid");
 const taskbar: HTMLElement = document.querySelector("ul.taskbar");
 const taskbarHeight: string = `${taskbar.clientHeight}px`;
@@ -122,13 +123,13 @@ class File {
         .addEventListener("click", () => this.toggleMinimize(true));
 
       const topBar = this.windowElement.querySelector(".top-bar");
-      interact(topBar).draggable({
+      interact(topBar).draggable(<any>{
         ignoreFrom: ".minimize, .maximize, .close",
         onmove: this.handleDrag
       });
 
       interact(this.windowElement)
-        .resizable({
+        .resizable(<any>{
           // resize from all edges and corners
           edges: { left: true, right: true, bottom: true, top: true },
 

diff --git a/js/types.ts → js/types/app.ts b/js/types.ts → js/types/app.ts
diff --git a/js/types/interactjs.ts b/js/types/interactjs.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -3,6 +3,7 @@
     "lib": ["es2017", "dom"],
     "allowSyntheticDefaultImports": true
   },
+  "typeRoots": ["./node_modules/@types", "./js/types"],
   "include": ["js"],
   "exclude": ["node_modules"]
 }