@symbiote-native/image 0.0.0-stage → 0.1.0

package/build-ngc/angular/image/index.js

@@ -0,0 +1,72 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet, NativeViewBase } from '@symbiote-native/angular';
+import { createImageView } from '../../core';
+import * as i0 from "@angular/core";
+// One list is the inputs of the component and the props it hands to the native view
+const IMAGE_INPUTS = [
+    'source',
+    'placeholder',
+    'contentFit',
+    'placeholderContentFit',
+    'contentPosition',
+    'transition',
+    'blurRadius',
+    'tintColor',
+    'priority',
+    'loading',
+    'cachePolicy',
+    'responsivePolicy',
+    'recyclingKey',
+    'autoplay',
+    'sfEffect',
+    'onLoadStart',
+    'onLoad',
+    'onProgress',
+    'onError',
+    'onLoadEnd',
+    'onDisplay',
+    'defaultSource',
+    'loadingIndicatorSource',
+    'resizeMode',
+    'fadeDuration',
+    'alt',
+    'enableLiveTextInteraction',
+    'allowDownscaling',
+    'decodeFormat',
+    'useAppleWebpCodec',
+    'enforceEarlyResizing',
+    'preferHighDynamicRange',
+    'draggable',
+];
+/** Angular twin of `expo-image`'s `Image`, `Image` itself is a primitive tag of the adapter */
+export class ExpoImage extends NativeViewBase {
+    view = createImageView(() => this.hostNode());
+    // The functions of the view are members of the component, a `@ViewChild` reaches them
+    startAnimating = this.view.handle.startAnimating;
+    stopAnimating = this.view.handle.stopAnimating;
+    lockResourceAsync = this.view.handle.lockResourceAsync;
+    unlockResourceAsync = this.view.handle.unlockResourceAsync;
+    reloadAsync = this.view.handle.reloadAsync;
+    propNames = IMAGE_INPUTS;
+    renderView(props) {
+        return this.view.render(props);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExpoImage, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ExpoImage, isStandalone: true, selector: "ExpoImage", inputs: { source: "source", placeholder: "placeholder", contentFit: "contentFit", placeholderContentFit: "placeholderContentFit", contentPosition: "contentPosition", transition: "transition", blurRadius: "blurRadius", tintColor: "tintColor", priority: "priority", loading: "loading", cachePolicy: "cachePolicy", responsivePolicy: "responsivePolicy", recyclingKey: "recyclingKey", autoplay: "autoplay", sfEffect: "sfEffect", onLoadStart: "onLoadStart", onLoad: "onLoad", onProgress: "onProgress", onError: "onError", onLoadEnd: "onLoadEnd", onDisplay: "onDisplay", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", resizeMode: "resizeMode", fadeDuration: "fadeDuration", alt: "alt", enableLiveTextInteraction: "enableLiveTextInteraction", allowDownscaling: "allowDownscaling", decodeFormat: "decodeFormat", useAppleWebpCodec: "useAppleWebpCodec", enforceEarlyResizing: "enforceEarlyResizing", preferHighDynamicRange: "preferHighDynamicRange", draggable: "draggable" }, usesInheritance: true, ngImport: i0, template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExpoImage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ExpoImage',
+                    standalone: true,
+                    imports: [DescriptorOutlet],
+                    inputs: [...IMAGE_INPUTS],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `@if (descriptor; as node) {
+    <symbiote-descriptor-outlet [node]="node" />
+  }`,
+                }]
+        }] });
+//# sourceMappingURL=index.js.map

package/build-ngc/angular/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/angular/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;;AAG7C,oFAAoF;AACpF,MAAM,YAAY,GAAG;IACnB,QAAQ;IACR,aAAa;IACb,YAAY;IACZ,uBAAuB;IACvB,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,UAAU;IACV,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,cAAc;IACd,UAAU;IACV,UAAU;IACV,aAAa;IACb,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,WAAW;IACX,WAAW;IACX,eAAe;IACf,wBAAwB;IACxB,YAAY;IACZ,cAAc;IACd,KAAK;IACL,2BAA2B;IAC3B,kBAAkB;IAClB,cAAc;IACd,mBAAmB;IACnB,sBAAsB;IACtB,wBAAwB;IACxB,WAAW;CACH,CAAC;AAOX,+FAA+F;AAW/F,MAAM,OAAO,SAAU,SAAQ,cAAc;IAI1B,IAAI,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE/D,sFAAsF;IAC7E,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;IACjD,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;IAC/C,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;IACvD,mBAAmB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAC3D,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;IAExB,SAAS,GAAG,YAAY,CAAC;IAElC,UAAU,CAAC,KAAa;QACzC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;uGAjBU,SAAS;2FAAT,SAAS,okCAJV;;IAER,4DALQ,gBAAgB;;2FAOf,SAAS;kBAVrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,MAAM,EAAE,CAAC,GAAG,YAAY,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;IAER;iBACH"}

