feat: add Portless HTTPS development URLs across all workspaces

apps/api/.env.template

@@ -1,8 +1,8 @@
 # ===========PROJECT===========
 # Add specific project environment variables here
 
-BASE_URL="http://localhost:3000"
-ALLOWED_API_ORIGINS="http://localhost:3001"
+BASE_URL="https://api.init.localhost"
+ALLOWED_API_ORIGINS="https://init.localhost"
 PORT="3000"
 
 # --- Files SDK / S3 ---
@@ -18,7 +18,7 @@ S3_SECRET_ACCESS_KEY="minioadmin"
 
 # --- Auth (@init/env/auth) ---
 AUTH_SECRET="dev-secret"
-AUTH_TRUSTED_ORIGINS="http://localhost:3001,http://localhost:3000"
+AUTH_TRUSTED_ORIGINS="https://init.localhost,https://api.init.localhost"
 
 # --- Auth Providers (@init/env/auth/providers) ---
 # GitHub OAuth

apps/api/package.json

@@ -13,7 +13,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "bun --hot src/index.ts",
+    "dev": "portless",
+    "dev:app": "bun --hot src/index.ts",
     "start": "bun --bun src/index.ts"
   },
   "dependencies": {
@@ -43,5 +44,9 @@
     "@tooling/tsconfig": "workspace:*",
     "@types/bun": "1.3.14",
     "typescript": "7.0.2"
+  },
+  "portless": {
+    "name": "api.init",
+    "script": "dev:app"
   }
 }

apps/api/src/routes/files.ts

@@ -4,10 +4,10 @@ import type { AuthenticatedAppContext } from "#shared/types.ts"
 import env from "#shared/env.ts"
 import { files, FILES_MAX_UPLOAD_SIZE, FILES_MAX_URL_AGE } from "#shared/files.ts"
 import { requireSession } from "#shared/middleware.ts"
