@blotch/angular-lynx 22.2.6 → 22.2.8

package/fesm2022/blotch-angular-lynx.mjs

@@ -1,6 +1,6 @@
 import { n as GestureState, r as GestureType, t as FlingDirection } from "./blotch-angular-lynx-const-MkK6UdZ7.mjs";
 import * as i0 from "@angular/core";
-import { ApplicationRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, EnvironmentInjector, ErrorHandler, Injectable, InjectionToken, Injector, LOCALE_ID, Renderer2, RendererFactory2, RendererStyleFlags2, TemplateRef, ViewContainerRef, ViewEncapsulation, computed, contentChild, createComponent, effect, forwardRef, inject, input, makeEnvironmentProviders, output, provideEnvironmentInitializer, signal, viewChild, ɵɵreplaceMetadata } from "@angular/core";
+import { ApplicationRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, EnvironmentInjector, ErrorHandler, Injectable, InjectionToken, Injector, LOCALE_ID, Renderer2, RendererFactory2, RendererStyleFlags2, TemplateRef, ViewContainerRef, ViewEncapsulation, computed, contentChild, createComponent, effect, forwardRef, inject, input, makeEnvironmentProviders, output, provideEnvironmentInitializer, reflectComponentType, signal, viewChild, ɵɵreplaceMetadata } from "@angular/core";
 import { ReplaySubject, Subject, firstValueFrom } from "rxjs";
 import { APP_BASE_HREF, IMAGE_CONFIG, Location, LocationStrategy, PlatformLocation, getLocaleId } from "@angular/common";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
@@ -58,6 +58,7 @@ const isUtf8Text = (contentType) => {
 	const charset = /;\s*charset="?([^";]+)/.exec(type)?.[1];
 	return TEXT_TYPE.test(type) && (charset === void 0 || /^utf-?8$/.test(charset));
 };
