@metaobjectsdev/runtime-web 0.18.0 → 0.19.0

package/dist/canvas-to-jpeg-blob.d.ts

@@ -0,0 +1,2 @@
+export declare function canvasToJpegBlob(canvas: HTMLCanvasElement, quality?: number): Promise<Blob>;
+//# sourceMappingURL=canvas-to-jpeg-blob.d.ts.map

package/dist/canvas-to-jpeg-blob.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-to-jpeg-blob.d.ts","sourceRoot":"","sources":["../src/canvas-to-jpeg-blob.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,SAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAQxF"}

package/dist/canvas-to-jpeg-blob.js

@@ -0,0 +1,6 @@
+export function canvasToJpegBlob(canvas, quality = 0.9) {
+    return new Promise((resolve, reject) => {
+        canvas.toBlob((blob) => (blob ? resolve(blob) : reject(new Error("toBlob returned null"))), "image/jpeg", quality);
+    });
+}
+//# sourceMappingURL=canvas-to-jpeg-blob.js.map

package/dist/canvas-to-jpeg-blob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-to-jpeg-blob.js","sourceRoot":"","sources":["../src/canvas-to-jpeg-blob.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAAC,MAAyB,EAAE,OAAO,GAAG,GAAG;IACvE,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,CAAC,MAAM,CACX,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAC5E,YAAY,EACZ,OAAO,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/image-adapter.d.ts

@@ -0,0 +1,20 @@
+/** The upload/serve seam a consumer implements for <ImageUpload>. The library ships
+ *  no concrete adapter — the app supplies one (see docs). `store` is an opaque
+ *  namespace hint from view.image's @store attr, not infrastructure. */
+export interface ImageUploadAdapter {
+    upload(blob: Blob, opts: {
+        store?: string;
+    }): Promise<{
+        key: string;
+    }>;
+    imageUrl(key: string): string;
+}
+/** view.image's declared attrs, resolved into props for <ImageUpload>. */
+export interface ImageMeta {
+    aspectRatio?: number;
+    maxEdge?: number;
+    store?: string;
+    accept?: string[];
+    maxBytes?: number;
+}
+//# sourceMappingURL=image-adapter.d.ts.map

package/dist/image-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-adapter.d.ts","sourceRoot":"","sources":["../src/image-adapter.ts"],"names":[],"mappings":"AAAA;;wEAEwE;AACxE,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,0EAA0E;AAC1E,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/image-adapter.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-adapter.js.map

package/dist/image-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-adapter.js","sourceRoot":"","sources":["../src/image-adapter.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -3,4 +3,7 @@ export { buildFilterQs } from "./filter-qs.js";
 export type { EntityFetcher, GridConfig } from "./fetcher.js";
 export { buildGrid } from "./grid-from-metadata.js";
 export type { MetaColumn, MetaGrid } from "./grid-from-metadata.js";
+export { canvasToJpegBlob } from "./canvas-to-jpeg-blob.js";
+export { reencodeJpeg } from "./reencode-jpeg.js";
+export type { ImageUploadAdapter, ImageMeta } from "./image-adapter.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -2,4 +2,6 @@
 export { formatCurrency, parseCurrency, minorUnitsFor } from "./currency.js";
 export { buildFilterQs } from "./filter-qs.js";
 export { buildGrid } from "./grid-from-metadata.js";
+export { canvasToJpegBlob } from "./canvas-to-jpeg-blob.js";
+export { reencodeJpeg } from "./reencode-jpeg.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/reencode-jpeg.d.ts

@@ -0,0 +1,3 @@
+/** Whole-image re-encode to JPEG (down-scaled to maxEdge, EXIF stripped via canvas). */
+export declare function reencodeJpeg(file: File | Blob, maxEdge?: number): Promise<Blob>;
+//# sourceMappingURL=reencode-jpeg.d.ts.map

package/dist/reencode-jpeg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reencode-jpeg.d.ts","sourceRoot":"","sources":["../src/reencode-jpeg.ts"],"names":[],"mappings":"AAEA,wFAAwF;AACxF,wBAAsB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAanF"}

package/dist/reencode-jpeg.js

