update github actions

Author: hunghg255

.eslintignore

@@ -2,5 +2,4 @@
 node_modules/
 
 # Config
-webpack.config.js
-src/index.tsx
+dist

.eslintrc.json

@@ -1,29 +1,153 @@
 {
   "env": {
+    "es2020": true,
     "browser": true
   },
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "sourceType": "module"
-  },
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "react-app",
+    "prettier",
+    "standard",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
   "settings": {
-    "react": {
-      "version": "detect"
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "node": { "extensions": [".js", ".mjs", ".cjs"] },
+      "typescript": {}
     }
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:import/recommended",
-    "plugin:prettier/recommended",
-    "prettier"
-  ],
+  "plugins": ["@typescript-eslint", "import"],
   "rules": {
+    "react/react-in-jsx-scope": "off",
+    "react/display-name": "off",
+    "react/prop-types": "off",
+    "react/jsx-key": "error",
+    "no-console": 1,
     "no-unused-vars": "off",
-    "react/prop-types": "off"
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }
+    ],
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "import/newline-after-import": "error",
+    "import/no-duplicates": "error",
+    // Enforce import order
+    "import/order": [
+      2,
+      {
+        "groups": ["builtin", "external", "internal"],
+        "pathGroups": [
+          {
+            "pattern": "react",
+            "group": "external",
+            "position": "before"
+          },
+          {
+            "pattern": "@+(symbols)",
+            "group": "internal"
+          },
+          {
+            "pattern": "@+(api|components|compositions|directives|enums|interfaces|layouts|modules|services|utils|views|hooks)/**",
+            "group": "internal"
+          },
+          {
+            "pattern": "@/**",
+            "group": "internal"
+          },
+          {
+            "pattern": "*.scss",
+            "group": "index",
+            "patternOptions": { "matchBase": true }
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["react"],
+        "newlines-between": "always",
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
+    ],
+    // Imports should come first
+    "import/first": "error",
+    // Other import rules
+    "import/no-mutable-exports": "error",
+    // Allow unresolved imports
+    "import/no-unresolved": "off",
+
+    "semi": 0,
+    // "quotes": 0,
+    // "indent": 0,
+    "space-before-function-paren": 0,
+    "arrow-parens": 0,
+    "comma-dangle": 0,
+    "keyword-spacing": 0,
+    "no-multiple-empty-lines": 0,
+    "no-trailing-spaces": 0,
+    "unicorn/number-literal-case": 0,
+    "unicorn/template-indent": 0,
+    "generator-star-spacing": 0,
+    "space-infix-ops": 0,
+    "comma-spacing": 0,
+    "brace-style": 0,
+    "space-in-parens": 0,
+    "space-before-blocks": 0,
+    "semi-spacing": 0,
+    "object-property-newline": 0,
+    "no-multi-spaces": 0,
+    "key-spacing": 0,
+    "eol-last": 0,
+    "func-call-spacing": 0,
+    "comma-style": 0,
+
+    // Disable some unnecessary or conflicting rules
+    "no-use-before-define": "off",
+    "unicorn/prevent-abbreviations": 0,
+    "unicorn/no-await-expression-member": 0,
+    "unicorn/no-useless-undefined": 0,
+    "unicorn/no-array-push-push": 0,
+    "unicorn/filename-case": 0,
+    "camelcase": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-empty-interface": 0,
+
+    // Prefer const over let
+    "prefer-const": [
+      "error",
+      {
+        "destructuring": "any",
+        "ignoreReadBeforeAssign": false
+      }
+    ],
+
+    // No single if in an "else" block
+    "no-lonely-if": "error",
+
+    // Force curly braces for control flow,
+    // including if blocks with a single statement
+    "curly": ["error", "all"],
+
+    // No async function without await
+    "require-await": "error",
+
+    // Force dot notation when possible
+    "dot-notation": "error",
+
+    // Force object shorthand where possible
+    "object-shorthand": "error",
+
+    // No useless destructuring/importing/exporting renames
+    "no-useless-rename": "error"
   }
 }

.github/workflows/main.yml

@@ -0,0 +1,21 @@
+name: CI
+on:
+  push:
+    branches:
+      - main
+
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+
+      - run: npm install
+      - run: npm run lint && npm run build

.github/workflows/publish.yml

@@ -1,20 +1,23 @@
 name: Publish
 on:
-  push:
-    branches:
-      - 'master'
+  workflow_run:
+    workflows: ["CI"]
+    types:
+      - completed
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
-  build:
+  publish:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - run: npm install
+      - run: npm run build
       - name: Create Release Pull Request or Publish
         id: changesets
         uses: changesets/action@v1

.gitignore

@@ -11,4 +11,5 @@ node_modules
 
 .nyc_output
 coverage
-*.lcov
+*.lcov
+./dist