Merge pull request #773 from tszhong0411/dev

feat: update

.changeset/famous-maps-sniff.md

@@ -0,0 +1,5 @@
+---
+"@tszhong0411/tsconfig": patch
+---
+
+update config

.changeset/four-lamps-shave.md

@@ -0,0 +1,5 @@
+---
+"@tszhong0411/eslint-config": patch
+---
+
+update config

.changeset/gold-crabs-greet.md

@@ -0,0 +1,5 @@
+---
+"@tszhong0411/ui": patch
+---
+
+import react style

.changeset/sixty-nails-yawn.md

@@ -0,0 +1,5 @@
+---
+"@tszhong0411/utils": patch
+---
+
+update utils

.changeset/slow-stingrays-train.md

@@ -0,0 +1,5 @@
+---
+'@tszhong0411/ui': patch
+---
+
+refactor classname

.changeset/wicked-ears-type.md

@@ -0,0 +1,5 @@
+---
+"@tszhong0411/prettier-config": patch
+---
+
+update config

.cspell.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://raw.githubusercontent.com/streetsidesoftware/cspell/main/cspell.schema.json",
+  "dictionaries": ["libraries", "project-words"],
+  "dictionaryDefinitions": [
+    {
+      "name": "libraries",
+      "path": "./.cspell/libraries.txt",
+      "description": "A list of libraries"
+    },
+    {
+      "name": "project-words",
+      "path": "./.cspell/project-words.txt",
+      "description": "A list of project specific words"
+    }
+  ],
+  "files": [
+    "**/*.{js,cjs,mjs,ts,jsx,tsx,md,mdx,html,json,css,toml,yaml,yml,css}"
+  ],
+  "ignorePaths": [
+    "*lock.{yaml,json}",
+    "CHANGELOG.md",
+    "*.mp4",
+    "volumes",
+    "*.txt"
+  ],
+  "import": [
+    "@cspell/dict-typescript/cspell-ext.json",
+    "@cspell/dict-companies/cspell-ext.json",
+    "@cspell/dict-fullstack/cspell-ext.json",
+    "@cspell/dict-markdown/cspell-ext.json",
+    "@cspell/dict-npm/cspell-ext.json",
+    "@cspell/dict-node/cspell-ext.json"
+  ],
+  "language": "en-US",
+  "useGitignore": true,
+  "version": "0.2"
+}

.cspell/libraries.txt

@@ -0,0 +1,19 @@
+autosize
+cmdk
+cobe
+jiti
+knip
+lightningcss
+normy
+paralleldrive
+rehype
+shiki
+shikijs
+sonarjs
+sonner
+tinycolor2
+tiptap
+tsup
+tszhong0411
+vfile
+zustand

.cspell/project-words.txt

@@ -0,0 +1,57 @@
+aceternity
+airpods
+anishde
+bentogrids
+calcom
+callees
+cleanmymac
+cleanshot
+corepack
+customizer
+delba
+frontmatter
+fuma
+fumadocs
+goodnotes
+googleusercontent
+gstatic
+honghong
+honghongme
+jahir
+joshwcomeau
+karabiner
+keka
+leerob
+lightroom
+linktree
+macbook
+maximeheckel
+motrix
+mounty
+nextdotjs
+nextra
+nikolovlazar
+nodedotjs
+nosniff
+orbstack
+photoshop
+pixelsnap
+planetscale
+preinstall
+prosemirror
+raycast
+rmiz
+sameorigin
+samuelkraft
+scrollspy
+shadcn
+simulately
+tableplus
+techstack
+theodorusclarence
+umami
+unzoom
+visualstudiocode
+vocs
+wakatime
+zenorocha

.env.example

@@ -26,9 +26,7 @@ WAKATIME_API_KEY=
 # Authentication
 # @see https://next-auth.js.org/getting-started/example
 # ---------------------------------------------------------------------------------------------------------
-
 NEXTAUTH_SECRET=
