Skip to content

Commit 505a285

Browse files
tachyonstachyons
committed
style: format typescript files with oxfmt
1 parent a95a64b commit 505a285

File tree

134 files changed

+10278
-9994
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

134 files changed

+10278
-9994
lines changed

‎package-lock.json‎

Lines changed: 376 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
"preview": "vite preview",
1111
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
1212
"format": "prettier . --write",
13+
"format:ts": "oxfmt --write \"**/*.ts\"",
1314
"postinstall": "husky install",
1415
"test": "vitest --silent"
1516
},
@@ -62,6 +63,7 @@
6263
"husky": "^8.0.1",
6364
"jsdoc": "^4.0.3",
6465
"jsdom": "^27.4.0",
66+
"oxfmt": "^0.32.0",
6567
"prettier": "2.6.2",
6668
"sass": "^1.77.6",
6769
"typescript": "^4.5.4",

‎src/assets/constants/theme.ts‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
export type ThemeType = {
2-
'default': string;
3-
'night-sky': string;
4-
'lite-born-spring': string;
5-
'g-and-w': string;
6-
'high-contrast': string;
7-
'color-blind': string;
2+
default: string;
3+
"night-sky": string;
4+
"lite-born-spring": string;
5+
"g-and-w": string;
6+
"high-contrast": string;
7+
"color-blind": string;
88
};
99

1010
export const THEME: ThemeType = {
11-
'default': 'Default Theme',
12-
'night-sky': 'Night Sky',
13-
'lite-born-spring': 'Lite-born Spring',
14-
'g-and-w': 'G&W',
15-
'high-contrast': 'High Contrast',
16-
'color-blind': 'Color Blind',
17-
};
11+
default: "Default Theme",
12+
"night-sky": "Night Sky",
13+
"lite-born-spring": "Lite-born Spring",
14+
"g-and-w": "G&W",
15+
"high-contrast": "High Contrast",
16+
"color-blind": "Color Blind",
17+
};

‎src/components/Navbar/QuickButton/QuickButton.ts‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,37 @@
1-
import logixFunction from '#/simulator/src/data'
2-
import { deleteSelected } from '#/simulator/src/ux'
3-
import undo from '#/simulator/src/data/undo'
4-
import redo from '#/simulator/src/data/redo'
5-
import { fullView } from '#/simulator/src/ux'
6-
import { ZoomIn, ZoomOut } from '#/simulator/src/listeners'
1+
import logixFunction from "#/simulator/src/data";
2+
import { deleteSelected } from "#/simulator/src/ux";
3+
import undo from "#/simulator/src/data/undo";
4+
import redo from "#/simulator/src/data/redo";
5+
import { fullView } from "#/simulator/src/ux";
6+
import { ZoomIn, ZoomOut } from "#/simulator/src/listeners";
77

88
export function saveOnline(): void {
9-
logixFunction.save()
9+
logixFunction.save();
1010
}
1111
export function saveOffline(): void {
12-
logixFunction.saveOffline()
12+
logixFunction.saveOffline();
1313
}
1414
export function deleteSelectedItem(): void {
15-
deleteSelected()
15+
deleteSelected();
1616
}
1717
export function createSaveAsImgPrompt(): void {
18-
logixFunction.createSaveAsImgPrompt()
18+
logixFunction.createSaveAsImgPrompt();
1919
}
2020
export function zoomToFit(): void {
21-
globalScope.centerFocus(false)
21+
globalScope.centerFocus(false);
2222
}
2323
export function undoit(): void {
24-
undo()
24+
undo();
2525
}
2626
export function redoit(): void {
27-
redo()
27+
redo();
2828
}
2929
export function view(): void {
30-
fullView()
30+
fullView();
3131
}
3232
export function decrement(): void {
33-
ZoomOut()
33+
ZoomOut();
3434
}
3535
export function increment(): void {
36-
ZoomIn()
37-
}
36+
ZoomIn();
37+
}

‎src/components/Panels/ElementsPanel/ElementsPanel.ts‎

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
1-
import { simulationArea } from "#/simulator/src/simulationArea"
2-
import modules from "#/simulator/src/modules"
3-
import { uxvar } from "#/simulator/src/ux"
1+
import { simulationArea } from "#/simulator/src/simulationArea";
2+
import modules from "#/simulator/src/modules";
3+
import { uxvar } from "#/simulator/src/ux";
44

