npm - @baique/pi-web-sky - Versions diffs - 0.1.45 → 0.1.46 - Mend

@baique/pi-web-sky 0.1.45 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/.next/trace-build CHANGED Viewed

	@@ -1 +1 @@
1	- [{"name":"run-webpack","duration":~~9055753~~,"timestamp":~~530754013031~~,"id":14,"parentId":1,"tags":{},"startTime":~~1788793247583~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"run-typescript","duration":~~3317493~~,"timestamp":~~530763070348~~,"id":~~771~~,"parentId":1,"tags":{},"startTime":~~1788793256640~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"static-check","duration":~~1974175~~,"timestamp":~~530766393578~~,"id":~~774~~,"parentId":1,"tags":{},"startTime":~~1788793259964~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"static-generation","duration":~~2892213~~,"timestamp":~~530768544924~~,"id":~~918~~,"parentId":1,"tags":{},"startTime":~~1788793262115~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"collect-build-traces","duration":~~17535952~~,"timestamp":~~530768369512~~,"id":~~915~~,"parentId":1,"tags":{},"startTime":~~1788793261940~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"telemetry-flush","duration":19,"timestamp":~~530785907514~~,"id":~~927~~,"parentId":1,"tags":{},"startTime":~~1788793279478~~,"traceId":"~~3e8aa30f90ee0535~~"},{"name":"next-build","duration":~~32019077~~,"timestamp":~~530753888461~~,"id":1,"tags":{"buildMode":"default","version":"16.3.1","bundler":"webpack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":~~1788793247459~~,"traceId":"~~3e8aa30f90ee0535~~"}]
1	+ [{"name":"run-webpack","duration":9840715,"timestamp":619164489038,"id":14,"parentId":1,"tags":{},"startTime":1788881657164,"traceId":"4e696be0f98f4b64"},{"name":"run-typescript","duration":7910134,"timestamp":619174332357,"id":782,"parentId":1,"tags":{},"startTime":1788881667008,"traceId":"4e696be0f98f4b64"},{"name":"static-check","duration":1819697,"timestamp":619182248807,"id":785,"parentId":1,"tags":{},"startTime":1788881674924,"traceId":"4e696be0f98f4b64"},{"name":"static-generation","duration":2624262,"timestamp":619184204786,"id":929,"parentId":1,"tags":{},"startTime":1788881676880,"traceId":"4e696be0f98f4b64"},{"name":"collect-build-traces","duration":16171206,"timestamp":619184070053,"id":926,"parentId":1,"tags":{},"startTime":1788881676745,"traceId":"4e696be0f98f4b64"},{"name":"telemetry-flush","duration":18,"timestamp":619200243194,"id":938,"parentId":1,"tags":{},"startTime":1788881692918,"traceId":"4e696be0f98f4b64"},{"name":"next-build","duration":35850977,"timestamp":619164392240,"id":1,"tags":{"buildMode":"default","version":"16.3.1","bundler":"webpack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1788881657068,"traceId":"4e696be0f98f4b64"}]

package/lib/bg-image.ts CHANGED Viewed

@@ -3,18 +3,21 @@
 import { useCallback, useEffect, useState } from "react";
 /**
- * App wallpaper: original file Blob stored raw in IndexedDB (no re-encode,
- * no compression), exposed to CSS as `--app-bg-image` on <html>.
- * Images go through the CSS background layer on `body`; videos are rendered
- * as an autoplaying muted <video> element by AppShell instead.
- * Display settings live in lib/wallpaper-settings.ts.
+ * App wallpaper: image Blob stored in IndexedDB, exposed to CSS as
+ * `--app-bg-image` on <html>. Images go through the CSS background layer
+ * on `body`. Display settings live in lib/wallpaper-settings.ts.
+ *
+ * 存储前经 compressWallpaper 处理：真无损——不降采样、不重采样，保持原始
+ * 像素。仅尝试 PNG 无损重编码（对 BMP/TIFF/低效 PNG 等未压缩格式有压缩收益），
+ * 并对体积取更小者（JPEG/WebP 等有损源 PNG 往往更大，则直存原文件，零损失）。
+ * GIF 不支持（拒绝入库）。
  */
 const DB_NAME = "pi-web";
 const STORE = "bg-image";
 const KEY = "wallpaper";
-export type BgKind = "image" | "video" | null;
+export type BgKind = "image" | null;
 function openDb(): Promise<IDBDatabase> {
   return new Promise((resolve, reject) => {
@@ -33,16 +36,51 @@ let currentUrl: string | null = null;
 let bgKind: BgKind = null;
 function kindOf(blob: Blob | null): BgKind {
-  if (!blob) return null;
-  if (blob.type.startsWith("video/")) return "video";
-  if (blob.type.startsWith("image/")) return "image";
-  return null;
+  if (!blob || !blob.type.startsWith("image/")) return null;
+  return "image";
+}
+/**
+ * 真无损压缩壁纸（上传时调用）。GIF 不支持返回 null；解码失败兜底直存。
+ * 已是高效格式（webp/avif）→ 直存原样（无损重编码对其无收益）。
+ * 其余：不降采样、保持原始像素，仅尝试 PNG 无损重编码并取更小者——
+ * 体积绝不劣化，像素零损失。
+ */
+async function compressWallpaper(file: Blob): Promise<Blob | null> {
+  if (file.type === "image/gif") return null;
+  // 已是高效格式：直存，不做二次编码（无损重编码同样无收益）
+  if (file.type === "image/webp" || file.type === "image/avif") return file;
+  let bmp: ImageBitmap;
+  try {
+    bmp = await createImageBitmap(file);
+  } catch {
+    return file;
+  }
+  try {
+    // 真无损：canvas 尺寸 = 原始像素尺寸，不重采样
+    const canvas = document.createElement("canvas");
+    canvas.width = bmp.width;
+    canvas.height = bmp.height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return file;
+    ctx.drawImage(bmp, 0, 0);
+    // PNG 是 canvas 唯一可靠的无损输出；对 BMP/TIFF/低效 PNG 有压缩收益，
+    // 对 JPEG 等有损源通常更大 → 取小者（直存原文件，体积不劣化）
+    const png = await new Promise<Blob | null>((resolve) =>
+      canvas.toBlob(resolve, "image/png"),
+    );
+    if (!png) return file;
+    return png.size < file.size ? png : file;
+  } finally {
+    bmp.close();
+  }
 }
 /**
  * Swap the stored media: revokes the previous object URL, points
- * `--app-bg-image` at the new one (images only — video uses its own element)
- * and returns the live object URL.
+ * `--app-bg-image` at the new one and returns the live object URL.
  */
 function setBackground(blob: Blob | null): { url: string | null; kind: BgKind } {
   if (currentUrl) URL.revokeObjectURL(currentUrl);
@@ -110,8 +148,10 @@ export function useAppBackground() {
   }, []);
   const pick = useCallback(async (file: Blob) => {
-    await writeBackground(file);
-    const res = setBackground(file);
+    const stored = await compressWallpaper(file);
+    if (!stored) return; // GIF 等不支持格式：拒绝，不改变现有壁纸
+    await writeBackground(stored);
+    const res = setBackground(stored);
     setUrl(res.url);
     setKind(res.kind);
     setHasBg(true);

package/lib/i18n/messages/en.ts CHANGED Viewed

@@ -326,7 +326,7 @@ export const enLocale: LocalePlugin = {
     "bg.choose": "Choose image…",
     "bg.replace": "Replace image…",
     "bg.remove": "Remove wallpaper",
-    "bg.hint": "The original file is stored locally in your browser — never re-encoded or uploaded.",
+    "bg.hint": "Images are stored locally in your browser — never uploaded. Large images are auto-compressed to your screen size.",
     "bg.repeat": "Tile horizontally",
     "bg.fill": "Edge colour fill",
     "bg.adjust": "Adjust horizontal position…",

package/lib/i18n/messages/zh-CN.ts CHANGED Viewed

@@ -327,7 +327,7 @@ export const zhCNLocale: LocalePlugin = {
     "bg.choose": "选择图片…",
     "bg.replace": "更换图片…",
     "bg.remove": "移除背景图",
-    "bg.hint": "原图保存在浏览器本地，不重新编码、不上传。",
+    "bg.hint": "图片保存在浏览器本地，不上传。大图会按屏幕尺寸自动压缩。",
     "bg.repeat": "平铺（横向重复）",
     "bg.fill": "边缘色彩填充",
     "bg.adjust": "调整横向位置…",

package/lib/wallpaper-settings.ts CHANGED Viewed

@@ -142,29 +142,6 @@ export async function sampleEdgeColors(
 export type WallpaperDims = { width: number; height: number };
-/** Natural dimensions of an image or video URL (video reads metadata only). */
-export function loadMediaDims(
-  url: string,
-  isVideo: boolean,
-): Promise<WallpaperDims | null> {
-  if (isVideo) {
-    return new Promise((resolve) => {
-      const v = document.createElement("video");
-      v.preload = "metadata";
-      v.onloadedmetadata = () =>
-        resolve({ width: v.videoWidth, height: v.videoHeight });
-      v.onerror = () => resolve(null);
-      v.src = url;
-    });
-  }
-  return new Promise((resolve) => {
-    const img = new Image();
-    img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight });
-    img.onerror = () => resolve(null);
-    img.src = url;
-  });
-}
 /** Load, persist and live-apply wallpaper display settings. */
 export function useWallpaperSettings(hasImage: boolean) {
   // 惰性初始化直接读 localStorage：首帧即存储值（无存储时为默认）。

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@baique/pi-web-sky",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "description": "Web UI for the pi coding agent — Sky skin edition (fork of @agegr/pi-web / earendil-labs pi-web, MIT)",
   "homepage": "https://github.com/baique/pi-web-sky#readme",
   "repository": {

/package/.next/static/{mi_AqqMn6gfU7PwatOjlB → bwC_pehF8TcdwJmfZPhhX}/_buildManifest.js RENAMED Viewed

File without changes

/package/.next/static/{mi_AqqMn6gfU7PwatOjlB → bwC_pehF8TcdwJmfZPhhX}/_ssgManifest.js RENAMED Viewed

File without changes