-NEXTAUTH_URL="http://localhost:3000/api/auth"
 
 # Google OAuth
 GOOGLE_CLIENT_ID=
@@ -88,4 +86,4 @@ AUTHOR_EMAIL=
 # NEXT_PUBLIC_FLAG_SPOTIFY=true
 # NEXT_PUBLIC_FLAG_ANALYTICS=true
 # NEXT_PUBLIC_FLAG_GUESTBOOK_NOTIFICATION=true
-# NEXT_PUPLIC_FLAG_LIKE_BUTTON=true
+# NEXT_PUBLIC_FLAG_LIKE_BUTTON=true

.eslintrc.cjs

@@ -0,0 +1,8 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  ignorePatterns: ['apps/**', 'packages/**'],
+  extends: ['@tszhong0411/eslint-config', 'plugin:turbo/recommended'],
+  parserOptions: {
+    project: true
+  }
+}

.github/workflows/lint.yml

@@ -29,7 +29,10 @@ jobs:
         run: pnpm install
 
       - name: Build packages
-        run: pnpm build --filter=./packages/*
+        run: pnpm build:packages
+
+      - name: Create dotenv file
+        run: echo "DATABASE_URL=postgres://postgres:@localhost:5432" >> .env.local
 
       - name: Check
         run: pnpm check

.knip.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://unpkg.com/knip@5/schema.json",
+  "ignoreBinaries": ["only-allow"],
+  "workspaces": {
+    ".": {
+      "project": ["**/*.{js,ts,tsx}"]
+    },
+    "apps/web": {
+      "entry": ["./src/**/*.{js,ts,tsx}"],
+      "ignoreDependencies": ["sharp"]
+    },
+    "packages/eslint-config": {
+      "eslint": {
+        "config": "index.js"
+      }
+    },
+    "packages/prettier-config": {
+      "prettier": {
+        "config": "index.js"
+      }
+    }
+  }
+}

.prettierignore

@@ -1,4 +1,5 @@
 # Misc
 .changeset/*.md
+**/db/migrations/**/*
 pnpm-lock.yaml
 pnpm-workspace.yaml

.vscode/extensions.json

@@ -4,6 +4,7 @@
     "dbaeumer.vscode-eslint",
     "esbenp.prettier-vscode",
     "bradlc.vscode-tailwindcss",
-    "unifiedjs.vscode-mdx"
+    "unifiedjs.vscode-mdx",
+    "streetsidesoftware.code-spell-checker"
   ]
 }

.vscode/project.code-snippets

