offsite 0.0.73 → 0.0.75

package/apps/server/dist/main.mjs

@@ -3147,6 +3147,31 @@ function checkInProject(root, full, file) {
 	const relative = path.relative(root, full);
 	if (relative === ".." || relative.startsWith(`..${path.sep}`) || path.isAbsolute(relative)) throw new Error(`${file} is outside the project`);
 }
+function serveMedia(token, request, response) {
+	if (request.method !== "GET") {
+		response.statusCode = 405;
+		response.end("use GET");
+		return;
+	}
+	const link = findMediaLink(token);
+	if (link === null) {
+		response.statusCode = 404;
+		response.end("This media link expired");
+		return;
+	}
+	const stats = statSync(link.file, { throwIfNoEntry: false });
+	if (stats === void 0 || !stats.isFile()) {
+		response.statusCode = 404;
+		response.end("not found");
+		return;
+	}
+	response.setHeader("access-control-allow-origin", "*");
+	response.setHeader("content-type", link.mediaType);
+	response.setHeader("cache-control", "private, max-age=3600");
+	response.setHeader("content-security-policy", "sandbox");
+	response.setHeader("x-content-type-options", "nosniff");
+	streamFile(link.file, stats.size, request, response);
+}
 // src/services/generate-text.ts
 async function generateText(setting, cwd, instructions, prompt) {
 	const settings = readConfig()[setting];
@@ -7599,58 +7624,139 @@ function send(connection, event) {
 		event
 	});
 }
+// ../core/src/app-icons.ts
+const appIcons = [
+	{
+		id: "original",
+		name: "Original",
+		scale: 1,
+		tile: null
+	},
+	{
+		id: "small",
+		name: "Small",
+		scale: .7,
+		tile: null
+	},
+	{
+		id: "dark",
+		name: "Dark",
+		scale: .7,
+		tile: {
+			color: "#0a0a0a",
+			shape: "rounded"
+		}
+	},
+	{
+		id: "light",
+		name: "Light",
+		scale: .7,
+		tile: {
+			color: "#ffffff",
+			shape: "rounded"
+		}
+	},
+	{
+		id: "dark-circle",
+		name: "Dark circle",
+		scale: .62,
+		tile: {
+			color: "#0a0a0a",
+			shape: "circle"
+		}
+	},
+	{
+		id: "light-circle",
+		name: "Light circle",
+		scale: .62,
+		tile: {
+			color: "#ffffff",
+			shape: "circle"
+		}
+	},
+	{
+		id: "dark-square",
+		name: "Dark square",
+		scale: .7,
+		tile: {
+			color: "#0a0a0a",
+			shape: "square"
+		}
+	},
+	{
+		id: "light-square",
+		name: "Light square",
+		scale: .7,
+		tile: {
+			color: "#ffffff",
+			shape: "square"
+		}
+	}
+];
 // src/storage/state.ts
