style: add eslint config

Author: AkaraChen

.eslintrc.js

@@ -0,0 +1,28 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+	env: {
+		es2021: true,
+	},
+	extends: [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:prettier/recommended",
+	],
+	overrides: [],
+	parser: "@typescript-eslint/parser",
+	parserOptions: {
+		ecmaVersion: "latest",
+		sourceType: "module",
+	},
+	plugins: ["@typescript-eslint"],
+	rules: {
+		"@typescript-eslint/no-unused-vars": "off",
+		"@typescript-eslint/no-explicit-any": "off",
+		"@typescript-eslint/no-non-null-assertion": "off",
+		"@typescript-eslint/ban-ts-comment": "off",
+		"@typescript-eslint/ban-types": "off",
+		"@typescript-eslint/no-this-alias": "off",
+		"@typescript-eslint/no-empty-function": "off",
+		"no-self-assign": "off",
+	},
+};

.prettierrc

@@ -0,0 +1,4 @@
+{
+    "tabWidth": 4,
+    "useTabs": true
+}

package.json

@@ -2,7 +2,9 @@
   "name": "core",
   "author": "wibus-wee <[email protected]>",
   "license": "MIT",
-  "scripts": {},
+  "scripts": {
+    "lint": "eslint ./packages"
+  },
   "devDependencies": {
     "@types/node": "^18.11.17",
     "@typescript-eslint/eslint-plugin": "^5.46.1",

packages/jwc-core/index.ts

@@ -1,2 +1,2 @@
-export * from '@jwcjs/runtime';
-export * from './src'
+export * from "@jwcjs/runtime";
+export * from "./src";

packages/jwc-core/src/constants/index.ts

@@ -1 +1 @@
-export * from './metas.constant'
+export * from "./metas.constant";

packages/jwc-core/src/constants/metas.constant.ts

@@ -1,3 +1,3 @@
-export const COMPONENT_PROP_METADATA_KEY = 'jwc:component:props';
-export const COMPONENT_WATCHER_METADATA_KEY = 'jwc:component:watchers';
-export const COMPONENT_EVENT_METADATA_KEY = 'jwc:component:events';
+export const COMPONENT_PROP_METADATA_KEY = "jwc:component:props";
+export const COMPONENT_WATCHER_METADATA_KEY = "jwc:component:watchers";
+export const COMPONENT_EVENT_METADATA_KEY = "jwc:component:events";

packages/jwc-core/src/decorators/component.ts

@@ -1,13 +1,13 @@
 import { CustomElementProps } from "../types";
 
 export function Component(options: CustomElementProps) {
-  return function (_class: any) {
-    // set the default value for the isMounted option
-    if (options.isMounted === undefined) options.isMounted = true;
-    if (customElements.get(options.name)) {
-      console.warn(`The component ${options.name} already exists.`);
-    }
-    _class.$options = options; // add the options to the class
-    customElements.define(options.name, _class, options.options || {});
-  };
-}
+	return function (_class: any) {
+		// set the default value for the isMounted option
+		if (options.isMounted === undefined) options.isMounted = true;
+		if (customElements.get(options.name)) {
+			console.warn(`The component ${options.name} already exists.`);
+		}
+		_class.$options = options; // add the options to the class
+		customElements.define(options.name, _class, options.options || {});
+	};
+}

packages/jwc-core/src/decorators/event.ts

@@ -1,11 +1,10 @@
 import { defineEvent } from "@jwcjs/reactively";
 
-
 export function Event(event: string): MethodDecorator {
-  return (target, key, descriptor) => {
-    defineEvent(target, {
-      name: event,
-      handler: descriptor.value,
-    });
-  }
-}
+	return (target, key, descriptor) => {
+		defineEvent(target, {
+			name: event,
+			handler: descriptor.value,
+		});
+	};
+}

packages/jwc-core/src/decorators/index.ts

@@ -1,16 +1,16 @@
-import { defineWatcher } from '@jwcjs/reactively';
-import { WatcherOptions } from '../types';
+import { defineWatcher } from "@jwcjs/reactively";
+import { WatcherOptions } from "../types";
 
-export * from './props';
-export * from './event';
-export * from './component';
+export * from "./props";
+export * from "./event";
+export * from "./component";
 
 export function Watcher(options: WatcherOptions): MethodDecorator {
-  return (target, key, descriptor) => {
-    defineWatcher(target, {
-      ...options,
-      callback: descriptor.value,
-      callbackName: String(key),
-    });
-  }
-}
+	return (target, key, descriptor) => {
+		defineWatcher(target, {
+			...options,
+			callback: descriptor.value,
+			callbackName: String(key),
+		});
+	};
+}

packages/jwc-core/src/decorators/props.ts

@@ -2,7 +2,7 @@ import { defineProps } from "@jwcjs/reactively";
 import { PropOptions } from "../types";
 
 export function Prop(options: PropOptions): PropertyDecorator {
-  return (target, key) => {
-    defineProps(target, String(key), options);
-  }
+	return (target, key) => {
+		defineProps(target, String(key), options);
+	};
 }

packages/jwc-core/src/index.ts

@@ -1,6 +1,6 @@
-import 'reflect-metadata';
+import "reflect-metadata";
 
-export * from './wc-class';
-export * from './types';
-export * from './decorators';
-export * from './constants';
+export * from "./wc-class";
+export * from "./types";
+export * from "./decorators";
+export * from "./constants";

packages/jwc-core/src/types/index.ts

@@ -1,2 +1,2 @@
-export * from './jwc-element.interface';
-export * from './watcher.interface';
+export * from "./jwc-element.interface";
+export * from "./watcher.interface";