+const canonicalName = (name) => name.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("-");
 const decodeBody = (body) => {
 	if (body === null) return void 0;
 	if ("text" in body) return body.text;
@@ -74,15 +75,16 @@ const fetchForMainThread = async (id, request) => {
 		const response = await fetchImpl(request.url, {
 			...request.options,
 			method: request.method,
-			headers: Object.fromEntries(request.headers),
+			headers: Object.fromEntries(request.headers.map(([name, value]) => [canonicalName(name), value])),
 			body: decodeBody(request.body),
 			signal: controller.signal
 		});
 		const headers = [];
 		response.headers.forEach((value, name) => headers.push([name, value]));
 		if (response.status === LYNX_FAILURE_STATUS && headers.length === 0) throw new TypeError(response.statusText || "Network request failed");
+		const contentType = headers.find(([name]) => name.toLowerCase() === "content-type")?.[1] ?? null;
 		let body = null;
-		if (!NULL_BODY_STATUSES.has(response.status)) body = isUtf8Text(response.headers.get("content-type")) ? { text: await response.text() } : { base64: bytesToBase64(new Uint8Array(await response.arrayBuffer())) };
+		if (!NULL_BODY_STATUSES.has(response.status)) body = isUtf8Text(contentType) ? { text: await response.text() } : { base64: bytesToBase64(new Uint8Array(await response.arrayBuffer())) };
 		return {
 			status: response.status,
 			statusText: response.statusText,
@@ -239,6 +241,12 @@ const handlers = {
 		if (typeof fn !== "function") throw new Error(`${kind === "native" ? "NativeModules" : "lynx.getJSModule"}: ${name}.${method} is not available`);
 		return fn.apply(module, restoreFunctions(args));
 	},
+	callNativeModuleAsync: (name, method, args) => new Promise((resolve) => {
+		const module = findModule("native", name);
+		const fn = module?.[method];
+		if (typeof fn !== "function") throw new Error(`NativeModules: ${name}.${method} is not available`);
+		fn.call(module, ...args, (result) => resolve(result));
+	}),
 	registerJSModule: (name, module) => {
 		lynxApi("registerModule")(name, restoreFunctions(module));
 	},
@@ -254,6 +262,7 @@ const callOnBackground = (name, ...args) => {
 	} catch (error) {
 		return Promise.reject(error);
 	}
+	listenInTestingEnvironment();
 	return new Promise((resolve, reject) => {
 		const id = nextCallId++;
 		pending.set(id, {
@@ -308,60 +317,74 @@ const unsubscribeSessionStorageFromMainThread = (relayId) => {
 	if (!sessionStorageListeners.delete(relayId)) return;
 	callOnBackground("unsubscribeSessionStorage", relayId).catch(() => {});
 };
-const installRelay = () => {
-	if (typeof lynx === "undefined") return;
-	try {
-		if (isMainThread()) {
-			const context = lynx.getJSContext();
-			context.addEventListener(RESULT_EVENT, (event) => {
-				const { id, value, error } = JSON.parse(event.data);
-				const call = pending.get(id);
-				if (!call) return;
-				pending.delete(id);
-				if (error !== void 0) call.reject(new Error(error));
-				else call.resolve(value);
-			});
-			context.addEventListener(SESSION_STORAGE_EVENT, (event) => {
-				const { relayId, value } = JSON.parse(event.data);
-				sessionStorageListeners.get(relayId)?.(value);
-			});
-			context.addEventListener(CALLBACK_EVENT, (event) => {
-				const { id, args } = JSON.parse(event.data);
-				relayedFunctions.get(id)?.(...args);
-			});
-			return;
+const relayContexts = /* @__PURE__ */ new WeakSet();
+const listenOnMainThread = (context) => {
+	if (relayContexts.has(context)) return;
+	relayContexts.add(context);
+	context.addEventListener(RESULT_EVENT, (event) => {
+		const { id, value, error } = JSON.parse(event.data);
+		const call = pending.get(id);
+		if (!call) return;
+		pending.delete(id);
+		if (error !== void 0) call.reject(new Error(error));
+		else call.resolve(value);
+	});
+	context.addEventListener(SESSION_STORAGE_EVENT, (event) => {
+		const { relayId, value } = JSON.parse(event.data);
+		sessionStorageListeners.get(relayId)?.(value);
+	});
+	context.addEventListener(CALLBACK_EVENT, (event) => {
+		const { id, args } = JSON.parse(event.data);
+		relayedFunctions.get(id)?.(...args);
+	});
+};
+const listenOnBackgroundThread = (context) => {
+	if (relayContexts.has(context)) return;
+	relayContexts.add(context);
+	context.addEventListener(CALL_EVENT, async (event) => {
+		const { id, name, args } = JSON.parse(event.data);
+		let reply;
+		try {
+			const handler = handlers[name];
+			if (!handler) throw new Error(`Unknown background call: ${name}`);
+			reply = {
+				id,
+				value: await handler(...args)
+			};
+		} catch (error) {
+			reply = {
+				id,
+				error: error instanceof Error ? error.message : String(error)
+			};
 		}
-		const context = lynx.getCoreContext();
-		context.addEventListener(CALL_EVENT, async (event) => {
-			const { id, name, args } = JSON.parse(event.data);
-			let reply;
-			try {
-				const handler = handlers[name];
-				if (!handler) throw new Error(`Unknown background call: ${name}`);
-				reply = {
-					id,
-					value: await handler(...args)
-				};
-			} catch (error) {
-				reply = {
-					id,
-					error: error instanceof Error ? error.message : String(error)
-				};
-			}
-			let data;
-			try {
-				data = JSON.stringify(reply);
-			} catch (error) {
-				data = JSON.stringify({
-					id,
-					error: `The result of ${name} can't be sent to the main thread: ${error.message}`
-				});
-			}
-			context.dispatchEvent({
-				type: RESULT_EVENT,
-				data
+		let data;
+		try {
+			data = JSON.stringify(reply);
+		} catch (error) {
+			data = JSON.stringify({
+				id,
+				error: `The result of ${name} can't be sent to the main thread: ${error.message}`
 			});
+		}
+		context.dispatchEvent({
+			type: RESULT_EVENT,
+			data
 		});
+	});
+};
+const listenInTestingEnvironment = () => {
+	const env = globalThis.lynxTestingEnv;
+	if (!env) return;
+	try {
+		listenOnMainThread(lynx.getJSContext());
+		listenOnBackgroundThread(env.backgroundThread.globalThis.lynx.getCoreContext());
+	} catch {}
+};
+const installRelay = () => {
+	if (typeof lynx === "undefined") return;
+	try {
+		if (isMainThread()) listenOnMainThread(lynx.getJSContext());
+		else listenOnBackgroundThread(lynx.getCoreContext());
 	} catch {}
 };
 installRelay();
@@ -5292,6 +5315,170 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
+var NoModuleError = class extends Error {};
+const nativeStore = (module) => {
+	const call = async (method, args) => {
+		let result;
+		try {
+			result = await callOnBackground("callNativeModuleAsync", module, method, args);
+		} catch (error) {
+			throw new NoModuleError(error.message);
+		}
+		if (result?.error !== void 0) throw new Error(result.error);
+		return result?.value ?? null;
+	};
+	return {
+		getItem: (key) => call("getItem", [key]),
+		setItem: async (key, value) => {
+			await call("setItem", [key, value]);
+		},
+		removeItem: async (key) => {
+			await call("removeItem", [key]);
+		},
+		clear: async () => {
+			await call("clear", []);
+		}
+	};
+};
+const browserStore = (storage, prefix) => ({
+	getItem: async (key) => storage.getItem(prefix + key),
+	setItem: async (key, value) => storage.setItem(prefix + key, value),
+	removeItem: async (key) => storage.removeItem(prefix + key),
+	clear: async () => {
+		const keys = [];
+		for (let i = 0; i < storage.length; i++) {
+			const key = storage.key(i);
+			if (key?.startsWith(prefix)) keys.push(key);
+		}
+		for (const key of keys) storage.removeItem(key);
+	}
+});
+const memoryStore = () => {
+	const values = /* @__PURE__ */ new Map();
+	return {
+		getItem: async (key) => values.get(key) ?? null,
+		setItem: async (key, value) => {
+			values.set(key, value);
+		},
+		removeItem: async (key) => {
+			values.delete(key);
+		},
+		clear: async () => values.clear()
+	};
+};
+const browserStorage = () => {
+	if (typeof SystemInfo === "undefined" || SystemInfo.platform !== "web") return;
+	try {
+		return globalThis.localStorage;
+	} catch {
+		return;
+	}
+};
+const decode = (raw) => {
+	try {
+		return JSON.parse(raw);
+	} catch {
+		return raw;
+	}
+};
+var PersistentStorage = class {
+	#native;
+	#webPrefix;
+	#memory = memoryStore();
+	#hasModule = true;
+	constructor(module, webPrefix) {
+		this.#native = nativeStore(module);
+		this.#webPrefix = webPrefix;
+	}
+	async getItem(key) {
+		const raw = await this.#run((store) => store.getItem(key));
+		return raw === null ? null : decode(raw);
+	}
+	async setItem(key, value) {
+		const raw = JSON.stringify(value);
+		if (raw === void 0) throw new TypeError(`Can't store a ${typeof value} under "${key}": values are stored as JSON.`);
+		await this.#run((store) => store.setItem(key, raw));
+	}
+	async removeItem(key) {
+		await this.#run((store) => store.removeItem(key));
+	}
+	async clear() {
+		await this.#run((store) => store.clear());
+	}
+	async #run(operation) {
+		const web = browserStorage();
+		if (web) return operation(browserStore(web, this.#webPrefix));
+		if (this.#hasModule) try {
+			return await operation(this.#native);
+		} catch (error) {
+			if (!(error instanceof NoModuleError)) throw error;
+			this.#hasModule = false;
+		}
+		return operation(this.#memory);
+	}
+};
+var LynxLocalStorage = class LynxLocalStorage extends PersistentStorage {
+	constructor() {
+		super("AngularLynxLocalStorage", "angular-lynx:");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LynxLocalStorage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LynxLocalStorage,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LynxLocalStorage,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+var LynxSecureStorage = class LynxSecureStorage extends PersistentStorage {
+	constructor() {
+		super("AngularLynxSecureStorage", "angular-lynx-secure:");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LynxSecureStorage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LynxSecureStorage,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LynxSecureStorage,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
 var LynxTextMeasure = class LynxTextMeasure {
 	measure(text, options) {
 		if (typeof lynx === "undefined" || typeof lynx.getTextInfo !== "function") throw new Error("lynx.getTextInfo is not available in this environment");
@@ -5923,6 +6110,14 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
+const hostElements = /* @__PURE__ */ new Map();
+const ELEMENT_SELECTOR = /^[a-z][\w-]*$/i;
+const registerHostElement = (component, element) => {
+	const tags = (reflectComponentType(component)?.selector ?? "").split(",").map((part) => part.trim()).filter((part) => ELEMENT_SELECTOR.test(part));
+	if (tags.length === 0) throw new Error(`registerHostElement: ${component.name} isn't a component with an element selector, such as 'app-title'.`);
+	for (const tag of tags) hostElements.set(tag, element);
+};
+const hostElementOf = (tag) => hostElements.get(tag) ?? tag;
 const createListElement = (pageId) => {
 	let listEl;
 	const componentAtIndex = (listRef, listId, cellIndex, opId) => {
@@ -6000,7 +6195,8 @@ var LynxDocument = class {
 		setPageElementRef(pageElement);
 		return this.page;
 	}
-	createElement(tag, value) {
+	createElement(name, value) {
+		const tag = hostElementOf(name);
 		/* v8 ignore next */
 		if (__PROFILE__) devStats.elementCreated++;
 		scheduleSettleFlush();
@@ -6070,7 +6266,7 @@ var LynxHydrateDocument = class {
 		if (!this.#isHydrating()) return this.#getFallback().createElement(tag, value);
 		if (tag === "page") return this.#page;
 		const el = this.#nextElement();
-		el.tagName = tag;
+		el.tagName = hostElementOf(tag);
 		return el;
 	}
 	createText(value) {
@@ -8611,6 +8807,6 @@ const bootstrapOnMainThread = async (rootComponent, options) => {
 	if (__WEB__ && !wasHydrating) setTimeout(() => __FlushElementTree(), 0);
 	return appRef;
 };
-export { BaseGesture, ComposedGesture, ContinuousGesture, DYNAMIC_COLOR_ROLES, FlingDirection, FlingGesture, Gesture, GestureState, GestureStateManager, GestureType, LYNX_ELEMENTS, LYNX_FORM_ACCESSORS, LongPressGesture, LynxAccessibility, LynxAccessibilitySettings, LynxAccessibilityTraits, LynxAnimation, LynxBlock, LynxBlurView, LynxCoverView, LynxDevTools, LynxErrorHandler, LynxExposure, LynxFont, LynxFor, LynxFrame, LynxGestureDetector, LynxGlobalData, LynxGlobalExposure, LynxIf, LynxImage, LynxInitData, LynxInlineTruncation, LynxInput, LynxInputValueAccessor, LynxList, LynxListItem, LynxLocale, LynxLocationStrategy, LynxLogger, LynxMainThread, LynxMainThreadEvent, LynxNativeModule, LynxOverlay, LynxPerformance, LynxPlatformLocation, LynxPortal, LynxRefresh, LynxRefreshHeader, LynxResourcePrefetch, LynxRouteReuseStrategy, LynxRouterLinkActive, LynxSafeArea, LynxScrollCoordinator, LynxScrollCoordinatorHeader, LynxScrollCoordinatorSlot, LynxScrollCoordinatorSlotDrag, LynxScrollCoordinatorToolbar, LynxScrollView, LynxSessionStorage, LynxSvg, LynxSystemInfo, LynxText, LynxTextMeasure, LynxTextarea, LynxTextareaValueAccessor, LynxTheme, LynxTitleBarView, LynxTransition, LynxTransitionGroup, LynxVideo, LynxView, LynxViewPager, LynxViewPagerItem, LynxWebAuthSession, LynxWebView, MainThreadElement, MainThreadRef, PanGesture, PinchGesture, PortalRef, RotationGesture, SAFE_AREA_INSET_BOTTOM, SAFE_AREA_INSET_LEFT, SAFE_AREA_INSET_RIGHT, SAFE_AREA_INSET_TOP, TapGesture, WebAuthSessionError, backgroundFn, bootstrapApplication, createMainThreadRef, getLynxAppLocale, loadLazyBundle, mainThreadFn, provideLocale, provideRenderer, provideRouter, registerDataProcessors, ɵhmrAccept, ɵstartBackgroundThread };
+export { BaseGesture, ComposedGesture, ContinuousGesture, DYNAMIC_COLOR_ROLES, FlingDirection, FlingGesture, Gesture, GestureState, GestureStateManager, GestureType, LYNX_ELEMENTS, LYNX_FORM_ACCESSORS, LongPressGesture, LynxAccessibility, LynxAccessibilitySettings, LynxAccessibilityTraits, LynxAnimation, LynxBlock, LynxBlurView, LynxCoverView, LynxDevTools, LynxErrorHandler, LynxExposure, LynxFont, LynxFor, LynxFrame, LynxGestureDetector, LynxGlobalData, LynxGlobalExposure, LynxIf, LynxImage, LynxInitData, LynxInlineTruncation, LynxInput, LynxInputValueAccessor, LynxList, LynxListItem, LynxLocalStorage, LynxLocale, LynxLocationStrategy, LynxLogger, LynxMainThread, LynxMainThreadEvent, LynxNativeModule, LynxOverlay, LynxPerformance, LynxPlatformLocation, LynxPortal, LynxRefresh, LynxRefreshHeader, LynxResourcePrefetch, LynxRouteReuseStrategy, LynxRouterLinkActive, LynxSafeArea, LynxScrollCoordinator, LynxScrollCoordinatorHeader, LynxScrollCoordinatorSlot, LynxScrollCoordinatorSlotDrag, LynxScrollCoordinatorToolbar, LynxScrollView, LynxSecureStorage, LynxSessionStorage, LynxSvg, LynxSystemInfo, LynxText, LynxTextMeasure, LynxTextarea, LynxTextareaValueAccessor, LynxTheme, LynxTitleBarView, LynxTransition, LynxTransitionGroup, LynxVideo, LynxView, LynxViewPager, LynxViewPagerItem, LynxWebAuthSession, LynxWebView, MainThreadElement, MainThreadRef, PanGesture, PinchGesture, PortalRef, RotationGesture, SAFE_AREA_INSET_BOTTOM, SAFE_AREA_INSET_LEFT, SAFE_AREA_INSET_RIGHT, SAFE_AREA_INSET_TOP, TapGesture, WebAuthSessionError, backgroundFn, bootstrapApplication, createMainThreadRef, getLynxAppLocale, loadLazyBundle, mainThreadFn, provideLocale, provideRenderer, provideRouter, registerDataProcessors, registerHostElement, ɵhmrAccept, ɵstartBackgroundThread };
 
 //# sourceMappingURL=blotch-angular-lynx.mjs.map