-const stateSchema = z.strictObject({ composer: z.strictObject({
-	provider: z.enum([
-		"claude",
-		"codex",
-		"opencode"
-	]).default("claude"),
-	claude: z.strictObject({
-		accountId: z.string().nullable().default(null),
-		model: z.string().nullable().default(null),
-		effort: z.enum([
-			"low",
-			"medium",
-			"high",
-			"xhigh",
-			"max"
-		]).nullable().default(null),
-		mode: z.enum([
-			"default",
-			"acceptEdits",
-			"bypassPermissions",
-			"plan",
-			"dontAsk",
-			"auto"
-		]).nullable().default("bypassPermissions"),
-		plan: z.boolean().default(false)
-	}).prefault({}),
-	codex: z.strictObject({
-		accountId: z.string().nullable().default(null),
-		model: z.string().nullable().default(null),
-		effort: z.string().nullable().default(null),
-		mode: z.enum([
-			"read-only",
-			"auto",
-			"full-access"
-		]).nullable().default("auto"),
-		plan: z.boolean().default(false)
+const stateSchema = z.strictObject({
+	composer: z.strictObject({
+		provider: z.enum([
+			"claude",
+			"codex",
+			"opencode"
+		]).default("claude"),
+		claude: z.strictObject({
+			accountId: z.string().nullable().default(null),
+			model: z.string().nullable().default(null),
+			effort: z.enum([
+				"low",
+				"medium",
+				"high",
+				"xhigh",
+				"max"
+			]).nullable().default(null),
+			mode: z.enum([
+				"default",
+				"acceptEdits",
+				"bypassPermissions",
+				"plan",
+				"dontAsk",
+				"auto"
+			]).nullable().default("bypassPermissions"),
+			plan: z.boolean().default(false)
+		}).prefault({}),
+		codex: z.strictObject({
+			accountId: z.string().nullable().default(null),
+			model: z.string().nullable().default(null),
+			effort: z.string().nullable().default(null),
+			mode: z.enum([
+				"read-only",
+				"auto",
+				"full-access"
+			]).nullable().default("auto"),
+			plan: z.boolean().default(false)
+		}).prefault({}),
+		opencode: z.strictObject({
+			accountId: z.null().default(null),
+			model: z.string().nullable().default(null),
+			effort: z.string().nullable().default(null),
+			mode: z.string().nullable().default(null),
+			plan: z.boolean().default(false)
+		}).prefault({})
 	}).prefault({}),
-	opencode: z.strictObject({
-		accountId: z.null().default(null),
-		model: z.string().nullable().default(null),
-		effort: z.string().nullable().default(null),
-		mode: z.string().nullable().default(null),
-		plan: z.boolean().default(false)
-	}).prefault({})
-}).prefault({}) });
+	appIcon: z.custom((value) => appIcons.some((icon) => icon.id === value)).default("original")
+});
 const defaults = stateSchema.parse({});
+function readState() {
+	return readSettings("state.json", stateSchema, defaults);
+}
 function readComposer() {
-	return readSettings("state.json", stateSchema, defaults).composer;
+	return readState().composer;
+}
+function readAppIcon() {
+	return readState().appIcon;
 }
 function saveComposer(value) {
-	const result = stateSchema.safeParse({ composer: value });
+	const result = stateSchema.safeParse({
+		...readState(),
+		composer: value
+	});
 	if (!result.success) throw new Error(z.prettifyError(result.error));
 	writeJson("state.json", result.data);
 	broadcast({
@@ -7659,6 +7765,19 @@ function saveComposer(value) {
 	});
 	return result.data.composer;
 }
+function saveAppIcon(value) {
+	const result = stateSchema.safeParse({
+		...readState(),
+		appIcon: value
+	});
+	if (!result.success) throw new Error(z.prettifyError(result.error));
+	writeJson("state.json", result.data);
+	broadcast({
+		type: "appIcon",
+		appIcon: result.data.appIcon
+	});
+	return result.data.appIcon;
+}
 // src/api/socket.ts
 const handlers = {
 	ping: () => null,
@@ -7672,12 +7791,14 @@ const handlers = {
 			sessions: sessions(),
 			providers: providerStatuses(),
 			activity: activity(),
-			terminals: terminalTabs()
+			terminals: terminalTabs(),
+			appIcon: readAppIcon()
 		};
 	},
 	"config.get": () => configInfo(),
 	"composer.get": () => readComposer(),
 	"composer.save": (params) => saveComposer(params),
+	"appIcon.save": (params) => saveAppIcon(params),
 	"config.save": async (params) => {
 		const before = readConfig();
 		const saved = saveConfig(params);
@@ -9094,6 +9215,71 @@ function fail(response, status, message) {
 	response.setHeader("content-type", "text/plain; charset=utf-8");
 	response.end(message);
 }
+// src/services/app-icon.ts
+const pngs = /* @__PURE__ */ new Map([
+	["icon-192.png", {
+		size: 192,
+		maskable: false
+	}],
+	["icon-512.png", {
+		size: 512,
+		maskable: false
+	}],
+	["icon-maskable-512.png", {
+		size: 512,
+		maskable: true
+	}]
+]);
+async function serveAppIcon(publicDir, pathname, response) {
+	const logoPath = path.join(publicDir, "icon.svg");
+	if (!existsSync(logoPath)) {
+		response.statusCode = 404;
+		response.end("web app not built; run pnpm build");
+		return;
+	}
+	try {
+		const icon = await renderAppIcon(readFileSync(logoPath, "utf8"), pathname.slice(14));
+		if (icon === null) {
+			response.statusCode = 404;
+			response.end("not found");
+			return;
+		}
+		response.setHeader("content-type", icon.type);
+		response.setHeader("cache-control", "no-cache");
+		response.end(icon.body);
+	} catch (error) {
+		console.warn(`could not serve the app icon: ${error}`);
+		response.statusCode = 500;
+		response.end("could not render the app icon");
+	}
+}
+async function renderAppIcon(logo, file) {
+	if (file === "icon.svg") return {
+		type: "image/svg+xml",
+		body: iconSvg(logo, false)
+	};
+	const png = pngs.get(file);
+	if (png === void 0) return null;
+	return {
+		type: "image/png",
+		body: await sharp(Buffer.from(iconSvg(logo, png.maskable))).resize(png.size, png.size).png().toBuffer()
+	};
+}
+function iconSvg(logo, maskable) {
+	const id = readAppIcon();
+	const icon = appIcons.find((item) => item.id === id);
+	if (icon === void 0) throw new Error(`unknown app icon ${id}`);
+	const size = 512 * (maskable ? .72 : icon.scale);
+	const offset = (512 - size) / 2;
+	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${tile(icon, maskable)}${logo.replace("<svg ", `<svg x="${offset}" y="${offset}" width="${size}" height="${size}" `)}</svg>`;
+}
+function tile(icon, maskable) {
+	if (icon.tile === null) return "";
+	if (maskable || icon.tile.shape === "square") return `<rect width="512" height="512" fill="${icon.tile.color}"/>`;
+	if (icon.tile.shape === "rounded") return `<rect width="512" height="512" rx="112.64" fill="${icon.tile.color}"/>`;
+	if (icon.tile.shape === "circle") return `<circle cx="256" cy="256" r="256" fill="${icon.tile.color}"/>`;
+	throw new Error(`unknown tile shape for ${icon.id}`);
+}
 // src/main.ts
 const UNPAIR_CHECK = 5e3;
 const TICKET_LIFETIME = 6e4;
@@ -9194,6 +9380,10 @@ function answerRequest(request, response) {
 		answerOpen(request, response);
 		return;
 	}
+	if (url.pathname.startsWith("/api/app-icon/")) {
+		serveAppIcon(publicDir, url.pathname, response);
+		return;
+	}
 	if (url.pathname.startsWith("/api/")) {
 		answerApi(url.pathname, request, response);
 		return;
@@ -9303,31 +9493,6 @@ function answerApi(pathname, request, response) {
 	response.statusCode = 404;
 	response.end("not found");
 }
-function serveMedia(token, request, response) {
-	if (request.method !== "GET") {
-		response.statusCode = 405;
-		response.end("use GET");
-		return;
-	}
-	const link = findMediaLink(token);
-	if (link === null) {
-		response.statusCode = 404;
-		response.end("This media link expired");
-		return;
-	}
-	const stats = statSync(link.file, { throwIfNoEntry: false });
-	if (stats === void 0 || !stats.isFile()) {
-		response.statusCode = 404;
-		response.end("not found");
-		return;
-	}
-	response.setHeader("access-control-allow-origin", "*");
-	response.setHeader("content-type", link.mediaType);
-	response.setHeader("cache-control", "private, max-age=3600");
-	response.setHeader("content-security-policy", "sandbox");
-	response.setHeader("x-content-type-options", "nosniff");
-	streamFile(link.file, stats.size, request, response);
-}
 function serveBrowse(pathname, request, response) {
 	if (request.method !== "GET") {
 		response.statusCode = 405;
@@ -9464,6 +9629,7 @@ function serveFile(pathname, request, response) {
 	}
 	response.setHeader("content-type", contentTypes[path.extname(file)] ?? "application/octet-stream");
 	if (path.basename(file) === "index.html") {
+		response.setHeader("cache-control", "no-cache");
 		let page = readFileSync(file, "utf8");
 		if (!args.pwa) page = page.replace(/<link rel="manifest"[^>]*>/, "");
 		if (args.connect !== null) page = page.replace("</head>", `<meta name="offsite-connect" content="${args.connect.join(" ")}"></head>`);
@@ -9471,6 +9637,7 @@ function serveFile(pathname, request, response) {
 		return;
 	}
 	if (file === requested && pathname.startsWith("/assets/")) response.setHeader("cache-control", "public, max-age=31536000, immutable");
+	if (pathname === "/sw.js") response.setHeader("cache-control", "no-cache");
 	if (compressible.has(path.extname(file))) {
 		response.setHeader("vary", "accept-encoding");
 		if (/\bgzip\b/.test(request.headers["accept-encoding"] ?? "")) {