refactor: tsconfig, lint-staged (#12)

.editorconfig

@@ -5,11 +5,10 @@ charset = utf-8
 end_of_line = lf
 insert_final_newline = true
 indent_style = space
-indent_size = 4
+indent_size = 2
 trim_trailing_whitespace = true
 
 [*.md]
-indent_size = 2
 trim_trailing_whitespace = false
 
 [*.{yml,yaml}]

.github/dependabot.yml

@@ -1,25 +1,25 @@
 ---
 version: 2
 updates:
-    - package-ecosystem: 'github-actions'
-      directory: '/'
-      schedule:
-          interval: 'daily'
-      commit-message:
-          include: 'scope'
-          prefix: 'github-actions'
-      labels:
-          - 'deps'
-      open-pull-requests-limit: 10
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    schedule:
+      interval: 'daily'
+    commit-message:
+      include: 'scope'
+      prefix: 'github-actions'
+    labels:
+      - 'deps'
+    open-pull-requests-limit: 10
 
-    - package-ecosystem: 'npm'
-      directory: '/'
-      schedule:
-          interval: 'weekly'
-      commit-message:
-          include: 'scope'
-          prefix: 'npm'
-      labels:
-          - 'deps'
-      open-pull-requests-limit: 10
-      versioning-strategy: 'increase'
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'weekly'
+    commit-message:
+      include: 'scope'
+      prefix: 'npm'
+    labels:
+      - 'deps'
+    open-pull-requests-limit: 10
+    versioning-strategy: 'increase'

.github/labeler.yml

@@ -3,12 +3,12 @@
 # Documentation https://github.com/marketplace/actions/labeler
 
 'type: documentation':
-    - assets/**/*
-    - .github/*
-    - ./*.md
+  - assets/**/*
+  - .github/*
+  - ./*.md
 
 'type: maintenance':
-    - .dependabot/*
-    - .github/**/*
-    - app/tests/**/*
-    - tests/**/*
+  - .dependabot/*
+  - .github/**/*
+  - app/tests/**/*
+  - tests/**/*

.markdownlint.json

@@ -1,3 +1,3 @@
 {
-    "extends": "./node_modules/@wayofdev/markdownlint-config/index.json"
+  "extends": "./node_modules/@wayofdev/markdownlint-config/index.json"
 }

.prettierignore

@@ -0,0 +1,4 @@
+dist/
+.next/
+pnpm-lock.yaml
+.changeset/*.md

.prettierrc.js

@@ -1,8 +1,8 @@
 // More, about extending this config:
 // https://github.com/wayofdev/npm-shareable-configs/blob/master/packages/prettier-config/README.md
 module.exports = {
-    ...require('@wayofdev/prettier-config'),
-    semi: false,
-    tabWidth: 4,
-    useTabs: false,
+  ...require('@wayofdev/prettier-config'),
+  semi: false,
+  tabWidth: 2,
+  useTabs: false,
 }

.secretlintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-    ...require("@wayofdev/secretlint-config"),
+  ...require("@wayofdev/secretlint-config"),
 };

.stylelintrc.js

@@ -1,12 +1,12 @@
 // https://github.com/wayofdev/npm-shareable-configs/blob/master/packages/stylelint-config/README.md
 module.exports = {
-    // ignore linting in dist bundle output folder
-    ignoreFiles: ['dist/**'],
-    extends: '@wayofdev/stylelint-config/scss',
-    overrides: [
-        {
-            files: ['**/*.css'],
-            extends: '@wayofdev/stylelint-config',
-        },
-    ],
+  // ignore linting in dist bundle output folder
+  ignoreFiles: ['dist/**'],
+  extends: '@wayofdev/stylelint-config/scss',
+  overrides: [
+    {
+      files: ['**/*.css'],
+      extends: '@wayofdev/stylelint-config',
+    },
+  ],
 }

.yamllint

@@ -3,9 +3,9 @@
 extends: default
 
 ignore: |
-    pnpm-lock.yaml
-    pnpm-workspace.yaml
-    node_modules/
+  pnpm-lock.yaml
+  pnpm-workspace.yaml
+  node_modules/
 
 # Overwrite above default rules
 rules:

Makefile

@@ -96,7 +96,7 @@ endif
 .PHONY: env
 
 install:
-	$(NPM_RUNNER) install -r
+	$(NPM_RUNNER) i
 .PHONY: install
 
 update:
