lakebed-native-cli 0.1.0

package/templates/location-checkin/README.md

@@ -0,0 +1 @@
+# Location Check-in template

package/templates/location-checkin/app/index.tsx

@@ -0,0 +1,52 @@
+import React from "react";
+import { Router, Stack, Route, Screen, Text, Button, List, Card } from "lakebed-native/ui";
+import { useQuery, useMutation } from "lakebed-native/client";
+import { location } from "lakebed-native/capabilities";
+
+function Checkins() {
+  const { data: checkins, refetch } = useQuery<
+    Array<{ id: string; latitude: number; longitude: number; label: string }>
+  >("listCheckins");
+  const { mutate: addCheckin } = useMutation<{ latitude: number; longitude: number; label: string }>("addCheckin");
+
+  const checkIn = async () => {
+    const result = await location.getCurrent();
+    if (!result.ok) {
+      alert(result.message);
+      return;
+    }
+    await addCheckin({
+      latitude: result.data.latitude,
+      longitude: result.data.longitude,
+      label: "Here",
+    });
+    await refetch();
+  };
+
+  return (
+    <Screen title="Location Check-ins" testID="location-checkin-screen">
+      <Button title="Check In Here" onPress={checkIn} testID="checkin-button" />
+      <List
+        data={checkins ?? []}
+        keyExtractor={(c) => c.id}
+        testID="checkin-list"
+        renderItem={({ item }) => (
+          <Card testID={`checkin-${item.id}`}>
+            <Text>{item.label}</Text>
+            <Text>{item.latitude.toFixed(4)}, {item.longitude.toFixed(4)}</Text>
+          </Card>
+        )}
+      />
+    </Screen>
+  );
+}
+
+export default function App() {
+  return (
+    <Router>
+      <Stack>
+        <Route path="/" element={<Checkins />} />
+      </Stack>
+    </Router>
+  );
+}

package/templates/location-checkin/server/index.ts

@@ -0,0 +1,34 @@
+import { capsule, query, mutation, table, string, number } from "lakebed/server";
+
+const checkins = table("checkins", {
+  userId: string(),
+  latitude: number(),
+  longitude: number(),
+  label: string(),
+});
+
+export default capsule({
+  name: "location-checkin",
+  tables: [checkins],
+  queries: [
+    query("listCheckins", (ctx) =>
+      ctx.db.table("checkins").orderBy("id", "desc").limit(20).all()
+    ),
+  ],
+  mutations: [
+    mutation("addCheckin", (ctx, args: { latitude?: number; longitude?: number; label?: string }) => {
+      if (args?.latitude == null || args?.longitude == null) {
+        throw new Error("Location required");
+      }
+      const userId = ctx.auth.user?.id ?? "guest";
+      ctx.log.info("Check-in", args);
+      return ctx.db.table("checkins").insert({
+        userId,
+        latitude: args.latitude,
+        longitude: args.longitude,
+        label: args.label?.trim() ?? "Check-in",
+      });
+    }),
+  ],
+  endpoints: [],
+});

package/templates/tabs/.env.lakebed.native.server

@@ -0,0 +1 @@
+CAPSULE_NAME=tabs

package/templates/tabs/AGENTS.md

@@ -0,0 +1 @@
+Use lakebed-native/ui first.

package/templates/tabs/README.md

@@ -0,0 +1 @@
+# Tabs template

package/templates/tabs/app/index.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { Router, Tabs, Route, Screen, Text, Link } from "lakebed-native/ui";
+
+function Home() {
+  return (
+    <Screen title="Home" testID="tabs-home">
+      <Text>Welcome to the tabs demo</Text>
+      <Link to="/profile/42" testID="go-profile">View Profile</Link>
+    </Screen>
+  );
+}
+
+function Explore() {
+  return (
+    <Screen title="Explore" testID="tabs-explore">
+      <Text>Explore tab content</Text>
+    </Screen>
+  );
+}
+
+function Profile() {
+  return (
+    <Screen title="Profile" testID="tabs-profile">
+      <Text>Dynamic profile route</Text>
+    </Screen>
+  );
+}
+
+export default function App() {
+  return (
+    <Router>
+      <Tabs>
+        <Route path="/" title="Home" element={<Home />} />
+        <Route path="/explore" title="Explore" element={<Explore />} />
+        <Route path="/profile/:id" title="Profile" element={<Profile />} />
+      </Tabs>
+    </Router>
+  );
+}

