1 Commits

Author SHA1 Message Date
Alexander Whitestone
ad2a5e23fa WIP: Claude Code progress on #65
Automated salvage commit — agent session ended (exit 124).
Work in progress, may need continuation.
2026-03-23 22:26:20 -04:00
8 changed files with 185 additions and 260 deletions

View File

@@ -1,20 +1,23 @@
import { randomBytes } from "crypto"; import { randomBytes } from "crypto";
import { exec } from "child_process";
import { promisify } from "util";
import { makeLogger } from "./logger.js"; import { makeLogger } from "./logger.js";
const logger = makeLogger("provisioner"); const logger = makeLogger("provisioner");
const execAsync = promisify(exec);
export interface ProvisionerConfig { export interface ProvisionerConfig {
doApiToken: string; doApiToken: string;
doRegion: string; doRegion: string;
doSize: string; doSize: string;
doVolumeSizeGb: number; doVolumeSizeGb: number;
doVpcUuid: string; // New: Digital Ocean VPC UUID doVpcUuid: string;
doSshKeyFingerprint: string; // New: Digital Ocean SSH Key Fingerprint doSshKeyFingerprint: string;
tailscaleApiKey: string; tailscaleApiKey: string;
tailscaleTailnet: string; tailscaleTailnet: string;
} }
const stubProvisioningResults = new Map<string, any>(); // To store fake results for stub mode const stubProvisioningResults = new Map<string, unknown>(); // To store fake results for stub mode
export class ProvisionerService { export class ProvisionerService {
private readonly config: ProvisionerConfig; private readonly config: ProvisionerConfig;
@@ -26,8 +29,8 @@ export class ProvisionerService {
doRegion: config?.doRegion ?? process.env.DO_REGION ?? "nyc3", doRegion: config?.doRegion ?? process.env.DO_REGION ?? "nyc3",
doSize: config?.doSize ?? process.env.DO_SIZE ?? "s-2vcpu-4gb", doSize: config?.doSize ?? process.env.DO_SIZE ?? "s-2vcpu-4gb",
doVolumeSizeGb: config?.doVolumeSizeGb ?? parseInt(process.env.DO_VOLUME_SIZE_GB ?? "100", 10), doVolumeSizeGb: config?.doVolumeSizeGb ?? parseInt(process.env.DO_VOLUME_SIZE_GB ?? "100", 10),
doVpcUuid: config?.doVpcUuid ?? process.env.DO_VPC_UUID ?? "", // New doVpcUuid: config?.doVpcUuid ?? process.env.DO_VPC_UUID ?? "",
doSshKeyFingerprint: config?.doSshKeyFingerprint ?? process.env.DO_SSH_KEY_FINGERPRINT ?? "", // New doSshKeyFingerprint: config?.doSshKeyFingerprint ?? process.env.DO_SSH_KEY_FINGERPRINT ?? "",
tailscaleApiKey: config?.tailscaleApiKey ?? process.env.TAILSCALE_API_KEY ?? "", tailscaleApiKey: config?.tailscaleApiKey ?? process.env.TAILSCALE_API_KEY ?? "",
tailscaleTailnet: config?.tailscaleTailnet ?? process.env.TAILSCALE_TAILNET ?? "", tailscaleTailnet: config?.tailscaleTailnet ?? process.env.TAILSCALE_TAILNET ?? "",
}; };
@@ -73,36 +76,22 @@ FakeKeyForJob${jobId}
logger.info("creating Digital Ocean droplet", { jobId }); logger.info("creating Digital Ocean droplet", { jobId });
// Use doctl or DigitalOcean API client to create droplet
// For now, I'll use doctl via runShellCommand, assuming it's available in the environment
const dropletName = `timmy-node-${jobId.slice(0, 8)}`; const dropletName = `timmy-node-${jobId.slice(0, 8)}`;
const createDropletCommand = `doctl compute droplet create ${dropletName} \ const createDropletCmd = [
--region ${this.config.doRegion} \ `doctl compute droplet create ${dropletName}`,
--size ${this.config.doSize} \ `--region ${this.config.doRegion}`,
--image ubuntu-22-04-x64 \ `--size ${this.config.doSize}`,
--enable-private-networking \ `--image ubuntu-22-04-x64`,
--vpc-uuid <YOUR_VPC_UUID> \ `--enable-private-networking`,
--user-data '${cloudConfig}' \ `--vpc-uuid ${this.config.doVpcUuid}`,
--ssh-keys <YOUR_SSH_KEY_FINGERPRINT> \ `--user-data '${cloudConfig}'`,
--format ID --no-header`; // Simplistic command, needs refinement for real use `--ssh-keys ${this.config.doSshKeyFingerprint}`,
`--format ID --no-header`,
].join(" \\\n ");
const createDropletOutput = await default_api.run_shell_command( const { stdout } = await execAsync(createDropletCmd);
command: `doctl compute droplet create ${dropletName} \ const dropletId = stdout.trim();
--region ${this.config.doRegion} \
--size ${this.config.doSize} \
--image ubuntu-22-04-x64 \
--enable-private-networking \
--vpc-uuid ${this.config.doVpcUuid} \
--user-data '${cloudConfig}' \
--ssh-keys ${this.config.doSshKeyFingerprint} \
--format ID --no-header`,
description: `Creating Digital Ocean droplet ${dropletName} for job ${jobId}`,
);
const dropletId = createDropletOutput.output.trim();
// In a real scenario, we would poll the DigitalOcean API to wait for the droplet
// to become active and retrieve its public IP and Tailscale IP.
// For now, we'll simulate this and retrieve dummy IPs.
logger.info("simulating droplet creation and IP assignment", { jobId, dropletId }); logger.info("simulating droplet creation and IP assignment", { jobId, dropletId });
await new Promise(resolve => setTimeout(resolve, 10000)); // Simulate droplet creation time await new Promise(resolve => setTimeout(resolve, 10000)); // Simulate droplet creation time
@@ -111,11 +100,11 @@ FakeKeyForJob${jobId}
const lnbitsUrl = `http://${nodeIp}:3000/lnbits`; // Dummy LNbits URL const lnbitsUrl = `http://${nodeIp}:3000/lnbits`; // Dummy LNbits URL
return { return {
dropletId: dropletId, dropletId,
nodeIp: nodeIp, nodeIp,
tailscaleHostname: tailscaleHostname, tailscaleHostname,
lnbitsUrl: lnbitsUrl, lnbitsUrl,
sshPrivateKey: sshPrivateKey, sshPrivateKey,
}; };
} }
@@ -123,23 +112,16 @@ FakeKeyForJob${jobId}
private async generateSshKeyPair(): Promise<{ sshPrivateKey: string; sshPublicKey: string }> { private async generateSshKeyPair(): Promise<{ sshPrivateKey: string; sshPublicKey: string }> {
logger.info("generating SSH keypair"); logger.info("generating SSH keypair");
const keyPath = `/tmp/id_rsa_${randomBytes(4).toString("hex")}`; const keyPath = `/tmp/id_rsa_${randomBytes(4).toString("hex")}`;
// Generate an unencrypted SSH keypair for programmatic use (careful with security) await execAsync(`ssh-keygen -t rsa -b 4096 -f ${keyPath} -N ""`);
await default_api.run_shell_command( const { stdout: privOut } = await execAsync(`cat ${keyPath}`);
command: `ssh-keygen -t rsa -b 4096 -f ${keyPath} -N ""`, const { stdout: pubOut } = await execAsync(`cat ${keyPath}.pub`);
description: "Generating SSH keypair", await execAsync(`rm ${keyPath} ${keyPath}.pub`);
); return { sshPrivateKey: privOut.trim(), sshPublicKey: pubOut.trim() };
const sshPrivateKey = (await default_api.run_shell_command(command: `cat ${keyPath}`)).output.trim();
const sshPublicKey = (await default_api.run_shell_command(command: `cat ${keyPath}.pub`)).output.trim();
await default_api.run_shell_command(command: `rm ${keyPath} ${keyPath}.pub`, description: "Cleaning up temporary SSH keys");
return { sshPrivateKey, sshPublicKey };
} }
// Helper to create Tailscale auth key (simplified stub) // Helper to create Tailscale auth key (simplified stub)
private async createTailscaleAuthKey(): Promise<string> { private async createTailscaleAuthKey(): Promise<string> {
logger.info("creating Tailscale auth key (stub)"); logger.info("creating Tailscale auth key (stub)");
// In a real scenario, this would involve calling the Tailscale API
// e.g., curl -X POST -H "Authorization: Bearer ${TAILSCALE_API_KEY}"
// "https://api.tailscale.com/api/v2/tailnet/${TAILSCALE_TAILNET}/keys"
await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call await new Promise(resolve => setTimeout(resolve, 1000)); // Simulate API call
return `tskey-test-${randomBytes(16).toString("hex")}`; return `tskey-test-${randomBytes(16).toString("hex")}`;
} }
@@ -147,14 +129,7 @@ FakeKeyForJob${jobId}
// Helper to build cloud-init script // Helper to build cloud-init script
private buildCloudInitScript(sshPublicKey: string, tailscaleAuthKey: string): string { private buildCloudInitScript(sshPublicKey: string, tailscaleAuthKey: string): string {
logger.info("building cloud-init script"); logger.info("building cloud-init script");
const setupScriptUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/setup.sh`; const baseUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure`;
const bitcoinConfUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/configs/bitcoin.conf`;
const lndConfUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/configs/lnd.conf`;
const dockerComposeUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/docker-compose.yml`;
const lndInitUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/lnd-init.sh`;
const sweepUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/sweep.sh`;
const sweepConfExampleUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/sweep.conf.example`;
const opsUrl = `http://143.198.27.163:3000/replit/timmy-tower/raw/branch/main/infrastructure/ops.sh`;
return ` return `
#cloud-config #cloud-config
@@ -169,39 +144,17 @@ write_files:
permissions: '0755' permissions: '0755'
content: | content: |
#!/usr/bin/env bash #!/usr/bin/env bash
curl -s ${setupScriptUrl} > /root/setup.sh curl -s ${baseUrl}/setup.sh > /root/setup.sh
- path: /root/configs/bitcoin.conf
content: |
curl -s ${bitcoinConfUrl} > /root/configs/bitcoin.conf
- path: /root/configs/lnd.conf
content: |
curl -s ${lndConfUrl} > /root/configs/lnd.conf
- path: /root/docker-compose.yml
content: |
curl -s ${dockerComposeUrl} > /root/docker-compose.yml
- path: /root/lnd-init.sh
permissions: '0755'
content: |
curl -s ${lndInitUrl} > /root/lnd-init.sh
- path: /root/sweep.sh
permissions: '0755'
content: |
curl -s ${sweepUrl} > /root/sweep.sh
- path: /root/sweep.conf.example
content: |
curl -s ${sweepConfExampleUrl} > /root/sweep.conf.example
- path: /root/ops.sh
permissions: '0755'
content: |
curl -s ${opsUrl} > /root/ops.sh
runcmd: runcmd:
- mkdir -p /root/configs - mkdir -p /root/configs
- curl -s ${setupScriptUrl} > /tmp/setup.sh - curl -s ${baseUrl}/setup.sh > /tmp/setup.sh
- chmod +x /tmp/setup.sh - chmod +x /tmp/setup.sh
- export TAILSCALE_AUTH_KEY="${tailscaleAuthKey}" - export TAILSCALE_AUTH_KEY="${tailscaleAuthKey}"
- export TAILSCALE_TAILNET="${this.config.tailscaleTailnet}" - export TAILSCALE_TAILNET="${this.config.tailscaleTailnet}"
- /tmp/setup.sh - /tmp/setup.sh
`; `;
}
}
export const provisionerService = new ProvisionerService(); export const provisionerService = new ProvisionerService();