@@ -107,8 +107,8 @@ build:
 	$(NPM_RUNNER) run build
 .PHONY: build
 
-purge:
-	rm -rf .pnpm-store node_modules pnpm-lock.yaml
+purge: down
+	rm -rf .pnpm-store node_modules **/node_modules pnpm-lock.yaml
 .PHONY: purge
 
 

apps/docs/.eslintrc.js

@@ -1,4 +1,19 @@
 module.exports = {
   root: true,
-  extends: ["custom"],
-};
+  extends: ['custom'],
+  plugins: ['import'],
+  parserOptions: {
+    project: ['tsconfig.json'],
+    tsconfigRootDir: __dirname,
+  },
+  overrides: [
+    {
+      files: ['**/*.js'],
+      extends: ['@wayofdev/eslint-config/'],
+    },
+  ],
+  rules: {
+    'import/extensions': 'off',
+  },
+  ignorePatterns: ['dist/**', '.next/**'],
+}

apps/docs/README.md

@@ -10,21 +10,27 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed
+on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited
+in `pages/api/hello.js`.
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated
+as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:
 
--   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
--   [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions
+are welcome!
 
 ## Deploy on Vercel
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
+The easiest way to deploy your Next.js app is to use
+the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme)
+from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

apps/docs/package.json

@@ -1,28 +1,32 @@
 {
-    "name": "docs",
-    "version": "0.0.0",
-    "private": true,
-    "scripts": {
-        "dev": "next dev --port 3001",
-        "build": "next build",
-        "start": "next start",
-        "lint": "next lint"
-    },
-    "dependencies": {
-        "next": "13.0.7",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "ui": "workspace:0.0.0"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.20.5",
-        "@types/node": "^18.11.17",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.9",
-        "@wayofdev/browserslist-config": "^1.0.0",
-        "eslint": "^7.32.0",
-        "eslint-config-custom": "workspace:0.0.0",
-        "tsconfig": "workspace:0.0.0",
-        "typescript": "^4.9.4"
-    }
+  "name": "docs",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3001",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "13.0.7",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "ui": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.4",
+    "jest": "^29.3.1",
+    "jest-config": "workspace:*",
+    "@babel/core": "^7.20.5",
+    "@types/node": "^18.11.17",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
+    "@wayofdev/browserslist-config": "^1.1.0",
+    "eslint": "^8.30.0",
+    "eslint-config-custom": "workspace:*",
+    "tsconfig-config": "workspace:*",
+    "typescript": "^4.9.4",
+    "npm-run-all": "^4.1.5"
+  }
 }

apps/docs/pages/index.tsx

@@ -1,10 +1,10 @@
 import { Button } from 'ui'
 
-export default function Docs() {
-    return (
-        <div>
-            <h1>Docs</h1>
-            <Button />
-        </div>
-    )
+export default function Documentation() {
+  return (
+    <div>
+      <h1>Documentation</h1>
+      <Button />
+    </div>
+  )
 }

apps/docs/tsconfig.json

@@ -1,5 +1,15 @@
 {
-  "extends": "tsconfig/nextjs.json",
+  "extends": "tsconfig-config/next.json",
+  "exclude": ["node_modules", "dist", "coverage"],
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "compilerOptions": {
+    "outDir": "dist",
+    "baseUrl": "./",
+    //    "paths": {
+    //      "@/*": [
+    //        "src/*"
+    //      ]
+    //    }
+    "moduleResolution": "node"
+  }
 }

apps/web/.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  root: true,
+  extends: ['custom'],
+  plugins: ['import'],
+  parserOptions: {
+    project: ['tsconfig.json'],
+    tsconfigRootDir: __dirname,
+  },
+  overrides: [
+    {
+      files: ['**/*.js'],
+      extends: ['@wayofdev/eslint-config/'],
+    },
+  ],
+  rules: {
+    'import/extensions': 'off',
+  },
+  ignorePatterns: ['dist/**', '.next/**'],
+}

apps/web/README.md

@@ -10,21 +10,27 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed
+on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited
+in `pages/api/hello.js`.
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated
+as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:
 
--   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
--   [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions
+are welcome!
 
 ## Deploy on Vercel
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
+The easiest way to deploy your Next.js app is to use
+the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme)
+from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

apps/web/next.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-    reactStrictMode: true,
-    experimental: {
-        transpilePackages: ['ui'],
-    },
+  reactStrictMode: true,
+  experimental: {
+    transpilePackages: ['ui'],
+  },
 }