@pylonsync/create-pylon 0.3.53 → 0.3.55

package/templates/mac/chat/apps/mac/Sources/__APP_NAME_PASCAL__/ChatRootView.swift

@@ -0,0 +1,143 @@
+import SwiftUI
+import PylonClient
+import PylonSync
+import PylonSwiftUI
+
+/// macOS chat: rooms in a sidebar, room view in the detail pane.
+/// PylonQuery<Room> subscribes via the SyncEngine — new rooms from
+/// any client appear without polling. Same story inside RoomView for
+/// messages.
+struct ChatRootView: View {
+	@EnvironmentObject var session: AppSession
+	let engine: SyncEngine
+	@StateObject private var rooms: PylonQuery<Room>
+	@State private var selected: Room.ID?
+	@State private var showingCreate = false
+	@State private var draftSlug = ""
+	@State private var draftName = ""
+	@State private var errorMessage: String?
+
+	init(engine: SyncEngine) {
+		self.engine = engine
+		_rooms = StateObject(
+			wrappedValue: PylonQuery<Room>(engine: engine, entity: "Room"),
+		)
+	}
+
+	var body: some View {
+		NavigationSplitView {
+			VStack(spacing: 0) {
+				List(selection: $selected) {
+					Section("Rooms") {
+						ForEach(sortedRooms) { r in
+							VStack(alignment: .leading, spacing: 2) {
+								Text(r.name)
+								Text("#\(r.slug)")
+									.font(.system(.caption, design: .monospaced))
+									.foregroundStyle(.secondary)
+							}
+							.tag(r.id)
+						}
+					}
+				}
+				Divider()
+				HStack(spacing: 8) {
+					TextField("display name", text: Binding(
+						get: { session.authorName },
+						set: { session.setAuthorName($0) },
+					))
+					.textFieldStyle(.roundedBorder)
+					.font(.caption)
+				}
+				.padding(8)
+			}
+			.toolbar {
+				ToolbarItem(placement: .primaryAction) {
+					Button {
+						showingCreate.toggle()
+					} label: {
+						Image(systemName: "plus")
+					}
+				}
+			}
+			.sheet(isPresented: $showingCreate) {
+				createSheet
+			}
+		} detail: {
+			if let id = selected, let room = sortedRooms.first(where: { $0.id == id }) {
+				RoomView(room: room, engine: engine)
+			} else {
+				placeholder
+			}
+		}
+		.onAppear {
+			if selected == nil { selected = sortedRooms.first?.id }
+		}
+		.onChange(of: rooms.rows.count) { _, _ in
+			if selected == nil { selected = sortedRooms.first?.id }
+		}
+	}
+
+	private var sortedRooms: [Room] {
+		rooms.rows.sorted { $0.createdAt < $1.createdAt }
+	}
+
+	private var createSheet: some View {
+		VStack(alignment: .leading, spacing: 12) {
+			Text("Create a room").font(.headline)
+			TextField("Name", text: $draftName)
+				.textFieldStyle(.roundedBorder)
+			TextField("Slug (e.g. general)", text: $draftSlug)
+				.textFieldStyle(.roundedBorder)
+				.autocorrectionDisabled()
+			HStack {
+				Spacer()
+				Button("Cancel") { showingCreate = false }
+					.buttonStyle(.bordered)
+				Button("Create") { Task { await create() } }
+					.keyboardShortcut(.defaultAction)
+					.disabled(draftName.trimmingCharacters(in: .whitespaces).isEmpty
+						|| draftSlug.trimmingCharacters(in: .whitespaces).isEmpty)
+			}
+			if let errorMessage {
+				Text(errorMessage).foregroundStyle(.red).font(.caption)
+			}
+		}
+		.padding(20)
+		.frame(width: 360)
+	}
+
+	private var placeholder: some View {
+		VStack(spacing: 8) {
+			if rooms.rows.isEmpty {
+				Text("No rooms yet.")
+					.foregroundStyle(.secondary)
+				Button("Create your first room") { showingCreate = true }
+					.buttonStyle(.bordered)
+			} else {
+				Text("Pick a room from the sidebar.")
+					.foregroundStyle(.secondary)
+			}
+		}
+		.frame(maxWidth: .infinity, maxHeight: .infinity)
+	}
+
+	private func create() async {
+		let name = draftName.trimmingCharacters(in: .whitespaces)
+		let slug = draftSlug.trimmingCharacters(in: .whitespaces).lowercased()
+		guard !name.isEmpty, !slug.isEmpty else { return }
+		do {
+			let room: Room = try await session.client.callFn(
+				"createRoom",
+				args: CreateRoomArgs(slug: slug, name: name),
+			)
+			selected = room.id
+			showingCreate = false
+			draftName = ""
+			draftSlug = ""
+			errorMessage = nil
+		} catch {
+			errorMessage = "Create failed: \(error.localizedDescription)"
+		}
+	}
+}

