@pylonsync/create-pylon 0.3.53 → 0.3.55

package/templates/ios/chat/apps/ios/Sources/__APP_NAME_PASCAL__/RoomView.swift

@@ -0,0 +1,136 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+import PylonSwiftUI
+
+/// Live room view. PylonQuery<Message> with a `where` predicate that
+/// matches `roomId` to the active room. The sync engine pushes diffs
+/// over WebSocket; new messages from any client land in `messages.rows`
+/// without us polling.
+struct RoomView: View {
+	@EnvironmentObject var session: AppSession
+	let room: Room
+	let engine: SyncEngine
+	@StateObject private var messages: PylonQuery<Message>
+	@State private var draft = ""
+	@State private var sending = false
+	@State private var errorMessage: String?
+
+	init(room: Room, engine: SyncEngine) {
+		self.room = room
+		self.engine = engine
+		let roomId = room.id
+		_messages = StateObject(
+			wrappedValue: PylonQuery<Message>(
+				engine: engine,
+				entity: "Message",
+				where: { row in
+					row["roomId"]?.stringValue == roomId
+				},
+			),
+		)
+	}
+
+	var body: some View {
+		VStack(spacing: 0) {
+			ScrollViewReader { proxy in
+				ScrollView {
+					LazyVStack(alignment: .leading, spacing: 12) {
+						ForEach(sortedMessages) { msg in
+							messageRow(msg).id(msg.id)
+						}
+						if messages.rows.isEmpty {
+							Text("No messages yet. Say hi.")
+								.foregroundStyle(.secondary)
+								.padding(.top, 32)
+								.frame(maxWidth: .infinity)
+						}
+					}
+					.padding(16)
+				}
+				.onChange(of: messages.rows.count) { _, _ in
+					if let last = sortedMessages.last {
+						withAnimation { proxy.scrollTo(last.id, anchor: .bottom) }
+					}
+				}
+			}
+
+			if let errorMessage {
+				Text(errorMessage)
+					.foregroundStyle(.red)
+					.font(.caption)
+					.padding(8)
+			}
+
+			HStack {
+				TextField("Message #\(room.slug)…", text: $draft, axis: .vertical)
+					.textFieldStyle(.roundedBorder)
+					.lineLimit(1...4)
+					.onSubmit { Task { await send() } }
+				Button("Send") { Task { await send() } }
+					.keyboardShortcut(.defaultAction)
+					.disabled(draft.trimmingCharacters(in: .whitespaces).isEmpty || sending)
+			}
+			.padding(12)
+			.background(.thinMaterial)
+		}
+		.navigationTitle(room.name)
+		#if os(iOS)
+		.navigationBarTitleDisplayMode(.inline)
+		#endif
+	}
+
+	private var sortedMessages: [Message] {
+		messages.rows.sorted { $0.createdAt < $1.createdAt }
+	}
+
+	@ViewBuilder
+	private func messageRow(_ msg: Message) -> some View {
+		VStack(alignment: .leading, spacing: 2) {
+			HStack(alignment: .firstTextBaseline) {
+				Text(msg.authorName).font(.subheadline.weight(.medium))
+				Text(formatTime(msg.createdAt))
+					.font(.caption2)
+					.foregroundStyle(.tertiary)
+			}
+			Text(msg.body)
+				.font(.body)
+				.fixedSize(horizontal: false, vertical: true)
+		}
+	}
+
+	private func formatTime(_ iso: String) -> String {
+		let formatter = ISO8601DateFormatter()
+		formatter.formatOptions = [.withInternetDateTime, .withFractionalSeconds]
+		guard let date = formatter.date(from: iso) ?? ISO8601DateFormatter().date(from: iso) else {
+			return ""
+		}
+		let display = DateFormatter()
+		display.timeStyle = .short
+		return display.string(from: date)
+	}
+
+	private func send() async {
+		let body = draft.trimmingCharacters(in: .whitespaces)
+		guard !body.isEmpty else { return }
+		sending = true
+		defer { sending = false }
+		do {
+			// Server inserts via ctx.db.insert; the change_event flows
+			// back through the SyncEngine and our PylonQuery picks up
+			// the new row. We only clear the draft here.
+			let _: Message = try await session.client.callFn(
+				"sendMessage",
+				args: SendMessageArgs(
+					roomId: room.id,
+					body: body,
+					authorName: session.authorName,
+				),
+			)
+			draft = ""
+			errorMessage = nil
+		} catch {
+			errorMessage = "Send failed: \(error.localizedDescription)"
+		}
+	}
+}

