canvu-react 0.4.48 → 0.4.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/native.cjs +12 -3
- package/dist/native.cjs.map +1 -1
- package/dist/native.js +12 -3
- package/dist/native.js.map +1 -1
- package/package.json +1 -1
package/dist/native.js
CHANGED
|
@@ -2102,6 +2102,14 @@ async function loadSkiaImageFromHref(href) {
|
|
|
2102
2102
|
var nativeSkiaImageCache = createNativeImageCache({
|
|
2103
2103
|
loadImage: loadSkiaImageFromHref
|
|
2104
2104
|
});
|
|
2105
|
+
function resolveNativeImageLoadingState(href, loadedImage) {
|
|
2106
|
+
if (loadedImage?.image) return loadedImage;
|
|
2107
|
+
return { href, image: null };
|
|
2108
|
+
}
|
|
2109
|
+
function resolveNativeImageRenderValue(href, loadedImage) {
|
|
2110
|
+
if (!href) return null;
|
|
2111
|
+
return loadedImage?.image ?? null;
|
|
2112
|
+
}
|
|
2105
2113
|
function useCachedSkiaImage(href) {
|
|
2106
2114
|
const [loadedImage, setLoadedImage] = useState(
|
|
2107
2115
|
() => href ? { href, image: nativeSkiaImageCache.getCached(href) } : null
|
|
@@ -2118,7 +2126,9 @@ function useCachedSkiaImage(href) {
|
|
|
2118
2126
|
return releaseImage;
|
|
2119
2127
|
}
|
|
2120
2128
|
let active = true;
|
|
2121
|
-
setLoadedImage(
|
|
2129
|
+
setLoadedImage(
|
|
2130
|
+
(currentLoadedImage) => resolveNativeImageLoadingState(href, currentLoadedImage)
|
|
2131
|
+
);
|
|
2122
2132
|
void nativeSkiaImageCache.load(href).then(
|
|
2123
2133
|
(loadedImage2) => {
|
|
2124
2134
|
if (active) setLoadedImage({ href, image: loadedImage2 });
|
|
@@ -2132,8 +2142,7 @@ function useCachedSkiaImage(href) {
|
|
|
2132
2142
|
releaseImage();
|
|
2133
2143
|
};
|
|
2134
2144
|
}, [href]);
|
|
2135
|
-
|
|
2136
|
-
return loadedImage.image;
|
|
2145
|
+
return resolveNativeImageRenderValue(href, loadedImage);
|
|
2137
2146
|
}
|
|
2138
2147
|
|
|
2139
2148
|
// src/native/skia-transform.ts
|