@lingxia/bridge 0.5.0 → 0.6.0

package/dist/es5/error.js

@@ -0,0 +1,35 @@
+var ERROR_STYLES = "\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  background: #f5f5f7;\n  color: #1d1d1f;\n  padding: 20px;\n  -webkit-font-smoothing: antialiased;\n}\n.lx-error {\n  text-align: center;\n  max-width: 400px;\n}\n.lx-error-code {\n  font-size: 120px;\n  font-weight: 700;\n  color: #d1d1d6;\n  line-height: 1;\n  letter-spacing: -4px;\n}\n.lx-error-title {\n  font-size: 21px;\n  font-weight: 600;\n  margin: 16px 0 8px;\n  color: #1d1d1f;\n}\n.lx-error-desc {\n  font-size: 15px;\n  color: #86868b;\n  line-height: 1.5;\n}\n.lx-error-path {\n  display: inline-block;\n  margin-top: 20px;\n  padding: 10px 16px;\n  background: rgba(0,0,0,0.04);\n  border-radius: 8px;\n  font-family: 'SF Mono', ui-monospace, Menlo, Monaco, monospace;\n  font-size: 13px;\n  color: #1d1d1f;\n  word-break: break-all;\n  max-width: 100%;\n}\n@media (prefers-color-scheme: dark) {\n  body { background: #000; color: #f5f5f7; }\n  .lx-error-code { color: #3a3a3c; }\n  .lx-error-title { color: #f5f5f7; }\n  .lx-error-desc { color: #86868b; }\n  .lx-error-path { background: rgba(255,255,255,0.08); color: #f5f5f7; }\n}\n";
+function escapeHtml(str) {
+    var div = document.createElement('div');
+    div.textContent = str;
+    return div.innerHTML;
+}
+export function renderErrorUI(errorInfo) {
+    var failedPath = errorInfo.failedPath, reason = errorInfo.reason;
+    var styleEl = document.createElement('style');
+    styleEl.textContent = ERROR_STYLES;
+    document.head.appendChild(styleEl);
+    document.body.innerHTML = '';
+    document.body.style.cssText = '';
+    var container = document.createElement('div');
+    container.className = 'lx-error';
+    var html = '<div class="lx-error-code">404</div>';
+    html += '<h1 class="lx-error-title">Page Not Found</h1>';
+    html += '<p class="lx-error-desc">The page you\'re looking for doesn\'t exist.</p>';
+    if (failedPath) {
+        html += "<div class=\"lx-error-path\">".concat(escapeHtml(failedPath), "</div>");
+    }
+    if (reason) {
+        html += "<p class=\"lx-error-desc\" style=\"margin-top:12px\">".concat(escapeHtml(reason), "</p>");
+    }
+    container.innerHTML = html;
+    document.body.appendChild(container);
+}
+export function hasError() {
+    var config = window.__LX_RUNTIME_CONFIG;
+    return !!(config && config.error);
+}
+export function getErrorInfo() {
+    var config = window.__LX_RUNTIME_CONFIG;
+    return (config === null || config === void 0 ? void 0 : config.error) || null;
+}

package/dist/es5/image-proxy.js

