Compare commits
1 Commits
main
...
claude/iss
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ad2a5e23fa |
@@ -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();
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|||||||
@@ -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 />;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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; }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -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();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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).
|
||||||
|
|||||||
Reference in New Issue
Block a user