View File

@@ -138,7 +138,7 @@ router.post("/bootstrap", async (req: Request, res: Response) => {
// ── GET /api/bootstrap/:id ─────────────────────────────────────────────────── // ── GET /api/bootstrap/:id ───────────────────────────────────────────────────
router.get("/bootstrap/:id", async (req: Request, res: Response) => { router.get("/bootstrap/:id", async (req: Request, res: Response) => {
const { id } = req.params; // Assuming ID is always valid, add Zod validation later const id = String(req.params["id"] ?? ""); // cast: Express 5 params are string
try { try {
let job = await getBootstrapJobById(id); let job = await getBootstrapJobById(id);

View File

@@ -1,10 +1,8 @@
import { type Express, Router } from "express"; import { type Request, Router } from "express";
import { z } from "zod"; import { makeLogger } from "../lib/logger.js";
import { Status } from "../lib/http.js";
import { rootLogger } from "../lib/logger.js";
const router = Router(); const router = Router();
const log = rootLogger.child({ service: "relay-policy" }); const log = makeLogger("relay-policy");
// ── Auth ────────────────────────────────────────────────────────────────────── // ── Auth ──────────────────────────────────────────────────────────────────────
@@ -14,7 +12,7 @@ if (!RELAY_POLICY_SECRET) {
log.warn("RELAY_POLICY_SECRET is not set — /api/relay/policy will be unauthenticated!"); log.warn("RELAY_POLICY_SECRET is not set — /api/relay/policy will be unauthenticated!");
} }
function isAuthenticated(req: Express.Request): boolean { function isAuthenticated(req: Request): boolean {
if (!RELAY_POLICY_SECRET) { if (!RELAY_POLICY_SECRET) {
return true; // No secret configured, so no auth. return true; // No secret configured, so no auth.
} }
@@ -29,43 +27,54 @@ function isAuthenticated(req: Express.Request): boolean {
return true; return true;
} }
// ── POST /api/relay/policy ──────────────────────────────────────────────────── // ── Request body shape (manual validation — zod not in deps) ──────────────────
const relayPolicyRequestSchema = z.object({ interface StrfryEventBody {
event: z.object({ event?: {
id: z.string(), id?: unknown;
pubkey: z.string(), pubkey?: unknown;
kind: z.number(), kind?: unknown;
created_at: z.number(), created_at?: unknown;
tags: z.array(z.array(z.string())), tags?: unknown;
content: z.string(), content?: unknown;
sig: z.string(), sig?: unknown;
}), };
receivedAt: z.number(), receivedAt?: unknown;
sourceType: z.string(), sourceType?: unknown;
sourceInfo: z.string(), sourceInfo?: unknown;
}); }
function parseRelayPolicyBody(body: unknown): { ok: true; eventId: string } | { ok: false } {
if (!body || typeof body !== "object") return { ok: false };
const b = body as StrfryEventBody;
if (!b.event || typeof b.event !== "object") return { ok: false };
const id = b.event.id;
if (typeof id !== "string" || !id) return { ok: false };
return { ok: true, eventId: id };
}
type StrfryAction = "accept" | "reject" | "shadowReject"; type StrfryAction = "accept" | "reject" | "shadowReject";
router.post("/relay/policy", (req, res) => { router.post("/relay/policy", (req, res) => {
if (!isAuthenticated(req)) { if (!isAuthenticated(req)) {
return res.status(Status.UNAUTHORIZED).json({ res.status(401).json({
action: "reject", action: "reject",
msg: "unauthorized", msg: "unauthorized",
}); });
return;
} }
const parse = relayPolicyRequestSchema.safeParse(req.body); const parsed = parseRelayPolicyBody(req.body);
if (!parse.success) { if (!parsed.ok) {
log.warn("invalid /relay/policy request", { error: parse.error.format() }); log.warn("invalid /relay/policy request");
return res.status(Status.BAD_REQUEST).json({ res.status(400).json({
action: "reject", action: "reject",
msg: "invalid request", msg: "invalid request",
}); });
return;
} }
const eventId = parse.data.event.id; const { eventId } = parsed;
// Bootstrap state: reject everything. // Bootstrap state: reject everything.
// This will be extended by whitelist + moderation tasks. // This will be extended by whitelist + moderation tasks.

View File

@@ -1,11 +1,11 @@
import { BlurView } from "expo-blur"; import { BlurView } from "expo-blur";
import { isLiquidGlassAvailable } from "expo-glass-effect"; import { isLiquidGlassAvailable } from "expo-glass-effect";
import { Link, Tabs, router } from "expo-router"; import { Link, Tabs } from "expo-router";
import { Icon, Label, NativeTabs } from "expo-router/unstable-native-tabs"; import { Icon, Label, NativeTabs } from "expo-router/unstable-native-tabs";
import { SymbolView } from "expo-symbols"; import { SymbolView } from "expo-symbols";
import { Feather, MaterialCommunityIcons, Ionicons } from "@expo/vector-icons"; import { Feather, MaterialCommunityIcons, Ionicons } from "@expo/vector-icons";
import React from "react"; import React from "react";
import { Platform, Pressable, StyleSheet, View, useColorScheme } from "react-native"; import { Platform, Pressable, StyleSheet, View } from "react-native";
import { useSafeAreaInsets } from "react-native-safe-area-context"; import { useSafeAreaInsets } from "react-native-safe-area-context";
import { Colors } from "@/constants/colors"; import { Colors } from "@/constants/colors";
@@ -13,16 +13,16 @@ import { Colors } from "@/constants/colors";
function NativeTabLayout() { function NativeTabLayout() {
return ( return (
<NativeTabs> <NativeTabs>
<NativeTabs.Trigger name=\"index\"> <NativeTabs.Trigger name="index">
<Icon sf={{ default: \"face.smiling\", selected: \"face.smiling.fill\" }} /> <Icon sf={{ default: "face.smiling", selected: "face.smiling.fill" }} />
<Label>Timmy</Label> <Label>Timmy</Label>
</NativeTabs.Trigger> </NativeTabs.Trigger>
<NativeTabs.Trigger name=\"matrix\"> <NativeTabs.Trigger name="matrix">
<Icon sf={{ default: \"cube\", selected: \"cube.fill\" }} /> <Icon sf={{ default: "cube", selected: "cube.fill" }} />
<Label>Matrix</Label> <Label>Matrix</Label>
</NativeTabs.Trigger> </NativeTabs.Trigger>
<NativeTabs.Trigger name=\"feed\"> <NativeTabs.Trigger name="feed">
<Icon sf={{ default: \"list.bullet\", selected: \"list.bullet.circle.fill\" }} /> <Icon sf={{ default: "list.bullet", selected: "list.bullet.circle.fill" }} />
<Label>Feed</Label> <Label>Feed</Label>
</NativeTabs.Trigger> </NativeTabs.Trigger>
</NativeTabs> </NativeTabs>
@@ -35,11 +35,14 @@ function ClassicTabLayout() {
const isWeb = Platform.OS === "web"; const isWeb = Platform.OS === "web";
const C = Colors.dark; const C = Colors.dark;
void insets; // used by callers that extend this
return ( return (
<Tabs <Tabs
screenOptions={{ screenOptions={{
headerShown: false, headerShown: false,
tabBarActiveTintColor: C.accentGlow,\n tabBarInactiveTintColor: C.textMuted, tabBarActiveTintColor: C.accentGlow,
tabBarInactiveTintColor: C.textMuted,
tabBarStyle: { tabBarStyle: {
position: "absolute", position: "absolute",
backgroundColor: isIOS ? "transparent" : C.surface, backgroundColor: isIOS ? "transparent" : C.surface,
@@ -51,7 +54,7 @@ function ClassicTabLayout() {
isIOS ? ( isIOS ? (
<BlurView <BlurView
intensity={80} intensity={80}
tint=\"dark\" tint="dark"
style={[StyleSheet.absoluteFill, { borderTopWidth: 0.5, borderTopColor: C.border }]} style={[StyleSheet.absoluteFill, { borderTopWidth: 0.5, borderTopColor: C.border }]}
/> />
) : isWeb ? ( ) : isWeb ? (
@@ -60,53 +63,60 @@ function ClassicTabLayout() {
/> />
) : ( ) : (
<View style={[StyleSheet.absoluteFill, { backgroundColor: C.surface, borderTopWidth: 0.5, borderTopColor: C.border }]} /> <View style={[StyleSheet.absoluteFill, { backgroundColor: C.surface, borderTopWidth: 0.5, borderTopColor: C.border }]} />
),\ ),
}}\ }}
> >
<Tabs.Screen <Tabs.Screen
name=\"index\" name="index"
options={{ options={{
title: "Timmy", title: "Timmy",
headerShown: true, headerShown: true,
headerRight: () => (\n <Link href=\"/settings\" asChild>\n <Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}> headerRight: () => (
<Ionicons name=\"settings-outline\" size={24} color={C.text} style={{ marginRight: 15 }} />\n </Pressable>\n </Link>\n ), <Link href="/settings" asChild>
<Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}>
<Ionicons name="settings-outline" size={24} color={C.text} style={{ marginRight: 15 }} />
</Pressable>
</Link>
),
tabBarIcon: ({ color, size }) => tabBarIcon: ({ color, size }) =>
isIOS ? ( isIOS ? (
<SymbolView name=\"face.smiling\" tintColor={color} size={size} /> <SymbolView name="face.smiling" tintColor={color} size={size} />
) : ( ) : (
<MaterialCommunityIcons name=\"emoticon-outline\" size={size} color={color} /> <MaterialCommunityIcons name="emoticon-outline" size={size} color={color} />
),\ ),
}}\ }}
/> />
<Tabs.Screen <Tabs.Screen
name=\"matrix\" name="matrix"
options={{ options={{
title: "Matrix", title: "Matrix",
tabBarIcon: ({ color, size }) => tabBarIcon: ({ color, size }) =>
isIOS ? ( isIOS ? (
<SymbolView name=\"cube\" tintColor={color} size={size} /> <SymbolView name="cube" tintColor={color} size={size} />
) : ( ) : (
<MaterialCommunityIcons name=\"cube-outline\" size={size} color={color} /> <MaterialCommunityIcons name="cube-outline" size={size} color={color} />
),\ ),
}}\ }}
/> />
<Tabs.Screen <Tabs.Screen
name=\"feed\" name="feed"
options={{ options={{
title: "Feed", title: "Feed",
tabBarIcon: ({ color, size }) => tabBarIcon: ({ color, size }) =>
isIOS ? ( isIOS ? (
<SymbolView name=\"list.bullet\" tintColor={color} size={size} /> <SymbolView name="list.bullet" tintColor={color} size={size} />
) : ( ) : (
<Feather name=\"activity\" size={size} color={color} /> <Feather name="activity" size={size} color={color} />
),\ ),
}}\ }}
/> />
</Tabs> </Tabs>
); );
} }
export default function TabLayout() { export default function TabLayout() {
if (isLiquidGlassAvailable()) {\n return (\n <NativeTabs>\n <NativeTabs.Screen\n name=\"index\"\n options={{\n title: \"Timmy\",\n headerShown: true,\n headerRight: () => (\n <Link href=\"/settings\" asChild>\n <Pressable style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}>\n <Ionicons name=\"settings-outline\" size={24} color={C.text} style={{ marginRight: 15 }} />\n </Pressable>\n </Link>\n ),\n }}\n />\n <NativeTabs.Screen name=\"matrix\" />\n <NativeTabs.Screen name=\"feed\" />\n </NativeTabs>\n );\n } if (isLiquidGlassAvailable()) {
return <ClassicTabLayout />;\ return <NativeTabLayout />;
}
return <ClassicTabLayout />;
} }

View File

@@ -2,7 +2,6 @@ import { Stack } from 'expo-router';
import { View, Text, StyleSheet, ScrollView, TextInput, Switch, Pressable, Linking, Platform } from 'react-native'; import { View, Text, StyleSheet, ScrollView, TextInput, Switch, Pressable, Linking, Platform } from 'react-native';
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
import AsyncStorage from '@react-native-async-storage/async-storage'; import AsyncStorage from '@react-native-async-storage/async-storage';
import * as SecureStore from 'expo-secure-store';
import Constants from 'expo-constants'; import Constants from 'expo-constants';
import { useTimmy } from '@/context/TimmyContext'; import { useTimmy } from '@/context/TimmyContext';
import { Ionicons } from '@expo/vector-icons'; import { Ionicons } from '@expo/vector-icons';
@@ -13,49 +12,30 @@ const STORAGE_KEYS = {
SERVER_URL: 'settings_server_url', SERVER_URL: 'settings_server_url',
NOTIFICATIONS_JOB_COMPLETION: 'settings_notifications_job_completion', NOTIFICATIONS_JOB_COMPLETION: 'settings_notifications_job_completion',
NOTIFICATIONS_LOW_BALANCE: 'settings_notifications_low_balance', NOTIFICATIONS_LOW_BALANCE: 'settings_notifications_low_balance',
NOSTR_PRIVATE_KEY: 'settings_nostr_private_key', // Use SecureStore for this
}; };
export default function SettingsScreen() { export default function SettingsScreen() {
const { apiBaseUrl, setApiBaseUrl, isConnected, nostrPublicKey, connectNostr, disconnectNostr } = useTimmy(); const { connectionStatus } = useTimmy();
const C = Colors.dark; const C = Colors.dark;
const [serverUrl, setServerUrl] = useState(apiBaseUrl); const [serverUrl, setServerUrl] = useState('');
const [jobCompletionNotifications, setJobCompletionNotifications] = useState(false); const [jobCompletionNotifications, setJobCompletionNotifications] = useState(false);
const [lowBalanceWarning, setLowBalanceWarning] = useState(false); const [lowBalanceWarning, setLowBalanceWarning] = useState(false);
const [currentNpub, setCurrentNpub] = useState<string | null>(nostrPublicKey);
useEffect(() => { useEffect(() => {
// Load settings from AsyncStorage and SecureStore
const loadSettings = async () => { const loadSettings = async () => {
const storedServerUrl = await AsyncStorage.getItem(STORAGE_KEYS.SERVER_URL); const storedServerUrl = await AsyncStorage.getItem(STORAGE_KEYS.SERVER_URL);
if (storedServerUrl) { if (storedServerUrl) setServerUrl(storedServerUrl);
setServerUrl(storedServerUrl);
}
const storedJobCompletion = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_JOB_COMPLETION); const storedJobCompletion = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_JOB_COMPLETION);
if (storedJobCompletion !== null) { if (storedJobCompletion !== null) setJobCompletionNotifications(JSON.parse(storedJobCompletion));
setJobCompletionNotifications(JSON.parse(storedJobCompletion));
}
const storedLowBalance = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE); const storedLowBalance = await AsyncStorage.getItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE);
if (storedLowBalance !== null) { if (storedLowBalance !== null) setLowBalanceWarning(JSON.parse(storedLowBalance));
setLowBalanceWarning(JSON.parse(storedLowBalance));
}
// Nostr npub is handled by TimmyContext, so we just use the provided nostrPublicKey
setCurrentNpub(nostrPublicKey);
}; };
loadSettings(); loadSettings();
}, [nostrPublicKey]); }, []);
// Update apiBaseUrl in context when serverUrl changes and is saved const handleServerUrlSave = async () => {
useEffect(() => { await AsyncStorage.setItem(STORAGE_KEYS.SERVER_URL, serverUrl);
if (serverUrl !== apiBaseUrl) {
setApiBaseUrl(serverUrl);
AsyncStorage.setItem(STORAGE_KEYS.SERVER_URL, serverUrl);
}
}, [serverUrl, setApiBaseUrl, apiBaseUrl]);
const handleServerUrlChange = (text: string) => {
setServerUrl(text);
}; };
const toggleJobCompletionNotifications = async () => { const toggleJobCompletionNotifications = async () => {
@@ -70,32 +50,11 @@ export default function SettingsScreen() {
await AsyncStorage.setItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE, JSON.stringify(newValue)); await AsyncStorage.setItem(STORAGE_KEYS.NOTIFICATIONS_LOW_BALANCE, JSON.stringify(newValue));
}; };
const handleConnectNostr = async () => { const appVersion = Constants.expoConfig?.version ?? 'N/A';
// This will ideally link to a dedicated Nostr connection flow const buildCommitHash = (Constants.expoConfig?.extra as Record<string, string> | undefined)?.gitCommitHash ?? 'N/A';
console.log('Connect Nostr button pressed');
// For now, simulate connection if not connected
if (!currentNpub) {
// This is a placeholder. Real implementation would involve generating/importing keys.
const simulatedNpub = 'npub1xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
connectNostr(simulatedNpub, 'private_key_placeholder'); // Pass a placeholder private key
setCurrentNpub(simulatedNpub);
// In a real app, the private key would be securely stored and managed by the context
// For now, just a placeholder to show connected state
}
};
const handleDisconnectNostr = async () => {
await disconnectNostr();
setCurrentNpub(null);
};
const appVersion = Constants.expoConfig?.version || 'N/A';
const buildCommitHash = Constants.expoConfig?.extra?.gitCommitHash || 'N/A';
const giteaRepoUrl = 'http://143.198.27.163:3000/replit/timmy-tower'; const giteaRepoUrl = 'http://143.198.27.163:3000/replit/timmy-tower';
const openGiteaLink = () => { const openGiteaLink = () => { Linking.openURL(giteaRepoUrl); };
Linking.openURL(giteaRepoUrl);
};
return ( return (
<View style={styles.container}> <View style={styles.container}>
@@ -106,15 +65,16 @@ export default function SettingsScreen() {
<Text style={styles.settingLabel}>Server URL</Text> <Text style={styles.settingLabel}>Server URL</Text>
<View style={styles.serverUrlContainer}> <View style={styles.serverUrlContainer}>
<TextInput <TextInput
style={[styles.input, { color: C.text, backgroundColor: C.field }]} // Apply text and background color from Colors style={[styles.input, { color: C.text, backgroundColor: C.surface }]}
value={serverUrl} value={serverUrl}
onChangeText={handleServerUrlChange} onChangeText={setServerUrl}
onBlur={handleServerUrlSave}
placeholder="Enter server URL" placeholder="Enter server URL"
placeholderTextColor={C.textMuted} placeholderTextColor={C.textMuted}
autoCapitalize="none" autoCapitalize="none"
autoCorrect={false} autoCorrect={false}
/> />
<ConnectionBadge isConnected={isConnected} /> <ConnectionBadge status={connectionStatus} />
</View> </View>
</View> </View>
@@ -124,7 +84,7 @@ export default function SettingsScreen() {
<Switch <Switch
trackColor={{ false: C.surface, true: C.accentGlow }} trackColor={{ false: C.surface, true: C.accentGlow }}
thumbColor={Platform.OS === 'android' ? C.text : ''} thumbColor={Platform.OS === 'android' ? C.text : ''}
ios_backgroundColor={C.field} ios_backgroundColor={C.surface}
onValueChange={toggleJobCompletionNotifications} onValueChange={toggleJobCompletionNotifications}
value={jobCompletionNotifications} value={jobCompletionNotifications}
/> />
@@ -134,31 +94,12 @@ export default function SettingsScreen() {
<Switch <Switch
trackColor={{ false: C.surface, true: C.accentGlow }} trackColor={{ false: C.surface, true: C.accentGlow }}
thumbColor={Platform.OS === 'android' ? C.text : ''} thumbColor={Platform.OS === 'android' ? C.text : ''}
ios_backgroundColor={C.field} ios_backgroundColor={C.surface}
onValueChange={toggleLowBalanceWarning} onValueChange={toggleLowBalanceWarning}
value={lowBalanceWarning} value={lowBalanceWarning}
/> />
</View> </View>
<Text style={styles.sectionHeader}>Identity</Text>
<View style={styles.settingItem}>
<Text style={styles.settingLabel}>Nostr Public Key</Text>
<Text style={[styles.settingValue, { color: C.textMuted }]}>
{currentNpub ? `${currentNpub.substring(0, 10)}...${currentNpub.substring(currentNpub.length - 5)}` : 'Not connected'}
</Text>
</View>
<View style={styles.buttonContainer}>
{!currentNpub ? (
<Pressable onPress={handleConnectNostr} style={({ pressed }) => [styles.button, { backgroundColor: C.accent, opacity: pressed ? 0.8 : 1 }]}>
<Text style={[styles.buttonText, { color: C.textInverted }]}>Connect Nostr</Text>
</Pressable>
) : (
<Pressable onPress={handleDisconnectNostr} style={({ pressed }) => [styles.button, { backgroundColor: C.destructive, opacity: pressed ? 0.8 : 1 }]}>
<Text style={[styles.buttonText, { color: C.textInverted }]}>Disconnect Nostr</Text>
</Pressable>
)}
</View>
<Text style={styles.sectionHeader}>About</Text> <Text style={styles.sectionHeader}>About</Text>
<View style={styles.settingItem}> <View style={styles.settingItem}>
<Text style={styles.settingLabel}>App Version</Text> <Text style={styles.settingLabel}>App Version</Text>
@@ -170,7 +111,7 @@ export default function SettingsScreen() {
</View> </View>
<Pressable onPress={openGiteaLink} style={({ pressed }) => [styles.linkButton, { opacity: pressed ? 0.8 : 1 }]}> <Pressable onPress={openGiteaLink} style={({ pressed }) => [styles.linkButton, { opacity: pressed ? 0.8 : 1 }]}>
<Ionicons name="link" size={16} color={C.text} /> <Ionicons name="link" size={16} color={C.text} />
<Text style={[styles.linkButtonText, { color: C.link }]}>View project on Gitea</Text> <Text style={[styles.linkButtonText, { color: C.accentGlow }]}>View project on Gitea</Text>
</Pressable> </Pressable>
</ScrollView> </ScrollView>
</View> </View>
@@ -180,7 +121,7 @@ export default function SettingsScreen() {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: Colors.dark.background, // Use background color from Colors backgroundColor: Colors.dark.background,
}, },
scrollContent: { scrollContent: {
padding: 20, padding: 20,
@@ -223,27 +164,13 @@ const styles = StyleSheet.create({
fontSize: 14, fontSize: 14,
marginRight: 10, marginRight: 10,
}, },
buttonContainer: {
marginTop: 20,
alignItems: 'flex-start',
},
button: {
paddingVertical: 10,
paddingHorizontal: 15,
borderRadius: 8,
},
buttonText: {
fontSize: 16,
fontWeight: 'bold',
},
linkButton: { linkButton: {
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
marginTop: 15, gap: 6,
paddingVertical: 8, paddingVertical: 12,
}, },
linkButtonText: { linkButtonText: {
marginLeft: 5,
fontSize: 16, fontSize: 16,
}, },
}); });

View File

@@ -10,6 +10,7 @@
* }> * }>
* sentiment(text) → Promise<{ label:'POSITIVE'|'NEGATIVE'|'NEUTRAL', score }> * sentiment(text) → Promise<{ label:'POSITIVE'|'NEGATIVE'|'NEUTRAL', score }>
* onReady(fn) → register a callback fired when models finish loading * onReady(fn) → register a callback fired when models finish loading
* onError(fn) → register a callback fired if the worker fails to boot
* isReady() → boolean — true once both models are warm * isReady() → boolean — true once both models are warm
* warmup() → start the worker early so first classify() is fast * warmup() → start the worker early so first classify() is fast
* *
@@ -23,8 +24,9 @@
*/ */
let _worker = null; let _worker = null;
let _ready = false; let _ready = false;
let _readyCb = null; let _readyCb = null;
let _errorCb = null;
const _pending = new Map(); // id → { resolve, reject } const _pending = new Map(); // id → { resolve, reject }
let _nextId = 1; let _nextId = 1;
@@ -45,6 +47,7 @@ function _init() {
} }
if (data?.type === 'error') { if (data?.type === 'error') {
console.warn('[edge-worker] worker boot error:', data.message); console.warn('[edge-worker] worker boot error:', data.message);
if (_errorCb) { _errorCb(data.message); _errorCb = null; }
// Resolve all pending with fallback values // Resolve all pending with fallback values
for (const [, { resolve }] of _pending) resolve(_fallback(null)); for (const [, { resolve }] of _pending) resolve(_fallback(null));
_pending.clear(); _pending.clear();
@@ -103,6 +106,11 @@ export function onReady(fn) {
_readyCb = fn; _readyCb = fn;
} }
/** Register a callback fired if the worker fails to boot (model load error). */
export function onError(fn) {
_errorCb = fn;
}
export function isReady() { return _ready; } export function isReady() { return _ready; }
/** /**

View File

@@ -12,8 +12,8 @@ import { initWebSocket, getConnectionState, getJobCount } from './websocket.js';
import { initPaymentPanel } from './payment.js'; import { initPaymentPanel } from './payment.js';
import { initSessionPanel } from './session.js'; import { initSessionPanel } from './session.js';
import { initNostrIdentity } from './nostr-identity.js'; import { initNostrIdentity } from './nostr-identity.js';
import { warmup as warmupEdgeWorker, onReady as onEdgeWorkerReady } from './edge-worker-client.js'; import { warmup as warmupEdgeWorker, onReady as onEdgeWorkerReady, onError as onEdgeWorkerError } from './edge-worker-client.js';
import { setEdgeWorkerReady } from './ui.js'; import { setEdgeWorkerReady, setEdgeWorkerLoading, setEdgeWorkerError } from './ui.js';
import { initTimmyId } from './timmy-id.js'; import { initTimmyId } from './timmy-id.js';
import { AGENT_DEFS } from './agent-defs.js'; import { AGENT_DEFS } from './agent-defs.js';
import { initNavigation, updateNavigation, disposeNavigation } from './navigation.js'; import { initNavigation, updateNavigation, disposeNavigation } from './navigation.js';
@@ -47,8 +47,10 @@ function buildWorld(firstInit, stateSnapshot) {
initPaymentPanel(); initPaymentPanel();
initSessionPanel(); initSessionPanel();
void initNostrIdentity('/api'); void initNostrIdentity('/api');
setEdgeWorkerLoading();
warmupEdgeWorker(); warmupEdgeWorker();
onEdgeWorkerReady(() => setEdgeWorkerReady()); onEdgeWorkerReady(() => setEdgeWorkerReady());
onEdgeWorkerError(() => setEdgeWorkerError());
void initTimmyId(); void initTimmyId();
} }

View File

@@ -32,32 +32,48 @@ export function setInputBarSessionMode(active, placeholder) {
} }
// ── Model-ready indicator ───────────────────────────────────────────────────── // ── Model-ready indicator ─────────────────────────────────────────────────────
// A small badge on the input bar showing when local AI is warm and ready. // A small badge on the input bar showing local AI status: loading / ready / error.
// Hidden until the first `ready` event from the edge worker. // Appears immediately when warmup() starts so users know the worker is initialising.
let $readyBadge = null; let $readyBadge = null;
export function setEdgeWorkerReady() { const EDGE_STATES = {
if (!$readyBadge) { loading: { text: '◌ AI loading', color: '#88aacc', border: '#335577', title: 'Local AI model loading…' },
$readyBadge = document.createElement('span'); ready: { text: '⚡ local AI', color: '#44cc88', border: '#226644', title: 'Local AI active — trivial queries answered without Lightning payment' },
$readyBadge.id = 'edge-ready-badge'; error: { text: '✕ AI offline', color: '#cc6644', border: '#773322', title: 'Local AI failed to load — all requests will be routed to server' },
$readyBadge.title = 'Local AI active — trivial queries answered without Lightning payment'; };
$readyBadge.style.cssText = [
'font-size:10px;color:#44cc88;border:1px solid #226644', function _ensureEdgeBadge() {
'border-radius:3px;padding:1px 5px;margin-left:6px', if ($readyBadge) return $readyBadge;
'vertical-align:middle;cursor:default', $readyBadge = document.createElement('span');
].join(';'); $readyBadge.id = 'edge-ready-badge';
$readyBadge.textContent = '⚡ local AI'; $readyBadge.style.cssText = [
const $input = document.getElementById('visitor-input'); 'font-size:10px;border-radius:3px;padding:1px 5px;margin-left:6px',
$input?.insertAdjacentElement('afterend', $readyBadge); 'vertical-align:middle;cursor:default;transition:color .3s,border-color .3s',
// Fallback: append to send button area ].join(';');
if (!$readyBadge.isConnected) { const $input = document.getElementById('visitor-input');
document.getElementById('send-btn')?.insertAdjacentElement('afterend', $readyBadge); $input?.insertAdjacentElement('afterend', $readyBadge);
} if (!$readyBadge.isConnected) {
document.getElementById('send-btn')?.insertAdjacentElement('afterend', $readyBadge);
} }
$readyBadge.style.display = ''; return $readyBadge;
} }
export function setEdgeWorkerStatus(state) {
const cfg = EDGE_STATES[state] ?? EDGE_STATES.loading;
const el = _ensureEdgeBadge();
el.textContent = cfg.text;
el.title = cfg.title;
el.style.color = cfg.color;
el.style.border = `1px solid ${cfg.border}`;
el.style.display = '';
}
/** Convenience wrappers kept for backward-compat with main.js callers. */
export function setEdgeWorkerReady() { setEdgeWorkerStatus('ready'); }
export function setEdgeWorkerLoading() { setEdgeWorkerStatus('loading'); }
export function setEdgeWorkerError() { setEdgeWorkerStatus('error'); }
// ── Cost preview badge ──────────────────────────────────────────────────────── // ── Cost preview badge ────────────────────────────────────────────────────────
// Shown beneath the input bar: "~N sats" / "FREE" / "answered locally". // Shown beneath the input bar: "~N sats" / "FREE" / "answered locally".
// Fetched from GET /api/estimate once the user stops typing (300 ms debounce). // Fetched from GET /api/estimate once the user stops typing (300 ms debounce).