@@ -1,27 +1,4 @@
 {
-  "Custom Icon Component": {
-    "scope": "typescriptreact",
-    "prefix": "icon",
-    "body": [
-      "import * as React from 'react'",
-      "",
-      "export const Icon$1 = (props: React.SVGAttributes<SVGElement>) => {",
-      "  return (",
-      "    <svg",
-      "      xmlns='http://www.w3.org/2000/svg'",
-      "      width='24'",
-      "      height='24'",
-      "      viewBox='0 0 24 24'",
-      "      fill='currentColor'",
-      "      {...props}",
-      "    >",
-      "      $2",
-      "    </svg>",
-      "  )",
-      "}",
-      ""
-    ]
-  },
   "Stateless Functional Component": {
     "scope": "typescriptreact",
     "prefix": "sfc",

.vscode/settings.json

@@ -1,4 +1,7 @@
 {
+  "cSpell.enableFiletypes": ["mdx"],
+
+  "cSpell.enabled": true,
   "editor.formatOnPaste": true,
   "editor.formatOnSave": true,
 

CONTRIBUTING.md

@@ -95,7 +95,7 @@ The following flags can be set in the `.env.local` file to enable specific featu
 - `NEXT_PUBLIC_FLAG_SPOTIFY`: Spotify integration (Now Playing).
 - `NEXT_PUBLIC_FLAG_ANALYTICS`: Umami analytics.
 - `NEXT_PUBLIC_FLAG_GUESTBOOK_NOTIFICATION`: Discord notification for guestbook.
-- `NEXT_PUPLIC_FLAG_LIKE_BUTTON`: Like button for blog posts.
+- `NEXT_PUBLIC_FLAG_LIKE_BUTTON`: Like button for blog posts.
 
 ## Conventional Commits
 

README.md

@@ -44,10 +44,11 @@ Welcome to the monorepo of my personal blog! This repository houses the code for
 - 💄 Prettier - code formatting
 - 〰️ Drizzle - ORM
 - 👷🏻‍♂️ t3-env - validate environment variables before building
+- 🤖 Auto refresh - fast refresh when updating MDX
 
 ## 🔨 Requirements
 
-- Node, recommended `20.x`
+- Node, recommended `20.x` with [corepack](https://nodejs.org/api/corepack.html) enabled
 - pnpm, recommended `9.x`
 - PostgreSQL, recommended `14.x` (using [docker compose](./docker-compose.yml))
 - [Visual Studio Code](https://code.visualstudio.com/) with [recommended extensions](.vscode/extensions.json)
@@ -68,6 +69,37 @@ Please refer to the [contributing guidelines](./CONTRIBUTING.md) for detailed in
 
 This project has been possible thanks to the wonderful open-source community. Special thanks to [Timothy](https://www.timlrx.com/) for the [Tailwind nextjs starter blog template](https://github.com/timlrx/tailwind-nextjs-starter-blog).
 
+This project also uses / adapts the following open-source projects
+Without them, this project would not have been possible:
+
+- Comment System - from [fuma-comment](https://github.com/fuma-nama/fuma-comment)
+- Rehype Plugins - from [fuma-docs](https://github.com/fuma-nama/fumadocs)
+- MDX Rendering - from [next-mdx-remote](https://github.com/hashicorp/next-mdx-remote)
+- Auto Refresh - from [next-remote-refresh](https://github.com/souporserious/next-remote-refresh)
+- UI - from [shadcn/ui](https://github.com/shadcn-ui/ui)
+
+Referenced the following projects for inspiration:
+
+- [fumadocs](https://fumadocs.vercel.app/) ❤️
+- [leerob.io](https://leerob.io/)
+- [nextra](https://nextra.site/)
+- [theodorusclarence.com](https://theodorusclarence.com/)
+- [ped.ro](https://ped.ro/)
+- [delba.dev](https://delba.dev/)
+- [joshwcomeau.com](https://www.joshwcomeau.com/)
+- [blog.maximeheckel.com](https://blog.maximeheckel.com/)
+- [zenorocha.com](https://zenorocha.com/)
+- [jahir.dev](https://jahir.dev/)
+- [anishde.dev](https://anishde.dev/)
+- [nikolovlazar.com](https://nikolovlazar.com/)
+- [samuelkraft.com](https://samuelkraft.com/)
+- [bentogrids](https://bentogrids.com/)
+- [ui.aceternity.com](https://ui.aceternity.com/)
+- [hover.dev](https://www.hover.dev/)
+- [vocs.dev](https://vocs.dev/)
+
+and more but I can't remember them all 🥹
+
 ## ✍🏻 Author
 
 - [@tszhong0411](https://github.com/tszhong0411)

apps/web/.eslintrc.cjs

@@ -0,0 +1,9 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ['next/core-web-vitals', '@tszhong0411/eslint-config'],
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname
+  }
+}

apps/web/drizzle.config.ts

@@ -1,19 +1,12 @@
-import * as dotenv from 'dotenv'
 import { type Config } from 'drizzle-kit'
 
-dotenv.config({
-  path: '../../.env.local'
-})
-
-if (!process.env.DATABASE_URL) {
-  throw new Error('DATABASE_URL is required')
-}
+import { env } from './src/env'
 
 export default {
   dialect: 'postgresql',
   schema: './src/db/schema.ts',
   dbCredentials: {
-    url: process.env.DATABASE_URL
+    url: env.DATABASE_URL
   },
-  out: './src/db/migration'
+  out: './src/db/migrations'
 } satisfies Config