55
export function createElement(elementName: string) {
6-
if (simulationArea.lastSelected?.newElement)
7-
simulationArea.lastSelected.delete()
8-
var obj = new modules[elementName]()
9-
simulationArea.lastSelected = obj
10-
uxvar.smartDropXX += 70
6+
if (simulationArea.lastSelected?.newElement) simulationArea.lastSelected.delete();
7+
var obj = new modules[elementName]();
8+
simulationArea.lastSelected = obj;
9+
uxvar.smartDropXX += 70;
1110
if (uxvar.smartDropXX / globalScope.scale > width) {
12-
uxvar.smartDropXX = 50
13-
uxvar.smartDropYY += 80
11+
uxvar.smartDropXX = 50;
12+
uxvar.smartDropYY += 80;
1413
}
1514
}
1615

@@ -20,6 +19,6 @@ export function getImgUrl(elementName: string) {
2019
return elementImg;
2120
} catch (e) {
2221
console.error("Error loading image:", e);
23-
return '';
22+
return "";
2423
}
2524
}

‎src/components/Panels/PropertiesPanel/PropertiesPanel.ts‎

Lines changed: 46 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,64 @@
1-
import { checkPropertiesUpdate } from "#/simulator/src/ux"
2-
import { toRaw } from "vue"
3-
import { layoutModeGet } from "#/simulator/src/layoutMode"
4-
import { simulationArea } from "#/simulator/src/simulationArea"
5-
import { prevPropertyObjSet } from "#/simulator/src/ux"
6-
import { usePropertiesPanelStore } from "#/store/propertiesPanelStore"
7-
import { layoutFunctions } from "#/simulator/src/layoutMode"
8-
import { scheduleUpdate } from "#/simulator/src/engine"
9-
import { toRefs } from "vue"
1+
import { checkPropertiesUpdate } from "#/simulator/src/ux";
2+
import { toRaw } from "vue";
3+
import { layoutModeGet } from "#/simulator/src/layoutMode";
4+
import { simulationArea } from "#/simulator/src/simulationArea";
5+
import { prevPropertyObjSet } from "#/simulator/src/ux";
6+
import { usePropertiesPanelStore } from "#/store/propertiesPanelStore";
7+
import { layoutFunctions } from "#/simulator/src/layoutMode";
8+
import { scheduleUpdate } from "#/simulator/src/engine";
9+
import { toRefs } from "vue";
1010

