@myrialabs/clopen 0.2.2 → 0.2.3

package/frontend/stores/features/auth.svelte.ts

@@ -187,6 +187,34 @@ export const authStore = {
 		debug.log('auth', `No-auth setup complete: ${result.user.name}`);
 	},
 
+	/**
+	 * Switch to with-auth mode mid-wizard (e.g. user changed selection after refresh).
+	 * Regenerates PAT for the existing no-auth admin and updates authMode setting.
+	 */
+	async switchToWithAuth() {
+		const { loadSystemSettings, updateSystemSettings } = await import('$frontend/stores/features/settings.svelte');
+		await loadSystemSettings();
+		await updateSystemSettings({ authMode: 'required' });
+
+		const result = await ws.http('auth:regenerate-pat', {});
+		personalAccessToken = result.personalAccessToken;
+		authMode = 'required';
+		debug.log('auth', 'Switched to with-auth mode, PAT regenerated');
+	},
+
+	/**
+	 * Switch to no-auth mode mid-wizard (e.g. user changed selection after refresh).
+	 * Only updates the authMode setting; existing user remains unchanged.
+	 */
+	async switchToNoAuth() {
+		const { loadSystemSettings, updateSystemSettings } = await import('$frontend/stores/features/settings.svelte');
+		await loadSystemSettings();
+		await updateSystemSettings({ authMode: 'none' });
+
+		authMode = 'none';
+		debug.log('auth', 'Switched to no-auth mode');
+	},
+
 	/**
 	 * Complete setup — transition to ready state after wizard is done.
 	 * Saves onboardingComplete flag so wizard won't show again.

package/frontend/stores/ui/update.svelte.ts

@@ -15,6 +15,7 @@ interface UpdateState {
 	updating: boolean;
 	dismissed: boolean;
 	error: string | null;
+	errorType: 'check' | 'update' | null;
 	updateOutput: string | null;
 	updateSuccess: boolean;
 }
@@ -27,6 +28,7 @@ export const updateState = $state<UpdateState>({
 	updating: false,
 	dismissed: false,
 	error: null,
+	errorType: null,
 	updateOutput: null,
 	updateSuccess: false
 });
@@ -39,6 +41,7 @@ export async function checkForUpdate(): Promise<void> {
 
 	updateState.checking = true;
 	updateState.error = null;
+	updateState.errorType = null;
 
 	try {
 		const result = await ws.http('system:check-update', {});
@@ -53,6 +56,7 @@ export async function checkForUpdate(): Promise<void> {
 		}
 	} catch (err) {
 		updateState.error = err instanceof Error ? err.message : 'Failed to check for updates';
+		updateState.errorType = 'check';
 		debug.error('server', 'Update check failed:', err);
 	} finally {
 		updateState.checking = false;
@@ -65,6 +69,7 @@ export async function runUpdate(): Promise<void> {
 
 	updateState.updating = true;
 	updateState.error = null;
+	updateState.errorType = null;
 	updateState.updateOutput = null;
 
 	try {
@@ -77,6 +82,7 @@ export async function runUpdate(): Promise<void> {
 		debug.log('server', 'Update completed successfully');
 	} catch (err) {
 		updateState.error = err instanceof Error ? err.message : 'Update failed';
+		updateState.errorType = 'update';
 		debug.error('server', 'Update failed:', err);
 	} finally {
 		updateState.updating = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrialabs/clopen",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "All-in-one web workspace for Claude Code & OpenCode — chat, terminal, git, browser preview, checkpoints, and real-time collaboration",
   "author": "Myria Labs",
   "license": "MIT",
@@ -49,7 +49,7 @@
     "dev:backend": "bun --watch backend/index.ts",
     "dev:frontend": "bunx vite dev",
     "build": "vite build",
-    "start": "NODE_ENV=production bun backend/index.ts",
+    "start": "bun scripts/start.ts",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",

package/scripts/dev.ts

@@ -9,8 +9,8 @@
 import concurrently from 'concurrently';
 import { findAvailablePort } from '../backend/utils/port-utils';
 
-const desiredBackend = process.env.PORT_BACKEND ? parseInt(process.env.PORT_BACKEND) : 9151;
-const desiredFrontend = process.env.PORT_FRONTEND ? parseInt(process.env.PORT_FRONTEND) : 9141;
+const desiredBackend = process.env.PORT_BACKEND ? parseInt(process.env.PORT_BACKEND) : 9161;
+const desiredFrontend = process.env.PORT_FRONTEND ? parseInt(process.env.PORT_FRONTEND) : 9151;
 
 // Resolve available ports
 const backendPort = await findAvailablePort(desiredBackend);
@@ -33,6 +33,7 @@ console.log(`Frontend: http://localhost:${frontendPort}`);
 console.log();
 
 const portEnv = {
+	NODE_ENV: 'development',
 	PORT_BACKEND: String(backendPort),
 	PORT_FRONTEND: String(frontendPort),
 };

package/scripts/start.ts

@@ -0,0 +1,24 @@
+#!/usr/bin/env bun
+
+/**
+ * Production start script — resolves available port before starting backend.
+ * Mirrors scripts/dev.ts: ensures port is truly available (IPv4 + IPv6)
+ * before the backend binds, avoiding silent hangs from zombie processes.
+ */
+
+import { findAvailablePort } from '../backend/utils/port-utils';
+
+const desiredPort = process.env.PORT ? parseInt(process.env.PORT) : 9141;
+
+const port = await findAvailablePort(desiredPort);
+
+if (port !== desiredPort) {
+	console.log(`⚠️ Port ${desiredPort} in use, using ${port}`);
+}
+
+// Set resolved values before importing backend (env.ts reads at import time)
+process.env.PORT = String(port);
+process.env.HOST = process.env.HOST || 'localhost';
+process.env.NODE_ENV = 'production';
+
+await import('../backend/index.ts');

package/vite.config.ts

@@ -3,8 +3,8 @@ import { defineConfig } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
 import { resolve } from 'path';
 
-const frontendPort = parseInt(process.env.PORT_FRONTEND || '9141');
-const backendPort = parseInt(process.env.PORT_BACKEND || '9151');
+const frontendPort = parseInt(process.env.PORT_FRONTEND || '9151');
+const backendPort = parseInt(process.env.PORT_BACKEND || '9161');
 
 export default defineConfig({
 	plugins: [tailwindcss(), svelte()],