@poolse/react-native 2.0.11 → 2.0.13

package/dist/index.js

@@ -5,6 +5,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { SvgXml, Svg, Path, Circle, G } from 'react-native-svg';
 import * as ImagePicker from 'expo-image-picker';
 import * as DocumentPicker from 'expo-document-picker';
+import { manipulateAsync, SaveFormat } from 'expo-image-manipulator';
 
 // src/PoolseInbox.tsx
 
@@ -1160,24 +1161,84 @@ async function uriToBlob(uri) {
   }
   return res.blob();
 }
+var COMPRESSION_LONG_SIDE_PX = 1600;
+var COMPRESSION_QUALITY = 0.75;
+function getImageSize(uri) {
+  return new Promise((resolve, reject) => {
+    Image.getSize(uri, (width, height) => resolve({ width, height }), reject);
+  });
+}
+async function compressImage({
+  uri,
+  width,
+  height,
+  filename
+}) {
+  let w = width;
+  let h = height;
+  if (!w || !h) {
+    try {
+      const size = await getImageSize(uri);
+      w = size.width;
+      h = size.height;
+    } catch {
+      w = 0;
+      h = 0;
+    }
+  }
+  const longSide = Math.max(w ?? 0, h ?? 0);
+  const scale = longSide > COMPRESSION_LONG_SIDE_PX ? COMPRESSION_LONG_SIDE_PX / longSide : 1;
+  const actions = scale < 1 && w && h ? [{ resize: { width: Math.round(w * scale), height: Math.round(h * scale) } }] : [];
+  const result = await manipulateAsync(uri, actions, {
+    compress: COMPRESSION_QUALITY,
+    format: SaveFormat.WEBP
+  });
+  const blob = await uriToBlob(result.uri);
+  const base = (filename ?? `image-${Date.now()}`).replace(/\.[^.]+$/, "");
+  return {
+    blob,
+    contentType: "image/webp",
+    filename: `${base}.webp`
+  };
+}
 async function defaultAdapter(kind) {
   if (kind === "image") {
     const res2 = await ImagePicker.launchImageLibraryAsync({
       mediaTypes: "images",
-      quality: 0.85
+      // Quality 1 — picker hands back the source as-is and we do the
+      // compression ourselves below. Letting the picker re-encode
+      // first just chains two lossy passes.
+      quality: 1
     });
     if (res2.canceled) return [];
     return Promise.all(
       res2.assets.map(async (asset) => {
-        const blob = await uriToBlob(asset.uri);
-        const contentType = asset.mimeType ?? blob.type ?? "image/jpeg";
-        return {
-          body: blob,
-          contentType,
-          byteSize: asset.fileSize ?? blob.size,
-          filename: asset.fileName ?? `image-${Date.now()}.jpg`,
-          _previewUri: asset.uri
-        };
+        try {
+          const compressed = await compressImage({
+            uri: asset.uri,
+            width: asset.width,
+            height: asset.height,
+            filename: asset.fileName ?? `image-${Date.now()}`
+          });
+          return {
+            body: compressed.blob,
+            contentType: compressed.contentType,
+            byteSize: compressed.blob.size,
+            filename: compressed.filename,
+            _previewUri: asset.uri
+          };
+        } catch (err) {
+          console.warn("[poolse/picker] image compression failed, sending original:", err);
+          const blob = await uriToBlob(asset.uri);
+          const contentType = asset.mimeType ?? blob.type ?? "image/jpeg";
+          return {
+            body: blob,
+            contentType,
+            byteSize: asset.fileSize ?? blob.size,
+            filename: asset.fileName ?? `image-${Date.now()}.jpg`,
+            _previewUri: asset.uri
+          };
+        }
       })
     );
   }
@@ -1188,6 +1249,24 @@ async function defaultAdapter(kind) {
   if (res.canceled) return [];
   return Promise.all(
     res.assets.map(async (asset) => {
+      const isImage = (asset.mimeType ?? "").startsWith("image/");
+      if (isImage) {
+        try {
+          const compressed = await compressImage({
+            uri: asset.uri,
+            filename: asset.name
+          });
+          return {
+            body: compressed.blob,
+            contentType: compressed.contentType,
+            byteSize: compressed.blob.size,
+            filename: compressed.filename,
+            _previewUri: asset.uri
+          };
+        } catch (err) {
+          console.warn("[poolse/picker] image compression failed, sending original:", err);
+        }
+      }
       const blob = await uriToBlob(asset.uri);
       const contentType = asset.mimeType ?? blob.type ?? "application/octet-stream";
       return {
@@ -1476,14 +1555,17 @@ var MessageComposer = forwardRef(
     const submitDisabled = disabled || sending || isUploading || value.trim().length === 0 && readyAttachmentIds.length === 0;
     const handleSend = async () => {
       if (submitDisabled) return;
+      const body = value.trim();
+      const replyId = replyingTo?.id;
+      const attachmentIds = readyAttachmentIds;
+      setValue("");
+      upload.reset();
       setSending(true);
       try {
-        await onSend(value.trim(), {
-          ...replyingTo ? { quoted_message_id: replyingTo.id } : {},
-          ...readyAttachmentIds.length > 0 ? { attachment_ids: readyAttachmentIds } : {}
+        await onSend(body, {
+          ...replyId ? { quoted_message_id: replyId } : {},
+          ...attachmentIds.length > 0 ? { attachment_ids: attachmentIds } : {}
         });
-        setValue("");
-        upload.reset();
       } finally {
         setSending(false);
       }