[WIP] Drizzle Run next

.github/workflows/publish-commit.drizzle-visualizer.yaml

@@ -0,0 +1,83 @@
+name: "[Drizzle Visualizer] 🚀 pkg-pr-new"
+
+concurrency:
+  group: ${{ github.repository }}-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+on:
+  pull_request:
+    paths:
+      - "packages/visualizer/**"
+
+defaults:
+  run:
+    working-directory: packages/visualizer
+
+jobs:
+  lint:
+    name: ⬣ Linting
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: biomejs/setup-biome@v2
+      - run: biome ci . --reporter=github
+
+  typecheck:
+    name: 🔎 Type check
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: 👷 Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: ⎔ Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: "package.json"
+          cache: "pnpm"
+          cache-dependency-path: |
+            packages/visualizer/pnpm-lock.yaml
+            packages/cli/pnpm-lock.yaml
+
+      - name: 📥 Install dependencies
+        run: pnpm install
+
+      - name: 🔎 Type check
+        run: pnpm typecheck
+
+  build:
+    name: 🏗️ Build
+    runs-on: ubuntu-latest
+    needs: [lint, typecheck]
+
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: 👷 Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: ⎔ Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: "package.json"
+          cache: "pnpm"
+          cache-dependency-path: |
+            packages/visualizer/pnpm-lock.yaml
+            packages/cli/pnpm-lock.yaml
+
+      - name: 📥 Install dependencies
+        run: pnpm install
+
+      - name: 🏗️ Build
+        run: pnpm build
+
+      - name: 📦 Prepare package
+        run: pnpm prepublishOnly
+
+      - name: 📦 Publish
+        run: pnpm dlx pkg-pr-new publish --packageManager=pnpm

.pnpmfile.cjs

@@ -0,0 +1,12 @@
+const { exec } = require("node:child_process");
+
+function afterAllResolved(lockfile) {
+  exec("pnpm dlx @biomejs/biome format --write package.json");
+  return lockfile;
+}
+
+module.exports = {
+  hooks: {
+    afterAllResolved,
+  },
+};

.vscode/extensions.json

@@ -1,5 +1,9 @@
 {
   // See http://go.microsoft.com/fwlink/?LinkId=827846
   // for the documentation about the extensions.json format
-  "recommendations": ["dbaeumer.vscode-eslint", "connor4312.esbuild-problem-matchers", "ms-vscode.extension-test-runner"]
+  "recommendations": [
+    "connor4312.esbuild-problem-matchers",
+    "ms-vscode.extension-test-runner",
+    "biomejs.biome"
+  ]
 }

.vscode/settings.json

@@ -1,13 +1,14 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-    "files.exclude": {
-        "out": false, // set this to true to hide the "out" folder with the compiled JS files
-        "dist": false // set this to true to hide the "dist" folder with the compiled JS files
-    },
-    "search.exclude": {
-        "out": true, // set this to false to include "out" folder in search results
-        "dist": true // set this to false to include "dist" folder in search results
-    },
-    // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-    "typescript.tsc.autoDetect": "off"
-}
+  "files.exclude": {
+    "out": false, // set this to true to hide the "out" folder with the compiled JS files
+    "dist": false // set this to true to hide the "dist" folder with the compiled JS files
+  },
+  "search.exclude": {
+    "out": true, // set this to false to include "out" folder in search results
+    "dist": true // set this to false to include "dist" folder in search results
+  },
+  // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+  "typescript.tsc.autoDetect": "off",
+  "editor.defaultFormatter": "biomejs.biome"
+}

apps/cli/cli.ts