package/templates/ios/chat/apps/ios/Sources/__APP_NAME_PASCAL__/__APP_NAME_PASCAL__App.swift

@@ -0,0 +1,58 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+
+@main
+struct __APP_NAME_PASCAL__App: App {
+	@StateObject private var session = AppSession()
+
+	var body: some Scene {
+		WindowGroup {
+			Group {
+				if let engine = session.engine {
+					ChatRootView(engine: engine)
+						.environmentObject(session)
+				} else {
+					ProgressView()
+						.frame(maxWidth: .infinity, maxHeight: .infinity)
+				}
+			}
+			.task { await session.bootIfNeeded() }
+		}
+	}
+}
+
+@MainActor
+final class AppSession: ObservableObject {
+	let client: PylonClient
+	@Published private(set) var engine: SyncEngine?
+	@Published var authorName: String
+
+	init() {
+		let baseURLString = ProcessInfo.processInfo.environment["PYLON_BASE_URL"]
+			?? "http://localhost:4321"
+		guard let url = URL(string: baseURLString) else {
+			fatalError("Invalid PYLON_BASE_URL: \(baseURLString)")
+		}
+		self.client = PylonClient(baseURL: url, appName: "__APP_NAME_SNAKE__")
+		self.authorName = UserDefaults.standard.string(forKey: "authorName") ?? "anonymous"
+	}
+
+	/// Construct + start the SyncEngine. Idempotent — safe to call from
+	/// .task on every scene mount.
+	func bootIfNeeded() async {
+		guard engine == nil else { return }
+		let baseURLString = ProcessInfo.processInfo.environment["PYLON_BASE_URL"]
+			?? "http://localhost:4321"
+		guard let url = URL(string: baseURLString) else { return }
+		let config = SyncEngineConfig(baseURL: url, appName: "__APP_NAME_SNAKE__")
+		let engine = await SyncEngine(config: config, client: client)
+		await engine.start()
+		self.engine = engine
+	}
+
+	func setAuthorName(_ name: String) {
+		authorName = name
+		UserDefaults.standard.set(name, forKey: "authorName")
+	}
+}

package/templates/ios/chat/apps/ios/project.yml

@@ -0,0 +1,44 @@
+# xcodegen spec for the iOS build of __APP_NAME__.
+#
+# Materialize the Xcode project once with:
+#     brew install xcodegen
+#     xcodegen generate
+# Then open __APP_NAME_PASCAL__.xcodeproj.
+
+name: __APP_NAME_PASCAL__
+options:
+  bundleIdPrefix: com.example
+  deploymentTarget:
+    iOS: "16.0"
+
+packages:
+  pylon:
+    url: https://github.com/pylonsync/pylon.git
+    from: "0.3.0"
+
+targets:
+  __APP_NAME_PASCAL__:
+    type: application
+    platform: iOS
+    sources:
+      - path: Sources/__APP_NAME_PASCAL__
+    settings:
+      base:
+        GENERATE_INFOPLIST_FILE: YES
+        INFOPLIST_KEY_UIApplicationSceneManifest_Generation: YES
+        INFOPLIST_KEY_UILaunchScreen_Generation: YES
+        INFOPLIST_KEY_UISupportedInterfaceOrientations: "UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight"
+        TARGETED_DEVICE_FAMILY: "1,2"
+        SWIFT_VERSION: "5.9"
+        ENABLE_PREVIEWS: YES
+        # __APP_NAME__ talks to a Pylon backend on localhost during dev.
+        # The simulator can reach localhost directly; on a physical device
+        # set PYLON_BASE_URL to your machine's LAN IP.
+        INFOPLIST_KEY_NSAppTransportSecurity: "{NSAllowsLocalNetworking = YES;}"
+    dependencies:
+      - package: pylon
+        product: PylonClient
+      - package: pylon
+        product: PylonSync
+      - package: pylon
+        product: PylonSwiftUI