@@ -0,0 +1,83 @@
+import { getPlatformOS } from './runtime-env';
+var PROXY_PREFIX = 'lx://proxy/';
+function shouldProxyImageUrl(trimmed) {
+    if (trimmed.length === 0) {
+        return false;
+    }
+    if (trimmed.startsWith('lx://') ||
+        trimmed.startsWith('data:') ||
+        trimmed.startsWith('blob:') ||
+        trimmed.startsWith('file:')) {
+        return false;
+    }
+    return trimmed.startsWith('http://') || trimmed.startsWith('https://');
+}
+function toProxyUrl(url) {
+    var b64 = btoa(url);
+    var urlSafe = b64.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/g, '');
+    return "".concat(PROXY_PREFIX).concat(urlSafe);
+}
+function proxyImageUrl(url) {
+    var trimmed = url.trim();
+    if (!shouldProxyImageUrl(trimmed))
+        return url;
+    return toProxyUrl(trimmed);
+}
+export function setupImageProxy() {
+    var os = getPlatformOS();
+    if (os !== 'iOS' && os !== 'macOS')
+        return;
+    if (typeof window === 'undefined' || typeof document === 'undefined')
+        return;
+    if (typeof HTMLImageElement === 'undefined')
+        return;
+    var proto = HTMLImageElement.prototype;
+    if (proto.__lxProxyPatched)
+        return;
+    proto.__lxProxyPatched = true;
+    var originalSetAttribute = proto.setAttribute;
+    proto.setAttribute = function (name, value) {
+        if (typeof name === 'string' && name.toLowerCase() === 'src' && typeof value === 'string') {
+            return originalSetAttribute.call(this, name, proxyImageUrl(value));
+        }
+        return originalSetAttribute.call(this, name, value);
+    };
+    var srcDescriptor = Object.getOwnPropertyDescriptor(proto, 'src');
+    if (srcDescriptor === null || srcDescriptor === void 0 ? void 0 : srcDescriptor.set) {
+        Object.defineProperty(proto, 'src', {
+            configurable: srcDescriptor.configurable,
+            enumerable: srcDescriptor.enumerable,
+            get: srcDescriptor.get,
+            set: function (value) {
+                var _a, _b;
+                if (typeof value === 'string') {
+                    (_a = srcDescriptor.set) === null || _a === void 0 ? void 0 : _a.call(this, proxyImageUrl(value));
+                }
+                else {
+                    (_b = srcDescriptor.set) === null || _b === void 0 ? void 0 : _b.call(this, value);
+                }
+            },
+        });
+    }
+    var rewriteExisting = function () {
+        var imgs = document.querySelectorAll('img[src]');
+        imgs.forEach(function (img) {
+            var src = img.getAttribute('src');
+            if (!src)
+                return;
+            var proxied = proxyImageUrl(src);
+            if (proxied !== src) {
+                originalSetAttribute.call(img, 'src', proxied);
+            }
+        });
+    };
+    var domReadyListener = {
+        handleEvent: function () { return rewriteExisting(); },
+    };
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', domReadyListener);
+    }
+    else {
+        rewriteExisting();
+    }
+}

package/dist/es5/index.js

@@ -0,0 +1,19 @@
+/**
+ * LingXia Web Runtime
+ *
+ * Injected into SPA HTML to handle:
+ * - Bridge initialization for native communication
+ * - Error UI rendering when page cannot be loaded
+ */
+export { LingXiaBridge, channel, initBridge, invoke, notify, stream, } from './bridge';
+export { isNativeError } from './invocation';
+export { renderErrorUI, hasError, getErrorInfo } from './error';
+export { boot, bootWhenReady } from './boot';
+import { bootWhenReady } from './boot';
+import { setupImageProxy } from './image-proxy';
+import { registerUIHandlers } from './ui';
+if (__LX_RUNTIME_PLATFORM__ === 'all' || __LX_RUNTIME_PLATFORM__ === 'desktop') {
+    registerUIHandlers();
+}
+setupImageProxy();
+bootWhenReady();

package/dist/es5/invocation.js