@@ -0,0 +1,18 @@
+import { canvasToJpegBlob } from "./canvas-to-jpeg-blob.js";
+/** Whole-image re-encode to JPEG (down-scaled to maxEdge, EXIF stripped via canvas). */
+export async function reencodeJpeg(file, maxEdge = 2000) {
+    const bitmap = await createImageBitmap(file, { imageOrientation: "from-image" });
+    const scale = Math.min(1, maxEdge / Math.max(bitmap.width, bitmap.height));
+    const width = Math.round(bitmap.width * scale);
+    const height = Math.round(bitmap.height * scale);
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        throw new Error("canvas 2d context unavailable");
+    ctx.drawImage(bitmap, 0, 0, width, height);
+    bitmap.close();
+    return canvasToJpegBlob(canvas, 0.9);
+}
+//# sourceMappingURL=reencode-jpeg.js.map

package/dist/reencode-jpeg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reencode-jpeg.js","sourceRoot":"","sources":["../src/reencode-jpeg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,wFAAwF;AACxF,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAAiB,EAAE,OAAO,GAAG,IAAI;IAClE,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,IAAI,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC,CAAC;IACjF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IAC3D,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,OAAO,gBAAgB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metaobjectsdev/runtime-web",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Pure framework-agnostic browser core for metaobjects: currency, filter URL serialization, fetcher contract types.",
   "type": "module",
   "main": "./dist/index.js",
@@ -45,7 +45,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@metaobjectsdev/metadata": "0.18.0",
+    "@metaobjectsdev/metadata": "0.19.0",
     "qs": "^6.13.0"
   },
   "devDependencies": {

package/src/canvas-to-jpeg-blob.ts

@@ -0,0 +1,9 @@
+export function canvasToJpegBlob(canvas: HTMLCanvasElement, quality = 0.9): Promise<Blob> {
+  return new Promise<Blob>((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => (blob ? resolve(blob) : reject(new Error("toBlob returned null"))),
+      "image/jpeg",
+      quality,
+    );
+  });
+}

package/src/image-adapter.ts

@@ -0,0 +1,16 @@
+/** The upload/serve seam a consumer implements for <ImageUpload>. The library ships
+ *  no concrete adapter — the app supplies one (see docs). `store` is an opaque
+ *  namespace hint from view.image's @store attr, not infrastructure. */
+export interface ImageUploadAdapter {
+  upload(blob: Blob, opts: { store?: string }): Promise<{ key: string }>;
+  imageUrl(key: string): string;
+}
+
+/** view.image's declared attrs, resolved into props for <ImageUpload>. */
+export interface ImageMeta {
+  aspectRatio?: number;
+  maxEdge?: number;
+  store?: string;
+  accept?: string[];
+  maxBytes?: number;
+}

package/src/index.ts

@@ -4,3 +4,6 @@ export { buildFilterQs } from "./filter-qs.js";
 export type { EntityFetcher, GridConfig } from "./fetcher.js";
 export { buildGrid } from "./grid-from-metadata.js";
 export type { MetaColumn, MetaGrid } from "./grid-from-metadata.js";
+export { canvasToJpegBlob } from "./canvas-to-jpeg-blob.js";
+export { reencodeJpeg } from "./reencode-jpeg.js";
+export type { ImageUploadAdapter, ImageMeta } from "./image-adapter.js";

package/src/reencode-jpeg.ts

@@ -0,0 +1,17 @@
+import { canvasToJpegBlob } from "./canvas-to-jpeg-blob.js";
+
+/** Whole-image re-encode to JPEG (down-scaled to maxEdge, EXIF stripped via canvas). */
+export async function reencodeJpeg(file: File | Blob, maxEdge = 2000): Promise<Blob> {
+  const bitmap = await createImageBitmap(file, { imageOrientation: "from-image" });
+  const scale = Math.min(1, maxEdge / Math.max(bitmap.width, bitmap.height));
+  const width = Math.round(bitmap.width * scale);
+  const height = Math.round(bitmap.height * scale);
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("canvas 2d context unavailable");
+  ctx.drawImage(bitmap, 0, 0, width, height);
+  bitmap.close();
+  return canvasToJpegBlob(canvas, 0.9);
+}