@oyna360/lobby-sdk 0.1.0

package/dist/lobby-chat-ui.js

@@ -0,0 +1,258 @@
+import { LOBBY_UI_FONT, ensureLobbyPersianFont } from './lobby-font';
+import { LOBBY_CHAT_MAX_LEN } from './protocol';
+import { formatPlayerHandle } from './player-label';
+const SEND_ICON = '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M3.4 11.2 20.1 3.4c.7-.3 1.4.4 1.1 1.1l-7.8 16.7c-.3.7-1.3.6-1.5-.2l-1.8-6.6-6.6-1.8c-.8-.2-.9-1.2-.2-1.4Z"/></svg>';
+const ICON_BTN = `pointer-events:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(8,8,20,.55);color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;padding:0;font-family:${LOBBY_UI_FONT}`;
+export function attachLobbyChatUi(lobby, canvas) {
+    void ensureLobbyPersianFont();
+    const toggle = document.createElement('button');
+    toggle.type = 'button';
+    toggle.title = 'چت لابی';
+    toggle.setAttribute('aria-label', 'چت لابی');
+    toggle.style.cssText = ICON_BTN;
+    const icon = document.createElement('span');
+    icon.textContent = '💬';
+    icon.setAttribute('aria-hidden', 'true');
+    const panel = document.createElement('div');
+    panel.style.cssText =
+        `display:none;pointer-events:auto;width:260px;background:rgba(8,8,20,.78);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;font:13px/1.5 ${LOBBY_UI_FONT};color:#fff;direction:rtl`;
+    const log = document.createElement('div');
+    log.style.cssText = 'height:140px;overflow:auto;margin-bottom:8px';
+    const row = document.createElement('div');
+    row.style.cssText = 'display:flex;gap:6px;align-items:center';
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.maxLength = LOBBY_CHAT_MAX_LEN;
+    input.autocomplete = 'off';
+    input.placeholder = 'پیام به لابی…';
+    input.style.cssText =
+        `flex:1;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(0,0,0,.28);color:#fff;padding:7px 9px;font:13px ${LOBBY_UI_FONT}`;
+    const send = document.createElement('button');
+    send.type = 'button';
+    send.title = 'ارسال';
+    send.setAttribute('aria-label', 'ارسال');
+    send.innerHTML = SEND_ICON;
+    send.style.cssText =
+        'flex:0 0 42px;width:42px;height:36px;border:0;border-radius:10px;background:#7c3aed;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0';
+    row.append(input, send);
+    panel.append(log, row);
+    const toast = document.createElement('button');
+    toast.type = 'button';
+    toast.style.cssText = [
+        'display:none',
+        'pointer-events:auto',
+        'max-width:220px',
+        'border:1px solid rgba(255,255,255,.14)',
+        'border-radius:12px',
+        'background:rgba(8,8,20,.78)',
+        'color:#fff',
+        `font:12px/1.45 ${LOBBY_UI_FONT}`,
+        'text-align:right',
+        'padding:7px 10px',
+        'cursor:pointer',
+        'white-space:nowrap',
+        'overflow:hidden',
+        'text-overflow:ellipsis',
+    ].join(';');
+    const badge = document.createElement('span');
+    badge.style.cssText =
+        'display:none;position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font:700 10px/16px Vazirmatn,Tahoma,sans-serif;text-align:center;pointer-events:none';
+    toggle.style.position = 'relative';
+    toggle.replaceChildren(icon, badge);
+    const root = document.createElement('div');
+    root.dataset.lobbyChat = '1';
+    mountChatChrome(root, toggle, panel, toast, canvas);
+    let unread = 0;
+    let toastTimer = 0;
+    const isOpen = () => panel.style.display !== 'none';
+    const setToggleActive = (active) => {
+        toggle.style.borderColor = active ? 'rgba(74,222,128,.45)' : 'rgba(255,255,255,.14)';
+        toggle.style.background = active ? 'rgba(20,83,45,.55)' : 'rgba(8,8,20,.55)';
+        icon.textContent = '💬';
+    };
+    const hideToast = () => {
+        toast.style.display = 'none';
+        if (toastTimer)
+            window.clearTimeout(toastTimer);
+        toastTimer = 0;
+    };
+    const setUnread = (n) => {
+        unread = n;
+        badge.textContent = n > 9 ? '۹+' : String(n);
+        badge.style.display = n > 0 ? 'block' : 'none';
+    };
+    const submit = () => {
+        if (lobby.sendChat(input.value))
+            input.value = '';
+    };
+    const open = () => {
+        panel.style.display = 'block';
+        setToggleActive(true);
+        hideToast();
+        setUnread(0);
+        input.focus();
+    };
+    const close = () => {
+        panel.style.display = 'none';
+        setToggleActive(false);
+    };
+    const blockScene = (e) => {
+        e.stopPropagation();
+    };
+    toggle.addEventListener('pointerdown', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (isOpen())
+            close();
+        else
+            open();
+    });
+    toast.addEventListener('pointerdown', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        open();
+    });
+    row.addEventListener('pointerdown', blockScene);
+    row.addEventListener('click', blockScene);
+    send.addEventListener('pointerdown', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        submit();
+    });
+    input.addEventListener('keydown', (e) => {
+        if (e.key !== 'Enter')
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        submit();
+    });
+    const chatAnchor = document.getElementById('oyna-lobby-chat-anchor');
+    const syncAccess = () => {
+        const allowed = lobby.canUseChat();
+        if (chatAnchor)
+            chatAnchor.style.display = allowed ? '' : 'none';
+        else
+            root.style.display = allowed ? '' : 'none';
+    };
+    syncAccess();
+    const offConnected = lobby.on('connected', syncAccess);
+    const off = lobby.on('chat', ({ userId, displayName, username, text }) => {
+        const mine = userId === lobby.getUser().id;
+        const line = document.createElement('p');
+        line.style.margin = '0 0 6px';
+        line.style.wordBreak = 'break-word';
+        const who = document.createElement('b');
+        who.style.color = '#c4b5fd';
+        who.textContent = mine ? 'شما' : formatPlayerHandle(displayName, username);
+        line.append(who, document.createTextNode(`: ${text}`));
+        log.append(line);
+        while (log.childElementCount > 40)
+            log.firstElementChild?.remove();
+        log.scrollTop = log.scrollHeight;
+        if (isOpen())
+            return;
+        if (mine)
+            return;
+        const label = formatPlayerHandle(displayName, username);
+        toast.textContent = `${label}: ${text}`;
+        toast.style.display = 'block';
+        if (toastTimer)
+            window.clearTimeout(toastTimer);
+        toastTimer = window.setTimeout(hideToast, 4200);
+        setUnread(unread + 1);
+    });
+    return () => {
+        off();
+        offConnected();
+        hideToast();
+        toggle.remove();
+        root.remove();
+    };
+}
+function mountChatChrome(root, toggle, panel, toast, canvas) {
+    const shell = [
+        `z-index:30`,
+        `font:13px/1.5 ${LOBBY_UI_FONT}`,
+        'color:#fff',
+        'direction:rtl',
+        'pointer-events:none',
+    ].join(';');
+    const toolbar = document.getElementById('oyna-lobby-hud__toolbar') ??
+        document.querySelector('.oyna-lobby-hud__toolbar');
+    const chatAnchor = document.getElementById('oyna-lobby-chat-anchor');
+    if (toolbar && chatAnchor) {
+        chatAnchor.replaceChildren(toggle);
+        root.style.cssText = [
+            'position:absolute',
+            'top:calc(100% + 8px)',
+            'left:0',
+            'display:flex',
+            'flex-direction:column',
+            'gap:8px',
+            'align-items:flex-start',
+            shell,
+        ].join(';');
+        const iconRow = document.createElement('div');
+        iconRow.style.cssText = 'display:flex;align-items:center;gap:8px';
+        iconRow.append(toast);
+        root.append(iconRow, panel);
+        toolbar.append(root);
+        return;
+    }
+    const music = document.getElementById('oyna-lobby-music') || document.getElementById('music-btn');
+    const dummyChat = document.querySelector('.icon-col button[title="گفتگو"]');
+    dummyChat?.remove();
+    if (music?.parentElement?.classList.contains('icon-col')) {
+        music.insertAdjacentElement('afterend', toggle);
+        const col = music.parentElement;
+        const hud = col.parentElement ?? col;
+        root.style.cssText = [
+            'position:absolute',
+            `left:${col.offsetLeft + col.offsetWidth + 8}px`,
+            `top:${col.offsetTop + toggle.offsetTop}px`,
+            shell,
+        ].join(';');
+        root.append(toast, panel);
+        hud.append(root);
+        return;
+    }
+    if (music?.parentElement) {
+        music.insertAdjacentElement('afterend', toggle);
+        root.style.cssText = [
+            'position:absolute',
+            `top:calc(${music.offsetTop}px + ${music.offsetHeight}px + 8px)`,
+            `left:${music.offsetLeft}px`,
+            'display:flex',
+            'flex-direction:column',
+            'gap:8px',
+            'align-items:flex-start',
+            shell,
+        ].join(';');
+        const iconRow = document.createElement('div');
+        iconRow.style.cssText = 'display:flex;align-items:center;gap:8px';
+        iconRow.append(toast);
+        root.append(iconRow, panel);
+        music.parentElement.append(root);
+        return;
+    }
+    const host = canvas.parentElement ?? document.body;
+    if (getComputedStyle(host).position === 'static') {
+        host.style.position = 'relative';
+    }
+    root.style.cssText = [
+        'position:absolute',
+        'top:64px',
+        'left:14px',
+        'display:flex',
+        'flex-direction:column',
+        'gap:8px',
+        'align-items:flex-start',
+        shell,
+    ].join(';');
+    const iconRow = document.createElement('div');
+    iconRow.style.cssText = 'display:flex;align-items:center;gap:8px';
+    iconRow.append(toggle, toast);
+    root.append(iconRow, panel);
+    host.append(root);
+}
+//# sourceMappingURL=lobby-chat-ui.js.map