package/templates/ios/consumer/apps/ios/Package.swift

@@ -0,0 +1,24 @@
+// swift-tools-version:5.9
+import PackageDescription
+
+let package = Package(
+	name: "__APP_NAME_PASCAL__",
+	platforms: [
+		.iOS(.v16),
+		.macOS(.v13),
+	],
+	dependencies: [
+		.package(url: "https://github.com/pylonsync/pylon.git", from: "0.3.0"),
+	],
+	targets: [
+		.executableTarget(
+			name: "__APP_NAME_PASCAL__",
+			dependencies: [
+				.product(name: "PylonClient", package: "pylon"),
+				.product(name: "PylonSync", package: "pylon"),
+				.product(name: "PylonSwiftUI", package: "pylon"),
+			],
+			path: "Sources/__APP_NAME_PASCAL__"
+		),
+	]
+)

package/templates/ios/consumer/apps/ios/Sources/__APP_NAME_PASCAL__/FeedView.swift

@@ -0,0 +1,199 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+import PylonSwiftUI
+
+/// Live feed. Three subscriptions (Post / Like / Profile) joined
+/// in-memory. Every new post + every like from any client renders
+/// here without polling.
+struct FeedView: View {
+	@EnvironmentObject var session: AppSession
+	let engine: SyncEngine
+	let me: Profile
+	let profiles: [Profile]
+
+	@StateObject private var posts: PylonQuery<Post>
+	@StateObject private var likes: PylonQuery<Like>
+	@State private var draft = ""
+	@State private var posting = false
+	@State private var errorMessage: String?
+
+	init(engine: SyncEngine, me: Profile, profiles: [Profile]) {
+		self.engine = engine
+		self.me = me
+		self.profiles = profiles
+		_posts = StateObject(
+			wrappedValue: PylonQuery<Post>(engine: engine, entity: "Post"),
+		)
+		_likes = StateObject(
+			wrappedValue: PylonQuery<Like>(engine: engine, entity: "Like"),
+		)
+	}
+
+	var body: some View {
+		NavigationStack {
+			List {
+				Section("Post") {
+					VStack(alignment: .leading, spacing: 8) {
+						TextEditor(text: $draft)
+							.frame(minHeight: 80)
+							.font(.body)
+						HStack {
+							Text("\(draft.count)/1000")
+								.font(.caption)
+								.foregroundStyle(.secondary)
+							Spacer()
+							Button(posting ? "Posting…" : "Post") {
+								Task { await post() }
+							}
+							.disabled(posting || draft.trimmingCharacters(in: .whitespaces).isEmpty)
+						}
+					}
+				}
+
+				Section("Feed") {
+					if items.isEmpty {
+						Text("No posts yet.")
+							.foregroundStyle(.secondary)
+					} else {
+						ForEach(items, id: \.post.id) { item in
+							row(item)
+						}
+					}
+				}
+
+				if let errorMessage {
+					Section {
+						Text(errorMessage)
+							.foregroundStyle(.red)
+							.font(.caption)
+					}
+				}
+			}
+			.navigationTitle("__APP_NAME__")
+		}
+	}
+
+	private struct FeedRow: Hashable {
+		let post: Post
+		let author: Profile?
+		let likeCount: Int
+		let likedByMe: Bool
+	}
+
+	private var profilesById: [String: Profile] {
+		Dictionary(uniqueKeysWithValues: profiles.map { ($0.id, $0) })
+	}
+
+	private var items: [FeedRow] {
+		posts.rows
+			.sorted { $0.createdAt > $1.createdAt }
+			.prefix(100)
+			.map { post in
+				let postLikes = likes.rows.filter { $0.postId == post.id }
+				return FeedRow(
+					post: post,
+					author: profilesById[post.authorId],
+					likeCount: postLikes.count,
+					likedByMe: postLikes.contains { $0.profileId == me.id },
+				)
+			}
+	}
+
+	@ViewBuilder
+	private func row(_ item: FeedRow) -> some View {
+		VStack(alignment: .leading, spacing: 6) {
+			HStack(alignment: .firstTextBaseline) {
+				Text(item.author?.displayName ?? "Unknown")
+					.font(.subheadline.weight(.medium))
+				Text("@\(item.author?.handle ?? "?")")
+					.font(.system(.caption, design: .monospaced))
+					.foregroundStyle(.secondary)
+				Spacer()
+				Text(item.post.createdAt)
+					.font(.caption2)
+					.foregroundStyle(.tertiary)
+			}
+			Text(item.post.body)
+				.font(.body)
+				.fixedSize(horizontal: false, vertical: true)
+			HStack {
+				Button {
+					Task { await toggleLike(item.post.id) }
+				} label: {
+					HStack(spacing: 4) {
+						Image(systemName: item.likedByMe ? "heart.fill" : "heart")
+						Text("\(item.likeCount)")
+					}
+					.font(.caption)
+					.foregroundStyle(item.likedByMe ? .pink : .secondary)
+				}
+				.buttonStyle(.plain)
+
+				if item.author?.id == me.id {
+					Spacer()
+					Button("Delete", role: .destructive) {
+						Task { await delete(item.post.id) }
+					}
+					.font(.caption)
+				}
+			}
+		}
+		.padding(.vertical, 4)
+	}
+
+	// MARK: - Mutations (writes flow through callFn; the engine receives
+	// the change_event and updates the local store, which re-renders the
+	// PylonQuery rows above).
+
+	private func post() async {
+		let body = draft.trimmingCharacters(in: .whitespaces)
+		guard !body.isEmpty else { return }
+		posting = true
+		defer { posting = false }
+		do {
+			// `createPost` returns the joined shape (Post + author),
+			// but we don't use the return value — the engine will
+			// surface the new Post row via the live subscription.
+			let _: PostCreatedResponse = try await session.client.callFn(
+				"createPost",
+				args: CreatePostArgs(body: body),
+			)
+			draft = ""
+			errorMessage = nil
+		} catch {
+			errorMessage = "Post failed: \(error.localizedDescription)"
+		}
+	}
+
+	private func toggleLike(_ postId: String) async {
+		do {
+			let _: ToggleLikeResponse = try await session.client.callFn(
+				"toggleLike",
+				args: ToggleLikeArgs(postId: postId),
+			)
+		} catch {
+			errorMessage = "Like failed: \(error.localizedDescription)"
+		}
+	}
+
+	private func delete(_ postId: String) async {
+		do {
+			let _: Post = try await session.client.callFn(
+				"deletePost",
+				args: DeletePostArgs(id: postId),
+			)
+		} catch {
+			errorMessage = "Delete failed: \(error.localizedDescription)"
+		}
+	}
+}
+
+private struct PostCreatedResponse: Decodable {
+	let id: String
+}
+
+private struct ToggleLikeResponse: Decodable {
+	let liked: Bool
+	let likeCount: Int
+}

