Merge pull request #61 from sungik-choi/fix/install

Fix installation error

.eslintrc.js

@@ -1,27 +1,89 @@
 module.exports = {
   root: true,
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: "./tsconfig.json",
+  },
   // NOTE: cf. https://stackoverflow.com/questions/63118405/how-to-fix-eslintrc-the-file-does-not-match-your-project-config
   ignorePatterns: [".eslintrc.js", "**/build/*", "*.js"],
   overrides: [
     {
       files: ["*.ts", "*.tsx"],
       processor: "@graphql-eslint/graphql",
       parser: "@typescript-eslint/parser",
-      plugins: ["react", "react-hooks", "jsx-a11y", "@typescript-eslint"],
-      extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+      plugins: [
+        "import",
+        "react",
+        "react-hooks",
+        "jsx-a11y",
+        "@typescript-eslint",
+      ],
+      extends: [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier",
+      ],
       env: {
         es6: true,
       },
       rules: {
+        "no-multiple-empty-lines": ["error", { max: 1, maxEOF: 1, maxBOF: 0 }],
+        "import/no-duplicates": ["error", { "prefer-inline": true }],
+        "@typescript-eslint/consistent-type-imports": [
+          "error",
+          { fixStyle: "inline-type-imports" },
+        ],
+        "@typescript-eslint/consistent-type-exports": "error",
+        "sort-imports": [
+          "error",
+          {
+            ignoreDeclarationSort: true,
+          },
+        ],
+        "import/order": [
+          "error",
+          {
+            "newlines-between": "always",
+            alphabetize: { order: "asc" },
+            groups: [
+              "builtin",
+              "external",
+              "internal",
+              "parent",
+              "sibling",
+              "index",
+            ],
+            pathGroupsExcludedImportTypes: ["react", "react-dom"],
+            pathGroups: [
+              {
+                pattern: "react",
+                group: "external",
+                position: "before",
+              },
+              {
+                pattern: "react-dom",
+                group: "external",
+                position: "before",
+              },
+              {
+                pattern: "~/**/*",
+                group: "internal",
+                position: "before",
+              },
+            ],
+          },
+        ],
+        "max-classes-per-file": "off",
+        "react/jsx-props-no-spreading": "off",
+        "react/no-array-index-key": "warn",
         "react-hooks/rules-of-hooks": "error",
         "react-hooks/exhaustive-deps": "warn",
-        "@typescript-eslint/consistent-type-imports": "error",
+        "@typescript-eslint/naming-convention": "off",
         "@typescript-eslint/no-unsafe-assignment": 0,
         "@typescript-eslint/no-non-null-assertion": 0,
         "@typescript-eslint/restrict-template-expressions": 0,
         "@typescript-eslint/explicit-module-boundary-types": 0,
         "@typescript-eslint/no-non-null-asserted-optional-chain": 0,
-        "react/prop-types": 0,
       },
     },
     {

.github/workflows/codeql-analysis.yml

@@ -13,12 +13,12 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ main ]
+    branches: [main]
   schedule:
-    - cron: '39 17 * * 0'
+    - cron: "39 17 * * 0"
 
 jobs:
   analyze:
@@ -32,39 +32,39 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'javascript' ]
+        language: ["javascript"]
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
         # Learn more about CodeQL language support at https://git.io/codeql-language-support
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
+      - name: Checkout repository
+        uses: actions/checkout@v3
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2

.github/workflows/release.yml

@@ -1,32 +1,24 @@
-# This is a basic workflow to help you get started with Actions
-
 name: Release
 
-# Controls when the workflow will run
 on:
-  # Triggers the workflow on push or pull request events but only for the main branch
   push:
     branches: [main]
   pull_request:
     branches: [main]
 
-  # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-# A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
-  # This workflow contains a single job called "build"
   build:
-    # The type of runner that the job will run on
+    name: Build
     runs-on: ubuntu-latest
 
-    # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Release
-        uses: cycjimmy/semantic-release-action@v2
+        uses: cycjimmy/semantic-release-action@v3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -11,6 +11,16 @@ node_modules/
 # Optional npm cache directory
 .npm
 
+# Yarn
+# @see https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # Optional eslint cache
 .eslintcache
 

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit ""

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn pre-commit

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "**/*.(js|ts)?(x)": ["yarn lint:fix", "yarn format", "yarn typecheck"]
+}

.nvmrc

@@ -1 +1 @@
-lts/*
+18.16.0

.prettierignore

@@ -1,4 +1,2 @@
 .cache
-package.json
-package-lock.json
 public

.prettierrc

@@ -1,4 +1,5 @@
 {
+  "printWidth": 80,
   "arrowParens": "avoid",
   "semi": false
 }

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
+}

.yarnrc.yml

@@ -0,0 +1,3 @@
+yarnPath: .yarn/releases/yarn-3.5.1.cjs
+
+nodeLinker: node-modules

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] }

gatsby-config.js

@@ -48,19 +48,7 @@ const devPlugins = [
     resolve: "gatsby-plugin-alias-imports",
     options: {
       alias: {
-        Src: "src",
-        Components: "src/components",
-        Constants: "src/constants",
-        Hooks: "src/hooks",
-        Images: "src/images",
-        Layouts: "src/layouts",
-        Pages: "src/pages",
-        Posts: "src/posts",
-        Stores: "src/stores",
-        Styles: "src/styles",
-        Templates: "src/templates",
-        Types: "src/types",
-        Utils: "src/utils",
+        "~": ".",
       },
       extensions: ["js", "ts", "tsx"],
     },
@@ -97,7 +85,7 @@ const markdownPlugins = [
                 "body[data-theme=dark]": "Dark Github",
               },
             },
-            extensions: ["vscode-theme-github-light", "dark-theme-github"],
+            extensions: ["vscode-theme-github-light", "dark-github-theme"],
           },
         },
         {