react-native-mask-segment-canvas 0.1.0

package/dist/utils/resolveAssetPath.js

@@ -0,0 +1,56 @@
+import { Image, Platform } from 'react-native';
+import RNFS from 'react-native-fs';
+import { ensurePngFile, toPngFileName } from './pngImage';
+/** 将 require() 资源解析为 PNG 本地路径（OpenCV / RNFS 可读） */
+export async function resolveAssetPath(assetModule, cacheFileName) {
+    const pngCacheName = toPngFileName(cacheFileName);
+    const source = Image.resolveAssetSource(assetModule);
+    if (!source?.uri) {
+        throw new Error('Cannot resolve image resource');
+    }
+    const { uri } = source;
+    if (uri.startsWith('file://')) {
+        return ensurePngFile(uri, pngCacheName);
+    }
+    if (Platform.OS === 'ios' && uri.startsWith('/')) {
+        return ensurePngFile(uri, pngCacheName);
+    }
+    if (Platform.OS === 'ios' && uri.startsWith('/')) {
+        return ensurePngFile(uri, pngCacheName);
+    }
+    if (uri.startsWith('http://') || uri.startsWith('https://')) {
+        const tmpDest = `${RNFS.CachesDirectoryPath}/tmp_${Date.now()}_${pngCacheName}`;
+        const { statusCode } = await RNFS.downloadFile({
+            fromUrl: uri,
+            toFile: tmpDest,
+        }).promise;
+        if (statusCode !== 200) {
+            throw new Error(`Download resource failed: ${pngCacheName}`);
+        }
+        try {
+            return await ensurePngFile(tmpDest, pngCacheName);
+        }
+        finally {
+            if (await RNFS.exists(tmpDest)) {
+                await RNFS.unlink(tmpDest);
+            }
+        }
+    }
+    if (Platform.OS === 'android') {
+        const assetPath = uri
+            .replace('asset:/', '')
+            .replace('file:///android_asset/', '');
+        const tmpDest = `${RNFS.CachesDirectoryPath}/tmp_${Date.now()}_${pngCacheName}`;
+        await RNFS.copyFileAssets(assetPath, tmpDest);
+        try {
+            return await ensurePngFile(tmpDest, pngCacheName);
+        }
+        finally {
+            if (await RNFS.exists(tmpDest)) {
+                await RNFS.unlink(tmpDest);
+            }
+        }
+    }
+    return ensurePngFile(uri, pngCacheName);
+}
+//# sourceMappingURL=resolveAssetPath.js.map

package/dist/utils/resolveAssetPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAssetPath.js","sourceRoot":"","sources":["../../src/utils/resolveAssetPath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,mDAAmD;AACnD,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,WAAmB,EACnB,aAAqB;IAErB,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACrD,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IAED,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IAEvB,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QAC7B,OAAO,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;KACzC;IAED,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAChD,OAAO,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;KACzC;IAED,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAChD,OAAO,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;KACzC;IAED,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAC3D,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,mBAAmB,QAAQ,IAAI,CAAC,GAAG,EAAE,IAAI,YAAY,EAAE,CAAC;QAChF,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC;YAC7C,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,OAAO;SAChB,CAAC,CAAC,OAAO,CAAC;QACX,IAAI,UAAU,KAAK,GAAG,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,6BAA6B,YAAY,EAAE,CAAC,CAAC;SAC9D;QACD,IAAI;YACF,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;SACnD;gBAAS;YACR,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;gBAC9B,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC5B;SACF;KACF;IAED,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;QAC7B,MAAM,SAAS,GAAG,GAAG;aAClB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;aACtB,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,mBAAmB,QAAQ,IAAI,CAAC,GAAG,EAAE,IAAI,YAAY,EAAE,CAAC;QAChF,MAAM,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI;YACF,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;SACnD;gBAAS;YACR,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;gBAC9B,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC5B;SACF;KACF;IAED,OAAO,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AAC1C,CAAC"}

