@ahnseungchan/webviewkit 1.0.8 → 1.3.0

package/dist/bridge/protocol.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RN_BRIDGE_HANDLER = exports.FLUTTER_UNIFIED_HANDLER = exports.FLUTTER_LEGACY_STACK_HANDLERS = exports.STACK_BRIDGE_METHODS = exports.BRIDGE_NAMESPACE = exports.BRIDGE_PROTOCOL_VERSION = void 0;
+exports.createBridgeId = createBridgeId;
+exports.createBridgeEnvelope = createBridgeEnvelope;
+exports.isBridgeEnvelope = isBridgeEnvelope;
+exports.parseBridgeMessage = parseBridgeMessage;
+exports.serializeBridgeMessage = serializeBridgeMessage;
+/** WebViewKit native bridge protocol (v1) */
+exports.BRIDGE_PROTOCOL_VERSION = 1;
+exports.BRIDGE_NAMESPACE = "webviewkit";
+/** Stack navigation — maps to common `stackPush` / `stackPop` WebView handlers */
+exports.STACK_BRIDGE_METHODS = {
+    PUSH: "stack.push",
+    REPLACE: "stack.replace",
+    POP: "stack.pop",
+    RESET: "stack.reset",
+};
+function createBridgeId() {
+    if (typeof crypto !== "undefined" && crypto.randomUUID) {
+        return crypto.randomUUID();
+    }
+    return `wv-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function createBridgeEnvelope(method, payload, id) {
+    return {
+        v: exports.BRIDGE_PROTOCOL_VERSION,
+        ns: exports.BRIDGE_NAMESPACE,
+        id: id !== null && id !== void 0 ? id : createBridgeId(),
+        method,
+        ...(payload !== undefined ? { payload } : {}),
+    };
+}
+function isBridgeEnvelope(value) {
+    if (!value || typeof value !== "object")
+        return false;
+    const o = value;
+    return (o.v === exports.BRIDGE_PROTOCOL_VERSION &&
+        o.ns === exports.BRIDGE_NAMESPACE &&
+        typeof o.id === "string" &&
+        typeof o.method === "string");
+}
+function parseBridgeMessage(raw) {
+    try {
+        const parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+        return isBridgeEnvelope(parsed) ? parsed : null;
+    }
+    catch (_a) {
+        return null;
+    }
+}
+function serializeBridgeMessage(msg) {
+    return JSON.stringify(msg);
+}
+/** Flutter InAppWebView legacy handler names */
+exports.FLUTTER_LEGACY_STACK_HANDLERS = {
+    push: "stackPush",
+    replace: "stackReplace",
+    pop: "stackPop",
+    reset: "stackReset",
+};
+/** Unified handler name when native listens on one channel */
+exports.FLUTTER_UNIFIED_HANDLER = "webviewkitBridge";
+/** React Native receives messages via this global handler name suggestion */
+exports.RN_BRIDGE_HANDLER = "webviewkitBridge";

package/dist/bridge/stack-router-bridge.d.ts

@@ -0,0 +1,17 @@
+import type { StackMeta } from "./protocol";
+import type { BridgeTransportOptions } from "./transport";
+export type StackRouterBridge = {
+    push: (url: string, meta?: StackMeta) => Promise<unknown>;
+    replace: (url: string, meta?: StackMeta) => Promise<unknown>;
+    pop: () => Promise<unknown>;
+    reset: (url: string) => Promise<unknown>;
+};
+export type CreateStackRouterBridgeOptions = BridgeTransportOptions;
+/**
+ * Web → native stack navigation (Flutter `callHandler` / RN `postMessage`).
+ * Returns null in browser-only environments.
+ */
+export declare function createStackRouterBridge(options?: CreateStackRouterBridgeOptions): StackRouterBridge | null;
+export declare function getStackRouterBridge(): StackRouterBridge | null;
+export declare function installStackRouterBridge(options?: CreateStackRouterBridgeOptions): StackRouterBridge | null;
+//# sourceMappingURL=stack-router-bridge.d.ts.map

package/dist/bridge/stack-router-bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-router-bridge.d.ts","sourceRoot":"","sources":["../../src/bridge/stack-router-bridge.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,GAAG,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,sBAAsB,CAAC;AAEpE;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,CAAC,EAAE,8BAA8B,GACvC,iBAAiB,GAAG,IAAI,CAY1B;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,IAAI,CAG/D;AAED,wBAAgB,wBAAwB,CACtC,OAAO,CAAC,EAAE,8BAA8B,GACvC,iBAAiB,GAAG,IAAI,CAO1B"}

package/dist/bridge/stack-router-bridge.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStackRouterBridge = createStackRouterBridge;
+exports.getStackRouterBridge = getStackRouterBridge;
+exports.installStackRouterBridge = installStackRouterBridge;
+const client_1 = require("./client");
+const detect_host_1 = require("./detect-host");
+/**
+ * Web → native stack navigation (Flutter `callHandler` / RN `postMessage`).
+ * Returns null in browser-only environments.
+ */
+function createStackRouterBridge(options) {
+    const host = (0, detect_host_1.detectBridgeHost)();
+    if (!(0, detect_host_1.isNativeBridgeHost)(host))
+        return null;
+    const client = (0, client_1.createWebViewBridgeClient)(options);
+    return {
+        push: (url, meta) => client.stackPush(url, meta !== null && meta !== void 0 ? meta : null),
+        replace: (url, meta) => client.stackReplace(url, meta !== null && meta !== void 0 ? meta : null),
+        pop: () => client.stackPop(),
+        reset: (url) => client.stackReset(url),
+    };
+}
+function getStackRouterBridge() {
+    var _a, _b;
+    if (typeof window === "undefined")
+        return null;
+    return (_b = (_a = window.stackRouterBridge) !== null && _a !== void 0 ? _a : createStackRouterBridge()) !== null && _b !== void 0 ? _b : null;
+}
+function installStackRouterBridge(options) {
+    if (typeof window === "undefined")
+        return null;
+    const bridge = createStackRouterBridge(options);
+    if (bridge) {
+        window.stackRouterBridge = bridge;
+    }
+    return bridge;
+}

package/dist/bridge/transport.d.ts

@@ -0,0 +1,11 @@
+import type { BridgeEnvelope, BridgeHostKind } from "./protocol";
+export type BridgeTransportOptions = {
+    /** Flutter: use stackPush/stackPop handlers (default true) */
+    flutterLegacyHandlers?: boolean;
+};
+export interface BridgeTransport {
+    readonly host: BridgeHostKind;
+    send(envelope: BridgeEnvelope): Promise<void>;
+}
+export declare function createBridgeTransport(host?: BridgeHostKind, options?: BridgeTransportOptions): BridgeTransport;
+//# sourceMappingURL=transport.d.ts.map

package/dist/bridge/transport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transport.d.ts","sourceRoot":"","sources":["../../src/bridge/transport.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAQjE,MAAM,MAAM,sBAAsB,GAAG;IACnC,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C;AAoED,wBAAgB,qBAAqB,CACnC,IAAI,GAAE,cAAmC,EACzC,OAAO,GAAE,sBAA2B,GACnC,eAAe,CAIjB"}

package/dist/bridge/transport.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBridgeTransport = createBridgeTransport;
+const detect_host_1 = require("./detect-host");
+const protocol_1 = require("./protocol");
+function stackMethodToLegacyHandler(method) {
+    switch (method) {
+        case protocol_1.STACK_BRIDGE_METHODS.PUSH:
+            return protocol_1.FLUTTER_LEGACY_STACK_HANDLERS.push;
+        case protocol_1.STACK_BRIDGE_METHODS.REPLACE:
+            return protocol_1.FLUTTER_LEGACY_STACK_HANDLERS.replace;
+        case protocol_1.STACK_BRIDGE_METHODS.POP:
+            return protocol_1.FLUTTER_LEGACY_STACK_HANDLERS.pop;
+        case protocol_1.STACK_BRIDGE_METHODS.RESET:
+            return protocol_1.FLUTTER_LEGACY_STACK_HANDLERS.reset;
+        default:
+            return null;
+    }
+}
+function createReactNativeTransport() {
+    return {
+        host: "react-native",
+        async send(envelope) {
+            window.ReactNativeWebView.postMessage((0, protocol_1.serializeBridgeMessage)(envelope));
+        },
+    };
+}
+function createFlutterTransport(options) {
+    const useLegacy = options.flutterLegacyHandlers !== false;
+    return {
+        host: "flutter",
+        async send(envelope) {
+            var _a, _b;
+            const call = window.flutter_inappwebview.callHandler.bind(window.flutter_inappwebview);
+            if (useLegacy) {
+                const handler = stackMethodToLegacyHandler(envelope.method);
+                if (handler) {
+                    const payload = envelope.payload;
+                    if (envelope.method === protocol_1.STACK_BRIDGE_METHODS.POP) {
+                        await call(handler);
+                        return;
+                    }
+                    const url = (_a = payload === null || payload === void 0 ? void 0 : payload.url) !== null && _a !== void 0 ? _a : "";
+                    const meta = payload && "meta" in payload ? (_b = payload.meta) !== null && _b !== void 0 ? _b : null : null;
+                    await call(handler, url, meta);
+                    return;
+                }
+            }
+            await call(protocol_1.FLUTTER_UNIFIED_HANDLER, (0, protocol_1.serializeBridgeMessage)(envelope));
+        },
+    };
+}
+const browserTransport = {
+    host: "browser",
+    async send() {
+        /* no native host — web-only */
+    },
+};
+function createBridgeTransport(host = (0, detect_host_1.detectBridgeHost)(), options = {}) {
+    if (host === "react-native")
+        return createReactNativeTransport();
+    if (host === "flutter")
+        return createFlutterTransport(options);
+    return browserTransport;
+}

package/dist/constants.d.ts

@@ -0,0 +1,3 @@
+/** push/back 애니메이션·history 지연과 동기화 */
+export declare const STACK_TRANSITION_MS = 500;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,MAAM,CAAC"}

package/dist/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STACK_TRANSITION_MS = void 0;
+/** push/back 애니메이션·history 지연과 동기화 */
+exports.STACK_TRANSITION_MS = 500;

package/dist/{packages/core/src/history.d.ts → history.d.ts}

@@ -1,10 +1,11 @@
 import { HistoryListener, HistoryState } from "./type";
 export declare const history: {
-    push: (path: string, data?: any) => Promise<void>;
-    replace: (path: string, data: any) => Promise<void>;
+    push: (path: string, data?: unknown) => Promise<void>;
+    replace: (path: string, data?: unknown) => Promise<void>;
     back: () => Promise<void>;
     forward: () => Promise<void>;
     go: (delta: number) => Promise<void>;
     getCurrentState: () => HistoryState;
     addListener: (listener: HistoryListener) => () => boolean;
 };
+//# sourceMappingURL=history.d.ts.map

package/dist/history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../src/history.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAqBtE,eAAO,MAAM,OAAO;iBACC,MAAM,SAAS,OAAO;oBAYnB,MAAM,SAAS,OAAO;;;gBAwC1B,MAAM;2BAUH,YAAY;4BAWT,eAAe;CAIxC,CAAC"}

package/dist/history.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.history = void 0;
+const type_1 = require("./type");
+const constants_1 = require("./constants");
+const isBrowser = typeof window !== "undefined";
+const listeners = new Set();
+const notifyListeners = (state) => {
+    listeners.forEach((listener) => listener(state));
+};
+if (isBrowser) {
+    window.addEventListener("popstate", (event) => {
+        const state = event.state;
+        notifyListeners(state);
+    });
+}
+const delay = () => new Promise((resolve) => setTimeout(resolve, constants_1.STACK_TRANSITION_MS * 0.6));
+exports.history = {
+    push: async (path, data) => {
+        if (!isBrowser)
+            return;
+        const state = {
+            path,
+            data,
+            action: type_1.HistoryAction.PUSH,
+        };
+        window.history.pushState(state, "", path);
+        await delay();
+        notifyListeners(state);
+    },
+    replace: async (path, data) => {
+        if (!isBrowser)
+            return;
+        const state = {
+            path,
+            data,
+            action: type_1.HistoryAction.REPLACE,
+        };
+        window.history.replaceState(state, "", path);
+        await delay();
+        notifyListeners(state);
+    },
+    back: async () => {
+        if (!isBrowser)
+            return;
+        window.history.back();
+        await new Promise((resolve) => {
+            const onPop = () => {
+                window.removeEventListener("popstate", onPop);
+                resolve();
+            };
+            window.addEventListener("popstate", onPop);
+        });
+        notifyListeners({
+            path: window.location.pathname,
+            action: type_1.HistoryAction.POP,
+        });
+    },
+    forward: async () => {
+        if (!isBrowser)
+            return;
+        window.history.forward();
+        await delay();
+        notifyListeners({
+            path: window.location.pathname,
+            action: type_1.HistoryAction.PUSH,
+        });
+    },
+    go: async (delta) => {
+        if (!isBrowser)
+            return;
+        window.history.go(delta);
+        await delay();
+        notifyListeners({
+            path: window.location.pathname,
+            action: type_1.HistoryAction.PUSH,
+        });
+    },
+    getCurrentState: () => {
+        if (!isBrowser) {
+            return { path: "/" };
+        }
+        return (window.history.state || {
+            path: window.location.pathname,
+        });
+    },
+    addListener: (listener) => {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+    },
+};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { STACK_TRANSITION_MS } from "./constants";
+export { Direction, HistoryAction } from "./type";
+export type { StackRouterProviderProps, VisiblePage, HistoryState, HistoryListener, DirectionType, } from "./type";
+export { history } from "./history";
+export { default as StackRouterProvider, useStackRouter, } from "./stack-router/stack-router-provider";
+export { default as BackRouter } from "./stack-router/_components/back-router";
+export { default as StackHeader } from "./stack-router/_components/header";
+export { StackDevRoadmap } from "./stack-dev/stack-dev-roadmap";
+export { BRIDGE_PROTOCOL_VERSION, BRIDGE_NAMESPACE, STACK_BRIDGE_METHODS, FLUTTER_LEGACY_STACK_HANDLERS, FLUTTER_UNIFIED_HANDLER, RN_BRIDGE_HANDLER, createBridgeId, createBridgeEnvelope, isBridgeEnvelope, parseBridgeMessage, serializeBridgeMessage, detectBridgeHost, isNativeBridgeHost, createBridgeTransport, WebViewBridgeClient, createWebViewBridgeClient, installBridgeHost, handleBridgeMessage, emitBridgeEnvelope, createStackRouterBridge, getStackRouterBridge, installStackRouterBridge, WebViewBridgeProvider, } from "./bridge";
+export type { BridgeHostKind, StackBridgeMethod, StackMeta, StackPushPayload, StackReplacePayload, StackResetPayload, BridgeEnvelope, BridgeErrorBody, BridgeTransport, BridgeTransportOptions, WebViewBridgeClientOptions, InstallBridgeHostOptions, StackRouterHostHandlers, BridgeHostCleanup, StackRouterBridge, CreateStackRouterBridgeOptions, WebViewBridgeProviderProps, } from "./bridge";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EACV,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,aAAa,GACd,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,cAAc,GACf,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,oBAAoB,EACpB,6BAA6B,EAC7B,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,EACzB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAElB,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,8BAA8B,EAC9B,0BAA0B,GAC3B,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebViewBridgeProvider = exports.installStackRouterBridge = exports.getStackRouterBridge = exports.createStackRouterBridge = exports.emitBridgeEnvelope = exports.handleBridgeMessage = exports.installBridgeHost = exports.createWebViewBridgeClient = exports.WebViewBridgeClient = exports.createBridgeTransport = exports.isNativeBridgeHost = exports.detectBridgeHost = exports.serializeBridgeMessage = exports.parseBridgeMessage = exports.isBridgeEnvelope = exports.createBridgeEnvelope = exports.createBridgeId = exports.RN_BRIDGE_HANDLER = exports.FLUTTER_UNIFIED_HANDLER = exports.FLUTTER_LEGACY_STACK_HANDLERS = exports.STACK_BRIDGE_METHODS = exports.BRIDGE_NAMESPACE = exports.BRIDGE_PROTOCOL_VERSION = exports.StackDevRoadmap = exports.StackHeader = exports.BackRouter = exports.useStackRouter = exports.StackRouterProvider = exports.history = exports.HistoryAction = exports.Direction = exports.STACK_TRANSITION_MS = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "STACK_TRANSITION_MS", { enumerable: true, get: function () { return constants_1.STACK_TRANSITION_MS; } });
+var type_1 = require("./type");
+Object.defineProperty(exports, "Direction", { enumerable: true, get: function () { return type_1.Direction; } });
+Object.defineProperty(exports, "HistoryAction", { enumerable: true, get: function () { return type_1.HistoryAction; } });
+var history_1 = require("./history");
+Object.defineProperty(exports, "history", { enumerable: true, get: function () { return history_1.history; } });
+var stack_router_provider_1 = require("./stack-router/stack-router-provider");
+Object.defineProperty(exports, "StackRouterProvider", { enumerable: true, get: function () { return __importDefault(stack_router_provider_1).default; } });
+Object.defineProperty(exports, "useStackRouter", { enumerable: true, get: function () { return stack_router_provider_1.useStackRouter; } });
+var back_router_1 = require("./stack-router/_components/back-router");
+Object.defineProperty(exports, "BackRouter", { enumerable: true, get: function () { return __importDefault(back_router_1).default; } });
+var header_1 = require("./stack-router/_components/header");
+Object.defineProperty(exports, "StackHeader", { enumerable: true, get: function () { return __importDefault(header_1).default; } });
+var stack_dev_roadmap_1 = require("./stack-dev/stack-dev-roadmap");
+Object.defineProperty(exports, "StackDevRoadmap", { enumerable: true, get: function () { return stack_dev_roadmap_1.StackDevRoadmap; } });
+var bridge_1 = require("./bridge");
+Object.defineProperty(exports, "BRIDGE_PROTOCOL_VERSION", { enumerable: true, get: function () { return bridge_1.BRIDGE_PROTOCOL_VERSION; } });
+Object.defineProperty(exports, "BRIDGE_NAMESPACE", { enumerable: true, get: function () { return bridge_1.BRIDGE_NAMESPACE; } });
+Object.defineProperty(exports, "STACK_BRIDGE_METHODS", { enumerable: true, get: function () { return bridge_1.STACK_BRIDGE_METHODS; } });
+Object.defineProperty(exports, "FLUTTER_LEGACY_STACK_HANDLERS", { enumerable: true, get: function () { return bridge_1.FLUTTER_LEGACY_STACK_HANDLERS; } });
+Object.defineProperty(exports, "FLUTTER_UNIFIED_HANDLER", { enumerable: true, get: function () { return bridge_1.FLUTTER_UNIFIED_HANDLER; } });
+Object.defineProperty(exports, "RN_BRIDGE_HANDLER", { enumerable: true, get: function () { return bridge_1.RN_BRIDGE_HANDLER; } });
+Object.defineProperty(exports, "createBridgeId", { enumerable: true, get: function () { return bridge_1.createBridgeId; } });
+Object.defineProperty(exports, "createBridgeEnvelope", { enumerable: true, get: function () { return bridge_1.createBridgeEnvelope; } });
+Object.defineProperty(exports, "isBridgeEnvelope", { enumerable: true, get: function () { return bridge_1.isBridgeEnvelope; } });
+Object.defineProperty(exports, "parseBridgeMessage", { enumerable: true, get: function () { return bridge_1.parseBridgeMessage; } });
+Object.defineProperty(exports, "serializeBridgeMessage", { enumerable: true, get: function () { return bridge_1.serializeBridgeMessage; } });
+Object.defineProperty(exports, "detectBridgeHost", { enumerable: true, get: function () { return bridge_1.detectBridgeHost; } });
+Object.defineProperty(exports, "isNativeBridgeHost", { enumerable: true, get: function () { return bridge_1.isNativeBridgeHost; } });
+Object.defineProperty(exports, "createBridgeTransport", { enumerable: true, get: function () { return bridge_1.createBridgeTransport; } });
+Object.defineProperty(exports, "WebViewBridgeClient", { enumerable: true, get: function () { return bridge_1.WebViewBridgeClient; } });
+Object.defineProperty(exports, "createWebViewBridgeClient", { enumerable: true, get: function () { return bridge_1.createWebViewBridgeClient; } });
+Object.defineProperty(exports, "installBridgeHost", { enumerable: true, get: function () { return bridge_1.installBridgeHost; } });
+Object.defineProperty(exports, "handleBridgeMessage", { enumerable: true, get: function () { return bridge_1.handleBridgeMessage; } });
+Object.defineProperty(exports, "emitBridgeEnvelope", { enumerable: true, get: function () { return bridge_1.emitBridgeEnvelope; } });
+Object.defineProperty(exports, "createStackRouterBridge", { enumerable: true, get: function () { return bridge_1.createStackRouterBridge; } });
+Object.defineProperty(exports, "getStackRouterBridge", { enumerable: true, get: function () { return bridge_1.getStackRouterBridge; } });
+Object.defineProperty(exports, "installStackRouterBridge", { enumerable: true, get: function () { return bridge_1.installStackRouterBridge; } });
+Object.defineProperty(exports, "WebViewBridgeProvider", { enumerable: true, get: function () { return bridge_1.WebViewBridgeProvider; } });

package/dist/stack-dev/stack-dev-roadmap.d.ts

@@ -0,0 +1,15 @@
+export interface StackDevRoadmapProps {
+    /** 스택에 쌓인 페이지 경로 (아래 → 위 순) */
+    pages: {
+        path: string;
+    }[];
+    currentPath: string;
+    /** false면 렌더하지 않음 */
+    visible?: boolean;
+}
+/**
+ * 개발 환경에서 스택 깊이·경로를 눈으로 확인하는 로드맵 오버레이.
+ * StackRouterProvider `enableDevTools` 와 함께 사용합니다.
+ */
+export declare function StackDevRoadmap({ pages, currentPath, visible, }: StackDevRoadmapProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=stack-dev-roadmap.d.ts.map

package/dist/stack-dev/stack-dev-roadmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-dev-roadmap.d.ts","sourceRoot":"","sources":["../../src/stack-dev/stack-dev-roadmap.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,OAAc,GACf,EAAE,oBAAoB,2DAkGtB"}

package/dist/stack-dev/stack-dev-roadmap.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackDevRoadmap = StackDevRoadmap;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+/**
+ * 개발 환경에서 스택 깊이·경로를 눈으로 확인하는 로드맵 오버레이.
+ * StackRouterProvider `enableDevTools` 와 함께 사용합니다.
+ */
+function StackDevRoadmap({ pages, currentPath, visible = true, }) {
+    if (!visible || pages.length === 0)
+        return null;
+    const depth = pages.length;
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "status", "aria-live": "polite", "aria-label": `WebViewKit stack depth ${depth}`, style: {
+            position: "fixed",
+            bottom: 12,
+            right: 12,
+            zIndex: 2147483646,
+            minWidth: 200,
+            maxWidth: 320,
+            padding: "10px 12px",
+            borderRadius: 10,
+            background: "rgba(7, 11, 18, 0.92)",
+            border: "1px solid rgba(0, 232, 184, 0.35)",
+            color: "#e8eef4",
+            fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
+            fontSize: 11,
+            lineHeight: 1.45,
+            boxShadow: "0 8px 24px rgba(0,0,0,0.35)",
+            pointerEvents: "none",
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", gap: 8 }, children: [(0, jsx_runtime_1.jsx)("span", { style: { color: "#00e8b8", fontWeight: 700 }, children: "WebViewKit" }), (0, jsx_runtime_1.jsxs)("span", { style: { color: "#94a3b8" }, children: ["stack \u00D7 ", depth] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 0,
+                    marginTop: 10,
+                    padding: "4px 0",
+                }, children: pages.map((page, index) => {
+                    const isCurrent = page.path === currentPath;
+                    const isLast = index === pages.length - 1;
+                    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [index > 0 && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    width: 14,
+                                    height: 2,
+                                    background: isLast
+                                        ? "linear-gradient(90deg,#334155,#00e8b8)"
+                                        : "#334155",
+                                    flexShrink: 0,
+                                } })), (0, jsx_runtime_1.jsx)("span", { title: page.path, style: {
+                                    width: isCurrent ? 12 : 8,
+                                    height: isCurrent ? 12 : 8,
+                                    borderRadius: "50%",
+                                    flexShrink: 0,
+                                    background: isCurrent ? "#00e8b8" : "#475569",
+                                    boxShadow: isCurrent ? "0 0 10px rgba(0,232,184,0.85)" : "none",
+                                    transition: "all 0.2s ease",
+                                } })] }, `${page.path}-${index}`));
+                }) }), (0, jsx_runtime_1.jsx)("ol", { style: { margin: "8px 0 0", paddingLeft: 18, color: "#cbd5e1" }, children: pages.map((page, index) => {
+                    const isCurrent = index === pages.length - 1;
+                    return ((0, jsx_runtime_1.jsxs)("li", { style: {
+                            fontWeight: isCurrent ? 600 : 400,
+                            color: isCurrent ? "#00e8b8" : "#94a3b8",
+                        }, children: [page.path, isCurrent ? " ← top" : ""] }, `${page.path}-${index}`));
+                }) })] }));
+}

package/dist/stack-router/_components/back-router.d.ts

@@ -0,0 +1,3 @@
+declare const BackRouter: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BackRouter;
+//# sourceMappingURL=back-router.d.ts.map

package/dist/stack-router/_components/back-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-router.d.ts","sourceRoot":"","sources":["../../../src/stack-router/_components/back-router.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,wDAOf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/stack-router/_components/back-router.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const stack_router_provider_1 = require("../stack-router-provider");
+const BackRouter = () => {
+    const { back } = (0, stack_router_provider_1.useStackRouter)();
+    return ((0, jsx_runtime_1.jsx)(BackButton, { onClick: back, children: (0, jsx_runtime_1.jsx)(BackIcon, {}) }));
+};
+exports.default = BackRouter;
+/**
+ styles
+ */
+const BackButton = styled_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 50%;
+  transition: all 0.2s;
+  color: #000000;
+
+  &:hover {
+    color: #666666;
+  }
+
+  &:active {
+    color: #999999;
+  }
+`;
+const BackIcon = () => ((0, jsx_runtime_1.jsx)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 20L4 12L12 4", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));

package/dist/stack-router/_components/header.d.ts

@@ -0,0 +1,3 @@
+declare const Header: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Header;
+//# sourceMappingURL=header.d.ts.map

package/dist/stack-router/_components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/stack-router/_components/header.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM,wDAmBX,CAAC;AAsBF,eAAe,MAAM,CAAC"}

package/dist/stack-router/_components/header.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const back_router_1 = __importDefault(require("./back-router"));
+const stack_router_provider_1 = require("../stack-router-provider");
+const constants_1 = require("../../constants");
+const Header = () => {
+    const { currentPath, visiblePages } = (0, stack_router_provider_1.useStackRouter)();
+    const [displayPath, setDisplayPath] = (0, react_1.useState)(currentPath);
+    const [isVisible, setIsVisible] = (0, react_1.useState)(visiblePages.length > 1);
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => {
+            setDisplayPath(currentPath);
+            setIsVisible(visiblePages.length > 1);
+        }, constants_1.STACK_TRANSITION_MS);
+        return () => clearTimeout(timer);
+    }, [currentPath, visiblePages]);
+    return ((0, jsx_runtime_1.jsxs)(StyledHeader, { children: [isVisible && (0, jsx_runtime_1.jsx)(back_router_1.default, {}), (0, jsx_runtime_1.jsx)(StyledTitle, { children: displayPath })] }));
+};
+/**
+ styles
+ */
+const StyledHeader = styled_1.default.header `
+  width: 100%;
+  height: 64px;
+  background-color: white;
+  border-bottom: 1px solid #e5e7eb;
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+`;
+const StyledTitle = styled_1.default.h1 `
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #111827;
+`;
+exports.default = Header;

