rari 0.7.6 → 0.7.7

package/dist/cli.mjs

@@ -143,10 +143,112 @@ function getPlatformName() {
 function getDeploymentConfig() {
 	return {
 		port: process.env.PORT || process.env.RSC_PORT || "3000",
-		mode: process.env.NODE_ENV === "production" ? "production" : "development",
+		mode: process.env.NODE_ENV || "production",
 		host: isPlatformEnvironment() ? "0.0.0.0" : "127.0.0.1"
 	};
 }
+async function runViteBuild() {
+	const { existsSync: existsSync$1, rmSync } = await import("node:fs");
+	const { resolve: resolve$1 } = await import("node:path");
+	const { spawn: spawn$1 } = await import("node:child_process");
+	const distPath = resolve$1(process.cwd(), "dist");
+	if (existsSync$1(distPath)) {
+		logInfo("Cleaning dist folder...");
+		rmSync(distPath, {
+			recursive: true,
+			force: true
+		});
+	}
+	logInfo("Type checking...");
+	const typecheckProcess = spawn$1("npx", ["tsgo"], {
+		stdio: "inherit",
+		cwd: process.cwd(),
+		shell: true
+	});
+	await new Promise((resolve$2, reject) => {
+		typecheckProcess.on("exit", (code) => {
+			if (code === 0) {
+				logSuccess("Type check passed");
+				resolve$2();
+			} else {
+				logError(`Type check failed with code ${code}`);
+				reject(/* @__PURE__ */ new Error(`Type check failed with code ${code}`));
+			}
+		});
+		typecheckProcess.on("error", reject);
+	});
+	logInfo("Building for production...");
+	const buildProcess = spawn$1("npx", ["vite", "build"], {
+		stdio: "inherit",
+		cwd: process.cwd(),
+		shell: true
+	});
+	await new Promise((resolve$2, reject) => {
+		buildProcess.on("exit", (code) => {
+			if (code === 0) {
+				logSuccess("Build complete");
+				resolve$2();
+			} else {
+				logError(`Build failed with code ${code}`);
+				reject(/* @__PURE__ */ new Error(`Build failed with code ${code}`));
+			}
+		});
+		buildProcess.on("error", reject);
+	});
+}
+async function runViteDev() {
+	const { existsSync: existsSync$1 } = await import("node:fs");
+	const { resolve: resolve$1 } = await import("node:path");
+	const { spawn: spawn$1 } = await import("node:child_process");
+	if (!existsSync$1(resolve$1(process.cwd(), "dist"))) {
+		logInfo("First run detected - building project...");
+		const buildProcess = spawn$1("npx", [
+			"vite",
+			"build",
+			"--mode",
+			"development"
+		], {
+			stdio: "inherit",
+			cwd: process.cwd(),
+			shell: true
+		});
+		await new Promise((resolve$2, reject) => {
+			buildProcess.on("exit", (code) => {
+				if (code === 0) {
+					logSuccess("Initial build complete");
+					resolve$2();
+				} else {
+					logError(`Build failed with code ${code}`);
+					reject(/* @__PURE__ */ new Error(`Build failed with code ${code}`));
+				}
+			});
+			buildProcess.on("error", reject);
+		});
+	}
+	logInfo("Starting Vite dev server...");
+	const viteProcess = spawn$1("npx", ["vite"], {
+		stdio: "inherit",
+		cwd: process.cwd(),
+		shell: true
+	});
+	const shutdown = () => {
+		logInfo("Shutting down dev server...");
+		viteProcess.kill("SIGTERM");
+	};
+	process.on("SIGINT", shutdown);
+	process.on("SIGTERM", shutdown);
+	viteProcess.on("error", (error) => {
+		logError(`Failed to start Vite: ${error.message}`);
+		process.exit(1);
+	});
+	viteProcess.on("exit", (code) => {
+		if (code !== 0 && code !== null) {
+			logError(`Vite exited with code ${code}`);
+			process.exit(code);
+		}
+	});
+	return new Promise(() => {});
+}
 async function startRustServer() {
 	let binaryPath;
 	try {
@@ -206,7 +308,7 @@ async function deployToRailway() {
 		logError(`Already running in ${getPlatformName()} environment. Use "rari start" instead.`);
 		process.exit(1);
 	}
-	const { createRailwayDeployment } = await import("./railway-Dqty_DxF.mjs");
+	const { createRailwayDeployment } = await import("./railway-D_JxHvQD.mjs");
 	await createRailwayDeployment();
 }
 async function deployToRender() {
@@ -227,23 +329,34 @@ async function main() {
 			console.warn(`${colors.bold("rari CLI")}
 
 ${colors.bold("Usage:")}
-  ${colors.cyan("rari start")}              Start the rari server
-  ${colors.cyan("rari deploy railway")}     Setup Railway deployment
-  ${colors.cyan("rari deploy render")}      Setup Render deployment
-  ${colors.cyan("rari help")}               Show this help message
+  ${colors.cyan("rari dev")}                 Start the development server with Vite
+  ${colors.cyan("rari build")}               Build for production
+  ${colors.cyan("rari start")}               Start the rari server (defaults to production)
+  ${colors.cyan("rari deploy railway")}      Setup Railway deployment
+  ${colors.cyan("rari deploy render")}       Setup Render deployment
+  ${colors.cyan("rari help")}                Show this help message
 
 ${colors.bold("Environment Variables:")}
-  ${colors.yellow("PORT")}                    Server port (default: 3000)
-  ${colors.yellow("RSC_PORT")}               Alternative server port
-  ${colors.yellow("NODE_ENV")}               Environment (development/production)
-  ${colors.yellow("RUST_LOG")}               Rust logging level (default: info)
+  ${colors.yellow("PORT")}                     Server port (default: 3000)
+  ${colors.yellow("RSC_PORT")}                 Alternative server port
+  ${colors.yellow("NODE_ENV")}                 Environment (default: production for start, development for dev)
+  ${colors.yellow("RUST_LOG")}                 Rust logging level (default: info)
 
 ${colors.bold("Examples:")}
-  ${colors.gray("# Start development server on port 3000")}
+  ${colors.gray("# Start development server with Vite")}
+  ${colors.cyan("rari dev")}
+
+  ${colors.gray("# Build for production")}
+  ${colors.cyan("rari build")}
+
+  ${colors.gray("# Start production server (default)")}
   ${colors.cyan("rari start")}
 
+  ${colors.gray("# Start in development mode")}
+  ${colors.cyan("NODE_ENV=development rari start")}
+
   ${colors.gray("# Start production server on port 8080")}
-  ${colors.cyan("PORT=8080 NODE_ENV=production rari start")}
+  ${colors.cyan("PORT=8080 rari start")}
 
   ${colors.gray("# Setup Railway deployment")}
   ${colors.cyan("rari deploy railway")}
@@ -269,12 +382,21 @@ ${colors.bold("Binary Resolution:")}
   3. Install from source with Cargo
 
 ${colors.bold("Notes:")}
+  - 'rari start' defaults to production mode unless NODE_ENV is set
+  - 'rari dev' runs in development mode with Vite hot reload
+  - 'rari build' cleans, type checks, and builds for production
   - Platform binary is automatically detected and used
   - Platform deployment is automatically detected and configured
   - Use Ctrl+C to stop the server gracefully
 
 `);
 			break;
+		case "dev":
+			await runViteDev();
+			break;
+		case "build":
+			await runViteBuild();
+			break;
 		case "start":
 			await startRustServer();
 			break;

package/dist/{railway-Dqty_DxF.mjs → railway-D_JxHvQD.mjs}

@@ -48,29 +48,24 @@ async function createRailwayDeployment() {
 		logError(`Failed to update package.json: ${error instanceof Error ? error.message : "Unknown error"}`);
 		process.exit(1);
 	}
-	const railwayConfig = {
-		$schema: "https://railway.app/railway.schema.json",
-		build: { builder: "RAILPACK" },
-		deploy: {
-			startCommand: "npm start",
-			healthcheckPath: "/",
-			healthcheckTimeout: 300,
-			restartPolicyType: "ALWAYS"
-		},
-		environments: { production: { variables: {
-			NODE_ENV: "production",
-			RUST_LOG: "info",
-			RAILPACK_DEPLOY_APT_PACKAGES: "libfontconfig1"
-		} } }
-	};
-	const railwayJsonPath = join(cwd, "railway.json");
-	if (existsSync(railwayJsonPath)) {
-		logWarning("railway.json already exists, backing up to railway.json.backup");
-		const existingConfig = readFileSync(railwayJsonPath, "utf-8");
-		writeFileSync(join(cwd, "railway.json.backup"), existingConfig);
+	const railwayConfig = `[build]
+builder = "RAILPACK"
+
+[deploy]
+startCommand = "npm start"
+healthcheckPath = "/"
+healthcheckTimeout = 300
+restartPolicyType = "ON_FAILURE"
+restartPolicyMaxRetries = 3
+`;
+	const railwayTomlPath = join(cwd, "railway.toml");
+	if (existsSync(railwayTomlPath)) {
+		logWarning("railway.toml already exists, backing up to railway.toml.backup");
+		const existingConfig = readFileSync(railwayTomlPath, "utf-8");
+		writeFileSync(join(cwd, "railway.toml.backup"), existingConfig);
 	}
-	writeFileSync(railwayJsonPath, `${JSON.stringify(railwayConfig, null, 2)}\n`);
-	logSuccess("Created railway.json configuration");
+	writeFileSync(railwayTomlPath, railwayConfig);
+	logSuccess("Created railway.toml configuration");
 	const gitignorePath = join(cwd, ".gitignore");
 	const railwayGitignoreEntries = [
 		"",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rari",
   "type": "module",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "Runtime Accelerated Rendering Infrastructure (rari)",
   "author": "Ryan Skinner",
   "license": "MIT",
@@ -93,16 +93,16 @@
     "picocolors": "^1.1.1"
   },
   "optionalDependencies": {
-    "rari-darwin-arm64": "0.7.6",
-    "rari-darwin-x64": "0.7.6",
-    "rari-linux-arm64": "0.7.6",
-    "rari-linux-x64": "0.7.6",
-    "rari-win32-x64": "0.7.6"
+    "rari-darwin-arm64": "0.7.7",
+    "rari-darwin-x64": "0.7.7",
+    "rari-linux-arm64": "0.7.7",
+    "rari-linux-x64": "0.7.7",
+    "rari-win32-x64": "0.7.7"
   },
   "devDependencies": {
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.0.10",
     "@types/react": "^19.2.9",
-    "@typescript/native-preview": "^7.0.0-dev.20260120.1",
+    "@typescript/native-preview": "^7.0.0-dev.20260123.3",
     "chokidar": "^5.0.0",
     "oxlint": "^1.41.0",
     "rolldown-vite": "^7.3.1",

package/src/cli.ts

@@ -81,12 +81,128 @@ function getPlatformName(): string {
 
 function getDeploymentConfig() {
   const port = process.env.PORT || process.env.RSC_PORT || '3000'
-  const mode = process.env.NODE_ENV === 'production' ? 'production' : 'development'
+  const mode = process.env.NODE_ENV || 'production'
   const host = isPlatformEnvironment() ? '0.0.0.0' : '127.0.0.1'
 
   return { port, mode, host }
 }
 
+async function runViteBuild() {
+  const { existsSync, rmSync } = await import('node:fs')
+  const { resolve } = await import('node:path')
+  const { spawn } = await import('node:child_process')
+
+  const distPath = resolve(process.cwd(), 'dist')
+
+  if (existsSync(distPath)) {
+    logInfo('Cleaning dist folder...')
+    rmSync(distPath, { recursive: true, force: true })
+  }
+
+  logInfo('Type checking...')
+  const typecheckProcess = spawn('npx', ['tsgo'], {
+    stdio: 'inherit',
+    cwd: process.cwd(),
+    shell: true,
+  })
+
+  await new Promise<void>((resolve, reject) => {
+    typecheckProcess.on('exit', (code) => {
+      if (code === 0) {
+        logSuccess('Type check passed')
+        resolve()
+      }
+      else {
+        logError(`Type check failed with code ${code}`)
+        reject(new Error(`Type check failed with code ${code}`))
+      }
+    })
+    typecheckProcess.on('error', reject)
+  })
+
+  logInfo('Building for production...')
+  const buildProcess = spawn('npx', ['vite', 'build'], {
+    stdio: 'inherit',
+    cwd: process.cwd(),
+    shell: true,
+  })
+
+  await new Promise<void>((resolve, reject) => {
+    buildProcess.on('exit', (code) => {
+      if (code === 0) {
+        logSuccess('Build complete')
+        resolve()
+      }
+      else {
+        logError(`Build failed with code ${code}`)
+        reject(new Error(`Build failed with code ${code}`))
+      }
+    })
+    buildProcess.on('error', reject)
+  })
+}
+
+async function runViteDev() {
+  const { existsSync } = await import('node:fs')
+  const { resolve } = await import('node:path')
+  const { spawn } = await import('node:child_process')
+
+  const distPath = resolve(process.cwd(), 'dist')
+
+  if (!existsSync(distPath)) {
+    logInfo('First run detected - building project...')
+
+    const buildProcess = spawn('npx', ['vite', 'build', '--mode', 'development'], {
+      stdio: 'inherit',
+      cwd: process.cwd(),
+      shell: true,
+    })
+
+    await new Promise<void>((resolve, reject) => {
+      buildProcess.on('exit', (code) => {
+        if (code === 0) {
+          logSuccess('Initial build complete')
+          resolve()
+        }
+        else {
+          logError(`Build failed with code ${code}`)
+          reject(new Error(`Build failed with code ${code}`))
+        }
+      })
+      buildProcess.on('error', reject)
+    })
+  }
+
+  logInfo('Starting Vite dev server...')
+  const viteProcess = spawn('npx', ['vite'], {
+    stdio: 'inherit',
+    cwd: process.cwd(),
+    shell: true,
+  })
+
+  const shutdown = () => {
+    logInfo('Shutting down dev server...')
+    viteProcess.kill('SIGTERM')
+  }
+
+  process.on('SIGINT', shutdown)
+  process.on('SIGTERM', shutdown)
+
+  viteProcess.on('error', (error: Error) => {
+    logError(`Failed to start Vite: ${error.message}`)
+    process.exit(1)
+  })
+
+  viteProcess.on('exit', (code: number) => {
+    if (code !== 0 && code !== null) {
+      logError(`Vite exited with code ${code}`)
+      process.exit(code)
+    }
+  })
+
+  return new Promise(() => { })
+}
+
 async function startRustServer(): Promise<void> {
   let binaryPath: string
 
@@ -184,23 +300,34 @@ async function main() {
       console.warn(`${colors.bold('rari CLI')}
 
 ${colors.bold('Usage:')}
-  ${colors.cyan('rari start')}              Start the rari server
-  ${colors.cyan('rari deploy railway')}     Setup Railway deployment
-  ${colors.cyan('rari deploy render')}      Setup Render deployment
-  ${colors.cyan('rari help')}               Show this help message
+  ${colors.cyan('rari dev')}                 Start the development server with Vite
+  ${colors.cyan('rari build')}               Build for production
+  ${colors.cyan('rari start')}               Start the rari server (defaults to production)
+  ${colors.cyan('rari deploy railway')}      Setup Railway deployment
+  ${colors.cyan('rari deploy render')}       Setup Render deployment
+  ${colors.cyan('rari help')}                Show this help message
 
 ${colors.bold('Environment Variables:')}
-  ${colors.yellow('PORT')}                    Server port (default: 3000)
-  ${colors.yellow('RSC_PORT')}               Alternative server port
-  ${colors.yellow('NODE_ENV')}               Environment (development/production)
-  ${colors.yellow('RUST_LOG')}               Rust logging level (default: info)
+  ${colors.yellow('PORT')}                     Server port (default: 3000)
+  ${colors.yellow('RSC_PORT')}                 Alternative server port
+  ${colors.yellow('NODE_ENV')}                 Environment (default: production for start, development for dev)
+  ${colors.yellow('RUST_LOG')}                 Rust logging level (default: info)
 
 ${colors.bold('Examples:')}
-  ${colors.gray('# Start development server on port 3000')}
+  ${colors.gray('# Start development server with Vite')}
+  ${colors.cyan('rari dev')}
+
+  ${colors.gray('# Build for production')}
+  ${colors.cyan('rari build')}
+
+  ${colors.gray('# Start production server (default)')}
   ${colors.cyan('rari start')}
 
+  ${colors.gray('# Start in development mode')}
+  ${colors.cyan('NODE_ENV=development rari start')}
+
   ${colors.gray('# Start production server on port 8080')}
-  ${colors.cyan('PORT=8080 NODE_ENV=production rari start')}
+  ${colors.cyan('PORT=8080 rari start')}
 
   ${colors.gray('# Setup Railway deployment')}
   ${colors.cyan('rari deploy railway')}
@@ -226,6 +353,9 @@ ${colors.bold('Binary Resolution:')}
   3. Install from source with Cargo
 
 ${colors.bold('Notes:')}
+  - 'rari start' defaults to production mode unless NODE_ENV is set
+  - 'rari dev' runs in development mode with Vite hot reload
+  - 'rari build' cleans, type checks, and builds for production
   - Platform binary is automatically detected and used
   - Platform deployment is automatically detected and configured
   - Use Ctrl+C to stop the server gracefully
@@ -233,6 +363,14 @@ ${colors.bold('Notes:')}
 `)
       break
 
+    case 'dev':
+      await runViteDev()
+      break
+
+    case 'build':
+      await runViteBuild()
+      break
+
     case 'start':
       await startRustServer()
       break

package/src/deployment/railway.ts

@@ -63,37 +63,26 @@ export async function createRailwayDeployment() {
     process.exit(1)
   }
 
-  const railwayConfig = {
-    $schema: 'https://railway.app/railway.schema.json',
-    build: {
-      builder: 'RAILPACK',
-    },
-    deploy: {
-      startCommand: 'npm start',
-      healthcheckPath: '/',
-      healthcheckTimeout: 300,
-      restartPolicyType: 'ALWAYS',
-    },
-    environments: {
-      production: {
-        variables: {
-          NODE_ENV: 'production',
-          RUST_LOG: 'info',
-          RAILPACK_DEPLOY_APT_PACKAGES: 'libfontconfig1',
-        },
-      },
-    },
-  }
+  const railwayConfig = `[build]
+builder = "RAILPACK"
+
+[deploy]
+startCommand = "npm start"
+healthcheckPath = "/"
+healthcheckTimeout = 300
+restartPolicyType = "ON_FAILURE"
+restartPolicyMaxRetries = 3
+`
 
-  const railwayJsonPath = join(cwd, 'railway.json')
-  if (existsSync(railwayJsonPath)) {
-    logWarning('railway.json already exists, backing up to railway.json.backup')
-    const existingConfig = readFileSync(railwayJsonPath, 'utf-8')
-    writeFileSync(join(cwd, 'railway.json.backup'), existingConfig)
+  const railwayTomlPath = join(cwd, 'railway.toml')
+  if (existsSync(railwayTomlPath)) {
+    logWarning('railway.toml already exists, backing up to railway.toml.backup')
+    const existingConfig = readFileSync(railwayTomlPath, 'utf-8')
+    writeFileSync(join(cwd, 'railway.toml.backup'), existingConfig)
   }
 
-  writeFileSync(railwayJsonPath, `${JSON.stringify(railwayConfig, null, 2)}\n`)
-  logSuccess('Created railway.json configuration')
+  writeFileSync(railwayTomlPath, railwayConfig)
+  logSuccess('Created railway.toml configuration')
 
   const gitignorePath = join(cwd, '.gitignore')
   const railwayGitignoreEntries = [

package/src/runtime/rsc-client-runtime.js

@@ -112,15 +112,28 @@ if (typeof window !== 'undefined') {
         if (Array.isArray(element)) {
           if (element.length >= 4 && element[0] === '$') {
             const [, tag, , props] = element
-            const children = props && props.children ? rscToHtml(props.children) : ''
+            let innerHTML = null
+            let children = ''
 
             let attrs = ''
             if (props) {
               for (const [key, value] of Object.entries(props)) {
-                if (key !== 'children' && key !== '~boundaryId') {
+                if (key === 'dangerouslySetInnerHTML' && value && typeof value === 'object' && '__html' in value) {
+                  innerHTML = value.__html
+                }
+                else if (key !== 'children' && key !== '~boundaryId') {
                   const attrName = key === 'className' ? 'class' : key
 
-                  if (typeof value === 'string') {
+                  if (key === 'style' && typeof value === 'object') {
+                    const styleStr = Object.entries(value)
+                      .map(([k, v]) => {
+                        const kebabKey = k.replace(/([A-Z])/g, '-$1').toLowerCase()
+                        return `${kebabKey}:${v}`
+                      })
+                      .join(';')
+                    attrs += ` style="${styleStr}"`
+                  }
+                  else if (typeof value === 'string') {
                     attrs += ` ${attrName}="${value.replace(/"/g, '"')}"`
                   }
                   else if (typeof value === 'boolean' && value) {
@@ -128,9 +141,12 @@ if (typeof window !== 'undefined') {
                   }
                 }
               }
+
+              if (innerHTML === null && props.children)
+                children = rscToHtml(props.children)
             }
 
-            return `<${tag}${attrs}>${children}</${tag}>`
+            return `<${tag}${attrs}>${innerHTML !== null ? innerHTML : children}</${tag}>`
           }
 
           return element.map(rscToHtml).join('')