package/templates/ios/consumer/apps/ios/Sources/__APP_NAME_PASCAL__/Models.swift

@@ -0,0 +1,34 @@
+import Foundation
+
+struct Profile: Codable, Identifiable, Hashable {
+	let id: String
+	let userId: String
+	let handle: String
+	let displayName: String
+	let bio: String?
+	let createdAt: String
+}
+
+struct Post: Codable, Identifiable, Hashable {
+	let id: String
+	let authorId: String
+	let body: String
+	let createdAt: String
+}
+
+struct Like: Codable, Identifiable, Hashable {
+	let id: String
+	let postId: String
+	let profileId: String
+	let createdAt: String
+}
+
+struct UpsertProfileArgs: Encodable {
+	let handle: String
+	let displayName: String
+	let bio: String
+}
+struct CreatePostArgs: Encodable { let body: String }
+struct DeletePostArgs: Encodable { let id: String }
+struct ToggleLikeArgs: Encodable { let postId: String }
+struct EmptyArgs: Encodable {}

package/templates/ios/consumer/apps/ios/Sources/__APP_NAME_PASCAL__/ProfileSetupView.swift

@@ -0,0 +1,68 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+
+struct ProfileSetupView: View {
+	@EnvironmentObject var session: AppSession
+	let engine: SyncEngine
+	let existingHandles: [String]
+
+	@State private var handle = ""
+	@State private var displayName = ""
+	@State private var bio = ""
+	@State private var saving = false
+	@State private var errorMessage: String?
+
+	var body: some View {
+		NavigationStack {
+			Form {
+				Section("Set up your profile") {
+					TextField("handle (lowercase, 2–20)", text: $handle)
+						.autocorrectionDisabled()
+						.textInputAutocapitalization(.never)
+					TextField("Display name", text: $displayName)
+					TextField("Bio (optional)", text: $bio)
+				}
+				if let errorMessage {
+					Section {
+						Text(errorMessage)
+							.foregroundStyle(.red)
+							.font(.caption)
+					}
+				}
+				Section {
+					Button(saving ? "Saving…" : "Save") {
+						Task { await save() }
+					}
+					.disabled(saving
+						|| handle.trimmingCharacters(in: .whitespaces).isEmpty
+						|| displayName.trimmingCharacters(in: .whitespaces).isEmpty)
+				}
+			}
+			.navigationTitle("__APP_NAME__")
+		}
+	}
+
+	private func save() async {
+		saving = true
+		defer { saving = false }
+		let lower = handle.trimmingCharacters(in: .whitespaces).lowercased()
+		if existingHandles.contains(lower) {
+			errorMessage = "@\(lower) is taken"
+			return
+		}
+		do {
+			let profile: Profile = try await session.client.callFn(
+				"upsertProfile",
+				args: UpsertProfileArgs(
+					handle: lower,
+					displayName: displayName.trimmingCharacters(in: .whitespaces),
+					bio: bio.trimmingCharacters(in: .whitespaces),
+				),
+			)
+			session.setMyProfileId(profile.id)
+		} catch {
+			errorMessage = "Save failed: \(error.localizedDescription)"
+		}
+	}
+}