package/dist/{packages/core/src/stack-router → stack-router}/stack-router-provider.d.ts

@@ -19,10 +19,9 @@ interface StackRouterContextProps {
         path: string;
         element: React.ReactNode;
     }[];
-    ActivitysLayout?: React.ComponentType<{
-        children: React.ReactNode;
-    }>;
 }
 export declare const useStackRouter: () => StackRouterContextProps;
-declare const StackRouter: ({ maxWidth, Activities, initialActivity, ActivitysLayout, }: StackRouterProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default StackRouter;
+declare const StackRouterProvider: ({ maxWidth, Activities, initialActivity, enableDevTools, }: StackRouterProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default StackRouterProvider;
+export { StackRouterProvider };
+//# sourceMappingURL=stack-router-provider.d.ts.map

package/dist/stack-router/stack-router-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-router-provider.d.ts","sourceRoot":"","sources":["../../src/stack-router/stack-router-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAMvF,OAAO,EAEL,YAAY,EAGZ,wBAAwB,EAEzB,MAAM,SAAS,CAAC;AAEjB,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IACzD,eAAe,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC5D,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;CAC5D;AAID,eAAO,MAAM,cAAc,+BAM1B,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,4DAK1B,wBAAwB,qDAiI1B,CAAC;AAEF,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,CAAC"}