Initial Commit

Author: Mopholo

.eslintignore

@@ -0,0 +1,4 @@
+node_modules/*
+out/*
+.next/*
+misc/*

.eslintrc.js

@@ -0,0 +1,39 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'react'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'next/core-web-vitals'
+  ],
+  env: {
+    es6: true,
+    browser: true,
+    jest: true,
+    node: true
+  },
+  settings: {
+    react: {
+      version: 'detect' // Automatically detect React version
+    }
+  },
+  rules: {
+    '@typescript-eslint/no-explicit-any': 0,
+    'object-shorthand': 'warn',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    'react/react-in-jsx-scope': 'off',
+    'react/no-children-prop': 'off',
+    '@typescript-eslint/no-unused-vars': 'warn', // if it's import var, tree-shaking will remove safely and ctrl+shift+O will auto delete unused import. And this rule is unnecessary for Debug
+    '@typescript-eslint/no-empty-interface': 'off', // during Dev, you may want build a temp component who's props extends another exist, and detail develop it is future. but, this lint will prevent you to do that. so, it's not a development friendly rule. it's a troublemaker
+    'react/display-name': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'react-hooks/exhaustive-deps': 'off',
+    'react/prop-types': 'off',
+    'typescript-eslint/ban-types': 0,
+    'no-async-promise-executor': 'warn',
+    'prefer-const': 'warn',
+    'import/no-named-as-default': 'off' // Disables warnings about default imports
+  }
+}

.gitignore

@@ -0,0 +1,44 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# vscode local history
+.history
+
+# 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
+
+#ts
+tsconfig.tsbuildinfo
+
+# Sentry
+.sentry.properties
+
+# Sentry Config File
+.env.sentry-build-plugin

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+#. "$(dirname -- "$0")/_/husky.sh"
+
+# yarn type-check

.prettierrc

@@ -0,0 +1,19 @@
+{
+	"arrowParens": "always",
+	"bracketSpacing": true,
+	"eslintIntegration": true,
+	"overrides": [
+		{
+			"files": ".prettierrc",
+			"options": {
+				"parser": "typescript"
+			}
+		}
+	],
+	"printWidth": 140,
+	"semi": false,
+	"singleQuote": true,
+	"tabWidth": 2,
+	"trailingComma": "none",
+	"useTabs": false
+}

.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    // prettier
+    "esbenp.prettier-vscode",
+    // control prettier format flow
+    "rohit-gohri.format-code-action",
+    // colorful comments
+    "aaron-bond.better-comments"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,65 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.tabSize": 2,
+  // format flow
+  "editor.codeActionsOnSave": ["source.formatDocument", "source.organizeImports.sortImports"],
+  "eslint.validate": ["typescript"],
+  // https://marketplace.visualstudio.com/items?itemName=dozerg.tsimportsorter
+  "tsImportSorter.configuration.groupRules": [["^@\\w", "^\\w"], ["^@/"], ["^\\.\\."], ["^\\."], { "flags": "scripts" }],
+  "tsImportSorter.configuration.keepUnused": [".*"],
+  "tsImportSorter.configuration.wrappingStyle": {
+    "maxNamesPerWrappedLine": 0,
+    "maxBindingNamesPerLine": 0,
+    "maxDefaultAndBindingNamesPerLine": 0
+  },
+  // aaron-bond.better-comments
+  "better-comments.multilineComments": true,
+  "better-comments.tags": [
+    {
+      "tag": "!",
+      "color": "#FF2D00",
+      "strikethrough": false,
+      "underline": false,
+      "backgroundColor": "transparent",
+      "bold": false,
+      "italic": false
+    },
+    {
+      "tag": "?",
+      "color": "#3498DB",
+      "strikethrough": false,
+      "underline": false,
+      "backgroundColor": "transparent",
+      "bold": false,
+      "italic": false
+    },
+    {
+      "tag": "//",
+      "color": "#474747",
+      "strikethrough": true,
+      "underline": false,
+      "backgroundColor": "transparent",
+      "bold": false,
+      "italic": false
+    },
+    {
+      "tag": "todo",
+      "color": "#FF8C00",
+      "strikethrough": false,
+      "underline": false,
+      "backgroundColor": "transparent",
+      "bold": false,
+      "italic": false
+    },
+    {
+      "tag": "*",
+      "color": "#98C379",
+      "strikethrough": false,
+      "underline": false,
+      "backgroundColor": "transparent",
+      "bold": false,
+      "italic": false
+    }
+  ]
+}