1111
export function showPropertiesPanel() {
1212
const propertiesPanelStore = toRefs(usePropertiesPanelStore());
1313

1414
if (propertiesPanelStore.inLayoutMode.value != layoutModeGet())
15-
propertiesPanelStore.inLayoutMode.value = layoutModeGet()
16-
checkPropertiesUpdate()
17-
if (toRaw(propertiesPanelStore.propertiesPanelObj.value) == simulationArea.lastSelected) return
18-
prevPropertyObjSet(simulationArea.lastSelected)
19-
propertiesPanelStore.propertiesPanelObj.value = simulationArea.lastSelected
20-
if(simulationArea.lastSelected && simulationArea.lastSelected.newElement) {
21-
simulationArea.lastSelected.label = ""
15+
propertiesPanelStore.inLayoutMode.value = layoutModeGet();
16+
checkPropertiesUpdate();
17+
if (toRaw(propertiesPanelStore.propertiesPanelObj.value) == simulationArea.lastSelected) return;
18+
prevPropertyObjSet(simulationArea.lastSelected);
19+
propertiesPanelStore.propertiesPanelObj.value = simulationArea.lastSelected;
20+
if (simulationArea.lastSelected && simulationArea.lastSelected.newElement) {
21+
simulationArea.lastSelected.label = "";
2222
}
2323
// there are 3 types of panel body for Properties Panel
2424
// depending upon which is last selected
2525
// 1. Properties Panel in Layout mode
2626
// 2. Properties Panel showing Project Properties
2727
// 3. Properties Panel showing Circiut Element Properties
2828
if (propertiesPanelStore.inLayoutMode.value) {
29-
// will look into it later !!!
30-
if (
31-
simulationArea.lastSelected === undefined ||
32-
['Wire', 'CircuitElement', 'Node'].indexOf(
33-
simulationArea.lastSelected.objectType
34-
) !== -1
35-
) {
36-
propertiesPanelStore.panelType.value = 1
37-
// when we cancel layout mode -> show project properties
38-
} else {
39-
propertiesPanelStore.panelType.value = 3
40-
propertiesPanelStore.panelBodyHeader.value = propertiesPanelStore.propertiesPanelObj.value.objectType
41-
}
29+
// will look into it later !!!
30+
if (
31+
simulationArea.lastSelected === undefined ||
32+
["Wire", "CircuitElement", "Node"].indexOf(simulationArea.lastSelected.objectType) !== -1
33+
) {
34+
propertiesPanelStore.panelType.value = 1;
35+
// when we cancel layout mode -> show project properties
36+
} else {
37+
propertiesPanelStore.panelType.value = 3;
38+
propertiesPanelStore.panelBodyHeader.value =
39+
propertiesPanelStore.propertiesPanelObj.value.objectType;
40+
}
4241
} else {
43-
if (
44-
simulationArea.lastSelected === undefined ||
45-
['Wire', 'CircuitElement', 'Node'].indexOf(
46-
simulationArea.lastSelected.objectType
47-
) !== -1
48-
) {
49-
propertiesPanelStore.panelType.value = 1
50-
propertiesPanelStore.panelBodyHeader.value = 'PROJECT PROPERTIES'
51-
if (simulationArea.lastSelected === undefined)
52-
propertiesPanelStore.propertiesPanelObj.value = undefined
53-
} else {
54-
propertiesPanelStore.panelType.value = 2
55-
propertiesPanelStore.panelBodyHeader.value = propertiesPanelStore.propertiesPanelObj.value.objectType
56-
}
42+
if (
43+
simulationArea.lastSelected === undefined ||
44+
["Wire", "CircuitElement", "Node"].indexOf(simulationArea.lastSelected.objectType) !== -1
45+
) {
46+
propertiesPanelStore.panelType.value = 1;
47+
propertiesPanelStore.panelBodyHeader.value = "PROJECT PROPERTIES";
48+
if (simulationArea.lastSelected === undefined)
49+
propertiesPanelStore.propertiesPanelObj.value = undefined;
50+
} else {
51+
propertiesPanelStore.panelType.value = 2;
52+
propertiesPanelStore.panelBodyHeader.value =
53+
propertiesPanelStore.propertiesPanelObj.value.objectType;
54+
}
5755
}
5856
}
5957

6058
export function layoutFunction(func: string) {
61-
if (!layoutFunctions[func]) {
62-
throw new Error(`Function \`${func}\` not found in layoutFunctions.`);
63-
}
64-
layoutFunctions[func]()
65-
scheduleUpdate()
59+
if (!layoutFunctions[func]) {
60+
throw new Error(`Function \`${func}\` not found in layoutFunctions.`);
61+
}
62+
layoutFunctions[func]();
63+
scheduleUpdate();
6664
}

‎src/components/Panels/TimingDiagramPanel/TimingDiagramPanel.ts‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,42 @@
1-
import { timingDiagramButtonActions } from '#/simulator/src/plotArea'
2-
import _plotArea from '#/simulator/src/plotArea'
3-
import { toRefs } from 'vue'
4-
import { useTimingDiagramPanelStore } from '#/store/timingDiagramPanelStore'
1+
import { timingDiagramButtonActions } from "#/simulator/src/plotArea";
2+
import _plotArea from "#/simulator/src/plotArea";
3+
import { toRefs } from "vue";
4+
import { useTimingDiagramPanelStore } from "#/store/timingDiagramPanelStore";
55

66
interface PlotArea {
7-
resize: () => void
8-
[key: string]: () => void
7+
resize: () => void;
8+
[key: string]: () => void;
99
}
1010

11-
export const plotArea: PlotArea = _plotArea
11+
export const plotArea: PlotArea = _plotArea;
1212

1313
export function handleButtonClick(button: string) {
1414
const timingDiagramPanelStore = toRefs(useTimingDiagramPanelStore());
15-
if (button === 'smaller') {
16-
if (timingDiagramPanelStore.plotRef.value) {
17-
timingDiagramPanelStore.plotRef.value.style.width = `${Math.max(
18-
timingDiagramPanelStore.plotRef.value.offsetWidth - 20,
19-
560
20-
)}px`
21-
}
22-
plotArea.resize()
23-
} else if (button === 'larger') {
24-
if (timingDiagramPanelStore.plotRef.value) {
25-
timingDiagramPanelStore.plotRef.value.style.width = `${timingDiagramPanelStore.plotRef.value.offsetWidth + 20}px`
26-
}
27-
plotArea.resize()
28-
} else if (button === 'smallHeight') {
29-
timingDiagramButtonActions.smallHeight()
30-
} else if (button === 'largeHeight') {
31-
timingDiagramButtonActions.largeHeight()
15+
if (button === "smaller") {
16+
if (timingDiagramPanelStore.plotRef.value) {
17+
timingDiagramPanelStore.plotRef.value.style.width = `${Math.max(
18+
timingDiagramPanelStore.plotRef.value.offsetWidth - 20,
19+
560,
20+
)}px`;
21+
}
22+
plotArea.resize();
23+
} else if (button === "larger") {
24+
if (timingDiagramPanelStore.plotRef.value) {
25+
timingDiagramPanelStore.plotRef.value.style.width = `${timingDiagramPanelStore.plotRef.value.offsetWidth + 20}px`;
26+
}
27+
plotArea.resize();
28+
} else if (button === "smallHeight") {
29+
timingDiagramButtonActions.smallHeight();
30+
} else if (button === "largeHeight") {
31+
timingDiagramButtonActions.largeHeight();
3232
} else {
33-
plotArea[button]()
33+
plotArea[button]();
3434
}
3535
}
3636

3737
export function handleUnitsChange(event: Event) {
38-
const inputElem = event.target as HTMLInputElement
39-
const timeUnits = parseInt(inputElem.value, 10)
40-
if (Number.isNaN(timeUnits) || timeUnits < 1) return
41-
plotArea.cycleUnit = timeUnits
42-
}
38+
const inputElem = event.target as HTMLInputElement;
39+
const timeUnits = parseInt(inputElem.value, 10);
40+
if (Number.isNaN(timeUnits) || timeUnits < 1) return;
41+
plotArea.cycleUnit = timeUnits;
42+
}

‎src/env.d.ts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
/// <reference types="vite/client" />
22

33
interface Array<T> {
4-
clean(deleteValue: T): T[]
5-
extend(otherArray: T[]): void
6-
contains(value: T): boolean
4+
clean(deleteValue: T): T[];
5+
extend(otherArray: T[]): void;
6+
contains(value: T): boolean;
77
}
88

9-
declare module '*.vue' {
10-
import type { DefineComponent } from 'vue'
11-
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
12-
const component: DefineComponent<{}, {}, any>
13-
export default component
9+
declare module "*.vue" {
10+
import type { DefineComponent } from "vue";
11+
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
12+
const component: DefineComponent<{}, {}, any>;
13+
export default component;
1414
}

‎src/globalVariables.ts‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
/*global ...*/
22
/*eslint no-undef: "error"*/
33

4-
declare const window: any
4+
declare const window: any;
55

6-
import jQuery from 'jquery'
7-
window.$ = window.jQuery = jQuery
6+
import jQuery from "jquery";
7+
window.$ = window.jQuery = jQuery;
88

9-
window.isUserLoggedIn = false
10-
window.logixProjectId = undefined
9+
window.isUserLoggedIn = false;
10+
window.logixProjectId = undefined;
1111

12-
window.restrictedElements = []
13-
window.globalScope = undefined
14-
window.lightMode = false // To be deprecated
15-
window.projectId = undefined
16-
window.id = undefined
17-
window.loading = false // Flag - all assets are loaded
12+
window.restrictedElements = [];
13+
window.globalScope = undefined;
14+
window.lightMode = false; // To be deprecated
15+
window.projectId = undefined;
16+
window.id = undefined;
17+
window.loading = false; // Flag - all assets are loaded
1818

19-
window.embed = false
19+
window.embed = false;
2020

21-
window.width = undefined
22-
window.height = undefined
23-
window.DPR = window.devicePixelRatio || 1 // devicePixelRatio, 2 for retina displays, 1 for low resolution displays
21+
window.width = undefined;
22+
window.height = undefined;
23+
window.DPR = window.devicePixelRatio || 1; // devicePixelRatio, 2 for retina displays, 1 for low resolution displays

0 commit comments

Comments
 (0)