package/build-ngc/angular/image-background/index.d.ts

@@ -0,0 +1,17 @@
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { IStyleProp } from '@symbiote-native/engine';
+import type { IImageBackgroundProps, IImageStyle } from '../../core';
+import * as i0 from "@angular/core";
+declare const IMAGE_BACKGROUND_INPUTS: readonly ["source", "placeholder", "contentFit", "placeholderContentFit", "contentPosition", "transition", "blurRadius", "tintColor", "priority", "loading", "cachePolicy", "responsivePolicy", "recyclingKey", "autoplay", "sfEffect", "onLoadStart", "onLoad", "onProgress", "onError", "onLoadEnd", "onDisplay", "defaultSource", "loadingIndicatorSource", "resizeMode", "fadeDuration", "alt", "enableLiveTextInteraction", "allowDownscaling", "decodeFormat", "useAppleWebpCodec", "enforceEarlyResizing", "preferHighDynamicRange", "draggable", "imageStyle"];
+export interface ExpoImageBackground extends Partial<Pick<IImageBackgroundProps, (typeof IMAGE_BACKGROUND_INPUTS)[number]>> {
+}
+/** Angular twin of `expo-image`'s `ImageBackground`, the content paints over the image */
+export declare class ExpoImageBackground extends NativeViewBase {
+    style?: IStyleProp<IImageStyle>;
+    protected readonly propNames: readonly ["source", "placeholder", "contentFit", "placeholderContentFit", "contentPosition", "transition", "blurRadius", "tintColor", "priority", "loading", "cachePolicy", "responsivePolicy", "recyclingKey", "autoplay", "sfEffect", "onLoadStart", "onLoad", "onProgress", "onError", "onLoadEnd", "onDisplay", "defaultSource", "loadingIndicatorSource", "resizeMode", "fadeDuration", "alt", "enableLiveTextInteraction", "allowDownscaling", "decodeFormat", "useAppleWebpCodec", "enforceEarlyResizing", "preferHighDynamicRange", "draggable", "imageStyle"];
+    protected renderView(props: object): IDescriptor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpoImageBackground, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpoImageBackground, "ExpoImageBackground", never, { "source": { "alias": "source"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "contentFit": { "alias": "contentFit"; "required": false; }; "placeholderContentFit": { "alias": "placeholderContentFit"; "required": false; }; "contentPosition": { "alias": "contentPosition"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "cachePolicy": { "alias": "cachePolicy"; "required": false; }; "responsivePolicy": { "alias": "responsivePolicy"; "required": false; }; "recyclingKey": { "alias": "recyclingKey"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "sfEffect": { "alias": "sfEffect"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onDisplay": { "alias": "onDisplay"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "enableLiveTextInteraction": { "alias": "enableLiveTextInteraction"; "required": false; }; "allowDownscaling": { "alias": "allowDownscaling"; "required": false; }; "decodeFormat": { "alias": "decodeFormat"; "required": false; }; "useAppleWebpCodec": { "alias": "useAppleWebpCodec"; "required": false; }; "enforceEarlyResizing": { "alias": "enforceEarlyResizing"; "required": false; }; "preferHighDynamicRange": { "alias": "preferHighDynamicRange"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/build-ngc/angular/image-background/index.js

@@ -0,0 +1,70 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorHost, NativeViewBase } from '@symbiote-native/angular';
+import { renderImageBackground } from '../../core';
+import * as i0 from "@angular/core";
+// One list is the inputs of the component and the props it hands to the image
+const IMAGE_BACKGROUND_INPUTS = [
+    'source',
+    'placeholder',
+    'contentFit',
+    'placeholderContentFit',
+    'contentPosition',
+    'transition',
+    'blurRadius',
+    'tintColor',
+    'priority',
+    'loading',
+    'cachePolicy',
+    'responsivePolicy',
+    'recyclingKey',
+    'autoplay',
+    'sfEffect',
+    'onLoadStart',
+    'onLoad',
+    'onProgress',
+    'onError',
+    'onLoadEnd',
+    'onDisplay',
+    'defaultSource',
+    'loadingIndicatorSource',
+    'resizeMode',
+    'fadeDuration',
+    'alt',
+    'enableLiveTextInteraction',
+    'allowDownscaling',
+    'decodeFormat',
+    'useAppleWebpCodec',
+    'enforceEarlyResizing',
+    'preferHighDynamicRange',
+    'draggable',
+    'imageStyle',
+];
+/** Angular twin of `expo-image`'s `ImageBackground`, the content paints over the image */
+export class ExpoImageBackground extends NativeViewBase {
+    propNames = IMAGE_BACKGROUND_INPUTS;
+    renderView(props) {
+        return renderImageBackground(props);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExpoImageBackground, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ExpoImageBackground, isStandalone: true, selector: "ExpoImageBackground", inputs: { source: "source", placeholder: "placeholder", contentFit: "contentFit", placeholderContentFit: "placeholderContentFit", contentPosition: "contentPosition", transition: "transition", blurRadius: "blurRadius", tintColor: "tintColor", priority: "priority", loading: "loading", cachePolicy: "cachePolicy", responsivePolicy: "responsivePolicy", recyclingKey: "recyclingKey", autoplay: "autoplay", sfEffect: "sfEffect", onLoadStart: "onLoadStart", onLoad: "onLoad", onProgress: "onProgress", onError: "onError", onLoadEnd: "onLoadEnd", onDisplay: "onDisplay", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", resizeMode: "resizeMode", fadeDuration: "fadeDuration", alt: "alt", enableLiveTextInteraction: "enableLiveTextInteraction", allowDownscaling: "allowDownscaling", decodeFormat: "decodeFormat", useAppleWebpCodec: "useAppleWebpCodec", enforceEarlyResizing: "enforceEarlyResizing", preferHighDynamicRange: "preferHighDynamicRange", draggable: "draggable", imageStyle: "imageStyle" }, usesInheritance: true, ngImport: i0, template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"
+      ><ng-content
+    /></symbiote-descriptor-host>
+  }`, isInline: true, dependencies: [{ kind: "component", type: DescriptorHost, selector: "symbiote-descriptor-host", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExpoImageBackground, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ExpoImageBackground',
+                    standalone: true,
+                    imports: [DescriptorHost],
+                    inputs: [...IMAGE_BACKGROUND_INPUTS],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"
+      ><ng-content
+    /></symbiote-descriptor-host>
+  }`,
+                }]
+        }] });
+//# sourceMappingURL=index.js.map

package/build-ngc/angular/image-background/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/angular/image-background/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;;AAInD,8EAA8E;AAC9E,MAAM,uBAAuB,GAAG;IAC9B,QAAQ;IACR,aAAa;IACb,YAAY;IACZ,uBAAuB;IACvB,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,UAAU;IACV,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,cAAc;IACd,UAAU;IACV,UAAU;IACV,aAAa;IACb,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,WAAW;IACX,WAAW;IACX,eAAe;IACf,wBAAwB;IACxB,YAAY;IACZ,cAAc;IACd,KAAK;IACL,2BAA2B;IAC3B,kBAAkB;IAClB,cAAc;IACd,mBAAmB;IACnB,sBAAsB;IACtB,wBAAwB;IACxB,WAAW;IACX,YAAY;CACJ,CAAC;AAMX,0FAA0F;AAa1F,MAAM,OAAO,mBAAoB,SAAQ,cAAc;IAIzB,SAAS,GAAG,uBAAuB,CAAC;IAE7C,UAAU,CAAC,KAAa;QACzC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;uGARU,mBAAmB;2FAAnB,mBAAmB,wmCANpB;;;;IAIR,4DAPQ,cAAc;;2FASb,mBAAmB;kBAZ/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,MAAM,EAAE,CAAC,GAAG,uBAAuB,CAAC;oBACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;IAIR;iBACH"}

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

@@ -0,0 +1,4 @@
+export { ExpoImage } from './image';
+export { ExpoImageBackground } from './image-background';
+export { injectImage } from './inject-image';
+export * from '../core';

package/build-ngc/angular/index.js

@@ -0,0 +1,7 @@
+// @symbiote-native/image/angular: the image view, its cache and hash functions on a shared core
+// The selectors are `ExpoImage*`, `Image` and `ImageBackground` are tags of the adapter
+export { ExpoImage } from './image';
+export { ExpoImageBackground } from './image-background';
+export { injectImage } from './inject-image';
+export * from '../core';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/angular/index.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,wFAAwF;AAExF,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/build-ngc/angular/inject-image.d.ts

@@ -0,0 +1,8 @@
+import type { Signal } from '@angular/core';
+import type { IImageLoadOptions, IImageSource, ImageRef } from '../core';
+/**
+ * Angular twin of `useImage`, `null` until the first image has loaded
+ *
+ * It loads again when the uri of the source or a signal read by `dependencies` changes
+ */
+export declare function injectImage(source: () => IImageSource | string | number, options?: () => IImageLoadOptions, dependencies?: () => unknown[]): Signal<ImageRef | null>;

package/build-ngc/angular/inject-image.js

@@ -0,0 +1,23 @@
+import { computed, effect, signal, untracked } from '@angular/core';
+import { createImageRefLoader, resolveSource } from '../core';
+/**
+ * Angular twin of `useImage`, `null` until the first image has loaded
+ *
+ * It loads again when the uri of the source or a signal read by `dependencies` changes
+ */
+export function injectImage(source, options = () => ({}), dependencies = () => []) {
+    const image = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []));
+    const key = computed(() => resolveSource(source())?.uri, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    effect(onCleanup => {
+        // Read so the effect tracks them, the source itself is not a trigger
+        key();
+        dependencies();
+        const loader = createImageRefLoader(loaded => image.set(loaded), options);
+        untracked(() => loader.load(source()));
+        onCleanup(loader.cancel);
+    });
+    return image.asReadonly();
+}
+//# sourceMappingURL=inject-image.js.map