package/templates/tabs/server/index.ts

@@ -0,0 +1,9 @@
+import { capsule, query, mutation } from "lakebed/server";
+
+export default capsule({
+  name: "tabs",
+  tables: [],
+  queries: [query("ping", () => ({ ok: true }))],
+  mutations: [],
+  endpoints: [],
+});

package/templates/todo/.env.lakebed.native.server

@@ -0,0 +1 @@
+CAPSULE_NAME=todo

package/templates/todo/AGENTS.md

@@ -0,0 +1,27 @@
+# AGENTS.md — {{name}}
+
+Use **lakebed-native/ui** first for all UI. Raw React Native is an escape hatch only.
+
+## Capsule shape
+
+- `app/index.tsx` — client UI
+- `server/index.ts` — server logic (queries, mutations, tables)
+- `shared/` — shared types/helpers
+- `.env.lakebed.native.server` — server env (CAPSULE_NAME required)
+
+## Imports
+
+```tsx
+import { useQuery, useMutation, useAuth } from "lakebed-native/client";
+import { Router, Tabs, Route, Screen, Text, Button, Input, List } from "lakebed-native/ui";
+import { capsule, query, mutation, table, string, boolean, text } from "lakebed/server";
+```
+
+## Rules
+
+1. Never create ios/, android/, app.json, or metro.config.js
+2. Use lakebed-native/ui components before react-native primitives
+3. Server owns all persistent data via ctx.db
+4. Use ctx.auth.user for per-user scoping
+5. Run `npx lakebed-native dev` for local development
+6. Test with `npx lakebed-native open` in iOS simulator

package/templates/todo/README.md

@@ -0,0 +1,18 @@
+# {{name}}
+
+A Lakebed Native todo capsule with per-user todos, tabs, and auth switching.
+
+## Dev
+
+```sh
+npx lakebed-native dev
+npx lakebed-native open --url "lakebed-native://capsule?server=http://localhost:3000&bundle=http://localhost:3100"
+```
+
+## Inspect
+
+```sh
+npx lakebed-native db list
+npx lakebed-native inspect
+npx lakebed-native logs
+```

package/templates/todo/app/index.tsx

