drizzle-orm: [BUG]: Drizzle Studio CORS error

I was struck by this issue today, using Arc as a browser.

Error was related to missing Access-Control-Allow-Private-Network cors header.

https://wicg.github.io/private-network-access/#headers

Fixed this locally by patching drizzle-studio’s server.js to include Access-Control-Allow-Private-Network: true header. Dunno if that’s the correct way to solve this, but it worked 😅

Installing mkcert resolved the issue for both chrome and firefox but not chromium. Seems that this step is mandatory for all browsers? Not only Safari and Brave?

FWIW, I’m using this patch with PNPM to circumvent this problem:

diff --git a/server.js b/server.js
index a294e5c2b4c31feded80d27b51d9fe971f686efe..8a9c5e89bdad05180e32027e047f2ccbfe0ee78b 100644
--- a/server.js
+++ b/server.js
@@ -6540,6 +6540,7 @@ var cors = (options) => {
     function set(key, value) {
       c.res.headers.set(key, value);
     }
+    set("Access-Control-Allow-Private-Network", "true");
     const allowOrigin = findAllowOrigin(c.req.header("origin") || "");
     if (allowOrigin) {
       set("Access-Control-Allow-Origin", allowOrigin);