🐛 fix: format error and ci setup

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Setup
-        uses: ./tooling/github/setup
+        uses: ./configs/github/setup
 
       - name: Copy env
         shell: bash
@@ -40,7 +40,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Setup
-        uses: ./tooling/github/setup
+        uses: ./configs/github/setup
 
       - name: Format
         run: pnpm format
@@ -51,7 +51,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Setup
-        uses: ./tooling/github/setup
+        uses: ./configs/github/setup
 
       - name: Typecheck
         run: pnpm typecheck

README.md

@@ -26,7 +26,7 @@ packages
  |      └─ Tailwind CSS
  └─ utils
      └─ Utility functions
-tooling
+configs
  ├─ eslint
  ├─ github
  ├─ prettier
@@ -76,7 +76,6 @@ Let's deploy the Next.js application to [Vercel](https://vercel.com/). If you ha
 
 2. Done! Your app should successfully deploy.
 
-
 ## References
 
 - [Turborepo](https://turbo.build/repo)
@@ -88,4 +87,4 @@ MIT License
 
 <hr>
 
-© 2023 Wahyu Kurniawan
+© 2023 Wahyu Kurniawan

apps/auth-proxy/package.json

@@ -14,10 +14,10 @@
     "@auth/core": "^0.20.0"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tailwind-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tailwind-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "eslint": "^8.56.0",
     "nitropack": "^2.8.1",
     "prettier": "^3.1.1",

apps/auth-proxy/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "@acme/tsconfig/base.json",
-  "include": ["routes"]
+  "include": ["routes"],
 }

apps/expo/package.json

@@ -37,11 +37,11 @@
     "superjson": "2.2.1"
   },
   "devDependencies": {
-    "@acme/api": "workspace:^0.1.0",
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tailwind-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/api": "workspace:*",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tailwind-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "@babel/core": "^7.23.7",
     "@babel/preset-env": "^7.23.7",
     "@babel/runtime": "^7.23.7",

apps/expo/tsconfig.json

@@ -3,19 +3,19 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
+      "~/*": ["./src/*"],
     },
     "jsx": "react-native",
     "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