@@ -0,0 +1,103 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { BRIDGE_ERROR } from "./types";
+var BridgeInvocationError = /** @class */ (function (_super) {
+    __extends(BridgeInvocationError, _super);
+    function BridgeInvocationError(code, message, data) {
+        var _this = _super.call(this, message) || this;
+        _this.name = "BridgeInvocationError";
+        _this.code = code;
+        _this.data = data;
+        return _this;
+    }
+    return BridgeInvocationError;
+}(Error));
+export function toBridgeError(err) {
+    if (err instanceof BridgeInvocationError)
+        return err;
+    if (err && typeof err === "object") {
+        var source = err;
+        var code = BRIDGE_ERROR.INTERNAL_ERROR;
+        if (typeof source.code === "string" && source.code.trim() !== "") {
+            code = source.code;
+        }
+        else if (typeof source.code === "number" && Number.isFinite(source.code)) {
+            code = source.code;
+        }
+        var message_1 = typeof source.message === "string" && source.message.trim() !== ""
+            ? source.message
+            : "Unknown error";
+        return new BridgeInvocationError(code, message_1, "data" in source ? source.data : undefined);
+    }
+    var message = err instanceof Error ? err.message : typeof err === "string" ? err : "Unknown error";
+    return new BridgeInvocationError(BRIDGE_ERROR.INTERNAL_ERROR, message);
+}
+export function toNativeError(err) {
+    var bridgeError = toBridgeError(err);
+    return __assign({ code: String(bridgeError.code || BRIDGE_ERROR.INTERNAL_ERROR), message: typeof bridgeError.message === "string" && bridgeError.message.trim() !== ""
+            ? bridgeError.message
+            : "Unknown error" }, (bridgeError.data === undefined ? {} : { data: bridgeError.data }));
+}
+export function isNativeError(error, code) {
+    if (!error || typeof error !== "object")
+        return false;
+    var candidate = error;
+    if (typeof candidate.code !== "string" || candidate.code.trim() === "")
+        return false;
+    if (typeof candidate.message !== "string")
+        return false;
+    return code === undefined || candidate.code === code;
+}
+export function resolveParams(source) {
+    if (typeof source === "function") {
+        return source();
+    }
+    return source;
+}
+export function stableParamKey(value) {
+    var _a;
+    if (value === undefined)
+        return "undefined";
+    try {
+        return (_a = JSON.stringify(value)) !== null && _a !== void 0 ? _a : "undefined";
+    }
+    catch (_b) {
+        return String(value);
+    }
+}
+export function invokeMethod(method, params) {
+    if (params === undefined) {
+        return method();
+    }
+    return method(params);
+}
+export function getMethodKey(method) {
+    if (typeof method !== "function")
+        return undefined;
+    var candidate = method.__funcName;
+    return typeof candidate === "string" && candidate !== "" ? candidate : undefined;
+}

package/dist/es5/nativecomponents/coverage-monitor.js

