Initial commit

.eslintrc.js

@@ -0,0 +1,75 @@
+module.exports = {
+    env: {
+        browser: true,
+        es2021: true,
+        node: true,
+        jest: true,
+    },
+    plugins: ["simple-import-sort", "unused-imports"],
+    extends: ["eslint:recommended", "next", "next/core-web-vitals", "prettier"],
+    rules: {
+        "no-unused-vars": "off",
+        "no-console": "warn",
+
+        "react/display-name": "off",
+        "react/jsx-curly-brace-presence": [
+            "warn",
+            { props: "never", children: "never" },
+        ],
+
+        //#region  //*=========== Unused Import ===========
+        "unused-imports/no-unused-imports": "warn",
+        "unused-imports/no-unused-vars": [
+            "warn",
+            {
+                vars: "all",
+                varsIgnorePattern: "^_",
+                args: "after-used",
+                argsIgnorePattern: "^_",
+            },
+        ],
+        //#endregion  //*======== Unused Import ===========
+
+        //#region  //*=========== Import Sort ===========
+        "simple-import-sort/exports": "warn",
+        "simple-import-sort/imports": [
+            "warn",
+            {
+                groups: [
+                    // ext library & side effect imports
+                    ["^@?\\w", "^\\u0000"],
+                    // {s}css files
+                    ["^.+\\.s?css$"],
+                    // Lib and hooks
+                    ["^@/lib", "^@/hooks"],
+                    // static data
+                    ["^@/data"],
+                    // components
+                    ["^@/components", "^@/container"],
+                    // zustand store
+                    ["^@/store"],
+                    // Other imports
+                    ["^@/"],
+                    // relative paths up until 3 level
+                    [
+                        "^\\./?$",
+                        "^\\.(?!/?$)",
+                        "^\\.\\./?$",
+                        "^\\.\\.(?!/?$)",
+                        "^\\.\\./\\.\\./?$",
+                        "^\\.\\./\\.\\.(?!/?$)",
+                        "^\\.\\./\\.\\./\\.\\./?$",
+                        "^\\.\\./\\.\\./\\.\\.(?!/?$)",
+                    ],
+                    // other that didnt fit in
+                    ["^"],
+                ],
+            },
+        ],
+        //#endregion  //*======== Import Sort ===========
+    },
+    globals: {
+        React: true,
+        JSX: true,
+    },
+};

.github/ISSUE_TEMPLATE/new-feature.md

@@ -0,0 +1,22 @@
+---
+name: New feature
+about: New component
+title: ""
+labels: ""
+assignees: ""
+---
+
+**Task title**
+The task title
+
+**Task description**
+Put the description here (Mandatory)
+
+**Subtasks**
+Put the subtasks here if any (optional)
+
+**Screenshots**
+Put at least one screenshot here
+
+**Link to the component on Figma**
+Put the link here

.github/workflows/issue-autolink.yml

@@ -0,0 +1,13 @@
+name: "Issue Autolink"
+on:
+    pull_request:
+        types: [opened]
+
+jobs:
+    issue-links:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: tkt-actions/[email protected]
+              with:
+                  repo-token: "${{ secrets.GITHUB_TOKEN }}"
+                  resolve: "true"

.github/workflows/lint.yml

@@ -0,0 +1,64 @@
+# https://github.com/kentcdodds/kentcdodds.com/blob/main/.github/workflows/deployment.yml
+name: Code Check
+on:
+    push:
+        branches:
+            - main
+            - master
+            - develop
+    pull_request: {}
+
+jobs:
+    lint:
+        name: ⬣ ESLint
+        runs-on: ubuntu-latest
+        steps:
+            - name: ⬇️ Checkout repo
+              uses: actions/checkout@v2
+
+            - name: ⎔ Setup node
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16
+
+            - name: 📥 Download deps
+              uses: bahmutov/npm-install@v1
+
+            - name: 🔬 Lint
+              run: yarn lint:strict
+
+    prettier:
+        name: 💅 Prettier
+        runs-on: ubuntu-latest
+        steps:
+            - name: ⬇️ Checkout repo
+              uses: actions/checkout@v2
+
+            - name: ⎔ Setup node
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16
+
+            - name: 📥 Download deps
+              uses: bahmutov/npm-install@v1
+
+            - name: 🔎 Type check
+              run: yarn format:check
+
+    test:
+        name: 🃏 Test
+        runs-on: ubuntu-latest
+        steps:
+            - name: ⬇️ Checkout repo
+              uses: actions/checkout@v2
+
+            - name: ⎔ Setup node
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16
+
+            - name: 📥 Download deps
+              uses: bahmutov/npm-install@v1
+
+            - name: 🃏 Run jest
+              run: yarn test

.gitignore

@@ -0,0 +1,39 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# next-sitemap
+robots.txt
+sitemap.xml
+sitemap-*.xml

.husky/commit-msg

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

.husky/post-merge

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

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run test
+npx lint-staged

.npmrc

@@ -0,0 +1 @@
+v16.14.0

.prettierignore

@@ -0,0 +1,38 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+.next
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# changelog
+CHANGELOG.md

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    arrowParens: "always",
+    singleQuote: false,
+    jsxSingleQuote: true,
+    tabWidth: 4,
+    semi: true,
+};

.vscode/css.code-snippets

@@ -0,0 +1,10 @@
+{
+    "Region CSS": {
+        "prefix": "regc",
+        "body": [
+            "/* #region  /**=========== ${1} =========== */",
+            "$0",
+            "/* #endregion  /**======== ${1} =========== */"
+        ]
+    }
+}

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+    "recommendations": [
+        // Tailwind CSS Intellisense
+        "bradlc.vscode-tailwindcss",
+        "esbenp.prettier-vscode",
+        "dbaeumer.vscode-eslint",
+        "aaron-bond.better-comments"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "css.validate": false,
+    "editor.formatOnSave": true,
+    "editor.tabSize": 2,
+    "editor.codeActionsOnSave": {
+        "source.fixAll": true
+    },
+    "headwind.runOnSave": false,
+    "typescript.preferences.importModuleSpecifier": "non-relative"
+}