create-rari-app 0.3.6 → 0.3.8

package/dist/index.mjs

@@ -5,8 +5,39 @@ import { dirname, join } from "node:path";
 import process from "node:process";
 import { fileURLToPath } from "node:url";
 import { cancel, confirm, intro, isCancel, outro, select, spinner, text } from "@clack/prompts";
-import pc from "picocolors";
 
+//#region src/utils/colors.ts
+const isColorSupported = !(process.env.NO_COLOR || process.argv.includes("--no-color")) && (process.env.FORCE_COLOR || process.argv.includes("--color") || process.platform === "win32" || process.stdout?.isTTY && process.env.TERM !== "dumb" || process.env.CI);
+function formatter(open, close, replace = open) {
+	return (input) => {
+		const string = String(input);
+		const index = string.indexOf(close, open.length);
+		return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+	};
+}
+function replaceClose(string, close, replace, index) {
+	let result = "";
+	let cursor = 0;
+	do {
+		result += string.substring(cursor, index) + replace;
+		cursor = index + close.length;
+		index = string.indexOf(close, cursor);
+	} while (~index);
+	return result + string.substring(cursor);
+}
+const f = isColorSupported ? formatter : () => String;
+const colors = {
+	isColorSupported,
+	black: f("\x1B[30m", "\x1B[39m"),
+	red: f("\x1B[31m", "\x1B[39m"),
+	green: f("\x1B[32m", "\x1B[39m"),
+	cyan: f("\x1B[36m", "\x1B[39m"),
+	gray: f("\x1B[90m", "\x1B[39m"),
+	bgCyan: f("\x1B[46m", "\x1B[49m")
+};
+var colors_default = colors;
+
+//#endregion
 //#region src/index.ts
 const templates = { default: {
 	name: "Default",
@@ -19,19 +50,32 @@ const packageManagers = {
 	bun: "bun"
 };
 async function main() {
-	intro(pc.bgCyan(pc.black(" create-rari-app ")));
-	const projectName = await text({
-		message: "What is your project named?",
-		placeholder: "my-rari-app",
-		validate: (value) => {
-			if (!value) return "Please enter a project name.";
-			if (value.includes(" ")) return "Project name cannot contain spaces.";
-			if (!/^[\w-]+$/.test(value)) return "Project name can only contain letters, numbers, hyphens, and underscores.";
+	intro(colors_default.bgCyan(colors_default.black(" create-rari-app ")));
+	let projectName = process.argv.slice(2)[0];
+	if (projectName) {
+		if (projectName.includes(" ")) {
+			console.error(colors_default.red("Error: Project name cannot contain spaces."));
+			process.exit(1);
 		}
-	});
-	if (isCancel(projectName)) {
-		cancel("Operation cancelled.");
-		process.exit(0);
+		if (!/^[@\w/-]+$/.test(projectName)) {
+			console.error(colors_default.red("Error: Project name can only contain letters, numbers, hyphens, underscores, slashes, and @ symbol."));
+			process.exit(1);
+		}
+	} else {
+		const promptedName = await text({
+			message: "What is your project named?",
+			placeholder: "my-rari-app",
+			validate: (value) => {
+				if (!value) return "Please enter a project name.";
+				if (value.includes(" ")) return "Project name cannot contain spaces.";
+				if (!/^[@\w/-]+$/.test(value)) return "Project name can only contain letters, numbers, hyphens, underscores, slashes, and @ symbol.";
+			}
+		});
+		if (isCancel(promptedName)) {
+			cancel("Operation cancelled.");
+			process.exit(0);
+		}
+		projectName = promptedName;
 	}
 	const template = await select({
 		message: "Which template would you like to use?",
@@ -71,12 +115,12 @@ async function main() {
 		installDeps
 	};
 	await createProject(options);
-	outro(pc.green("🎉 Project created successfully!"));
+	outro(colors_default.green("🎉 Project created successfully!"));
 	console.warn();
-	console.warn(pc.cyan("Next steps:"));
-	console.warn(pc.gray(`  cd ${options.name}`));
-	if (!options.installDeps) console.warn(pc.gray(`  ${options.packageManager} install`));
-	console.warn(pc.gray(`  ${options.packageManager} run dev`));
+	console.warn(colors_default.cyan("Next steps:"));
+	console.warn(colors_default.gray(`  cd ${options.name}`));
+	if (!options.installDeps) console.warn(colors_default.gray(`  ${options.packageManager} install`));
+	console.warn(colors_default.gray(`  ${options.packageManager} run dev`));
 	console.warn();
 }
 async function createProject(options) {
@@ -105,14 +149,13 @@ async function copyTemplate(templatePath, projectPath, options) {
 		"tsconfig.json",
 		"index.html",
 		"README.md",
-		"railway.toml",
-		"render.yaml",
 		"src/app/globals.css",
 		"src/app/layout.tsx",
 		"src/app/page.tsx",
 		"src/app/about/page.tsx",
 		"src/components/Welcome.tsx",
 		"src/components/ServerTime.tsx",
+		"src/components/Rari.tsx",
 		"gitignore"
 	];
 	await mkdir(join(projectPath, "src", "app", "about"), { recursive: true });
@@ -144,7 +187,7 @@ async function installDependencies(projectPath, packageManager) {
 	});
 }
 main().catch((error) => {
-	console.error(pc.red("Error:"), error.message);
+	console.error(colors_default.red("Error:"), error.message);
 	process.exit(1);
 });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-rari-app",
   "type": "module",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Create Runtime Accelerated Rendering Infrastructure (rari) applications with no build configuration",
   "author": "Ryan Skinner",
   "license": "MIT",
@@ -46,12 +46,11 @@
     "lint:fix": "oxlint --fix"
   },
   "dependencies": {
-    "@clack/prompts": "^0.11.0",
-    "picocolors": "^1.1.1"
+    "@clack/prompts": "^0.11.0"
   },
   "devDependencies": {
-    "@types/node": "^25.0.9",
-    "@typescript/native-preview": "^7.0.0-dev.20260120.1",
+    "@types/node": "^25.0.10",
+    "@typescript/native-preview": "^7.0.0-dev.20260123.3",
     "oxlint": "^1.41.0",
     "tsdown": "^0.18.4"
   }

package/templates/default/package.json

@@ -8,10 +8,9 @@
     "node": ">=20.0.0"
   },
   "scripts": {
-    "build": "{{PACKAGE_MANAGER}} run clean && {{PACKAGE_MANAGER}} run typecheck && vite build",
-    "dev": "vite",
-    "predev": "{{PACKAGE_MANAGER}} run build",
-    "start": "NODE_ENV=production rari start",
+    "build": "rari build",
+    "dev": "rari dev",
+    "start": "rari start",
     "deploy:railway": "rari deploy railway",
     "deploy:render": "rari deploy render",
     "clean": "rm -rf dist",
@@ -24,10 +23,10 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.0.10",
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
-    "@typescript/native-preview": "^7.0.0-dev.20260120.1",
+    "@typescript/native-preview": "^7.0.0-dev.20260123.3",
     "rolldown-vite": "^7.3.1",
     "tailwindcss": "^4.1.18"
   }

package/templates/default/src/components/Rari.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react'
+
+export default function Rari(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="437"
+      height="145"
+      fill="none"
+      viewBox="0 0 437 145"
+      {...props}
+    >
+      <g>
+        <g fill="currentColor">
+          <path d="m436.808 0-5.6 24.6h-46.2l5.6-24.6zm-8.2 35.2-24.4 106h-46.2l24.6-106z"></path>
+          <path d="m370.705 33-9.6 41.6q-7.8-2.2-15.6-2.2-12.801 0-19.2 6.4-2.601 2.6-4.8 8.2-3 8.4-13 54.2h-46.2l24.4-106h46l-3.8 16.6q4.8-5.6 7.6-8 12.399-11.4 27-11.4 3.6 0 7.2.6"></path>
+          <path d="M253.303 64.8q0 7.4-2.6 18.6l-9.2 40q-1 3.6-1 7.6 0 1.4 2.2 10.2h-49.4q-.6-5.6.2-11.8-10.8 5.8-12.2 6.6-17.8 8.4-39.8 8.4-8.6 0-15.4-1.6a45 45 0 0 1-6.8-2.2q-3.4-1.4-8.8-4.6-5.2-3.4-8.6-9.2-3.2-6-3.2-13.8 0-5 1.6-9.8 4.6-13 16.8-19.2 2.4-1.2 5.4-2.2 3-1.2 6.6-1.8 3.8-.8 6.8-1.4 3.2-.6 7.8-1 4.6-.6 7.2-.8 2.8-.4 7.8-.6t6.8-.2q2-.2 6.8-.4 5-.2 5.8-.2 4.4-.2 13.4-.4 9-.4 13.4-.6.8-5.8-1.4-9.2-4-6.6-20.2-6.6-14.8 0-20.2 3.8-1.6 1.2-4.2 5.4h-45.6q4.6-12.4 8.2-16.8 5.2-6.4 13.6-10.6t19-5.8 18.2-2q7.6-.6 17.8-.6 37.6 0 51.2 8.6 12 7.6 12 24.2m-53 29.4q-16.8-1-32.2 1.4-11 1.6-15.2 4-5.2 2.6-5.2 7.6 0 2.2 1.8 4.8 3.8 4.6 13 4.6 23.8 0 34-14.4 2-2.6 3.8-8"></path>
+          <path d="m108.4 33-9.6 41.6q-7.8-2.2-15.6-2.2-12.8 0-19.2 6.4-2.6 2.6-4.8 8.2-3 8.4-13 54.2H0l24.4-106h46l-3.8 16.6q4.8-5.6 7.6-8 12.4-11.4 27-11.4 3.6 0 7.2.6"></path>
+        </g>
+      </g>
+    </svg>
+  )
+}

package/templates/default/src/components/Welcome.tsx

@@ -1,6 +1,11 @@
+import Rari from './Rari'
+
 export default function Welcome() {
   return (
     <div className="bg-white rounded-xl p-8 shadow-sm">
+      <div className="flex items-center gap-4 mb-6">
+        <Rari className="w-32 h-auto text-gray-900" />
+      </div>
       <h2 className="text-2xl font-semibold mb-4 text-gray-900">
         🎉 Welcome to rari!
       </h2>

package/templates/default/railway.toml

@@ -1,9 +0,0 @@
-[build]
-builder = "RAILPACK"
-
-[deploy]
-startCommand = "pnpm start"
-healthcheckPath = "/"
-healthcheckTimeout = 300
-restartPolicyType = "ON_FAILURE"
-restartPolicyMaxRetries = 3

package/templates/default/render.yaml

@@ -1,14 +0,0 @@
-services:
-  - type: web
-    name: '{{PROJECT_NAME}}'
-    runtime: node
-    env: node
-    plan: free
-    buildCommand: '{{INSTALL_COMMAND}}'
-    startCommand: '{{PACKAGE_MANAGER}} run start'
-    healthCheckPath: /
-    envVars:
-      - key: NODE_ENV
-        value: production
-      - key: RUST_LOG
-        value: info