@unicitylabs/sphere-ui 0.1.23 → 0.1.24

package/dist/index.js

@@ -1411,6 +1411,17 @@ import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-r
 function formatExtensions(mimes) {
   return mimes.map((m) => m.split("/")[1].toUpperCase()).join(", ");
 }
+async function readImageSize(file) {
+  if (typeof createImageBitmap !== "function") return null;
+  try {
+    const bitmap = await createImageBitmap(file);
+    const size = { width: bitmap.width, height: bitmap.height };
+    bitmap.close?.();
+    return size;
+  } catch {
+    return null;
+  }
+}
 function MediaUploader({
   kind,
   ownerType,
@@ -1453,6 +1464,30 @@ function MediaUploader({
         });
         return;
       }
+      if (file.type !== "image/svg+xml") {
+        const size = await readImageSize(file);
+        if (size) {
+          const { width, height } = size;
+          if (limit.maxWidth && width > limit.maxWidth || limit.maxHeight && height > limit.maxHeight) {
+            setState({
+              phase: "error",
+              message: `Image too large (max ${limit.maxWidth}\xD7${limit.maxHeight}px \u2014 this is ${width}\xD7${height})`
+            });
+            return;
+          }
+          if (limit.aspectRatio) {
+            const ratio = width / height;
+            const tolerance = limit.aspectTolerance ?? 0;
+            if (Math.abs(ratio - limit.aspectRatio) > limit.aspectRatio * tolerance) {
+              setState({
+                phase: "error",
+                message: `Wrong aspect ratio (need ~${limit.aspectRatio}:1 \u2014 this is ${ratio.toFixed(2)}:1)`
+              });
+              return;
+            }
+          }
+        }
+      }
       if (deferUpload) {
         if (previewRef.current) URL.revokeObjectURL(previewRef.current);
         previewRef.current = URL.createObjectURL(file);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unicitylabs/sphere-ui",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",