package/dist/utils/resolveImageUrl.d.ts

@@ -0,0 +1,3 @@
+/** 将本地路径或远程 URL 解析为 OpenCV / RNFS 可读的 PNG 本地路径 */
+export declare function resolveImageUrl(source: string, cacheFileName?: string): Promise<string>;
+//# sourceMappingURL=resolveImageUrl.d.ts.map

package/dist/utils/resolveImageUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveImageUrl.d.ts","sourceRoot":"","sources":["../../src/utils/resolveImageUrl.ts"],"names":[],"mappings":"AAYA,kDAAkD;AAClD,wBAAsB,eAAe,CACnC,MAAM,EAAE,MAAM,EACd,aAAa,CAAC,EAAE,MAAM,GACrB,OAAO,CAAC,MAAM,CAAC,CA8CjB"}

package/dist/utils/resolveImageUrl.js

@@ -0,0 +1,51 @@
+import { Platform } from 'react-native';
+import RNFS from 'react-native-fs';
+import { ensurePngFile, isPngPath, normalizePath, toPngFileName } from './pngImage';
+function hashUrl(url) {
+    let hash = 0;
+    for (let i = 0; i < url.length; i++) {
+        hash = (hash * 31 + url.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash).toString(36);
+}
+/** 将本地路径或远程 URL 解析为 OpenCV / RNFS 可读的 PNG 本地路径 */
+export async function resolveImageUrl(source, cacheFileName) {
+    const trimmed = source.trim();
+    if (!trimmed) {
+        throw new Error('Image URL is empty');
+    }
+    const pngCacheName = toPngFileName(cacheFileName ?? `img_${hashUrl(trimmed)}.png`);
+    if (trimmed.startsWith('http://') || trimmed.startsWith('https://')) {
+        const tmpDest = `${RNFS.CachesDirectoryPath}/tmp_${Date.now()}_${pngCacheName}`;
+        const { statusCode } = await RNFS.downloadFile({
+            fromUrl: trimmed,
+            toFile: tmpDest,
+        }).promise;
+        if (statusCode !== 200) {
+            throw new Error(`Download image failed: ${trimmed}`);
+        }
+        try {
+            return await ensurePngFile(tmpDest, pngCacheName);
+        }
+        finally {
+            if (await RNFS.exists(tmpDest)) {
+                await RNFS.unlink(tmpDest);
+            }
+        }
+    }
+    const normalized = normalizePath(trimmed);
+    if (await RNFS.exists(normalized) && isPngPath(normalized)) {
+        return normalized;
+    }
+    if (normalized.startsWith('file://')) {
+        return ensurePngFile(normalized, pngCacheName);
+    }
+    if (Platform.OS === 'ios' && normalized.startsWith('/')) {
+        return ensurePngFile(normalized, pngCacheName);
+    }
+    if (await RNFS.exists(normalized)) {
+        return ensurePngFile(normalized, pngCacheName);
+    }
+    return ensurePngFile(trimmed, pngCacheName);
+}
+//# sourceMappingURL=resolveImageUrl.js.map

package/dist/utils/resolveImageUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveImageUrl.js","sourceRoot":"","sources":["../../src/utils/resolveImageUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEpF,SAAS,OAAO,CAAC,GAAW;IAC1B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACnC,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;KAC5C;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACrC,CAAC;AAED,kDAAkD;AAClD,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,MAAc,EACd,aAAsB;IAEtB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;IAC9B,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACvC;IAED,MAAM,YAAY,GAAG,aAAa,CAChC,aAAa,IAAI,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAC/C,CAAC;IAEF,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QACnE,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,mBAAmB,QAAQ,IAAI,CAAC,GAAG,EAAE,IAAI,YAAY,EAAE,CAAC;QAChF,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC;YAC7C,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,OAAO;SAChB,CAAC,CAAC,OAAO,CAAC;QACX,IAAI,UAAU,KAAK,GAAG,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,0BAA0B,OAAO,EAAE,CAAC,CAAC;SACtD;QACD,IAAI;YACF,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;SACnD;gBAAS;YACR,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;gBAC9B,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC5B;SACF;KACF;IAED,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,EAAE;QAC1D,OAAO,UAAU,CAAC;KACnB;IAED,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QACpC,OAAO,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;KAChD;IAED,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QACvD,OAAO,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;KAChD;IAED,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;QACjC,OAAO,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;KAChD;IAED,OAAO,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAC9C,CAAC"}

package/dist/utils/skiaImage.d.ts

@@ -0,0 +1,4 @@
+import { type SkImage } from '@shopify/react-native-skia';
+/** 连续 RGBA 缓冲 → Skia 图像（高低频 / 工作分辨率原图内存直传，避免 PNG 落盘） */
+export declare function rgbaBufferToSkiaImage(buffer: Uint8Array, cols: number, rows: number): SkImage | null;
+//# sourceMappingURL=skiaImage.d.ts.map

package/dist/utils/skiaImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skiaImage.d.ts","sourceRoot":"","sources":["../../src/utils/skiaImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,OAAO,EACb,MAAM,4BAA4B,CAAC;AAEpC,wDAAwD;AACxD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,OAAO,GAAG,IAAI,CAYhB"}

package/dist/utils/skiaImage.js

@@ -0,0 +1,12 @@
+import { Skia, AlphaType, ColorType, } from '@shopify/react-native-skia';
+/** 连续 RGBA 缓冲 → Skia 图像（高低频 / 工作分辨率原图内存直传，避免 PNG 落盘） */
+export function rgbaBufferToSkiaImage(buffer, cols, rows) {
+    const data = Skia.Data.fromBytes(buffer);
+    return Skia.Image.MakeImage({
+        width: cols,
+        height: rows,
+        alphaType: AlphaType.Opaque,
+        colorType: ColorType.RGBA_8888,
+    }, data, cols * 4);
+}
+//# sourceMappingURL=skiaImage.js.map

package/dist/utils/skiaImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skiaImage.js","sourceRoot":"","sources":["../../src/utils/skiaImage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GAEV,MAAM,4BAA4B,CAAC;AAEpC,wDAAwD;AACxD,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,IAAY,EACZ,IAAY;IAEZ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CACzB;QACE,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,SAAS,CAAC,MAAM;QAC3B,SAAS,EAAE,SAAS,CAAC,SAAS;KAC/B,EACD,IAAI,EACJ,IAAI,GAAG,CAAC,CACT,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "react-native-mask-segment-canvas",
+  "version": "0.1.0",
+  "description": "React Native 掩码分区交互库：OpenCV 语义分割 + SkSL Shader 上色",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "patches",
+    "README.md"
+  ],
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "pod:check": "bash ios/scripts/setup_vendor_pods.sh",
+    "pod:install": "cd ios && pod install",
+    "postinstall": "patch-package",
+    "start": "react-native start",
+    "test": "jest",
+    "build": "tsc -p tsconfig.build.json",
+    "prepare": "npm run build"
+  },
+  "dependencies": {
+    "buffer": "^6.0.3",
+    "upng-js": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@shopify/react-native-skia": ">=2.0.0",
+    "react": ">=18",
+    "react-native": ">=0.74",
+    "react-native-fast-opencv": ">=0.4.8",
+    "react-native-fs": ">=2.20.0",
+    "react-native-gesture-handler": ">=2.16.0",
+    "react-native-image-picker": ">=7.0.0",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-image-picker": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "18.0.0",
+    "@react-native-community/cli-platform-android": "18.0.0",
+    "@react-native-community/cli-platform-ios": "18.0.0",
+    "@react-native/babel-preset": "0.79.4",
+    "@react-native/eslint-config": "0.79.4",
+    "@react-native/metro-config": "0.79.4",
+    "@react-native/typescript-config": "0.79.4",
+    "@shopify/react-native-skia": "^2.6.4",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.0.0",
+    "@types/react-test-renderer": "^19.0.0",
+    "eslint": "^8.19.0",
+    "jest": "^29.6.3",
+    "patch-package": "^8.0.1",
+    "prettier": "2.8.8",
+    "react": "19.0.0",
+    "react-native": "0.79.4",
+    "react-native-fast-opencv": "^0.4.8",
+    "react-native-fs": "^2.20.0",
+    "react-native-gesture-handler": "^2.16.0",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-reanimated": "^3.19.5",
+    "react-native-safe-area-context": "^5.8.0",
+    "react-test-renderer": "19.0.0",
+    "typescript": "5.0.4"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "react-native",
+    "mask-segmentation",
+    "semantic-segmentation",
+    "opencv",
+    "skia",
+    "shader",
+    "image-editing",
+    "canvas",
+    "paint"
+  ],
+  "license": "MIT"
+}

