@hyperpuncher/pi-ui 0.38.2 → 0.39.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyperpuncher/pi-ui",
-	"version": "0.38.2",
+	"version": "0.39.0",
 	"description": "keyboard-first minimal gui for pi",
 	"homepage": "https://pi-ui.app",
 	"bugs": "https://github.com/hyperpuncher/pi-ui/issues",
@@ -48,15 +48,15 @@
 		"audit": "bunx fallow audit"
 	},
 	"dependencies": {
-		"@earendil-works/pi-ai": "^0.84.3",
-		"@earendil-works/pi-coding-agent": "^0.84.3",
-		"@earendil-works/pi-tui": "^0.84.3",
-		"@iconify-json/lucide": "^1.2.126",
+		"@earendil-works/pi-ai": "^0.84.4",
+		"@earendil-works/pi-coding-agent": "^0.84.4",
+		"@earendil-works/pi-tui": "^0.84.4",
+		"@iconify-json/lucide": "^1.2.127",
 		"@kitajs/html": "5.0.0-next.1",
 		"@pierre/diffs": "^1.3.6",
 		"@pierre/trees": "^1.0.0-beta.6",
 		"@starfederation/datastar-sdk": "^1.0.0",
-		"typebox": "^1.3.19"
+		"typebox": "^1.3.20"
 	},
 	"devDependencies": {
 		"@oxlint/plugins": "^1.80.0",
@@ -66,7 +66,7 @@
 		"concurrently": "^10.0.5",
 		"oxfmt": "^0.65.0",
 		"oxlint": "^1.80.0",
-		"oxlint-tailwindcss": "^1.10.0",
+		"oxlint-tailwindcss": "^1.10.2",
 		"tailwindcss": "^4.3.3",
 		"typescript": "^7.0.2"
 	},

package/static/app/file-transfer.js

@@ -89,7 +89,10 @@ export async function insert(data) {
 	}
 	const uploaded = await uploadTransferredFiles(files);
 	for (let index = 0; index < uploaded.length; index += 1) {
-		addAttachment({ path: uploaded[index], file: files[index] });
+		addAttachment({
+			path: uploaded[index].path,
+			file: fileWithDetectedMimeType(files[index], uploaded[index].mimeType),
+		});
 	}
 }
 
@@ -172,6 +175,14 @@ export function jpegFileName(name) {
 		: `${name || "image"}.jpg`;
 }
 