@@ -40,6 +40,10 @@ const visualizer = command({
     "env-path": envPath,
   },
   async transform(options) {
+    disclaimer();
+    checkNodeVersion();
+    await assertOrmCoreVersion();
+
     const DRIZZLE_LAB_CWD = process.cwd();
 
     const cliEnvs = {
@@ -84,10 +88,6 @@ const visualizer = command({
     return options;
   },
   async handler() {
-    disclaimer();
-
-    await assertOrmCoreVersion();
-
     process.env.NODE_ENV === "development"
       ? spawnSync("vite", ["--host"], {
           stdio: "inherit",
@@ -113,6 +113,10 @@ const snapshot = command({
     "env-path": envPath,
   },
   transform: async (options) => {
+    disclaimer();
+    checkNodeVersion();
+    await assertOrmCoreVersion();
+
     process.env[DRIZZLE_LAB_ENV_KEY.DEBUG] = String(options.debug);
     process.env[DRIZZLE_LAB_ENV_KEY.TS_CONFIG_PATH] = options["ts-config"];
     process.env[DRIZZLE_LAB_ENV_KEY.ENV_FILE_PATH] = options["env-path"];
@@ -127,10 +131,6 @@ const snapshot = command({
     return config;
   },
   async handler(config) {
-    disclaimer();
-
-    await assertOrmCoreVersion();
-
     let snapshot = {};
 
     switch (config.dialect) {
@@ -177,6 +177,10 @@ const sql = command({
     "env-path": envPath,
   },
   transform: async (options) => {
+    disclaimer();
+    checkNodeVersion();
+    await assertOrmCoreVersion();
+
     process.env[DRIZZLE_LAB_ENV_KEY.DEBUG] = String(options.debug);
     process.env[DRIZZLE_LAB_ENV_KEY.TS_CONFIG_PATH] = options["ts-config"];
     process.env[DRIZZLE_LAB_ENV_KEY.ENV_FILE_PATH] = options["env-path"];
@@ -191,10 +195,6 @@ const sql = command({
     return config;
   },
   async handler(config) {
-    disclaimer();
-
-    await assertOrmCoreVersion();
-
     let sql = "";
 
     switch (config.dialect) {
@@ -249,7 +249,7 @@ function disclaimer() {
   console.log(
     chalk.yellow(
       `Drizzle Lab is a community-driven work in progress, and it is not guaranteed to work as expected.
-If you want to help improve it, feel free to create an issue on GitHub: https://github.com/rphlmr/drizzle-lab/issues/new or reach out to me on Discord, X, or BlueSky at @rphlmr.`,
+If you want to help improve it, feel free to create an issue on GitHub: https://github.com/rphlmr/drizzle-lab/issues/new or reach out to me on Discord (https://discord.com/channels/1043890932593987624/1310703894329819166), X, or BlueSky at @rphlmr.`,
     ),
   );
 }
@@ -270,3 +270,12 @@ async function assertOrmCoreVersion() {
     throw e;
   }
 }
+
+function checkNodeVersion() {
+  const [major, minor] = process.version.split("v")[1].split(".").map(Number);
+  if (major <= 20 && minor < 12) {
+    const msg = `Drizzle Visualizer requires Node.js 20.12.0 or higher. You have ${process.version}`;
+    console.log(chalk.red(msg));
+    throw new Error(msg);
+  }
+}

apps/cli/example/multi-packages/drizzle.config.dev.ts

@@ -0,0 +1,28 @@
+/**
+ * This is the configuration for the server-side database.
+ */
+
+import { defineConfig } from "drizzle-kit";
+
+const base = "./example/multi-packages";
+
+export default defineConfig({
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.ADMIN_DATABASE_URL!,
+  },
+  schema: [`${base}/**/database/schema.ts`, `${base}/**/database/relations.ts`],
+  out: `${base}/migrations`,
+  verbose: false,
+  schemaFilter: ["public"],
+  casing: "snake_case",
+  migrations: {
+    prefix: "timestamp",
+  },
+  entities: {
+    roles: {
+      provider: "supabase",
+      exclude: ["supabase_auth_admin"],
+    },
+  },
+});

apps/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drizzle-lab",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Drizzle Lab CLI",
   "sideEffects": false,
   "type": "module",
@@ -96,6 +96,6 @@
     "vite-tsconfig-paths": "^4.2.1"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.0.0"
   }
 }

apps/drizzle-run/app/routes/_/route.tsx

@@ -505,7 +505,7 @@ export default function MainLayout() {
         <>
           {dialog.type === "new_playground" && (
             <Dialog open onOpenChange={dialog.toggle}>
-              <DialogContent className="h-96 md:max-w-[80%]">
+              <DialogContent className="md:max-w-[80%] h-96">
                 <NewPlaygroundWizard />
               </DialogContent>
             </Dialog>

apps/drizzle-run/package.json

@@ -36,8 +36,6 @@
   "dependencies": {
     "@conform-to/react": "^1.1.3",
     "@conform-to/zod": "^1.1.3",
-    "@drizzle-lab/api": "*",
-    "@drizzle-lab/visualizer": "*",
     "@electric-sql/pglite": "^0.2.3",
     "@electric-sql/pglite-v1": "npm:@electric-sql/pglite@0.1.5",
     "@epic-web/cachified": "^5.2.0",
@@ -66,7 +64,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-resizable-panels": "^2.0.22",
-    "react-router-hono-server": "^0.1.0",
+    "react-router-hono-server": "^1.2.0",
     "remix-utils": "^7.6.0",
     "sonner": "^1.4.41",
     "use-debounce": "^10.0.3",
@@ -77,8 +75,6 @@
   "devDependencies": {
     "@flydotio/dockerfile": "^0.5.8",
     "@remix-run/dev": "^2.14.0",
-    "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
     "@shikijs/monaco": "^1.14.1",
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
@@ -96,6 +92,6 @@
     "vitest": "^2.0.5"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.0.0"
   }
 }

biome.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
-    "include": ["apps/cli/**/*"]
+    "ignore": ["dist", "build", "styles.css", ".pnpmfile.cjs", "node_modules"]
   },
   "vcs": {
     "enabled": true,
@@ -11,7 +11,7 @@
   },
   "formatter": {
     "enabled": true,
-    "formatWithErrors": true,
+    "formatWithErrors": false,
     "indentStyle": "space",
     "lineEnding": "lf",
     "lineWidth": 120
@@ -21,29 +21,37 @@
   },
   "linter": {
     "enabled": true,
+    "ignore": ["package.json"],
     "rules": {
       "recommended": true,
       "suspicious": {
         "recommended": true,
         "noExplicitAny": "off",
-        "noConfusingVoidType": "off"
+        "useAwait": "error"
       },
       "style": {
         "recommended": true,
         "noParameterAssign": "info",
+        "noUnusedTemplateLiteral": "warn",
         "noNonNullAssertion": "warn"
       },
       "complexity": {
-        "recommended": true
+        "recommended": true,
+        "noForEach": "warn",
+        "useLiteralKeys": "warn",
+        "noUselessCatch": "warn"
       },
       "security": {
-        "recommended": true
+        "recommended": true,
+        "noDangerouslySetInnerHtml": "off"
       },
       "performance": {
         "recommended": true
       },
       "correctness": {
-        "recommended": true
+        "recommended": true,
+        "noUnusedImports": "warn",
+        "useExhaustiveDependencies": "warn"
       },
       "a11y": {
         "recommended": true