package/templates/ios/consumer/apps/ios/Sources/__APP_NAME_PASCAL__/RootView.swift

@@ -0,0 +1,40 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+import PylonSwiftUI
+
+/// Watches the live Profile collection. If we have a saved profileId
+/// AND a Profile row in the local store with that id, render the
+/// feed; otherwise, profile setup. The profile row appears in the
+/// store via the SyncEngine, so a fresh device sees its own profile
+/// pop in moments after `upsertProfile` returns.
+struct RootView: View {
+	@EnvironmentObject var session: AppSession
+	let engine: SyncEngine
+	@StateObject private var profiles: PylonQuery<Profile>
+
+	init(engine: SyncEngine) {
+		self.engine = engine
+		_profiles = StateObject(
+			wrappedValue: PylonQuery<Profile>(engine: engine, entity: "Profile"),
+		)
+	}
+
+	var body: some View {
+		Group {
+			if let me = currentProfile {
+				FeedView(engine: engine, me: me, profiles: profiles.rows)
+			} else {
+				ProfileSetupView(
+					engine: engine,
+					existingHandles: profiles.rows.map { $0.handle },
+				)
+			}
+		}
+	}
+
+	private var currentProfile: Profile? {
+		guard let id = session.myProfileId else { return nil }
+		return profiles.rows.first { $0.id == id }
+	}
+}