package/templates/mac/chat/apps/mac/Sources/__APP_NAME_PASCAL__/Models.swift

@@ -0,0 +1,26 @@
+import Foundation
+
+struct Room: Codable, Identifiable, Hashable {
+	let id: String
+	let slug: String
+	let name: String
+	let createdAt: String
+}
+
+struct Message: Codable, Identifiable, Hashable {
+	let id: String
+	let roomId: String
+	let authorId: String
+	let authorName: String
+	let body: String
+	let createdAt: String
+}
+
+struct CreateRoomArgs: Encodable { let slug: String; let name: String }
+struct RoomMessagesArgs: Encodable { let roomId: String }
+struct SendMessageArgs: Encodable {
+	let roomId: String
+	let body: String
+	let authorName: String
+}
+struct EmptyArgs: Encodable {}

package/templates/mac/chat/apps/mac/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/mac/chat/apps/mac/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 {
+		Window("__APP_NAME__", id: "main") {
+			Group {
+				if let engine = session.engine {
+					ChatRootView(engine: engine)
+						.environmentObject(session)
+				} else {
+					ProgressView()
+						.frame(maxWidth: .infinity, maxHeight: .infinity)
+				}
+			}
+			.task { await session.bootIfNeeded() }
+			.frame(minWidth: 700, minHeight: 500)
+		}
+		.windowResizability(.contentMinSize)
+	}
+}
+
+@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"
+	}
+
+	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/mac/chat/apps/mac/__APP_NAME_PASCAL__.entitlements

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<!-- App Sandbox + outgoing-network client. Without these the
+	     scaffolded app can't reach localhost:4321 during dev or
+	     a remote Pylon Cloud URL in production. -->
+	<key>com.apple.security.app-sandbox</key>
+	<true/>
+	<key>com.apple.security.network.client</key>
+	<true/>
+</dict>
+</plist>

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

@@ -0,0 +1,36 @@
+name: __APP_NAME_PASCAL__
+options:
+  bundleIdPrefix: com.example
+  deploymentTarget:
+    macOS: "13.0"
+
+packages:
+  pylon:
+    url: https://github.com/pylonsync/pylon.git
+    from: "0.3.0"
+
+targets:
+  __APP_NAME_PASCAL__:
+    type: application
+    platform: macOS
+    sources:
+      - path: Sources/__APP_NAME_PASCAL__
+    settings:
+      base:
+        GENERATE_INFOPLIST_FILE: YES
+        INFOPLIST_KEY_CFBundleDisplayName: __APP_NAME__
+        INFOPLIST_KEY_LSApplicationCategoryType: "public.app-category.developer-tools"
+        INFOPLIST_KEY_NSHumanReadableCopyright: ""
+        SWIFT_VERSION: "5.9"
+        ENABLE_PREVIEWS: YES
+        # The mac app talks to the local Pylon control plane during dev.
+        # App Sandbox needs the network client entitlement to reach
+        # localhost; we declare it via codesign entitlements at build time.
+        CODE_SIGN_ENTITLEMENTS: __APP_NAME_PASCAL__.entitlements
+    dependencies:
+      - package: pylon
+        product: PylonClient
+      - package: pylon
+        product: PylonSync
+      - package: pylon
+        product: PylonSwiftUI

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

@@ -0,0 +1,34 @@
+// swift-tools-version:5.9
+import PackageDescription
+
+// SwiftPM package for the __APP_NAME__ macOS app.
+//
+// The executable target runs locally with `swift run`. For a proper
+// signed `.app` bundle:
+//
+//     brew install xcodegen
+//     xcodegen generate
+//     open __APP_NAME_PASCAL__.xcodeproj
+//
+// The Xcode project pulls the same Sources/__APP_NAME_PASCAL__/ tree
+// as `swift build`, so SwiftPM and Xcode share one source set.
+let package = Package(
+	name: "__APP_NAME_PASCAL__",
+	platforms: [
+		.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/mac/consumer/apps/mac/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/mac/consumer/apps/mac/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 {}