👋 @jensimmons.bsky.social I’m using Safari as my daily driver for work and enjoying it so far. Is there a way to make the classes panel resizable or taller? With many tailwind classes it’s difficult to use 😬
Raphaël Moreau ⚡️
@rphlmr.com
#Freelance @drizzle.team (advocate) | Work smarter, not harder. ⚡️| Building https://drizzle.run
I've just published an experimental standalone @drizzle.team Visualizer React component. www.npmjs.com/package/@dri...
React Router Hono Server 2.6.2 has been released! Add Vite 6 as a peer dependency (keeping Vite 5 too). Add support for React Router basename (including .data requests) Handle React Router app as a Hono sub app And more! github.com/rphlmr/react...
Release v2.6.2 · rphlmr/react-router-hono-server
What's Changed Vite 6 + Hono sub app + fixes by @rphlmr in #50 Full Changelog: v2.5.0...v2.6.0 Fixes #49 #44 #47 Add Vite 6 as a peer dependency (keeping Vite 5 too). Fix build loader for cloudf...
github.com
Hey there 👋 @drizzle.team Visualizer should now be able to load .env and thus work with the T3 stack npx drizzle-lab@latest visualizer --env-path=.env drizzle-lab 0.10.0 | vscode-drizzle-orm 0.9.0
React Router Hono Server 2.1.0 is live! Now, you just have to change 1 import in your server file and add a 'runtime' key in the Vite plugin! You can run it on Node (default), Bun or Cloudflare. Check the examples 🫡 github.com/rphlmr/react...
UI improvements for @drizzle.team Visualizer (VSCode extension and drizzle-lab CLI). New auto layout New export to png
So, I tried to add Bun and Cloudflare worker support to React Router Hono Server. I'm not a Cloudflare expert. Who want to test and report back? npm i pkg.pr.new/rphlmr/react... Doc 👇 github.com/rphlmr/react... PR 👇 github.com/rphlmr/react...
pkg.pr.new
Raphaël Moreau ⚡️@rphlmr.com · 2y agoReact Router Hono Server becomes a @vite_js plugin and is now compatible with React Router v7 (@remix_run) 🥳 It hasn't been easier to link @honojs and React Router: npm install react-router-hono-server@latest Then add reactRouterHonoServer() to your Vite plugins That's all!
I forgot MySQL support in @drizzle.team visualizer and in the VSCode extension... 🤦♂️ It's now fixed! npx drizzle-lab@latest visualizer or marketplace.visualstudio.com/items?itemNa...
Drizzle ORM - Visual Studio Marketplace
Extension for Visual Studio Code - Adds schema visualizer for Drizzle ORM
marketplace.visualstudio.com
React Router Hono Server becomes a @vite_js plugin and is now compatible with React Router v7 (@remix_run) 🥳 It hasn't been easier to link @honojs and React Router: npm install react-router-hono-server@latest Then add reactRouterHonoServer() to your Vite plugins That's all!
GitHub - rphlmr/react-router-hono-server at v2.0.0
Remix with Hono in less than 30 seconds. Contribute to rphlmr/react-router-hono-server development by creating an account on GitHub.
github.com
You can try @drizzle.team Seed now on drizzle.run 🫡 orm.drizzle.team/docs/seed-ov...
Drizzle@drizzle.team · 2y agoDrizzle Seed package is live! 🎉 Type-safe, deterministic, and works instantly by getting all the needed data from your Drizzle schema (no need for database pulling), with weighted randoms and more features Check docs: orm.drizzle.team/docs/seed-ov... "Northwind Traders" database example:
You should be able to start @drizzle.team Studio from VS Code with version 0.6.0 of the experimental Drizzle plugin 👀 marketplace.visualstudio.com/items?itemNa...
As promised, everything I've done around @drizzle.team is now fully open source. With drizzle.run, Drizzle Lab CLI, Visualizer, VSCode extension, and Drizzle API (Kit API fork), you can: play with Drizzle in your browser, visualize your schema, transform it to JSON/SQL! github.com/rphlmr/drizz...
Drizzle Run
Play with Drizzle in your browser
drizzle.run
That's @drizzle.team Visualizer, now also a @vscode.dev extension. It will be part of the tools I am open-sourcing tomorrow. marketplace.visualstudio.com/items?itemNa...
Tomorrow/Friday, I will open source all my @drizzle.team projects: - drizzle.run - drizzle-lab (cli, with the visualizer) - @drizzle-lab/api (unofficial api) - @drizzle-lab/visualizer (React component)
Drizzle Run
Play with Drizzle in your browser
drizzle.run
Nuxt looks really cool!
Neil 🐧@nook.sh · 2y agoUpdate: you can also use @rphlmr.com 's visualizer (which seems cooler than mine tbh) with the following piece of code. I'm not sure there is a need to create a Nuxt module for that, or maybe I could create one to pass options to the viewer (and also embed Drizzle studio at the same time !)
![import { addCustomTab, startSubprocess } from "@nuxt/devtools-kit";
import type { Nuxt } from "nuxt/schema";
import { consola } from "consola";
export function setupDrizzleVisualizer(nuxt: Nuxt) {
const { getProcess, terminate } = startSubprocess(
{
command: "npx",
args: ["drizzle-lab", "visualizer", "--port", "64738"],
env: {
NODE_ENV: "production",
},
cwd: nuxt.options.rootDir,
},
{
id: "nuxt-drizzle-lab--visualizer",
name: "Drizzle Visualizer",
},
);
const { stderr, stdout } = getProcess();
stdout?.on("data", (data) => {
consola.log("`Drizzle:`", data.toString());
});
stderr?.on("data", (data) => {
consola.error("`Drizzle:`", data.toString());
});
addCustomTab({
name: "dizzle-visualizer",
title: "Drizzle Visualizer",
icon: "simple-icons:drizzle",
view: {
type: "iframe",
src: "http://127.0.0.1:64738",
},
});
nuxt.hook("close", () => terminate());
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:lo63z54e2vokxps32gewec7s/bafkreic2ak5673l5fbqqcthxwubntuosu5sb6oiqehbpw5nut35lokotxa)
So, @drizzle.team standalone Visualizer is close to going into a beta release. npx drizzle-lab visualizer - Live refresh ✅ - Multi files schemas ✅ - Multi projects schemas (depending on how it's done) ✅ - Persistent node positions (You can commit or ignore) ✅ - 100% local 🔒
Hey 👋 I have released an early alpha version 🧪 of a new Drizzle tool I am working on. I haven't yet tested with multi-file schemas, monorepos, Bun, etc. It supports only @drizzle.team > 0.35.0, Postgres and SQLite. npx drizzle-lab@alpha visualizer
Do you use @drizzle.team with #supabase? Don't forget to use the Session Mode (port 5432) for Drizzle Kit or you could experience some errors with Push and Pull ⛈️
👋 I’ll be talking about Drizzle here! @drizzle.team I am inevitable 😂
a man with a beard is looking at the camera and says `` hello there '' .
ALT: a man with a beard is looking at the camera and says `` hello there '' .
media.tenor.com