@vibes.diy/base 4.0.14 → 4.0.16

package/index.d.ts

@@ -9,6 +9,7 @@ export { useImgGen } from "./hooks/img-gen/index.js";
 export { ControlsBar } from "./components/ControlsBar.js";
 export { PromptBar } from "./components/PromptBar.js";
 export { defaultClasses } from "./utils/style-utils.js";
+export { normalizeAvatarImage, fitWithin, AVATAR_MAX_DIMENSION } from "./utils/normalize-avatar-image.js";
 export { isDebug, logDebug } from "./utils/debug.js";
 export type { ImageDocument, PartialImageDocument } from "@vibes.diy/vibe-types";
 export { resolveBuilderOrigin, resolveBuilderOriginFrom, VIBES_DIY_BUILDER_URL } from "@vibes.diy/vibe-runtime";

package/index.js

@@ -7,6 +7,7 @@ export { useImgGen } from "./hooks/img-gen/index.js";
 export { ControlsBar } from "./components/ControlsBar.js";
 export { PromptBar } from "./components/PromptBar.js";
 export { defaultClasses } from "./utils/style-utils.js";
+export { normalizeAvatarImage, fitWithin, AVATAR_MAX_DIMENSION } from "./utils/normalize-avatar-image.js";
 export { isDebug, logDebug } from "./utils/debug.js";
 export { resolveBuilderOrigin, resolveBuilderOriginFrom, VIBES_DIY_BUILDER_URL } from "@vibes.diy/vibe-runtime";
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE3G,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE3G,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC1G,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/base",
-  "version": "4.0.14",
+  "version": "4.0.16",
   "type": "module",
   "main": "./index.js",
   "scripts": {
@@ -9,9 +9,9 @@
   "dependencies": {
     "@adviser/cement": "~0.5.34",
     "@emotion/css": "~11.13.5",
-    "@vibes.diy/use-vibes-types": "4.0.14",
-    "@vibes.diy/vibe-runtime": "4.0.14",
-    "@vibes.diy/vibe-types": "4.0.14",
+    "@vibes.diy/use-vibes-types": "4.0.16",
+    "@vibes.diy/vibe-runtime": "4.0.16",
+    "@vibes.diy/vibe-types": "4.0.16",
     "qrcode": "~1.5.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7"

package/utils/normalize-avatar-image.d.ts

@@ -0,0 +1,6 @@
+export declare const AVATAR_MAX_DIMENSION = 512;
+export declare function fitWithin(width: number, height: number, maxDim: number): {
+    width: number;
+    height: number;
+};
+export declare function normalizeAvatarImage(file: File, maxDim?: number): Promise<File>;

package/utils/normalize-avatar-image.js

@@ -0,0 +1,62 @@
+export const AVATAR_MAX_DIMENSION = 512;
+const WEBP_QUALITY = 0.85;
+export function fitWithin(width, height, maxDim) {
+    const scale = Math.min(1, maxDim / Math.max(width, height));
+    return {
+        width: Math.max(1, Math.round(width * scale)),
+        height: Math.max(1, Math.round(height * scale)),
+    };
+}
+async function decodeToBitmap(file) {
+    if (typeof createImageBitmap !== "function")
+        return undefined;
+    try {
+        return await createImageBitmap(file, { imageOrientation: "from-image" });
+    }
+    catch {
+        try {
+            return await createImageBitmap(file);
+        }
+        catch {
+            return undefined;
+        }
+    }
+}
+function encodeCanvas(canvas, mimeType, quality) {
+    return new Promise((resolve) => {
+        try {
+            canvas.toBlob(resolve, mimeType, quality);
+        }
+        catch {
+            resolve(null);
+        }
+    });
+}
+export async function normalizeAvatarImage(file, maxDim = AVATAR_MAX_DIMENSION) {
+    const bitmap = await decodeToBitmap(file);
+    if (!bitmap)
+        return file;
+    try {
+        if (!bitmap.width || !bitmap.height)
+            return file;
+        const { width, height } = fitWithin(bitmap.width, bitmap.height, maxDim);
+        if (typeof document === "undefined")
+            return file;
+        const canvas = document.createElement("canvas");
+        canvas.width = width;
+        canvas.height = height;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return file;
+        ctx.drawImage(bitmap, 0, 0, width, height);
+        const blob = await encodeCanvas(canvas, "image/webp", WEBP_QUALITY);
+        if (!blob || !blob.type.startsWith("image/"))
+            return file;
+        const ext = blob.type.slice("image/".length);
+        return new File([blob], `avatar.${ext}`, { type: blob.type });
+    }
+    finally {
+        bitmap.close();
+    }
+}
+//# sourceMappingURL=normalize-avatar-image.js.map

package/utils/normalize-avatar-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-avatar-image.js","sourceRoot":"","sources":["../../jsr/utils/normalize-avatar-image.ts"],"names":[],"mappings":"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"}