package/templates/ios/consumer/apps/ios/Sources/__APP_NAME_PASCAL__/__APP_NAME_PASCAL__App.swift

@@ -0,0 +1,57 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+
+@main
+struct __APP_NAME_PASCAL__App: App {
+	@StateObject private var session = AppSession()
+
+	var body: some Scene {
+		WindowGroup {
+			Group {
+				if let engine = session.engine {
+					RootView(engine: engine)
+						.environmentObject(session)
+				} else {
+					ProgressView()
+						.frame(maxWidth: .infinity, maxHeight: .infinity)
+				}
+			}
+			.task { await session.bootIfNeeded() }
+		}
+	}
+}
+
+@MainActor
+final class AppSession: ObservableObject {
+	let client: PylonClient
+	@Published private(set) var engine: SyncEngine?
+	@Published var myProfileId: String?
+
+	init() {
+		let baseURLString = ProcessInfo.processInfo.environment["PYLON_BASE_URL"]
+			?? "http://localhost:4321"
+		guard let url = URL(string: baseURLString) else {
+			fatalError("Invalid PYLON_BASE_URL: \(baseURLString)")
+		}
+		self.client = PylonClient(baseURL: url, appName: "__APP_NAME_SNAKE__")
+		self.myProfileId = UserDefaults.standard.string(forKey: "myProfileId")
+	}
+
+	func bootIfNeeded() async {
+		guard engine == nil else { return }
+		let baseURLString = ProcessInfo.processInfo.environment["PYLON_BASE_URL"]
+			?? "http://localhost:4321"
+		guard let url = URL(string: baseURLString) else { return }
+		let config = SyncEngineConfig(baseURL: url, appName: "__APP_NAME_SNAKE__")
+		let engine = await SyncEngine(config: config, client: client)
+		await engine.start()
+		self.engine = engine
+	}
+
+	func setMyProfileId(_ id: String?) {
+		myProfileId = id
+		if let id { UserDefaults.standard.set(id, forKey: "myProfileId") }
+		else { UserDefaults.standard.removeObject(forKey: "myProfileId") }
+	}
+}

package/templates/ios/consumer/apps/ios/project.yml

@@ -0,0 +1,44 @@
+# xcodegen spec for the iOS build of __APP_NAME__.
+#
+# Materialize the Xcode project once with:
+#     brew install xcodegen
+#     xcodegen generate
+# Then open __APP_NAME_PASCAL__.xcodeproj.
+
+name: __APP_NAME_PASCAL__
+options:
+  bundleIdPrefix: com.example
+  deploymentTarget:
+    iOS: "16.0"
+
+packages:
+  pylon:
+    url: https://github.com/pylonsync/pylon.git
+    from: "0.3.0"
+
+targets:
+  __APP_NAME_PASCAL__:
+    type: application
+    platform: iOS
+    sources:
+      - path: Sources/__APP_NAME_PASCAL__
+    settings:
+      base:
+        GENERATE_INFOPLIST_FILE: YES
+        INFOPLIST_KEY_UIApplicationSceneManifest_Generation: YES
+        INFOPLIST_KEY_UILaunchScreen_Generation: YES
+        INFOPLIST_KEY_UISupportedInterfaceOrientations: "UIInterfaceOrientationPortrait UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight"
+        TARGETED_DEVICE_FAMILY: "1,2"
+        SWIFT_VERSION: "5.9"
+        ENABLE_PREVIEWS: YES
+        # __APP_NAME__ talks to a Pylon backend on localhost during dev.
+        # The simulator can reach localhost directly; on a physical device
+        # set PYLON_BASE_URL to your machine's LAN IP.
+        INFOPLIST_KEY_NSAppTransportSecurity: "{NSAllowsLocalNetworking = YES;}"
+    dependencies:
+      - package: pylon
+        product: PylonClient
+      - package: pylon
+        product: PylonSync
+      - package: pylon
+        product: PylonSwiftUI