@pylonsync/create-pylon 0.3.54 → 0.3.57

package/bin/create-pylon.js

@@ -340,28 +340,37 @@ walkAndSubstitute(root);
 // picked (each PM exposes "run X in workspace Y" differently).
 // ---------------------------------------------------------------------------
 
-const wsScripts = pmScripts(flags.pm);
-const devScripts = {};
-// API runs always — every frontend connects to it.
-devScripts["dev:api"] = wsScripts.devApi;
-if (platforms.includes("web")) devScripts["dev:web"] = wsScripts.devWeb;
-if (platforms.includes("expo")) devScripts["dev:expo"] = wsScripts.devExpo;
+// Turborepo orchestrates the workspace. `turbo dev` runs the `dev`
+// task in every package that defines one (apps/api always; apps/web,
+// apps/expo when scaffolded). Native targets (ios, mac) aren't
+// `turbo dev`-shaped — Xcode / `swift run` block — so they get
+// dedicated escape-hatch scripts instead. turbo.json ships in
+// _root/, so it's already in the project.
+const helperScripts = {};
 if (platforms.includes("ios")) {
-	// `xcodegen generate` materializes the .xcodeproj from project.yml,
-	// then it's an Xcode-driven flow — no `bun run dev` semantics.
-	devScripts["dev:ios"] =
+	helperScripts["dev:ios"] =
 		"echo 'cd apps/ios && xcodegen generate && open *.xcodeproj  (or: swift run for a quick macOS preview)'";
 }
 if (platforms.includes("mac")) {
-	devScripts["dev:mac"] =
+	helperScripts["dev:mac"] =
 		"echo 'cd apps/mac && swift run  (or: xcodegen generate && open *.xcodeproj)'";
 }
 
