refactor : typescript integration in src/simulator/src/app.ts

src/simulator/src/app.js → src/simulator/src/app.ts

@@ -1,8 +1,11 @@
-import { setup } from './setup'
-
+import { setup } from './setup';
+import { CircuitConfiguration }from './types/app.types'
 document.addEventListener('DOMContentLoaded', () => {
-    setup()
-    var js = {
+    setup();
+
+    type DeviceType = 'Input' | 'Output' | 'Memory';
+
+    const js: CircuitConfiguration = {
         devices: {
             dev0: {
                 type: 'Input',
@@ -206,5 +209,5 @@ document.addEventListener('DOMContentLoaded', () => {
             },
         ],
         subcircuits: {},
-    }
-})
+    };
+});

src/simulator/src/hotkey_binder/view/panel.ui.ts

@@ -0,0 +1,79 @@
+import { setUserKeys } from '../model/actions'
+
+/**
+ * Update the hotkey panel UI with the currently set configuration
+ * @param mode User preferred configuration or default keys
+ */
+export const updateHTML = (mode: 'user' | 'default'): void => {
+    const preferenceContainer = document.getElementById('preference')
+    if (!preferenceContainer) return
+
+    if (mode === 'user') {
+        const userKeys = localStorage.get('userKeys') as Record<string, string>
+        const children = preferenceContainer.children
+
+        for (let x = 0; x < children.length; x++) {
+            const child = children[x] as HTMLElement
+            const keyElement = child.querySelector('.key-name') as HTMLElement
+            const valueElement = child.querySelector('.key-value') as HTMLElement
+
+            if (keyElement && valueElement) {
+                valueElement.innerText = userKeys[keyElement.innerText] || ''
+            }
+        }
+    } else if (mode === 'default') {
+        const defaultKeys = localStorage.get('defaultKeys') as Record<string, string>
+        const children = preferenceContainer.children
+
+        for (let x = 0; x < children.length; x++) {
+            const child = children[x] as HTMLElement
+            const keyElement = child.querySelector('.key-name') as HTMLElement
+            const valueElement = child.querySelector('.key-value') as HTMLElement
+
+            if (keyElement && valueElement) {
+                valueElement.innerText = defaultKeys[keyElement.innerText] || ''
+            }
+        }
+    }
+}
+
+/**
+ * Override key of duplicate entries
+ * @param combo Key combination to override
+ */
+export const override = (combo: string): void => {
+    const preferenceContainer = document.getElementById('preference')
+    if (!preferenceContainer) return
+
+    const children = preferenceContainer.children
+    for (let x = 0; x < children.length; x++) {
+        const child = children[x] as HTMLElement
+        const valueElement = child.querySelector('.key-value') as HTMLElement
+
+        if (valueElement && valueElement.innerText === combo) {
+            valueElement.innerText = ''
+        }
+    }
+}
+
+/**
+ * Close the edit interface
+ */
+export const closeEdit = (): void => {
+    const pressedKeysElement = document.getElementById('pressedKeys')
+    const editElement = document.getElementById('edit')
+
+    if (pressedKeysElement) pressedKeysElement.textContent = ''
+    if (editElement) editElement.style.display = 'none'
+}
+
+/**
+ * Submit user key configurations
+ */
+export const submit = (): void => {
+    const editElement = document.getElementById('edit')
+    if (editElement) editElement.style.display = 'none'
+
+    setUserKeys()
+    updateHTML('user')
+}

src/simulator/src/types/app.types.ts

@@ -0,0 +1,32 @@
+type DeviceType = 'Input' | 'Output' | 'Memory';
+
+interface Device {
+    type: DeviceType;
+    net?: string;
+    order?: number;
+    bits: number;
+    label?: string;
+    abits?: number;
+    words?: number;
+    offset?: number;
+    rdports?: Array<{clock_polarity?: boolean}>;
+    wrports?: Array<{clock_polarity?: boolean}>;
+    memdata?: (number | string)[];
+}
+
+interface Endpoint {
+    id: string;
+    port: string;
+}
+
+interface Connector {
+    to: Endpoint;
+    from: Endpoint;
+    name: string;
+}
+
+export interface CircuitConfiguration {
+    devices: {[key: string]: Device};
+    connectors: Connector[];
+    subcircuits: Record<string, unknown>;
+}