@@ -0,0 +1,219 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+export function installNativeComponentCoverageMonitor(_a) {
+    var os = _a.os, send = _a.send;
+    if (typeof window === 'undefined')
+        return;
+    if (typeof document === 'undefined')
+        return;
+    var isIOS = os === 'iOS';
+    var isAndroid = os === 'Android';
+    if (!isIOS && !isAndroid)
+        return;
+    var key = Symbol.for('LingXia.NativeComponentCoverageMonitor');
+    var existing = window[key];
+    if (existing === null || existing === void 0 ? void 0 : existing.installed)
+        return;
+    var state = {
+        installed: true,
+        coveredById: new Map(),
+        coveredCount: 0,
+        anyCovered: false,
+        scheduled: false,
+        hasAnyVideo: false,
+        scrollLocked: false,
+        scrollY: 0,
+        htmlOverflow: '',
+        bodyOverflow: '',
+        bodyPosition: '',
+        bodyTop: '',
+        bodyWidth: '',
+    };
+    window[key] = state;
+    function lockScroll() {
+        if (!isIOS)
+            return;
+        if (state.scrollLocked)
+            return;
+        var html = document.documentElement;
+        var body = document.body;
+        if (!html || !body)
+            return;
+        state.scrollLocked = true;
+        state.scrollY = window.scrollY || html.scrollTop || 0;
+        state.htmlOverflow = html.style.overflow || '';
+        state.bodyOverflow = body.style.overflow || '';
+        state.bodyPosition = body.style.position || '';
+        state.bodyTop = body.style.top || '';
+        state.bodyWidth = body.style.width || '';
+        html.style.overflow = 'hidden';
+        body.style.overflow = 'hidden';
+        body.style.position = 'fixed';
+        body.style.top = "".concat(-state.scrollY, "px");
+        body.style.width = '100%';
+    }
+    function unlockScroll() {
+        if (!isIOS)
+            return;
+        if (!state.scrollLocked)
+            return;
+        var html = document.documentElement;
+        var body = document.body;
+        if (!html || !body)
+            return;
+        state.scrollLocked = false;
+        html.style.overflow = state.htmlOverflow;
+        body.style.overflow = state.bodyOverflow;
+        body.style.position = state.bodyPosition;
+        body.style.top = state.bodyTop;
+        body.style.width = state.bodyWidth;
+        window.scrollTo(0, state.scrollY);
+    }
+    function isElementCovered(el) {
+        var _a, _b, _c;
+        var rect = (_b = (_a = el).getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (!rect)
+            return false;
+        if (rect.width < 2 || rect.height < 2)
+            return false;
+        var x = rect.left + rect.width / 2;
+        var y = rect.top + rect.height / 2;
+        if (x < 0 || y < 0 || x >= window.innerWidth || y >= window.innerHeight)
+            return false;
+        var top = (_c = document.elementFromPoint) === null || _c === void 0 ? void 0 : _c.call(document, x, y);
+        if (!top)
+            return false;
+        if (top === document.documentElement || top === document.body)
+            return false;
+        return !(top === el || el.contains(top));
+    }
+    function check() {
+        var e_1, _a, e_2, _b, e_3, _c;
+        state.scheduled = false;
+        var nodes = document.querySelectorAll('lx-video[id]');
+        state.hasAnyVideo = nodes.length > 0;
+        if (!state.hasAnyVideo && state.coveredById.size === 0 && !state.anyCovered) {
+            return;
+        }
+        var seenIds = new Set();
+        try {
+            for (var _d = __values(Array.from(nodes)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                var node = _e.value;
+                var id = node.id;
+                if (!id)
+                    continue;
+                seenIds.add(id);
+                var covered = isElementCovered(node);
+                var prev = state.coveredById.get(id);
+                if (prev === covered)
+                    continue;
+                if (prev === true)
+                    state.coveredCount -= 1;
+                if (covered === true)
+                    state.coveredCount += 1;
+                state.coveredById.set(id, covered);
+                send({ id: id, action: 'component.coverage', covered: covered });
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        var staleIds = [];
+        try {
+            for (var _f = __values(state.coveredById.entries()), _g = _f.next(); !_g.done; _g = _f.next()) {
+                var _h = __read(_g.value, 2), id = _h[0], covered = _h[1];
+                if (seenIds.has(id))
+                    continue;
+                staleIds.push(id);
+                if (covered === true)
+                    state.coveredCount -= 1;
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        try {
+            for (var staleIds_1 = __values(staleIds), staleIds_1_1 = staleIds_1.next(); !staleIds_1_1.done; staleIds_1_1 = staleIds_1.next()) {
+                var id = staleIds_1_1.value;
+                state.coveredById.delete(id);
+                send({ id: id, action: 'component.coverage', covered: false });
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (staleIds_1_1 && !staleIds_1_1.done && (_c = staleIds_1.return)) _c.call(staleIds_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        var anyCovered = state.coveredCount > 0;
+        if (anyCovered !== state.anyCovered) {
+            state.anyCovered = anyCovered;
+            if (isIOS) {
+                if (anyCovered)
+                    lockScroll();
+                else
+                    unlockScroll();
+            }
+        }
+    }
+    function schedule() {
+        if (state.scheduled)
+            return;
+        state.scheduled = true;
+        requestAnimationFrame(check);
+    }
+    function onScroll() {
+        if (!state.hasAnyVideo && state.coveredById.size === 0)
+            return;
+        schedule();
+    }
+    var observer = new MutationObserver(schedule);
+    observer.observe(document.documentElement, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+    });
+    var scrollListener = {
+        handleEvent: function () { return onScroll(); },
+    };
+    var resizeListener = {
+        handleEvent: function () { return schedule(); },
+    };
+    window.addEventListener('scroll', scrollListener, { capture: true, passive: true });
+    window.addEventListener('resize', resizeListener);
+    schedule();
+}

package/dist/es5/runtime-env.js

@@ -0,0 +1,32 @@
+export var BRIDGE_CONFIG = (typeof window !== 'undefined' && window.__LX_BRIDGE_CFG) || {};
+export function getPlatformOS() {
+    return BRIDGE_CONFIG.os || 'unknown';
+}
+export function isHarmony() {
+    return BRIDGE_CONFIG.os === 'Harmony';
+}
+export function isIOS() {
+    return BRIDGE_CONFIG.os === 'iOS';
+}
+export function isAndroid() {
+    return BRIDGE_CONFIG.os === 'Android';
+}
+export function isMacOS() {
+    return BRIDGE_CONFIG.os === 'macOS';
+}
+export function isDesktop() {
+    return isMacOS();
+}
+export function getCommunicationMethod() {
+    var _a, _b;
+    if (BRIDGE_CONFIG.os === 'iOS' || BRIDGE_CONFIG.os === 'macOS')
+        return 'webkit';
+    if (BRIDGE_CONFIG.os === 'Harmony')
+        return 'messageport';
+    if (BRIDGE_CONFIG.os === 'Android') {
+        if ((_b = (_a = window.LingXiaProxy) === null || _a === void 0 ? void 0 : _a.supportsMessagePort) === null || _b === void 0 ? void 0 : _b.call(_a))
+            return 'messageport';
+        return 'jsinterface';
+    }
+    return 'unknown';
+}

package/dist/es5/types.js

@@ -0,0 +1,16 @@
+// V2 Error Codes (stable)
+export var BRIDGE_ERROR = {
+    NOT_READY: 'BRIDGE_NOT_READY',
+    TIMEOUT: 'BRIDGE_TIMEOUT',
+    CANCELED: 'BRIDGE_CANCELED',
+    PROTOCOL_MISMATCH: 'BRIDGE_PROTOCOL_MISMATCH',
+    HANDSHAKE_FAILED: 'BRIDGE_HANDSHAKE_FAILED',
+    MALFORMED_MESSAGE: 'BRIDGE_MALFORMED_MESSAGE',
+    METHOD_NOT_FOUND: 'BRIDGE_METHOD_NOT_FOUND',
+    TOPIC_NOT_FOUND: 'BRIDGE_TOPIC_NOT_FOUND',
+    CAPABILITY_DENIED: 'BRIDGE_CAPABILITY_DENIED',
+    INTERNAL_ERROR: 'BRIDGE_INTERNAL_ERROR',
+    OUTBOX_FULL: 'BRIDGE_OUTBOX_FULL',
+    STREAM_OVERFLOW: 'BRIDGE_STREAM_OVERFLOW',
+    STREAM_CLOSED: 'BRIDGE_STREAM_CLOSED',
+};

package/dist/es5/ui/action-sheet.js

@@ -0,0 +1,82 @@
+import { getPlatformOS } from '../runtime-env';
+var ANIMATION_MS = 300;
+var STYLE_ID = 'lx-action-sheet-style';
+var activeSheet = null;
+function isDesktopMode() {
+    return getPlatformOS() === 'macOS';
+}
+function ensureActionSheetStyle() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    var style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = "\n.lx-as-backdrop {\n  position: fixed; inset: 0; z-index: 99999;\n  background: rgba(0,0,0,0.4);\n  opacity: 0; transition: opacity ".concat(ANIMATION_MS, "ms ease;\n}\n.lx-as-backdrop.lx-as-visible { opacity: 1; }\n\n.lx-as-sheet {\n  position: fixed; left: 0; right: 0; bottom: 0; z-index: 100000;\n  transform: translateY(100%);\n  transition: transform ").concat(ANIMATION_MS, "ms ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n.lx-as-sheet.lx-as-visible { transform: translateY(0); }\n.lx-as-sheet.lx-as-desktop {\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  top: 50%;\n  width: min(92vw, 460px);\n  transform: translate(-50%, calc(-50% + 16px));\n}\n.lx-as-sheet.lx-as-desktop.lx-as-visible { transform: translate(-50%, -50%); }\n\n.lx-as-container {\n  background: #fff;\n  border-radius: 16px 16px 0 0;\n  overflow: hidden;\n}\n.lx-as-container.lx-as-desktop {\n  border-radius: 16px;\n}\n\n.lx-as-item {\n  display: block; width: 100%;\n  height: 56px;\n  line-height: 56px;\n  padding: 0;\n  border: none; background: none;\n  font-size: 18px; font-weight: 400;\n  text-align: center;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n}\n.lx-as-item:active { background: rgba(0,0,0,0.08); }\n.lx-as-item + .lx-as-item::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\n  height: 1px; background: #E0E0E0;\n}\n.lx-as-separator {\n  height: 8px;\n  background: #F2F2F2;\n}\n.lx-as-cancel-btn { font-weight: 500; color: #000; }\n");
+    document.head.appendChild(style);
+}
+export function showActionSheet(params) {
+    var _a, _b, _c;
+    var p = params;
+    var items = (_a = p === null || p === void 0 ? void 0 : p.itemList) !== null && _a !== void 0 ? _a : [];
+    var cancelText = (_b = p === null || p === void 0 ? void 0 : p.cancelText) !== null && _b !== void 0 ? _b : 'Cancel';
+    var itemColor = (_c = p === null || p === void 0 ? void 0 : p.itemColor) !== null && _c !== void 0 ? _c : '#007AFF';
+    var task = (activeSheet !== null && activeSheet !== void 0 ? activeSheet : Promise.resolve()).then(function () { return renderSheet(items, cancelText, itemColor); }, function () { return renderSheet(items, cancelText, itemColor); });
+    activeSheet = task;
+    return task;
+}
+function renderSheet(items, cancelText, itemColor) {
+    return new Promise(function (resolve) {
+        var dismissed = false;
+        var desktopMode = isDesktopMode();
+        ensureActionSheetStyle();
+        // --- DOM ---
+        var backdrop = document.createElement('div');
+        backdrop.className = 'lx-as-backdrop';
+        var sheet = document.createElement('div');
+        sheet.className = 'lx-as-sheet';
+        if (desktopMode) {
+            sheet.classList.add('lx-as-desktop');
+        }
+        var container = document.createElement('div');
+        container.className = 'lx-as-container';
+        if (desktopMode) {
+            container.classList.add('lx-as-desktop');
+        }
+        items.forEach(function (text, index) {
+            var btn = document.createElement('button');
+            btn.className = 'lx-as-item';
+            btn.textContent = text;
+            btn.style.color = itemColor;
+            btn.addEventListener('click', function () { return dismiss(index); });
+            container.appendChild(btn);
+        });
+        var separator = document.createElement('div');
+        separator.className = 'lx-as-separator';
+        container.appendChild(separator);
+        var cancelBtn = document.createElement('button');
+        cancelBtn.className = 'lx-as-item lx-as-cancel-btn';
+        cancelBtn.textContent = cancelText;
+        cancelBtn.addEventListener('click', function () { return dismiss(-1); });
+        container.appendChild(cancelBtn);
+        sheet.appendChild(container);
+        document.body.appendChild(backdrop);
+        document.body.appendChild(sheet);
+        // Trigger enter animation on next frame
+        requestAnimationFrame(function () {
+            backdrop.classList.add('lx-as-visible');
+            sheet.classList.add('lx-as-visible');
+        });
+        backdrop.addEventListener('click', function () { return dismiss(-1); });
+        function dismiss(tapIndex) {
+            if (dismissed)
+                return;
+            dismissed = true;
+            backdrop.classList.remove('lx-as-visible');
+            sheet.classList.remove('lx-as-visible');
+            setTimeout(function () {
+                backdrop.remove();
+                sheet.remove();
+                resolve({ tapIndex: tapIndex });
+            }, ANIMATION_MS);
+        }
+    });
+}

package/dist/es5/ui/index.js

@@ -0,0 +1,10 @@
+import { registerViewMethodHandler } from '../bridge';
+import { showActionSheet } from './action-sheet';
+import { showModal } from './modal';
+import { showToast, hideToast } from './toast';
+export function registerUIHandlers() {
+    registerViewMethodHandler('ui.showActionSheet', showActionSheet);
+    registerViewMethodHandler('ui.showModal', showModal);
+    registerViewMethodHandler('ui.showToast', showToast);
+    registerViewMethodHandler('ui.hideToast', hideToast);
+}