+export function fileWithDetectedMimeType(file, mimeType) {
+	if (mimeType === undefined || file.type === mimeType) return file;
+	return new File([file], file.name, {
+		type: mimeType ?? "",
+		lastModified: file.lastModified,
+	});
+}
+
 async function prepareTransferredImages(files) {
 	const prepared = [];
 	for (const file of files) {
@@ -272,7 +283,7 @@ async function uploadTransferredFiles(files) {
 			return [];
 		}
 		showTransferError("");
-		return Array.isArray(result.paths) ? result.paths : [];
+		return Array.isArray(result.imports) ? result.imports : [];
 	} catch {
 		showTransferError("Could not transfer the selected files.");
 		return [];

package/static/app/file-transfer_test.ts

@@ -20,6 +20,7 @@ const {
 	composePrompt,
 	convertAvifToJpeg,
 	extractTransferredFilePaths,
+	fileWithDetectedMimeType,
 	formatFileReferences,
 	isAvifImageFile,
 	isHeicImageFile,
@@ -67,6 +68,21 @@ test("attachment file kinds use MIME types and extensions", () => {
 	assertEquals(attachmentFileKind("unknown.bin", ""), "file");
 });
 
+test("server-detected MIME types replace untrusted browser metadata", async () => {
+	const original = new File(["image"], "screenshot.bin", {
+		type: "application/octet-stream",
+		lastModified: 42,
+	});
+	const detected = fileWithDetectedMimeType(original, "image/png");
+	assertEquals(detected.name, original.name);
+	assertEquals(detected.type, "image/png");
+	assertEquals(detected.lastModified, 42);
+	assertEquals(await detected.text(), "image");
+	assertEquals(fileWithDetectedMimeType(detected, "image/png"), detected);
+	assertEquals(fileWithDetectedMimeType(detected, null).type, "");
+	assertEquals(fileWithDetectedMimeType(detected, undefined), detected);
+});
+
 test("AVIF images are detected and renamed for JPEG conversion", () => {
 	assertEquals(isAvifImageFile({ name: "photo.bin", type: "image/avif" }), true);
 	assertEquals(isAvifImageFile({ name: "photo.AVIF", type: "" }), true);

package/static/build/chunks/{code-theme-y49p9zss.js → code-theme-4n26zw8w.js}

@@ -1,4 +1,4 @@
-import{j as c,k as l}from"./main-wcnadmhs.js";import"./main-7fchxg57.js";import"./main-61mzprk0.js";import"./main-x61973bh.js";var k=["pierre-light","pierre-light-soft","pierre-light-vibrant","pierre-light-protanopia-deuteranopia","pierre-light-tritanopia","ayu-light","catppuccin-latte","everforest-light","github-light","github-light-default","github-light-high-contrast","gruvbox-light-hard","gruvbox-light-medium","gruvbox-light-soft","horizon-bright","kanagawa-lotus","light-plus","material-theme-lighter","min-light","night-owl-light","one-light","rose-pine-dawn","slack-ochin","snazzy-light","solarized-light","vitesse-light"],T=["pierre-dark","pierre-dark-soft","pierre-dark-vibrant","pierre-dark-protanopia-deuteranopia","pierre-dark-tritanopia","ayu-dark","ayu-mirage","catppuccin-frappe","catppuccin-macchiato","catppuccin-mocha","everforest-dark","github-dark","github-dark-default","github-dark-dimmed","github-dark-high-contrast","gruvbox-dark-hard","gruvbox-dark-medium","gruvbox-dark-soft","horizon","kanagawa-wave","kanagawa-dragon","dark-plus","material-theme","material-theme-darker","material-theme-ocean","material-theme-palenight","min-dark","night-owl","one-dark-pro","rose-pine","rose-pine-moon","slack-dark","andromeeda","solarized-dark","vitesse-dark","vitesse-black","aurora-x","dracula","dracula-soft","houston","laserwave","monokai","nord","plastic","poimandres","red","synthwave-84","tokyo-night","vesper"],y=new Map(Object.entries({ayu:"Ayu",cvd:"CVD",github:"GitHub",min:"Min",pierre:"Pierre",vscode:"VS Code"}));function v(e){return e.split("-").map((t)=>y.get(t)??`${t[0]?.toUpperCase()??""}${t.slice(1)}`).join(" ")}function p(e,t){return{appearance:t,group:e.startsWith("pierre-")?"pierre":"shiki",label:v(e),name:e}}var C=k.map((e)=>p(e,"light")).toSorted((e,t)=>e.label.localeCompare(t.label)),b=T.map((e)=>p(e,"dark")).toSorted((e,t)=>e.label.localeCompare(t.label)),h=[...C,...b];var w=h.map((e)=>e.name),m;window.piUi.codeTheme={loadFontPreviews(e,t){E(document.documentElement.classList.contains("dark")?t:e)},loadPreviews(){m??=x()}};async function E(e){let t=[...document.querySelectorAll("[data-font-code-preview]")],n=t[0]?.textContent;if(!n)return;try{await l({langs:["typescript"],themes:[e]});let r=c();if(!r)return;let o=r.codeToTokens(n,{lang:"typescript",theme:e});for(let d of t)u(d,o.tokens,o.fg??"inherit")}catch{}}async function x(){s("Loading theme previews…");try{await l({langs:["typescript"],themes:w});let e=c();if(!e)throw Error("Highlighter unavailable");let t=document.querySelectorAll("[data-theme-name]");for(let[n,r]of[...t].entries()){let o=r.dataset.themeName,d=P(r.dataset.themeAppearance),i=r.querySelector(".code-theme-preview");if(!o||!d||!i)continue;let a=e.codeToTokens(A(o,d),{lang:"typescript",theme:o});if(u(i,a.tokens,a.fg??"inherit"),n>0&&n%8===0)await H()}s("Theme previews ready.")}catch{m=void 0,s("Could not load theme previews.")}}function P(e){return e==="light"||e==="dark"?e:void 0}function A(e,t){return`const theme = {
+import{j as c,k as l}from"./main-r8cn68g6.js";import"./main-7fchxg57.js";import"./main-3kywnyz0.js";import"./main-x61973bh.js";var k=["pierre-light","pierre-light-soft","pierre-light-vibrant","pierre-light-protanopia-deuteranopia","pierre-light-tritanopia","ayu-light","catppuccin-latte","everforest-light","github-light","github-light-default","github-light-high-contrast","gruvbox-light-hard","gruvbox-light-medium","gruvbox-light-soft","horizon-bright","kanagawa-lotus","light-plus","material-theme-lighter","min-light","night-owl-light","one-light","rose-pine-dawn","slack-ochin","snazzy-light","solarized-light","vitesse-light"],T=["pierre-dark","pierre-dark-soft","pierre-dark-vibrant","pierre-dark-protanopia-deuteranopia","pierre-dark-tritanopia","ayu-dark","ayu-mirage","catppuccin-frappe","catppuccin-macchiato","catppuccin-mocha","everforest-dark","github-dark","github-dark-default","github-dark-dimmed","github-dark-high-contrast","gruvbox-dark-hard","gruvbox-dark-medium","gruvbox-dark-soft","horizon","kanagawa-wave","kanagawa-dragon","dark-plus","material-theme","material-theme-darker","material-theme-ocean","material-theme-palenight","min-dark","night-owl","one-dark-pro","rose-pine","rose-pine-moon","slack-dark","andromeeda","solarized-dark","vitesse-dark","vitesse-black","aurora-x","dracula","dracula-soft","houston","laserwave","monokai","nord","plastic","poimandres","red","synthwave-84","tokyo-night","vesper"],y=new Map(Object.entries({ayu:"Ayu",cvd:"CVD",github:"GitHub",min:"Min",pierre:"Pierre",vscode:"VS Code"}));function v(e){return e.split("-").map((t)=>y.get(t)??`${t[0]?.toUpperCase()??""}${t.slice(1)}`).join(" ")}function p(e,t){return{appearance:t,group:e.startsWith("pierre-")?"pierre":"shiki",label:v(e),name:e}}var C=k.map((e)=>p(e,"light")).toSorted((e,t)=>e.label.localeCompare(t.label)),b=T.map((e)=>p(e,"dark")).toSorted((e,t)=>e.label.localeCompare(t.label)),h=[...C,...b];var w=h.map((e)=>e.name),m;window.piUi.codeTheme={loadFontPreviews(e,t){E(document.documentElement.classList.contains("dark")?t:e)},loadPreviews(){m??=x()}};async function E(e){let t=[...document.querySelectorAll("[data-font-code-preview]")],n=t[0]?.textContent;if(!n)return;try{await l({langs:["typescript"],themes:[e]});let r=c();if(!r)return;let o=r.codeToTokens(n,{lang:"typescript",theme:e});for(let d of t)u(d,o.tokens,o.fg??"inherit")}catch{}}async function x(){s("Loading theme previews…");try{await l({langs:["typescript"],themes:w});let e=c();if(!e)throw Error("Highlighter unavailable");let t=document.querySelectorAll("[data-theme-name]");for(let[n,r]of[...t].entries()){let o=r.dataset.themeName,d=P(r.dataset.themeAppearance),i=r.querySelector(".code-theme-preview");if(!o||!d||!i)continue;let a=e.codeToTokens(A(o,d),{lang:"typescript",theme:o});if(u(i,a.tokens,a.fg??"inherit"),n>0&&n%8===0)await H()}s("Theme previews ready.")}catch{m=void 0,s("Could not load theme previews.")}}function P(e){return e==="light"||e==="dark"?e:void 0}function A(e,t){return`const theme = {
   name: '${e}',
   mode: '${t}',
 }`}function u(e,t,n){e.replaceChildren(),e.style.color=n,e.style.removeProperty("background-color");let r=document.createElement("code");for(let[o,d]of t.entries()){for(let i of d){let a=document.createElement("span");if(a.textContent=i.content,i.color)a.style.color=i.color;for(let[g,f]of Object.entries(i.htmlStyle??{}))a.style.setProperty(g,f);r.append(a)}if(o<t.length-1)r.append(`

package/static/build/chunks/{fonts-pcnzbv4q.js → fonts-fmjkwnbd.js}

@@ -1 +1 @@
-import"./main-61mzprk0.js";import"./main-x61973bh.js";var s="system";function e(n,o){let t=n==="mono"?'ui-monospace, "SF Mono", "Cascadia Mono", monospace':"ui-sans-serif, system-ui, sans-serif";return o===s?t:`${r(o)}, ${t}`}function r(n){return`"${n.replaceAll("\\","\\\\").replaceAll('"',"\\\"")}"`}window.piUi.fonts={apply(n,o){document.documentElement.style.setProperty("--font-mono",e("mono",n)),document.documentElement.style.setProperty("--font-sans",e("sans",o))}};
+import"./main-3kywnyz0.js";import"./main-x61973bh.js";var s="system";function e(n,o){let t=n==="mono"?'ui-monospace, "SF Mono", "Cascadia Mono", monospace':"ui-sans-serif, system-ui, sans-serif";return o===s?t:`${r(o)}, ${t}`}function r(n){return`"${n.replaceAll("\\","\\\\").replaceAll('"',"\\\"")}"`}window.piUi.fonts={apply(n,o){document.documentElement.style.setProperty("--font-mono",e("mono",n)),document.documentElement.style.setProperty("--font-sans",e("sans",o))}};