feat: add drizzle (t3-oss#1461)

Co-authored-by: c-ehrlich <[email protected]>
Co-authored-by: Midas <[email protected]>
Co-authored-by: wiktrek <[email protected]>

.changeset/eleven-pants-smash.md

@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+refactor: swap inquirer for clack

.changeset/fast-teachers-explain.md

@@ -0,0 +1,22 @@
+---
+"create-t3-app": minor
+---
+
+feat: add drizzle
+
+This release adds a new option to use [`drizzle-orm`](https://orm.drizzle.team/docs/overview) as an alternative to Prisma.
+
+To make the different ORM options as similar as possible, some minor changes has also been made to the Prisma installer:
+
+- a new script `db:push` has been added and is included in both ORM options.
+- the prisma client has been renamed to `db` in the trpc context - you now access your database client like
+ ```ts
+ examples: publicProcedure.query((opts) => {
+ // prisma
+ opts.ctx.db.example.findMany()
+ // drizzle
+ opts.ctx.db.query.example.findMany()
+ }),
+ ```
+
+You cannot choose the two options in the same app.

.eslintrc.cjs

@@ -46,6 +46,9 @@ const config = {
  // These lint rules don't make sense for us but are enabled in the preset configs
  "@typescript-eslint/no-confusing-void-expression": "off",
  "@typescript-eslint/restrict-template-expressions": "off",
+
+ // This rule doesn't seem to be working properly
+ "@typescript-eslint/prefer-nullish-coalescing": "off",
  },
 };
 

.github/workflows/e2e.yml

@@ -27,30 +27,40 @@ jobs:
  tailwind: ["true", "false"]
  nextAuth: ["true", "false"]
  prisma: ["true", "false"]
+ drizzle: ["true", "false"]
 
- name: "Build and Start T3 App ${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }}"
+ name: "Build and Start T3 App ${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}}"
  steps:
  - uses: actions/checkout@v3
  with:
  fetch-depth: 0
 
+ - name: Check valid matrix
+ id: matrix-valid
+ run: |
+ echo "continue=${{ matrix.prisma == 'false' || matrix.drizzle == 'false' }}" >> $GITHUB_OUTPUT
+
  - name: Install Node.js
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }} 
  uses: actions/setup-node@v3
  with:
  node-version: 18
 
  - uses: pnpm/[email protected]
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
  name: Install pnpm
  id: pnpm-install
  with:
  run_install: false
 
  - name: Get pnpm store directory
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
  id: pnpm-cache
  run: |
  echo "pnpm_cache_dir=$(pnpm store path)" >> $GITHUB_OUTPUT
 
  - uses: actions/cache@v3
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
  name: Setup pnpm cache
  with:
  path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
@@ -59,14 +69,19 @@ jobs:
  ${{ runner.os }}-pnpm-store-
 
  - name: Install dependencies
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
  run: pnpm install
 
  - run: pnpm turbo --filter=create-t3-app build
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
+
  # has to be scaffolded outside the CLI project so that no lint/tsconfig are leaking
  # through. this way it ensures that it is the app's configs that are being used
  # FIXME: this is a bit hacky, would rather have --packages=trpc,tailwind,... but not sure how to setup the matrix for that
- - run: cd cli && pnpm start ../../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }} --noGit --CI --trpc=${{ matrix.trpc }} --tailwind=${{ matrix.tailwind }} --nextAuth=${{ matrix.nextAuth }} --prisma=${{ matrix.prisma }}
- - run: cd ../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }} && pnpm build
+ - run: cd cli && pnpm start ../../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}} --noGit --CI --trpc=${{ matrix.trpc }} --tailwind=${{ matrix.tailwind }} --nextAuth=${{ matrix.nextAuth }} --prisma=${{ matrix.prisma }} --drizzle=${{ matrix.drizzle }}
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
+ - run: cd ../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}} && pnpm build
+ if: ${{ steps.matrix-valid.outputs.continue == 'true' }}
  env:
  NEXTAUTH_SECRET: foo
 

.vscode/settings.json

@@ -24,5 +24,8 @@
  "mdx.experimentalLanguageServer": true,
  "[astro]": {
  "editor.defaultFormatter": "astro-build.astro-vscode"
+ },
+ "[prisma]": {
+ "editor.defaultFormatter": "Prisma.prisma"
  }
 }

cli/package.json

@@ -41,30 +41,36 @@
  "pub:release": "pnpm build && npm publish"
  },
  "dependencies": {
+ "@clack/core": "^0.3.2",
+ "@clack/prompts": "^0.6.3",
  "@ianvs/prettier-plugin-sort-imports": "^4.1.0",
  "chalk": "5.2.0",
  "commander": "^10.0.0",
  "execa": "^7.1.1",
  "fs-extra": "^11.1.1",
  "gradient-string": "^2.0.2",
- "inquirer": "^9.2.3",
  "ora": "6.3.1",
  "sort-package-json": "^2.4.1"
  },
  "devDependencies": {
- "@prisma/client": "^4.14.0",
+ "@auth/drizzle-adapter": "^0.3.2",
+ "@next-auth/prisma-adapter": "^1.0.7",
+ "@planetscale/database": "^1.11.0",
+ "@prisma/client": "^5.1.1",
  "@t3-oss/env-nextjs": "^0.6.0",
- "@tanstack/react-query": "^4.29.7",
- "@trpc/client": "^10.26.0",
- "@trpc/next": "^10.26.0",
- "@trpc/react-query": "^10.26.0",
- "@trpc/server": "^10.26.0",
+ "@tanstack/react-query": "^4.32.6",
+ "@trpc/client": "^10.37.1",
+ "@trpc/next": "^10.37.1",
+ "@trpc/react-query": "^10.37.1",
+ "@trpc/server": "^10.37.1",
  "@types/fs-extra": "^11.0.1",
  "@types/gradient-string": "^1.1.2",
  "@types/inquirer": "^9.0.3",
  "@types/node": "^18.16.0",
- "next": "^13.4.1",
- "next-auth": "^4.22.1",
+ "drizzle-kit": "^0.19.13",
+ "drizzle-orm": "^0.28.5",
+ "next": "^13.4.19",
+ "next-auth": "^4.23.1",
  "prettier": "^3.0.0",
  "prettier-plugin-tailwindcss": "^0.5.1",
  "prisma": "^4.14.0",