-    "types": ["nativewind/types"]
+    "types": ["nativewind/types"],
   },
   "include": [
     "src",
     "*.ts",
     "index.tsx",
     "*.js",
     ".expo/types/**/*.ts",
-    "expo-env.d.ts"
+    "expo-env.d.ts",
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

apps/nextjs/package.json

@@ -14,11 +14,11 @@
     "with-env": "dotenv -e ../../.env --"
   },
   "dependencies": {
-    "@acme/api": "workspace:^0.1.0",
-    "@acme/auth": "workspace:^0.1.0",
-    "@acme/db": "workspace:^0.1.0",
-    "@acme/ui": "workspace:^0.1.0",
-    "@acme/validators": "workspace:^0.1.0",
+    "@acme/api": "workspace:*",
+    "@acme/auth": "workspace:*",
+    "@acme/db": "workspace:*",
+    "@acme/ui": "workspace:*",
+    "@acme/validators": "workspace:*",
     "@t3-oss/env-nextjs": "^0.7.1",
     "@tanstack/react-query": "^5.17.7",
     "@tanstack/react-query-devtools": "^5.17.7",
@@ -34,10 +34,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tailwind-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tailwind-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "@types/node": "^20.10.6",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",

apps/nextjs/src/app/_components/posts.tsx

@@ -47,7 +47,7 @@ export function CreatePostForm() {
     <Form {...form}>
       <form
         className="flex w-full max-w-2xl flex-col gap-4"
-        onSubmit={form.handleSubmit(async (data) => {
+        onSubmit={form.handleSubmit((data) => {
           createPost.mutate(data);
         })}
       >
@@ -138,8 +138,8 @@ export function PostCard(props: {
       </div>
       <div>
         <Button
-          variant="ghost"
           className="cursor-pointer text-sm font-bold uppercase text-primary hover:bg-transparent hover:text-white"
+          variant="ghost"
           onClick={() => deletePost.mutate(props.post.id)}
         >
           Delete

apps/nextjs/tailwind.config.ts

@@ -6,6 +6,7 @@ import baseConfig from "@acme/tailwind-config";
 export default {
   // We need to append the path to the UI package to the content array so that
   // those classes are included correctly.
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
   content: [...baseConfig.content, "../../packages/ui/**/*.{ts,tsx}"],
   presets: [baseConfig],
   theme: {

apps/nextjs/tsconfig.json

@@ -3,11 +3,11 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
+      "~/*": ["./src/*"],
     },
     "plugins": [{ "name": "next" }],
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": [".", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

configs/eslint/package.json

@@ -27,8 +27,8 @@
     "eslint-plugin-unused-imports": "^3.0.0"
   },
   "devDependencies": {
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "@types/eslint": "^8.56.0",
     "eslint": "^8.56.0",
     "prettier": "^3.1.1",

configs/eslint/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": ["."],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

configs/prettier/index.js

@@ -11,7 +11,7 @@ const config = {
     "prettier-plugin-tailwindcss",
   ],
   tailwindConfig: fileURLToPath(
-    new URL("../../tooling/tailwind/index.ts", import.meta.url),
+    new URL("../../configs/tailwind/tailwind.config.ts", import.meta.url),
   ),
   tailwindFunctions: ["cn", "cva"],
   importOrder: [

configs/prettier/package.json

@@ -17,7 +17,7 @@
     "prettier-plugin-tailwindcss": "^0.5.10"
   },
   "devDependencies": {
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/tsconfig": "workspace:*",
     "typescript": "^5.3.3"
   },
   "prettier": "@acme/prettier-config"

configs/prettier/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": ["."],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

configs/tailwind/functions/hexToRGB.ts

@@ -1,4 +1,4 @@
-import { tinycolor } from "@ctrl/tinycolor";
+import { TinyColor } from "@ctrl/tinycolor";
 
 /**
  * Converts color input into `r g b` format using tinycolor lib
@@ -8,9 +8,10 @@ import { tinycolor } from "@ctrl/tinycolor";
 
 export const hexToRGB = (value: string): string => {
   // check if the color is valid
-  if (tinycolor(value).isValid) {
+  const isValid = new TinyColor(value).isValid;
+  if (isValid) {
     // get the rgb values of the color
-    const { r, g, b } = tinycolor(value).toRgb();
+    const { r, g, b } = new TinyColor(value).toRgb();
     // return the rgb values in a string
     return `${r} ${g} ${b}`;
   }

configs/tailwind/package.json

@@ -3,6 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "files": [
+    "tailwind.config.ts",
+    "postcss.js"
+  ],
   "exports": {
     ".": "./tailwind.config.ts",
     "./postcss": "./postcss.js"
@@ -23,9 +27,9 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "eslint": "^8.56.0",
     "postcss-import": "^16.0.0",
     "prettier": "^3.1.1",

configs/tailwind/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": ["."],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

package.json

@@ -8,7 +8,7 @@
   "scripts": {
     "postinstall": "pnpm lint:ws",
     "build": "turbo build",
-    "clean": "git clean -xdf node_modules && pnpm run clean:workspaces && pnpm run clean:all",
+    "clean": "git clean -xdf node_modules && pnpm run clean:all",
     "clean:all": "find . -name 'node_modules' -type d -prune -exec rm -rf '{}' +",
     "clean:workspaces": "turbo clean",
     "db:push": "pnpm -F db push",
@@ -22,7 +22,7 @@
     "typecheck": "turbo typecheck"
   },
   "devDependencies": {
-    "@acme/prettier-config": "workspace:^0.1.0",
+    "@acme/prettier-config": "workspace:*",
     "@turbo/gen": "^1.10.16",
     "prettier": "^3.1.0",
     "turbo": "^1.10.16",

packages/api/package.json

@@ -14,17 +14,17 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@acme/auth": "workspace:^0.1.0",
-    "@acme/db": "workspace:^0.1.0",
-    "@acme/validators": "workspace:^0.1.0",
+    "@acme/auth": "workspace:*",
+    "@acme/db": "workspace:*",
+    "@acme/validators": "workspace:*",
     "@trpc/server": "next",
     "superjson": "2.2.1",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "eslint": "^8.56.0",
     "prettier": "^3.1.1",
     "typescript": "^5.3.3"

packages/api/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": ["src"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

packages/auth/package.json

@@ -15,7 +15,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@acme/db": "workspace:^0.1.0",
+    "@acme/db": "workspace:*",
     "@auth/drizzle-adapter": "^0.3.12",
     "@t3-oss/env-nextjs": "^0.7.1",
     "next": "^14.0.4",
@@ -25,9 +25,9 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "eslint": "^8.56.0",
     "prettier": "^3.1.1",
     "typescript": "^5.3.3"

packages/auth/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
   },
   "include": ["src", "env.js"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

packages/db/package.json

@@ -20,9 +20,9 @@
     "drizzle-orm": "^0.29.3"
   },
   "devDependencies": {
-    "@acme/eslint-config": "workspace:^0.2.0",
-    "@acme/prettier-config": "workspace:^0.1.0",
-    "@acme/tsconfig": "workspace:^0.1.0",
+    "@acme/eslint-config": "workspace:*",
+    "@acme/prettier-config": "workspace:*",
+    "@acme/tsconfig": "workspace:*",
     "dotenv-cli": "^7.3.0",
     "drizzle-kit": "^0.20.10",
     "eslint": "^8.56.0",