@@ -0,0 +1,112 @@
+import React, { useState } from "react";
+import { Keyboard } from "react-native";
+import {
+  Router,
+  Tabs,
+  Route,
+  Screen,
+  Text,
+  Button,
+  Input,
+  List,
+  Card,
+  Row,
+  Checkbox,
+  Link,
+} from "lakebed-native/ui";
+import { useQuery, useMutation, useAuth, getClientConfig } from "lakebed-native/client";
+
+function HomeScreen() {
+  const { data: todos, refetch } = useQuery<Array<{ id: string; title: string; done: boolean }>>("listTodos");
+  const { mutate: addTodo } = useMutation<{ title: string }>("addTodo");
+  const { mutate: toggleTodo } = useMutation<{ id: string }>("toggleTodo");
+  const [title, setTitle] = useState("");
+
+  const handleAdd = async () => {
+    if (!title.trim()) return;
+    await addTodo({ title: title.trim() });
+    setTitle("");
+    Keyboard.dismiss();
+    await refetch();
+  };
+
+  return (
+    <Screen title="Todos" testID="todo-home-screen">
+      <Input
+        value={title}
+        onChangeText={setTitle}
+        placeholder="What needs doing?"
+        testID="todo-input"
+      />
+      <Button title="Add Todo" onPress={handleAdd} testID="add-todo-button" />
+      <List
+        data={todos ?? []}
+        keyExtractor={(item) => item.id}
+        testID="todo-list"
+        ListEmptyComponent={<Text testID="empty-todos">No todos yet</Text>}
+        renderItem={({ item }) => (
+          <Card testID={`todo-item-${item.id}`}>
+            <Row>
+              <Checkbox
+                checked={item.done}
+                onChange={() => toggleTodo({ id: item.id }).then(() => refetch())}
+                testID={`todo-check-${item.id}`}
+              />
+              <Text style={{ flex: 1, textDecorationLine: item.done ? "line-through" : "none" }}>
+                {item.title}
+              </Text>
+            </Row>
+          </Card>
+        )}
+      />
+    </Screen>
+  );
+}
+
+function SettingsScreen() {
+  const { user, refresh } = useAuth();
+
+  return (
+    <Screen title="Settings" testID="settings-screen">
+      <Text testID="current-user">Signed in as: {user?.name ?? "Guest"}</Text>
+      <Button
+        title="Switch to Alice"
+        testID="auth-alice"
+        onPress={async () => {
+          const { serverUrl } = getClientConfig();
+          await fetch(`${serverUrl}/auth/as`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ name: "alice" }),
+          });
+          await refresh();
+        }}
+      />
+      <Button
+        title="Switch to Bob"
+        testID="auth-bob"
+        onPress={async () => {
+          const { serverUrl } = getClientConfig();
+          await fetch(`${serverUrl}/auth/as`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ name: "bob" }),
+          });
+          await refresh();
+        }}
+      />
+      <Link to="/" testID="back-home">Back to Home</Link>
+    </Screen>
+  );
+}
+
+export default function App() {
+  return (
+    <Router>
+      <Tabs>
+        <Route path="/" title="Home" element={<HomeScreen />} />
+        <Route path="/settings" title="Settings" element={<SettingsScreen />} />
+      </Tabs>
+    </Router>
+  );
+}

package/templates/todo/server/index.ts

@@ -0,0 +1,51 @@
+import {
+  capsule,
+  query,
+  mutation,
+  table,
+  string,
+  boolean,
+  text,
+} from "lakebed/server";
+
+const todos = table("todos", {
+  userId: string(),
+  title: text(),
+  done: boolean(),
+});
+
+export default capsule({
+  name: "todo",
+  tables: [todos],
+  queries: [
+    query("listTodos", (ctx) => {
+      const userId = ctx.auth.user?.id ?? "guest";
+      return ctx.db.table("todos").where("userId", userId).orderBy("title", "asc").all();
+    }),
+    query("me", (ctx) => ctx.auth.user),
+  ],
+  mutations: [
+    mutation("addTodo", (ctx, args: { title?: string }) => {
+      const title = args?.title?.trim();
+      if (!title) throw new Error("Title is required");
+      const userId = ctx.auth.user?.id ?? "guest";
+      ctx.log.info("Adding todo", { title, userId });
+      return ctx.db.table("todos").insert({ userId, title, done: false });
+    }),
+    mutation("toggleTodo", (ctx, args: { id?: string }) => {
+      if (!args?.id) throw new Error("id required");
+      const row = ctx.db.table("todos").get(args.id);
+      if (!row) throw new Error("Todo not found");
+      return ctx.db.table("todos").update(args.id, { done: !row.done });
+    }),
+    mutation("deleteTodo", (ctx, args: { id?: string }) => {
+      if (!args?.id) throw new Error("id required");
+      ctx.db.table("todos").delete(args.id);
+      return { ok: true };
+    }),
+    mutation("signInWithGoogle", (ctx) => {
+      return { id: "google-user", name: "Google User", email: "user@gmail.com" };
+    }),
+  ],
+  endpoints: [],
+});