-const parallelDevs = Object.keys(devScripts);
+// Turbo 2.x refuses to run without packageManager set. Pick a recent-
+// stable for whichever PM the user picked. npm doesn't enforce this
+// field but turbo still expects it to be present.
+const PACKAGE_MANAGERS = {
+	bun: "bun@1.2.19",
+	pnpm: "pnpm@9.12.0",
+	yarn: "yarn@4.5.0",
+	npm: "npm@10.9.0",
+};
+
 const rootPkg = {
 	name: APP_NAME_KEBAB,
 	private: true,
 	type: "module",
+	packageManager: PACKAGE_MANAGERS[flags.pm],
 	workspaces: ["apps/*", "packages/*"].filter((p) => {
 		// Only declare packages/* as a workspace if we actually scaffolded
 		// packages/ui — otherwise the empty match warns on bun install.
@@ -369,14 +378,15 @@ const rootPkg = {
 		return true;
 	}),
 	scripts: {
-		dev:
-			parallelDevs.length > 1
-				? `npm-run-all --parallel ${parallelDevs.join(" ")}`
-				: wsScripts.devApi,
-		...devScripts,
-		build: wsScripts.build,
+		dev: "turbo dev",
+		build: "turbo build",
+		check: "turbo check",
+		lint: "turbo lint",
+		...helperScripts,
+	},
+	devDependencies: {
+		turbo: "^2.3.0",
 	},
-	devDependencies: parallelDevs.length > 1 ? { "npm-run-all": "^4.1.5" } : {},
 };
 writeFileSync(
 	join(root, "package.json"),
@@ -457,36 +467,3 @@ function detectPackageManager() {
 	return null;
 }
 
-function pmScripts(pm) {
-	switch (pm) {
-		case "bun":
-			return {
-				devApi: "bun run --filter './apps/api' dev",
-				devWeb: "bun run --filter './apps/web' dev",
-				devExpo: "bun run --filter './apps/expo' start",
-				build: "bun run --filter '*' build",
-			};
-		case "pnpm":
-			return {
-				devApi: "pnpm --filter './apps/api' run dev",
-				devWeb: "pnpm --filter './apps/web' run dev",
-				devExpo: "pnpm --filter './apps/expo' run start",
-				build: "pnpm --filter '*' run build",
-			};
-		case "yarn":
-			return {
-				devApi: `yarn workspace @${APP_NAME_KEBAB}/api run dev`,
-				devWeb: `yarn workspace @${APP_NAME_KEBAB}/web run dev`,
-				devExpo: `yarn workspace @${APP_NAME_KEBAB}/expo run start`,
-				build: "yarn workspaces foreach -A run build",
-			};
-		case "npm":
-		default:
-			return {
-				devApi: "npm --workspace apps/api run dev",
-				devWeb: "npm --workspace apps/web run dev",
-				devExpo: "npm --workspace apps/expo run start",
-				build: "npm --workspaces run build --if-present",
-			};
-	}
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pylonsync/create-pylon",
-  "version": "0.3.54",
+  "version": "0.3.57",
   "description": "Scaffold a new Pylon app — realtime backend + web/mobile/expo frontends in one command. Run via `npm create @pylonsync/pylon@latest`.",
   "publishConfig": {
     "access": "public"

package/templates/_root/turbo.json

@@ -0,0 +1,18 @@
+{
+	"$schema": "https://turbo.build/schema.json",
+	"ui": "stream",
+	"tasks": {
+		"dev": {
+			"cache": false,
+			"persistent": true
+		},
+		"build": {
+			"dependsOn": ["^build"],
+			"outputs": [".next/**", "!.next/cache/**", "dist/**"]
+		},
+		"check": {
+			"dependsOn": ["^build"]
+		},
+		"lint": {}
+	}
+}

package/templates/backend/b2b/apps/api/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pylon dev schema.ts --port 4321",
-    "build": "pylon codegen schema.ts --out pylon.manifest.json && pylon codegen client pylon.manifest.json --out pylon.client.ts",
-    "schema:push": "pylon schema push pylon.manifest.json --sqlite dev.db",
+    "dev": "pylon dev",
+    "build": "pylon build",
+    "schema:push": "pylon schema push --sqlite dev.db",
     "schema:inspect": "pylon schema inspect --sqlite dev.db"
   },
   "dependencies": {

package/templates/backend/barebones/apps/api/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pylon dev schema.ts --port 4321",
-    "build": "pylon codegen schema.ts --out pylon.manifest.json && pylon codegen client pylon.manifest.json --out pylon.client.ts",
-    "schema:push": "pylon schema push pylon.manifest.json --sqlite dev.db",
+    "dev": "pylon dev",
+    "build": "pylon build",
+    "schema:push": "pylon schema push --sqlite dev.db",
     "schema:inspect": "pylon schema inspect --sqlite dev.db"
   },
   "dependencies": {

package/templates/backend/chat/apps/api/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pylon dev schema.ts --port 4321",
-    "build": "pylon codegen schema.ts --out pylon.manifest.json && pylon codegen client pylon.manifest.json --out pylon.client.ts",
-    "schema:push": "pylon schema push pylon.manifest.json --sqlite dev.db",
+    "dev": "pylon dev",
+    "build": "pylon build",
+    "schema:push": "pylon schema push --sqlite dev.db",
     "schema:inspect": "pylon schema inspect --sqlite dev.db"
   },
   "dependencies": {

package/templates/backend/consumer/apps/api/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pylon dev schema.ts --port 4321",
-    "build": "pylon codegen schema.ts --out pylon.manifest.json && pylon codegen client pylon.manifest.json --out pylon.client.ts",
-    "schema:push": "pylon schema push pylon.manifest.json --sqlite dev.db",
+    "dev": "pylon dev",
+    "build": "pylon build",
+    "schema:push": "pylon schema push --sqlite dev.db",
     "schema:inspect": "pylon schema inspect --sqlite dev.db"
   },
   "dependencies": {

package/templates/backend/todo/apps/api/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pylon dev schema.ts --port 4321",
-    "build": "pylon codegen schema.ts --out pylon.manifest.json && pylon codegen client pylon.manifest.json --out pylon.client.ts",
-    "schema:push": "pylon schema push pylon.manifest.json --sqlite dev.db",
+    "dev": "pylon dev",
+    "build": "pylon build",
+    "schema:push": "pylon schema push --sqlite dev.db",
     "schema:inspect": "pylon schema inspect --sqlite dev.db"
   },
   "dependencies": {

package/templates/expo/barebones/apps/expo/package.json

@@ -5,6 +5,7 @@
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
+    "dev": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web"

package/templates/expo/chat/apps/expo/App.tsx

@@ -13,7 +13,7 @@ import {
 	SafeAreaView,
 } from "react-native";
 import { StatusBar } from "expo-status-bar";
-import { init, callFn } from "@pylonsync/react-native";
+import { init, db, callFn } from "@pylonsync/react-native";
 
 const PYLON_BASE_URL =
 	process.env.EXPO_PUBLIC_PYLON_BASE_URL ??
@@ -48,23 +48,9 @@ function ensureInit() {
 
 export default function App() {
 	const [ready, setReady] = useState(false);
-	const [rooms, setRooms] = useState<Room[]>([]);
-	const [active, setActive] = useState<Room | null>(null);
-	const [authorName, setAuthorName] = useState("anonymous");
-
 	useEffect(() => {
-		ensureInit().then(async () => {
-			try {
-				const list = await callFn<Room[]>("listRooms", {});
-				setRooms(list);
-				setActive(list[0] ?? null);
-			} catch (e) {
-				Alert.alert("Load failed", String(e));
-			}
-			setReady(true);
-		});
+		ensureInit().then(() => setReady(true));
 	}, []);
-
 	if (!ready) {
 		return (
 			<View style={[styles.screen, styles.center]}>
@@ -72,159 +58,61 @@ export default function App() {
 			</View>
 		);
 	}
-
-	if (!active) {
-		return (
-			<RoomCreate
-				authorName={authorName}
-				onAuthorNameChange={setAuthorName}
-				onCreated={(r) => {
-					setRooms((prev) => [...prev, r]);
-					setActive(r);
-				}}
-			/>
-		);
-	}
-
-	return (
-		<RoomView
-			room={active}
-			rooms={rooms}
-			onSwitch={setActive}
-			authorName={authorName}
-			onAuthorNameChange={setAuthorName}
-			onCreate={(r) => {
-				setRooms((prev) => [...prev, r]);
-				setActive(r);
-			}}
-		/>
-	);
+	return <Chat />;
 }
 
-function RoomCreate({
-	authorName,
-	onAuthorNameChange,
-	onCreated,
-}: {
-	authorName: string;
-	onAuthorNameChange: (s: string) => void;
-	onCreated: (r: Room) => void;
-}) {
-	const [name, setName] = useState("General");
-	const [slug, setSlug] = useState("general");
-	const [creating, setCreating] = useState(false);
+function Chat() {
+	// Live subscriptions — sync engine pushes diffs over WebSocket.
+	// New rooms / new messages from any other device or device update
+	// re-render this component without polling.
+	const { data: rooms = [] } = db.useQuery<Room>("Room", {
+		orderBy: { createdAt: "asc" },
+	});
+	const [activeId, setActiveId] = useState<string | null>(null);
+	useEffect(() => {
+		if (!activeId && rooms.length > 0) setActiveId(rooms[0].id);
+	}, [rooms, activeId]);
 
-	async function create() {
-		setCreating(true);
-		try {
-			const r = await callFn<Room>("createRoom", {
-				slug: slug.toLowerCase(),
-				name,
-			});
-			onCreated(r);
-		} catch (e) {
-			Alert.alert("Create failed", String(e));
-		} finally {
-			setCreating(false);
-		}
-	}
+	const active = rooms.find((r) => r.id === activeId) ?? null;
 
-	return (
-		<SafeAreaView style={styles.screen}>
-			<StatusBar style="auto" />
-			<View style={styles.content}>
-				<Text style={styles.title}>__APP_NAME__</Text>
-				<Text style={styles.subtitle}>No rooms yet — create one.</Text>
-				<TextInput
-					style={styles.input}
-					placeholder="Your display name"
-					value={authorName}
-					onChangeText={onAuthorNameChange}
-				/>
-				<TextInput
-					style={styles.input}
-					placeholder="Room name"
-					value={name}
-					onChangeText={setName}
-				/>
-				<TextInput
-					style={styles.input}
-					placeholder="Slug"
-					value={slug}
-					onChangeText={(s) => setSlug(s.toLowerCase())}
-					autoCapitalize="none"
-					autoCorrect={false}
-				/>
-				<Pressable
-					onPress={create}
-					disabled={creating || !name.trim() || !slug.trim()}
-					style={({ pressed }) => [
-						styles.button,
-						(creating || !name.trim() || !slug.trim()) && styles.buttonDisabled,
-						pressed && styles.buttonPressed,
-					]}
-				>
-					<Text style={styles.buttonLabel}>
-						{creating ? "Creating…" : "Create room"}
-					</Text>
-				</Pressable>
-			</View>
-		</SafeAreaView>
-	);
-}
+	const { data: messages = [] } = db.useQuery<Message>("Message", {
+		where: activeId ? { roomId: activeId } : undefined,
+		orderBy: { createdAt: "asc" },
+		limit: 200,
+	});
 
-function RoomView({
-	room,
-	rooms,
-	onSwitch,
-	authorName,
-	onAuthorNameChange,
-	onCreate,
-}: {
-	room: Room;
-	rooms: Room[];
-	onSwitch: (r: Room) => void;
-	authorName: string;
-	onAuthorNameChange: (s: string) => void;
-	onCreate: (r: Room) => void;
-}) {
-	const [messages, setMessages] = useState<Message[]>([]);
 	const [draft, setDraft] = useState("");
 	const [sending, setSending] = useState(false);
+	const [authorName, setAuthorName] = useState("anonymous");
 	const listRef = useRef<FlatList<Message>>(null);
 
-	useEffect(() => {
-		void load();
-		const t = setInterval(load, 1500);
-		return () => clearInterval(t);
-		async function load() {
-			try {
-				const m = await callFn<Message[]>("roomMessages", { roomId: room.id });
-				setMessages(m);
-			} catch {
-				// ignore — will retry on next tick
-			}
-		}
-	}, [room.id]);
-
 	useEffect(() => {
 		if (messages.length > 0) {
 			listRef.current?.scrollToEnd({ animated: true });
 		}
-	}, [messages.length]);
+	}, [messages.length, activeId]);
+
+	if (!active) {
+		return (
+			<RoomCreate
+				authorName={authorName}
+				onAuthorNameChange={setAuthorName}
+				onCreated={(r) => setActiveId(r.id)}
+			/>
+		);
+	}
 
 	async function send() {
 		const body = draft.trim();
 		if (!body) return;
-		setSending(true);
 		setDraft("");
+		setSending(true);
 		try {
-			const msg = await callFn<Message>("sendMessage", {
-				roomId: room.id,
+			await callFn("sendMessage", {
+				roomId: active.id,
 				body,
 				authorName,
 			});
-			setMessages((prev) => [...prev, msg]);
 		} catch (e) {
 			setDraft(body);
 			Alert.alert("Send failed", String(e));
@@ -241,8 +129,8 @@ function RoomView({
 			.replace(/[^a-z0-9]+/g, "-")
 			.replace(/^-|-$/g, "");
 		try {
-			const r = await callFn<Room>("createRoom", { slug, name });
-			onCreate(r);
+			const r = (await callFn("createRoom", { slug, name })) as Room;
+			setActiveId(r.id);
 		} catch (e) {
 			Alert.alert("Create failed", String(e));
 		}
@@ -258,15 +146,14 @@ function RoomView({
 			>
 				<View style={styles.header}>
 					<View>
-						<Text style={styles.title}>{room.name}</Text>
-						<Text style={styles.handle}>#{room.slug}</Text>
+						<Text style={styles.title}>{active.name}</Text>
+						<Text style={styles.handle}>#{active.slug}</Text>
 					</View>
 					{rooms.length > 1 && (
 						<Pressable
 							onPress={() => {
-								// Cycle to next room — simplest "switch room" UX without a sidebar.
-								const idx = rooms.findIndex((r) => r.id === room.id);
-								onSwitch(rooms[(idx + 1) % rooms.length]);
+								const idx = rooms.findIndex((r) => r.id === active.id);
+								setActiveId(rooms[(idx + 1) % rooms.length].id);
 							}}
 						>
 							<Text style={styles.switchBtn}>Next room →</Text>
@@ -279,7 +166,7 @@ function RoomView({
 					<TextInput
 						style={styles.nameinput}
 						value={authorName}
-						onChangeText={onAuthorNameChange}
+						onChangeText={setAuthorName}
 						autoCapitalize="none"
 					/>
 				</View>
@@ -313,7 +200,7 @@ function RoomView({
 						style={styles.composerInput}
 						value={draft}
 						onChangeText={setDraft}
-						placeholder={`Message ${room.name}…`}
+						placeholder={`Message ${active.name}…`}
 						multiline
 						editable={!sending}
 					/>
@@ -329,11 +216,87 @@ function RoomView({
 						<Text style={styles.buttonLabel}>Send</Text>
 					</Pressable>
 				</View>
+
+				<Pressable onPress={createRoom} style={styles.newRoomBar}>
+					<Text style={styles.newRoomLabel}>+ New room</Text>
+				</Pressable>
 			</KeyboardAvoidingView>
 		</SafeAreaView>
 	);
 }
 
+function RoomCreate({
+	authorName,
+	onAuthorNameChange,
+	onCreated,
+}: {
+	authorName: string;
+	onAuthorNameChange: (s: string) => void;
+	onCreated: (r: Room) => void;
+}) {
+	const [name, setName] = useState("General");
+	const [slug, setSlug] = useState("general");
+	const [creating, setCreating] = useState(false);
+
+	async function create() {
+		setCreating(true);
+		try {
+			const r = (await callFn("createRoom", {
+				slug: slug.toLowerCase(),
+				name,
+			})) as Room;
+			onCreated(r);
+		} catch (e) {
+			Alert.alert("Create failed", String(e));
+		} finally {
+			setCreating(false);
+		}
+	}
+
+	return (
+		<SafeAreaView style={styles.screen}>
+			<StatusBar style="auto" />
+			<View style={styles.content}>
+				<Text style={styles.title}>__APP_NAME__</Text>
+				<Text style={styles.subtitle}>No rooms yet — create one.</Text>
+				<TextInput
+					style={styles.input}
+					placeholder="Your display name"
+					value={authorName}
+					onChangeText={onAuthorNameChange}
+				/>
+				<TextInput
+					style={styles.input}
+					placeholder="Room name"
+					value={name}
+					onChangeText={setName}
+				/>
+				<TextInput
+					style={styles.input}
+					placeholder="Slug"
+					value={slug}
+					onChangeText={(s) => setSlug(s.toLowerCase())}
+					autoCapitalize="none"
+					autoCorrect={false}
+				/>
+				<Pressable
+					onPress={create}
+					disabled={creating || !name.trim() || !slug.trim()}
+					style={({ pressed }) => [
+						styles.button,
+						(creating || !name.trim() || !slug.trim()) && styles.buttonDisabled,
+						pressed && styles.buttonPressed,
+					]}
+				>
+					<Text style={styles.buttonLabel}>
+						{creating ? "Creating…" : "Create room"}
+					</Text>
+				</Pressable>
+			</View>
+		</SafeAreaView>
+	);
+}
+
 const styles = StyleSheet.create({
 	screen: { flex: 1, backgroundColor: "#fff" },
 	flex: { flex: 1 },
@@ -411,4 +374,11 @@ const styles = StyleSheet.create({
 		paddingVertical: 8,
 		fontSize: 14,
 	},
+	newRoomBar: {
+		paddingVertical: 10,
+		alignItems: "center",
+		borderTopWidth: 1,
+		borderColor: "#e5e5e5",
+	},
+	newRoomLabel: { color: "#3b82f6", fontSize: 13 },
 });

package/templates/expo/chat/apps/expo/package.json

@@ -5,6 +5,7 @@
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
+    "dev": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web"