package/patches/react-native-fast-opencv+0.4.8.patch

@@ -0,0 +1,122 @@
+diff --git a/node_modules/react-native-fast-opencv/cpp/ConvertImage.cpp b/node_modules/react-native-fast-opencv/cpp/ConvertImage.cpp
+index ea50bc0..729d648 100644
+--- a/node_modules/react-native-fast-opencv/cpp/ConvertImage.cpp
++++ b/node_modules/react-native-fast-opencv/cpp/ConvertImage.cpp
+@@ -149,6 +149,39 @@ string ImageConverter::mat2str(const Mat& m, std::string &format)
+ 
+ }
+ 
++Mat ImageConverter::ensure8U(const Mat& img)
++{
++    if (img.empty() || img.depth() == CV_8U) {
++        return img;
++    }
++
++    // Semantic mask PNG: 16-bit RGB stores 8-bit labels as value×257.
++    if (img.depth() == CV_16U && img.channels() >= 3) {
++        cv::Mat img8;
++        if (img.channels() == 4) {
++            cv::Mat bgr16;
++            cv::cvtColor(img, bgr16, cv::COLOR_BGRA2BGR);
++            bgr16.convertTo(img8, CV_8U, 1.0 / 257.0);
++        } else {
++            img.convertTo(img8, CV_8U, 1.0 / 257.0);
++        }
++        return img8;
++    }
++
++    Mat dst;
++    const int outType = CV_MAKETYPE(CV_8U, img.channels());
++    double alpha = 1.0;
++
++    if (img.depth() == CV_16U || img.depth() == CV_16S) {
++        alpha = 255.0 / 65535.0;
++    } else if (img.depth() == CV_32F || img.depth() == CV_64F) {
++        alpha = 255.0;
++    }
++
++    img.convertTo(dst, outType, alpha);
++    return dst;
++}
++
+ Mat ImageConverter::str2mat(const string& s)
+ {
+     // Decode data
+@@ -157,5 +190,5 @@ Mat ImageConverter::str2mat(const string& s)
+ 
+     cv::Mat img = cv::imdecode(data, IMREAD_UNCHANGED);
+   
+-    return img;
++    return ensure8U(img);
+ }
+diff --git a/node_modules/react-native-fast-opencv/cpp/ConvertImage.hpp b/node_modules/react-native-fast-opencv/cpp/ConvertImage.hpp
+index 79df697..9bd84f2 100644
+--- a/node_modules/react-native-fast-opencv/cpp/ConvertImage.hpp
++++ b/node_modules/react-native-fast-opencv/cpp/ConvertImage.hpp
+@@ -23,6 +23,8 @@ class ImageConverter {
+ public:
+     static cv::Mat str2mat(const string& imageBase64);
+     static string mat2str(const Mat& img, std::string &format);
++    /** 16-bit / float PNG 等非常规 depth 统一缩放到 8-bit，避免 matToBuffer(uint8) 误读 */
++    static cv::Mat ensure8U(const Mat& img);
+ 
+ private:
+     static std::string base64_encode(uchar const* bytesToEncode, unsigned int inLen);
+diff --git a/node_modules/react-native-fast-opencv/cpp/FOCV_Object.cpp b/node_modules/react-native-fast-opencv/cpp/FOCV_Object.cpp
+index e83166d..5d3268e 100644
+--- a/node_modules/react-native-fast-opencv/cpp/FOCV_Object.cpp
++++ b/node_modules/react-native-fast-opencv/cpp/FOCV_Object.cpp
+@@ -183,20 +183,20 @@ jsi::Object FOCV_Object::convertToJSI(jsi::Runtime& runtime, const jsi::Value* a
+ 
+     switch(hashString(objectType.c_str(), objectType.size())) {
+         case hashString("mat", 3): {
+-            auto mat = *FOCV_Storage::get<cv::Mat>(id);
++            const cv::Mat& stored = *FOCV_Storage::get<cv::Mat>(id);
+             std::string format = "jpeg";
+           
+             if(arguments[1].isString()) {
+               format = arguments[1].asString(runtime).utf8(runtime);
+             }
+ 
+-            mat.convertTo(mat, CV_8U);
++            const cv::Mat exportMat = ImageConverter::ensure8U(stored);
+           
+-            value.setProperty(runtime, "base64", jsi::String::createFromUtf8(runtime, ImageConverter::mat2str(mat, format)));
+-            value.setProperty(runtime, "size", jsi::Value(mat.size));
+-            value.setProperty(runtime, "cols", jsi::Value(mat.cols));
+-            value.setProperty(runtime, "rows", jsi::Value(mat.rows));
+-            value.setProperty(runtime, "type", jsi::Value(mat.type()));
++            value.setProperty(runtime, "base64", jsi::String::createFromUtf8(runtime, ImageConverter::mat2str(exportMat, format)));
++            value.setProperty(runtime, "size", jsi::Value(stored.size));
++            value.setProperty(runtime, "cols", jsi::Value(stored.cols));
++            value.setProperty(runtime, "rows", jsi::Value(stored.rows));
++            value.setProperty(runtime, "type", jsi::Value(stored.type()));
+         } break;
+         case hashString("mat_vector", 10): {
+             auto mats = *FOCV_Storage::get<std::vector<cv::Mat>>(id);
+diff --git a/node_modules/react-native-fast-opencv/cpp/react-native-fast-opencv.cpp b/node_modules/react-native-fast-opencv/cpp/react-native-fast-opencv.cpp
+index f0186e5..1289d57 100644
+--- a/node_modules/react-native-fast-opencv/cpp/react-native-fast-opencv.cpp
++++ b/node_modules/react-native-fast-opencv/cpp/react-native-fast-opencv.cpp
+@@ -160,7 +160,8 @@ jsi::Value OpenCVPlugin::get(jsi::Runtime& runtime, const jsi::PropNameID& propN
+               size_t count) -> jsi::Object {
+ 
+                 auto id = FOCV_JsiObject::id_from_wrap(runtime, arguments[0]);
+-                auto mat = *FOCV_Storage::get<cv::Mat>(id);
++                const cv::Mat& stored = *FOCV_Storage::get<cv::Mat>(id);
++                cv::Mat mat = stored.isContinuous() ? stored : stored.clone();
+ 
+                 jsi::Object value(runtime);
+ 
+@@ -169,6 +170,11 @@ jsi::Value OpenCVPlugin::get(jsi::Runtime& runtime, const jsi::PropNameID& propN
+                 value.setProperty(runtime, "channels", jsi::Value(mat.channels()));
+ 
+                 auto type = arguments[1].asString(runtime).utf8(runtime);
++
++                if(type == "uint8" && mat.depth() != CV_8U) {
++                  mat = ImageConverter::ensure8U(mat);
++                }
++
+                 auto size = mat.cols * mat.rows * mat.channels();
+ 
+                 if(type == "uint8") {