style: ESLint

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+	"extends": ["@josejefferson/eslint-config-typescript"]
+}

.prettierignore

@@ -3,4 +3,9 @@ util
 *.py
 *.min.*
 lib/**/*
-src/js
+src/js
+build
+bin
+dist/js
+server
+venv

package.json

@@ -8,14 +8,17 @@
 		"dev": "node esbuild.config.js --watch",
 		"build": "node esbuild.config.js",
 		"format": "prettier -w .",
+		"lint": "eslint src",
 		"test": "tsc --noEmit",
 		"prepare": "husky install"
 	},
 	"devDependencies": {
+		"@josejefferson/eslint-config-typescript": "^1.1.0",
 		"esbuild": "^0.20.2",
 		"esbuild-plugin-clean": "^1.0.1",
+		"eslint": "^8",
 		"husky": "^8.0.3",
-		"prettier": "^2.7.1",
+		"prettier": "^2.8.8",
 		"pretty-quick": "^3.1.3",
 		"rimraf": "^3.0.2",
 		"typescript": "^4.8.2"

src/index/import-export.ts

@@ -17,7 +17,7 @@ function importOptions() {
 		try {
 			const file = this.files![0]
 			if (!file) return
-			const content: string | ArrayBuffer = await new Promise((resolve, reject) => {
+			const content: string = await new Promise((resolve, reject) => {
 				const reader = new FileReader()
 				reader.onload = () => resolve(reader.result as string)
 				reader.onerror = reject

src/index/interface.ts

@@ -29,7 +29,7 @@ function updateStartButton() {
 }
 
 // Contador de visitas
-let hits = parseInt(ls('stats.hits.home'))
+let hits = parseInt(ls('stats.hits.home'), 10)
 if (isNaN(hits)) hits = 0
 ls('stats.hits.home', ++hits)
 
@@ -57,7 +57,7 @@ if (!ls('events.addToHomescreenPopup') && (hits === 3 || hits % 10 === 0)) {
 		$video.loop = true
 		$video.muted = true
 		$athPopup.querySelector('.content')!.appendChild($video)
-		$video.play()
+		void $video.play()
 		$athPopup.classList.add('show')
 	})
 }

src/joystick/element-actions.ts

@@ -61,7 +61,7 @@ async function playMacro(this: IElementNode<ButtonComponent, HTMLElement>) {
 
 /** Entra em tela cheia */
 function fullScreen() {
-	document.documentElement.requestFullscreen()
+	void document.documentElement.requestFullscreen()
 }
 
 // Detecta quando o modo de tela cheia é ativado/desativado e mostra/oculta o botão de tela cheia

src/joystick/layout-editor/toolbar.ts

@@ -63,7 +63,7 @@ export class Toolbar {
 		for (const $mode of Array.from(this.$modes)) {
 			const _this = this
 			$mode.addEventListener('click', function (e) {
-				const mode = <0 | 1>parseInt(this.dataset.mode!)
+				const mode = <0 | 1>parseInt(this.dataset.mode!, 10)
 				if (isNaN(mode)) return
 				_this.mode = mode
 				_this.render()
@@ -73,7 +73,7 @@ export class Toolbar {
 		this.$anchorX = document.querySelector('.anchor-x')!
 		this.$anchorX.addEventListener('click', (e) => {
 			editingElement!.anchorX += 1
-			if (editingElement!.anchorX > 2) editingElement!.anchorX = AnchorX.LEFT
+			if (editingElement!.anchorX > AnchorX.CENTER) editingElement!.anchorX = AnchorX.LEFT
 			this.render()
 			editingElement!.render()
 			anchorLines.update()
@@ -82,7 +82,7 @@ export class Toolbar {
 		this.$anchorY = document.querySelector('.anchor-y')!
 		this.$anchorY.addEventListener('click', (e) => {
 			editingElement!.anchorY += 1
-			if (editingElement!.anchorY > 2) editingElement!.anchorY = AnchorY.TOP
+			if (editingElement!.anchorY > AnchorY.CENTER) editingElement!.anchorY = AnchorY.TOP
 			this.render()
 			editingElement!.render()
 			anchorLines.update()
@@ -112,7 +112,7 @@ export class Toolbar {
 		this._y = y
 
 		for (const $mode of Array.from(this.$modes)) {
-			const mode = parseInt($mode.dataset.mode!)
+			const mode = parseInt($mode.dataset.mode!, 10)
 			if (isNaN(mode)) continue
 			$mode.classList[this.mode === mode ? 'add' : 'remove']('active-mode')
 		}

src/joystick/layout-editor/tree.ts

@@ -58,7 +58,7 @@ export class Tree {
 			$groupContent = $tree
 		}
 
-		for (let el of (element as ILayoutComponent).parsedContent || element.content) {
+		for (const el of (element as ILayoutComponent).parsedContent || element.content) {
 			if ('content' in el && Array.isArray(el.content)) {
 				$groupContent.appendChild(this._html(el as IGroup, false))
 			} else {

src/joystick/layout.ts

@@ -64,11 +64,10 @@ export function getAllElements(
 	elements: AnyComponent[] = []
 ) {
 	if (object.type === 'mobystk:layout' || object.type === 'mobystk:group') {
-		object = object as ILayoutComponent | GroupComponent
-		if (object.type !== 'mobystk:layout') elements.push(object as GroupComponent)
+		if (object.type !== 'mobystk:layout') elements.push(object)
 		for (const obj of object.parsedContent!) getAllElements(obj, elements)
 	} else {
-		elements.push(object as ButtonComponent | JoystickComponent)
+		elements.push(object)
 	}
 	return elements
 }
@@ -92,14 +91,14 @@ export function parseElement(object: IElementsOrImport) {
 		// Botão
 		object = object as IButton
 		if (options.locked?.includes(objectID)) object = { ...object, lockable: true }
-		return new ButtonComponent(object as IButton)
+		return new ButtonComponent(object)
 	} else if (object.type === 'mobystk:group') {
 		// Grupo
 		object = object as IGroup
 		object.parsedContent = object.content
 			.map(parseElement)
 			.filter((e: AnyComponent | undefined) => e) as AnyComponent[]
-		const group = new GroupComponent(object as IGroup)
+		const group = new GroupComponent(object)
 		object.parsedContent = object.parsedContent.map((e: AnyComponent) => (e.parent = group))
 		return group
 	} else if (object.type === 'mobystk:joystick') {

src/joystick/motion-control.ts

@@ -29,7 +29,8 @@ export default function loadDriveMode() {
 		if (window.layoutEditor?.opened) return
 
 		// Inicia/para o sensor
-		drive.active ? stopSensor() : startSensor()
+		if (drive.active) stopSensor()
+		else startSensor()
 
 		/**
 		 * Inicia o sensor

src/joystick/user-interface.ts

@@ -32,7 +32,8 @@ $version.innerText = `v${VERSION}`
 // CARREGAMENTO DAS OPÇÕES
 $edit.addEventListener('click', loading)
 $edit.addEventListener('contextmenu', () => {
-	window.layoutEditor.opened ? window.layoutEditor.end() : window.layoutEditor.start()
+	if (window.layoutEditor.opened) window.layoutEditor.end()
+	else window.layoutEditor.start()
 })
 if (options.debug) document.body.classList.add('debug')
 if (options.invertL) document.body.classList.add('invertL')
@@ -54,6 +55,7 @@ document.body.append($customCSS)
 if (options.customJS && options.customJS.trim()) {
 	if (confirm('Deseja executar os plugins?')) {
 		try {
+			// eslint-disable-next-line @typescript-eslint/no-implied-eval
 			new Function(options.customJS.trim())()
 		} catch (err: any) {
 			alert('Ocorreu um erro ao executar os plugins\n\n' + (err?.message || ''))

src/shared/controller.ts

@@ -31,11 +31,11 @@ interface IController {
 }
 
 const Controller: IController = {
-	buttons: buttons,
-	groups: groups,
-	joysticks: joysticks,
-	gamepads: gamepads,
-	layout: layout,
+	buttons,
+	groups,
+	joysticks,
+	gamepads,
+	layout,
 	currentLayout: null,
 	currentTouches: [],
 	elements: {

src/types/types.ts

@@ -1 +1 @@
-export type ValueAndUnit = [number, 'px' | '%' | string]
+export type ValueAndUnit = [number, 'px' | '%']