package/dist/lobby-chat-ui.js.map

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

package/dist/lobby-colliders.d.ts

@@ -0,0 +1,10 @@
+import type { AbstractMesh, Scene } from '@babylonjs/core';
+export declare function syncCharacterObstacle(scene: Scene, rootName: string, x: number, z: number): void;
+export declare function removeCharacterObstacle(scene: Scene, rootName: string): void;
+/**
+ * Invisible world-space colliders for every lobby prop.
+ * Thin floors stay walk-through so the capsule does not hop; tall proxies block walking through objects.
+ */
+export declare function applyLobbyCollisions(scene: Scene): void;
+export declare function isSolidLobbyMesh(mesh: AbstractMesh): boolean;
+//# sourceMappingURL=lobby-colliders.d.ts.map

package/dist/lobby-colliders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lobby-colliders.d.ts","sourceRoot":"","sources":["../src/lobby-colliders.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA0H3D,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,QAEzF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,QAErE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,QAyHhD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,WAUlD"}

package/dist/lobby-colliders.js

@@ -0,0 +1,225 @@
+import { MeshBuilder, StandardMaterial } from '@babylonjs/core';
+/** Visuals the player should walk over / through (floors, signs, portal rings). */
+function isWalkThroughVisual(name) {
+    if (!name || name.includes('nametag') || name.includes('-sign'))
+        return true;
+    if (name === 'local-player')
+        return false;
+    if (name.startsWith('local-player'))
+        return true;
+    if (/^path-\d+$/.test(name))
+        return true;
+    return [
+        'room-portal-',
+        'room-veil-',
+        'room-sign-',
+        'room-orbit-',
+        'room-track-',
+        'room-pad-',
+        'room-inner-',
+        'room-spire-',
+        'plaza-pavement',
+        'plaza-ring',
+        'plaza-center',
+        'grass-ground',
+        'fountain-water',
+        'fountain-bowl',
+        'fountain-base',
+        'fountain-column',
+        'shop-window-',
+        'shop-sign-',
+        'shop-roof-',
+        'path-curb-',
+        'edge-tile-',
+        'grid-floor',
+        'spawn-plaza',
+        'zone-',
+        'portal-',
+        'lamp-bulb-',
+        'playground-slide-sign',
+        'playground-trampoline-sign',
+        'playground-slide-bolt-',
+        'playground-slide-skirt',
+        'playground-slide-brace',
+        'playground-trampoline-ring',
+        'playground-trampoline-ring-inner',
+        'playground-trampoline-orb-',
+        'playground-trampoline-base',
+    ].some((p) => name === p || name.startsWith(p));
+}
+function ghostMaterial(scene) {
+    let mat = scene.getMaterialByName('lobby-phys-ghost');
+    if (!mat) {
+        mat = new StandardMaterial('lobby-phys-ghost', scene);
+        mat.alpha = 0;
+        mat.disableDepthWrite = true;
+        mat.backFaceCulling = false;
+    }
+    return mat;
+}
+function stampCollider(mesh, scene) {
+    mesh.material = ghostMaterial(scene);
+    mesh.visibility = 0;
+    mesh.isVisible = true;
+    mesh.isPickable = true;
+    mesh.checkCollisions = true;
+}
+function ensureCylinder(scene, name, x, z, diameter, height, y) {
+    let block = scene.getMeshByName(name);
+    if (!block) {
+        block = MeshBuilder.CreateCylinder(name, { diameter, height, tessellation: 12 }, scene);
+    }
+    block.position.set(x, y, z);
+    stampCollider(block, scene);
+    return block;
+}
+function ensureBox(scene, name, x, y, z, width, height, depth, rotationY) {
+    let block = scene.getMeshByName(name);
+    if (!block) {
+        block = MeshBuilder.CreateBox(name, { width, height, depth }, scene);
+    }
+    block.position.set(x, y, z);
+    block.rotation.y = rotationY;
+    stampCollider(block, scene);
+    return block;
+}
+function abs(mesh) {
+    mesh.computeWorldMatrix(true);
+    return mesh.getAbsolutePosition();
+}
+function yawOf(mesh) {
+    mesh.computeWorldMatrix(true);
+    const q = mesh.absoluteRotationQuaternion;
+    if (q)
+        return q.toEulerAngles().y;
+    return mesh.rotation.y;
+}
+function localDepth(mesh) {
+    mesh.computeWorldMatrix(true);
+    return Math.max(mesh.getBoundingInfo().boundingBox.extendSize.z * 2, 1.6);
+}
+export function syncCharacterObstacle(scene, rootName, x, z) {
+    ensureCylinder(scene, `${rootName}-charcol`, x, z, 0.95, 1.95, 0.97);
+}
+export function removeCharacterObstacle(scene, rootName) {
+    scene.getMeshByName(`${rootName}-charcol`)?.dispose();
+}
+/**
+ * Invisible world-space colliders for every lobby prop.
+ * Thin floors stay walk-through so the capsule does not hop; tall proxies block walking through objects.
+ */
+export function applyLobbyCollisions(scene) {
+    scene.collisionsEnabled = true;
+    ensureCylinder(scene, 'fountain-blocker', 0, 0, 5.1, 2.8, 1.4);
+    const snapshot = [...scene.meshes];
+    for (const mesh of snapshot) {
+        mesh.computeWorldMatrix(true);
+    }
+    for (const mesh of snapshot) {
+        const n = mesh.name;
+        const p = abs(mesh);
+        if (/^path-\d+$/.test(n)) {
+            const yaw = yawOf(mesh);
+            const depth = localDepth(mesh);
+            const sx = Math.cos(yaw);
+            const sz = -Math.sin(yaw);
+            for (const [side, s] of [
+                ['L', -1],
+                ['R', 1],
+            ]) {
+                ensureBox(scene, `${n}-rail-${side}`, p.x + sx * s * 1.32, 0.95, p.z + sz * s * 1.32, 0.62, 1.9, depth, yaw);
+            }
+        }
+        if (/^tree-\d+$/.test(n)) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 2.4, 3.4, 1.7);
+        }
+        if (/^bush-\d+$/.test(n)) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 1.25, 1.2, 0.6);
+        }
+        if (n.startsWith('shop-building-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 6.0, 3.8, 1.9);
+        }
+        if (n.startsWith('lamp-pole-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 0.62, 3.5, 1.75);
+        }
+        if (n.startsWith('rock-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 1.2, 1.05, 0.52);
+        }
+        if (/^bench-\d+$/.test(n)) {
+            ensureBox(scene, `${n}-phys`, p.x, 0.55, p.z, 1.8, 1.1, 0.7, yawOf(mesh));
+        }
+        if (n.startsWith('room-col-') || n.startsWith('room-dual-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 0.8, 2.9, 1.45);
+        }
+        if (n.startsWith('room-goo-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 1.35, 1.3, 0.65);
+        }
+        if (n.startsWith('room-ice-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 1.45, 1.65, 0.82);
+        }
+        if (/^pillar-\d+$/.test(n)) {
+            ensureBox(scene, `${n}-phys`, p.x, 2, p.z, 1.5, 4.2, 1.5, 0);
+        }
+        if (n.startsWith('playground-slide-leg-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 0.42, 2.8, p.y);
+        }
+        if (n.startsWith('playground-slide-deck-rail-') || n.startsWith('playground-slide-stair-rail-')) {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 0.28, 1.4, p.y);
+        }
+        if (n === 'playground-trampoline-base') {
+            ensureCylinder(scene, `${n}-phys`, p.x, p.z, 4.8, 0.8, 0.4);
+        }
+        if (n.endsWith('-bodycol')) {
+            const rootName = n.slice(0, -'-bodycol'.length);
+            if (!rootName.startsWith('remote-') && !rootName.startsWith('local-player')) {
+                syncCharacterObstacle(scene, rootName, p.x, p.z);
+            }
+        }
+    }
+    for (const mesh of scene.meshes) {
+        const n = mesh.name;
+        if (n === 'ground' || n === 'local-player') {
+            mesh.checkCollisions = true;
+            continue;
+        }
+        if (n.endsWith('-phys') || n.endsWith('-charcol') || n.includes('-rail-') || n === 'fountain-blocker') {
+            stampCollider(mesh, scene);
+            continue;
+        }
+        if (isWalkThroughVisual(n) || n.endsWith('-bodycol')) {
+            mesh.checkCollisions = false;
+        }
+        if (n === 'ground' ||
+            n === 'grass-ground' ||
+            n === 'plaza-pavement' ||
+            /^path-\d+$/.test(n) ||
+            n === 'playground-slide-deck' ||
+            n === 'playground-slide-landing' ||
+            n === 'playground-slide-stair-ramp' ||
+            n === 'playground-slide-bed' ||
+            n === 'playground-trampoline-pad' ||
+            n.startsWith('playground-slide-step-') ||
+            n.startsWith('room-pad-') ||
+            n.startsWith('room-inner-')) {
+            mesh.isPickable = true;
+        }
+    }
+    const ground = scene.getMeshByName('ground');
+    if (ground) {
+        ground.checkCollisions = true;
+        ground.isPickable = true;
+        ground.isVisible = true;
+        ground.visibility = 1;
+    }
+}
+export function isSolidLobbyMesh(mesh) {
+    const n = mesh.name;
+    if (!n || isWalkThroughVisual(n))
+        return false;
+    return (n === 'ground' ||
+        n === 'fountain-blocker' ||
+        n.endsWith('-phys') ||
+        n.endsWith('-charcol') ||
+        n.includes('-rail-'));
+}
+//# sourceMappingURL=lobby-colliders.js.map

package/dist/lobby-colliders.js.map

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

package/dist/lobby-connection-ui.d.ts

@@ -0,0 +1,8 @@
+import type { PlatformLobby } from './platform-lobby';
+import { type LobbyUiMessages } from './lobby-ui-i18n';
+/**
+ * Full-screen connection status overlay.
+ * Shows when disconnected / reconnecting / reconnect failed.
+ */
+export declare function attachLobbyConnectionUi(lobby: PlatformLobby, messages?: Partial<LobbyUiMessages>): () => void;
+//# sourceMappingURL=lobby-connection-ui.d.ts.map

package/dist/lobby-connection-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lobby-connection-ui.d.ts","sourceRoot":"","sources":["../src/lobby-connection-ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA0B,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE/E;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,aAAa,EACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAClC,MAAM,IAAI,CAuEZ"}

package/dist/lobby-connection-ui.js

@@ -0,0 +1,68 @@
+import { LOBBY_UI_FONT, ensureLobbyPersianFont } from './lobby-font';
+import { resolveLobbyUiMessages } from './lobby-ui-i18n';
+/**
+ * Full-screen connection status overlay.
+ * Shows when disconnected / reconnecting / reconnect failed.
+ */
+export function attachLobbyConnectionUi(lobby, messages) {
+    void ensureLobbyPersianFont();
+    const copy = resolveLobbyUiMessages(lobby.getUiLocale(), messages);
+    const overlay = document.createElement('div');
+    overlay.id = 'oyna-lobby-connection-overlay';
+    overlay.style.cssText = [
+        'display:none',
+        'position:fixed',
+        'inset:0',
+        'z-index:9999',
+        'background:rgba(0,0,0,.72)',
+        'color:#fff',
+        `font:700 16px/1.5 ${LOBBY_UI_FONT}`,
+        'direction:rtl',
+        'text-align:center',
+        'place-items:center',
+        'pointer-events:auto',
+    ].join(';');
+    const box = document.createElement('div');
+    box.style.cssText =
+        'background:rgba(8,8,20,.85);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 32px;max-width:320px';
+    const msg = document.createElement('p');
+    msg.style.cssText = 'margin:0 0 8px;font-size:16px';
+    const sub = document.createElement('p');
+    sub.style.cssText = 'margin:0;font-size:13px;opacity:.7';
+    box.append(msg, sub);
+    overlay.append(box);
+    document.body.append(overlay);
+    let failed = false;
+    const show = (text, detail) => {
+        msg.textContent = text;
+        sub.textContent = detail;
+        overlay.style.display = 'grid';
+    };
+    const hide = () => {
+        overlay.style.display = 'none';
+        failed = false;
+    };
+    const offDisconnected = lobby.on('disconnected', () => {
+        if (failed)
+            return;
+        show(copy.connectionLost, copy.connectionReconnecting);
+    });
+    const offReconnecting = lobby.on('reconnecting', ({ attempt }) => {
+        show(copy.connectionLost, `${copy.connectionRetry} ${attempt}…`);
+    });
+    const offReconnectFailed = lobby.on('reconnectFailed', () => {
+        failed = true;
+        show(copy.connectionLost, copy.connectionRetry);
+    });
+    const offConnected = lobby.on('connected', () => {
+        hide();
+    });
+    return () => {
+        offDisconnected();
+        offReconnecting();
+        offReconnectFailed();
+        offConnected();
+        overlay.remove();
+    };
+}
+//# sourceMappingURL=lobby-connection-ui.js.map

package/dist/lobby-connection-ui.js.map

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