-import { context, factory } from "#shared/utils.ts"
+import { allowedOrigins, context, factory } from "#shared/utils.ts"
 
 const router = createFilesRouter({
-  allowedOrigins: env.ALLOWED_API_ORIGINS,
+  allowedOrigins,
   authorize: () => {
     const ctx = context<AuthenticatedAppContext>()
 

apps/api/src/routes/index.ts

@@ -14,11 +14,10 @@ import trpcRoutes from "#routes/trpc.ts"
 import v1Routes from "#routes/v1/index.ts"
 import workflowRoutes from "#routes/workflows.ts"
 import { auth } from "#shared/auth.ts"
-import env from "#shared/env.ts"
 import { files } from "#shared/files.ts"
 import { LoggerCategory, logger } from "#shared/logger.ts"
 import { withLanguageDetection } from "#shared/middleware.ts"
-import { factory } from "#shared/utils.ts"
+import { allowedOrigins, factory } from "#shared/utils.ts"
 
 const app = factory.createApp()
 
@@ -37,7 +36,7 @@ app.use(
     credentials: true,
     exposeHeaders: ["Content-Length"],
     maxAge: 600,
-    origin: env.ALLOWED_API_ORIGINS,
+    origin: allowedOrigins,
   })
 )
 

apps/api/src/shared/auth.ts

@@ -10,12 +10,13 @@ import { database } from "@init/db/client"
 import { sendEmail } from "@init/email/client"
 import PasswordReset from "@init/email/templates/password-reset"
 import env from "#shared/env.ts"
+import { allowedOrigins, baseUrl } from "#shared/utils.ts"
 
 export const auth = createAuth({
   advanced: AUTH_ADVANCED_OPTIONS,
   appName: AUTH_APP_NAME,
   basePath: "/auth",
-  baseURL: env.BASE_URL,
+  baseURL: baseUrl,
   database: databaseAdapter(database()),
   emailAndPassword: {
     ...AUTH_EMAIL_AND_PASSWORD_OPTIONS,
@@ -41,7 +42,7 @@ export const auth = createAuth({
       enabled: true,
     },
   },
-  trustedOrigins: env.ALLOWED_API_ORIGINS,
+  trustedOrigins: allowedOrigins,
 })
 
 export type Auth = typeof auth

apps/api/src/shared/env.ts

@@ -1,5 +1,5 @@
 import { createEnv } from "@init/env"
-import { auth, db, inngest, kv, resend, s3, sentry } from "@init/env/presets"
+import { auth, db, inngest, kv, portless, resend, s3, sentry } from "@init/env/presets"
 import * as z from "@init/utils/schema"
 import { isCI } from "std-env"
 
@@ -11,6 +11,7 @@ export default createEnv({
     auth.providers.google(),
     db(),
     kv(),
+    portless(),
     inngest(),
     resend(),
     s3(),

apps/api/src/shared/utils.ts

@@ -1,6 +1,19 @@
 import { getContext } from "hono/context-storage"
 import { createFactory } from "hono/factory"
 import type { AppContext } from "#shared/types.ts"
+import env from "#shared/env.ts"
+
+export const baseUrl = env.PORTLESS_URL ?? env.BASE_URL
+
+export const allowedOrigins = env.PORTLESS_URL
+  ? env.ALLOWED_API_ORIGINS.map(
+      (origin) =>
+        new URL(
+          env.PORTLESS_URL?.replace(new URL(env.BASE_URL).hostname, new URL(origin).hostname) ??
+            origin
+        ).origin
+    )
+  : env.ALLOWED_API_ORIGINS
 
 /**
  * A utility function to create Hono apps and middlewares with the correct context type.

apps/app/.env.template

@@ -2,11 +2,11 @@
 # Add specific project environment variables here
 
 # Client-side variables (PUBLIC_ prefix for Vite)
-PUBLIC_BASE_URL="http://localhost:3001"
+PUBLIC_BASE_URL="https://init.localhost"
 
 # --- Auth (@init/env/auth) ---
 AUTH_SECRET="dev-secret"
-AUTH_TRUSTED_ORIGINS="http://localhost:3001"
+AUTH_TRUSTED_ORIGINS="https://init.localhost"
 
 # --- Auth Providers (@init/env/auth/providers) ---
 GITHUB_CLIENT_ID="dev-github-client-id"

apps/app/package.json

@@ -11,7 +11,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "bun --bun vite dev",
+    "dev": "portless",
+    "dev:app": "bun --bun vite dev",
     "preview": "bun --bun vite preview",
     "start": "node .output/server/index.mjs"
   },
@@ -56,5 +57,9 @@
     "tailwindcss": "4.3.3",
     "typescript": "7.0.2",
     "vite": "8.1.5"
+  },
+  "portless": {
+    "name": "init",
+    "script": "dev:app"
   }
 }

apps/app/src/features/auth/server/index.ts

@@ -12,11 +12,15 @@ import { sendEmail } from "@init/email/client"
 import PasswordReset from "@init/email/templates/password-reset"
 import env from "#shared/env.ts"
 
+const trustedOrigins = env.PORTLESS_URL
+  ? [...new Set([...env.AUTH_TRUSTED_ORIGINS, env.PORTLESS_URL])]
+  : env.AUTH_TRUSTED_ORIGINS
+
 export const auth = createAuth({
   advanced: AUTH_ADVANCED_OPTIONS,
   appName: AUTH_APP_NAME,
   basePath: "/api/auth",
-  baseURL: env.PUBLIC_BASE_URL,
+  baseURL: env.PORTLESS_URL ?? env.PUBLIC_BASE_URL,
   database: databaseAdapter(database()),
   emailAndPassword: {
     ...AUTH_EMAIL_AND_PASSWORD_OPTIONS,
@@ -42,5 +46,5 @@ export const auth = createAuth({
       enabled: true,
     },
   },
-  trustedOrigins: env.AUTH_TRUSTED_ORIGINS,
+  trustedOrigins,
 })

apps/app/src/shared/env.ts

@@ -1,5 +1,5 @@
 import { createEnv, REACT_PUBLIC_ENV_PREFIX } from "@init/env"
-import { auth, db, resend, sentry } from "@init/env/presets"
+import { auth, db, portless, resend, sentry } from "@init/env/presets"
 import * as z from "@init/utils/schema"
 import { env, isCI } from "std-env"
 
@@ -14,6 +14,7 @@ export default createEnv({
     auth.providers.github(),
     auth.providers.google(),
     db(),
+    portless(),
     resend(),
     sentry.client(),
   ],

apps/app/src/shared/utils.ts

@@ -1,10 +1,14 @@
 import { createUrlBuilder } from "@init/utils/url"
+import { hasWindow } from "std-env"
 import env from "#shared/env.ts"
 
-const isProduction = import.meta.env.PROD
+const baseUrl = hasWindow ? globalThis.location.origin : (env.PORTLESS_URL ?? env.PUBLIC_BASE_URL)
 
-export const buildUrl = createUrlBuilder(env.PUBLIC_BASE_URL, isProduction ? "https" : "http")
-export const buildApiUrl = createUrlBuilder(
-  env.PUBLIC_API_URL ?? `${env.PUBLIC_BASE_URL}/api`,
-  isProduction ? "https" : "http"
-)
+export const buildUrl = createUrlBuilder(baseUrl, getProtocol(baseUrl))
+
+const apiUrl = env.PUBLIC_API_URL ?? `${baseUrl}/api`
+export const buildApiUrl = createUrlBuilder(apiUrl, getProtocol(apiUrl))
+
+function getProtocol(url: string) {
+  return new URL(url).protocol === "http:" ? "http" : "https"
+}

apps/app/vite.config.ts

@@ -31,7 +31,7 @@ export default defineConfig(async ({ mode }) => {
       }),
     ],
     server: {
-      port: 3001,
+      port: Number(process.env.PORT ?? 3001),
     },
   }
 })

apps/desktop/package.json

@@ -11,7 +11,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "tauri dev"
+    "dev": "portless",
+    "dev:app": "tauri dev"
   },
   "dependencies": {
     "@init/env": "workspace:*",
@@ -46,5 +47,9 @@
     "babel-plugin-react-compiler": "1.0.0",
     "typescript": "7.0.2",
     "vite": "8.1.5"
+  },
+  "portless": {
+    "name": "desktop.init",
+    "script": "dev:app"
   }
 }

apps/desktop/src-tauri/tauri.conf.json

@@ -6,7 +6,7 @@
   "build": {
     "beforeBuildCommand": "bun vite build",
     "beforeDevCommand": "bun vite dev",
-    "devUrl": "http://localhost:3003",
+    "devUrl": "https://desktop.init.localhost",
     "frontendDist": "../dist"
   },
   "app": {

apps/desktop/vite.config.ts

@@ -38,12 +38,11 @@ export default defineConfig(async ({ mode }) => {
       hmr: host
         ? {
             host,
-            port: 4003,
             protocol: "ws",
           }
         : undefined,
       host: host ?? false,
-      port: 3003,
+      port: Number(process.env.PORT ?? 3003),
       strictPort: true,
       watch: {
         ignored: ["**/src-tauri/**"],

apps/docs/astro.config.ts

@@ -46,7 +46,7 @@ export default defineConfig({
     }),
   ],
   server: {
-    port: 3004,
+    port: Number(process.env.PORT ?? 3004),
   },
   vite: {
     plugins: [

apps/docs/package.json

@@ -12,7 +12,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "astro dev",
+    "dev": "portless",
+    "dev:app": "astro dev",
     "preview": "astro preview",
     "typegen": "astro sync"
   },
@@ -29,5 +30,9 @@
     "@tooling/tsconfig": "workspace:*",
     "tailwindcss": "4.3.3",
     "typescript": "7.0.2"
+  },
+  "portless": {
+    "name": "docs.init",
+    "script": "dev:app"
   }
 }

apps/extension/package.json

@@ -12,7 +12,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "wxt",
+    "dev": "portless",
+    "dev:app": "wxt",
     "dev:firefox": "wxt -b firefox",
     "postinstall": "wxt prepare",
     "typegen": "wxt prepare",
@@ -43,5 +44,9 @@
     "vite": "8.1.5",
     "web-ext": "10.5.0",
     "wxt": "0.21.1"
+  },
+  "portless": {
+    "name": "extension.init",
+    "script": "dev:app"
   }
 }

apps/extension/wxt.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
     baseIconPath: "shared/assets/icon.svg",
   },
   dev: {
-    server: { port: 3005 },
+    server: { port: Number(process.env.PORT ?? 3005) },
   },
   imports: false,
   modules: ["@wxt-dev/module-react", "@wxt-dev/auto-icons"],

apps/mobile/package.json

@@ -11,8 +11,9 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo .expo dist node_modules",
     "codegen": "bun run scripts/codegen.ts",
-    "dev": "expo start --port 3002",
+    "dev": "portless",
     "dev:android": "expo start --android",
+    "dev:app": "expo start --port ${PORT:-3002}",
     "dev:ios": "expo start --ios",
     "doctor": "expo-doctor",
     "install:check": "expo install --check",
@@ -71,5 +72,9 @@
     "babel-preset-expo": "~54.0.0",
     "expo-doctor": "1.17.14",
     "typescript": "7.0.2"
+  },
+  "portless": {
+    "name": "mobile.init",
+    "script": "dev:app"
   }
 }

apps/web/.env.template

@@ -2,7 +2,7 @@
 # Add specific project environment variables here
 
 # Client-side variables (PUBLIC_ prefix for Astro)
-PUBLIC_SITE_URL="http://localhost:3006"
+PUBLIC_SITE_URL="https://web.init.localhost"
 
 # ===========OPTIONAL===========
 # Optional packages that may be used in the future

apps/web/astro.config.ts

@@ -12,7 +12,7 @@ const { default: env } = await import("./src/shared/env.ts")
 export default defineConfig({
   output: "static",
   server: {
-    port: 3006,
+    port: Number(process.env.PORT ?? 3006),
   },
   site: env.PUBLIC_SITE_URL ?? "https://init.now",
 

apps/web/package.json

@@ -12,7 +12,8 @@
     "bump:deps": "bun update --interactive",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
     "codegen": "paraglide-js compile --project ../../tooling/internationalization/project.inlang --outdir ./src/shared/internationalization",
-    "dev": "astro dev",
+    "dev": "portless",
+    "dev:app": "astro dev",
     "preview": "astro preview",
     "typegen": "astro sync"
   },
@@ -40,5 +41,9 @@
     "@types/react-dom": "19.1.9",
     "tailwindcss": "4.3.3",
     "typescript": "7.0.2"
+  },
+  "portless": {
+    "name": "web.init",
+    "script": "dev:app"
   }
 }