updated linting warnings, removed unused variables.

public/styles.css

@@ -1,8 +1,8 @@
 body {
     width: 100vw;
     height: 100vh;
-    margin: 0px;
+    margin: 0;
-    padding: 0px;
+    padding: 0;
     background-color: #000;
     background-image: url("/assets/grid6.jpg");
     aspect-ratio: auto;
@@ -21,8 +21,8 @@ body {
 #gameCanvas {
     width: 100%;
     height: 100%;
-    margin: 0px;
+    margin: 0;
-    padding: 0px;
+    padding: 0;
     background: transparent;
 }
 

src/controllers/webController.ts

@@ -9,8 +9,6 @@ export class WebController {
     private readonly scene: Scene;
     private readonly logger: Logger = log.getLogger('WebController');
     private speed: number = 1;
-    private readonly referencePlane: AbstractMesh;
-    private pickedMesh: AbstractMesh;
     private rig: Rigplatform;
     private diagramManager: DiagramManager;
     private mouseDown: boolean = false;

src/diagram/diagramMenuManager.ts

@@ -11,7 +11,6 @@ import {AppConfig} from "../util/appConfig";
 import {DiagramEventObserverMask} from "./types/diagramEventObserverMask";
 import {ConnectionPreview} from "../menus/connectionPreview";
 import {ScaleMenu2} from "../menus/ScaleMenu2";
-import {CameraMenu} from "../menus/cameraMenu";
 import {viewOnly} from "../util/functions/getPath";
 import {GroupMenu} from "../menus/groupMenu";
 
@@ -24,7 +23,6 @@ export class DiagramMenuManager {
     private readonly _inputTextView: InputTextView;
     private _groupMenu: GroupMenu;
     private readonly _scene: Scene;
-    private _cameraMenu: CameraMenu;
     private _logger = log.getLogger('DiagramMenuManager');
     private _connectionPreview: ConnectionPreview;
 

src/menus/functions/positionNode.ts

@@ -6,8 +6,7 @@ export function positionNode(transformNode: TransformNode) {
     const platform = scene.getMeshByName("platform");
     const ray = scene.activeCamera.getForwardRay(1);
     ray.direction.y = 0;
-    const fpos = scene.activeCamera.globalPosition.clone().add(ray.direction.scale(1));
+    transformNode.position = scene.activeCamera.globalPosition.clone().add(ray.direction.scale(1));
-    transformNode.position = fpos;
     transformNode.position.y -= .4;
     transformNode.lookAt(scene.activeCamera.globalPosition);
     transformNode.rotate(Vector3.Up(), Math.PI);

src/react/components/diagramList.tsx

@@ -5,7 +5,6 @@ export function DiagramList({display, onClick}) {
     useEffect(() => {
         const listDb = async () => {
             const data = await indexedDB.databases();
-            let i = 0;
             setDbList(data.filter((item) => item.name.indexOf('_pouch_') > -1).map((item) => {
                 const dbid = item.name.replace('_pouch_', '');
                 let friendlyName = localStorage.getItem(dbid);

src/react/components/keyboardHelp.tsx

@@ -2,8 +2,8 @@ export function KeyboardHelp({display, onClick}) {
     return (
         <div className="overlay" id="keyboardHelp" style={{'display': display}}>
             <div id="closekey"><a href="#" onClick={onClick}>X</a></div>
-            <img height="240" src="/assets/textures/keyboardhelp2.jpg" width="480"/>
+            <img alt="keyboard help" height="240" src="/assets/textures/keyboardhelp2.jpg" width="480"/>
-            <img height="240" src="/assets/textures/mousehelp.jpg" width="180"/>
+            <img alt="mouse help" height="240" src="/assets/textures/mousehelp.jpg" width="180"/>
         </div>
     )
 }

src/react/components/mainMenu.tsx

@@ -5,7 +5,7 @@ export function MainMenu({onClick}) {
     if (viewOnly()) {
         return (
             <div className="overlay mini" id="main">
-                <img height="120" src="/assets/ddd.svg" width="320"/>
+                <img alt="deep diagram logo" height="120" src="/assets/ddd.svg" width="320"/>
                 <div id="enterXR" className="inactive"><a href="#" id="enterVRLink">Enter VR</a></div>
                 <QuestLink/>
                 <div id="download"><a href="#" id="downloadLink">Download Model</a></div>
@@ -13,7 +13,7 @@ export function MainMenu({onClick}) {
     } else {
         return (
             <div className="overlay mini" id="main">
-                <img height="120" src="/assets/ddd.svg" width="320"/>
+                <img alte="deep diagram logo" height="120" src="/assets/ddd.svg" width="320"/>
                 <div id="enterXR" className="inactive"><a href="#" id="enterVRLink">Enter VR</a></div>
                 <QuestLink/>
 

src/react/webApp.tsx

@@ -3,7 +3,7 @@ import {Menu} from "./components/menu";
 import "./styles.css";
 
 export default function WebApp() {
-    document.addEventListener('promptpassword', (evt) => {
+    document.addEventListener('promptpassword', () => {
         const password = document.querySelector('#password');
         if (password) {
             (password as HTMLInputElement).style.display = 'block';