@symbiote-native/image 0.0.0-stage → 0.0.0

package/build-ngc/core/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/core/constants.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAE/F,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE7C,qEAAqE;AACrE,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC"}

package/build-ngc/core/hash-strings.d.ts

@@ -0,0 +1,5 @@
+import type { IImageSource } from './types';
+/** `blurhash:/<hash>/<width>/<height>` or `<hash>/<width>/<height>` */
+export declare function resolveBlurhashString(str: string): IImageSource;
+/** `thumbhash:/<hash>` or `<hash>` */
+export declare function resolveThumbhashString(str: string): IImageSource;

package/build-ngc/core/hash-strings.js

@@ -0,0 +1,21 @@
+const DEFAULT_HASH_SIZE = 16;
+function hashToUri(type, hash) {
+    const encoded = encodeURI(hash).replace(/#/g, '%23').replace(/\?/g, '%3F');
+    return `${type}:/${encoded}`;
+}
+/** `blurhash:/<hash>/<width>/<height>` or `<hash>/<width>/<height>` */
+export function resolveBlurhashString(str) {
+    const [hash = '', width = '', height = ''] = str.replace(/^blurhash:\//, '').split('/');
+    return {
+        uri: hashToUri('blurhash', hash),
+        width: parseInt(width, 10) || DEFAULT_HASH_SIZE,
+        height: parseInt(height, 10) || DEFAULT_HASH_SIZE,
+    };
+}
+/** `thumbhash:/<hash>` or `<hash>` */
+export function resolveThumbhashString(str) {
+    // A slash at the start of the hash would break the uri path
+    const hash = str.replace(/^thumbhash:\//, '').replace(/\//g, '\\');
+    return { uri: hashToUri('thumbhash', hash) };
+}
+//# sourceMappingURL=hash-strings.js.map

package/build-ngc/core/hash-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-strings.js","sourceRoot":"","sources":["../../src/core/hash-strings.ts"],"names":[],"mappings":"AAIA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,SAAS,SAAS,CAAC,IAAoB,EAAE,IAAY;IACnD,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3E,OAAO,GAAG,IAAI,KAAK,OAAO,EAAE,CAAC;AAC/B,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAC/C,MAAM,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACxF,OAAO;QACL,GAAG,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC;QAChC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,iBAAiB;QAC/C,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,iBAAiB;KAClD,CAAC;AACJ,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,sBAAsB,CAAC,GAAW;IAChD,4DAA4D;IAC5D,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACnE,OAAO,EAAE,GAAG,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC;AAC/C,CAAC"}

package/build-ngc/core/image-api.d.ts

@@ -0,0 +1,18 @@
+import type { IImageCacheConfig, IImageLoadOptions, IImagePrefetchOptions, IImageSource, ImageRef } from './types';
+type IPrefetchOptions = IImagePrefetchOptions['cachePolicy'] | IImagePrefetchOptions;
+/** The caching policy as a string, or with request headers as an object */
+export declare function prefetchImages(urls: string | string[], options?: IPrefetchOptions): Promise<boolean>;
+export declare const clearMemoryCache: () => Promise<boolean>;
+export declare const clearDiskCache: () => Promise<boolean>;
+export declare const getCachePathAsync: (cacheKey: string) => Promise<string | null>;
+export declare const writeToCacheAsync: (source: string | ImageRef, cacheKey: string) => Promise<void>;
+export declare const readFromCacheAsync: (cacheKey: string) => Promise<ImageRef | null>;
+export declare const configureCache: (config: IImageCacheConfig) => void;
+export declare const generateBlurhashAsync: (source: string | ImageRef, numberOfComponents: [number, number] | {
+    width: number;
+    height: number;
+}) => Promise<string | null>;
+export declare const generateThumbhashAsync: (source: string | ImageRef) => Promise<string>;
+/** Loads the image into a native `ImageRef`, the caller releases it */
+export declare function loadImageAsync(source: IImageSource | string | number, options?: IImageLoadOptions): Promise<ImageRef>;
+export {};

package/build-ngc/core/image-api.js

@@ -0,0 +1,31 @@
+import { toNativeColor } from './native-style';
+import { expoImage } from './native-module';
+import { resolveSource } from './sources';
+const DEFAULT_CACHE_POLICY = 'memory-disk';
+/** The caching policy as a string, or with request headers as an object */
+export function prefetchImages(urls, options) {
+    const { cachePolicy = DEFAULT_CACHE_POLICY, headers } = typeof options === 'string' ? { cachePolicy: options } : (options ?? {});
+    return expoImage.prefetch(Array.isArray(urls) ? urls : [urls], cachePolicy, headers);
+}
+export const clearMemoryCache = () => expoImage.clearMemoryCache();
+export const clearDiskCache = () => expoImage.clearDiskCache();
+export const getCachePathAsync = (cacheKey) => expoImage.getCachePathAsync(cacheKey);
+export const writeToCacheAsync = (source, cacheKey) => expoImage.writeToCacheAsync(source, cacheKey);
+export const readFromCacheAsync = (cacheKey) => expoImage.readFromCacheAsync(cacheKey);
+export const configureCache = (config) => expoImage.configureCache(config);
+export const generateBlurhashAsync = (source, numberOfComponents) => expoImage.generateBlurhashAsync(source, numberOfComponents);
+export const generateThumbhashAsync = (source) => expoImage.generateThumbhashAsync(source);
+/** Loads the image into a native `ImageRef`, the caller releases it */
+export async function loadImageAsync(source, options = {}) {
+    const resolved = resolveSource(source);
+    if (!resolved) {
+        throw new Error('[expo-image]: the image source could not be resolved');
+    }
+    const { maxWidth, maxHeight, tintColor } = options;
+    return expoImage.loadAsync(resolved, {
+        maxWidth,
+        maxHeight,
+        tintColor: toNativeColor(tintColor),
+    });
+}
+//# sourceMappingURL=image-api.js.map

package/build-ngc/core/image-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-api.js","sourceRoot":"","sources":["../../src/core/image-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAS1C,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAI3C,2EAA2E;AAC3E,MAAM,UAAU,cAAc,CAC5B,IAAuB,EACvB,OAA0B;IAE1B,MAAM,EAAE,WAAW,GAAG,oBAAoB,EAAE,OAAO,EAAE,GACnD,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IAC3E,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAqB,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAA0B,EAAE,CAC5E,SAAS,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAyB,EACzB,QAAgB,EACD,EAAE,CAAC,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAA4B,EAAE,CAC/E,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAyB,EAAQ,EAAE,CAChE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,MAAyB,EACzB,kBAAwE,EAChD,EAAE,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAyB,EAAmB,EAAE,CACnF,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAE3C,uEAAuE;AACvE,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,MAAsC,EACtC,UAA6B,EAAE;IAE/B,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IACnD,OAAO,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE;QACnC,QAAQ;QACR,SAAS;QACT,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC;KACpC,CAAC,CAAC;AACL,CAAC"}

package/build-ngc/core/image-background.d.ts

@@ -0,0 +1,11 @@
+import type { IDescriptor } from '@symbiote-native/components';
+import type { IStyleProp } from '@symbiote-native/engine';
+import type { IImageStyle, IImageViewProps } from './types';
+export type IImageBackgroundProps = IImageViewProps & {
+    /** Style of the image itself, `style` goes to the wrapping view */
+    imageStyle?: IStyleProp<IImageStyle>;
+    /** Goes to the wrapping view, as `style` does */
+    className?: string;
+};
+/** A view with an image filling it, the children of the app go after this descriptor */
+export declare function renderImageBackground(props: IImageBackgroundProps): IDescriptor;

package/build-ngc/core/image-background.js

@@ -0,0 +1,27 @@
+import { el } from '@symbiote-native/components';
+import { createImageView } from './image-view';
+const CLASS_KEYS = new Set(['className', 'class']);
+function isClassEntry([key]) {
+    return CLASS_KEYS.has(key);
+}
+const ABSOLUTE_FILL = {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+};
+// The background image has no handle, so nobody asks it for a host node
+const backgroundImage = createImageView(() => null);
+/** A view with an image filling it, the children of the app go after this descriptor */
+export function renderImageBackground(props) {
+    const { style, imageStyle, ...rest } = props;
+    const entries = Object.entries(rest);
+    const image = backgroundImage.render({
+        ...Object.fromEntries(entries.filter(entry => !isClassEntry(entry))),
+        style: [ABSOLUTE_FILL, imageStyle],
+    });
+    const viewClass = Object.fromEntries(entries.filter(isClassEntry));
+    return el('view', { style, ...viewClass }, image ? [image] : []);
+}
+//# sourceMappingURL=image-background.js.map

package/build-ngc/core/image-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-background.js","sourceRoot":"","sources":["../../src/core/image-background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAGjD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAW/C,MAAM,UAAU,GAAwB,IAAI,GAAG,CAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AAEnF,SAAS,YAAY,CAAC,CAAC,GAAG,CAAoB;IAC5C,OAAO,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,aAAa,GAAG;IACpB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACqB,CAAC;AAEjC,wEAAwE;AACxE,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;AAEpD,wFAAwF;AACxF,MAAM,UAAU,qBAAqB,CAAC,KAA4B;IAChE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC;QACnC,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,KAAK,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC;KACnC,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACnE,CAAC"}

package/build-ngc/core/image-loader.d.ts

@@ -0,0 +1,20 @@
+import type { IImageLoadOptions, IImageSource } from './types';
+export type IImageLoaderConfig<TImage extends {
+    release(): void;
+}> = {
+    load(source: IImageSource | string | number, options: IImageLoadOptions): Promise<TImage>;
+    /** Called with each image that finished loading */
+    onImage(image: TImage): void;
+    /** Read at the time of a failure, so the latest callback wins */
+    getOptions(): IImageLoadOptions;
+};
+export type IImageLoader = {
+    /** Starts a load and drops the result of the one before */
+    load(source: IImageSource | string | number): void;
+    /** Drops a load in flight and releases the image loaded last */
+    cancel(): void;
+};
+/** What a `useImage` hook drives with its own lifecycle */
+export declare function createImageLoader<TImage extends {
+    release(): void;
+}>(config: IImageLoaderConfig<TImage>): IImageLoader;

package/build-ngc/core/image-loader.js

@@ -0,0 +1,43 @@
+/** What a `useImage` hook drives with its own lifecycle */
+export function createImageLoader(config) {
+    let token = 0;
+    let loaded = null;
+    function release() {
+        loaded?.release();
+        loaded = null;
+    }
+    function fail(source, error, retry) {
+        const { onError } = config.getOptions();
+        if (onError) {
+            onError(error instanceof Error ? error : new Error(String(error)), retry);
+            return;
+        }
+        console.error(`Loading an image from '${JSON.stringify(source)}' failed, use 'onError' to handle errors`);
+        console.error(error);
+    }
+    function load(source) {
+        release();
+        token += 1;
+        const mine = token;
+        config
+            .load(source, config.getOptions())
+            .then(image => {
+            if (mine !== token)
+                return;
+            loaded = image;
+            config.onImage(image);
+        })
+            .catch((error) => {
+            if (mine === token)
+                fail(source, error, () => load(source));
+        });
+    }
+    return {
+        load,
+        cancel: () => {
+            token += 1;
+            release();
+        },
+    };
+}
+//# sourceMappingURL=image-loader.js.map

package/build-ngc/core/image-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-loader.js","sourceRoot":"","sources":["../../src/core/image-loader.ts"],"names":[],"mappings":"AAiBA,2DAA2D;AAC3D,MAAM,UAAU,iBAAiB,CAC/B,MAAkC;IAElC,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,MAAM,GAAkB,IAAI,CAAC;IAEjC,SAAS,OAAO;QACd,MAAM,EAAE,OAAO,EAAE,CAAC;QAClB,MAAM,GAAG,IAAI,CAAC;IAChB,CAAC;IAED,SAAS,IAAI,CAAC,MAAsC,EAAE,KAAc,EAAE,KAAiB;QACrF,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QACD,OAAO,CAAC,KAAK,CACX,0BAA0B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,0CAA0C,CAC3F,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,SAAS,IAAI,CAAC,MAAsC;QAClD,OAAO,EAAE,CAAC;QACV,KAAK,IAAI,CAAC,CAAC;QACX,MAAM,IAAI,GAAG,KAAK,CAAC;QACnB,MAAM;aACH,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;aACjC,IAAI,CAAC,KAAK,CAAC,EAAE;YACZ,IAAI,IAAI,KAAK,KAAK;gBAAE,OAAO;YAC3B,MAAM,GAAG,KAAK,CAAC;YACf,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAc,EAAE,EAAE;YACxB,IAAI,IAAI,KAAK,KAAK;gBAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO;QACL,IAAI;QACJ,MAAM,EAAE,GAAG,EAAE;YACX,KAAK,IAAI,CAAC,CAAC;YACX,OAAO,EAAE,CAAC;QACZ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/build-ngc/core/image-ref-loader.d.ts

@@ -0,0 +1,4 @@
+import type { IImageLoader } from './image-loader';
+import type { IImageLoadOptions, ImageRef } from './types';
+/** The loader every `useImage` hook drives, `getOptions` is read at each load and failure */
+export declare function createImageRefLoader(onImage: (image: ImageRef) => void, getOptions: () => IImageLoadOptions): IImageLoader;

package/build-ngc/core/image-ref-loader.js

@@ -0,0 +1,11 @@
+import { loadImageAsync } from './image-api';
+import { createImageLoader } from './image-loader';
+/** The loader every `useImage` hook drives, `getOptions` is read at each load and failure */
+export function createImageRefLoader(onImage, getOptions) {
+    return createImageLoader({
+        load: loadImageAsync,
+        onImage,
+        getOptions,
+    });
+}
+//# sourceMappingURL=image-ref-loader.js.map

package/build-ngc/core/image-ref-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-ref-loader.js","sourceRoot":"","sources":["../../src/core/image-ref-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAInD,6FAA6F;AAC7F,MAAM,UAAU,oBAAoB,CAClC,OAAkC,EAClC,UAAmC;IAEnC,OAAO,iBAAiB,CAAW;QACjC,IAAI,EAAE,cAAc;QACpB,OAAO;QACP,UAAU;KACX,CAAC,CAAC;AACL,CAAC"}

package/build-ngc/core/image-view-events.d.ts

@@ -0,0 +1,9 @@
+import type { ISymbioteEvent } from '@symbiote-native/engine';
+import type { IImageViewProps } from './types';
+/** The native payload sits in `nativeEvent`, callbacks get it as the event itself */
+export declare function toImageEvents(props: IImageViewProps): {
+    onLoadStart: () => void | undefined;
+    onLoad: (event: ISymbioteEvent) => void;
+    onProgress: (event: ISymbioteEvent) => void;
+    onError: (event: ISymbioteEvent) => void;
+};

package/build-ngc/core/image-view-events.js

@@ -0,0 +1,33 @@
+function field(value, key) {
+    return Reflect.get(Object(value), key);
+}
+function isLoad(value) {
+    return typeof field(value, 'cacheType') === 'string' && typeof field(value, 'source') === 'object';
+}
+function isProgress(value) {
+    return typeof field(value, 'loaded') === 'number' && typeof field(value, 'total') === 'number';
+}
+function isError(value) {
+    return typeof field(value, 'error') === 'string';
+}
+/** The native payload sits in `nativeEvent`, callbacks get it as the event itself */
+export function toImageEvents(props) {
+    return {
+        onLoadStart: () => props.onLoadStart?.(),
+        onLoad: (event) => {
+            if (isLoad(event.nativeEvent))
+                props.onLoad?.(event.nativeEvent);
+            props.onLoadEnd?.();
+        },
+        onProgress: (event) => {
+            if (isProgress(event.nativeEvent))
+                props.onProgress?.(event.nativeEvent);
+        },
+        onError: (event) => {
+            if (isError(event.nativeEvent))
+                props.onError?.(event.nativeEvent);
+            props.onLoadEnd?.();
+        },
+    };
+}
+//# sourceMappingURL=image-view-events.js.map

package/build-ngc/core/image-view-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view-events.js","sourceRoot":"","sources":["../../src/core/image-view-events.ts"],"names":[],"mappings":"AAQA,SAAS,KAAK,CAAC,KAAc,EAAE,GAAW;IACxC,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,SAAS,MAAM,CAAC,KAAc;IAC5B,OAAO,OAAO,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,QAAQ,CAAC;AACrG,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ,CAAC;AACjG,CAAC;AAED,SAAS,OAAO,CAAC,KAAc;IAC7B,OAAO,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ,CAAC;AACnD,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,aAAa,CAAC,KAAsB;IAClD,OAAO;QACL,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE;QACxC,MAAM,EAAE,CAAC,KAAqB,EAAE,EAAE;YAChC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;gBAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACjE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;QACtB,CAAC;QACD,UAAU,EAAE,CAAC,KAAqB,EAAE,EAAE;YACpC,IAAI,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC;gBAAE,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC3E,CAAC;QACD,OAAO,EAAE,CAAC,KAAqB,EAAE,EAAE;YACjC,IAAI,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC;gBAAE,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACnE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;QACtB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/build-ngc/core/image-view.d.ts

@@ -0,0 +1,14 @@
+import type { IDescriptor } from '@symbiote-native/components';
+import type { ISymbioteNode } from '@symbiote-native/engine';
+import type { IImageViewHandle, IImageViewProps } from './types';
+export declare const imageViewName: () => string;
+export declare const ensureImageViewRegistered: () => boolean;
+export type IImageView = {
+    handle: IImageViewHandle;
+    /** `null` means the view cannot register and the caller renders nothing */
+    render(props: IImageViewProps): IDescriptor | null;
+};
+type IGetNode = () => ISymbioteNode | null | undefined;
+/** One per mounted view, `getNode` answers the host node once it exists */
+export declare function createImageView(getNode: IGetNode): IImageView;
+export {};

package/build-ngc/core/image-view.js

@@ -0,0 +1,112 @@
+import { requireNativeModule, requireNativeViewManager } from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import { defineExpoNativeView, defineExpoViewMethods, getNativeTag, isDevBuild, styleOfProps, } from '@symbiote-native/engine';
+import { IMAGE_MODULE_NAME, SF_SYMBOL_PREFIX } from './constants';
+import { toImageEvents } from './image-view-events';
+import { nativeColorProps, platformStyle, splitImageStyle, toNativeColor, } from './native-style';
+import { resolveContentFit, resolveContentPosition, resolveSfEffect, resolveTransition, warnOnce, } from './props';
+import { resolveSources } from './sources';
+// Registered on render: a barrel side effect is lost in a release build
+const imageView = defineExpoNativeView(requireNativeViewManager, IMAGE_MODULE_NAME);
+const callViewFunction = defineExpoViewMethods(requireNativeModule, IMAGE_MODULE_NAME);
+export const imageViewName = imageView.name;
+export const ensureImageViewRegistered = imageView.ensureRegistered;
+// Props the view reads itself and native has no use for
+const OWN_PROPS = [
+    'style',
+    'source',
+    'placeholder',
+    'contentFit',
+    'contentPosition',
+    'transition',
+    'fadeDuration',
+    'resizeMode',
+    'defaultSource',
+    'loadingIndicatorSource',
+    'sfEffect',
+    'alt',
+];
+function hasSfSymbol(sources) {
+    return (Array.isArray(sources) &&
+        sources.some(source => source.uri?.startsWith(`${SF_SYMBOL_PREFIX}/`)));
+}
+function withoutOwnProps(props) {
+    const own = OWN_PROPS;
+    return Object.fromEntries(Object.entries(props).filter(([key]) => !own.includes(key)));
+}
+function placeholderOf(props) {
+    const { defaultSource, loadingIndicatorSource } = props;
+    if (defaultSource || loadingIndicatorSource) {
+        warnOnce('`defaultSource` and `loadingIndicatorSource` props are deprecated, use `placeholder`');
+    }
+    return resolveSources(props.placeholder ?? defaultSource ?? loadingIndicatorSource);
+}
+// For an SF Symbol `fontSize` sizes both the symbol and its container
+function symbolProps(parts, isSfSymbol) {
+    if (!isSfSymbol)
+        return { symbolWeight: null, symbolSize: null };
+    const { fontWeight, fontSize } = parts;
+    return {
+        symbolWeight: fontWeight === undefined ? null : String(fontWeight),
+        symbolSize: fontSize || null,
+    };
+}
+function sizedStyle(parts, isSfSymbol) {
+    const { fontSize, rest } = parts;
+    return isSfSymbol && fontSize ? { width: fontSize, height: fontSize, ...rest } : rest;
+}
+function nativeProps(props) {
+    const parts = splitImageStyle(styleOfProps(props));
+    const source = resolveSources(props.source);
+    const isSfSymbol = hasSfSymbol(source);
+    const sized = sizedStyle(parts, isSfSymbol);
+    const style = platformStyle(sized);
+    const symbolColor = isSfSymbol ? parts.color : undefined;
+    return {
+        ...withoutOwnProps(props),
+        ...style,
+        accessibilityLabel: props.accessibilityLabel ?? props.alt,
+        style,
+        source,
+        placeholder: placeholderOf(props),
+        contentFit: resolveContentFit(props.contentFit, props.resizeMode ?? parts.resizeMode, isSfSymbol),
+        contentPosition: resolveContentPosition(props.contentPosition),
+        transition: resolveTransition(props.transition, props.fadeDuration),
+        sfEffect: resolveSfEffect(props.sfEffect),
+        ...symbolProps(parts, isSfSymbol),
+        ...nativeColorProps(sized),
+        tintColor: toNativeColor(props.tintColor || symbolColor || style.tintColor),
+        ...toImageEvents(props),
+    };
+}
+function createImageViewHandle(getNode) {
+    // Like upstream's `ref.current?.`, a view that has not committed yet answers nothing
+    async function call(method) {
+        const node = getNode();
+        if (!node || getNativeTag(node) === undefined)
+            return;
+        await callViewFunction(node, method, []);
+    }
+    return {
+        startAnimating: () => call('startAnimating'),
+        stopAnimating: () => call('stopAnimating'),
+        lockResourceAsync: () => call('lockResourceAsync'),
+        unlockResourceAsync: () => call('unlockResourceAsync'),
+        reloadAsync: () => call('reloadAsync'),
+    };
+}
+/** One per mounted view, `getNode` answers the host node once it exists */
+export function createImageView(getNode) {
+    return {
+        handle: createImageViewHandle(getNode),
+        render: props => {
+            if (!ensureImageViewRegistered()) {
+                if (isDevBuild())
+                    console.warn("'Image' is not available.");
+                return null;
+            }
+            return el(imageViewName(), nativeProps(props));
+        },
+    };
+}
+//# sourceMappingURL=image-view.js.map

package/build-ngc/core/image-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../src/core/image-view.ts"],"names":[],"mappings":"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"}

package/build-ngc/core/index.d.ts

@@ -0,0 +1,10 @@
+export { IMAGE_MODULE_NAME } from './constants';
+export { clearDiskCache, clearMemoryCache, configureCache, generateBlurhashAsync, generateThumbhashAsync, getCachePathAsync, loadImageAsync, prefetchImages, readFromCacheAsync, writeToCacheAsync, } from './image-api';
+export { renderImageBackground } from './image-background';
+export type { IImageBackgroundProps } from './image-background';
+export { createImageRefLoader } from './image-ref-loader';
+export { createImageLoader } from './image-loader';
+export type { IImageLoader, IImageLoaderConfig } from './image-loader';
+export { createImageView, ensureImageViewRegistered, imageViewName, type IImageView, } from './image-view';
+export { isImageRef, resolveSource, resolveSources } from './sources';
+export type { IImageCacheConfig, IImageContentFit, IImageContentPosition, IImageContentPositionObject, IImageContentPositionString, IImageContentPositionValue, IImageDecodeFormat, IImageErrorEventData, IImageLoadEventData, IImageLoadOptions, IImagePrefetchOptions, IImageProgressEventData, IImageResizeMode, IImageSource, IImageSources, IImageStyle, IImageTransition, IImageViewHandle, IImageViewProps, ISfSymbolEffect, ISfSymbolEffectObject, ISfSymbolEffectType, ImageRef, } from './types';

package/build-ngc/core/index.js

@@ -0,0 +1,8 @@
+export { IMAGE_MODULE_NAME } from './constants';
+export { clearDiskCache, clearMemoryCache, configureCache, generateBlurhashAsync, generateThumbhashAsync, getCachePathAsync, loadImageAsync, prefetchImages, readFromCacheAsync, writeToCacheAsync, } from './image-api';
+export { renderImageBackground } from './image-background';
+export { createImageRefLoader } from './image-ref-loader';
+export { createImageLoader } from './image-loader';
+export { createImageView, ensureImageViewRegistered, imageViewName, } from './image-view';
+export { isImageRef, resolveSource, resolveSources } from './sources';
+//# sourceMappingURL=index.js.map

package/build-ngc/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,aAAa,GAEd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/build-ngc/core/native-module.d.ts

@@ -0,0 +1,27 @@
+import type { EventSubscription } from 'expo-modules-core';
+import type { IImageCacheConfig, IImageLoadOptions, IImagePrefetchOptions, IImageSource, ImageRef } from './types';
+export type INativeImageModule = {
+    Image: typeof ImageRef;
+    loadAsync(source: IImageSource, options?: Omit<IImageLoadOptions, 'onError' | 'tintColor'> & {
+        /** What `processColor` answers */
+        tintColor?: unknown;
+    }): Promise<ImageRef>;
+    prefetch(urls: string[], cachePolicy: IImagePrefetchOptions['cachePolicy'], headers?: Record<string, string>): Promise<boolean>;
+    clearMemoryCache(): Promise<boolean>;
+    clearDiskCache(): Promise<boolean>;
+    configureCache(config: IImageCacheConfig): void;
+    getCachePathAsync(cacheKey: string): Promise<string | null>;
+    writeToCacheAsync(source: string | ImageRef, cacheKey: string): Promise<void>;
+    readFromCacheAsync(cacheKey: string): Promise<ImageRef | null>;
+    generateBlurhashAsync(source: string | ImageRef, numberOfComponents: [number, number] | {
+        width: number;
+        height: number;
+    }): Promise<string | null>;
+    generateThumbhashAsync(source: string | ImageRef): Promise<string>;
+    addListener(eventName: string, listener: (event: {
+        url: string;
+        width: number;
+        height: number;
+    }) => void): EventSubscription;
+};
+export declare const expoImage: INativeImageModule;

package/build-ngc/core/native-module.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo-modules-core';
+import { IMAGE_MODULE_NAME } from './constants';
+export const expoImage = requireNativeModule(IMAGE_MODULE_NAME);
+//# sourceMappingURL=native-module.js.map

package/build-ngc/core/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAwChD,MAAM,CAAC,MAAM,SAAS,GAAG,mBAAmB,CAC1C,iBAAiB,CAClB,CAAC"}

package/build-ngc/core/native-style.d.ts

@@ -0,0 +1,19 @@
+import type { IImageResizeMode } from './types';
+type IStyleBag = Record<string, unknown>;
+export type IImageStyleParts = {
+    resizeMode?: IImageResizeMode;
+    fontWeight?: string | number;
+    fontSize?: number;
+    color?: unknown;
+    /** What is left once the text-like keys are taken out */
+    rest: IStyleBag;
+};
+/** An Expo view has no attribute processor for colors, so they go through here */
+export declare function toNativeColor(value: unknown): unknown;
+/** `resizeMode` and the SF Symbol keys are props to native, not style */
+export declare function splitImageStyle(style: unknown): IImageStyleParts;
+/** Android shadows by `elevation` and paints the background itself, iOS by `shadow*` */
+export declare function platformStyle(style: IStyleBag): IStyleBag;
+/** `backgroundColor` and the border colors in the form native reads */
+export declare function nativeColorProps(style: IStyleBag): IStyleBag;
+export {};

package/build-ngc/core/native-style.js

@@ -0,0 +1,63 @@
+import { Platform } from 'expo-modules-core';
+import { flattenStyle, processColor } from '@symbiote-native/engine';
+const SHADOW_KEYS = [
+    'shadowColor',
+    'shadowOffset',
+    'shadowOpacity',
+    'shadowRadius',
+];
+const BORDER_COLOR_KEYS = [
+    'borderColor',
+    'borderStartColor',
+    'borderEndColor',
+    'borderLeftColor',
+    'borderRightColor',
+    'borderTopColor',
+    'borderBottomColor',
+];
+const RESIZE_MODES = new Set([
+    'cover',
+    'contain',
+    'stretch',
+    'repeat',
+    'center',
+]);
+function isResizeMode(value) {
+    return RESIZE_MODES.has(value);
+}
+function isColorValue(value) {
+    return (typeof value === 'string' ||
+        typeof value === 'number' ||
+        (typeof value === 'object' && value !== null));
+}
+/** An Expo view has no attribute processor for colors, so they go through here */
+export function toNativeColor(value) {
+    return isColorValue(value) ? processColor(value) : undefined;
+}
+/** `resizeMode` and the SF Symbol keys are props to native, not style */
+export function splitImageStyle(style) {
+    const { resizeMode, fontWeight, fontSize, color, ...rest } = flattenStyle(style);
+    const isWeight = typeof fontWeight === 'string' || typeof fontWeight === 'number';
+    return {
+        resizeMode: isResizeMode(resizeMode) ? resizeMode : undefined,
+        fontWeight: isWeight ? fontWeight : undefined,
+        fontSize: typeof fontSize === 'number' ? fontSize : undefined,
+        color,
+        rest,
+    };
+}
+function without(bag, keys) {
+    return Object.fromEntries(Object.entries(bag).filter(([key]) => !keys.includes(key)));
+}
+/** Android shadows by `elevation` and paints the background itself, iOS by `shadow*` */
+export function platformStyle(style) {
+    return Platform.select({
+        android: without(style, [...SHADOW_KEYS, 'backgroundColor']),
+        default: without(style, ['elevation']),
+    });
+}
+/** `backgroundColor` and the border colors in the form native reads */
+export function nativeColorProps(style) {
+    return Object.fromEntries(['backgroundColor', ...BORDER_COLOR_KEYS].map(key => [key, toNativeColor(style[key])]));
+}
+//# sourceMappingURL=native-style.js.map

package/build-ngc/core/native-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-style.js","sourceRoot":"","sources":["../../src/core/native-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMrE,MAAM,WAAW,GAAG;IAClB,aAAa;IACb,cAAc;IACd,eAAe;IACf,cAAc;CACkC,CAAC;AAEnD,MAAM,iBAAiB,GAAG;IACxB,aAAa;IACb,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;CAC6B,CAAC;AAEnD,MAAM,YAAY,GAAG,IAAI,GAAG,CAAU;IACpC,OAAO;IACP,SAAS;IACT,SAAS;IACT,QAAQ;IACR,QAAQ;CACsC,CAAC,CAAC;AAWlD,SAAS,YAAY,CAAC,KAAc;IAClC,OAAO,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,QAAQ;QACzB,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAC9C,CAAC;AACJ,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,aAAa,CAAC,KAAc;IAC1C,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/D,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,eAAe,CAAC,KAAc;IAC5C,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACjF,MAAM,QAAQ,GAAG,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,QAAQ,CAAC;IAClF,OAAO;QACL,UAAU,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC7D,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC7C,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAC7D,KAAK;QACL,IAAI;KACL,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,GAAc,EAAE,IAAuB;IACtD,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACxF,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,aAAa,CAAC,KAAgB;IAC5C,OAAO,QAAQ,CAAC,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,WAAW,EAAE,iBAAiB,CAAC,CAAC;QAC5D,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC;KACvC,CAAC,CAAC;AACL,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,MAAM,CAAC,WAAW,CACvB,CAAC,iBAAiB,EAAE,GAAG,iBAAiB,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvF,CAAC;AACJ,CAAC"}

package/build-ngc/core/props.d.ts

@@ -0,0 +1,11 @@
+import type { IImageContentFit, IImageContentPosition, IImageContentPositionObject, IImageResizeMode, IImageTransition, IImageViewProps, ISfSymbolEffectObject } from './types';
+export declare function warnOnce(message: string): void;
+export declare function resetDeprecationWarnings(): void;
+/** An SF Symbol defaults to `contain` to keep its aspect ratio */
+export declare function resolveContentFit(contentFit?: IImageContentFit, resizeMode?: IImageResizeMode, isSfSymbol?: boolean): IImageContentFit;
+/** Native reads only the two-edge object form */
+export declare function resolveContentPosition(contentPosition?: IImageContentPosition): IImageContentPositionObject;
+/** Every form of `sfEffect` becomes a list of effect objects */
+export declare function resolveSfEffect(sfEffect: IImageViewProps['sfEffect']): ISfSymbolEffectObject[] | null;
+/** A number is the duration of a cross dissolve */
+export declare function resolveTransition(transition?: IImageViewProps['transition'], fadeDuration?: IImageViewProps['fadeDuration']): IImageTransition | null;