package/build-ngc/angular/inject-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-image.js","sourceRoot":"","sources":["../../src/angular/inject-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG9D;;;;GAIG;AACH,MAAM,UAAU,WAAW,CACzB,MAA4C,EAC5C,UAAmC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAC7C,eAAgC,GAAG,EAAE,CAAC,EAAE;IAExC,MAAM,KAAK,GAAG,MAAM,CAAkB,IAAI;8EAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG;4EAAC,CAAC;IAEzD,MAAM,CAAC,SAAS,CAAC,EAAE;QACjB,qEAAqE;QACrE,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,CAAC;QACf,MAAM,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;QAC1E,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACvC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,UAAU,EAAE,CAAC;AAC5B,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const IMAGE_MODULE_NAME = "ExpoImage";
+/** `sf:name` in a source string, the native side reads `sf:/name` */
+export declare const SF_SYMBOL_PREFIX = "sf:";

package/build-ngc/core/constants.js

@@ -0,0 +1,5 @@
+// Apart from `native-module`, which resolves the module on import: the view needs the name too
+export const IMAGE_MODULE_NAME = 'ExpoImage';
+/** `sf:name` in a source string, the native side reads `sf:/name` */
+export const SF_SYMBOL_PREFIX = 'sf:';
+//# sourceMappingURL=constants.js.map

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,23 @@
+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;SAC7C,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;SAC3B,KAAK,CAAC,GAAG,CAAC,CAAC;IACd,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;AAK3C,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,CACvB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EACnC,WAAW,EACX,OAAO,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAqB,EAAE,CACrD,SAAS,CAAC,gBAAgB,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE,CACnD,SAAS,CAAC,cAAc,EAAE,CAAC;AAE7B,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,CAChC,QAAgB,EACU,EAAE,CAAC,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEtE,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,CAC1B,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,MAAyB,EACR,EAAE,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAE/D,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,30 @@
+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;IACzD,WAAW;IACX,OAAO;CACR,CAAC,CAAC;AAEH,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,CACnC,KAA4B;IAE5B,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":"AAoBA,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,CACX,MAAsC,EACtC,KAAc,EACd,KAAiB;QAEjB,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,35 @@
+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,CACL,OAAO,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,QAAQ;QAC7C,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,QAAQ,CAC3C,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,CACL,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,QAAQ;QAC1C,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ,CAC1C,CAAC;AACJ,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 {};