From ebbfed10ce87da8f3eafd447fd8f4cd71910758b Mon Sep 17 00:00:00 2001 From: mumra Date: Tue, 14 Oct 2025 15:06:21 +0100 Subject: [PATCH 1/6] Create Vite projects for lobby and game clients This adds two Vite projects (a JavaScript build tool) for the lobby and game clients, which need to be built as separate bundles. These are just skeletons for now, files will be moved and altered in following commits in an attempt to minimise git conflicts for anyone who might have .js changes in a branch or fork. --- crawl-ref/source/webserver/.gitignore | 1 + .../source/webserver/client/game/.gitignore | 24 + .../source/webserver/client/game/index.html | 13 + .../webserver/client/game/package-lock.json | 1074 +++++++++++++++++ .../source/webserver/client/game/package.json | 15 + .../webserver/client/game/public/vite.svg | 1 + .../webserver/client/game/src/counter.ts | 9 + .../source/webserver/client/game/src/main.ts | 24 + .../webserver/client/game/src/style.css | 96 ++ .../webserver/client/game/src/typescript.svg | 1 + .../webserver/client/game/tsconfig.json | 26 + .../source/webserver/client/lobby/.gitignore | 24 + .../source/webserver/client/lobby/index.html | 13 + .../webserver/client/lobby/package-lock.json | 1074 +++++++++++++++++ .../webserver/client/lobby/package.json | 15 + .../webserver/client/lobby/public/vite.svg | 1 + .../webserver/client/lobby/src/counter.ts | 9 + .../source/webserver/client/lobby/src/main.ts | 24 + .../webserver/client/lobby/src/style.css | 96 ++ .../webserver/client/lobby/src/typescript.svg | 1 + .../webserver/client/lobby/tsconfig.json | 26 + 21 files changed, 2567 insertions(+) create mode 100644 crawl-ref/source/webserver/client/game/.gitignore create mode 100644 crawl-ref/source/webserver/client/game/index.html create mode 100644 crawl-ref/source/webserver/client/game/package-lock.json create mode 100644 crawl-ref/source/webserver/client/game/package.json create mode 100644 crawl-ref/source/webserver/client/game/public/vite.svg create mode 100644 crawl-ref/source/webserver/client/game/src/counter.ts create mode 100644 crawl-ref/source/webserver/client/game/src/main.ts create mode 100644 crawl-ref/source/webserver/client/game/src/style.css create mode 100644 crawl-ref/source/webserver/client/game/src/typescript.svg create mode 100644 crawl-ref/source/webserver/client/game/tsconfig.json create mode 100644 crawl-ref/source/webserver/client/lobby/.gitignore create mode 100644 crawl-ref/source/webserver/client/lobby/index.html create mode 100644 crawl-ref/source/webserver/client/lobby/package-lock.json create mode 100644 crawl-ref/source/webserver/client/lobby/package.json create mode 100644 crawl-ref/source/webserver/client/lobby/public/vite.svg create mode 100644 crawl-ref/source/webserver/client/lobby/src/counter.ts create mode 100644 crawl-ref/source/webserver/client/lobby/src/main.ts create mode 100644 crawl-ref/source/webserver/client/lobby/src/style.css create mode 100644 crawl-ref/source/webserver/client/lobby/src/typescript.svg create mode 100644 crawl-ref/source/webserver/client/lobby/tsconfig.json diff --git a/crawl-ref/source/webserver/.gitignore b/crawl-ref/source/webserver/.gitignore index 4c86c436c01..d3e0c2dc16c 100644 --- a/crawl-ref/source/webserver/.gitignore +++ b/crawl-ref/source/webserver/.gitignore @@ -8,3 +8,4 @@ banned_players.txt webtiles/version.txt Pipfile Pipfile.lock +node_modules/ \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/game/.gitignore b/crawl-ref/source/webserver/client/game/.gitignore new file mode 100644 index 00000000000..a547bf36d8d --- /dev/null +++ b/crawl-ref/source/webserver/client/game/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/crawl-ref/source/webserver/client/game/index.html b/crawl-ref/source/webserver/client/game/index.html new file mode 100644 index 00000000000..749474f06af --- /dev/null +++ b/crawl-ref/source/webserver/client/game/index.html @@ -0,0 +1,13 @@ + + + + + + + Crawl Game + + +
+ + + diff --git a/crawl-ref/source/webserver/client/game/package-lock.json b/crawl-ref/source/webserver/client/game/package-lock.json new file mode 100644 index 00000000000..7df11ffcd9c --- /dev/null +++ b/crawl-ref/source/webserver/client/game/package-lock.json @@ -0,0 +1,1074 @@ +{ + "name": "lobby", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "lobby", + "version": "0.0.0", + "devDependencies": { + "typescript": "~5.9.3", + "vite": "^7.1.7" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz", + "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz", + "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz", + "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz", + "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz", + "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz", + "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz", + "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz", + "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz", + "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz", + "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz", + "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz", + "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz", + "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz", + "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz", + "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz", + "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz", + "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz", + "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz", + "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz", + "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz", + "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz", + "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz", + "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz", + "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz", + "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz", + "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz", + "integrity": "sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz", + "integrity": "sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz", + "integrity": "sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz", + "integrity": "sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz", + "integrity": "sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz", + "integrity": "sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz", + "integrity": "sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz", + "integrity": "sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz", + "integrity": "sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz", + "integrity": "sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz", + "integrity": "sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz", + "integrity": "sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz", + "integrity": "sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz", + "integrity": "sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz", + "integrity": "sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz", + "integrity": "sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz", + "integrity": "sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz", + "integrity": "sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz", + "integrity": "sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz", + "integrity": "sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz", + "integrity": "sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz", + "integrity": "sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/esbuild": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz", + "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.10", + "@esbuild/android-arm": "0.25.10", + "@esbuild/android-arm64": "0.25.10", + "@esbuild/android-x64": "0.25.10", + "@esbuild/darwin-arm64": "0.25.10", + "@esbuild/darwin-x64": "0.25.10", + "@esbuild/freebsd-arm64": "0.25.10", + "@esbuild/freebsd-x64": "0.25.10", + "@esbuild/linux-arm": "0.25.10", + "@esbuild/linux-arm64": "0.25.10", + "@esbuild/linux-ia32": "0.25.10", + "@esbuild/linux-loong64": "0.25.10", + "@esbuild/linux-mips64el": "0.25.10", + "@esbuild/linux-ppc64": "0.25.10", + "@esbuild/linux-riscv64": "0.25.10", + "@esbuild/linux-s390x": "0.25.10", + "@esbuild/linux-x64": "0.25.10", + "@esbuild/netbsd-arm64": "0.25.10", + "@esbuild/netbsd-x64": "0.25.10", + "@esbuild/openbsd-arm64": "0.25.10", + "@esbuild/openbsd-x64": "0.25.10", + "@esbuild/openharmony-arm64": "0.25.10", + "@esbuild/sunos-x64": "0.25.10", + "@esbuild/win32-arm64": "0.25.10", + "@esbuild/win32-ia32": "0.25.10", + "@esbuild/win32-x64": "0.25.10" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/rollup": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.4.tgz", + "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.52.4", + "@rollup/rollup-android-arm64": "4.52.4", + "@rollup/rollup-darwin-arm64": "4.52.4", + "@rollup/rollup-darwin-x64": "4.52.4", + "@rollup/rollup-freebsd-arm64": "4.52.4", + "@rollup/rollup-freebsd-x64": "4.52.4", + "@rollup/rollup-linux-arm-gnueabihf": "4.52.4", + "@rollup/rollup-linux-arm-musleabihf": "4.52.4", + "@rollup/rollup-linux-arm64-gnu": "4.52.4", + "@rollup/rollup-linux-arm64-musl": "4.52.4", + "@rollup/rollup-linux-loong64-gnu": "4.52.4", + "@rollup/rollup-linux-ppc64-gnu": "4.52.4", + "@rollup/rollup-linux-riscv64-gnu": "4.52.4", + "@rollup/rollup-linux-riscv64-musl": "4.52.4", + "@rollup/rollup-linux-s390x-gnu": "4.52.4", + "@rollup/rollup-linux-x64-gnu": "4.52.4", + "@rollup/rollup-linux-x64-musl": "4.52.4", + "@rollup/rollup-openharmony-arm64": "4.52.4", + "@rollup/rollup-win32-arm64-msvc": "4.52.4", + "@rollup/rollup-win32-ia32-msvc": "4.52.4", + "@rollup/rollup-win32-x64-gnu": "4.52.4", + "@rollup/rollup-win32-x64-msvc": "4.52.4", + "fsevents": "~2.3.2" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/vite": { + "version": "7.1.10", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz", + "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.5.0", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.43.0", + "tinyglobby": "^0.2.15" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "lightningcss": "^1.21.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + } + } +} diff --git a/crawl-ref/source/webserver/client/game/package.json b/crawl-ref/source/webserver/client/game/package.json new file mode 100644 index 00000000000..4cf4f4d1d3b --- /dev/null +++ b/crawl-ref/source/webserver/client/game/package.json @@ -0,0 +1,15 @@ +{ + "name": "crawl-game", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "preview": "vite preview" + }, + "devDependencies": { + "typescript": "~5.9.3", + "vite": "^7.1.7" + } +} diff --git a/crawl-ref/source/webserver/client/game/public/vite.svg b/crawl-ref/source/webserver/client/game/public/vite.svg new file mode 100644 index 00000000000..e7b8dfb1b2a --- /dev/null +++ b/crawl-ref/source/webserver/client/game/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/game/src/counter.ts b/crawl-ref/source/webserver/client/game/src/counter.ts new file mode 100644 index 00000000000..09e5afd2d8a --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/counter.ts @@ -0,0 +1,9 @@ +export function setupCounter(element: HTMLButtonElement) { + let counter = 0 + const setCounter = (count: number) => { + counter = count + element.innerHTML = `count is ${counter}` + } + element.addEventListener('click', () => setCounter(counter + 1)) + setCounter(0) +} diff --git a/crawl-ref/source/webserver/client/game/src/main.ts b/crawl-ref/source/webserver/client/game/src/main.ts new file mode 100644 index 00000000000..6396b50a232 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/main.ts @@ -0,0 +1,24 @@ +import './style.css' +import typescriptLogo from './typescript.svg' +import viteLogo from '/vite.svg' +import { setupCounter } from './counter.ts' + +document.querySelector('#app')!.innerHTML = ` +
+ + + + + + +

Vite + TypeScript

+
+ +
+

+ Click on the Vite and TypeScript logos to learn more +

+
+` + +setupCounter(document.querySelector('#counter')!) diff --git a/crawl-ref/source/webserver/client/game/src/style.css b/crawl-ref/source/webserver/client/game/src/style.css new file mode 100644 index 00000000000..3bcdbd00d55 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/style.css @@ -0,0 +1,96 @@ +:root { + font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} +a:hover { + color: #535bf2; +} + +body { + margin: 0; + display: flex; + place-items: center; + min-width: 320px; + min-height: 100vh; +} + +h1 { + font-size: 3.2em; + line-height: 1.1; +} + +#app { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.vanilla:hover { + filter: drop-shadow(0 0 2em #3178c6aa); +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} + +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; +} +button:hover { + border-color: #646cff; +} +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; +} + +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +} diff --git a/crawl-ref/source/webserver/client/game/src/typescript.svg b/crawl-ref/source/webserver/client/game/src/typescript.svg new file mode 100644 index 00000000000..d91c910cc30 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/typescript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/game/tsconfig.json b/crawl-ref/source/webserver/client/game/tsconfig.json new file mode 100644 index 00000000000..4ba8dd95cfe --- /dev/null +++ b/crawl-ref/source/webserver/client/game/tsconfig.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "target": "ES2022", + "useDefineForClassFields": true, + "module": "ESNext", + "lib": ["ES2022", "DOM", "DOM.Iterable"], + "types": ["vite/client"], + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "erasableSyntaxOnly": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["src"] +} diff --git a/crawl-ref/source/webserver/client/lobby/.gitignore b/crawl-ref/source/webserver/client/lobby/.gitignore new file mode 100644 index 00000000000..a547bf36d8d --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/crawl-ref/source/webserver/client/lobby/index.html b/crawl-ref/source/webserver/client/lobby/index.html new file mode 100644 index 00000000000..7eb31ec53c0 --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/index.html @@ -0,0 +1,13 @@ + + + + + + + Crawl Lobby + + +
+ + + diff --git a/crawl-ref/source/webserver/client/lobby/package-lock.json b/crawl-ref/source/webserver/client/lobby/package-lock.json new file mode 100644 index 00000000000..7df11ffcd9c --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/package-lock.json @@ -0,0 +1,1074 @@ +{ + "name": "lobby", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "lobby", + "version": "0.0.0", + "devDependencies": { + "typescript": "~5.9.3", + "vite": "^7.1.7" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz", + "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz", + "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz", + "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz", + "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz", + "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz", + "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz", + "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz", + "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz", + "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz", + "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz", + "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz", + "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz", + "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz", + "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz", + "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz", + "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz", + "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz", + "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz", + "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz", + "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz", + "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz", + "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz", + "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz", + "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz", + "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz", + "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz", + "integrity": "sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz", + "integrity": "sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz", + "integrity": "sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz", + "integrity": "sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz", + "integrity": "sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz", + "integrity": "sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz", + "integrity": "sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz", + "integrity": "sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz", + "integrity": "sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz", + "integrity": "sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz", + "integrity": "sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz", + "integrity": "sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz", + "integrity": "sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz", + "integrity": "sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz", + "integrity": "sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz", + "integrity": "sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz", + "integrity": "sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz", + "integrity": "sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz", + "integrity": "sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz", + "integrity": "sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz", + "integrity": "sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz", + "integrity": "sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/esbuild": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz", + "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.10", + "@esbuild/android-arm": "0.25.10", + "@esbuild/android-arm64": "0.25.10", + "@esbuild/android-x64": "0.25.10", + "@esbuild/darwin-arm64": "0.25.10", + "@esbuild/darwin-x64": "0.25.10", + "@esbuild/freebsd-arm64": "0.25.10", + "@esbuild/freebsd-x64": "0.25.10", + "@esbuild/linux-arm": "0.25.10", + "@esbuild/linux-arm64": "0.25.10", + "@esbuild/linux-ia32": "0.25.10", + "@esbuild/linux-loong64": "0.25.10", + "@esbuild/linux-mips64el": "0.25.10", + "@esbuild/linux-ppc64": "0.25.10", + "@esbuild/linux-riscv64": "0.25.10", + "@esbuild/linux-s390x": "0.25.10", + "@esbuild/linux-x64": "0.25.10", + "@esbuild/netbsd-arm64": "0.25.10", + "@esbuild/netbsd-x64": "0.25.10", + "@esbuild/openbsd-arm64": "0.25.10", + "@esbuild/openbsd-x64": "0.25.10", + "@esbuild/openharmony-arm64": "0.25.10", + "@esbuild/sunos-x64": "0.25.10", + "@esbuild/win32-arm64": "0.25.10", + "@esbuild/win32-ia32": "0.25.10", + "@esbuild/win32-x64": "0.25.10" + } + }, + "node_modules/fdir": { + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/rollup": { + "version": "4.52.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.4.tgz", + "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.52.4", + "@rollup/rollup-android-arm64": "4.52.4", + "@rollup/rollup-darwin-arm64": "4.52.4", + "@rollup/rollup-darwin-x64": "4.52.4", + "@rollup/rollup-freebsd-arm64": "4.52.4", + "@rollup/rollup-freebsd-x64": "4.52.4", + "@rollup/rollup-linux-arm-gnueabihf": "4.52.4", + "@rollup/rollup-linux-arm-musleabihf": "4.52.4", + "@rollup/rollup-linux-arm64-gnu": "4.52.4", + "@rollup/rollup-linux-arm64-musl": "4.52.4", + "@rollup/rollup-linux-loong64-gnu": "4.52.4", + "@rollup/rollup-linux-ppc64-gnu": "4.52.4", + "@rollup/rollup-linux-riscv64-gnu": "4.52.4", + "@rollup/rollup-linux-riscv64-musl": "4.52.4", + "@rollup/rollup-linux-s390x-gnu": "4.52.4", + "@rollup/rollup-linux-x64-gnu": "4.52.4", + "@rollup/rollup-linux-x64-musl": "4.52.4", + "@rollup/rollup-openharmony-arm64": "4.52.4", + "@rollup/rollup-win32-arm64-msvc": "4.52.4", + "@rollup/rollup-win32-ia32-msvc": "4.52.4", + "@rollup/rollup-win32-x64-gnu": "4.52.4", + "@rollup/rollup-win32-x64-msvc": "4.52.4", + "fsevents": "~2.3.2" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/vite": { + "version": "7.1.10", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz", + "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.5.0", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.43.0", + "tinyglobby": "^0.2.15" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "lightningcss": "^1.21.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + } + } +} diff --git a/crawl-ref/source/webserver/client/lobby/package.json b/crawl-ref/source/webserver/client/lobby/package.json new file mode 100644 index 00000000000..4e3625aaeee --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/package.json @@ -0,0 +1,15 @@ +{ + "name": "crawl-lobby", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "preview": "vite preview" + }, + "devDependencies": { + "typescript": "~5.9.3", + "vite": "^7.1.7" + } +} diff --git a/crawl-ref/source/webserver/client/lobby/public/vite.svg b/crawl-ref/source/webserver/client/lobby/public/vite.svg new file mode 100644 index 00000000000..e7b8dfb1b2a --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/lobby/src/counter.ts b/crawl-ref/source/webserver/client/lobby/src/counter.ts new file mode 100644 index 00000000000..09e5afd2d8a --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/src/counter.ts @@ -0,0 +1,9 @@ +export function setupCounter(element: HTMLButtonElement) { + let counter = 0 + const setCounter = (count: number) => { + counter = count + element.innerHTML = `count is ${counter}` + } + element.addEventListener('click', () => setCounter(counter + 1)) + setCounter(0) +} diff --git a/crawl-ref/source/webserver/client/lobby/src/main.ts b/crawl-ref/source/webserver/client/lobby/src/main.ts new file mode 100644 index 00000000000..6396b50a232 --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/src/main.ts @@ -0,0 +1,24 @@ +import './style.css' +import typescriptLogo from './typescript.svg' +import viteLogo from '/vite.svg' +import { setupCounter } from './counter.ts' + +document.querySelector('#app')!.innerHTML = ` +
+ + + + + + +

Vite + TypeScript

+
+ +
+

+ Click on the Vite and TypeScript logos to learn more +

+
+` + +setupCounter(document.querySelector('#counter')!) diff --git a/crawl-ref/source/webserver/client/lobby/src/style.css b/crawl-ref/source/webserver/client/lobby/src/style.css new file mode 100644 index 00000000000..3bcdbd00d55 --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/src/style.css @@ -0,0 +1,96 @@ +:root { + font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} +a:hover { + color: #535bf2; +} + +body { + margin: 0; + display: flex; + place-items: center; + min-width: 320px; + min-height: 100vh; +} + +h1 { + font-size: 3.2em; + line-height: 1.1; +} + +#app { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.vanilla:hover { + filter: drop-shadow(0 0 2em #3178c6aa); +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} + +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; +} +button:hover { + border-color: #646cff; +} +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; +} + +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +} diff --git a/crawl-ref/source/webserver/client/lobby/src/typescript.svg b/crawl-ref/source/webserver/client/lobby/src/typescript.svg new file mode 100644 index 00000000000..d91c910cc30 --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/src/typescript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/lobby/tsconfig.json b/crawl-ref/source/webserver/client/lobby/tsconfig.json new file mode 100644 index 00000000000..4ba8dd95cfe --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/tsconfig.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "target": "ES2022", + "useDefineForClassFields": true, + "module": "ESNext", + "lib": ["ES2022", "DOM", "DOM.Iterable"], + "types": ["vite/client"], + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "erasableSyntaxOnly": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + }, + "include": ["src"] +} From e2bb4dc2b526a4a913937b61777037a14c194341 Mon Sep 17 00:00:00 2001 From: mumra Date: Sun, 19 Oct 2025 09:06:12 +0100 Subject: [PATCH 2/6] Move static JavaScript to /src folders for bundling This moves all the static .js from webtiles into the appropriate project src file. This commit literally just moves the files so that git can track the history of the files and (hopefully) help resolve conflicts if any other developers have touched these files. --- .../game/src}/action_panel.js | 0 .../game/src}/cell_renderer.js | 0 .../webserver/client/game/src/counter.ts | 9 -- .../static => client/game/src}/debug.js | 0 .../static => client/game/src}/display.js | 0 .../game/src}/dungeon_renderer.js | 0 .../static => client/game/src}/enums.js | 0 .../static => client/game/src}/focus-trap.js | 0 .../static => client/game/src}/game.js | 0 .../source/webserver/client/game/src/main.js | 26 +++++ .../source/webserver/client/game/src/main.ts | 24 ----- .../game/src}/map_knowledge.js | 0 .../static => client/game/src}/menu.js | 0 .../static => client/game/src}/messages.js | 0 .../static => client/game/src}/minimap.js | 0 .../game/src}/monster_list.js | 0 .../game/src}/mouse_control.js | 0 .../static => client/game/src}/options.js | 0 .../static => client/game/src}/player.js | 0 .../static => client/game/src}/scroller.js | 0 .../static => client/game/src}/simplebar.js | 0 .../webserver/client/game/src/style.css | 96 ------------------- .../static => client/game/src}/text.js | 0 .../static => client/game/src}/textinput.js | 0 .../static => client/game/src}/tileinfos.js | 0 .../webserver/client/game/src/typescript.svg | 1 - .../static => client/game/src}/ui-layouts.js | 0 .../static => client/game/src}/ui.js | 0 .../static => client/game/src}/util.js | 0 .../static => client/game/src}/view_data.js | 0 .../scripts => client/lobby/src}/app.js | 0 .../scripts => client/lobby/src}/chat.js | 0 .../scripts => client/lobby/src}/client.js | 0 .../scripts => client/lobby/src}/comm.js | 0 .../webserver/client/lobby/src/counter.ts | 9 -- .../webserver/client/lobby/src/globals.js | 0 .../lobby/src}/key_conversion.js | 0 .../scripts => client/lobby/src}/linkify.js | 0 .../source/webserver/client/lobby/src/main.js | 21 ++++ .../source/webserver/client/lobby/src/main.ts | 24 ----- .../webserver/client/lobby/src/style.css | 96 ------------------- .../webserver/client/lobby/src/typescript.svg | 1 - 42 files changed, 47 insertions(+), 260 deletions(-) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/action_panel.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/cell_renderer.js (100%) delete mode 100644 crawl-ref/source/webserver/client/game/src/counter.ts rename crawl-ref/source/webserver/{game_data/static => client/game/src}/debug.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/display.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/dungeon_renderer.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/enums.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/focus-trap.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/game.js (100%) create mode 100644 crawl-ref/source/webserver/client/game/src/main.js delete mode 100644 crawl-ref/source/webserver/client/game/src/main.ts rename crawl-ref/source/webserver/{game_data/static => client/game/src}/map_knowledge.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/menu.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/messages.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/minimap.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/monster_list.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/mouse_control.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/options.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/player.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/scroller.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/simplebar.js (100%) delete mode 100644 crawl-ref/source/webserver/client/game/src/style.css rename crawl-ref/source/webserver/{game_data/static => client/game/src}/text.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/textinput.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/tileinfos.js (100%) delete mode 100644 crawl-ref/source/webserver/client/game/src/typescript.svg rename crawl-ref/source/webserver/{game_data/static => client/game/src}/ui-layouts.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/ui.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/util.js (100%) rename crawl-ref/source/webserver/{game_data/static => client/game/src}/view_data.js (100%) rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/app.js (100%) rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/chat.js (100%) rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/client.js (100%) rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/comm.js (100%) delete mode 100644 crawl-ref/source/webserver/client/lobby/src/counter.ts create mode 100644 crawl-ref/source/webserver/client/lobby/src/globals.js rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/key_conversion.js (100%) rename crawl-ref/source/webserver/{static/scripts => client/lobby/src}/linkify.js (100%) create mode 100644 crawl-ref/source/webserver/client/lobby/src/main.js delete mode 100644 crawl-ref/source/webserver/client/lobby/src/main.ts delete mode 100644 crawl-ref/source/webserver/client/lobby/src/style.css delete mode 100644 crawl-ref/source/webserver/client/lobby/src/typescript.svg diff --git a/crawl-ref/source/webserver/game_data/static/action_panel.js b/crawl-ref/source/webserver/client/game/src/action_panel.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/action_panel.js rename to crawl-ref/source/webserver/client/game/src/action_panel.js diff --git a/crawl-ref/source/webserver/game_data/static/cell_renderer.js b/crawl-ref/source/webserver/client/game/src/cell_renderer.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/cell_renderer.js rename to crawl-ref/source/webserver/client/game/src/cell_renderer.js diff --git a/crawl-ref/source/webserver/client/game/src/counter.ts b/crawl-ref/source/webserver/client/game/src/counter.ts deleted file mode 100644 index 09e5afd2d8a..00000000000 --- a/crawl-ref/source/webserver/client/game/src/counter.ts +++ /dev/null @@ -1,9 +0,0 @@ -export function setupCounter(element: HTMLButtonElement) { - let counter = 0 - const setCounter = (count: number) => { - counter = count - element.innerHTML = `count is ${counter}` - } - element.addEventListener('click', () => setCounter(counter + 1)) - setCounter(0) -} diff --git a/crawl-ref/source/webserver/game_data/static/debug.js b/crawl-ref/source/webserver/client/game/src/debug.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/debug.js rename to crawl-ref/source/webserver/client/game/src/debug.js diff --git a/crawl-ref/source/webserver/game_data/static/display.js b/crawl-ref/source/webserver/client/game/src/display.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/display.js rename to crawl-ref/source/webserver/client/game/src/display.js diff --git a/crawl-ref/source/webserver/game_data/static/dungeon_renderer.js b/crawl-ref/source/webserver/client/game/src/dungeon_renderer.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/dungeon_renderer.js rename to crawl-ref/source/webserver/client/game/src/dungeon_renderer.js diff --git a/crawl-ref/source/webserver/game_data/static/enums.js b/crawl-ref/source/webserver/client/game/src/enums.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/enums.js rename to crawl-ref/source/webserver/client/game/src/enums.js diff --git a/crawl-ref/source/webserver/game_data/static/focus-trap.js b/crawl-ref/source/webserver/client/game/src/focus-trap.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/focus-trap.js rename to crawl-ref/source/webserver/client/game/src/focus-trap.js diff --git a/crawl-ref/source/webserver/game_data/static/game.js b/crawl-ref/source/webserver/client/game/src/game.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/game.js rename to crawl-ref/source/webserver/client/game/src/game.js diff --git a/crawl-ref/source/webserver/client/game/src/main.js b/crawl-ref/source/webserver/client/game/src/main.js new file mode 100644 index 00000000000..197a6e84c93 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/main.js @@ -0,0 +1,26 @@ +// Bundling styles didn't work, because there's no good way to *unload* them +// when we switch game client. This could probably be handled properly but for +// now including them with plain old html is the path of least resistance. +// import "./style.css"; +// import "./simplebar.css"; +import "./game"; + +// document.querySelector('#app')!.innerHTML = ` +//
+// +// +// +// +// +// +//

Vite + TypeScript

+//
+// +//
+//

+// Click on the Vite and TypeScript logos to learn more +//

+//
+// ` + +// setupCounter(document.querySelector('#counter')!) diff --git a/crawl-ref/source/webserver/client/game/src/main.ts b/crawl-ref/source/webserver/client/game/src/main.ts deleted file mode 100644 index 6396b50a232..00000000000 --- a/crawl-ref/source/webserver/client/game/src/main.ts +++ /dev/null @@ -1,24 +0,0 @@ -import './style.css' -import typescriptLogo from './typescript.svg' -import viteLogo from '/vite.svg' -import { setupCounter } from './counter.ts' - -document.querySelector('#app')!.innerHTML = ` -
- - - - - - -

Vite + TypeScript

-
- -
-

- Click on the Vite and TypeScript logos to learn more -

-
-` - -setupCounter(document.querySelector('#counter')!) diff --git a/crawl-ref/source/webserver/game_data/static/map_knowledge.js b/crawl-ref/source/webserver/client/game/src/map_knowledge.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/map_knowledge.js rename to crawl-ref/source/webserver/client/game/src/map_knowledge.js diff --git a/crawl-ref/source/webserver/game_data/static/menu.js b/crawl-ref/source/webserver/client/game/src/menu.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/menu.js rename to crawl-ref/source/webserver/client/game/src/menu.js diff --git a/crawl-ref/source/webserver/game_data/static/messages.js b/crawl-ref/source/webserver/client/game/src/messages.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/messages.js rename to crawl-ref/source/webserver/client/game/src/messages.js diff --git a/crawl-ref/source/webserver/game_data/static/minimap.js b/crawl-ref/source/webserver/client/game/src/minimap.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/minimap.js rename to crawl-ref/source/webserver/client/game/src/minimap.js diff --git a/crawl-ref/source/webserver/game_data/static/monster_list.js b/crawl-ref/source/webserver/client/game/src/monster_list.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/monster_list.js rename to crawl-ref/source/webserver/client/game/src/monster_list.js diff --git a/crawl-ref/source/webserver/game_data/static/mouse_control.js b/crawl-ref/source/webserver/client/game/src/mouse_control.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/mouse_control.js rename to crawl-ref/source/webserver/client/game/src/mouse_control.js diff --git a/crawl-ref/source/webserver/game_data/static/options.js b/crawl-ref/source/webserver/client/game/src/options.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/options.js rename to crawl-ref/source/webserver/client/game/src/options.js diff --git a/crawl-ref/source/webserver/game_data/static/player.js b/crawl-ref/source/webserver/client/game/src/player.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/player.js rename to crawl-ref/source/webserver/client/game/src/player.js diff --git a/crawl-ref/source/webserver/game_data/static/scroller.js b/crawl-ref/source/webserver/client/game/src/scroller.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/scroller.js rename to crawl-ref/source/webserver/client/game/src/scroller.js diff --git a/crawl-ref/source/webserver/game_data/static/simplebar.js b/crawl-ref/source/webserver/client/game/src/simplebar.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/simplebar.js rename to crawl-ref/source/webserver/client/game/src/simplebar.js diff --git a/crawl-ref/source/webserver/client/game/src/style.css b/crawl-ref/source/webserver/client/game/src/style.css deleted file mode 100644 index 3bcdbd00d55..00000000000 --- a/crawl-ref/source/webserver/client/game/src/style.css +++ /dev/null @@ -1,96 +0,0 @@ -:root { - font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.vanilla:hover { - filter: drop-shadow(0 0 2em #3178c6aa); -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} diff --git a/crawl-ref/source/webserver/game_data/static/text.js b/crawl-ref/source/webserver/client/game/src/text.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/text.js rename to crawl-ref/source/webserver/client/game/src/text.js diff --git a/crawl-ref/source/webserver/game_data/static/textinput.js b/crawl-ref/source/webserver/client/game/src/textinput.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/textinput.js rename to crawl-ref/source/webserver/client/game/src/textinput.js diff --git a/crawl-ref/source/webserver/game_data/static/tileinfos.js b/crawl-ref/source/webserver/client/game/src/tileinfos.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/tileinfos.js rename to crawl-ref/source/webserver/client/game/src/tileinfos.js diff --git a/crawl-ref/source/webserver/client/game/src/typescript.svg b/crawl-ref/source/webserver/client/game/src/typescript.svg deleted file mode 100644 index d91c910cc30..00000000000 --- a/crawl-ref/source/webserver/client/game/src/typescript.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/crawl-ref/source/webserver/game_data/static/ui-layouts.js b/crawl-ref/source/webserver/client/game/src/ui-layouts.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/ui-layouts.js rename to crawl-ref/source/webserver/client/game/src/ui-layouts.js diff --git a/crawl-ref/source/webserver/game_data/static/ui.js b/crawl-ref/source/webserver/client/game/src/ui.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/ui.js rename to crawl-ref/source/webserver/client/game/src/ui.js diff --git a/crawl-ref/source/webserver/game_data/static/util.js b/crawl-ref/source/webserver/client/game/src/util.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/util.js rename to crawl-ref/source/webserver/client/game/src/util.js diff --git a/crawl-ref/source/webserver/game_data/static/view_data.js b/crawl-ref/source/webserver/client/game/src/view_data.js similarity index 100% rename from crawl-ref/source/webserver/game_data/static/view_data.js rename to crawl-ref/source/webserver/client/game/src/view_data.js diff --git a/crawl-ref/source/webserver/static/scripts/app.js b/crawl-ref/source/webserver/client/lobby/src/app.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/app.js rename to crawl-ref/source/webserver/client/lobby/src/app.js diff --git a/crawl-ref/source/webserver/static/scripts/chat.js b/crawl-ref/source/webserver/client/lobby/src/chat.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/chat.js rename to crawl-ref/source/webserver/client/lobby/src/chat.js diff --git a/crawl-ref/source/webserver/static/scripts/client.js b/crawl-ref/source/webserver/client/lobby/src/client.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/client.js rename to crawl-ref/source/webserver/client/lobby/src/client.js diff --git a/crawl-ref/source/webserver/static/scripts/comm.js b/crawl-ref/source/webserver/client/lobby/src/comm.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/comm.js rename to crawl-ref/source/webserver/client/lobby/src/comm.js diff --git a/crawl-ref/source/webserver/client/lobby/src/counter.ts b/crawl-ref/source/webserver/client/lobby/src/counter.ts deleted file mode 100644 index 09e5afd2d8a..00000000000 --- a/crawl-ref/source/webserver/client/lobby/src/counter.ts +++ /dev/null @@ -1,9 +0,0 @@ -export function setupCounter(element: HTMLButtonElement) { - let counter = 0 - const setCounter = (count: number) => { - counter = count - element.innerHTML = `count is ${counter}` - } - element.addEventListener('click', () => setCounter(counter + 1)) - setCounter(0) -} diff --git a/crawl-ref/source/webserver/client/lobby/src/globals.js b/crawl-ref/source/webserver/client/lobby/src/globals.js new file mode 100644 index 00000000000..e69de29bb2d diff --git a/crawl-ref/source/webserver/static/scripts/key_conversion.js b/crawl-ref/source/webserver/client/lobby/src/key_conversion.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/key_conversion.js rename to crawl-ref/source/webserver/client/lobby/src/key_conversion.js diff --git a/crawl-ref/source/webserver/static/scripts/linkify.js b/crawl-ref/source/webserver/client/lobby/src/linkify.js similarity index 100% rename from crawl-ref/source/webserver/static/scripts/linkify.js rename to crawl-ref/source/webserver/client/lobby/src/linkify.js diff --git a/crawl-ref/source/webserver/client/lobby/src/main.js b/crawl-ref/source/webserver/client/lobby/src/main.js new file mode 100644 index 00000000000..f098b267cf3 --- /dev/null +++ b/crawl-ref/source/webserver/client/lobby/src/main.js @@ -0,0 +1,21 @@ +import './app.ts' + +// document.querySelector('#app')!.innerHTML = ` +//
+// +// +// +// +// +// +//

Vite + TypeScript

+//
+// +//
+//

+// Click on the Vite and TypeScript logos to learn more +//

+//
+// ` + +// setupCounter(document.querySelector('#counter')!) \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/lobby/src/main.ts b/crawl-ref/source/webserver/client/lobby/src/main.ts deleted file mode 100644 index 6396b50a232..00000000000 --- a/crawl-ref/source/webserver/client/lobby/src/main.ts +++ /dev/null @@ -1,24 +0,0 @@ -import './style.css' -import typescriptLogo from './typescript.svg' -import viteLogo from '/vite.svg' -import { setupCounter } from './counter.ts' - -document.querySelector('#app')!.innerHTML = ` -
- - - - - - -

Vite + TypeScript

-
- -
-

- Click on the Vite and TypeScript logos to learn more -

-
-` - -setupCounter(document.querySelector('#counter')!) diff --git a/crawl-ref/source/webserver/client/lobby/src/style.css b/crawl-ref/source/webserver/client/lobby/src/style.css deleted file mode 100644 index 3bcdbd00d55..00000000000 --- a/crawl-ref/source/webserver/client/lobby/src/style.css +++ /dev/null @@ -1,96 +0,0 @@ -:root { - font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.vanilla:hover { - filter: drop-shadow(0 0 2em #3178c6aa); -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} diff --git a/crawl-ref/source/webserver/client/lobby/src/typescript.svg b/crawl-ref/source/webserver/client/lobby/src/typescript.svg deleted file mode 100644 index d91c910cc30..00000000000 --- a/crawl-ref/source/webserver/client/lobby/src/typescript.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From 114aafc41ab2e811d22e30c4f6c81215b94a0b84 Mon Sep 17 00:00:00 2001 From: mumra Date: Sun, 19 Oct 2025 09:09:25 +0100 Subject: [PATCH 3/6] Build JavaScript bundles and run a linting and formatting pass Get the new bundling system working, and use the biome tool to apply linting fixes and auto formatting to .js files across the board. --- .gitignore | 1 + crawl-ref/.gitignore | 3 + .../rltiles/tool/tile_list_processor.cc | 33 +- crawl-ref/source/webserver/.gitignore | 2 +- .../source/webserver/client/game/biome.json | 40 + .../source/webserver/client/game/index.html | 3 +- .../webserver/client/game/package-lock.json | 14 +- .../source/webserver/client/game/package.json | 13 +- .../webserver/client/game/public/vite.svg | 1 - .../webserver/client/game/src/action_panel.js | 1099 +++--- .../client/game/src/cell_renderer.js | 2650 +++++++------ .../webserver/client/game/src/client.js | 1 + .../source/webserver/client/game/src/comm.js | 1 + .../client/game/src/contrib/simplebar.js | 3353 ++++++++++++++++ .../source/webserver/client/game/src/debug.js | 108 +- .../webserver/client/game/src/display.js | 196 +- .../client/game/src/dungeon_renderer.js | 876 +++-- .../source/webserver/client/game/src/enums.js | 617 ++- .../webserver/client/game/src/focus-trap.js | 571 --- .../source/webserver/client/game/src/game.js | 962 +++-- .../client/game/src/key_conversion.js | 1 + .../source/webserver/client/game/src/main.js | 24 +- .../client/game/src/map_knowledge.js | 404 +- .../source/webserver/client/game/src/menu.js | 2113 +++++------ .../webserver/client/game/src/messages.js | 291 +- .../webserver/client/game/src/minimap.js | 487 ++- .../webserver/client/game/src/monster_list.js | 516 ++- .../client/game/src/mouse_control.js | 149 +- .../webserver/client/game/src/options.js | 115 +- .../webserver/client/game/src/player.js | 1208 +++--- .../webserver/client/game/src/scroller.js | 59 +- .../webserver/client/game/src/simplebar.js | 3072 --------------- .../source/webserver/client/game/src/text.js | 98 +- .../webserver/client/game/src/textinput.js | 598 ++- .../webserver/client/game/src/tileinfos.js | 35 +- .../webserver/client/game/src/ui-layouts.js | 2240 +++++------ .../source/webserver/client/game/src/ui.js | 978 +++-- .../source/webserver/client/game/src/util.js | 300 +- .../webserver/client/game/src/view_data.js | 167 +- .../webserver/client/game/vite.config.js | 16 + .../source/webserver/client/lobby/biome.json | 39 + .../source/webserver/client/lobby/index.html | 365 +- .../webserver/client/lobby/package-lock.json | 204 +- .../webserver/client/lobby/package.json | 16 +- .../webserver/client/lobby/public/vite.svg | 1 - .../source/webserver/client/lobby/src/app.js | 14 +- .../source/webserver/client/lobby/src/chat.js | 422 +-- .../webserver/client/lobby/src/client.js | 3355 ++++++++--------- .../source/webserver/client/lobby/src/comm.js | 97 +- .../lobby/src/contrib/ba-linkify.min.js | Bin 0 -> 2837 bytes .../client/lobby/src/contrib/inflate.js | 2138 +++++++++++ .../lobby/src/contrib/jquery.waitforimages.js | 135 + .../client/lobby/src/contrib/require.js | 39 + .../client/lobby/src/key_conversion.js | 723 ++-- .../webserver/client/lobby/src/linkify.js | 51 +- .../source/webserver/client/lobby/src/main.js | 5 +- .../webserver/client/lobby/src/style.css | 507 +++ .../webserver/client/lobby/tsconfig.json | 1 + .../webserver/client/lobby/vite.config.js | 3 + .../webserver/game_data/templates/game.html | 15 +- .../source/webserver/templates/client.html | 363 -- package-lock.json | 1358 +++++++ package.json | 18 + 63 files changed, 18352 insertions(+), 14932 deletions(-) create mode 100644 crawl-ref/source/webserver/client/game/biome.json delete mode 100644 crawl-ref/source/webserver/client/game/public/vite.svg create mode 100644 crawl-ref/source/webserver/client/game/src/client.js create mode 100644 crawl-ref/source/webserver/client/game/src/comm.js create mode 100644 crawl-ref/source/webserver/client/game/src/contrib/simplebar.js delete mode 100644 crawl-ref/source/webserver/client/game/src/focus-trap.js create mode 100644 crawl-ref/source/webserver/client/game/src/key_conversion.js delete mode 100644 crawl-ref/source/webserver/client/game/src/simplebar.js create mode 100644 crawl-ref/source/webserver/client/game/vite.config.js create mode 100644 crawl-ref/source/webserver/client/lobby/biome.json delete mode 100644 crawl-ref/source/webserver/client/lobby/public/vite.svg create mode 100644 crawl-ref/source/webserver/client/lobby/src/contrib/ba-linkify.min.js create mode 100644 crawl-ref/source/webserver/client/lobby/src/contrib/inflate.js create mode 100644 crawl-ref/source/webserver/client/lobby/src/contrib/jquery.waitforimages.js create mode 100644 crawl-ref/source/webserver/client/lobby/src/contrib/require.js create mode 100644 crawl-ref/source/webserver/client/lobby/src/style.css create mode 100644 crawl-ref/source/webserver/client/lobby/vite.config.js delete mode 100644 crawl-ref/source/webserver/templates/client.html create mode 100644 package-lock.json create mode 100644 package.json diff --git a/.gitignore b/.gitignore index fad58842c9f..a91c75adbb3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,7 @@ .cquery_cache/ .DS_Store .vscode/ +node_modules/ .vs *.sublime-workspace diff --git a/crawl-ref/.gitignore b/crawl-ref/.gitignore index 2a73c0d290b..47b85770c3c 100644 --- a/crawl-ref/.gitignore +++ b/crawl-ref/.gitignore @@ -115,8 +115,11 @@ chunk /source/webserver/game_data/static/gui.png /source/webserver/game_data/static/icons.png /source/webserver/game_data/static/tileinfo-*.js +/source/webserver/game_data/static/game.js /source/webserver/static/stone_soup_icon-32x32.png /source/webserver/static/title_*.png +/source/webserver/static/index-*.js +/source/webserver/static/index-*.css # Makefile-generated junk makefile.dep diff --git a/crawl-ref/source/rltiles/tool/tile_list_processor.cc b/crawl-ref/source/rltiles/tool/tile_list_processor.cc index 275956007d0..9e3603daeaa 100644 --- a/crawl-ref/source/rltiles/tool/tile_list_processor.cc +++ b/crawl-ref/source/rltiles/tool/tile_list_processor.cc @@ -1673,39 +1673,30 @@ bool tile_list_processor::write_data(bool image, bool code) if (m_abstract.size() == 0) { - fprintf(fp, "define(["); if (m_start_value_module.size() > 0) - fprintf(fp, "\"./tileinfo-%s\"", m_start_value_module.c_str()); - fprintf(fp, "], function(m) {\n"); + fprintf(fp, "import m from \"./tileinfo-%s\"\n", m_start_value_module.c_str()); } else { - fprintf(fp, "define([\"jquery\","); - for (const auto& abstract : m_abstract) - fprintf(fp, "\"./tileinfo-%s\", ", abstract.first.c_str()); - fprintf(fp, "],\n function ($, "); - for (size_t i = 0; i < m_abstract.size(); ++i) - { - if (i < m_abstract.size() - 1) - fprintf(fp, "%s, ", m_abstract[i].first.c_str()); - else - fprintf(fp, "%s", m_abstract[i].first.c_str()); - } - fprintf(fp, ") {\n"); + for (const auto &abstract : m_abstract) + fprintf(fp, "import %s from \"./tileinfo-%s\"\n", + abstract.first.c_str(), abstract.first.c_str()); } fprintf(fp, "// This file has been automatically generated.\n\n"); - fprintf(fp, "var exports = {};\n"); + fprintf(fp, "const exports = { "); if (m_abstract.size() > 0) { - for (const auto& abstract : m_abstract) - fprintf(fp, "$.extend(exports, %s);\n", abstract.first.c_str()); + for (const auto &abstract : m_abstract) + fprintf(fp, "...%s, ", abstract.first.c_str()); } + fprintf(fp, "};\n"); + if (m_start_value_module.size() > 0) - fprintf(fp, "\nvar val = m.%s;\n", m_start_value.c_str()); + fprintf(fp, "\nlet val = m.%s;\n", m_start_value.c_str()); else - fprintf(fp, "\nvar val = %s;\n", m_start_value.c_str()); + fprintf(fp, "\nlet val = %s;\n", m_start_value.c_str()); string old_enum_name = ""; int count = 0; @@ -1862,7 +1853,7 @@ bool tile_list_processor::write_data(bool image, bool code) fprintf(fp, "};\n\n"); } - fprintf(fp, "return exports;\n});\n"); + fprintf(fp, "export default exports\n"); fclose(fp); } diff --git a/crawl-ref/source/webserver/.gitignore b/crawl-ref/source/webserver/.gitignore index d3e0c2dc16c..5624774d36d 100644 --- a/crawl-ref/source/webserver/.gitignore +++ b/crawl-ref/source/webserver/.gitignore @@ -8,4 +8,4 @@ banned_players.txt webtiles/version.txt Pipfile Pipfile.lock -node_modules/ \ No newline at end of file +templates/client.html \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/game/biome.json b/crawl-ref/source/webserver/client/game/biome.json new file mode 100644 index 00000000000..7b33387a879 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/biome.json @@ -0,0 +1,40 @@ +{ + "$schema": "https://biomejs.dev/schemas/2.2.6/schema.json", + "vcs": { + "enabled": false, + "clientKind": "git", + "useIgnoreFile": false + }, + "files": { + "ignoreUnknown": false, + "includes": ["*", "src/*", "!src/contrib"] + + }, + "formatter": { + "enabled": true, + "indentStyle": "space", + "indentWidth": 2 + }, + "linter": { + "enabled": true, + "rules": { + "recommended": true, + "suspicious": { + "noVar": "error" + } + } + }, + "javascript": { + "formatter": { + "quoteStyle": "double" + } + }, + "assist": { + "enabled": true, + "actions": { + "source": { + "organizeImports": "on" + } + } + } +} diff --git a/crawl-ref/source/webserver/client/game/index.html b/crawl-ref/source/webserver/client/game/index.html index 749474f06af..50c6326fe24 100644 --- a/crawl-ref/source/webserver/client/game/index.html +++ b/crawl-ref/source/webserver/client/game/index.html @@ -2,12 +2,11 @@ - Crawl Game
- + diff --git a/crawl-ref/source/webserver/client/game/package-lock.json b/crawl-ref/source/webserver/client/game/package-lock.json index 7df11ffcd9c..84b5abeb8da 100644 --- a/crawl-ref/source/webserver/client/game/package-lock.json +++ b/crawl-ref/source/webserver/client/game/package-lock.json @@ -1,12 +1,15 @@ { - "name": "lobby", + "name": "crawl-game", "version": "0.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "lobby", + "name": "crawl-game", "version": "0.0.0", + "dependencies": { + "jquery": "^1.12.4" + }, "devDependencies": { "typescript": "~5.9.3", "vite": "^7.1.7" @@ -844,6 +847,13 @@ "node": "^8.16.0 || ^10.6.0 || >=11.0.0" } }, + "node_modules/jquery": { + "version": "1.12.4", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz", + "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==", + "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.", + "license": "MIT" + }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", diff --git a/crawl-ref/source/webserver/client/game/package.json b/crawl-ref/source/webserver/client/game/package.json index 4cf4f4d1d3b..4c62da85b17 100644 --- a/crawl-ref/source/webserver/client/game/package.json +++ b/crawl-ref/source/webserver/client/game/package.json @@ -5,11 +5,20 @@ "type": "module", "scripts": { "dev": "vite", - "build": "tsc && vite build", - "preview": "vite preview" + "build": "vite build && npm run copy", + "lint": "biome lint ./src/*", + "lint:fix": "biome lint ./src/* --write --unsafe", + "format": "biome format ./src/*", + "preview": "vite preview", + "copy": "cp dist/static/* ../../game_data/static" }, "devDependencies": { + "@biomejs/biome": "^2.2.6", "typescript": "~5.9.3", "vite": "^7.1.7" + }, + "dependencies": { + "focus-trap": "^7.6.5", + "jquery": "^1.12.4" } } diff --git a/crawl-ref/source/webserver/client/game/public/vite.svg b/crawl-ref/source/webserver/client/game/public/vite.svg deleted file mode 100644 index e7b8dfb1b2a..00000000000 --- a/crawl-ref/source/webserver/client/game/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/crawl-ref/source/webserver/client/game/src/action_panel.js b/crawl-ref/source/webserver/client/game/src/action_panel.js index 8a89bd747b9..f62842bd96e 100644 --- a/crawl-ref/source/webserver/client/game/src/action_panel.js +++ b/crawl-ref/source/webserver/client/game/src/action_panel.js @@ -1,561 +1,556 @@ -define(["jquery", "comm", "client", - "./cell_renderer", "./enums", "./options", "./player", - "./tileinfo-icons", "./tileinfo-gui", "./tileinfo-main", - "./util", "./focus-trap", "./ui"], -function ($, comm, client, cr, enums, options, player, icons, gui, main, - util, focus_trap, ui) { - "use strict"; - - var filtered_inv; - var renderer, $canvas, $settings, $tooltip; - var borders_width; - var minimized; - var settings_visible; - var tooltip_timeout = null; - // Options - var panel_disabled; - var scale, orientation, font_family, font_size; - var font; // cached font name for the canvas: size (in px) + family - var draw_glyphs; - var selected = -1; - const NUM_RESERVED_BUTTONS = 2; - - function send_options() - { - if (client.is_watching()) - return; - options.set("action_panel_orientation", orientation, false); - options.set("action_panel_show", !minimized, false); - options.set("action_panel_scale", scale, false); - options.set("action_panel_font_size", font_size, false); - // TODO: some cleaner approach to this than multiple msgs - options.send("action_panel_orientation"); - options.send("action_panel_show"); - options.send("action_panel_scale"); - options.send("action_panel_font_size"); +import $ from "jquery"; +import { createFocusTrap } from "focus-trap"; + +import comm from "./comm"; +import client from "./client"; + +import cr from "./cell_renderer"; +import enums from "./enums"; +import options from "./options"; +import player from "./player"; +import icons from "../../../game_data/static/tileinfo-icons"; +import gui from "../../../game_data/static/tileinfo-gui"; +import main from "../../../game_data/static/tileinfo-main"; +import util from "./util"; +import ui from "./ui"; + +let filtered_inv; +let renderer, $canvas, $settings, $tooltip; +let borders_width; +let minimized; +let settings_visible; +let tooltip_timeout = null; +// Options +let panel_disabled; +let scale, orientation, font_family, font_size; +let font; // cached font name for the canvas: size (in px) + family +let draw_glyphs; +let selected = -1; +const NUM_RESERVED_BUTTONS = 2; + +function send_options() { + if (client.is_watching()) return; + options.set("action_panel_orientation", orientation, false); + options.set("action_panel_show", !minimized, false); + options.set("action_panel_scale", scale, false); + options.set("action_panel_font_size", font_size, false); + // TODO: some cleaner approach to this than multiple msgs + options.send("action_panel_orientation"); + options.send("action_panel_show"); + options.send("action_panel_scale"); + options.send("action_panel_font_size"); +} + +function hide_panel(send_opts = true) { + $("#action-panel-settings").hide(); + $("#action-panel").addClass("hidden"); + // if the player configured the panel to not show any items, + // don't even show the placeholder button, don't update settings, etc. + if (!panel_disabled) { + $("#action-panel-placeholder").removeClass("hidden").show(); + // order of these two matters + minimized = true; + hide_settings(); + if (send_opts) send_options(); + } +} + +function show_panel(send_opts = true) { + if (settings_visible) return; + $("#action-panel-settings").hide(); // sanitize + $("#action-panel").removeClass("hidden"); + $("#action-panel-placeholder").addClass("hidden"); + minimized = false; + if (send_opts) send_options(); +} + +function show_settings(e) { + if (selected > 0) return false; + hide_tooltip(); + const o_button = $(`#action-orient-${orientation}`); + // Initialize the form with the current values + o_button.prop("checked", true); + + // TODO: should these just reset to 100/16, rather than this somewhat + // complicate context-sensitive behavior? + // use parseInt to cut out any decimals + const scale_percent = parseInt(scale, 10); + $("#scale-val").val(scale_percent); + if (!$("#scale-val").data("default")) + $("#scale-val").data("default", scale_percent); + + $("#font-size-val").val(font_size); + if (!$("#font-size-val").data("default")) + $("#font-size-val").data("default", font_size); + + // Show the context menu near the cursor + $settings = $("#action-panel-settings"); + $settings.css({ top: `${e.pageY + 10}px`, left: `${e.pageX + 10}px` }); + $settings.show(); + settings_visible = true; + + // TODO: I have had to set the buttons with tabindex -1, as I cannot + // for the life of me get focus-trap to intercept their key input + // correctly for esc and tab/shift-tab. This is non-ideal for + // accessibility reasons. + $settings[0].focus_trap = createFocusTrap($settings[0], { + escapeDeactivates: true, + onActivate: () => { + $settings.addClass("focus-trap"); + }, + onDeactivate: () => { + $settings.removeClass("focus-trap"); + // ugly to do this as a timeout, but it is the best way I've + // found to get the key handling sequence right. This ensures + // that if a mousedown event triggers deactivate, it is handled + // while the settings panel is still open. + setTimeout(hide_settings_final, 50); + }, + returnFocusOnDeactivate: false, + clickOutsideDeactivates: true, + }).activate(); + + return false; +} + +function hide_settings() { + if (!settings_visible) return; + $settings[0].focus_trap.deactivate(); +} + +// triggered via focus-trap onDeactivate +function hide_settings_final() { + $("#action-panel-settings").hide(); + settings_visible = false; + + // TODO: I can't quite figure out why the conditional is necessary, but + // maybe something about the timing. Without it, sync_focus_state + // steals focus from the chat window. + if (!$("#chat").hasClass("focus-trap")) ui.sync_focus_state(); + + // somewhat hacky: if hide_settings is triggered by hide_panel, + // don't send options twice. Assumes that this flag is set first... + if (!minimized) send_options(); +} + +function hide_tooltip() { + if (tooltip_timeout) clearTimeout(tooltip_timeout); + $tooltip.hide(); +} + +function show_tooltip(x, y, slot) { + if (slot >= filtered_inv.length) { + hide_tooltip(); + return; + } + $tooltip.css({ top: `${y + 10}px`, left: `${x + 10}px` }); + if (slot === -2) { + $tooltip.html( + "Left click: minimize
" + + "Right click: open settings" + ); + } else if (slot === -1 && game.get_input_mode() === enums.mouse_mode.COMMAND) + $tooltip.html("Left click: show main menu"); + else { + const item = filtered_inv[slot]; + $tooltip.empty().text(`${String.fromCharCode(item.letter)} - `); + $tooltip.append(player.inventory_item_desc(item.slot)); + if (game.get_input_mode() === enums.mouse_mode.COMMAND) { + if (item.action_verb) + $tooltip.append( + "
Left click: " + + item.action_verb.toLowerCase() + + "" + ); + $tooltip.append("
Right click: describe"); } - - function hide_panel(send_opts=true) - { - $("#action-panel-settings").hide(); - $("#action-panel").addClass("hidden"); - // if the player configured the panel to not show any items, - // don't even show the placeholder button, don't update settings, etc. - if (!panel_disabled) - { - $("#action-panel-placeholder").removeClass("hidden").show(); - // order of these two matters - minimized = true; - hide_settings(); - if (send_opts) - send_options(); - } - } - - function show_panel(send_opts=true) - { - if (settings_visible) - return; - $("#action-panel-settings").hide(); // sanitize - $("#action-panel").removeClass("hidden"); - $("#action-panel-placeholder").addClass("hidden"); - minimized = false; - if (send_opts) - send_options(); + } + $tooltip.show(); +} + +// Initial setup for the panel and its settings menu. +// Note that "game_init" happens before the client receives +// the options and inventory data from the server. +$(document).bind("game_init", () => { + $canvas = $("#action-panel"); + $settings = $("#action-panel-settings"); + $tooltip = $("#action-panel-tooltip"); + if (client.is_watching()) { + $canvas.addClass("hidden"); + return; + } + + renderer = new cr.DungeonCellRenderer(); + borders_width = (parseInt($canvas.css("border-left-width"), 10) || 0) * 2; + minimized = false; + settings_visible = false; + tooltip_timeout = null; + filtered_inv = []; + + $canvas.on("update", update); + + $canvas.on("mousemove mouseleave mousedown mouseenter", (ev) => { + handle_mouse(ev); + }); + + $canvas.contextmenu(() => false); + + // We don't need a context menu for the context menu + $settings.contextmenu(() => false); + + // Clicking on the panel/Close button closes the settings menu + $("#action-panel, #close-settings").click(() => { + hide_settings(); + }); + + // Triggering this function on keyup might be too aggressive, + // but at least the player doesn't have to press Enter to confirm changes + $("#action-panel-settings input[type=radio],input[type=number]").on( + "change keyup", + (e) => { + if (e.which === 27) { + hide_settings(); + e.preventDefault(); + return; + } + const input = e.target; + if (input.type === "number" && !input.checkValidity()) return; + options.set(input.name, input.value); } + ); + + $("#action-panel-settings button.reset").click(function () { + const input = $(this).siblings("input"); + const default_value = input.data("default"); + input.val(default_value); + options.set(input.prop("name"), default_value); + }); + + $("#minimize-panel").click(hide_panel); + + $("#action-panel-placeholder").click(() => { + show_panel(); + update(); + }); + + // To prevent the game from showing an empty panel before + // any inventory data arrives, we hide it via inline CSS + // and the "hidden" class. The next line deactivates + // the inline rule, and the first call to update() will + // remove "hidden" if the (filtered) inventory is not empty. + $canvas.show(); +}); - function show_settings(e) - { - if (selected > 0) - return false; +function _horizontal() { + return orientation === "horizontal"; +} + +function _update_font_props() { + font = `${font_size || "16"}px ${font_family || "monospace"}`; +} + +function handle_mouse(ev) { + if (ev.type === "mouseleave") { + selected = -1; + hide_tooltip(); + update(); + } else { + // focus-trap handles this case: the settings panel is about to + // be closed and we should ignore the click + if (ev.type === "mousedown" && settings_visible) return; + + // for finding the mouse position, we need to *not* use the device + // pixel ratio to adjust the scale + const cell_width = (renderer.cell_width * scale) / 100; + const cell_height = (renderer.cell_height * scale) / 100; + const _cell_length = _horizontal() ? cell_width : cell_height; + const loc = { + x: Math.round(ev.clientX / cell_width - 0.5), + y: Math.round(ev.clientY / cell_height - 0.5), + }; + + if (ev.type === "mousemove" || ev.type === "mouseenter") { + const oldselected = selected; + selected = _horizontal() ? loc.x : loc.y; + update(); + if (oldselected !== selected && !settings_visible) { hide_tooltip(); - var o_button = $("#action-orient-" + orientation); - // Initialize the form with the current values - o_button.prop("checked", true); - - // TODO: should these just reset to 100/16, rather than this somewhat - // complicate context-sensitive behavior? - // use parseInt to cut out any decimals - var scale_percent = parseInt(scale); - $("#scale-val").val(scale_percent); - if (!$("#scale-val").data("default")) - $("#scale-val").data("default", scale_percent); - - $("#font-size-val").val(font_size); - if (!$("#font-size-val").data("default")) - $("#font-size-val").data("default", font_size); - - // Show the context menu near the cursor - $settings = $("#action-panel-settings"); - $settings.css({top: e.pageY + 10 + "px", - left: e.pageX + 10 + "px"}); - $settings.show(); - settings_visible = true; - - // TODO: I have had to set the buttons with tabindex -1, as I cannot - // for the life of me get focus-trap to intercept their key input - // correctly for esc and tab/shift-tab. This is non-ideal for - // accessibility reasons. - $settings[0].focus_trap = focus_trap($settings[0], { - escapeDeactivates: true, - onActivate: function () { - $settings.addClass("focus-trap"); - }, - onDeactivate: function() { - $settings.removeClass("focus-trap"); - // ugly to do this as a timeout, but it is the best way I've - // found to get the key handling sequence right. This ensures - // that if a mousedown event triggers deactivate, it is handled - // while the settings panel is still open. - setTimeout(hide_settings_final, 50); - }, - returnFocusOnDeactivate: false, - clickOutsideDeactivates: true, - }).activate(); - - return false; - } - - function hide_settings() - { - if (!settings_visible) - return; - $settings[0].focus_trap.deactivate(); - } - - // triggered via focus-trap onDeactivate - function hide_settings_final() - { - $("#action-panel-settings").hide(); - settings_visible = false; - - // TODO: I can't quite figure out why the conditional is necessary, but - // maybe something about the timing. Without it, sync_focus_state - // steals focus from the chat window. - if (!$("#chat").hasClass("focus-trap")) - ui.sync_focus_state(); - - // somewhat hacky: if hide_settings is triggered by hide_panel, - // don't send options twice. Assumes that this flag is set first... - if (!minimized) - send_options(); - } - - function hide_tooltip() - { - if (tooltip_timeout) - clearTimeout(tooltip_timeout); - $tooltip.hide(); - } - - function show_tooltip(x, y, slot) - { - if (slot >= filtered_inv.length) - { - hide_tooltip(); - return; - } - $tooltip.css({top: y + 10 + "px", - left: x + 10 + "px"}); - if (slot == -2) - { - $tooltip.html("Left click: minimize
" - + "Right click: open settings"); - } - else if (slot == -1 && game.get_input_mode() == enums.mouse_mode.COMMAND) - $tooltip.html("Left click: show main menu"); - else - { - var item = filtered_inv[slot]; - $tooltip.empty().text(String.fromCharCode(item.letter) + " - "); - $tooltip.append(player.inventory_item_desc(item.slot)); - if (game.get_input_mode() == enums.mouse_mode.COMMAND) - { - if (item.action_verb) - $tooltip.append("
Left click: " - + item.action_verb.toLowerCase() - + ""); - $tooltip.append("
Right click: describe"); - } - } - $tooltip.show(); - } - - // Initial setup for the panel and its settings menu. - // Note that "game_init" happens before the client receives - // the options and inventory data from the server. - $(document).bind("game_init", function () { - $canvas = $("#action-panel"); - $settings = $("#action-panel-settings"); - $tooltip = $("#action-panel-tooltip"); - if (client.is_watching()) - { - $canvas.addClass("hidden"); - return; - } - - renderer = new cr.DungeonCellRenderer(); - borders_width = (parseInt($canvas.css("border-left-width"), 10) || 0) * 2; - minimized = false; - settings_visible = false; - tooltip_timeout = null; - filtered_inv = []; - - $canvas.on("update", update); - - $canvas.on("mousemove mouseleave mousedown mouseenter", function (ev) { - handle_mouse(ev); - }); - - $canvas.contextmenu(function() { return false; }); - - // We don't need a context menu for the context menu - $settings.contextmenu(function () { - return false; + tooltip_timeout = setTimeout(() => { + show_tooltip(ev.pageX, ev.pageY, selected - NUM_RESERVED_BUTTONS); + }, 500); + } + } else if (ev.type === "mousedown" && ev.which === 1) { + if (selected === 0) + // It should be available even in targeting mode + hide_panel(); + else if ( + game.get_input_mode() === enums.mouse_mode.COMMAND && + selected === 1 + ) { + comm.send_message("main_menu_action"); + } else if ( + game.get_input_mode() === enums.mouse_mode.COMMAND && + selected >= NUM_RESERVED_BUTTONS && + selected < filtered_inv.length + NUM_RESERVED_BUTTONS + ) { + comm.send_message("inv_item_action", { + slot: filtered_inv[selected - NUM_RESERVED_BUTTONS].slot, }); - - // Clicking on the panel/Close button closes the settings menu - $("#action-panel, #close-settings").click(function () { - hide_settings(); - }); - - // Triggering this function on keyup might be too aggressive, - // but at least the player doesn't have to press Enter to confirm changes - $("#action-panel-settings input[type=radio],input[type=number]") - .on("change keyup", function (e) { - if (e.which == 27) - { - hide_settings(); - e.preventDefault(); - return; - } - var input = e.target; - if (input.type === "number" && !input.checkValidity()) - return; - options.set(input.name, input.value); - }); - - $("#action-panel-settings button.reset").click(function () { - var input = $(this).siblings("input"); - var default_value = input.data("default"); - input.val(default_value); - options.set(input.prop("name"), default_value); - }); - - $("#minimize-panel").click(hide_panel); - - $("#action-panel-placeholder").click(function () { - show_panel(); - update(); + } + } else if (ev.type === "mousedown" && ev.which === 3) { + if (selected === 0) + // right click on the x shows settings + show_settings(ev); + else if ( + game.get_input_mode() === enums.mouse_mode.COMMAND && + selected >= NUM_RESERVED_BUTTONS && + selected < filtered_inv.length + NUM_RESERVED_BUTTONS + ) { + comm.send_message("inv_item_describe", { + slot: filtered_inv[selected - NUM_RESERVED_BUTTONS].slot, }); - - // To prevent the game from showing an empty panel before - // any inventory data arrives, we hide it via inline CSS - // and the "hidden" class. The next line deactivates - // the inline rule, and the first call to update() will - // remove "hidden" if the (filtered) inventory is not empty. - $canvas.show(); - }); - - function _horizontal() - { - return orientation === "horizontal" ? true : false; + } } - - function _update_font_props() - { - font = (font_size || "16") + "px " + (font_family || "monospace"); - } - - function handle_mouse(ev) - { - if (ev.type === "mouseleave") - { - selected = -1; - hide_tooltip(); - update(); - } - else - { - // focus-trap handles this case: the settings panel is about to - // be closed and we should ignore the click - if (ev.type == "mousedown" && settings_visible) - return; - - // for finding the mouse position, we need to *not* use the device - // pixel ratio to adjust the scale - var cell_width = renderer.cell_width * scale / 100; - var cell_height = renderer.cell_height * scale / 100; - var cell_length = _horizontal() ? cell_width : cell_height; - var loc = { - x: Math.round(ev.clientX / cell_width - 0.5), - y: Math.round(ev.clientY / cell_height - 0.5) - }; - - if (ev.type === "mousemove" || ev.type === "mouseenter") - { - var oldselected = selected; - selected = _horizontal() ? loc.x : loc.y; - update(); - if (oldselected != selected && !settings_visible) - { - hide_tooltip(); - tooltip_timeout = setTimeout(function() - { - show_tooltip(ev.pageX, ev.pageY, - selected - NUM_RESERVED_BUTTONS); - }, 500); - } - } - else if (ev.type === "mousedown" && ev.which == 1) - { - if (selected == 0) // It should be available even in targeting mode - hide_panel(); - else if (game.get_input_mode() == enums.mouse_mode.COMMAND - && selected == 1) - { - comm.send_message("main_menu_action"); - } - else if (game.get_input_mode() == enums.mouse_mode.COMMAND - && selected >= NUM_RESERVED_BUTTONS - && selected < filtered_inv.length + NUM_RESERVED_BUTTONS) - { - comm.send_message("inv_item_action", - {slot: filtered_inv[selected - NUM_RESERVED_BUTTONS].slot}); - } - } - else if (ev.type === "mousedown" && ev.which == 3) - { - if (selected == 0) // right click on the x shows settings - show_settings(ev); - else if (game.get_input_mode() == enums.mouse_mode.COMMAND - && selected >= NUM_RESERVED_BUTTONS - && selected < filtered_inv.length + NUM_RESERVED_BUTTONS) - { - comm.send_message("inv_item_describe", - {slot: filtered_inv[selected - NUM_RESERVED_BUTTONS].slot}); - } - } - } - } - - function draw_action(texture, tiles, item, offset, scale, needs_cursor, - text, useless) - { - if (item && draw_glyphs) - { - // XX just the glyph is not very informative. One idea might - // be to tack on the subtype icon, but those are currently - // baked into the item tile so this would be a lot of work. - renderer.render_glyph(_horizontal() ? offset : 0, - _horizontal() ? 0 : offset, - item, true, true, scale); - } - else - { - tiles = Array.isArray(tiles) ? tiles : [tiles]; - tiles.forEach(function (tile) { - renderer.draw_tile(tile, - _horizontal() ? offset : 0, - _horizontal() ? 0 : offset, - texture, - undefined, undefined, undefined, undefined, - scale); - }); - } - - if (text) - { - // TODO: at some scalings, this don't dodge the green highlight - // square very well - renderer.draw_quantity(text, - _horizontal() ? offset : 0, - _horizontal() ? 0 : offset, - font); - } - - if (needs_cursor) - { - renderer.draw_icon(icons.CURSOR3, - _horizontal() ? offset : 0, - _horizontal() ? 0 : offset, - undefined, undefined, - scale); - } - - if (useless) - { - renderer.draw_icon(icons.OOR_MESH, - _horizontal() ? offset : 0, - _horizontal() ? 0 : offset, - undefined, undefined, - scale); - } - } - - function update() - { - if (client.is_watching()) - return; - - // Have we received the inventory yet? - // Note: an empty inventory will still have 52 empty slots. - var inventory_initialized = Object.values(player.inv).length; - if (!inventory_initialized) - { - $("#action-panel").addClass("hidden"); - return; - } - - if (panel_disabled || minimized) - { - hide_panel(false); - return; - } - - // Filter - filtered_inv = Object.values(player.inv).filter(function (item) { - return item.quantity && item.action_panel_order >= 0; - }); - - // primary sort: determined by the `action_panel` option - // secondary sort: determined by subtype - filtered_inv.sort(function (a, b) { - if (a.action_panel_order === b.action_panel_order) - return a.sub_type - b.sub_type; - - return a.action_panel_order - b.action_panel_order; - }); - - // Render - const ratio = window.devicePixelRatio; - - // first we readjust the dimensions according to whether the panel - // should be horizontal or vertical, and how much space is available. - // These calculations are in logical pixels. - var adjusted_scale = scale / 100; - - var cell_width = renderer.cell_width * adjusted_scale; - var cell_height = renderer.cell_height * adjusted_scale; - var cell_length = _horizontal() ? cell_width - : cell_height; - var required_length = cell_length * (filtered_inv.length + NUM_RESERVED_BUTTONS); - var available_length = _horizontal() - ? $("#dungeon").width() - : $("#dungeon").height(); - available_length -= borders_width; - var max_cells = Math.floor(available_length / cell_length); - var panel_length = Math.min(required_length, available_length); - - util.init_canvas($canvas[0], - _horizontal() ? panel_length : cell_width, - _horizontal() ? cell_height : panel_length); - renderer.init($canvas[0]); - renderer.clear(); - - // now draw the thing. From this point forward, use device pixels. - const cell = renderer.scaled_size(); - const inc = (_horizontal() ? cell.width : cell.height) * adjusted_scale; - - // XX The "X" should definitely be a different/custom icon - // TODO: select tile via something like c++ `tileidx_command` - draw_action(gui, gui.PROMPT_NO, null, 0, adjusted_scale, selected == 0); - draw_action(gui, gui.CMD_GAME_MENU, null, inc, adjusted_scale, - selected == 1); - - draw_glyphs = options.get("action_panel_glyphs"); - - if (draw_glyphs) - { - // need to manually initialize for this type of renderer - renderer.glyph_mode_font_size = options.get("glyph_mode_font_size"); - renderer.glyph_mode_font = options.get("glyph_mode_font"); - renderer.glyph_mode_update_font_metrics(); - } - - // Inventory items - filtered_inv.slice(0, max_cells).forEach(function (item, idx) { - let offset = inc * (idx + NUM_RESERVED_BUTTONS); - let qty_field_name = item.qty_field; - let qty = ""; - if (item.hasOwnProperty(qty_field_name)) - qty = item[qty_field_name]; - let cursor_required = selected == idx + NUM_RESERVED_BUTTONS; - - draw_action(main, item.tile, item, offset, adjusted_scale, - cursor_required, qty, item.useless); - }); - - if (available_length < required_length) - { - const ellipsis = icons.ELLIPSIS; - var x_pos = 0, y_pos = 0; - - if (_horizontal()) - x_pos = available_length - icons.get_tile_info(ellipsis).w * adjusted_scale; - else - y_pos = available_length - icons.get_tile_info(ellipsis).h * adjusted_scale; - - renderer.draw_icon(ellipsis, x_pos * ratio, y_pos * ratio, -2, -2, adjusted_scale); - } - $canvas.removeClass("hidden"); - } - - options.add_listener(function () { - if (client.is_watching()) - return; - // synchronize visible state with new options. Because of messy timing - // issues with the crawl binary, this will run at least twice on - // startup. - var update_required = false; - - var new_scale = options.get("action_panel_scale"); - if (scale !== new_scale) - { - scale = new_scale; - update_required = true; - } - - // is one of: horizontal, vertical - var new_orientation = options.get("action_panel_orientation"); - if (orientation !== new_orientation) - { - orientation = new_orientation; - update_required = true; - } - - var new_min = !options.get("action_panel_show"); - if (new_min != minimized) - { - minimized = new_min; - update_required = true; - } - - var new_font_family = options.get("action_panel_font_family"); - if (font_family !== new_font_family) - { - font_family = new_font_family; - _update_font_props(); - update_required = true; - } - - var new_font_size = options.get("action_panel_font_size"); - if (font_size !== new_font_size) - { - font_size = new_font_size; - _update_font_props(); - update_required = true; - } - - // The panel should be disabled completely only if the player - // set the action_panel option to an empty string in the .rc - panel_disabled = options.get("action_panel_disabled"); - - if (update_required) - { - if (!minimized) - show_panel(false); - update(); - } + } +} + +function draw_action( + texture, + tiles, + item, + offset, + scale, + needs_cursor, + text, + useless +) { + if (item && draw_glyphs) { + // XX just the glyph is not very informative. One idea might + // be to tack on the subtype icon, but those are currently + // baked into the item tile so this would be a lot of work. + renderer.render_glyph( + _horizontal() ? offset : 0, + _horizontal() ? 0 : offset, + item, + true, + true, + scale + ); + } else { + tiles = Array.isArray(tiles) ? tiles : [tiles]; + tiles.forEach((tile) => { + renderer.draw_tile( + tile, + _horizontal() ? offset : 0, + _horizontal() ? 0 : offset, + texture, + undefined, + undefined, + undefined, + undefined, + scale + ); }); + } + + if (text) { + // TODO: at some scalings, this don't dodge the green highlight + // square very well + renderer.draw_quantity( + text, + _horizontal() ? offset : 0, + _horizontal() ? 0 : offset, + font + ); + } + + if (needs_cursor) { + renderer.draw_icon( + icons.CURSOR3, + _horizontal() ? offset : 0, + _horizontal() ? 0 : offset, + undefined, + undefined, + scale + ); + } + + if (useless) { + renderer.draw_icon( + icons.OOR_MESH, + _horizontal() ? offset : 0, + _horizontal() ? 0 : offset, + undefined, + undefined, + scale + ); + } +} + +function update() { + if (client.is_watching()) return; + + // Have we received the inventory yet? + // Note: an empty inventory will still have 52 empty slots. + const inventory_initialized = Object.values(player.inv).length; + if (!inventory_initialized) { + $("#action-panel").addClass("hidden"); + return; + } + + if (panel_disabled || minimized) { + hide_panel(false); + return; + } + + // Filter + filtered_inv = Object.values(player.inv).filter((item) => item.quantity && item.action_panel_order >= 0); + + // primary sort: determined by the `action_panel` option + // secondary sort: determined by subtype + filtered_inv.sort((a, b) => { + if (a.action_panel_order === b.action_panel_order) + return a.sub_type - b.sub_type; + + return a.action_panel_order - b.action_panel_order; + }); + + // Render + const ratio = window.devicePixelRatio; + + // first we readjust the dimensions according to whether the panel + // should be horizontal or vertical, and how much space is available. + // These calculations are in logical pixels. + const adjusted_scale = scale / 100; + + const cell_width = renderer.cell_width * adjusted_scale; + const cell_height = renderer.cell_height * adjusted_scale; + const cell_length = _horizontal() ? cell_width : cell_height; + const required_length = + cell_length * (filtered_inv.length + NUM_RESERVED_BUTTONS); + let available_length = _horizontal() + ? $("#dungeon").width() + : $("#dungeon").height(); + available_length -= borders_width; + const max_cells = Math.floor(available_length / cell_length); + const panel_length = Math.min(required_length, available_length); + + util.init_canvas( + $canvas[0], + _horizontal() ? panel_length : cell_width, + _horizontal() ? cell_height : panel_length + ); + renderer.init($canvas[0]); + renderer.clear(); + + // now draw the thing. From this point forward, use device pixels. + const cell = renderer.scaled_size(); + const inc = (_horizontal() ? cell.width : cell.height) * adjusted_scale; + + // XX The "X" should definitely be a different/custom icon + // TODO: select tile via something like c++ `tileidx_command` + draw_action(gui, gui.PROMPT_NO, null, 0, adjusted_scale, selected === 0); + draw_action(gui, gui.CMD_GAME_MENU, null, inc, adjusted_scale, selected === 1); + + draw_glyphs = options.get("action_panel_glyphs"); + + if (draw_glyphs) { + // need to manually initialize for this type of renderer + renderer.glyph_mode_font_size = options.get("glyph_mode_font_size"); + renderer.glyph_mode_font = options.get("glyph_mode_font"); + renderer.glyph_mode_update_font_metrics(); + } + + // Inventory items + filtered_inv.slice(0, max_cells).forEach((item, idx) => { + const offset = inc * (idx + NUM_RESERVED_BUTTONS); + const qty_field_name = item.qty_field; + let qty = ""; + if (Object.hasOwn(item, qty_field_name)) qty = item[qty_field_name]; + const cursor_required = selected === idx + NUM_RESERVED_BUTTONS; + + draw_action( + main, + item.tile, + item, + offset, + adjusted_scale, + cursor_required, + qty, + item.useless + ); + }); + + if (available_length < required_length) { + const ellipsis = icons.ELLIPSIS; + let x_pos = 0, + y_pos = 0; + + if (_horizontal()) + x_pos = + available_length - icons.get_tile_info(ellipsis).w * adjusted_scale; + else + y_pos = + available_length - icons.get_tile_info(ellipsis).h * adjusted_scale; + + renderer.draw_icon( + ellipsis, + x_pos * ratio, + y_pos * ratio, + -2, + -2, + adjusted_scale + ); + } + $canvas.removeClass("hidden"); +} + +options.add_listener(() => { + if (client.is_watching()) return; + // synchronize visible state with new options. Because of messy timing + // issues with the crawl binary, this will run at least twice on + // startup. + let update_required = false; + + const new_scale = options.get("action_panel_scale"); + if (scale !== new_scale) { + scale = new_scale; + update_required = true; + } + + // is one of: horizontal, vertical + const new_orientation = options.get("action_panel_orientation"); + if (orientation !== new_orientation) { + orientation = new_orientation; + update_required = true; + } + + const new_min = !options.get("action_panel_show"); + if (new_min !== minimized) { + minimized = new_min; + update_required = true; + } + + const new_font_family = options.get("action_panel_font_family"); + if (font_family !== new_font_family) { + font_family = new_font_family; + _update_font_props(); + update_required = true; + } + + const new_font_size = options.get("action_panel_font_size"); + if (font_size !== new_font_size) { + font_size = new_font_size; + _update_font_props(); + update_required = true; + } + + // The panel should be disabled completely only if the player + // set the action_panel option to an empty string in the .rc + panel_disabled = options.get("action_panel_disabled"); + + if (update_required) { + if (!minimized) show_panel(false); + update(); + } }); diff --git a/crawl-ref/source/webserver/client/game/src/cell_renderer.js b/crawl-ref/source/webserver/client/game/src/cell_renderer.js index 6ceaed9a551..3ee131af33c 100644 --- a/crawl-ref/source/webserver/client/game/src/cell_renderer.js +++ b/crawl-ref/source/webserver/client/game/src/cell_renderer.js @@ -1,1357 +1,1335 @@ -define(["jquery", "./view_data", "./tileinfo-gui", "./tileinfo-main", - "./tileinfo-player", "./tileinfo-icons", "./tileinfo-dngn", "./enums", - "./map_knowledge", "./tileinfos", "./player", "./options", - "contrib/jquery.json"], -function ($, view_data, gui, main, tileinfo_player, icons, dngn, enums, - map_knowledge, tileinfos, player, options) { - "use strict"; - - function DungeonCellRenderer() - { - this.set_cell_size(32, 32); +import $ from "jquery"; + +import view_data from "./view_data"; +import gui from "../../../game_data/static/tileinfo-gui"; +import main from "../../../game_data/static/tileinfo-main"; +import tileinfo_player from "../../../game_data/static/tileinfo-player"; +import icons from "../../../game_data/static/tileinfo-icons"; +import dngn from "../../../game_data/static/tileinfo-dngn"; +import enums from "./enums"; +import map_knowledge from "./map_knowledge"; +import tileinfos from "./tileinfos"; +import player from "./player"; +import options from "./options"; + +function DungeonCellRenderer() { + this.set_cell_size(32, 32); +} + +let fg_term_colours, bg_term_colours; +let healthy, hp_spend, magic, magic_spend; + +function determine_colours() { + fg_term_colours = []; + bg_term_colours = []; + const $game = $("#game"); + for (let i = 0; i < 16; ++i) { + const elem = $(``); + $game.append(elem); + fg_term_colours.push(elem.css("color")); + bg_term_colours.push(elem.css("background-color")); + elem.detach(); + } + + // FIXME: CSS lookup doesn't work on Chrome after saving and loading a + // game, style information is missing for some reason. + // Use hard coded values instead. + healthy = "#8ae234"; + hp_spend = "#b30009"; + magic = "#5e78ff"; + // healthy = $("#stats_hp_bar_full").css("background-color"); + // hp_spend = $("#stats_hp_bar_decrease").css("background-color"); + // magic = $("#stats_mp_bar_full").css("background-color"); + magic_spend = "black"; +} + +function in_water(cell) { + return cell.bg.WATER && !cell.fg.FLYING; +} + +function split_term_colour(col) { + const fg = col & 0xf; + const bg = 0; + const attr = (col & 0xf0) >> 4; + const param = (col & 0xf000) >> 12; + return { fg: fg, bg: bg, attr: attr, param: param }; +} + +function term_colour_apply_attributes(col) { + if (col.attr === enums.CHATTR.HILITE) { + col.bg = col.param; + if (col.bg === col.fg) col.fg = 0; + } + if (col.attr === enums.CHATTR.REVERSE) { + const z = col.bg; + col.bg = col.fg; + col.fg = z; + } +} + +function get_img(id) { + return $(`#${id}`)[0]; +} + +function obj_to_str(o) { + return $.toJSON(o); +} + +$.extend(DungeonCellRenderer.prototype, { + init: function (element) { + this.element = element; + this.ctx = this.element.getContext("2d"); + }, + + set_cell_size: function (w, h) { + this.cell_width = Math.floor(w); + this.cell_height = Math.floor(h); + this.x_scale = this.cell_width / 32; + this.y_scale = this.cell_height / 32; + }, + + glyph_mode_font_name: function (scale, device) { + let glyph_scale; + if (scale) glyph_scale = scale * 100; + else { + if (this.ui_state === enums.ui.VIEW_MAP) + glyph_scale = options.get("tile_map_scale"); + else glyph_scale = options.get("tile_viewport_scale"); + glyph_scale = (glyph_scale - 100) / 2 + 100; } - - var fg_term_colours, bg_term_colours; - var healthy, hp_spend, magic, magic_spend; - - function determine_colours() - { - fg_term_colours = []; - bg_term_colours = []; - var $game = $("#game"); - for (var i = 0; i < 16; ++i) - { - var elem = $(""); - $game.append(elem); - fg_term_colours.push(elem.css("color")); - bg_term_colours.push(elem.css("background-color")); - elem.detach(); + if (device) glyph_scale = glyph_scale * window.devicePixelRatio; + + return ( + Math.floor((this.glyph_mode_font_size * glyph_scale) / 100) + + "px " + + this.glyph_mode_font + ); + }, + + glyph_mode_update_font_metrics: function () { + this.ctx.font = this.glyph_mode_font_name(); + + // Glyph used here does not matter because fontBoundingBoxAscent + // and fontBoundingBoxDescent are specific to the font whereas all + // glyphs in a monospaced font will have the same width + const metrics = this.ctx.measureText("@"); + this.glyph_mode_font_width = Math.ceil(metrics.width); + + // 2022: this feature appears to still be unavailable by default + // in firefox + if (metrics.fontBoundingBoxAscent) { + this.glyph_mode_baseline = metrics.fontBoundingBoxAscent; + this.glyph_mode_line_height = + metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent; + } else { + // Inspired by https://stackoverflow.com/q/1134586/ + const body = document.body; + const ref_glyph = document.createElement("span"); + const ref_block = document.createElement("div"); + const div = document.createElement("div"); + + ref_glyph.innerHTML = "@"; + ref_glyph.style.font = this.ctx.font; + + ref_block.style.display = "inline-block"; + ref_block.style.width = "1px"; + ref_block.style.height = "0px"; + + div.style.visibility = "hidden"; + div.appendChild(ref_glyph); + div.appendChild(ref_block); + body.appendChild(div); + + try { + ref_block.style["vertical-align"] = "baseline"; + this.glyph_mode_baseline = ref_block.offsetTop - ref_glyph.offsetTop; + ref_block.style["vertical-align"] = "bottom"; + this.glyph_mode_line_height = ref_block.offsetTop - ref_glyph.offsetTop; + } finally { + document.body.removeChild(div); + } + } + }, + + render_cursors: function (cx, cy, x, y) { + $.each(view_data.cursor_locs, (type, loc) => { + if (loc && loc.x === cx && loc.y === cy) { + let idx; + + switch (type) { + case enums.CURSOR_TUTORIAL: + idx = icons.TUTORIAL_CURSOR; + break; + case enums.CURSOR_MOUSE: + idx = icons.CURSOR; + // TODO: tilei.CURSOR2 if not visible + break; + case enums.CURSOR_MAP: + idx = icons.CURSOR; + break; } - // FIXME: CSS lookup doesn't work on Chrome after saving and loading a - // game, style information is missing for some reason. - // Use hard coded values instead. - healthy = "#8ae234"; - hp_spend = "#b30009"; - magic = "#5e78ff"; - // healthy = $("#stats_hp_bar_full").css("background-color"); - // hp_spend = $("#stats_hp_bar_decrease").css("background-color"); - // magic = $("#stats_mp_bar_full").css("background-color"); - magic_spend = "black"; + this.draw_icon(idx, x, y); + } + }); + }, + + scaled_size: function (w, h) { + w = w === undefined ? this.cell_width : w; + h = h === undefined ? this.cell_height : h; + const ratio = window.devicePixelRatio; + const width = Math.floor(w * ratio); + const height = Math.floor(h * ratio); + return { width: width, height: height }; + }, + + clear: function () { + this.ctx.fillStyle = "black"; + // element dimensions are already scaled + this.ctx.fillRect(0, 0, this.element.width, this.element.height); + }, + + do_render_cell: function (cx, cy, x, y, map_cell, cell) { + const scaled = this.scaled_size(); + + this.ctx.fillStyle = "black"; + this.ctx.fillRect(x, y, scaled.width, scaled.height); + + map_cell = map_cell || map_knowledge.get(cx, cy); + cell = cell || map_cell.t; + + if (!cell) { + this.render_cursors(cx, cy, x, y); + return; } - function in_water(cell) - { - return ((cell.bg.WATER) && !(cell.fg.FLYING)); + // track whether this cell overlaps to the top or left + this.current_sy = 0; + this.current_left_overlap = 0; + + cell.fg = enums.prepare_fg_flags(cell.fg || 0); + cell.bg = enums.prepare_bg_flags(cell.bg || 0); + cell.cloud = enums.prepare_fg_flags(cell.cloud || 0); + cell.icons = cell.icons || []; + cell.flv = cell.flv || {}; + cell.flv.f = cell.flv.f || 0; + cell.flv.s = cell.flv.s || 0; + map_cell.g = map_cell.g || " "; + if (map_cell.col === undefined) map_cell.col = 7; + + if (options.get("tile_display_mode") === "glyphs") { + this.render_glyph(x, y, map_cell, false); + + this.render_cursors(cx, cy, x, y); + this.draw_ray(x, y, cell); + return; } - function split_term_colour(col) - { - var fg = col & 0xF; - var bg = 0; - var attr = (col & 0xF0) >> 4; - var param = (col & 0xF000) >> 12; - return { fg: fg, bg: bg, attr: attr, param: param }; + // cell is basically a packed_cell + doll + mcache entries + if (options.get("tile_display_mode") === "tiles") + this.draw_background(x, y, cell); + + const fg_idx = cell.fg.value; + const is_in_water = in_water(cell); + + // draw clouds + if (cell.cloud.value) { + this.ctx.save(); + // If there will be a front/back cloud pair, draw + // the underlying one with correct alpha + if (fg_idx) { + try { + this.ctx.globalAlpha = 0.6; + this.set_nonsubmerged_clip(x, y, 20); + this.draw_main(cell.cloud.value, x, y); + } finally { + this.ctx.restore(); + } + + this.ctx.save(); + try { + this.ctx.globalAlpha = 0.2; + this.set_submerged_clip(x, y, 20); + this.draw_main(cell.cloud.value, x, y); + } finally { + this.ctx.restore(); + } + } else { + try { + this.ctx.globalAlpha = 1.0; + this.draw_main(cell.cloud.value, x, y); + } finally { + this.ctx.restore(); + } + } } - function term_colour_apply_attributes(col) - { - if (col.attr == enums.CHATTR.HILITE) - { - col.bg = col.param; - if (col.bg == col.fg) - col.fg = 0; + // Canvas doesn't support applying an alpha gradient + // to an image while drawing; so to achieve the same + // effect as in local tiles, it would probably be best + // to pregenerate water tiles with the (inverse) alpha + // gradient built in. This simply draws the lower + // half with increased transparency; for now, it looks + // good enough. + + const renderer = this; + function draw_dolls() { + if (fg_idx >= main.MAIN_MAX && cell.doll) { + const mcache_map = {}; + if (cell.mcache) { + for (let i = 0; i < cell.mcache.length; ++i) + mcache_map[cell.mcache[i][0]] = i; } - if (col.attr == enums.CHATTR.REVERSE) - { - var z = col.bg; - col.bg = col.fg; - col.fg = z; + $.each(cell.doll, (_i, doll_part) => { + let xofs = 0; + let yofs = 0; + if (mcache_map[doll_part[0]] !== undefined) { + const mind = mcache_map[doll_part[0]]; + xofs = cell.mcache[mind][1]; + yofs = cell.mcache[mind][2]; + } + renderer.draw_player(doll_part[0], x, y, xofs, yofs, doll_part[1]); + }); + } + + if (fg_idx >= tileinfo_player.MCACHE_START && cell.mcache) { + $.each(cell.mcache, (_i, mcache_part) => { + if (mcache_part) { + renderer.draw_player( + mcache_part[0], + x, + y, + mcache_part[1], + mcache_part[2] + ); + } + }); + } + } + + if (is_in_water && options.get("tile_display_mode") === "tiles") { + this.ctx.save(); + try { + this.ctx.globalAlpha = cell.trans ? 0.5 : 1.0; + + this.set_nonsubmerged_clip(x, y, 20); + + draw_dolls(); + } finally { + this.ctx.restore(); + } + + this.ctx.save(); + try { + this.ctx.globalAlpha = cell.trans ? 0.1 : 0.3; + this.set_submerged_clip(x, y, 20); + + draw_dolls(); + } finally { + this.ctx.restore(); + } + } else if (options.get("tile_display_mode") === "tiles") { + this.ctx.save(); + try { + this.ctx.globalAlpha = cell.trans ? 0.55 : 1.0; + + draw_dolls(); + } finally { + this.ctx.restore(); + } + } + + this.draw_foreground(x, y, map_cell); + + // draw clouds over stuff + if (fg_idx && cell.cloud.value) { + this.ctx.save(); + try { + this.ctx.globalAlpha = 0.4; + this.set_nonsubmerged_clip(x, y, 20); + this.draw_main(cell.cloud.value, x, y); + } finally { + this.ctx.restore(); + } + + this.ctx.save(); + try { + this.ctx.globalAlpha = 0.8; + this.set_submerged_clip(x, y, 20); + this.draw_main(cell.cloud.value, x, y); + } finally { + this.ctx.restore(); + } + } + + // Draw main-tile overlays (i.e. zaps), on top of clouds. + if (cell.ov) { + $.each(cell.ov, (_i, overlay) => { + if (dngn.FEAT_MAX <= overlay && overlay < main.MAIN_MAX) { + renderer.draw_main(overlay, x, y); } + }); } - function get_img(id) - { - return $("#" + id)[0]; + this.render_flash(x, y, map_cell); + + this.render_cursors(cx, cy, x, y); + + if ( + cx === player.pos.x && + cy === player.pos.y && + map_knowledge.player_on_level() + ) { + this.draw_minibars(x, y); } - function obj_to_str(o) - { - return $.toJSON(o); + // Debug helper + if (cell.mark) { + this.ctx.fillStyle = "red"; + this.ctx.font = "12px monospace"; + this.ctx.textAlign = "center"; + this.ctx.textBaseline = "middle"; + const scaled = this.scaled_size(); + this.ctx.fillText( + cell.mark, + x + 0.5 * scaled.width, + y + 0.5 * scaled.height + ); } - $.extend(DungeonCellRenderer.prototype, { - init: function(element) - { - this.element = element; - this.ctx = this.element.getContext("2d"); - }, - - set_cell_size: function(w, h) - { - this.cell_width = Math.floor(w); - this.cell_height = Math.floor(h); - this.x_scale = this.cell_width / 32; - this.y_scale = this.cell_height / 32; - }, - - glyph_mode_font_name: function (scale, device) - { - var glyph_scale; - if (scale) - glyph_scale = scale * 100; - else - { - if (this.ui_state == enums.ui.VIEW_MAP) - glyph_scale = options.get("tile_map_scale"); - else - glyph_scale = options.get("tile_viewport_scale"); - glyph_scale = ((glyph_scale - 100) / 2 + 100); - } - if (device) - glyph_scale = glyph_scale * window.devicePixelRatio; - - return (Math.floor(this.glyph_mode_font_size * glyph_scale / 100) - + "px " + this.glyph_mode_font); - }, - - glyph_mode_update_font_metrics: function () - { - this.ctx.font = this.glyph_mode_font_name(); - - // Glyph used here does not matter because fontBoundingBoxAscent - // and fontBoundingBoxDescent are specific to the font whereas all - // glyphs in a monospaced font will have the same width - var metrics = this.ctx.measureText('@'); - this.glyph_mode_font_width = Math.ceil(metrics.width); - - // 2022: this feature appears to still be unavailable by default - // in firefox - if (metrics.fontBoundingBoxAscent) - { - this.glyph_mode_baseline = metrics.fontBoundingBoxAscent; - this.glyph_mode_line_height = (metrics.fontBoundingBoxAscent - + metrics.fontBoundingBoxDescent); - } - else - { // Inspired by https://stackoverflow.com/q/1134586/ - var body = document.body; - var ref_glyph = document.createElement("span"); - var ref_block = document.createElement("div"); - var div = document.createElement("div"); - - ref_glyph.innerHTML = '@'; - ref_glyph.style.font = this.ctx.font; - - ref_block.style.display = "inline-block"; - ref_block.style.width = "1px"; - ref_block.style.height = "0px"; - - div.style.visibility = "hidden"; - div.appendChild(ref_glyph); - div.appendChild(ref_block); - body.appendChild(div); - - try - { - ref_block.style["vertical-align"] = "baseline"; - this.glyph_mode_baseline = (ref_block.offsetTop - - ref_glyph.offsetTop); - ref_block.style["vertical-align"] = "bottom"; - this.glyph_mode_line_height = (ref_block.offsetTop - - ref_glyph.offsetTop); - } - finally - { - document.body.removeChild(div); - } - } - }, - - render_cursors: function(cx, cy, x, y) - { - var renderer = this; - $.each(view_data.cursor_locs, function (type, loc) { - if (loc && (loc.x == cx) && (loc.y == cy)) - { - var idx; - - switch (type) - { - case enums.CURSOR_TUTORIAL: - idx = icons.TUTORIAL_CURSOR; - break; - case enums.CURSOR_MOUSE: - idx = icons.CURSOR; - // TODO: tilei.CURSOR2 if not visible - break; - case enums.CURSOR_MAP: - idx = icons.CURSOR; - break; - } - - renderer.draw_icon(idx, x, y); - } - }); - }, - - scaled_size: function(w, h) - { - w = w === undefined ? this.cell_width : w; - h = h === undefined ? this.cell_height : h; - const ratio = window.devicePixelRatio; - const width = Math.floor(w * ratio); - const height = Math.floor(h * ratio); - return {width: width, height: height}; - }, - - clear: function() - { - this.ctx.fillStyle = "black"; - // element dimensions are already scaled - this.ctx.fillRect(0, 0, this.element.width, this.element.height); - }, - - do_render_cell: function(cx, cy, x, y, map_cell, cell) - { - let scaled = this.scaled_size(); - - this.ctx.fillStyle = "black"; - this.ctx.fillRect(x, y, scaled.width, scaled.height); - - map_cell = map_cell || map_knowledge.get(cx, cy); - cell = cell || map_cell.t; - - if (!cell) - { - this.render_cursors(cx, cy, x, y); - return; - } - - // track whether this cell overlaps to the top or left - this.current_sy = 0; - this.current_left_overlap = 0; - - cell.fg = enums.prepare_fg_flags(cell.fg || 0); - cell.bg = enums.prepare_bg_flags(cell.bg || 0); - cell.cloud = enums.prepare_fg_flags(cell.cloud || 0); - cell.icons = cell.icons || []; - cell.flv = cell.flv || {}; - cell.flv.f = cell.flv.f || 0; - cell.flv.s = cell.flv.s || 0; - map_cell.g = map_cell.g || ' '; - if (map_cell.col == undefined) map_cell.col = 7; - - if (options.get("tile_display_mode") == "glyphs") - { - this.render_glyph(x, y, map_cell, false); - - this.render_cursors(cx, cy, x, y); - this.draw_ray(x, y, cell); - return; - } - - // cell is basically a packed_cell + doll + mcache entries - if (options.get("tile_display_mode") == "tiles") - this.draw_background(x, y, cell); - - var fg_idx = cell.fg.value; - var is_in_water = in_water(cell); - - // draw clouds - if (cell.cloud.value) - { - this.ctx.save(); - // If there will be a front/back cloud pair, draw - // the underlying one with correct alpha - if (fg_idx) - { - try - { - this.ctx.globalAlpha = 0.6; - this.set_nonsubmerged_clip(x, y, 20); - this.draw_main(cell.cloud.value, x, y); - } - finally - { - this.ctx.restore(); - } - - this.ctx.save(); - try - { - this.ctx.globalAlpha = 0.2; - this.set_submerged_clip(x, y, 20); - this.draw_main(cell.cloud.value, x, y); - } - finally - { - this.ctx.restore(); - } - } - else - { - try - { - this.ctx.globalAlpha = 1.0; - this.draw_main(cell.cloud.value, x, y); - } - finally - { - this.ctx.restore(); - } - } - } - - // Canvas doesn't support applying an alpha gradient - // to an image while drawing; so to achieve the same - // effect as in local tiles, it would probably be best - // to pregenerate water tiles with the (inverse) alpha - // gradient built in. This simply draws the lower - // half with increased transparency; for now, it looks - // good enough. - - var renderer = this; - function draw_dolls() - { - if ((fg_idx >= main.MAIN_MAX) && cell.doll) - { - var mcache_map = {}; - if (cell.mcache) - { - for (var i = 0; i < cell.mcache.length; ++i) - mcache_map[cell.mcache[i][0]] = i; - } - $.each(cell.doll, function (i, doll_part) { - var xofs = 0; - var yofs = 0; - if (mcache_map[doll_part[0]] !== undefined) - { - var mind = mcache_map[doll_part[0]]; - xofs = cell.mcache[mind][1]; - yofs = cell.mcache[mind][2]; - } - renderer.draw_player(doll_part[0], - x, y, xofs, yofs, doll_part[1]); - }); - } - - if ((fg_idx >= tileinfo_player.MCACHE_START) && cell.mcache) - { - $.each(cell.mcache, function (i, mcache_part) { - if (mcache_part) { - renderer.draw_player(mcache_part[0], - x, y, mcache_part[1], mcache_part[2]); - } - }); - } - } - - if (is_in_water && options.get("tile_display_mode") == "tiles") - { - this.ctx.save(); - try - { - this.ctx.globalAlpha = cell.trans ? 0.5 : 1.0; - - this.set_nonsubmerged_clip(x, y, 20); - - draw_dolls(); - } - finally - { - this.ctx.restore(); - } - - this.ctx.save(); - try - { - this.ctx.globalAlpha = cell.trans ? 0.1 : 0.3; - this.set_submerged_clip(x, y, 20); - - draw_dolls(); - } - finally - { - this.ctx.restore(); - } - } - else if (options.get("tile_display_mode") == "tiles") - { - this.ctx.save(); - try - { - this.ctx.globalAlpha = cell.trans ? 0.55 : 1.0; - - draw_dolls(); - } - finally - { - this.ctx.restore(); - } - } - - this.draw_foreground(x, y, map_cell); - - // draw clouds over stuff - if (fg_idx && cell.cloud.value) - { - this.ctx.save(); - try - { - this.ctx.globalAlpha = 0.4; - this.set_nonsubmerged_clip(x, y, 20); - this.draw_main(cell.cloud.value, x, y); - } - finally - { - this.ctx.restore(); - } - - this.ctx.save(); - try - { - this.ctx.globalAlpha = 0.8; - this.set_submerged_clip(x, y, 20); - this.draw_main(cell.cloud.value, x, y); - } - finally - { - this.ctx.restore(); - } - } - - // Draw main-tile overlays (i.e. zaps), on top of clouds. - if (cell.ov) - { - $.each(cell.ov, function (i, overlay) - { - if (dngn.FEAT_MAX <= overlay && overlay < main.MAIN_MAX) - { - renderer.draw_main(overlay, x, y); - } - }); - } - - this.render_flash(x, y, map_cell); - - this.render_cursors(cx, cy, x, y); - - if (cx == player.pos.x && cy == player.pos.y - && map_knowledge.player_on_level()) - { - this.draw_minibars(x, y); - } - - // Debug helper - if (cell.mark) - { - this.ctx.fillStyle = "red"; - this.ctx.font = "12px monospace"; - this.ctx.textAlign = "center"; - this.ctx.textBaseline = "middle"; - let scaled = this.scaled_size(); - this.ctx.fillText(cell.mark, - x + 0.5 * scaled.width, - y + 0.5 * scaled.height); - } - - cell.sy = this.current_sy; - cell.left_overlap = this.current_left_overlap; - }, - - // adapted from DungeonRegion::draw_minibars in tilereg_dgn.cc - draw_minibars: function(x, y) - { - var show_health = options.get("tile_show_minihealthbar"); - var show_magic = options.get("tile_show_minimagicbar"); - - // don't draw if hp and mp is full - if ((player.hp == player.hp_max || !show_health) && - (player.mp == player.mp_max || !show_magic)) - return; - - let cell = this.scaled_size(); - var bar_height = Math.floor(cell.height / 16); - var hp_bar_offset = bar_height; - - // TODO: use different colors if heavily wounded, like in the tiles version - if (player.mp_max > 0 && show_magic) - { - var mp_percent = player.mp / player.mp_max; - if (mp_percent < 0) mp_percent = 0; - - this.ctx.fillStyle = magic_spend; - this.ctx.fillRect(x, y + cell.height - bar_height, - cell.width, bar_height); - - this.ctx.fillStyle = magic; - this.ctx.fillRect(x, y + cell.height - bar_height, - cell.width * mp_percent, bar_height); - - hp_bar_offset += bar_height; - } - - if (show_health) - { - var hp_percent = player.hp / player.hp_max; - if (hp_percent < 0) hp_percent = 0; - - this.ctx.fillStyle = hp_spend; - this.ctx.fillRect(x, y + cell.height - hp_bar_offset, - cell.width, bar_height); - - this.ctx.fillStyle = healthy; - this.ctx.fillRect(x, y + cell.height - hp_bar_offset, - cell.width * hp_percent, bar_height); - } - }, - - render_cell: function() - { - if (window.debug_mode) - this.do_render_cell.apply(this, arguments); - else - { - try - { - this.do_render_cell.apply(this, arguments); - } - catch (err) - { - var cx = arguments[0]; - var cy = arguments[1]; - var cell = arguments[5]; - console.error("Error while drawing cell " + obj_to_str(cell) - + " at " + cx + "/" + cy + ": " + err); - } - } - }, - - render_glyph: function (x, y, map_cell, omit_bg, square, scale) - { - // `map_cell` can be anything as long as it provides `col` and `g` - var col = split_term_colour(map_cell.col); - if (omit_bg && col.attr == enums.CHATTR.REVERSE) - col.attr = 0; - term_colour_apply_attributes(col); - let cell = this.scaled_size(); - var w = cell.width; - var h = cell.height; - if (scale) - { - // assume x and y are already scaled... - w = w * scale; - h = h * scale; - } - - var prefix = ""; - if (col.attr == enums.CHATTR.BOLD) - prefix = "bold "; - - if (!omit_bg) - { - this.ctx.fillStyle = bg_term_colours[col.bg]; - this.ctx.fillRect(x, y, w, h); - } - this.ctx.fillStyle = fg_term_colours[col.fg]; - this.ctx.font = prefix + this.glyph_mode_font_name(scale, true); - - this.ctx.save(); - - try - { - this.ctx.beginPath(); - this.ctx.rect(x, y, w, h); - this.ctx.clip(); - - if (square) - { - this.ctx.textAlign = "center"; - this.ctx.textBaseline = "middle"; - this.ctx.fillText(map_cell.g, - Math.floor(x + w/2), - Math.floor(y + h/2)); - } - else - { - this.ctx.fillText(map_cell.g, x, - y + this.glyph_mode_baseline * window.devicePixelRatio); - } - } - finally - { - this.ctx.restore(); - } - }, - - render_flash: function(x, y, map_cell) - { - if (map_cell.flc) - { - var col = view_data.get_flash_colour(map_cell.flc, map_cell.fla); - this.ctx.save(); - try - { - this.ctx.fillStyle = "rgb(" + col.r + "," + - col.g + "," + col.b + ")"; - this.ctx.globalAlpha = col.a / 255; - const cell = this.scaled_size(); - this.ctx.fillRect(x, y, cell.width, cell.height); - } - finally - { - this.ctx.restore(); - } - } - }, - - set_submerged_clip: function(x, y, water_level) - { - this.ctx.beginPath(); - const scaled = this.scaled_size(null, water_level * this.y_scale); - // this clip is across the entire row - this.ctx.rect(0, y + scaled.height, - this.element.width, - this.element.height - y - scaled.height); - this.ctx.clip(); - }, - - set_nonsubmerged_clip: function(x, y, water_level) - { - this.ctx.beginPath(); - const scaled = this.scaled_size(null, water_level * this.y_scale); - this.ctx.rect(0, 0, this.element.width, y + scaled.height); - this.ctx.clip(); - }, - - // Much of the following is more or less directly copied from tiledgnbuf.cc - draw_blood_overlay: function(x, y, cell, is_wall) - { - var offset; - - if (cell.liquefied && !is_wall) - { - offset = cell.flv.s % dngn.tile_count(dngn.LIQUEFACTION); - this.draw_dngn(dngn.LIQUEFACTION + offset, x, y); - } - else if (cell.bloody) - { - cell.blood_rotation = cell.blood_rotation || 0; - var basetile; - if (is_wall) - { - basetile = cell.old_blood ? dngn.WALL_OLD_BLOOD : dngn.WALL_BLOOD_S; - basetile += dngn.tile_count(basetile) * cell.blood_rotation; - basetile = dngn.WALL_BLOOD_S + dngn.tile_count(dngn.WALL_BLOOD_S) - * cell.blood_rotation; - } - else - basetile = dngn.BLOOD; - offset = cell.flv.s % dngn.tile_count(basetile); - this.draw_dngn(basetile + offset, x, y); - } - else if (cell.moldy) - { - offset = cell.flv.s % dngn.tile_count(dngn.MOLD); - this.draw_dngn(dngn.MOLD + offset, x, y); - } - else if (cell.glowing_mold) - { - offset = cell.flv.s % dngn.tile_count(dngn.GLOWING_MOLD); - this.draw_dngn(dngn.GLOWING_MOLD + offset, x, y); - } - }, - - draw_ray: function(x, y, cell) - { - var bg = cell.bg; - var bg_idx = cell.bg.value; - var renderer = this; - - if (bg.RAY) - this.draw_dngn(dngn.RAY, x, y); - else if (bg.RAY_OOR) - this.draw_dngn(dngn.RAY_OUT_OF_RANGE, x, y); - else if (bg.LANDING) - this.draw_dngn(dngn.LANDING, x, y); - else if (bg.RAY_MULTI) - this.draw_dngn(dngn.RAY_MULTI, x, y); - }, - - draw_background: function(x, y, cell) - { - var bg = cell.bg; - var bg_idx = cell.bg.value; - var renderer = this; - - if (cell.mangrove_water && bg_idx > dngn.DNGN_UNSEEN) - this.draw_dngn(dngn.DNGN_SHALLOW_WATER, x, y); - else if (bg_idx >= dngn.DNGN_FIRST_TRANSPARENT) - { - this.draw_dngn(cell.flv.f, x, y); // f = floor - - // Draw floor overlays beneath the feature - if (cell.ov) - { - $.each(cell.ov, function (i, overlay) - { - if (overlay && overlay <= dngn.FLOOR_MAX) - renderer.draw_dngn(overlay, x, y); - }); - } - } - - // Draw blood beneath feature tiles. - if (bg_idx > dngn.WALL_MAX) - this.draw_blood_overlay(x, y, cell); - - if (cell.mangrove_water) // Draw the tree submerged - { - this.ctx.save(); - try - { - this.ctx.globalAlpha = 1.0; - - this.set_nonsubmerged_clip(x, y, 20); - - this.draw_dngn(bg_idx, x, y); - } - finally - { - this.ctx.restore(); - } - - this.ctx.save(); - try - { - this.ctx.globalAlpha = 0.3; - this.set_submerged_clip(x, y, 20); - - this.draw_dngn(bg_idx, x, y); - } - finally - { - this.ctx.restore(); - } - } - else - this.draw_dngn(bg_idx, x, y); - - if (bg_idx > dngn.DNGN_UNSEEN) - { - // Draw blood on top of wall tiles. - if (bg_idx <= dngn.WALL_MAX) - this.draw_blood_overlay(x, y, cell, bg_idx > dngn.FLOOR_MAX); - - // Draw overlays - var ray_tile = 0; - if (cell.ov) - { - $.each(cell.ov, function (i, overlay) - { - if (overlay > dngn.DNGN_MAX) - return; - else if (overlay == dngn.RAY - || overlay == dngn.RAY_MULTI - || overlay == dngn.RAY_OUT_OF_RANGE) - { - // these need to be drawn last because of the - // way alpha blending happens here, but for - // hard-to-change reasons they are assembled on - // the server side in the wrong order. (In local - // tiles it's ok to blend them in any order.) - // assumption: only one can appear on any tile. - // TODO: a more general fix for this issue? - ray_tile = overlay; - } - else if (overlay && - (bg_idx < dngn.DNGN_FIRST_TRANSPARENT || - overlay > dngn.FLOOR_MAX)) - { - renderer.draw_dngn(overlay, x, y); - } - }); - } - if (ray_tile) - renderer.draw_dngn(ray_tile, x, y); - - if (!bg.UNSEEN) - { - if (bg.KRAKEN_NW) - this.draw_dngn(dngn.KRAKEN_OVERLAY_NW, x, y); - else if (bg.ELDRITCH_NW) - this.draw_dngn(dngn.ELDRITCH_OVERLAY_NW, x, y); - if (bg.KRAKEN_NE) - this.draw_dngn(dngn.KRAKEN_OVERLAY_NE, x, y); - else if (bg.ELDRITCH_NE) - this.draw_dngn(dngn.ELDRITCH_OVERLAY_NE, x, y); - if (bg.KRAKEN_SE) - this.draw_dngn(dngn.KRAKEN_OVERLAY_SE, x, y); - else if (bg.ELDRITCH_SE) - this.draw_dngn(dngn.ELDRITCH_OVERLAY_SE, x, y); - if (bg.KRAKEN_SW) - this.draw_dngn(dngn.KRAKEN_OVERLAY_SW, x, y); - else if (bg.ELDRITCH_SW) - this.draw_dngn(dngn.ELDRITCH_OVERLAY_SW, x, y); - } - - if (!bg.UNSEEN) - { - if (cell.sanctuary) - this.draw_dngn(dngn.SANCTUARY, x, y); - if (cell.blasphemy) - this.draw_dngn(dngn.BLASPHEMY, x, y); - if (cell.has_bfb_corpse) - this.draw_dngn(dngn.BLOOD_FOR_BLOOD, x, y); - if (cell.silenced) - this.draw_dngn(dngn.SILENCED, x, y); - if (cell.halo == enums.HALO_RANGE) - this.draw_dngn(dngn.HALO_RANGE, x, y); - if (cell.halo >= enums.HALO_UMBRA_FIRST - && cell.halo <= enums.HALO_UMBRA_LAST) - { - var variety = cell.halo - enums.HALO_UMBRA_FIRST; - this.draw_dngn(dngn.UMBRA + variety, x, y); - } - if (cell.orb_glow) - this.draw_dngn(dngn.ORB_GLOW + cell.orb_glow - 1, x, y); - if (cell.quad_glow) - this.draw_dngn(dngn.QUAD_GLOW, x, y); - if (cell.disjunct) - this.draw_dngn(dngn.DISJUNCT + cell.disjunct - 1, x, y); - if (cell.awakened_forest) - this.draw_icon(icons.BERSERK, x, y); - - if (cell.fg) - { - var fg = cell.fg; - if (fg.PET) - this.draw_dngn(dngn.HALO_FRIENDLY, x, y); - else if (fg.GD_NEUTRAL) - this.draw_dngn(dngn.HALO_GD_NEUTRAL, x, y); - else if (fg.NEUTRAL) - this.draw_dngn(dngn.HALO_NEUTRAL, x, y); - - // Monster difficulty. Ghosts get a special highlight. - if (fg.GHOST) - { - if (fg.TRIVIAL) - this.draw_dngn(dngn.THREAT_GHOST_TRIVIAL, x, y); - else if (fg.EASY) - this.draw_dngn(dngn.THREAT_GHOST_EASY, x, y); - else if (fg.TOUGH) - this.draw_dngn(dngn.THREAT_GHOST_TOUGH, x, y); - else if (fg.NASTY) - this.draw_dngn(dngn.THREAT_GHOST_NASTY, x, y); - else if (fg.UNUSUAL) - this.draw_dngn(dngn.THREAT_UNUSUAL, x, y); - } - else - { - if (fg.TRIVIAL) - this.draw_dngn(dngn.THREAT_TRIVIAL, x, y); - else if (fg.EASY) - this.draw_dngn(dngn.THREAT_EASY, x, y); - else if (fg.TOUGH) - this.draw_dngn(dngn.THREAT_TOUGH, x, y); - else if (fg.NASTY) - this.draw_dngn(dngn.THREAT_NASTY, x, y); - else if (fg.UNUSUAL) - this.draw_dngn(dngn.THREAT_UNUSUAL, x, y); - } - - if (cell.highlighted_summoner) - this.draw_dngn(dngn.HALO_SUMMONER, x, y); - } - - - // Apply the travel exclusion under the foreground if the cell is - // visible. It will be applied later if the cell is unseen. - if (bg.EXCL_CTR) - this.draw_dngn(dngn.TRAVEL_EXCLUSION_CENTRE_BG, x, y); - else if (bg.TRAV_EXCL) - this.draw_dngn(dngn.TRAVEL_EXCLUSION_BG, x, y); - } - } - - this.draw_ray(x, y, cell); - }, - - draw_submerged_tile: function(base_idx, idx, x, y, trans, img_scale) - { - this.ctx.save(); - try - { - this.ctx.globalAlpha = trans ? 0.5 : 1.0; - - this.set_nonsubmerged_clip(x, y, 20); - - if (base_idx) - this.draw_main(base_idx, x, y, img_scale); - - this.draw_main(idx, x, y, img_scale); - } - finally - { - this.ctx.restore(); - } - - this.ctx.save(); - try - { - this.ctx.globalAlpha = trans ? 0.1 : 0.3; - this.set_submerged_clip(x, y, 20); - - if (base_idx) - this.draw_main(base_idx, x, y, img_scale); - - this.draw_main(idx, x, y, img_scale); - } - finally - { - this.ctx.restore(); - } - }, - - draw_foreground: function(x, y, map_cell, img_scale) - { - var cell = map_cell.t; - var fg = cell.fg; - var bg = cell.bg; - var fg_idx = cell.fg.value; - var is_in_water = in_water(cell); - - if (fg_idx && fg_idx <= main.MAIN_MAX && options.get("tile_display_mode") == "tiles") - { - var base_idx = cell.base; - if (is_in_water) - { - this.draw_submerged_tile(base_idx, fg_idx, x, y, - cell.trans, img_scale); - } - else - { - if (base_idx) - this.draw_main(base_idx, x, y, img_scale); - - this.draw_main(fg_idx, x, y, img_scale); - } - - if (fg_idx >= main.PARCHMENT_LOW && fg_idx <= main.PARCHMENT_HIGH) - { - if (cell.overlay1) - { - if (is_in_water) - { - this.draw_submerged_tile(null, cell.overlay1, x, y, - cell.trans, img_scale) - } - else - this.draw_main(cell.overlay1, x, y, img_scale); - } - if (cell.overlay2) - { - if (is_in_water) - { - this.draw_submerged_tile(null, cell.overlay2, x, y, - cell.trans, img_scale) - } - else - this.draw_main(cell.overlay2, x, y, img_scale); - } - } - } - else if (options.get("tile_display_mode") == "hybrid") - { - this.render_glyph(x, y, map_cell, true, true); - this.draw_ray(x, y, cell); - img_scale = undefined; // TODO: make this work? - } - - if (fg.NET) - this.draw_icon(icons.TRAP_NET, x, y, undefined, undefined, img_scale); - - if (fg.WEB) - this.draw_icon(icons.TRAP_WEB, x, y, undefined, undefined, img_scale); - - if (fg.S_UNDER) - this.draw_icon(icons.SOMETHING_UNDER, x, y, undefined, undefined, img_scale); - - // Pet mark - if (fg.PET) - this.draw_icon(icons.FRIENDLY, x, y, undefined, undefined, img_scale); - else if (fg.GD_NEUTRAL) - this.draw_icon(icons.GOOD_NEUTRAL, x, y, undefined, undefined, img_scale); - else if (fg.NEUTRAL) - this.draw_icon(icons.NEUTRAL, x, y, undefined, undefined, img_scale); - - var status_shift = 0; - if (fg.PARALYSED) - { - this.draw_icon(icons.PARALYSED, x, y, undefined, undefined, img_scale); - status_shift += 12; - } - else if (fg.STAB) - { - this.draw_icon(icons.STAB_BRAND, x, y, undefined, undefined, img_scale); - status_shift += 12; - } - else if (fg.MAY_STAB) - { - this.draw_icon(icons.UNAWARE, x, y, undefined, undefined, img_scale); - status_shift += 7; - } - else if (fg.FLEEING) - { - this.draw_icon(icons.FLEEING, x, y, undefined, undefined, img_scale); - status_shift += 3; - } - - if (fg.POISON) - { - this.draw_icon(icons.POISON, x, y, -status_shift, 0, img_scale); - status_shift += 5; - } - else if (fg.MORE_POISON) - { - this.draw_icon(icons.MORE_POISON, x, y, -status_shift, 0, img_scale); - status_shift += 5; - } - else if (fg.MAX_POISON) - { - this.draw_icon(icons.MAX_POISON, x, y, -status_shift, 0, img_scale); - status_shift += 5; - } - - for (var i = 0; i < cell.icons.length; ++i) - { - status_shift += this.draw_icon_type(cell.icons[i], x, y, -status_shift, 0, img_scale); - } - - if (bg.UNSEEN && (bg.value || fg.value)) - this.draw_icon(icons.MESH, x, y, undefined, undefined, img_scale); - - if (bg.OOR && (bg.value || fg.value)) - this.draw_icon(icons.OOR_MESH, x, y, undefined, undefined, img_scale); - - if (bg.MM_UNSEEN && (bg.value || fg.value)) - this.draw_icon(icons.MAGIC_MAP_MESH, x, y, undefined, undefined, img_scale); - - if (bg.RAMPAGE) - this.draw_icon(icons.RAMPAGE, x, y, undefined, undefined, img_scale); - - // Don't let the "new stair" icon cover up any existing icons, but - // draw it otherwise. - if (bg.NEW_STAIR && status_shift == 0) - this.draw_icon(icons.NEW_STAIR, x, y, undefined, undefined, img_scale); - - if (bg.NEW_TRANSPORTER && status_shift == 0) - this.draw_icon(icons.NEW_TRANSPORTER, x, y, undefined, undefined, img_scale); - - if (bg.EXCL_CTR && bg.UNSEEN) - this.draw_icon(icons.TRAVEL_EXCLUSION_CENTRE_FG, x, y, undefined, undefined, img_scale); - else if (bg.TRAV_EXCL && bg.UNSEEN) - this.draw_icon(icons.TRAVEL_EXCLUSION_FG, x, y, undefined, undefined, img_scale); - - // Tutorial cursor takes precedence over other cursors. - if (bg.TUT_CURSOR) - { - this.draw_icon(icons.TUTORIAL_CURSOR, x, y, undefined, undefined, img_scale); - } - else if (bg.CURSOR1) - { - this.draw_icon(icons.CURSOR, x, y, undefined, undefined, img_scale); - } - else if (bg.CURSOR2) - { - this.draw_icon(icons.CURSOR2, x, y, undefined, undefined, img_scale); - } - else if (bg.CURSOR3) - { - this.draw_icon(icons.CURSOR3, x, y, undefined, undefined, img_scale); - } - - if (cell.travel_trail & 0xF) - { - this.draw_icon(icons.TRAVEL_PATH_FROM + - (cell.travel_trail & 0xF) - 1, x, y, undefined, undefined, img_scale); - } - if (cell.travel_trail & 0xF0) - { - this.draw_icon(icons.TRAVEL_PATH_TO + - ((cell.travel_trail & 0xF0) >> 4) - 1, x, y, undefined, undefined, img_scale); - } - - if (fg.MDAM_LIGHT) - this.draw_icon(icons.MDAM_LIGHTLY_DAMAGED, x, y, undefined, undefined, img_scale); - else if (fg.MDAM_MOD) - this.draw_icon(icons.MDAM_MODERATELY_DAMAGED, x, y, undefined, undefined, img_scale); - else if (fg.MDAM_HEAVY) - this.draw_icon(icons.MDAM_HEAVILY_DAMAGED, x, y, undefined, undefined, img_scale); - else if (fg.MDAM_SEV) - this.draw_icon(icons.MDAM_SEVERELY_DAMAGED, x, y, undefined, undefined, img_scale); - else if (fg.MDAM_ADEAD) - this.draw_icon(icons.MDAM_ALMOST_DEAD, x, y, undefined, undefined, img_scale); - - if (options.get("tile_show_demon_tier") === true) - { - if (fg.DEMON_1) - this.draw_icon(icons.DEMON_NUM1, x, y, undefined, undefined, img_scale); - else if (fg.DEMON_2) - this.draw_icon(icons.DEMON_NUM2, x, y, undefined, undefined, img_scale); - else if (fg.DEMON_3) - this.draw_icon(icons.DEMON_NUM3, x, y, undefined, undefined, img_scale); - else if (fg.DEMON_4) - this.draw_icon(icons.DEMON_NUM4, x, y, undefined, undefined, img_scale); - else if (fg.DEMON_5) - this.draw_icon(icons.DEMON_NUM5, x, y, undefined, undefined, img_scale); - } - }, - - draw_icon_type: function(idx, x, y, ofsx, ofsy, img_scale) - { - switch (idx) - { - //These icons are in the lower right, so status_shift doesn't need changing. - case icons.BERSERK: - case icons.IDEALISED: - case icons.TOUCH_OF_BEOGH: - case icons.SHADOWLESS: - // Anim. weap. and summoned might overlap, but that's okay - case icons.SUMMONED: - case icons.MINION: - case icons.UNREWARDING: - case icons.ANIMATED_WEAPON: - case icons.VENGEANCE_TARGET: - case icons.VAMPIRE_THRALL: - case icons.ENKINDLED_1: - case icons.ENKINDLED_2: - case icons.NOBODY_MEMORY_1: - case icons.NOBODY_MEMORY_2: - case icons.NOBODY_MEMORY_3: - case icons.PYRRHIC: - case icons.FRENZIED: - this.draw_icon(idx, x, y, undefined, undefined, img_scale); - return 0; - case icons.DRAIN: - case icons.MIGHT: - case icons.SWIFT: - case icons.DAZED: - case icons.HASTED: - case icons.SLOWED: - case icons.CORRODED: - case icons.INFESTED: - case icons.WEAKENED: - case icons.PETRIFIED: - case icons.PETRIFYING: - case icons.BOUND_SOUL: - case icons.POSSESSABLE: - case icons.PARTIALLY_CHARGED: - case icons.FULLY_CHARGED: - case icons.VITRIFIED: - case icons.CONFUSED: - case icons.LACED_WITH_CHAOS: - case icons.SENTINEL_MARK: - case icons.DIMMED: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 6; - case icons.CONC_VENOM: - case icons.FIRE_CHAMP: - case icons.INNER_FLAME: - case icons.PAIN_MIRROR: - case icons.STICKY_FLAME: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 7; - case icons.ANGUISH: - case icons.FIRE_VULN: - case icons.RESISTANCE: - case icons.GHOSTLY: - case icons.MALMUTATED: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 8; - case icons.RECALL: - case icons.TELEPORTING: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 9; - case icons.BLIND: - case icons.BRILLIANCE: - case icons.SLOWLY_DYING: - case icons.WATERLOGGED: - case icons.STILL_WINDS: - case icons.ANTIMAGIC: - case icons.REPEL_MISSILES: - case icons.INJURY_BOND: - case icons.GLOW_LIGHT: - case icons.GLOW_HEAVY: - case icons.BULLSEYE: - case icons.CURSE_OF_AGONY: - case icons.REGENERATION: - case icons.RETREAT: - case icons.RIMEBLIGHT: - case icons.UNDYING_ARMS: - case icons.BIND: - case icons.SIGN_OF_RUIN: - case icons.WEAK_WILLED: - case icons.DOUBLED_VIGOUR: - case icons.KINETIC_GRAPNEL: - case icons.TEMPERED: - case icons.HEART: - case icons.UNSTABLE: - case icons.VEXED: - case icons.PARADOX: - case icons.WARDING: - case icons.FIGMENT: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 10; - case icons.CONSTRICTED: - case icons.VILE_CLUTCH: - case icons.PAIN_BOND: - this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); - return 11; - } - }, - - // Helper functions for drawing from specific textures - draw_tile: function(idx, x, y, mod, ofsx, ofsy, y_max, centre, img_scale) - { - // assumption: x and y are already appropriately scaled for the - // canvas. Now we just need to figure out where in the scaled - // cell size the tile belongs. - var info = mod.get_tile_info(idx); - var img = get_img(mod.get_img(idx)); - if (!info) - { - throw new Error("Tile not found: " + idx); - } - - // this somewhat convoluted approach is to avoid fp scaling - // artifacts at scale 1.0 - var img_xscale = this.x_scale; - var img_yscale = this.y_scale; - if (img_scale != undefined) - { - img_xscale = img_xscale * img_scale; - img_yscale = img_yscale * img_scale; - } - else - img_scale = 1.0; - - centre = centre === undefined ? true : centre; - var size_ox = !centre ? 0 : 32 / 2 - info.w / 2; - var size_oy = !centre ? 0 : 32 - info.h; - var pos_sy_adjust = (ofsy || 0) + info.oy + size_oy; - var pos_ey_adjust = pos_sy_adjust + info.ey - info.sy; - var sy = pos_sy_adjust; - var ey = pos_ey_adjust; - if (y_max && y_max < ey) - ey = y_max; - - if (sy >= ey) - return; - - var total_x_offset = ((ofsx || 0) + info.ox + size_ox); - - // Offsets can be negative, in which case we are drawing overlapped - // with a cell either to the right or above. If so, store the - // overlap in cell state so that it can later be checked to trigger - // a redraw. - // These store logical pixels, but that currently doesn't matter - // because they are only used for a comparison vs 0 - // See dungeon_renderer.js, render_loc. - if (total_x_offset < this.current_left_overlap) - this.current_left_overlap = total_x_offset; - - if (sy < this.current_sy) - this.current_sy = sy; - - // dimensions in the source (the tilesheet) - const w = info.ex - info.sx; - const h = ey - sy; - const ratio = window.devicePixelRatio; - // dimensions in the target cell. To get this right at the pixel - // level, we need to calculate the height/width as if it is offset - // relative to the cell origin. Because of differences in how x/y - // are treated above, these may look like they're doing something - // different, but they shouldn't be. - const scaled_w = Math.floor((total_x_offset + w) * img_xscale * ratio) - - Math.floor(total_x_offset * img_xscale * ratio); - const scaled_h = Math.floor(ey * img_yscale * ratio) - - Math.floor(sy * img_yscale * ratio); - - this.ctx.imageSmoothingEnabled = options.get("tile_filter_scaling"); - this.ctx.drawImage(img, - info.sx, info.sy + sy - pos_sy_adjust, w, h, - x + Math.floor(total_x_offset * img_xscale * ratio), - y + Math.floor(sy * img_yscale * ratio), - scaled_w, - scaled_h); - }, - - draw_dngn: function(idx, x, y, img_scale) - { - this.draw_tile(idx, x, y, dngn, - undefined, undefined, undefined, undefined, - img_scale); - }, - - draw_gui: function(idx, x, y, img_scale) - { - this.draw_tile(idx, x, y, gui, - undefined, undefined, undefined, undefined, - img_scale); - }, - - draw_main: function(idx, x, y, img_scale) - { - this.draw_tile(idx, x, y, main, - undefined, undefined, undefined, undefined, - img_scale); - }, - - draw_player: function(idx, x, y, ofsx, ofsy, y_max, img_scale) - { - this.draw_tile(idx, x, y, tileinfo_player, ofsx, ofsy, y_max, - undefined, - img_scale); - }, - - draw_icon: function(idx, x, y, ofsx, ofsy, img_scale) - { - this.draw_tile(idx, x, y, icons, ofsx, ofsy, - undefined, undefined, - img_scale); - }, - - draw_quantity: function(qty, x, y, font) - { - qty = Math.max(0, Math.min(999, qty)); - - this.ctx.fillStyle = "white"; - this.ctx.font = font; - - this.ctx.shadowColor = "black"; - this.ctx.shadowBlur = 2; - this.ctx.shadowOffsetX = 1; - this.ctx.shadowOffsetY = 1; - this.ctx.textAlign = "left"; - this.ctx.textBaseline = "top"; - this.ctx.fillText(qty, (x + 2), (y + 2)); - }, - - draw_from_texture: function (idx, x, y, tex, ofsx, ofsy, y_max, centre, img_scale) - { - var mod = tileinfos(tex); - this.draw_tile(idx, x, y, mod, ofsx, ofsy, y_max, centre, img_scale); - }, - }); + cell.sy = this.current_sy; + cell.left_overlap = this.current_left_overlap; + }, + + // adapted from DungeonRegion::draw_minibars in tilereg_dgn.cc + draw_minibars: function (x, y) { + const show_health = options.get("tile_show_minihealthbar"); + const show_magic = options.get("tile_show_minimagicbar"); + + // don't draw if hp and mp is full + if ( + (player.hp === player.hp_max || !show_health) && + (player.mp === player.mp_max || !show_magic) + ) + return; + + const cell = this.scaled_size(); + const bar_height = Math.floor(cell.height / 16); + let hp_bar_offset = bar_height; + + // TODO: use different colors if heavily wounded, like in the tiles version + if (player.mp_max > 0 && show_magic) { + let mp_percent = player.mp / player.mp_max; + if (mp_percent < 0) mp_percent = 0; + + this.ctx.fillStyle = magic_spend; + this.ctx.fillRect( + x, + y + cell.height - bar_height, + cell.width, + bar_height + ); + + this.ctx.fillStyle = magic; + this.ctx.fillRect( + x, + y + cell.height - bar_height, + cell.width * mp_percent, + bar_height + ); + + hp_bar_offset += bar_height; + } + + if (show_health) { + let hp_percent = player.hp / player.hp_max; + if (hp_percent < 0) hp_percent = 0; + + this.ctx.fillStyle = hp_spend; + this.ctx.fillRect( + x, + y + cell.height - hp_bar_offset, + cell.width, + bar_height + ); + + this.ctx.fillStyle = healthy; + this.ctx.fillRect( + x, + y + cell.height - hp_bar_offset, + cell.width * hp_percent, + bar_height + ); + } + }, + + render_cell: function () { + if (window.debug_mode) this.do_render_cell.apply(this, arguments); + else { + try { + this.do_render_cell.apply(this, arguments); + } catch (err) { + const cx = arguments[0]; + const cy = arguments[1]; + const cell = arguments[5]; + console.error( + "Error while drawing cell " + + obj_to_str(cell) + + " at " + + cx + + "/" + + cy + + ": " + + err + ); + } + } + }, + + render_glyph: function (x, y, map_cell, omit_bg, square, scale) { + // `map_cell` can be anything as long as it provides `col` and `g` + const col = split_term_colour(map_cell.col); + if (omit_bg && col.attr === enums.CHATTR.REVERSE) col.attr = 0; + term_colour_apply_attributes(col); + const cell = this.scaled_size(); + let w = cell.width; + let h = cell.height; + if (scale) { + // assume x and y are already scaled... + w = w * scale; + h = h * scale; + } + + let prefix = ""; + if (col.attr === enums.CHATTR.BOLD) prefix = "bold "; + + if (!omit_bg) { + this.ctx.fillStyle = bg_term_colours[col.bg]; + this.ctx.fillRect(x, y, w, h); + } + this.ctx.fillStyle = fg_term_colours[col.fg]; + this.ctx.font = prefix + this.glyph_mode_font_name(scale, true); + + this.ctx.save(); + + try { + this.ctx.beginPath(); + this.ctx.rect(x, y, w, h); + this.ctx.clip(); + + if (square) { + this.ctx.textAlign = "center"; + this.ctx.textBaseline = "middle"; + this.ctx.fillText( + map_cell.g, + Math.floor(x + w / 2), + Math.floor(y + h / 2) + ); + } else { + this.ctx.fillText( + map_cell.g, + x, + y + this.glyph_mode_baseline * window.devicePixelRatio + ); + } + } finally { + this.ctx.restore(); + } + }, + + render_flash: function (x, y, map_cell) { + if (map_cell.flc) { + const col = view_data.get_flash_colour(map_cell.flc, map_cell.fla); + this.ctx.save(); + try { + this.ctx.fillStyle = `rgb(${col.r},${col.g},${col.b})`; + this.ctx.globalAlpha = col.a / 255; + const cell = this.scaled_size(); + this.ctx.fillRect(x, y, cell.width, cell.height); + } finally { + this.ctx.restore(); + } + } + }, + + set_submerged_clip: function (_x, y, water_level) { + this.ctx.beginPath(); + const scaled = this.scaled_size(null, water_level * this.y_scale); + // this clip is across the entire row + this.ctx.rect( + 0, + y + scaled.height, + this.element.width, + this.element.height - y - scaled.height + ); + this.ctx.clip(); + }, + + set_nonsubmerged_clip: function (_x, y, water_level) { + this.ctx.beginPath(); + const scaled = this.scaled_size(null, water_level * this.y_scale); + this.ctx.rect(0, 0, this.element.width, y + scaled.height); + this.ctx.clip(); + }, + + // Much of the following is more or less directly copied from tiledgnbuf.cc + draw_blood_overlay: function (x, y, cell, is_wall) { + let offset; + + if (cell.liquefied && !is_wall) { + offset = cell.flv.s % dngn.tile_count(dngn.LIQUEFACTION); + this.draw_dngn(dngn.LIQUEFACTION + offset, x, y); + } else if (cell.bloody) { + cell.blood_rotation = cell.blood_rotation || 0; + let basetile; + if (is_wall) { + basetile = cell.old_blood ? dngn.WALL_OLD_BLOOD : dngn.WALL_BLOOD_S; + basetile += dngn.tile_count(basetile) * cell.blood_rotation; + basetile = + dngn.WALL_BLOOD_S + + dngn.tile_count(dngn.WALL_BLOOD_S) * cell.blood_rotation; + } else basetile = dngn.BLOOD; + offset = cell.flv.s % dngn.tile_count(basetile); + this.draw_dngn(basetile + offset, x, y); + } else if (cell.moldy) { + offset = cell.flv.s % dngn.tile_count(dngn.MOLD); + this.draw_dngn(dngn.MOLD + offset, x, y); + } else if (cell.glowing_mold) { + offset = cell.flv.s % dngn.tile_count(dngn.GLOWING_MOLD); + this.draw_dngn(dngn.GLOWING_MOLD + offset, x, y); + } + }, + + draw_ray: function (x, y, cell) { + const bg = cell.bg; + const _bg_idx = cell.bg.value; + + if (bg.RAY) this.draw_dngn(dngn.RAY, x, y); + else if (bg.RAY_OOR) this.draw_dngn(dngn.RAY_OUT_OF_RANGE, x, y); + else if (bg.LANDING) this.draw_dngn(dngn.LANDING, x, y); + else if (bg.RAY_MULTI) this.draw_dngn(dngn.RAY_MULTI, x, y); + }, + + draw_background: function (x, y, cell) { + const bg = cell.bg; + const bg_idx = cell.bg.value; + + if (cell.mangrove_water && bg_idx > dngn.DNGN_UNSEEN) + this.draw_dngn(dngn.DNGN_SHALLOW_WATER, x, y); + else if (bg_idx >= dngn.DNGN_FIRST_TRANSPARENT) { + this.draw_dngn(cell.flv.f, x, y); // f = floor + + // Draw floor overlays beneath the feature + if (cell.ov) { + $.each(cell.ov, (_i, overlay) => { + if (overlay && overlay <= dngn.FLOOR_MAX) + this.draw_dngn(overlay, x, y); + }); + } + } - $(document).off("game_init.cell_renderer") - .on("game_init.cell_renderer", function () { - determine_colours(); + // Draw blood beneath feature tiles. + if (bg_idx > dngn.WALL_MAX) this.draw_blood_overlay(x, y, cell); + + if (cell.mangrove_water) { + // Draw the tree submerged + this.ctx.save(); + try { + this.ctx.globalAlpha = 1.0; + + this.set_nonsubmerged_clip(x, y, 20); + + this.draw_dngn(bg_idx, x, y); + } finally { + this.ctx.restore(); + } + + this.ctx.save(); + try { + this.ctx.globalAlpha = 0.3; + this.set_submerged_clip(x, y, 20); + + this.draw_dngn(bg_idx, x, y); + } finally { + this.ctx.restore(); + } + } else this.draw_dngn(bg_idx, x, y); + + if (bg_idx > dngn.DNGN_UNSEEN) { + // Draw blood on top of wall tiles. + if (bg_idx <= dngn.WALL_MAX) + this.draw_blood_overlay(x, y, cell, bg_idx > dngn.FLOOR_MAX); + + // Draw overlays + let ray_tile = 0; + if (cell.ov) { + $.each(cell.ov, (_i, overlay) => { + if (overlay > dngn.DNGN_MAX) return; + else if ( + overlay === dngn.RAY || + overlay === dngn.RAY_MULTI || + overlay === dngn.RAY_OUT_OF_RANGE + ) { + // these need to be drawn last because of the + // way alpha blending happens here, but for + // hard-to-change reasons they are assembled on + // the server side in the wrong order. (In local + // tiles it's ok to blend them in any order.) + // assumption: only one can appear on any tile. + // TODO: a more general fix for this issue? + ray_tile = overlay; + } else if ( + overlay && + (bg_idx < dngn.DNGN_FIRST_TRANSPARENT || overlay > dngn.FLOOR_MAX) + ) { + this.draw_dngn(overlay, x, y); + } }); + } + if (ray_tile) this.draw_dngn(ray_tile, x, y); + + if (!bg.UNSEEN) { + if (bg.KRAKEN_NW) this.draw_dngn(dngn.KRAKEN_OVERLAY_NW, x, y); + else if (bg.ELDRITCH_NW) this.draw_dngn(dngn.ELDRITCH_OVERLAY_NW, x, y); + if (bg.KRAKEN_NE) this.draw_dngn(dngn.KRAKEN_OVERLAY_NE, x, y); + else if (bg.ELDRITCH_NE) this.draw_dngn(dngn.ELDRITCH_OVERLAY_NE, x, y); + if (bg.KRAKEN_SE) this.draw_dngn(dngn.KRAKEN_OVERLAY_SE, x, y); + else if (bg.ELDRITCH_SE) this.draw_dngn(dngn.ELDRITCH_OVERLAY_SE, x, y); + if (bg.KRAKEN_SW) this.draw_dngn(dngn.KRAKEN_OVERLAY_SW, x, y); + else if (bg.ELDRITCH_SW) this.draw_dngn(dngn.ELDRITCH_OVERLAY_SW, x, y); + } + + if (!bg.UNSEEN) { + if (cell.sanctuary) this.draw_dngn(dngn.SANCTUARY, x, y); + if (cell.blasphemy) this.draw_dngn(dngn.BLASPHEMY, x, y); + if (cell.has_bfb_corpse) this.draw_dngn(dngn.BLOOD_FOR_BLOOD, x, y); + if (cell.silenced) this.draw_dngn(dngn.SILENCED, x, y); + if (cell.halo === enums.HALO_RANGE) + this.draw_dngn(dngn.HALO_RANGE, x, y); + if ( + cell.halo >= enums.HALO_UMBRA_FIRST && + cell.halo <= enums.HALO_UMBRA_LAST + ) { + const variety = cell.halo - enums.HALO_UMBRA_FIRST; + this.draw_dngn(dngn.UMBRA + variety, x, y); + } + if (cell.orb_glow) + this.draw_dngn(dngn.ORB_GLOW + cell.orb_glow - 1, x, y); + if (cell.quad_glow) this.draw_dngn(dngn.QUAD_GLOW, x, y); + if (cell.disjunct) + this.draw_dngn(dngn.DISJUNCT + cell.disjunct - 1, x, y); + if (cell.awakened_forest) this.draw_icon(icons.BERSERK, x, y); + + if (cell.fg) { + const fg = cell.fg; + if (fg.PET) this.draw_dngn(dngn.HALO_FRIENDLY, x, y); + else if (fg.GD_NEUTRAL) this.draw_dngn(dngn.HALO_GD_NEUTRAL, x, y); + else if (fg.NEUTRAL) this.draw_dngn(dngn.HALO_NEUTRAL, x, y); + + // Monster difficulty. Ghosts get a special highlight. + if (fg.GHOST) { + if (fg.TRIVIAL) this.draw_dngn(dngn.THREAT_GHOST_TRIVIAL, x, y); + else if (fg.EASY) this.draw_dngn(dngn.THREAT_GHOST_EASY, x, y); + else if (fg.TOUGH) this.draw_dngn(dngn.THREAT_GHOST_TOUGH, x, y); + else if (fg.NASTY) this.draw_dngn(dngn.THREAT_GHOST_NASTY, x, y); + else if (fg.UNUSUAL) this.draw_dngn(dngn.THREAT_UNUSUAL, x, y); + } else { + if (fg.TRIVIAL) this.draw_dngn(dngn.THREAT_TRIVIAL, x, y); + else if (fg.EASY) this.draw_dngn(dngn.THREAT_EASY, x, y); + else if (fg.TOUGH) this.draw_dngn(dngn.THREAT_TOUGH, x, y); + else if (fg.NASTY) this.draw_dngn(dngn.THREAT_NASTY, x, y); + else if (fg.UNUSUAL) this.draw_dngn(dngn.THREAT_UNUSUAL, x, y); + } + + if (cell.highlighted_summoner) + this.draw_dngn(dngn.HALO_SUMMONER, x, y); + } - return { - DungeonCellRenderer: DungeonCellRenderer, - }; + // Apply the travel exclusion under the foreground if the cell is + // visible. It will be applied later if the cell is unseen. + if (bg.EXCL_CTR) this.draw_dngn(dngn.TRAVEL_EXCLUSION_CENTRE_BG, x, y); + else if (bg.TRAV_EXCL) this.draw_dngn(dngn.TRAVEL_EXCLUSION_BG, x, y); + } + } + + this.draw_ray(x, y, cell); + }, + + draw_submerged_tile: function (base_idx, idx, x, y, trans, img_scale) { + this.ctx.save(); + try { + this.ctx.globalAlpha = trans ? 0.5 : 1.0; + + this.set_nonsubmerged_clip(x, y, 20); + + if (base_idx) this.draw_main(base_idx, x, y, img_scale); + + this.draw_main(idx, x, y, img_scale); + } finally { + this.ctx.restore(); + } + + this.ctx.save(); + try { + this.ctx.globalAlpha = trans ? 0.1 : 0.3; + this.set_submerged_clip(x, y, 20); + + if (base_idx) this.draw_main(base_idx, x, y, img_scale); + + this.draw_main(idx, x, y, img_scale); + } finally { + this.ctx.restore(); + } + }, + + draw_foreground: function (x, y, map_cell, img_scale) { + const cell = map_cell.t; + const fg = cell.fg; + const bg = cell.bg; + const fg_idx = cell.fg.value; + const is_in_water = in_water(cell); + + if ( + fg_idx && + fg_idx <= main.MAIN_MAX && + options.get("tile_display_mode") === "tiles" + ) { + const base_idx = cell.base; + if (is_in_water) { + this.draw_submerged_tile(base_idx, fg_idx, x, y, cell.trans, img_scale); + } else { + if (base_idx) this.draw_main(base_idx, x, y, img_scale); + + this.draw_main(fg_idx, x, y, img_scale); + } + + if (fg_idx >= main.PARCHMENT_LOW && fg_idx <= main.PARCHMENT_HIGH) { + if (cell.overlay1) { + if (is_in_water) { + this.draw_submerged_tile( + null, + cell.overlay1, + x, + y, + cell.trans, + img_scale + ); + } else this.draw_main(cell.overlay1, x, y, img_scale); + } + if (cell.overlay2) { + if (is_in_water) { + this.draw_submerged_tile( + null, + cell.overlay2, + x, + y, + cell.trans, + img_scale + ); + } else this.draw_main(cell.overlay2, x, y, img_scale); + } + } + } else if (options.get("tile_display_mode") === "hybrid") { + this.render_glyph(x, y, map_cell, true, true); + this.draw_ray(x, y, cell); + img_scale = undefined; // TODO: make this work? + } + + if (fg.NET) + this.draw_icon(icons.TRAP_NET, x, y, undefined, undefined, img_scale); + + if (fg.WEB) + this.draw_icon(icons.TRAP_WEB, x, y, undefined, undefined, img_scale); + + if (fg.S_UNDER) + this.draw_icon( + icons.SOMETHING_UNDER, + x, + y, + undefined, + undefined, + img_scale + ); + + // Pet mark + if (fg.PET) + this.draw_icon(icons.FRIENDLY, x, y, undefined, undefined, img_scale); + else if (fg.GD_NEUTRAL) + this.draw_icon(icons.GOOD_NEUTRAL, x, y, undefined, undefined, img_scale); + else if (fg.NEUTRAL) + this.draw_icon(icons.NEUTRAL, x, y, undefined, undefined, img_scale); + + let status_shift = 0; + if (fg.PARALYSED) { + this.draw_icon(icons.PARALYSED, x, y, undefined, undefined, img_scale); + status_shift += 12; + } else if (fg.STAB) { + this.draw_icon(icons.STAB_BRAND, x, y, undefined, undefined, img_scale); + status_shift += 12; + } else if (fg.MAY_STAB) { + this.draw_icon(icons.UNAWARE, x, y, undefined, undefined, img_scale); + status_shift += 7; + } else if (fg.FLEEING) { + this.draw_icon(icons.FLEEING, x, y, undefined, undefined, img_scale); + status_shift += 3; + } + + if (fg.POISON) { + this.draw_icon(icons.POISON, x, y, -status_shift, 0, img_scale); + status_shift += 5; + } else if (fg.MORE_POISON) { + this.draw_icon(icons.MORE_POISON, x, y, -status_shift, 0, img_scale); + status_shift += 5; + } else if (fg.MAX_POISON) { + this.draw_icon(icons.MAX_POISON, x, y, -status_shift, 0, img_scale); + status_shift += 5; + } + + for (let i = 0; i < cell.icons.length; ++i) { + status_shift += this.draw_icon_type( + cell.icons[i], + x, + y, + -status_shift, + 0, + img_scale + ); + } + + if (bg.UNSEEN && (bg.value || fg.value)) + this.draw_icon(icons.MESH, x, y, undefined, undefined, img_scale); + + if (bg.OOR && (bg.value || fg.value)) + this.draw_icon(icons.OOR_MESH, x, y, undefined, undefined, img_scale); + + if (bg.MM_UNSEEN && (bg.value || fg.value)) + this.draw_icon( + icons.MAGIC_MAP_MESH, + x, + y, + undefined, + undefined, + img_scale + ); + + if (bg.RAMPAGE) + this.draw_icon(icons.RAMPAGE, x, y, undefined, undefined, img_scale); + + // Don't let the "new stair" icon cover up any existing icons, but + // draw it otherwise. + if (bg.NEW_STAIR && status_shift === 0) + this.draw_icon(icons.NEW_STAIR, x, y, undefined, undefined, img_scale); + + if (bg.NEW_TRANSPORTER && status_shift === 0) + this.draw_icon( + icons.NEW_TRANSPORTER, + x, + y, + undefined, + undefined, + img_scale + ); + + if (bg.EXCL_CTR && bg.UNSEEN) + this.draw_icon( + icons.TRAVEL_EXCLUSION_CENTRE_FG, + x, + y, + undefined, + undefined, + img_scale + ); + else if (bg.TRAV_EXCL && bg.UNSEEN) + this.draw_icon( + icons.TRAVEL_EXCLUSION_FG, + x, + y, + undefined, + undefined, + img_scale + ); + + // Tutorial cursor takes precedence over other cursors. + if (bg.TUT_CURSOR) { + this.draw_icon( + icons.TUTORIAL_CURSOR, + x, + y, + undefined, + undefined, + img_scale + ); + } else if (bg.CURSOR1) { + this.draw_icon(icons.CURSOR, x, y, undefined, undefined, img_scale); + } else if (bg.CURSOR2) { + this.draw_icon(icons.CURSOR2, x, y, undefined, undefined, img_scale); + } else if (bg.CURSOR3) { + this.draw_icon(icons.CURSOR3, x, y, undefined, undefined, img_scale); + } + + if (cell.travel_trail & 0xf) { + this.draw_icon( + icons.TRAVEL_PATH_FROM + (cell.travel_trail & 0xf) - 1, + x, + y, + undefined, + undefined, + img_scale + ); + } + if (cell.travel_trail & 0xf0) { + this.draw_icon( + icons.TRAVEL_PATH_TO + ((cell.travel_trail & 0xf0) >> 4) - 1, + x, + y, + undefined, + undefined, + img_scale + ); + } + + if (fg.MDAM_LIGHT) + this.draw_icon( + icons.MDAM_LIGHTLY_DAMAGED, + x, + y, + undefined, + undefined, + img_scale + ); + else if (fg.MDAM_MOD) + this.draw_icon( + icons.MDAM_MODERATELY_DAMAGED, + x, + y, + undefined, + undefined, + img_scale + ); + else if (fg.MDAM_HEAVY) + this.draw_icon( + icons.MDAM_HEAVILY_DAMAGED, + x, + y, + undefined, + undefined, + img_scale + ); + else if (fg.MDAM_SEV) + this.draw_icon( + icons.MDAM_SEVERELY_DAMAGED, + x, + y, + undefined, + undefined, + img_scale + ); + else if (fg.MDAM_ADEAD) + this.draw_icon( + icons.MDAM_ALMOST_DEAD, + x, + y, + undefined, + undefined, + img_scale + ); + + if (options.get("tile_show_demon_tier") === true) { + if (fg.DEMON_1) + this.draw_icon(icons.DEMON_NUM1, x, y, undefined, undefined, img_scale); + else if (fg.DEMON_2) + this.draw_icon(icons.DEMON_NUM2, x, y, undefined, undefined, img_scale); + else if (fg.DEMON_3) + this.draw_icon(icons.DEMON_NUM3, x, y, undefined, undefined, img_scale); + else if (fg.DEMON_4) + this.draw_icon(icons.DEMON_NUM4, x, y, undefined, undefined, img_scale); + else if (fg.DEMON_5) + this.draw_icon(icons.DEMON_NUM5, x, y, undefined, undefined, img_scale); + } + }, + + draw_icon_type: function (idx, x, y, ofsx, ofsy, img_scale) { + switch (idx) { + //These icons are in the lower right, so status_shift doesn't need changing. + case icons.BERSERK: + case icons.IDEALISED: + case icons.TOUCH_OF_BEOGH: + case icons.SHADOWLESS: + // Anim. weap. and summoned might overlap, but that's okay + case icons.SUMMONED: + case icons.MINION: + case icons.UNREWARDING: + case icons.ANIMATED_WEAPON: + case icons.VENGEANCE_TARGET: + case icons.VAMPIRE_THRALL: + case icons.ENKINDLED_1: + case icons.ENKINDLED_2: + case icons.NOBODY_MEMORY_1: + case icons.NOBODY_MEMORY_2: + case icons.NOBODY_MEMORY_3: + case icons.PYRRHIC: + case icons.FRENZIED: + this.draw_icon(idx, x, y, undefined, undefined, img_scale); + return 0; + case icons.DRAIN: + case icons.MIGHT: + case icons.SWIFT: + case icons.DAZED: + case icons.HASTED: + case icons.SLOWED: + case icons.CORRODED: + case icons.INFESTED: + case icons.WEAKENED: + case icons.PETRIFIED: + case icons.PETRIFYING: + case icons.BOUND_SOUL: + case icons.POSSESSABLE: + case icons.PARTIALLY_CHARGED: + case icons.FULLY_CHARGED: + case icons.VITRIFIED: + case icons.CONFUSED: + case icons.LACED_WITH_CHAOS: + case icons.SENTINEL_MARK: + case icons.DIMMED: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 6; + case icons.CONC_VENOM: + case icons.FIRE_CHAMP: + case icons.INNER_FLAME: + case icons.PAIN_MIRROR: + case icons.STICKY_FLAME: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 7; + case icons.ANGUISH: + case icons.FIRE_VULN: + case icons.RESISTANCE: + case icons.GHOSTLY: + case icons.MALMUTATED: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 8; + case icons.RECALL: + case icons.TELEPORTING: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 9; + case icons.BLIND: + case icons.BRILLIANCE: + case icons.SLOWLY_DYING: + case icons.WATERLOGGED: + case icons.STILL_WINDS: + case icons.ANTIMAGIC: + case icons.REPEL_MISSILES: + case icons.INJURY_BOND: + case icons.GLOW_LIGHT: + case icons.GLOW_HEAVY: + case icons.BULLSEYE: + case icons.CURSE_OF_AGONY: + case icons.REGENERATION: + case icons.RETREAT: + case icons.RIMEBLIGHT: + case icons.UNDYING_ARMS: + case icons.BIND: + case icons.SIGN_OF_RUIN: + case icons.WEAK_WILLED: + case icons.DOUBLED_VIGOUR: + case icons.KINETIC_GRAPNEL: + case icons.TEMPERED: + case icons.HEART: + case icons.UNSTABLE: + case icons.VEXED: + case icons.PARADOX: + case icons.WARDING: + case icons.FIGMENT: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 10; + case icons.CONSTRICTED: + case icons.VILE_CLUTCH: + case icons.PAIN_BOND: + this.draw_icon(idx, x, y, ofsx, ofsy, img_scale); + return 11; + } + }, + + // Helper functions for drawing from specific textures + draw_tile: function (idx, x, y, mod, ofsx, ofsy, y_max, centre, img_scale) { + // assumption: x and y are already appropriately scaled for the + // canvas. Now we just need to figure out where in the scaled + // cell size the tile belongs. + const info = mod.get_tile_info(idx); + const img = get_img(mod.get_img(idx)); + if (!info) { + throw new Error(`Tile not found: ${idx}`); + } + + // this somewhat convoluted approach is to avoid fp scaling + // artifacts at scale 1.0 + let img_xscale = this.x_scale; + let img_yscale = this.y_scale; + if (img_scale !== undefined) { + img_xscale = img_xscale * img_scale; + img_yscale = img_yscale * img_scale; + } else img_scale = 1.0; + + centre = centre === undefined ? true : centre; + const size_ox = !centre ? 0 : 32 / 2 - info.w / 2; + const size_oy = !centre ? 0 : 32 - info.h; + const pos_sy_adjust = (ofsy || 0) + info.oy + size_oy; + const pos_ey_adjust = pos_sy_adjust + info.ey - info.sy; + const sy = pos_sy_adjust; + let ey = pos_ey_adjust; + if (y_max && y_max < ey) ey = y_max; + + if (sy >= ey) return; + + const total_x_offset = (ofsx || 0) + info.ox + size_ox; + + // Offsets can be negative, in which case we are drawing overlapped + // with a cell either to the right or above. If so, store the + // overlap in cell state so that it can later be checked to trigger + // a redraw. + // These store logical pixels, but that currently doesn't matter + // because they are only used for a comparison vs 0 + // See dungeon_renderer.js, render_loc. + if (total_x_offset < this.current_left_overlap) + this.current_left_overlap = total_x_offset; + + if (sy < this.current_sy) this.current_sy = sy; + + // dimensions in the source (the tilesheet) + const w = info.ex - info.sx; + const h = ey - sy; + const ratio = window.devicePixelRatio; + // dimensions in the target cell. To get this right at the pixel + // level, we need to calculate the height/width as if it is offset + // relative to the cell origin. Because of differences in how x/y + // are treated above, these may look like they're doing something + // different, but they shouldn't be. + const scaled_w = + Math.floor((total_x_offset + w) * img_xscale * ratio) - + Math.floor(total_x_offset * img_xscale * ratio); + const scaled_h = + Math.floor(ey * img_yscale * ratio) - Math.floor(sy * img_yscale * ratio); + + this.ctx.imageSmoothingEnabled = options.get("tile_filter_scaling"); + this.ctx.drawImage( + img, + info.sx, + info.sy + sy - pos_sy_adjust, + w, + h, + x + Math.floor(total_x_offset * img_xscale * ratio), + y + Math.floor(sy * img_yscale * ratio), + scaled_w, + scaled_h + ); + }, + + draw_dngn: function (idx, x, y, img_scale) { + this.draw_tile( + idx, + x, + y, + dngn, + undefined, + undefined, + undefined, + undefined, + img_scale + ); + }, + + draw_gui: function (idx, x, y, img_scale) { + this.draw_tile( + idx, + x, + y, + gui, + undefined, + undefined, + undefined, + undefined, + img_scale + ); + }, + + draw_main: function (idx, x, y, img_scale) { + this.draw_tile( + idx, + x, + y, + main, + undefined, + undefined, + undefined, + undefined, + img_scale + ); + }, + + draw_player: function (idx, x, y, ofsx, ofsy, y_max, img_scale) { + this.draw_tile( + idx, + x, + y, + tileinfo_player, + ofsx, + ofsy, + y_max, + undefined, + img_scale + ); + }, + + draw_icon: function (idx, x, y, ofsx, ofsy, img_scale) { + this.draw_tile( + idx, + x, + y, + icons, + ofsx, + ofsy, + undefined, + undefined, + img_scale + ); + }, + + draw_quantity: function (qty, x, y, font) { + qty = Math.max(0, Math.min(999, qty)); + + this.ctx.fillStyle = "white"; + this.ctx.font = font; + + this.ctx.shadowColor = "black"; + this.ctx.shadowBlur = 2; + this.ctx.shadowOffsetX = 1; + this.ctx.shadowOffsetY = 1; + this.ctx.textAlign = "left"; + this.ctx.textBaseline = "top"; + this.ctx.fillText(qty, x + 2, y + 2); + }, + + draw_from_texture: function ( + idx, + x, + y, + tex, + ofsx, + ofsy, + y_max, + centre, + img_scale + ) { + const mod = tileinfos(tex); + this.draw_tile(idx, x, y, mod, ofsx, ofsy, y_max, centre, img_scale); + }, }); + +$(document) + .off("game_init.cell_renderer") + .on("game_init.cell_renderer", () => { + determine_colours(); + }); + +export default { + DungeonCellRenderer: DungeonCellRenderer, +}; diff --git a/crawl-ref/source/webserver/client/game/src/client.js b/crawl-ref/source/webserver/client/game/src/client.js new file mode 100644 index 00000000000..2a56a455c07 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/client.js @@ -0,0 +1 @@ +export default window.DCSS.client; diff --git a/crawl-ref/source/webserver/client/game/src/comm.js b/crawl-ref/source/webserver/client/game/src/comm.js new file mode 100644 index 00000000000..9f7538e8b88 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/comm.js @@ -0,0 +1 @@ +export default window.DCSS.comm; diff --git a/crawl-ref/source/webserver/client/game/src/contrib/simplebar.js b/crawl-ref/source/webserver/client/game/src/contrib/simplebar.js new file mode 100644 index 00000000000..1687d1723bf --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/contrib/simplebar.js @@ -0,0 +1,3353 @@ +/** + * SimpleBar.js - v3.0.0-beta.4 + * Scrollbars, simpler. + * https://grsmto.github.io/simplebar/ + * + * Includes the following embedded node package dependencies: + * - can-use-dom + * - lodash-throttle + * - resize-observer-polyfill + * - scrollbarwidth + * + * Made by Adrien Denat from a fork by Jonathan Nicol + * Under MIT License + */ + +const _isObject = (it) => + typeof it === "object" ? it !== null : typeof it === "function"; + +const _anObject = (it) => { + if (!_isObject(it)) throw TypeError(`${it} is not an object!`); + return it; +}; + +const _fails = (exec) => { + try { + return !!exec(); + } catch (_e) { + return true; + } +}; + +// Thank's IE8 for his funny defineProperty +const _descriptors = !_fails( + () => + Object.defineProperty({}, "a", { + get: () => 7, + }).a !== 7 +); + +const commonjsGlobal = + typeof window !== "undefined" + ? window + : typeof global !== "undefined" + ? global + : typeof self !== "undefined" + ? self + : {}; + +function createCommonjsModule(fn, module) { + return (module = { exports: {} }), fn(module, module.exports), module.exports; +} + +const _global = createCommonjsModule((module) => { + // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 + const global = (module.exports = + typeof window !== "undefined" && window.Math === Math + ? window + : typeof self !== "undefined" && self.Math === Math + ? self + : // eslint-disable-next-line no-new-func + Function("return this")()); + if (typeof __g === "number") __g = global; // eslint-disable-line no-undef +}); + +const document$1 = _global.document; +// typeof document.createElement is 'object' in old IE +const is = _isObject(document$1) && _isObject(document$1.createElement); +const _domCreate = (it) => (is ? document$1.createElement(it) : {}); + +const _ie8DomDefine = + !_descriptors && + !_fails( + () => + Object.defineProperty(_domCreate("div"), "a", { + get: () => 7, + }).a !== 7 + ); + +// 7.1.1 ToPrimitive(input [, PreferredType]) + +// instead of the ES6 spec version, we didn't implement @@toPrimitive case +// and the second argument - flag - preferred type is a string +const _toPrimitive = (it, S) => { + if (!_isObject(it)) return it; + let fn, val; + if ( + S && + typeof (fn = it.toString) === "function" && + !_isObject((val = fn.call(it))) + ) + return val; + if ( + typeof (fn = it.valueOf) === "function" && + !_isObject((val = fn.call(it))) + ) + return val; + if ( + !S && + typeof (fn = it.toString) === "function" && + !_isObject((val = fn.call(it))) + ) + return val; + throw TypeError("Can't convert object to primitive value"); +}; + +const dP = Object.defineProperty; + +const f = _descriptors + ? Object.defineProperty + : function defineProperty(O, P, Attributes) { + _anObject(O); + P = _toPrimitive(P, true); + _anObject(Attributes); + if (_ie8DomDefine) + try { + return dP(O, P, Attributes); + } catch (_e) { + /* empty */ + } + if ("get" in Attributes || "set" in Attributes) + throw TypeError("Accessors not supported!"); + if ("value" in Attributes) O[P] = Attributes.value; + return O; + }; + +const _objectDp = { + f: f, +}; + +const _propertyDesc = (bitmap, value) => ({ + enumerable: !(bitmap & 1), + configurable: !(bitmap & 2), + writable: !(bitmap & 4), + value: value, +}); + +const _hide = _descriptors + ? (object, key, value) => _objectDp.f(object, key, _propertyDesc(1, value)) + : (object, key, value) => { + object[key] = value; + return object; + }; + +const hasOwnProperty = {}.hasOwnProperty; +const _has = (it, key) => hasOwnProperty.call(it, key); + +let id = 0; +const px = Math.random(); +const _uid = (key) => + "Symbol(".concat( + key === undefined ? "" : key, + ")_", + (++id + px).toString(36) + ); + +const _core = createCommonjsModule((module) => { + const core = (module.exports = { version: "2.5.7" }); + if (typeof __e === "number") __e = core; // eslint-disable-line no-undef +}); +const _core_1 = _core.version; + +const _redefine = createCommonjsModule((module) => { + const SRC = _uid("src"); + const TO_STRING = "toString"; + const $toString = Function[TO_STRING]; + const TPL = `${$toString}`.split(TO_STRING); + + _core.inspectSource = (it) => $toString.call(it); + + (module.exports = (O, key, val, safe) => { + const isFunction = typeof val === "function"; + if (isFunction) _has(val, "name") || _hide(val, "name", key); + if (O[key] === val) return; + if (isFunction) + _has(val, SRC) || + _hide(val, SRC, O[key] ? `${O[key]}` : TPL.join(String(key))); + if (O === _global) { + O[key] = val; + } else if (!safe) { + delete O[key]; + _hide(O, key, val); + } else if (O[key]) { + O[key] = val; + } else { + _hide(O, key, val); + } + // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative + })(Function.prototype, TO_STRING, function toString() { + return (typeof this === "function" && this[SRC]) || $toString.call(this); + }); +}); + +// 7.2.1 RequireObjectCoercible(argument) +const _defined = (it) => { + if (it === undefined) throw TypeError(`Can't call method on ${it}`); + return it; +}; + +const _library = false; + +const _shared = createCommonjsModule((module) => { + const SHARED = "__core-js_shared__"; + const store = _global[SHARED] || (_global[SHARED] = {}); + + (module.exports = (key, value) => + store[key] || (store[key] = value !== undefined ? value : {}))( + "versions", + [] + ).push({ + version: _core.version, + mode: _library ? "pure" : "global", + copyright: "© 2018 Denis Pushkarev (zloirock.ru)", + }); +}); + +const _wks = createCommonjsModule((module) => { + const store = _shared("wks"); + + const Symbol = _global.Symbol; + const USE_SYMBOL = typeof Symbol === "function"; + + const $exports = (module.exports = (name) => + store[name] || + (store[name] = + (USE_SYMBOL && Symbol[name]) || + (USE_SYMBOL ? Symbol : _uid)(`Symbol.${name}`))); + + $exports.store = store; +}); + +const _fixReWks = (KEY, length, exec) => { + const SYMBOL = _wks(KEY); + const fns = exec(_defined, SYMBOL, ""[KEY]); + const strfn = fns[0]; + const rxfn = fns[1]; + if ( + _fails(() => { + const O = {}; + O[SYMBOL] = () => 7; + return ""[KEY](O) !== 7; + }) + ) { + _redefine(String.prototype, KEY, strfn); + _hide( + RegExp.prototype, + SYMBOL, + length === 2 + ? // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue) + // 21.2.5.11 RegExp.prototype[@@split](string, limit) + function (string, arg) { + return rxfn.call(string, this, arg); + } + : // 21.2.5.6 RegExp.prototype[@@match](string) + // 21.2.5.9 RegExp.prototype[@@search](string) + function (string) { + return rxfn.call(string, this); + } + ); + } +}; + +// @@replace logic +_fixReWks("replace", 2, (defined, REPLACE, $replace) => { + // 21.1.3.14 String.prototype.replace(searchValue, replaceValue) + return [ + function replace(searchValue, replaceValue) { + const O = defined(this); + const fn = searchValue === undefined ? undefined : searchValue[REPLACE]; + return fn !== undefined + ? fn.call(searchValue, O, replaceValue) + : $replace.call(String(O), searchValue, replaceValue); + }, + $replace, + ]; +}); + +const dP$1 = _objectDp.f; +const FProto = Function.prototype; +const nameRE = /^\s*function ([^ (]*)/; +const NAME = "name"; + +// 19.2.4.2 name +NAME in FProto || + (_descriptors && + dP$1(FProto, NAME, { + configurable: true, + get: function () { + try { + return `${this}`.match(nameRE)[1]; + } catch (_e) { + return ""; + } + }, + })); + +// @@match logic +_fixReWks("match", 1, (defined, MATCH, $match) => { + // 21.1.3.11 String.prototype.match(regexp) + return [ + function match(regexp) { + const O = defined(this); + const fn = regexp === undefined ? undefined : regexp[MATCH]; + return fn !== undefined + ? fn.call(regexp, O) + : new RegExp(regexp)[MATCH](String(O)); + }, + $match, + ]; +}); + +// 22.1.3.31 Array.prototype[@@unscopables] +const UNSCOPABLES = _wks("unscopables"); +const ArrayProto = Array.prototype; +if (ArrayProto[UNSCOPABLES] === undefined) _hide(ArrayProto, UNSCOPABLES, {}); +const _addToUnscopables = (key) => { + ArrayProto[UNSCOPABLES][key] = true; +}; + +const _iterStep = (done, value) => ({ value: value, done: !!done }); + +const _iterators = {}; + +const toString = {}.toString; + +const _cof = (it) => toString.call(it).slice(8, -1); + +// fallback for non-array-like ES3 and non-enumerable old V8 strings + +// eslint-disable-next-line no-prototype-builtins +const _iobject = Object("z").propertyIsEnumerable(0) + ? Object + : (it) => (_cof(it) === "String" ? it.split("") : Object(it)); + +// to indexed object, toObject with fallback for non-array-like ES3 strings + +const _toIobject = (it) => _iobject(_defined(it)); + +const _aFunction = (it) => { + if (typeof it !== "function") throw TypeError(`${it} is not a function!`); + return it; +}; + +// optional / simple context binding + +const _ctx = (fn, that, length) => { + _aFunction(fn); + if (that === undefined) return fn; + switch (length) { + case 1: + return (a) => fn.call(that, a); + case 2: + return (a, b) => fn.call(that, a, b); + case 3: + return (a, b, c) => fn.call(that, a, b, c); + } + return (/* ...args */) => fn.apply(that, arguments); +}; + +const PROTOTYPE = "prototype"; + +const $export = (type, name, source) => { + const IS_FORCED = type & $export.F; + const IS_GLOBAL = type & $export.G; + const IS_STATIC = type & $export.S; + const IS_PROTO = type & $export.P; + const IS_BIND = type & $export.B; + const target = IS_GLOBAL + ? _global + : IS_STATIC + ? _global[name] || (_global[name] = {}) + : _global[name]?.[PROTOTYPE]; + const exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {}); + const expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}); + let key, own, out, exp; + if (IS_GLOBAL) source = name; + for (key in source) { + // contains in native + own = !IS_FORCED && target && target[key] !== undefined; + // export native or passed + out = (own ? target : source)[key]; + // bind timers to global for call from export context + exp = + IS_BIND && own + ? _ctx(out, _global) + : IS_PROTO && typeof out === "function" + ? _ctx(Function.call, out) + : out; + // extend global + if (target) _redefine(target, key, out, type & $export.U); + // export + if (exports[key] !== out) _hide(exports, key, exp); + if (IS_PROTO && expProto[key] !== out) expProto[key] = out; + } +}; +_global.core = _core; +// type bitmap +$export.F = 1; // forced +$export.G = 2; // global +$export.S = 4; // static +$export.P = 8; // proto +$export.B = 16; // bind +$export.W = 32; // wrap +$export.U = 64; // safe +$export.R = 128; // real proto method for `library` +const _export = $export; + +// 7.1.4 ToInteger +const ceil = Math.ceil; +const floor = Math.floor; +const _toInteger = (it) => + Number.isNaN((it = +it)) ? 0 : (it > 0 ? floor : ceil)(it); + +// 7.1.15 ToLength + +const min = Math.min; +const _toLength = (it) => { + return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 +}; + +const max = Math.max; +const min$1 = Math.min; +const _toAbsoluteIndex = (index, length) => { + index = _toInteger(index); + return index < 0 ? max(index + length, 0) : min$1(index, length); +}; + +// false -> Array#indexOf +// true -> Array#includes + +const _arrayIncludes = (IS_INCLUDES) => ($this, el, fromIndex) => { + const O = _toIobject($this); + const length = _toLength(O.length); + let index = _toAbsoluteIndex(fromIndex, length); + let value; + // Array#includes uses SameValueZero equality algorithm + // eslint-disable-next-line no-self-compare + if (IS_INCLUDES && el !== el) + while (length > index) { + value = O[index++]; + // eslint-disable-next-line no-self-compare + if (value !== value) return true; + // Array#indexOf ignores holes, Array#includes - not + } + else + for (; length > index; index++) + if (IS_INCLUDES || index in O) { + if (O[index] === el) return IS_INCLUDES || index || 0; + } + return !IS_INCLUDES && -1; +}; + +const shared = _shared("keys"); + +const _sharedKey = (key) => shared[key] || (shared[key] = _uid(key)); + +const arrayIndexOf = _arrayIncludes(false); +const IE_PROTO = _sharedKey("IE_PROTO"); + +const _objectKeysInternal = (object, names) => { + const O = _toIobject(object); + let i = 0; + const result = []; + let key; + for (key in O) if (key !== IE_PROTO) _has(O, key) && result.push(key); + // Don't enum bug & hidden keys + while (names.length > i) + if (_has(O, (key = names[i++]))) { + ~arrayIndexOf(result, key) || result.push(key); + } + return result; +}; + +// IE 8- don't enum bug keys +const _enumBugKeys = + "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split( + "," + ); + +// 19.1.2.14 / 15.2.3.14 Object.keys(O) + +const _objectKeys = + Object.keys || + function keys(O) { + return _objectKeysInternal(O, _enumBugKeys); + }; + +const _objectDps = _descriptors + ? Object.defineProperties + : function defineProperties(O, Properties) { + _anObject(O); + const keys = _objectKeys(Properties); + const length = keys.length; + let i = 0; + let P; + while (length > i) _objectDp.f(O, (P = keys[i++]), Properties[P]); + return O; + }; + +const document$2 = _global.document; +const _html = document$2?.documentElement; + +// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) + +const IE_PROTO$1 = _sharedKey("IE_PROTO"); +const Empty = () => { + /* empty */ +}; +const PROTOTYPE$1 = "prototype"; + +// Create object with fake `null` prototype: use iframe Object with cleared prototype +let createDict = () => { + // Thrash, waste and sodomy: IE GC bug + const iframe = _domCreate("iframe"); + let i = _enumBugKeys.length; + const lt = "<"; + const gt = ">"; + let iframeDocument; + iframe.style.display = "none"; + _html.appendChild(iframe); + iframe.src = "javascript:"; // eslint-disable-line no-script-url + // createDict = iframe.contentWindow.Object; + // html.removeChild(iframe); + iframeDocument = iframe.contentWindow.document; + iframeDocument.open(); + iframeDocument.write(`${lt}script${gt}document.F=Object${lt}/script${gt}`); + iframeDocument.close(); + createDict = iframeDocument.F; + while (i--) delete createDict[PROTOTYPE$1][_enumBugKeys[i]]; + return createDict(); +}; + +const _objectCreate = + Object.create || + function create(O, Properties) { + let result; + if (O !== null) { + Empty[PROTOTYPE$1] = _anObject(O); + result = new Empty(); + Empty[PROTOTYPE$1] = null; + // add "__proto__" for Object.getPrototypeOf polyfill + result[IE_PROTO$1] = O; + } else result = createDict(); + return Properties === undefined ? result : _objectDps(result, Properties); + }; + +const def = _objectDp.f; + +const TAG = _wks("toStringTag"); + +const _setToStringTag = (it, tag, stat) => { + if (it && !_has((it = stat ? it : it.prototype), TAG)) + def(it, TAG, { configurable: true, value: tag }); +}; + +const IteratorPrototype = {}; + +// 25.1.2.1.1 %IteratorPrototype%[@@iterator]() +_hide(IteratorPrototype, _wks("iterator"), function () { + return this; +}); + +const _iterCreate = (Constructor, NAME, next) => { + Constructor.prototype = _objectCreate(IteratorPrototype, { + next: _propertyDesc(1, next), + }); + _setToStringTag(Constructor, `${NAME} Iterator`); +}; + +// 7.1.13 ToObject(argument) + +const _toObject = (it) => Object(_defined(it)); + +// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O) + +const IE_PROTO$2 = _sharedKey("IE_PROTO"); +const ObjectProto = Object.prototype; + +const _objectGpo = + Object.getPrototypeOf || + ((O) => { + O = _toObject(O); + if (_has(O, IE_PROTO$2)) return O[IE_PROTO$2]; + if (typeof O.constructor === "function" && O instanceof O.constructor) { + return O.constructor.prototype; + } + return O instanceof Object ? ObjectProto : null; + }); + +const ITERATOR = _wks("iterator"); +const BUGGY = !([].keys && "next" in [].keys()); // Safari has buggy iterators w/o `next` +const FF_ITERATOR = "@@iterator"; +const KEYS = "keys"; +const VALUES = "values"; + +const returnThis = function () { + return this; +}; + +const _iterDefine = ( + Base, + NAME, + Constructor, + next, + DEFAULT, + IS_SET, + FORCED +) => { + _iterCreate(Constructor, NAME, next); + const getMethod = (kind) => { + if (!BUGGY && kind in proto) return proto[kind]; + switch (kind) { + case KEYS: + return function keys() { + return new Constructor(this, kind); + }; + case VALUES: + return function values() { + return new Constructor(this, kind); + }; + } + return function entries() { + return new Constructor(this, kind); + }; + }; + const TAG = `${NAME} Iterator`; + const DEF_VALUES = DEFAULT === VALUES; + let VALUES_BUG = false; + const proto = Base.prototype; + const $native = + proto[ITERATOR] || proto[FF_ITERATOR] || (DEFAULT && proto[DEFAULT]); + let $default = $native || getMethod(DEFAULT); + const $entries = DEFAULT + ? !DEF_VALUES + ? $default + : getMethod("entries") + : undefined; + const $anyNative = NAME === "Array" ? proto.entries || $native : $native; + let methods, key, IteratorPrototype; + // Fix native + if ($anyNative) { + IteratorPrototype = _objectGpo($anyNative.call(new Base())); + if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) { + // Set @@toStringTag to native iterators + _setToStringTag(IteratorPrototype, TAG, true); + // fix for some old engines + if (!_library && typeof IteratorPrototype[ITERATOR] !== "function") + _hide(IteratorPrototype, ITERATOR, returnThis); + } + } + // fix Array#{values, @@iterator}.name in V8 / FF + if (DEF_VALUES && $native && $native.name !== VALUES) { + VALUES_BUG = true; + $default = function values() { + return $native.call(this); + }; + } + // Define iterator + if ((!_library || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) { + _hide(proto, ITERATOR, $default); + } + // Plug for library + _iterators[NAME] = $default; + _iterators[TAG] = returnThis; + if (DEFAULT) { + methods = { + values: DEF_VALUES ? $default : getMethod(VALUES), + keys: IS_SET ? $default : getMethod(KEYS), + entries: $entries, + }; + if (FORCED) + for (key in methods) { + if (!(key in proto)) _redefine(proto, key, methods[key]); + } + else _export(_export.P + _export.F * (BUGGY || VALUES_BUG), NAME, methods); + } + return methods; +}; + +// 22.1.3.4 Array.prototype.entries() +// 22.1.3.13 Array.prototype.keys() +// 22.1.3.29 Array.prototype.values() +// 22.1.3.30 Array.prototype[@@iterator]() +const es6_array_iterator = _iterDefine( + Array, + "Array", + function (iterated, kind) { + this._t = _toIobject(iterated); // target + this._i = 0; // next index + this._k = kind; // kind + // 22.1.5.2.1 %ArrayIteratorPrototype%.next() + }, + function () { + const O = this._t; + const kind = this._k; + const index = this._i++; + if (!O || index >= O.length) { + this._t = undefined; + return _iterStep(1); + } + if (kind === "keys") return _iterStep(0, index); + if (kind === "values") return _iterStep(0, O[index]); + return _iterStep(0, [index, O[index]]); + }, + "values" +); + +// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7) +_iterators.Arguments = _iterators.Array; + +_addToUnscopables("keys"); +_addToUnscopables("values"); +_addToUnscopables("entries"); + +const ITERATOR$1 = _wks("iterator"); +const TO_STRING_TAG = _wks("toStringTag"); +const ArrayValues = _iterators.Array; + +const DOMIterables = { + CSSRuleList: true, // TODO: Not spec compliant, should be false. + CSSStyleDeclaration: false, + CSSValueList: false, + ClientRectList: false, + DOMRectList: false, + DOMStringList: false, + DOMTokenList: true, + DataTransferItemList: false, + FileList: false, + HTMLAllCollection: false, + HTMLCollection: false, + HTMLFormElement: false, + HTMLSelectElement: false, + MediaList: true, // TODO: Not spec compliant, should be false. + MimeTypeArray: false, + NamedNodeMap: false, + NodeList: true, + PaintRequestList: false, + Plugin: false, + PluginArray: false, + SVGLengthList: false, + SVGNumberList: false, + SVGPathSegList: false, + SVGPointList: false, + SVGStringList: false, + SVGTransformList: false, + SourceBufferList: false, + StyleSheetList: true, // TODO: Not spec compliant, should be false. + TextTrackCueList: false, + TextTrackList: false, + TouchList: false, +}; + +for ( + let collections = _objectKeys(DOMIterables), i = 0; + i < collections.length; + i++ +) { + const NAME$1 = collections[i]; + const explicit = DOMIterables[NAME$1]; + const Collection = _global[NAME$1]; + const proto = Collection?.prototype; + let key; + if (proto) { + if (!proto[ITERATOR$1]) _hide(proto, ITERATOR$1, ArrayValues); + if (!proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME$1); + _iterators[NAME$1] = ArrayValues; + if (explicit) + for (key in es6_array_iterator) + if (!proto[key]) _redefine(proto, key, es6_array_iterator[key], true); + } +} + +// true -> String#at +// false -> String#codePointAt +const _stringAt = (TO_STRING) => (that, pos) => { + const s = String(_defined(that)); + const i = _toInteger(pos); + const l = s.length; + let a, b; + if (i < 0 || i >= l) return TO_STRING ? "" : undefined; + a = s.charCodeAt(i); + return a < 0xd800 || + a > 0xdbff || + i + 1 === l || + (b = s.charCodeAt(i + 1)) < 0xdc00 || + b > 0xdfff + ? TO_STRING + ? s.charAt(i) + : a + : TO_STRING + ? s.slice(i, i + 2) + : ((a - 0xd800) << 10) + (b - 0xdc00) + 0x10000; +}; + +const $at = _stringAt(true); + +// 21.1.3.27 String.prototype[@@iterator]() +_iterDefine( + String, + "String", + function (iterated) { + this._t = String(iterated); // target + this._i = 0; // next index + // 21.1.5.2.1 %StringIteratorPrototype%.next() + }, + function () { + const O = this._t; + const index = this._i; + let point; + if (index >= O.length) return { value: undefined, done: true }; + point = $at(O, index); + this._i += point.length; + return { value: point, done: false }; + } +); + +// call something on iterator step with safe closing on error + +const _iterCall = (iterator, fn, value, entries) => { + try { + return entries ? fn(_anObject(value)[0], value[1]) : fn(value); + // 7.4.6 IteratorClose(iterator, completion) + } catch (e) { + const ret = iterator.return; + if (ret !== undefined) _anObject(ret.call(iterator)); + throw e; + } +}; + +// check on default Array iterator + +const ITERATOR$2 = _wks("iterator"); +const ArrayProto$1 = Array.prototype; + +const _isArrayIter = (it) => + it !== undefined && + (_iterators.Array === it || ArrayProto$1[ITERATOR$2] === it); + +const _createProperty = (object, index, value) => { + if (index in object) _objectDp.f(object, index, _propertyDesc(0, value)); + else object[index] = value; +}; + +// getting tag from 19.1.3.6 Object.prototype.toString() + +const TAG$1 = _wks("toStringTag"); +// ES3 wrong here +const ARG = _cof((() => arguments)()) === "Arguments"; + +// fallback for IE11 Script Access Denied error +const tryGet = (it, key) => { + try { + return it[key]; + } catch (_e) { + /* empty */ + } +}; + +const _classof = (it) => { + let O, T, B; + return it === undefined + ? "Undefined" + : it === null + ? "Null" + : // @@toStringTag case + typeof (T = tryGet((O = Object(it)), TAG$1)) === "string" + ? T + : // builtinTag case + ARG + ? _cof(O) + : // ES3 arguments fallback + (B = _cof(O)) === "Object" && typeof O.callee === "function" + ? "Arguments" + : B; +}; + +const ITERATOR$3 = _wks("iterator"); + +const core_getIteratorMethod = (_core.getIteratorMethod = (it) => { + if (it !== undefined) + return it[ITERATOR$3] || it["@@iterator"] || _iterators[_classof(it)]; +}); + +const ITERATOR$4 = _wks("iterator"); +let SAFE_CLOSING = false; + +try { + const riter = [7][ITERATOR$4](); + riter.return = () => { + SAFE_CLOSING = true; + }; +} catch (_e) { + /* empty */ +} + +const _iterDetect = (exec, skipClosing) => { + if (!skipClosing && !SAFE_CLOSING) return false; + let safe = false; + try { + const arr = [7]; + const iter = arr[ITERATOR$4](); + iter.next = () => ({ done: (safe = true) }); + arr[ITERATOR$4] = () => iter; + exec(arr); + } catch (_e) { + /* empty */ + } + return safe; +}; + +_export(_export.S + _export.F * !_iterDetect((_iter) => {}), "Array", { + // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined) + from: function from( + arrayLike /* , mapfn = undefined, thisArg = undefined */ + ) { + const O = _toObject(arrayLike); + const C = typeof this === "function" ? this : Array; + const aLen = arguments.length; + let mapfn = aLen > 1 ? arguments[1] : undefined; + const mapping = mapfn !== undefined; + let index = 0; + const iterFn = core_getIteratorMethod(O); + let length, result, step, iterator; + if (mapping) mapfn = _ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2); + // if object isn't iterable or it's array with default iterator - use simple case + if (iterFn !== undefined && !(C === Array && _isArrayIter(iterFn))) { + for ( + iterator = iterFn.call(O), result = new C(); + !(step = iterator.next()).done; + index++ + ) { + _createProperty( + result, + index, + mapping + ? _iterCall(iterator, mapfn, [step.value, index], true) + : step.value + ); + } + } else { + length = _toLength(O.length); + for (result = new C(length); length > index; index++) { + _createProperty( + result, + index, + mapping ? mapfn(O[index], index) : O[index] + ); + } + } + result.length = index; + return result; + }, +}); + +const f$1 = Object.getOwnPropertySymbols; + +const _objectGops = { + f: f$1, +}; + +const f$2 = {}.propertyIsEnumerable; + +const _objectPie = { + f: f$2, +}; + +// 19.1.2.1 Object.assign(target, source, ...) + +const $assign = Object.assign; + +// should work with symbols and should have deterministic property order (V8 bug) +const _objectAssign = + !$assign || + _fails(() => { + const A = {}; + const B = {}; + // eslint-disable-next-line no-undef + const S = Symbol(); + const K = "abcdefghijklmnopqrst"; + A[S] = 7; + K.split("").forEach((k) => { + B[k] = k; + }); + return ( + $assign({}, A)[S] !== 7 || Object.keys($assign({}, B)).join("") !== K + ); + }) + ? function assign(target, _source) { + // eslint-disable-line no-unused-vars + const T = _toObject(target); + const aLen = arguments.length; + let index = 1; + const getSymbols = _objectGops.f; + const isEnum = _objectPie.f; + while (aLen > index) { + const S = _iobject(arguments[index++]); + const keys = getSymbols + ? _objectKeys(S).concat(getSymbols(S)) + : _objectKeys(S); + const length = keys.length; + let j = 0; + let key; + while (length > j) + if (isEnum.call(S, (key = keys[j++]))) T[key] = S[key]; + } + return T; + } + : $assign; + +// 19.1.3.1 Object.assign(target, source) + +_export(_export.S + _export.F, "Object", { assign: _objectAssign }); + +function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } +} + +function _defineProperties(target, props) { + for (let i = 0; i < props.length; i++) { + const descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } +} + +function _createClass(Constructor, protoProps, staticProps) { + if (protoProps) _defineProperties(Constructor.prototype, protoProps); + if (staticProps) _defineProperties(Constructor, staticProps); + return Constructor; +} + +const scrollbarWidth = createCommonjsModule((module, _exports) => { + /*! scrollbarWidth.js v0.1.3 | felixexter | MIT | https://github.com/felixexter/scrollbarWidth */ + ((_root, factory) => { + module.exports = factory(); + })(commonjsGlobal, () => { + function scrollbarWidth() { + if (typeof document === "undefined") { + return 0; + } + + let body = document.body, + box = document.createElement("div"), + boxStyle = box.style, + width; + + boxStyle.position = "absolute"; + boxStyle.top = boxStyle.left = "-9999px"; + boxStyle.width = boxStyle.height = "100px"; + boxStyle.overflow = "scroll"; + + body.appendChild(box); + + width = box.offsetWidth - box.clientWidth; + + body.removeChild(box); + + return width; + } + + return scrollbarWidth; + }); +}); + +/** + * lodash (Custom Build) + * Build: `lodash modularize exports="npm" -o ./` + * Copyright jQuery Foundation and other contributors + * Released under MIT license + * Based on Underscore.js 1.8.3 + * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors + */ + +/** Used as the `TypeError` message for "Functions" methods. */ +const FUNC_ERROR_TEXT = "Expected a function"; + +/** Used as references for various `Number` constants. */ +const NAN = 0 / 0; + +/** `Object#toString` result references. */ +const symbolTag = "[object Symbol]"; + +/** Used to match leading and trailing whitespace. */ +const reTrim = /^\s+|\s+$/g; + +/** Used to detect bad signed hexadecimal string values. */ +const reIsBadHex = /^[-+]0x[0-9a-f]+$/i; + +/** Used to detect binary string values. */ +const reIsBinary = /^0b[01]+$/i; + +/** Used to detect octal string values. */ +const reIsOctal = /^0o[0-7]+$/i; + +/** Built-in method references without a dependency on `root`. */ +const freeParseInt = parseInt; + +/** Detect free variable `global` from Node.js. */ +const freeGlobal = + typeof commonjsGlobal === "object" && + commonjsGlobal && + commonjsGlobal.Object === Object && + commonjsGlobal; + +/** Detect free variable `self`. */ +const freeSelf = + typeof self === "object" && self && self.Object === Object && self; + +/** Used as a reference to the global object. */ +const root = freeGlobal || freeSelf || Function("return this")(); + +/** Used for built-in method references. */ +const objectProto = Object.prototype; + +/** + * Used to resolve the + * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) + * of values. + */ +const objectToString = objectProto.toString; + +/* Built-in method references for those with the same name as other `lodash` methods. */ +const nativeMax = Math.max, + nativeMin = Math.min; + +/** + * Gets the timestamp of the number of milliseconds that have elapsed since + * the Unix epoch (1 January 1970 00:00:00 UTC). + * + * @static + * @memberOf _ + * @since 2.4.0 + * @category Date + * @returns {number} Returns the timestamp. + * @example + * + * _.defer(function(stamp) { + * console.log(_.now() - stamp); + * }, _.now()); + * // => Logs the number of milliseconds it took for the deferred invocation. + */ +const now = () => root.Date.now(); + +/** + * Creates a debounced function that delays invoking `func` until after `wait` + * milliseconds have elapsed since the last time the debounced function was + * invoked. The debounced function comes with a `cancel` method to cancel + * delayed `func` invocations and a `flush` method to immediately invoke them. + * Provide `options` to indicate whether `func` should be invoked on the + * leading and/or trailing edge of the `wait` timeout. The `func` is invoked + * with the last arguments provided to the debounced function. Subsequent + * calls to the debounced function return the result of the last `func` + * invocation. + * + * **Note:** If `leading` and `trailing` options are `true`, `func` is + * invoked on the trailing edge of the timeout only if the debounced function + * is invoked more than once during the `wait` timeout. + * + * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred + * until to the next tick, similar to `setTimeout` with a timeout of `0`. + * + * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) + * for details over the differences between `_.debounce` and `_.throttle`. + * + * @static + * @memberOf _ + * @since 0.1.0 + * @category Function + * @param {Function} func The function to debounce. + * @param {number} [wait=0] The number of milliseconds to delay. + * @param {Object} [options={}] The options object. + * @param {boolean} [options.leading=false] + * Specify invoking on the leading edge of the timeout. + * @param {number} [options.maxWait] + * The maximum time `func` is allowed to be delayed before it's invoked. + * @param {boolean} [options.trailing=true] + * Specify invoking on the trailing edge of the timeout. + * @returns {Function} Returns the new debounced function. + * @example + * + * // Avoid costly calculations while the window size is in flux. + * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); + * + * // Invoke `sendMail` when clicked, debouncing subsequent calls. + * jQuery(element).on('click', _.debounce(sendMail, 300, { + * 'leading': true, + * 'trailing': false + * })); + * + * // Ensure `batchLog` is invoked once after 1 second of debounced calls. + * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); + * var source = new EventSource('/stream'); + * jQuery(source).on('message', debounced); + * + * // Cancel the trailing debounced invocation. + * jQuery(window).on('popstate', debounced.cancel); + */ +function debounce(func, wait, options) { + let lastArgs, + lastThis, + maxWait, + result, + timerId, + lastCallTime, + lastInvokeTime = 0, + leading = false, + maxing = false, + trailing = true; + + if (typeof func !== "function") { + throw new TypeError(FUNC_ERROR_TEXT); + } + wait = toNumber(wait) || 0; + if (isObject(options)) { + leading = !!options.leading; + maxing = "maxWait" in options; + maxWait = maxing + ? nativeMax(toNumber(options.maxWait) || 0, wait) + : maxWait; + trailing = "trailing" in options ? !!options.trailing : trailing; + } + + function invokeFunc(time) { + const args = lastArgs, + thisArg = lastThis; + + lastArgs = lastThis = undefined; + lastInvokeTime = time; + result = func.apply(thisArg, args); + return result; + } + + function leadingEdge(time) { + // Reset any `maxWait` timer. + lastInvokeTime = time; + // Start the timer for the trailing edge. + timerId = setTimeout(timerExpired, wait); + // Invoke the leading edge. + return leading ? invokeFunc(time) : result; + } + + function remainingWait(time) { + const timeSinceLastCall = time - lastCallTime, + timeSinceLastInvoke = time - lastInvokeTime, + result = wait - timeSinceLastCall; + + return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result; + } + + function shouldInvoke(time) { + const timeSinceLastCall = time - lastCallTime, + timeSinceLastInvoke = time - lastInvokeTime; + + // Either this is the first call, activity has stopped and we're at the + // trailing edge, the system time has gone backwards and we're treating + // it as the trailing edge, or we've hit the `maxWait` limit. + return ( + lastCallTime === undefined || + timeSinceLastCall >= wait || + timeSinceLastCall < 0 || + (maxing && timeSinceLastInvoke >= maxWait) + ); + } + + function timerExpired() { + const time = now(); + if (shouldInvoke(time)) { + return trailingEdge(time); + } + // Restart the timer. + timerId = setTimeout(timerExpired, remainingWait(time)); + } + + function trailingEdge(time) { + timerId = undefined; + + // Only invoke if we have `lastArgs` which means `func` has been + // debounced at least once. + if (trailing && lastArgs) { + return invokeFunc(time); + } + lastArgs = lastThis = undefined; + return result; + } + + function cancel() { + if (timerId !== undefined) { + clearTimeout(timerId); + } + lastInvokeTime = 0; + lastArgs = lastCallTime = lastThis = timerId = undefined; + } + + function flush() { + return timerId === undefined ? result : trailingEdge(now()); + } + + function debounced() { + const time = now(), + isInvoking = shouldInvoke(time); + + lastArgs = arguments; + lastThis = this; + lastCallTime = time; + + if (isInvoking) { + if (timerId === undefined) { + return leadingEdge(lastCallTime); + } + if (maxing) { + // Handle invocations in a tight loop. + timerId = setTimeout(timerExpired, wait); + return invokeFunc(lastCallTime); + } + } + if (timerId === undefined) { + timerId = setTimeout(timerExpired, wait); + } + return result; + } + debounced.cancel = cancel; + debounced.flush = flush; + return debounced; +} + +/** + * Creates a throttled function that only invokes `func` at most once per + * every `wait` milliseconds. The throttled function comes with a `cancel` + * method to cancel delayed `func` invocations and a `flush` method to + * immediately invoke them. Provide `options` to indicate whether `func` + * should be invoked on the leading and/or trailing edge of the `wait` + * timeout. The `func` is invoked with the last arguments provided to the + * throttled function. Subsequent calls to the throttled function return the + * result of the last `func` invocation. + * + * **Note:** If `leading` and `trailing` options are `true`, `func` is + * invoked on the trailing edge of the timeout only if the throttled function + * is invoked more than once during the `wait` timeout. + * + * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred + * until to the next tick, similar to `setTimeout` with a timeout of `0`. + * + * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) + * for details over the differences between `_.throttle` and `_.debounce`. + * + * @static + * @memberOf _ + * @since 0.1.0 + * @category Function + * @param {Function} func The function to throttle. + * @param {number} [wait=0] The number of milliseconds to throttle invocations to. + * @param {Object} [options={}] The options object. + * @param {boolean} [options.leading=true] + * Specify invoking on the leading edge of the timeout. + * @param {boolean} [options.trailing=true] + * Specify invoking on the trailing edge of the timeout. + * @returns {Function} Returns the new throttled function. + * @example + * + * // Avoid excessively updating the position while scrolling. + * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); + * + * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. + * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); + * jQuery(element).on('click', throttled); + * + * // Cancel the trailing throttled invocation. + * jQuery(window).on('popstate', throttled.cancel); + */ +function throttle(func, wait, options) { + let leading = true, + trailing = true; + + if (typeof func !== "function") { + throw new TypeError(FUNC_ERROR_TEXT); + } + if (isObject(options)) { + leading = "leading" in options ? !!options.leading : leading; + trailing = "trailing" in options ? !!options.trailing : trailing; + } + return debounce(func, wait, { + leading: leading, + maxWait: wait, + trailing: trailing, + }); +} + +/** + * Checks if `value` is the + * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) + * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) + * + * @static + * @memberOf _ + * @since 0.1.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is an object, else `false`. + * @example + * + * _.isObject({}); + * // => true + * + * _.isObject([1, 2, 3]); + * // => true + * + * _.isObject(_.noop); + * // => true + * + * _.isObject(null); + * // => false + */ +function isObject(value) { + const type = typeof value; + return !!value && (type === "object" || type === "function"); +} + +/** + * Checks if `value` is object-like. A value is object-like if it's not `null` + * and has a `typeof` result of "object". + * + * @static + * @memberOf _ + * @since 4.0.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is object-like, else `false`. + * @example + * + * _.isObjectLike({}); + * // => true + * + * _.isObjectLike([1, 2, 3]); + * // => true + * + * _.isObjectLike(_.noop); + * // => false + * + * _.isObjectLike(null); + * // => false + */ +function isObjectLike(value) { + return !!value && typeof value === "object"; +} + +/** + * Checks if `value` is classified as a `Symbol` primitive or object. + * + * @static + * @memberOf _ + * @since 4.0.0 + * @category Lang + * @param {*} value The value to check. + * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. + * @example + * + * _.isSymbol(Symbol.iterator); + * // => true + * + * _.isSymbol('abc'); + * // => false + */ +function isSymbol(value) { + return ( + typeof value === "symbol" || + (isObjectLike(value) && objectToString.call(value) === symbolTag) + ); +} + +/** + * Converts `value` to a number. + * + * @static + * @memberOf _ + * @since 4.0.0 + * @category Lang + * @param {*} value The value to process. + * @returns {number} Returns the number. + * @example + * + * _.toNumber(3.2); + * // => 3.2 + * + * _.toNumber(Number.MIN_VALUE); + * // => 5e-324 + * + * _.toNumber(Infinity); + * // => Infinity + * + * _.toNumber('3.2'); + * // => 3.2 + */ +function toNumber(value) { + if (typeof value === "number") { + return value; + } + if (isSymbol(value)) { + return NAN; + } + if (isObject(value)) { + const other = typeof value.valueOf === "function" ? value.valueOf() : value; + value = isObject(other) ? `${other}` : other; + } + if (typeof value !== "string") { + return value === 0 ? value : +value; + } + value = value.replace(reTrim, ""); + const isBinary = reIsBinary.test(value); + return isBinary || reIsOctal.test(value) + ? freeParseInt(value.slice(2), isBinary ? 2 : 8) + : reIsBadHex.test(value) + ? NAN + : +value; +} + +const lodash_throttle = throttle; + +/** + * A collection of shims that provide minimal functionality of the ES6 collections. + * + * These implementations are not meant to be used outside of the ResizeObserver + * modules as they cover only a limited range of use cases. + */ +/* eslint-disable require-jsdoc, valid-jsdoc */ +const MapShim = (() => { + if (typeof Map !== "undefined") { + return Map; + } + + /** + * Returns index in provided array that matches the specified key. + * + * @param {Array} arr + * @param {*} key + * @returns {number} + */ + function getIndex(arr, key) { + let result = -1; + + arr.some((entry, index) => { + if (entry[0] === key) { + result = index; + + return true; + } + + return false; + }); + + return result; + } + + return (() => { + function anonymous() { + this.__entries__ = []; + } + + const prototypeAccessors = { size: { configurable: true } }; + + /** + * @returns {boolean} + */ + prototypeAccessors.size.get = function () { + return this.__entries__.length; + }; + + /** + * @param {*} key + * @returns {*} + */ + anonymous.prototype.get = function (key) { + const index = getIndex(this.__entries__, key); + const entry = this.__entries__[index]; + + return entry?.[1]; + }; + + /** + * @param {*} key + * @param {*} value + * @returns {void} + */ + anonymous.prototype.set = function (key, value) { + const index = getIndex(this.__entries__, key); + + if (~index) { + this.__entries__[index][1] = value; + } else { + this.__entries__.push([key, value]); + } + }; + + /** + * @param {*} key + * @returns {void} + */ + anonymous.prototype.delete = function (key) { + const entries = this.__entries__; + const index = getIndex(entries, key); + + if (~index) { + entries.splice(index, 1); + } + }; + + /** + * @param {*} key + * @returns {void} + */ + anonymous.prototype.has = function (key) { + return !!~getIndex(this.__entries__, key); + }; + + /** + * @returns {void} + */ + anonymous.prototype.clear = function () { + this.__entries__.splice(0); + }; + + /** + * @param {Function} callback + * @param {*} [ctx=null] + * @returns {void} + */ + anonymous.prototype.forEach = function (callback, ctx) { + if (ctx === void 0) ctx = null; + + for (let i = 0, list = this.__entries__; i < list.length; i += 1) { + const entry = list[i]; + + callback.call(ctx, entry[1], entry[0]); + } + }; + + Object.defineProperties(anonymous.prototype, prototypeAccessors); + + return anonymous; + })(); +})(); + +/** + * Detects whether window and document objects are available in current environment. + */ +const isBrowser = + typeof window !== "undefined" && + typeof document !== "undefined" && + window.document === document; + +// Returns global object of a current environment. +const global$1 = (() => { + if (typeof global !== "undefined" && global.Math === Math) { + return global; + } + + if (typeof self !== "undefined" && self.Math === Math) { + return self; + } + + if (typeof window !== "undefined" && window.Math === Math) { + return window; + } + + // eslint-disable-next-line no-new-func + return Function("return this")(); +})(); + +/** + * A shim for the requestAnimationFrame which falls back to the setTimeout if + * first one is not supported. + * + * @returns {number} Requests' identifier. + */ +const requestAnimationFrame$1 = (() => { + if (typeof requestAnimationFrame === "function") { + // It's required to use a bounded function because IE sometimes throws + // an "Invalid calling object" error if rAF is invoked without the global + // object on the left hand side. + return requestAnimationFrame.bind(global$1); + } + + return (callback) => setTimeout(() => callback(Date.now()), 1000 / 60); +})(); + +// Defines minimum timeout before adding a trailing call. +const trailingTimeout = 2; + +/** + * Creates a wrapper function which ensures that provided callback will be + * invoked only once during the specified delay period. + * + * @param {Function} callback - Function to be invoked after the delay period. + * @param {number} delay - Delay after which to invoke callback. + * @returns {Function} + */ +const throttle$1 = (callback, delay) => { + let leadingCall = false, + trailingCall = false, + lastCallTime = 0; + + /** + * Invokes the original callback function and schedules new invocation if + * the "proxy" was called during current request. + * + * @returns {void} + */ + function resolvePending() { + if (leadingCall) { + leadingCall = false; + + callback(); + } + + if (trailingCall) { + proxy(); + } + } + + /** + * Callback invoked after the specified delay. It will further postpone + * invocation of the original function delegating it to the + * requestAnimationFrame. + * + * @returns {void} + */ + function timeoutCallback() { + requestAnimationFrame$1(resolvePending); + } + + /** + * Schedules invocation of the original function. + * + * @returns {void} + */ + function proxy() { + const timeStamp = Date.now(); + + if (leadingCall) { + // Reject immediately following calls. + if (timeStamp - lastCallTime < trailingTimeout) { + return; + } + + // Schedule new call to be in invoked when the pending one is resolved. + // This is important for "transitions" which never actually start + // immediately so there is a chance that we might miss one if change + // happens amids the pending invocation. + trailingCall = true; + } else { + leadingCall = true; + trailingCall = false; + + setTimeout(timeoutCallback, delay); + } + + lastCallTime = timeStamp; + } + + return proxy; +}; + +// Minimum delay before invoking the update of observers. +const REFRESH_DELAY = 20; + +// A list of substrings of CSS properties used to find transition events that +// might affect dimensions of observed elements. +const transitionKeys = [ + "top", + "right", + "bottom", + "left", + "width", + "height", + "size", + "weight", +]; + +// Check if MutationObserver is available. +const mutationObserverSupported = typeof MutationObserver !== "undefined"; + +/** + * Singleton controller class which handles updates of ResizeObserver instances. + */ +const ResizeObserverController = function () { + this.connected_ = false; + this.mutationEventsAdded_ = false; + this.mutationsObserver_ = null; + this.observers_ = []; + + this.onTransitionEnd_ = this.onTransitionEnd_.bind(this); + this.refresh = throttle$1(this.refresh.bind(this), REFRESH_DELAY); +}; + +/** + * Adds observer to observers list. + * + * @param {ResizeObserverSPI} observer - Observer to be added. + * @returns {void} + */ + +/** + * Holds reference to the controller's instance. + * + * @private {ResizeObserverController} + */ + +/** + * Keeps reference to the instance of MutationObserver. + * + * @private {MutationObserver} + */ + +/** + * Indicates whether DOM listeners have been added. + * + * @private {boolean} + */ +ResizeObserverController.prototype.addObserver = function (observer) { + if (!~this.observers_.indexOf(observer)) { + this.observers_.push(observer); + } + + // Add listeners if they haven't been added yet. + if (!this.connected_) { + this.connect_(); + } +}; + +/** + * Removes observer from observers list. + * + * @param {ResizeObserverSPI} observer - Observer to be removed. + * @returns {void} + */ +ResizeObserverController.prototype.removeObserver = function (observer) { + const observers = this.observers_; + const index = observers.indexOf(observer); + + // Remove observer if it's present in registry. + if (~index) { + observers.splice(index, 1); + } + + // Remove listeners if controller has no connected observers. + if (!observers.length && this.connected_) { + this.disconnect_(); + } +}; + +/** + * Invokes the update of observers. It will continue running updates insofar + * it detects changes. + * + * @returns {void} + */ +ResizeObserverController.prototype.refresh = function () { + const changesDetected = this.updateObservers_(); + + // Continue running updates if changes have been detected as there might + // be future ones caused by CSS transitions. + if (changesDetected) { + this.refresh(); + } +}; + +/** + * Updates every observer from observers list and notifies them of queued + * entries. + * + * @private + * @returns {boolean} Returns "true" if any observer has detected changes in + * dimensions of it's elements. + */ +ResizeObserverController.prototype.updateObservers_ = function () { + // Collect observers that have active observations. + const activeObservers = this.observers_.filter( + (observer) => (observer.gatherActive(), observer.hasActive()) + ); + + // Deliver notifications in a separate cycle in order to avoid any + // collisions between observers, e.g. when multiple instances of + // ResizeObserver are tracking the same element and the callback of one + // of them changes content dimensions of the observed target. Sometimes + // this may result in notifications being blocked for the rest of observers. + activeObservers.forEach((observer) => observer.broadcastActive()); + + return activeObservers.length > 0; +}; + +/** + * Initializes DOM listeners. + * + * @private + * @returns {void} + */ +ResizeObserverController.prototype.connect_ = function () { + // Do nothing if running in a non-browser environment or if listeners + // have been already added. + if (!isBrowser || this.connected_) { + return; + } + + // Subscription to the "Transitionend" event is used as a workaround for + // delayed transitions. This way it's possible to capture at least the + // final state of an element. + document.addEventListener("transitionend", this.onTransitionEnd_); + + window.addEventListener("resize", this.refresh); + + if (mutationObserverSupported) { + this.mutationsObserver_ = new MutationObserver(this.refresh); + + this.mutationsObserver_.observe(document, { + attributes: true, + childList: true, + characterData: true, + subtree: true, + }); + } else { + document.addEventListener("DOMSubtreeModified", this.refresh); + + this.mutationEventsAdded_ = true; + } + + this.connected_ = true; +}; + +/** + * Removes DOM listeners. + * + * @private + * @returns {void} + */ +ResizeObserverController.prototype.disconnect_ = function () { + // Do nothing if running in a non-browser environment or if listeners + // have been already removed. + if (!isBrowser || !this.connected_) { + return; + } + + document.removeEventListener("transitionend", this.onTransitionEnd_); + window.removeEventListener("resize", this.refresh); + + if (this.mutationsObserver_) { + this.mutationsObserver_.disconnect(); + } + + if (this.mutationEventsAdded_) { + document.removeEventListener("DOMSubtreeModified", this.refresh); + } + + this.mutationsObserver_ = null; + this.mutationEventsAdded_ = false; + this.connected_ = false; +}; + +/** + * "Transitionend" event handler. + * + * @private + * @param {TransitionEvent} event + * @returns {void} + */ +ResizeObserverController.prototype.onTransitionEnd_ = function (ref) { + let propertyName = ref.propertyName; + if (propertyName === void 0) propertyName = ""; + + // Detect whether transition may affect dimensions of an element. + const isReflowProperty = transitionKeys.some( + (key) => !!~propertyName.indexOf(key) + ); + + if (isReflowProperty) { + this.refresh(); + } +}; + +/** + * Returns instance of the ResizeObserverController. + * + * @returns {ResizeObserverController} + */ +ResizeObserverController.getInstance = function () { + if (!this.instance_) { + this.instance_ = new ResizeObserverController(); + } + + return this.instance_; +}; + +ResizeObserverController.instance_ = null; + +/** + * Defines non-writable/enumerable properties of the provided target object. + * + * @param {Object} target - Object for which to define properties. + * @param {Object} props - Properties to be defined. + * @returns {Object} Target object. + */ +const defineConfigurable = (target, props) => { + for (let i = 0, list = Object.keys(props); i < list.length; i += 1) { + const key = list[i]; + + Object.defineProperty(target, key, { + value: props[key], + enumerable: false, + writable: false, + configurable: true, + }); + } + + return target; +}; + +/** + * Returns the global object associated with provided element. + * + * @param {Object} target + * @returns {Object} + */ +const getWindowOf = (target) => { + // Assume that the element is an instance of Node, which means that it + // has the "ownerDocument" property from which we can retrieve a + // corresponding global object. + const ownerGlobal = target?.ownerDocument?.defaultView; + + // Return the local global object if it's not possible extract one from + // provided element. + return ownerGlobal || global$1; +}; + +// Placeholder of an empty content rectangle. +const emptyRect = createRectInit(0, 0, 0, 0); + +/** + * Converts provided string to a number. + * + * @param {number|string} value + * @returns {number} + */ +function toFloat(value) { + return parseFloat(value) || 0; +} + +/** + * Extracts borders size from provided styles. + * + * @param {CSSStyleDeclaration} styles + * @param {...string} positions - Borders positions (top, right, ...) + * @returns {number} + */ +function getBordersSize(styles) { + let positions = [], + len = arguments.length - 1; + while (len-- > 0) positions[len] = arguments[len + 1]; + + return positions.reduce((size, position) => { + const value = styles[`border-${position}-width`]; + + return size + toFloat(value); + }, 0); +} + +/** + * Extracts paddings sizes from provided styles. + * + * @param {CSSStyleDeclaration} styles + * @returns {Object} Paddings box. + */ +function getPaddings(styles) { + const positions = ["top", "right", "bottom", "left"]; + const paddings = {}; + + for (let i = 0, list = positions; i < list.length; i += 1) { + const position = list[i]; + + const value = styles[`padding-${position}`]; + + paddings[position] = toFloat(value); + } + + return paddings; +} + +/** + * Calculates content rectangle of provided SVG element. + * + * @param {SVGGraphicsElement} target - Element content rectangle of which needs + * to be calculated. + * @returns {DOMRectInit} + */ +function getSVGContentRect(target) { + const bbox = target.getBBox(); + + return createRectInit(0, 0, bbox.width, bbox.height); +} + +/** + * Calculates content rectangle of provided HTMLElement. + * + * @param {HTMLElement} target - Element for which to calculate the content rectangle. + * @returns {DOMRectInit} + */ +function getHTMLElementContentRect(target) { + // Client width & height properties can't be + // used exclusively as they provide rounded values. + const clientWidth = target.clientWidth; + const clientHeight = target.clientHeight; + + // By this condition we can catch all non-replaced inline, hidden and + // detached elements. Though elements with width & height properties less + // than 0.5 will be discarded as well. + // + // Without it we would need to implement separate methods for each of + // those cases and it's not possible to perform a precise and performance + // effective test for hidden elements. E.g. even jQuery's ':visible' filter + // gives wrong results for elements with width & height less than 0.5. + if (!clientWidth && !clientHeight) { + return emptyRect; + } + + const styles = getWindowOf(target).getComputedStyle(target); + const paddings = getPaddings(styles); + const horizPad = paddings.left + paddings.right; + const vertPad = paddings.top + paddings.bottom; + + // Computed styles of width & height are being used because they are the + // only dimensions available to JS that contain non-rounded values. It could + // be possible to utilize the getBoundingClientRect if only it's data wasn't + // affected by CSS transformations let alone paddings, borders and scroll bars. + let width = toFloat(styles.width), + height = toFloat(styles.height); + + // Width & height include paddings and borders when the 'border-box' box + // model is applied (except for IE). + if (styles.boxSizing === "border-box") { + // Following conditions are required to handle Internet Explorer which + // doesn't include paddings and borders to computed CSS dimensions. + // + // We can say that if CSS dimensions + paddings are equal to the "client" + // properties then it's either IE, and thus we don't need to subtract + // anything, or an element merely doesn't have paddings/borders styles. + if (Math.round(width + horizPad) !== clientWidth) { + width -= getBordersSize(styles, "left", "right") + horizPad; + } + + if (Math.round(height + vertPad) !== clientHeight) { + height -= getBordersSize(styles, "top", "bottom") + vertPad; + } + } + + // Following steps can't be applied to the document's root element as its + // client[Width/Height] properties represent viewport area of the window. + // Besides, it's as well not necessary as the itself neither has + // rendered scroll bars nor it can be clipped. + if (!isDocumentElement(target)) { + // In some browsers (only in Firefox, actually) CSS width & height + // include scroll bars size which can be removed at this step as scroll + // bars are the only difference between rounded dimensions + paddings + // and "client" properties, though that is not always true in Chrome. + const vertScrollbar = Math.round(width + horizPad) - clientWidth; + const horizScrollbar = Math.round(height + vertPad) - clientHeight; + + // Chrome has a rather weird rounding of "client" properties. + // E.g. for an element with content width of 314.2px it sometimes gives + // the client width of 315px and for the width of 314.7px it may give + // 314px. And it doesn't happen all the time. So just ignore this delta + // as a non-relevant. + if (Math.abs(vertScrollbar) !== 1) { + width -= vertScrollbar; + } + + if (Math.abs(horizScrollbar) !== 1) { + height -= horizScrollbar; + } + } + + return createRectInit(paddings.left, paddings.top, width, height); +} + +/** + * Checks whether provided element is an instance of the SVGGraphicsElement. + * + * @param {Element} target - Element to be checked. + * @returns {boolean} + */ +const isSVGGraphicsElement = (() => { + // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement + // interface. + if (typeof SVGGraphicsElement !== "undefined") { + return (target) => target instanceof getWindowOf(target).SVGGraphicsElement; + } + + // If it's so, then check that element is at least an instance of the + // SVGElement and that it has the "getBBox" method. + // eslint-disable-next-line no-extra-parens + return (target) => + target instanceof getWindowOf(target).SVGElement && + typeof target.getBBox === "function"; +})(); + +/** + * Checks whether provided element is a document element (). + * + * @param {Element} target - Element to be checked. + * @returns {boolean} + */ +function isDocumentElement(target) { + return target === getWindowOf(target).document.documentElement; +} + +/** + * Calculates an appropriate content rectangle for provided html or svg element. + * + * @param {Element} target - Element content rectangle of which needs to be calculated. + * @returns {DOMRectInit} + */ +function getContentRect(target) { + if (!isBrowser) { + return emptyRect; + } + + if (isSVGGraphicsElement(target)) { + return getSVGContentRect(target); + } + + return getHTMLElementContentRect(target); +} + +/** + * Creates rectangle with an interface of the DOMRectReadOnly. + * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly + * + * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions. + * @returns {DOMRectReadOnly} + */ +function createReadOnlyRect(ref) { + const x = ref.x; + const y = ref.y; + const width = ref.width; + const height = ref.height; + + // If DOMRectReadOnly is available use it as a prototype for the rectangle. + const Constr = + typeof DOMRectReadOnly !== "undefined" ? DOMRectReadOnly : Object; + const rect = Object.create(Constr.prototype); + + // Rectangle's properties are not writable and non-enumerable. + defineConfigurable(rect, { + x: x, + y: y, + width: width, + height: height, + top: y, + right: x + width, + bottom: height + y, + left: x, + }); + + return rect; +} + +/** + * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates. + * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit + * + * @param {number} x - X coordinate. + * @param {number} y - Y coordinate. + * @param {number} width - Rectangle's width. + * @param {number} height - Rectangle's height. + * @returns {DOMRectInit} + */ +function createRectInit(x, y, width, height) { + return { x: x, y: y, width: width, height: height }; +} + +/** + * Class that is responsible for computations of the content rectangle of + * provided DOM element and for keeping track of it's changes. + */ +const ResizeObservation = function (target) { + this.broadcastWidth = 0; + this.broadcastHeight = 0; + this.contentRect_ = createRectInit(0, 0, 0, 0); + + this.target = target; +}; + +/** + * Updates content rectangle and tells whether it's width or height properties + * have changed since the last broadcast. + * + * @returns {boolean} + */ + +/** + * Reference to the last observed content rectangle. + * + * @private {DOMRectInit} + */ + +/** + * Broadcasted width of content rectangle. + * + * @type {number} + */ +ResizeObservation.prototype.isActive = function () { + const rect = getContentRect(this.target); + + this.contentRect_ = rect; + + return ( + rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight + ); +}; + +/** + * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data + * from the corresponding properties of the last observed content rectangle. + * + * @returns {DOMRectInit} Last observed content rectangle. + */ +ResizeObservation.prototype.broadcastRect = function () { + const rect = this.contentRect_; + + this.broadcastWidth = rect.width; + this.broadcastHeight = rect.height; + + return rect; +}; + +const ResizeObserverEntry = function (target, rectInit) { + const contentRect = createReadOnlyRect(rectInit); + + // According to the specification following properties are not writable + // and are also not enumerable in the native implementation. + // + // Property accessors are not being used as they'd require to define a + // private WeakMap storage which may cause memory leaks in browsers that + // don't support this type of collections. + defineConfigurable(this, { target: target, contentRect: contentRect }); +}; + +const ResizeObserverSPI = function (callback, controller, callbackCtx) { + this.activeObservations_ = []; + this.observations_ = new MapShim(); + + if (typeof callback !== "function") { + throw new TypeError( + "The callback provided as parameter 1 is not a function." + ); + } + + this.callback_ = callback; + this.controller_ = controller; + this.callbackCtx_ = callbackCtx; +}; + +/** + * Starts observing provided element. + * + * @param {Element} target - Element to be observed. + * @returns {void} + */ + +/** + * Registry of the ResizeObservation instances. + * + * @private {Map} + */ + +/** + * Public ResizeObserver instance which will be passed to the callback + * function and used as a value of it's "this" binding. + * + * @private {ResizeObserver} + */ + +/** + * Collection of resize observations that have detected changes in dimensions + * of elements. + * + * @private {Array} + */ +ResizeObserverSPI.prototype.observe = function (target) { + if (!arguments.length) { + throw new TypeError("1 argument required, but only 0 present."); + } + + // Do nothing if current environment doesn't have the Element interface. + if (typeof Element === "undefined" || !(Element instanceof Object)) { + return; + } + + if (!(target instanceof getWindowOf(target).Element)) { + throw new TypeError('parameter 1 is not of type "Element".'); + } + + const observations = this.observations_; + + // Do nothing if element is already being observed. + if (observations.has(target)) { + return; + } + + observations.set(target, new ResizeObservation(target)); + + this.controller_.addObserver(this); + + // Force the update of observations. + this.controller_.refresh(); +}; + +/** + * Stops observing provided element. + * + * @param {Element} target - Element to stop observing. + * @returns {void} + */ +ResizeObserverSPI.prototype.unobserve = function (target) { + if (!arguments.length) { + throw new TypeError("1 argument required, but only 0 present."); + } + + // Do nothing if current environment doesn't have the Element interface. + if (typeof Element === "undefined" || !(Element instanceof Object)) { + return; + } + + if (!(target instanceof getWindowOf(target).Element)) { + throw new TypeError('parameter 1 is not of type "Element".'); + } + + const observations = this.observations_; + + // Do nothing if element is not being observed. + if (!observations.has(target)) { + return; + } + + observations.delete(target); + + if (!observations.size) { + this.controller_.removeObserver(this); + } +}; + +/** + * Stops observing all elements. + * + * @returns {void} + */ +ResizeObserverSPI.prototype.disconnect = function () { + this.clearActive(); + this.observations_.clear(); + this.controller_.removeObserver(this); +}; + +/** + * Collects observation instances the associated element of which has changed + * it's content rectangle. + * + * @returns {void} + */ +ResizeObserverSPI.prototype.gatherActive = function () { + this.clearActive(); + + this.observations_.forEach((observation) => { + if (observation.isActive()) { + this.activeObservations_.push(observation); + } + }); +}; + +/** + * Invokes initial callback function with a list of ResizeObserverEntry + * instances collected from active resize observations. + * + * @returns {void} + */ +ResizeObserverSPI.prototype.broadcastActive = function () { + // Do nothing if observer doesn't have active observations. + if (!this.hasActive()) { + return; + } + + const ctx = this.callbackCtx_; + + // Create ResizeObserverEntry instance for every active observation. + const entries = this.activeObservations_.map( + (observation) => + new ResizeObserverEntry(observation.target, observation.broadcastRect()) + ); + + this.callback_.call(ctx, entries, ctx); + this.clearActive(); +}; + +/** + * Clears the collection of active observations. + * + * @returns {void} + */ +ResizeObserverSPI.prototype.clearActive = function () { + this.activeObservations_.splice(0); +}; + +/** + * Tells whether observer has active observations. + * + * @returns {boolean} + */ +ResizeObserverSPI.prototype.hasActive = function () { + return this.activeObservations_.length > 0; +}; + +// Registry of internal observers. If WeakMap is not available use current shim +// for the Map collection as it has all required methods and because WeakMap +// can't be fully polyfilled anyway. +const observers = + typeof WeakMap !== "undefined" ? new WeakMap() : new MapShim(); + +/** + * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation + * exposing only those methods and properties that are defined in the spec. + */ +const ResizeObserver = function (callback) { + if (!(this instanceof ResizeObserver)) { + throw new TypeError("Cannot call a class as a function."); + } + if (!arguments.length) { + throw new TypeError("1 argument required, but only 0 present."); + } + + const controller = ResizeObserverController.getInstance(); + const observer = new ResizeObserverSPI(callback, controller, this); + + observers.set(this, observer); +}; + +// Expose public methods of ResizeObserver. +["observe", "unobserve", "disconnect"].forEach((method) => { + ResizeObserver.prototype[method] = function () { + return (ref = observers.get(this))[method].apply(ref, arguments); + let ref; + }; +}); + +const index = (() => { + // Export existing implementation if available. + if (typeof global$1.ResizeObserver !== "undefined") { + return global$1.ResizeObserver; + } + + return ResizeObserver; +})(); + +const canUseDOM = !!( + typeof window !== "undefined" && + window.document && + window.document.createElement +); + +const canUseDom = canUseDOM; + +const SimpleBar = + /*#__PURE__*/ + (() => { + function SimpleBar(element, options) { + _classCallCheck(this, SimpleBar); + + this.onScrollX = () => { + if (!this.scrollXTicking) { + window.requestAnimationFrame(this.scrollX); + this.scrollXTicking = true; + } + }; + + this.onScrollY = () => { + if (!this.scrollYTicking) { + window.requestAnimationFrame(this.scrollY); + this.scrollYTicking = true; + } + }; + + this.scrollX = () => { + this.showScrollbar("x"); + + this.positionScrollbar("x"); + + this.scrollXTicking = false; + }; + + this.scrollY = () => { + this.showScrollbar("y"); + + this.positionScrollbar("y"); + + this.scrollYTicking = false; + }; + + this.onMouseEnter = () => { + this.showScrollbar("x"); + + this.showScrollbar("y"); + }; + + this.onMouseMove = (e) => { + const bboxY = this.trackY.getBoundingClientRect(); + + const bboxX = this.trackX.getBoundingClientRect(); + + this.mouseX = e.clientX; + this.mouseY = e.clientY; + + if (this.isWithinBounds(bboxY)) { + this.showScrollbar("y"); + } + + if (this.isWithinBounds(bboxX)) { + this.showScrollbar("x"); + } + }; + + this.onWindowResize = () => { + this.hideNativeScrollbar(); + }; + + this.hideScrollbars = () => { + const bboxY = this.trackY.getBoundingClientRect(); + + const bboxX = this.trackX.getBoundingClientRect(); + + if (!this.isWithinBounds(bboxY)) { + this.scrollbarY.classList.remove("visible"); + + this.isVisible.y = false; + } + + if (!this.isWithinBounds(bboxX)) { + this.scrollbarX.classList.remove("visible"); + + this.isVisible.x = false; + } + }; + + this.onMouseDown = (e) => { + const bboxY = this.scrollbarY.getBoundingClientRect(); + + const bboxX = this.scrollbarX.getBoundingClientRect(); + + if (this.isWithinBounds(bboxY)) { + e.preventDefault(); + + this.onDrag(e, "y"); + } + + if (this.isWithinBounds(bboxX)) { + e.preventDefault(); + + this.onDrag(e, "x"); + } + }; + + this.drag = (e) => { + let eventOffset, track, scrollEl; + e.preventDefault(); + + if (this.currentAxis === "y") { + eventOffset = e.pageY; + track = this.trackY; + scrollEl = this.scrollContentEl; + } else { + eventOffset = e.pageX; + track = this.trackX; + scrollEl = this.contentEl; + } // Calculate how far the user's mouse is from the top/left of the scrollbar (minus the dragOffset). + + const dragPos = + eventOffset - + track.getBoundingClientRect()[this.offsetAttr[this.currentAxis]] - + this.dragOffset[this.currentAxis]; // Convert the mouse position into a percentage of the scrollbar height/width. + + const dragPerc = dragPos / track[this.sizeAttr[this.currentAxis]]; // Scroll the content by the same percentage. + + const scrollPos = + dragPerc * this.contentEl[this.scrollSizeAttr[this.currentAxis]]; + scrollEl[this.scrollOffsetAttr[this.currentAxis]] = scrollPos; + }; + + this.onEndDrag = () => { + document.removeEventListener("mousemove", this.drag); + document.removeEventListener("mouseup", this.onEndDrag); + }; + + this.el = element; + this.flashTimeout; + this.contentEl; + this.scrollContentEl; + this.dragOffset = { + x: 0, + y: 0, + }; + this.isEnabled = { + x: true, + y: true, + }; + this.isVisible = { + x: false, + y: false, + }; + this.scrollOffsetAttr = { + x: "scrollLeft", + y: "scrollTop", + }; + this.sizeAttr = { + x: "offsetWidth", + y: "offsetHeight", + }; + this.scrollSizeAttr = { + x: "scrollWidth", + y: "scrollHeight", + }; + this.offsetAttr = { + x: "left", + y: "top", + }; + this.handleSize = { + x: 0, + y: 0, + }; + this.globalObserver; + this.mutationObserver; + this.resizeObserver; + this.currentAxis; + this.scrollbarWidth; + this.options = Object.assign({}, SimpleBar.defaultOptions, options); + this.isRtl = this.options.direction === "rtl"; + this.classNames = this.options.classNames; + this.offsetSize = 20; + this.recalculateImmediate = this.recalculate.bind(this); + this.recalculate = lodash_throttle(this.recalculate.bind(this), 1000); + this.onMouseMove = lodash_throttle(this.onMouseMove.bind(this), 100); + this.init(); + } + + _createClass( + SimpleBar, + [ + { + key: "init", + value: function init() { + // Save a reference to the instance, so we know this DOM node has already been instancied + this.el.SimpleBar = this; + this.initDOM(); // We stop here on server-side + + if (canUseDom) { + // Calculate content size + this.hideNativeScrollbar(); + this.render(); + this.initListeners(); + } + }, + }, + { + key: "initDOM", + value: function initDOM() { + // make sure this element doesn't have the elements yet + if ( + Array.from(this.el.children).filter((child) => + child.classList.contains(this.classNames.scrollContent) + ).length + ) { + // assume that element has his DOM already initiated + this.trackX = this.el.querySelector( + ".".concat(this.classNames.track, ".horizontal") + ); + this.trackY = this.el.querySelector( + ".".concat(this.classNames.track, ".vertical") + ); + this.scrollContentEl = this.el.querySelector( + ".".concat(this.classNames.scrollContent) + ); + this.contentEl = this.el.querySelector( + ".".concat(this.classNames.content) + ); + } else { + // Prepare DOM + this.scrollContentEl = document.createElement("div"); + this.contentEl = document.createElement("div"); + this.scrollContentEl.classList.add(this.classNames.scrollContent); + this.contentEl.classList.add(this.classNames.content); + + while (this.el.firstChild) { + this.contentEl.appendChild(this.el.firstChild); + } + + this.scrollContentEl.appendChild(this.contentEl); + this.el.appendChild(this.scrollContentEl); + } + + if (!this.trackX || !this.trackY) { + const track = document.createElement("div"); + const scrollbar = document.createElement("div"); + track.classList.add(this.classNames.track); + scrollbar.classList.add(this.classNames.scrollbar); + + if (!this.options.autoHide) { + scrollbar.classList.add("visible"); + } + + track.appendChild(scrollbar); + this.trackX = track.cloneNode(true); + this.trackX.classList.add("horizontal"); + this.trackY = track.cloneNode(true); + this.trackY.classList.add("vertical"); + this.el.insertBefore(this.trackX, this.el.firstChild); + this.el.insertBefore(this.trackY, this.el.firstChild); + } + + this.scrollbarX = this.trackX.querySelector( + ".".concat(this.classNames.scrollbar) + ); + this.scrollbarY = this.trackY.querySelector( + ".".concat(this.classNames.scrollbar) + ); + this.el.setAttribute("data-simplebar", "init"); + }, + }, + { + key: "initListeners", + value: function initListeners() { + // Event listeners + if (this.options.autoHide) { + this.el.addEventListener("mouseenter", this.onMouseEnter); + } + + this.el.addEventListener("mousedown", this.onMouseDown); + this.el.addEventListener("mousemove", this.onMouseMove); + this.contentEl.addEventListener("scroll", this.onScrollX); + this.scrollContentEl.addEventListener("scroll", this.onScrollY); // Browser zoom triggers a window resize + + window.addEventListener("resize", this.onWindowResize); // MutationObserver is IE11+ + + if (typeof MutationObserver !== "undefined") { + // create an observer instance + this.mutationObserver = new MutationObserver((mutations) => { + mutations.forEach((mutation) => { + if ( + this.isChildNode(mutation.target) || + mutation.addedNodes.length + ) { + this.recalculate(); + } + }); + }); // pass in the target node, as well as the observer options + + this.mutationObserver.observe(this.el, { + attributes: true, + childList: true, + characterData: true, + subtree: true, + }); + } + + this.resizeObserver = new index(this.recalculate); + this.resizeObserver.observe(this.el); + }, + /** + * Recalculate scrollbar + */ + }, + { + key: "recalculate", + value: function recalculate() { + this.render(); + }, + }, + { + key: "render", + value: function render() { + this.contentSizeX = this.contentEl[this.scrollSizeAttr.x]; + this.contentSizeY = + this.contentEl[this.scrollSizeAttr.y] - + (this.scrollbarWidth || this.offsetSize); + this.trackXSize = this.trackX[this.sizeAttr.x]; + this.trackYSize = this.trackY[this.sizeAttr.y]; // Set isEnabled to false if scrollbar is not necessary (content is shorter than wrapper) + + this.isEnabled.x = this.trackXSize < this.contentSizeX; + this.isEnabled.y = this.trackYSize < this.contentSizeY; + this.resizeScrollbar("x"); + this.resizeScrollbar("y"); + this.positionScrollbar("x"); + this.positionScrollbar("y"); + this.toggleTrackVisibility("x"); + this.toggleTrackVisibility("y"); + }, + /** + * Resize scrollbar + */ + }, + { + key: "resizeScrollbar", + value: function resizeScrollbar() { + const axis = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : "y"; + let scrollbar; + let contentSize; + let trackSize; + + if (!this.isEnabled[axis] && !this.options.forceVisible) { + return; + } + + if (axis === "x") { + scrollbar = this.scrollbarX; + contentSize = this.contentSizeX; + trackSize = this.trackXSize; + } else { + // 'y' + scrollbar = this.scrollbarY; + contentSize = this.contentSizeY; + trackSize = this.trackYSize; + } + + const scrollbarRatio = trackSize / contentSize; // Calculate new height/position of drag handle. + + this.handleSize[axis] = Math.max( + ~~(scrollbarRatio * trackSize), + this.options.scrollbarMinSize + ); + + if (this.options.scrollbarMaxSize) { + this.handleSize[axis] = Math.min( + this.handleSize[axis], + this.options.scrollbarMaxSize + ); + } + + if (axis === "x") { + scrollbar.style.width = "".concat(this.handleSize[axis], "px"); + } else { + scrollbar.style.height = "".concat(this.handleSize[axis], "px"); + } + }, + }, + { + key: "positionScrollbar", + value: function positionScrollbar() { + const axis = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : "y"; + let scrollbar; + let scrollOffset; + let contentSize; + let trackSize; + + if (axis === "x") { + scrollbar = this.scrollbarX; + scrollOffset = this.contentEl[this.scrollOffsetAttr[axis]]; // Either scrollTop() or scrollLeft(). + + contentSize = this.contentSizeX; + trackSize = this.trackXSize; + } else { + // 'y' + scrollbar = this.scrollbarY; + scrollOffset = this.scrollContentEl[this.scrollOffsetAttr[axis]]; // Either scrollTop() or scrollLeft(). + + contentSize = this.contentSizeY; + trackSize = this.trackYSize; + } + + const scrollPourcent = scrollOffset / (contentSize - trackSize); + const handleOffset = ~~( + (trackSize - this.handleSize[axis]) * + scrollPourcent + ); + + if (this.isEnabled[axis] || this.options.forceVisible) { + if (axis === "x") { + scrollbar.style.transform = "translate3d(".concat( + handleOffset, + "px, 0, 0)" + ); + } else { + scrollbar.style.transform = "translate3d(0, ".concat( + handleOffset, + "px, 0)" + ); + } + } + }, + }, + { + key: "toggleTrackVisibility", + value: function toggleTrackVisibility() { + const axis = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : "y"; + const track = axis === "y" ? this.trackY : this.trackX; + const scrollbar = axis === "y" ? this.scrollbarY : this.scrollbarX; + + if (this.isEnabled[axis] || this.options.forceVisible) { + track.style.visibility = "visible"; + } else { + track.style.visibility = "hidden"; + } // Even if forceVisible is enabled, scrollbar itself should be hidden + + if (this.options.forceVisible) { + if (this.isEnabled[axis]) { + scrollbar.style.visibility = "visible"; + } else { + scrollbar.style.visibility = "hidden"; + } + } + }, + }, + { + key: "hideNativeScrollbar", + value: function hideNativeScrollbar() { + // Recalculate scrollbarWidth in case it's a zoom + const offset = 20; // matched in style.css: [data-simplebar="init"] {...} + this.scrollbarWidth = scrollbarWidth(); + this.scrollContentEl.style[ + this.isRtl ? "paddingLeft" : "paddingRight" + ] = "".concat( + (this.scrollbarWidth || this.offsetSize) + offset, + "px" + ); + this.scrollContentEl.style.marginBottom = "-".concat( + this.scrollbarWidth * 2 || this.offsetSize, + "px" + ); + this.contentEl.style.paddingBottom = "".concat( + this.scrollbarWidth || this.offsetSize, + "px" + ); + + if (this.scrollbarWidth !== 0) { + this.contentEl.style[this.isRtl ? "marginLeft" : "marginRight"] = + "-".concat(offset, "px"); + } + }, + /** + * On scroll event handling + */ + }, + { + key: "showScrollbar", + + /** + * Show scrollbar + */ + value: function showScrollbar() { + const axis = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : "y"; + let scrollbar; // Scrollbar already visible + + if (this.isVisible[axis]) { + return; + } + + if (axis === "x") { + scrollbar = this.scrollbarX; + } else { + // 'y' + scrollbar = this.scrollbarY; + } + + if (this.isEnabled[axis]) { + scrollbar.classList.add("visible"); + this.isVisible[axis] = true; + } + + if (!this.options.autoHide) { + return; + } + + window.clearInterval(this.flashTimeout); + this.flashTimeout = window.setInterval( + this.hideScrollbars, + this.options.timeout + ); + }, + /** + * Hide Scrollbar + */ + }, + { + key: "onDrag", + + /** + * on scrollbar handle drag + */ + value: function onDrag(e) { + const axis = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : "y"; + // Preventing the event's default action stops text being + // selectable during the drag. + e.preventDefault(); + const scrollbar = axis === "y" ? this.scrollbarY : this.scrollbarX; // Measure how far the user's mouse is from the top of the scrollbar drag handle. + + const eventOffset = axis === "y" ? e.pageY : e.pageX; + this.dragOffset[axis] = + eventOffset - + scrollbar.getBoundingClientRect()[this.offsetAttr[axis]]; + this.currentAxis = axis; + document.addEventListener("mousemove", this.drag); + document.addEventListener("mouseup", this.onEndDrag); + }, + /** + * Drag scrollbar handle + */ + }, + { + key: "getScrollElement", + + /** + * Getter for original scrolling element + */ + value: function getScrollElement() { + const axis = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : "y"; + return axis === "y" ? this.scrollContentEl : this.contentEl; + }, + /** + * Getter for content element + */ + }, + { + key: "getContentElement", + value: function getContentElement() { + return this.contentEl; + }, + }, + { + key: "removeListeners", + value: function removeListeners() { + // Event listeners + if (this.options.autoHide) { + this.el.removeEventListener("mouseenter", this.onMouseEnter); + } + + this.scrollContentEl.removeEventListener("scroll", this.onScrollY); + this.contentEl.removeEventListener("scroll", this.onScrollX); + this.mutationObserver.disconnect(); + this.resizeObserver.disconnect(); + }, + /** + * UnMount mutation observer and delete SimpleBar instance from DOM element + */ + }, + { + key: "unMount", + value: function unMount() { + this.removeListeners(); + this.el.SimpleBar = null; + }, + /** + * Recursively walks up the parent nodes looking for this.el + */ + }, + { + key: "isChildNode", + value: function isChildNode(el) { + if (el === null) return false; + if (el === this.el) return true; + return this.isChildNode(el.parentNode); + }, + /** + * Check if mouse is within bounds + */ + }, + { + key: "isWithinBounds", + value: function isWithinBounds(bbox) { + return ( + this.mouseX >= bbox.left && + this.mouseX <= bbox.left + bbox.width && + this.mouseY >= bbox.top && + this.mouseY <= bbox.top + bbox.height + ); + }, + }, + ], + [ + { + key: "initHtmlApi", + value: function initHtmlApi() { + this.initDOMLoadedElements = this.initDOMLoadedElements.bind(this); // MutationObserver is IE11+ + + if (typeof MutationObserver !== "undefined") { + // Mutation observer to observe dynamically added elements + this.globalObserver = new MutationObserver((mutations) => { + mutations.forEach((mutation) => { + Array.from(mutation.addedNodes).forEach((addedNode) => { + if (addedNode.nodeType === 1) { + if (addedNode.hasAttribute("data-simplebar")) { + !addedNode.SimpleBar && + new SimpleBar( + addedNode, + SimpleBar.getElOptions(addedNode) + ); + } else { + Array.from( + addedNode.querySelectorAll("[data-simplebar]") + ).forEach((el) => { + !el.SimpleBar && + new SimpleBar(el, SimpleBar.getElOptions(el)); + }); + } + } + }); + Array.from(mutation.removedNodes).forEach((removedNode) => { + if (removedNode.nodeType === 1) { + if (removedNode.hasAttribute("data-simplebar")) { + removedNode.SimpleBar?.unMount(); + } else { + Array.from( + removedNode.querySelectorAll("[data-simplebar]") + ).forEach((el) => { + el.SimpleBar?.unMount(); + }); + } + } + }); + }); + }); + this.globalObserver.observe(document, { + childList: true, + subtree: true, + }); + } // Taken from jQuery `ready` function + // Instantiate elements already present on the page + + if ( + document.readyState === "complete" || + (document.readyState !== "loading" && + !document.documentElement.doScroll) + ) { + // Handle it asynchronously to allow scripts the opportunity to delay init + window.setTimeout(this.initDOMLoadedElements); + } else { + document.addEventListener( + "DOMContentLoaded", + this.initDOMLoadedElements + ); + window.addEventListener("load", this.initDOMLoadedElements); + } + }, // Helper function to retrieve options from element attributes + }, + { + key: "getElOptions", + value: function getElOptions(el) { + const options = Array.from(el.attributes).reduce( + (acc, attribute) => { + const option = attribute.name.match(/data-simplebar-(.+)/); + + if (option) { + const key = option[1].replace(/\W+(.)/g, (_x, chr) => + chr.toUpperCase() + ); + + switch (attribute.value) { + case "true": + acc[key] = true; + break; + + case "false": + acc[key] = false; + break; + + case undefined: + acc[key] = true; + break; + + default: + acc[key] = attribute.value; + } + } + + return acc; + }, + {} + ); + return options; + }, + }, + { + key: "removeObserver", + value: function removeObserver() { + this.globalObserver.disconnect(); + }, + }, + { + key: "initDOMLoadedElements", + value: function initDOMLoadedElements() { + document.removeEventListener( + "DOMContentLoaded", + this.initDOMLoadedElements + ); + window.removeEventListener("load", this.initDOMLoadedElements); + Array.from(document.querySelectorAll("[data-simplebar]")).forEach( + (el) => { + if (!el.SimpleBar) + new SimpleBar(el, SimpleBar.getElOptions(el)); + } + ); + }, + }, + { + key: "defaultOptions", + get: function get() { + return { + autoHide: true, + forceVisible: false, + classNames: { + content: "simplebar-content", + scrollContent: "simplebar-scroll-content", + scrollbar: "simplebar-scrollbar", + track: "simplebar-track", + }, + scrollbarMinSize: 25, + scrollbarMaxSize: 0, + direction: "ltr", + timeout: 1000, + }; + }, + }, + ] + ); + + return SimpleBar; + })(); + +if (canUseDom) { + SimpleBar.initHtmlApi(); +} + +export default SimpleBar; diff --git a/crawl-ref/source/webserver/client/game/src/debug.js b/crawl-ref/source/webserver/client/game/src/debug.js index 51ff304ffdb..58182bf471b 100644 --- a/crawl-ref/source/webserver/client/game/src/debug.js +++ b/crawl-ref/source/webserver/client/game/src/debug.js @@ -1,56 +1,52 @@ -define(["jquery", "client", "./dungeon_renderer", "./minimap", - "./monster_list", "./map_knowledge", "./enums", "./display", "exports", - "contrib/jquery.json"], -function ($, c, r, mm, ml, mk, enums, display, exports) { - "use strict"; - - exports.client = c; - exports.renderer = r; - exports.$ = $; - exports.minimap = mm; - exports.monster_list = ml; - exports.map_knowledge = mk; - exports.display = display; - - window.debug = exports; - - // Debug helper - exports.mark_cell = function (x, y, mark) - { - mark = mark || "m"; - - if (mk.get(x, y).t) - mk.get(x, y).t.mark = mark; - - r.render_loc(x, y); - } - exports.unmark_cell = function (x, y) - { - var cell = mk.get(x, y); - if (cell) - { - delete cell.t.mark; - } - - r.render_loc(x, y); - } - exports.mark_all = function () - { - var view = r.view; - for (var x = 0; x < r.cols; x++) - for (var y = 0; y < r.rows; y++) - mark_cell(view.x + x, view.y + y, (view.x + x) + "/" + (view.y + y)); - } - exports.unmark_all = function () - { - var view = r.view; - for (var x = 0; x < r.cols; x++) - for (var y = 0; y < r.rows; y++) - unmark_cell(view.x + x, view.y + y); - } - - exports.obj_to_str = function (o) - { - return $.toJSON(o); - } -}); +import $ from "jquery"; + +import c from "./client"; +import r from "./dungeon_renderer"; +import mm from "./minimap"; +import ml from "./monster_list"; +import mk from "./map_knowledge"; +import display from "./display"; + +const exports = {}; + +exports.client = c; +exports.renderer = r; +exports.$ = $; +exports.minimap = mm; +exports.monster_list = ml; +exports.map_knowledge = mk; +exports.display = display; + +window.debug = exports; + +// Debug helper +exports.mark_cell = (x, y, mark) => { + mark = mark || "m"; + + if (mk.get(x, y).t) mk.get(x, y).t.mark = mark; + + r.render_loc(x, y); +}; +exports.unmark_cell = (x, y) => { + const cell = mk.get(x, y); + if (cell) { + delete cell.t.mark; + } + + r.render_loc(x, y); +}; +exports.mark_all = () => { + const view = r.view; + for (let x = 0; x < r.cols; x++) + for (let y = 0; y < r.rows; y++) + mark_cell(view.x + x, view.y + y, `${view.x + x}/${view.y + y}`); +}; +exports.unmark_all = () => { + const view = r.view; + for (let x = 0; x < r.cols; x++) + for (let y = 0; y < r.rows; y++) unmark_cell(view.x + x, view.y + y); +}; + +exports.obj_to_str = (o) => $.toJSON(o); + +export default exports; diff --git a/crawl-ref/source/webserver/client/game/src/display.js b/crawl-ref/source/webserver/client/game/src/display.js index a834ab7451c..247cbc76f97 100644 --- a/crawl-ref/source/webserver/client/game/src/display.js +++ b/crawl-ref/source/webserver/client/game/src/display.js @@ -1,118 +1,102 @@ -define(["jquery", "comm", "./map_knowledge", "./view_data", "./monster_list", - "./minimap", "./dungeon_renderer"], -function ($, comm, map_knowledge, view_data, monster_list, minimap, - dungeon_renderer) { - "use strict"; - - function invalidate(minimap_too) - { - var b = map_knowledge.bounds(); - if (!b) return; - - var view = dungeon_renderer.view; - - var xs = minimap_too ? b.left : view.x; - var ys = minimap_too ? b.top : view.y; - var xe = minimap_too ? b.right : view.x + dungeon_renderer.cols - 1; - var ye = minimap_too ? b.bottom : view.y + dungeon_renderer.rows - 1; - for (var x = xs; x <= xe; x++) - for (var y = ys; y <= ye; y++) - { - map_knowledge.touch(x, y); - } - } +import $ from "jquery"; - function display() - { - // Update the display. - if (!map_knowledge.bounds()) - return; - - var t1 = new Date(); - - if (map_knowledge.reset_bounds_changed()) - minimap.center(); - - var dirty_locs = map_knowledge.dirty(); - for (var i = 0; i < dirty_locs.length; i++) - { - var loc = dirty_locs[i]; - var cell = map_knowledge.get(loc.x, loc.y); - cell.dirty = false; - monster_list.update_loc(loc); - dungeon_renderer.render_loc(loc.x, loc.y, cell); - minimap.update(loc.x, loc.y, cell); - } - map_knowledge.reset_dirty(); - - dungeon_renderer.animate(); - - monster_list.update(); - - var render_time = (new Date() - t1); - if (!window.render_times) - window.render_times = []; - if (window.render_times.length >= 20) - window.render_times.shift(); - window.render_times.push(render_time); - } +import comm from "./comm"; - function clear_map() - { - map_knowledge.clear(); +import map_knowledge from "./map_knowledge"; +import monster_list from "./monster_list"; +import minimap from "./minimap"; +import dungeon_renderer from "./dungeon_renderer"; - dungeon_renderer.clear(); +function invalidate(minimap_too) { + const b = map_knowledge.bounds(); + if (!b) return; - minimap.clear(); + const view = dungeon_renderer.view; - monster_list.clear(); + const xs = minimap_too ? b.left : view.x; + const ys = minimap_too ? b.top : view.y; + const xe = minimap_too ? b.right : view.x + dungeon_renderer.cols - 1; + const ye = minimap_too ? b.bottom : view.y + dungeon_renderer.rows - 1; + for (let x = xs; x <= xe; x++) + for (let y = ys; y <= ye; y++) { + map_knowledge.touch(x, y); } +} - // Message handlers - function handle_map_message(data) - { - if (data.clear) - clear_map(); - - if (data.player_on_level != null) - map_knowledge.set_player_on_level(data.player_on_level); - - if (data.vgrdc) - minimap.do_view_center_update(data.vgrdc.x, data.vgrdc.y); - - if (data.cells) - map_knowledge.merge(data.cells); - - // Mark cells overlapped by dirty cells as dirty - $.each(map_knowledge.dirty().slice(), function (i, loc) { - var cell = map_knowledge.get(loc.x, loc.y); - // high cell - if (cell.t && cell.t.sy && cell.t.sy < 0) - map_knowledge.touch(loc.x, loc.y - 1); - // left overlap - if (cell.t && cell.t.left_overlap && cell.t.left_overlap < 0) - { - map_knowledge.touch(loc.x - 1, loc.y); - // If we overlap at both top *and* left, we may additionally - // overlap diagonally. - if (cell.t.sy && cell.t.sy < 0) - map_knowledge.touch(loc.x - 1, loc.y - 1); - } - }); - - display(); - } +function display() { + // Update the display. + if (!map_knowledge.bounds()) return; + + const t1 = new Date(); + + if (map_knowledge.reset_bounds_changed()) minimap.center(); + + const dirty_locs = map_knowledge.dirty(); + for (let i = 0; i < dirty_locs.length; i++) { + const loc = dirty_locs[i]; + const cell = map_knowledge.get(loc.x, loc.y); + cell.dirty = false; + monster_list.update_loc(loc); + dungeon_renderer.render_loc(loc.x, loc.y, cell); + minimap.update(loc.x, loc.y, cell); + } + map_knowledge.reset_dirty(); + + dungeon_renderer.animate(); + + monster_list.update(); + + const render_time = Date.now() - t1; + if (!window.render_times) window.render_times = []; + if (window.render_times.length >= 20) window.render_times.shift(); + window.render_times.push(render_time); +} + +function clear_map() { + map_knowledge.clear(); - function handle_vgrdc(data) - { + dungeon_renderer.clear(); + + minimap.clear(); + + monster_list.clear(); +} + +// Message handlers +function handle_map_message(data) { + if (data.clear) clear_map(); + + if (data.player_on_level != null) + map_knowledge.set_player_on_level(data.player_on_level); + + if (data.vgrdc) minimap.do_view_center_update(data.vgrdc.x, data.vgrdc.y); + + if (data.cells) map_knowledge.merge(data.cells); + + // Mark cells overlapped by dirty cells as dirty + $.each(map_knowledge.dirty().slice(), (_i, loc) => { + const cell = map_knowledge.get(loc.x, loc.y); + // high cell + if (cell.t?.sy && cell.t.sy < 0) map_knowledge.touch(loc.x, loc.y - 1); + // left overlap + if (cell.t?.left_overlap && cell.t.left_overlap < 0) { + map_knowledge.touch(loc.x - 1, loc.y); + // If we overlap at both top *and* left, we may additionally + // overlap diagonally. + if (cell.t.sy && cell.t.sy < 0) map_knowledge.touch(loc.x - 1, loc.y - 1); } + }); - comm.register_handlers({ - "map": handle_map_message, - }); + display(); +} - return { - invalidate: invalidate, - display: display, - }; +function _handle_vgrdc(_data) {} + +comm.register_handlers({ + map: handle_map_message, }); + +export default { + invalidate: invalidate, + display: display, +}; diff --git a/crawl-ref/source/webserver/client/game/src/dungeon_renderer.js b/crawl-ref/source/webserver/client/game/src/dungeon_renderer.js index e926162fc82..d86d759a6b0 100644 --- a/crawl-ref/source/webserver/client/game/src/dungeon_renderer.js +++ b/crawl-ref/source/webserver/client/game/src/dungeon_renderer.js @@ -1,461 +1,441 @@ -define(["jquery", "comm", "./cell_renderer", "./map_knowledge", "./options", - "./tileinfo-dngn", "./util", "./view_data", "./enums", "./mouse_control"], -function ($, comm, cr, map_knowledge, options, dngn, util, view_data, enums, - mouse_control) { - "use strict"; - var global_anim_counter = 0; - - function is_torch(basetile) - { - return (basetile == dngn.WALL_BRICK_DARK_2_TORCH - || basetile == dngn.WALL_BRICK_DARK_4_TORCH - || basetile == dngn.WALL_BRICK_DARK_6_TORCH); - } - - function cell_is_animated(cell) - { - if (cell == null || cell.bg == null) return false; - var base_bg = dngn.basetile(cell.bg.value); - if (base_bg >= dngn.DNGN_LAVA && base_bg < dngn.FLOOR_MAX) - return options.get("tile_water_anim"); - else if ((base_bg >= dngn.DNGN_ENTER_ZOT_CLOSED && base_bg < dngn.DNGN_CACHE_OF_FRUIT) - || (base_bg >= dngn.DNGN_SILVER_STATUE && base_bg < dngn.ARCANE_CONDUIT) - || (base_bg >= dngn.ARCANE_CONDUIT && base_bg < dngn.STORM_CONDUIT) - || (base_bg >= dngn.WALL_STONE_CRACKLE_1 && base_bg <= dngn.WALL_STONE_CRACKLE_4) - || is_torch(base_bg) || base_bg == dngn.DNGN_TRAP_HARLEQUIN) - { - return options.get("tile_misc_anim"); +import $ from "jquery"; + +import comm from "./comm"; + +import cr from "./cell_renderer"; +import map_knowledge from "./map_knowledge"; +import options from "./options"; +import dngn from "../../../game_data/static/tileinfo-dngn"; +import util from "./util"; +import view_data from "./view_data"; +import enums from "./enums"; + +let global_anim_counter = 0; + +function is_torch(basetile) { + return ( + basetile === dngn.WALL_BRICK_DARK_2_TORCH || + basetile === dngn.WALL_BRICK_DARK_4_TORCH || + basetile === dngn.WALL_BRICK_DARK_6_TORCH + ); +} + +function cell_is_animated(cell) { + if (cell == null || cell.bg == null) return false; + const base_bg = dngn.basetile(cell.bg.value); + if (base_bg >= dngn.DNGN_LAVA && base_bg < dngn.FLOOR_MAX) + return options.get("tile_water_anim"); + else if ( + (base_bg >= dngn.DNGN_ENTER_ZOT_CLOSED && + base_bg < dngn.DNGN_CACHE_OF_FRUIT) || + (base_bg >= dngn.DNGN_SILVER_STATUE && base_bg < dngn.ARCANE_CONDUIT) || + (base_bg >= dngn.ARCANE_CONDUIT && base_bg < dngn.STORM_CONDUIT) || + (base_bg >= dngn.WALL_STONE_CRACKLE_1 && + base_bg <= dngn.WALL_STONE_CRACKLE_4) || + is_torch(base_bg) || + base_bg === dngn.DNGN_TRAP_HARLEQUIN + ) { + return options.get("tile_misc_anim"); + } else return false; +} + +function animate_cell(cell) { + const base_bg = dngn.basetile(cell.bg.value); + if ( + base_bg === dngn.DNGN_PORTAL_WIZARD_LAB || + base_bg === dngn.DNGN_EXIT_NECROPOLIS || + base_bg === dngn.DNGN_ALTAR_JIYVA || + base_bg === dngn.DNGN_TRAP_HARLEQUIN || + (base_bg >= dngn.ARCANE_CONDUIT && base_bg < dngn.STORM_CONDUIT) || + is_torch(base_bg) + ) { + cell.bg.value = + base_bg + ((cell.bg.value - base_bg + 1) % dngn.tile_count(base_bg)); + } else if ( + (base_bg > dngn.DNGN_LAVA && base_bg < dngn.BLOOD) || + (base_bg >= dngn.WALL_STONE_CRACKLE_1 && + base_bg <= dngn.WALL_STONE_CRACKLE_4) || + (base_bg >= dngn.DNGN_SILVER_STATUE && base_bg < dngn.ARCANE_CONDUIT) + ) { + cell.bg.value = + base_bg + Math.floor(Math.random() * dngn.tile_count(base_bg)); + } else if (base_bg === dngn.DNGN_LAVA) { + const tile = (cell.bg.value - base_bg) % 4; + cell.bg.value = + base_bg + ((tile + 4 * global_anim_counter) % dngn.tile_count(base_bg)); + } +} + +function DungeonViewRenderer() { + cr.DungeonCellRenderer.call(this); + + this.cols = 0; + this.rows = 0; + + this.view = { x: 0, y: 0 }; + this.view_center = { x: 0, y: 0 }; + this.ui_state = -1; + this.last_sent_cursor = { x: 0, y: 0 }; +} + +DungeonViewRenderer.prototype = new cr.DungeonCellRenderer(); + +$.extend(DungeonViewRenderer.prototype, { + init: function (element) { + $(element) + .off("update_cells mousemove mouseleave mousedown") + .on("update_cells", (_ev, cells) => { + $.each(cells, (_i, loc) => { + this.render_loc(loc.x, loc.y); + }); + }) + .on("mousemove mouseleave mousedown", (ev) => { + this.handle_mouse(ev); + }); + + cr.DungeonCellRenderer.prototype.init.call(this, element); + }, + + handle_mouse: function (ev) { + if (!options.get("tile_web_mouse_control")) return; + if (ev.type === "mouseleave") { + if (this.tooltip_timeout) { + clearTimeout(this.tooltip_timeout); + this.tooltip_timeout = null; + } + + view_data.remove_cursor(enums.CURSOR_MOUSE); + } else { + // convert logical mouse coordinates to device coordinates + const scaled = this.scaled_size(ev.clientX, ev.clientY); + const cell_size = this.scaled_size(); + const loc = { + x: Math.floor(scaled.width / cell_size.width) + this.view.x, + y: Math.floor(scaled.height / cell_size.height) + this.view.y, + }; + + view_data.place_cursor(enums.CURSOR_MOUSE, loc); + + if (game.can_target()) { + // XX refactor into mouse_control.js? + if ( + loc.x !== this.last_sent_cursor.x || + loc.y !== this.last_sent_cursor.y + ) { + this.last_sent_cursor = { x: loc.x, y: loc.y }; + comm.send_message("target_cursor", this.last_sent_cursor); } - else - return false; + } + + if (ev.type === "mousemove") { + if (this.tooltip_timeout) clearTimeout(this.tooltip_timeout); + + const element = this.element; + this.tooltip_timeout = setTimeout(() => { + const new_ev = $.extend({}, ev, { + type: "cell_tooltip", + cell: loc, + }); + $(element).trigger(new_ev); + }, 500); + } else if (ev.type === "mousedown") { + const new_ev = $.extend({}, ev, { + type: "cell_click", + cell: loc, + }); + $(this.element).trigger(new_ev); + } } - - function animate_cell(cell) - { - var base_bg = dngn.basetile(cell.bg.value); - if (base_bg == dngn.DNGN_PORTAL_WIZARD_LAB - || base_bg == dngn.DNGN_EXIT_NECROPOLIS - || base_bg == dngn.DNGN_ALTAR_JIYVA - || base_bg == dngn.DNGN_TRAP_HARLEQUIN - || base_bg >= dngn.ARCANE_CONDUIT && base_bg < dngn.STORM_CONDUIT - || is_torch(base_bg)) - { - cell.bg.value = base_bg + (cell.bg.value - base_bg + 1) % dngn.tile_count(base_bg); - } - else if ((base_bg > dngn.DNGN_LAVA && base_bg < dngn.BLOOD) || - (base_bg >= dngn.WALL_STONE_CRACKLE_1 && base_bg <= dngn.WALL_STONE_CRACKLE_4) || - (base_bg >= dngn.DNGN_SILVER_STATUE && base_bg < dngn.ARCANE_CONDUIT)) - { - cell.bg.value = base_bg + Math.floor(Math.random() * dngn.tile_count(base_bg)) - } - else if (base_bg == dngn.DNGN_LAVA) - { - var tile = (cell.bg.value - base_bg) % 4; - cell.bg.value = base_bg + (tile + 4 * global_anim_counter) % dngn.tile_count(base_bg); - } + }, + + set_size: function (c, r) { + if ( + this.cols === c && + this.rows === r && + this.element.width === c * this.cell_width && + this.element.height === r * this.cell_height + ) + return; + + this.cols = c; + this.rows = r; + this.view.x = this.view_center.x - Math.floor(c / 2); + this.view.y = this.view_center.y - Math.floor(r / 2); + util.init_canvas(this.element, c * this.cell_width, r * this.cell_height); + this.init(this.element); + this.clear(); // clear the canvas and override default alpha fill + }, + + set_view_center: function (x, y) { + this.view_center.x = x; + this.view_center.y = y; + const old_view = this.view; + this.view = { + x: x - Math.floor(this.cols / 2), + y: y - Math.floor(this.rows / 2), + }; + this.shift(this.view.x - old_view.x, this.view.y - old_view.y); + }, + + // convert grid coordinates/dimensions to scaled canvas coordinates + // by default, use map grid coordinates; set screen_grid to instead + // use the visible grid (with 0,0 in the upper left of the screen) + canvas_coords: function (cx, cy, cw, ch, screen_grid) { + const scaled_cell = this.scaled_size(); + cw = cw || 1; + ch = ch || 1; + cx = cx || 0; + cy = cy || 0; + if (!screen_grid) { + cx -= this.view.x; + cy -= this.view.y; + } + return { + x: cx * scaled_cell.width, + y: cy * scaled_cell.height, + width: cw * scaled_cell.width, + height: ch * scaled_cell.height, + }; + }, + + // Shifts the dungeon view by cx/cy cells. + shift: function (x, y) { + if (x === 0 && y === 0) return; + + if (x > this.cols) x = this.cols; + if (x < -this.cols) x = -this.cols; + if (y > this.rows) y = this.rows; + if (y < -this.rows) y = -this.rows; + + let sx, sy, dx, dy; + + if (x > 0) { + sx = x; + dx = 0; + } else { + sx = 0; + dx = -x; + } + if (y > 0) { + sy = y; + dy = 0; + } else { + sy = 0; + dy = -y; } - function DungeonViewRenderer() - { - cr.DungeonCellRenderer.call(this); + const cw = this.cols - Math.abs(x); + const ch = this.rows - Math.abs(y); + + const source = this.canvas_coords(sx, sy, cw, ch, true); + + if (source.width > 0 && source.height > 0) { + // copy from source to dest + // written a bit over-generally: don't really need to + // recalculate destination size, unless this function is + // ever used for rescaling + const dest = this.canvas_coords(dx, dy, cw, ch, true); + this.ctx.drawImage( + this.element, + source.x, + source.y, + source.width, + source.height, + dest.x, + dest.y, + dest.width, + dest.height + ); + } - this.cols = 0; - this.rows = 0; + // Render cells that came into view + for (let cy = 0; cy < dy; cy++) + for (let cx = 0; cx < this.cols; cx++) + this.render_grid_cell(cx + this.view.x, cy + this.view.y); - this.view = { x: 0, y: 0 }; - this.view_center = { x: 0, y: 0 }; - this.ui_state = -1; - this.last_sent_cursor = { x: 0, y: 0 }; + for (let cy = dy; cy < this.rows - sy; cy++) { + for (let cx = 0; cx < dx; cx++) + this.render_grid_cell(cx + this.view.x, cy + this.view.y); + for (let cx = this.cols - sx; cx < this.cols; cx++) + this.render_grid_cell(cx + this.view.x, cy + this.view.y); } - DungeonViewRenderer.prototype = new cr.DungeonCellRenderer(); - - $.extend(DungeonViewRenderer.prototype, { - init: function (element) - { - var renderer = this; - $(element) - .off("update_cells mousemove mouseleave mousedown") - .on("update_cells", function (ev, cells) { - $.each(cells, function (i, loc) { - renderer.render_loc(loc.x, loc.y); - }); - }) - .on("mousemove mouseleave mousedown", function (ev) { - renderer.handle_mouse(ev); - }) - - cr.DungeonCellRenderer.prototype.init.call(this, element); - }, - - handle_mouse: function (ev) - { - if (!options.get("tile_web_mouse_control")) - return; - if (ev.type === "mouseleave") - { - if (this.tooltip_timeout) - { - clearTimeout(this.tooltip_timeout); - this.tooltip_timeout = null; - } - - view_data.remove_cursor(enums.CURSOR_MOUSE); - } - else - { - // convert logical mouse coordinates to device coordinates - let scaled = this.scaled_size(ev.clientX, ev.clientY); - let cell_size = this.scaled_size(); - var loc = { - x: Math.floor(scaled.width / cell_size.width) + this.view.x, - y: Math.floor(scaled.height / cell_size.height) + this.view.y - }; - - view_data.place_cursor(enums.CURSOR_MOUSE, loc); - - if (game.can_target()) - { - // XX refactor into mouse_control.js? - if (loc.x != this.last_sent_cursor.x - || loc.y != this.last_sent_cursor.y) - { - this.last_sent_cursor = {x: loc.x, y: loc.y}; - comm.send_message("target_cursor", - this.last_sent_cursor); - } - } - - if (ev.type === "mousemove") - { - - if (this.tooltip_timeout) - clearTimeout(this.tooltip_timeout); - - var element = this.element; - this.tooltip_timeout = setTimeout(function () { - var new_ev = $.extend({}, ev, { - type: "cell_tooltip", - cell: loc - }); - $(element).trigger(new_ev); - }, 500); - } - else if (ev.type === "mousedown") - { - var new_ev = $.extend({}, ev, { - type: "cell_click", - cell: loc - }); - $(this.element).trigger(new_ev); - } - } - }, - - set_size: function (c, r) - { - if ((this.cols == c) && (this.rows == r) && - (this.element.width == c * this.cell_width) && - (this.element.height == r * this.cell_height)) - return; - - this.cols = c; - this.rows = r; - this.view.x = this.view_center.x - Math.floor(c / 2); - this.view.y = this.view_center.y - Math.floor(r / 2); - util.init_canvas(this.element, - c * this.cell_width, - r * this.cell_height); - this.init(this.element); - this.clear(); // clear the canvas and override default alpha fill - }, - - set_view_center: function(x, y) - { - this.view_center.x = x; - this.view_center.y = y; - var old_view = this.view; - this.view = { - x: x - Math.floor(this.cols / 2), - y: y - Math.floor(this.rows / 2) - }; - this.shift(this.view.x - old_view.x, this.view.y - old_view.y); - }, - - // convert grid coordinates/dimensions to scaled canvas coordinates - // by default, use map grid coordinates; set screen_grid to instead - // use the visible grid (with 0,0 in the upper left of the screen) - canvas_coords: function(cx, cy, cw, ch, screen_grid) - { - let scaled_cell = this.scaled_size(); - cw = cw || 1; - ch = ch || 1; - cx = cx || 0; - cy = cy || 0; - if (!screen_grid) - { - cx -= this.view.x; - cy -= this.view.y; - } - return { - x: cx * scaled_cell.width, - y: cy * scaled_cell.height, - width: cw * scaled_cell.width, - height: ch * scaled_cell.height - }; - }, - - // Shifts the dungeon view by cx/cy cells. - shift: function(x, y) - { - if ((x == 0) && (y == 0)) - return; - - if (x > this.cols) x = this.cols; - if (x < -this.cols) x = -this.cols; - if (y > this.rows) y = this.rows; - if (y < -this.rows) y = -this.rows; - - var sx, sy, dx, dy; - - if (x > 0) - { - sx = x; - dx = 0; - } - else - { - sx = 0; - dx = -x; - } - if (y > 0) - { - sy = y; - dy = 0; - } - else - { - sy = 0; - dy = -y; - } - - const cw = this.cols - Math.abs(x); - const ch = this.rows - Math.abs(y); - - let source = this.canvas_coords(sx, sy, cw, ch, true); - - if (source.width > 0 && source.height > 0) - { - // copy from source to dest - // written a bit over-generally: don't really need to - // recalculate destination size, unless this function is - // ever used for rescaling - let dest = this.canvas_coords(dx, dy, cw, ch, true); - this.ctx.drawImage(this.element, - source.x, source.y, source.width, source.height, - dest.x, dest.y, dest.width, dest.height); - } - - // Render cells that came into view - for (var cy = 0; cy < dy; cy++) - for (var cx = 0; cx < this.cols; cx++) - this.render_grid_cell(cx + this.view.x, cy + this.view.y); - - for (var cy = dy; cy < this.rows - sy; cy++) - { - for (var cx = 0; cx < dx; cx++) - this.render_grid_cell(cx + this.view.x, cy + this.view.y); - for (var cx = this.cols - sx; cx < this.cols; cx++) - this.render_grid_cell(cx + this.view.x, cy + this.view.y); - } - - for (var cy = this.rows - sy; cy < this.rows; cy++) - for (var cx = 0; cx < this.cols; cx++) - this.render_grid_cell(cx + this.view.x, cy + this.view.y); - }, - - fit_to: function(width, height, min_diameter) - { - var scale; - if (this.ui_state == enums.ui.VIEW_MAP) - scale = options.get("tile_map_scale"); - else - scale = options.get("tile_viewport_scale"); - var tile_size = Math.floor(options.get("tile_cell_pixels") - * scale / 100); - var cell_size = { - w: Math.floor(tile_size), - h: Math.floor(tile_size) - }; - - if (options.get("tile_display_mode") == "glyphs") - { - // TODO: this should rescale to ensure los, similar to tiles - this.glyph_mode_update_font_metrics(); - this.set_cell_size(this.glyph_mode_font_width, - this.glyph_mode_line_height); - } - else if ((min_diameter * cell_size.w > width) - || (min_diameter * cell_size.h > height)) - { - // TODO: this produces bad results in hybrid mode, because the - // font size isn't appropriately updated - // scale down if necessary, so that los is in view - var rescale = Math.min(width / (min_diameter * cell_size.w), - height / (min_diameter * cell_size.h)); - this.set_cell_size(Math.floor(cell_size.w * rescale), - Math.floor(cell_size.h * rescale)); - } - else - this.set_cell_size(cell_size.w, cell_size.h); - - var view_width = Math.floor(width / this.cell_width); - var view_height = Math.floor(height / this.cell_height); - this.set_size(view_width, view_height); - }, - - in_view: function(cx, cy) - { - return (cx >= this.view.x) && (this.view.x + this.cols > cx) && - (cy >= this.view.y) && (this.view.y + this.rows > cy); - }, - - // render a single cell on the map grid - render_grid_cell: function(cx, cy, map_cell, cell) - { - if (!this.in_view(cx, cy)) - return; - map_cell = map_cell || map_knowledge.get(cx, cy); - cell = cell || map_cell.t; - let scaled = this.canvas_coords(cx, cy); - this.render_cell(cx, cy, scaled.x, scaled.y, map_cell, cell); - }, - - // render a cell on the map grid, recursing as necessary based on - // overlaps with adjacent cells below/right - render_loc: function(cx, cy, map_cell) - { - this.render_grid_cell(cx, cy, map_cell); - - // Redraw the cell below if it overlapped - if (this.in_view(cx, cy + 1)) - { - let cell_below = map_knowledge.get(cx, cy + 1); - if (cell_below.t && cell_below.t.sy && (cell_below.t.sy < 0)) - this.render_loc(cx, cy + 1, cell_below); - } - // Redraw the cell to the right if it overlapped - if (this.in_view(cx + 1, cy)) - { - let cell_right = map_knowledge.get(cx + 1, cy); - if (cell_right.t && cell_right.t.left_overlap - && (cell_right.t.left_overlap < 0)) - { - this.render_loc(cx + 1, cy, cell_right); - } - } - // And the cell to the bottom-right if both overlapped - if (this.in_view(cx + 1, cy + 1)) - { - let cell_diag = map_knowledge.get(cx + 1, cy + 1); - if (cell_diag.t && cell_diag.t.sy && (cell_diag.t.sy < 0) - && cell_diag.t.left_overlap && (cell_diag.t.left_overlap < 0)) - { - this.render_loc(cx + 1, cy + 1, cell_diag); - } - } - }, - - animate: function () - { - global_anim_counter++; - if (global_anim_counter >= 65536) global_anim_counter = 0; - - for (var cy = this.view.y; cy < this.view.y + this.rows; ++cy) - for (var cx = this.view.x; cx < this.view.x + this.cols; ++cx) - { - var map_cell = map_knowledge.get(cx, cy); - var cell = map_cell.t; - if (map_knowledge.visible(map_cell) && cell_is_animated(cell)) - { - animate_cell(cell); - this.render_grid_cell(cx, cy, map_cell, cell); - } - } - }, - - // This is mostly here so that it can inherit cell size - new_renderer: function(tiles) - { - tiles = tiles || []; - var renderer = new cr.DungeonCellRenderer(); - var canvas = $(""); - renderer.set_cell_size(this.cell_width, - this.cell_height); - util.init_canvas(canvas[0], this.cell_width, this.cell_height); - renderer.init(canvas[0]); - renderer.draw_tiles(tiles); - - return renderer; - }, - - set_ui_state: function(s) - { - this.ui_state = s; - }, - - update_mouse_mode: function (m) - { - if (!game.can_target()) - this.last_sent_cursor = { x: 0, y: 0 }; - }, - }); - - var renderer = new DungeonViewRenderer(); - var anim_interval = null; - - function update_animation_interval() - { - if (anim_interval) - { - clearTimeout(anim_interval); - anim_interval = null; - } - if (options.get("tile_realtime_anim")) - { - anim_interval = setInterval(function () { - renderer.animate(); - }, 1000 / 4); - } + for (let cy = this.rows - sy; cy < this.rows; cy++) + for (let cx = 0; cx < this.cols; cx++) + this.render_grid_cell(cx + this.view.x, cy + this.view.y); + }, + + fit_to: function (width, height, min_diameter) { + let scale; + if (this.ui_state === enums.ui.VIEW_MAP) + scale = options.get("tile_map_scale"); + else scale = options.get("tile_viewport_scale"); + const tile_size = Math.floor( + (options.get("tile_cell_pixels") * scale) / 100 + ); + const cell_size = { + w: Math.floor(tile_size), + h: Math.floor(tile_size), + }; + + if (options.get("tile_display_mode") === "glyphs") { + // TODO: this should rescale to ensure los, similar to tiles + this.glyph_mode_update_font_metrics(); + this.set_cell_size( + this.glyph_mode_font_width, + this.glyph_mode_line_height + ); + } else if ( + min_diameter * cell_size.w > width || + min_diameter * cell_size.h > height + ) { + // TODO: this produces bad results in hybrid mode, because the + // font size isn't appropriately updated + // scale down if necessary, so that los is in view + const rescale = Math.min( + width / (min_diameter * cell_size.w), + height / (min_diameter * cell_size.h) + ); + this.set_cell_size( + Math.floor(cell_size.w * rescale), + Math.floor(cell_size.h * rescale) + ); + } else this.set_cell_size(cell_size.w, cell_size.h); + + const view_width = Math.floor(width / this.cell_width); + const view_height = Math.floor(height / this.cell_height); + this.set_size(view_width, view_height); + }, + + in_view: function (cx, cy) { + return ( + cx >= this.view.x && + this.view.x + this.cols > cx && + cy >= this.view.y && + this.view.y + this.rows > cy + ); + }, + + // render a single cell on the map grid + render_grid_cell: function (cx, cy, map_cell, cell) { + if (!this.in_view(cx, cy)) return; + map_cell = map_cell || map_knowledge.get(cx, cy); + cell = cell || map_cell.t; + const scaled = this.canvas_coords(cx, cy); + this.render_cell(cx, cy, scaled.x, scaled.y, map_cell, cell); + }, + + // render a cell on the map grid, recursing as necessary based on + // overlaps with adjacent cells below/right + render_loc: function (cx, cy, map_cell) { + this.render_grid_cell(cx, cy, map_cell); + + // Redraw the cell below if it overlapped + if (this.in_view(cx, cy + 1)) { + const cell_below = map_knowledge.get(cx, cy + 1); + if (cell_below.t?.sy && cell_below.t.sy < 0) + this.render_loc(cx, cy + 1, cell_below); + } + // Redraw the cell to the right if it overlapped + if (this.in_view(cx + 1, cy)) { + const cell_right = map_knowledge.get(cx + 1, cy); + if (cell_right.t?.left_overlap && cell_right.t.left_overlap < 0) { + this.render_loc(cx + 1, cy, cell_right); + } } + // And the cell to the bottom-right if both overlapped + if (this.in_view(cx + 1, cy + 1)) { + const cell_diag = map_knowledge.get(cx + 1, cy + 1); + if ( + cell_diag.t?.sy && + cell_diag.t.sy < 0 && + cell_diag.t.left_overlap && + cell_diag.t.left_overlap < 0 + ) { + this.render_loc(cx + 1, cy + 1, cell_diag); + } + } + }, + + animate: function () { + global_anim_counter++; + if (global_anim_counter >= 65536) global_anim_counter = 0; + + for (let cy = this.view.y; cy < this.view.y + this.rows; ++cy) + for (let cx = this.view.x; cx < this.view.x + this.cols; ++cx) { + const map_cell = map_knowledge.get(cx, cy); + const cell = map_cell.t; + if (map_knowledge.visible(map_cell) && cell_is_animated(cell)) { + animate_cell(cell); + this.render_grid_cell(cx, cy, map_cell, cell); + } + } + }, + + // This is mostly here so that it can inherit cell size + new_renderer: function (tiles) { + tiles = tiles || []; + const renderer = new cr.DungeonCellRenderer(); + const canvas = $(""); + renderer.set_cell_size(this.cell_width, this.cell_height); + util.init_canvas(canvas[0], this.cell_width, this.cell_height); + renderer.init(canvas[0]); + renderer.draw_tiles(tiles); - options.add_listener(update_animation_interval); - - $(document).off("game_init.dungeon_renderer"); - $(document).on("game_init.dungeon_renderer", function () { - renderer.cols = 0; - renderer.rows = 0; - renderer.view = { x: 0, y: 0 }; - renderer.view_center = { x: 0, y: 0 }; - - renderer.init($("#dungeon")[0]); - }); - - $(document).off("game_cleanup.dungeon_renderer") - .on("game_cleanup.dungeon_renderer", function () { - if (anim_interval) - { - clearTimeout(anim_interval); - anim_interval = null; - } - }); + return renderer; + }, - /* Hack to show animations (if real-time ones are not enabled) - even in turns where nothing else happens */ - $(document).off("text_update.dungeon_renderer") - .on("text_update.dungeon_renderer", function () { - renderer.animate(); - }); + set_ui_state: function (s) { + this.ui_state = s; + }, - return renderer; + update_mouse_mode: function (_m) { + if (!game.can_target()) this.last_sent_cursor = { x: 0, y: 0 }; + }, }); + +const renderer = new DungeonViewRenderer(); +let anim_interval = null; + +function update_animation_interval() { + if (anim_interval) { + clearTimeout(anim_interval); + anim_interval = null; + } + if (options.get("tile_realtime_anim")) { + anim_interval = setInterval(() => { + renderer.animate(); + }, 1000 / 4); + } +} + +options.add_listener(update_animation_interval); + +$(document).off("game_init.dungeon_renderer"); +$(document).on("game_init.dungeon_renderer", () => { + renderer.cols = 0; + renderer.rows = 0; + renderer.view = { x: 0, y: 0 }; + renderer.view_center = { x: 0, y: 0 }; + + renderer.init($("#dungeon")[0]); +}); + +$(document) + .off("game_cleanup.dungeon_renderer") + .on("game_cleanup.dungeon_renderer", () => { + if (anim_interval) { + clearTimeout(anim_interval); + anim_interval = null; + } + }); + +/* Hack to show animations (if real-time ones are not enabled) + even in turns where nothing else happens */ +$(document) + .off("text_update.dungeon_renderer") + .on("text_update.dungeon_renderer", () => { + renderer.animate(); + }); + +export default renderer; diff --git a/crawl-ref/source/webserver/client/game/src/enums.js b/crawl-ref/source/webserver/client/game/src/enums.js index 35c8a176f11..3fe9bc87aee 100644 --- a/crawl-ref/source/webserver/client/game/src/enums.js +++ b/crawl-ref/source/webserver/client/game/src/enums.js @@ -1,330 +1,305 @@ // TODO: Generate this automatically from enum.h? -define(function () { - "use strict"; - - var exports = {}, val; - // Various constants - exports.gxm = 80; - exports.gym = 70; - exports.stat_width = 42; - - // UI States (tileweb.h) - exports.ui = {}; - exports.ui.NORMAL = 0; - exports.ui.CRT = 1; - exports.ui.VIEW_MAP = 2; - - // Mouse modes - val = 0; - exports.mouse_mode = {}; - exports.mouse_mode.NORMAL = val++; - exports.mouse_mode.COMMAND = val++; - exports.mouse_mode.TARGET = val++; - exports.mouse_mode.TARGET_DIR = val++; - exports.mouse_mode.TARGET_PATH = val++; - exports.mouse_mode.MORE = val++; - exports.mouse_mode.MACRO = val++; - exports.mouse_mode.PROMPT = val++; - exports.mouse_mode.YESNO = val++; - exports.mouse_mode.MAX = val++; - - // Textures - val = 0; - exports.texture = {}; - exports.texture.FLOOR = val++; // floor.png - exports.texture.WALL = val++; // wall.png - exports.texture.FEAT = val++; // feat.png - exports.texture.PLAYER = val++; // player.png - exports.texture.DEFAULT = val++; // main.png - exports.texture.GUI = val++; // gui.png - exports.texture.ICONS = val++; // icons.png - - // Cursors - exports.CURSOR_MOUSE = 0; - exports.CURSOR_TUTORIAL = 1; - exports.CURSOR_MAP = 2; - exports.CURSOR_MAX = 3; - - // Halo flags - exports.HALO_NONE = 0; - exports.HALO_RANGE = 1; - exports.HALO_UMBRA_FIRST = 2; - exports.HALO_UMBRA_1 = exports.HALO_UMBRA_FIRST; - exports.HALO_UMBRA_2 = 3; - exports.HALO_UMBRA_3 = 4; - exports.HALO_UMBRA_4 = 5; - exports.HALO_UMBRA_LAST = exports.HALO_UMBRA_4; - - // Tile flags. - // Mostly this complicated because they need more than 32 bits. - - function array_and(arr1, arr2) - { - var result = []; - for (var i = 0; i < arr1.length && i < arr2.length; ++i) - { - result.push(arr1[i] & arr2[i]); - } - return result; - } - - function array_equal(arr1, arr2) - { - // return (arr1 <= arr2) && (arr1 >= arr2); - for (var i = 0; i < arr1.length || i < arr2.length; ++i) - { - if ((arr1[i] || 0) != (arr2[i] || 0)) - return false; - } - return true; - } - function array_nonzero(arr) - { - for (var i = 0; i < arr.length; ++i) - { - if (arr[i] != 0) return true; - } - return false; +let exports = {}, + val; +// Various constants +exports.gxm = 80; +exports.gym = 70; +exports.stat_width = 42; + +// UI States (tileweb.h) +exports.ui = {}; +exports.ui.NORMAL = 0; +exports.ui.CRT = 1; +exports.ui.VIEW_MAP = 2; + +// Mouse modes +val = 0; +exports.mouse_mode = {}; +exports.mouse_mode.NORMAL = val++; +exports.mouse_mode.COMMAND = val++; +exports.mouse_mode.TARGET = val++; +exports.mouse_mode.TARGET_DIR = val++; +exports.mouse_mode.TARGET_PATH = val++; +exports.mouse_mode.MORE = val++; +exports.mouse_mode.MACRO = val++; +exports.mouse_mode.PROMPT = val++; +exports.mouse_mode.YESNO = val++; +exports.mouse_mode.MAX = val++; + +// Textures +val = 0; +exports.texture = {}; +exports.texture.FLOOR = val++; // floor.png +exports.texture.WALL = val++; // wall.png +exports.texture.FEAT = val++; // feat.png +exports.texture.PLAYER = val++; // player.png +exports.texture.DEFAULT = val++; // main.png +exports.texture.GUI = val++; // gui.png +exports.texture.ICONS = val++; // icons.png + +// Cursors +exports.CURSOR_MOUSE = 0; +exports.CURSOR_TUTORIAL = 1; +exports.CURSOR_MAP = 2; +exports.CURSOR_MAX = 3; + +// Halo flags +exports.HALO_NONE = 0; +exports.HALO_RANGE = 1; +exports.HALO_UMBRA_FIRST = 2; +exports.HALO_UMBRA_1 = exports.HALO_UMBRA_FIRST; +exports.HALO_UMBRA_2 = 3; +exports.HALO_UMBRA_3 = 4; +exports.HALO_UMBRA_4 = 5; +exports.HALO_UMBRA_LAST = exports.HALO_UMBRA_4; + +// Tile flags. +// Mostly this complicated because they need more than 32 bits. + +function array_and(arr1, arr2) { + const result = []; + for (let i = 0; i < arr1.length && i < arr2.length; ++i) { + result.push(arr1[i] & arr2[i]); + } + return result; +} + +function array_equal(arr1, arr2) { + // return (arr1 <= arr2) && (arr1 >= arr2); + for (let i = 0; i < arr1.length || i < arr2.length; ++i) { + if ((arr1[i] || 0) !== (arr2[i] || 0)) return false; + } + return true; +} + +function array_nonzero(arr) { + for (let i = 0; i < arr.length; ++i) { + if (arr[i] !== 0) return true; + } + return false; +} + +function prepare_flags(tileidx, flagdata, cache) { + if (typeof tileidx === "number") tileidx = [tileidx]; + else if (tileidx.value !== undefined) return tileidx; + while (tileidx.length < 2) tileidx.push(0); + + if (cache[[tileidx[0], tileidx[1]]] !== undefined) + return cache[[tileidx[0], tileidx[1]]]; + + for (const flagname in flagdata.flags) { + const flagmask = flagdata.flags[flagname]; + if (Array.isArray(flagmask)) + tileidx[flagname] = array_nonzero(array_and(tileidx, flagmask)); + else tileidx[flagname] = (tileidx[0] & flagmask) !== 0; + } + + for (let i = 0; i < flagdata.exclusive_flags.length; ++i) { + const excl = flagdata.exclusive_flags[i]; + let val; + if (Array.isArray(excl.mask)) val = array_and(tileidx, excl.mask); + else val = [tileidx[0] & excl.mask]; + + for (const flagname in excl) { + if (flagname === "mask") continue; + if (Array.isArray(excl[flagname])) + tileidx[flagname] = array_equal(val, excl[flagname]); + else tileidx[flagname] = val[0] === excl[flagname]; } + } - function prepare_flags(tileidx, flagdata, cache) - { - if (!isNaN(tileidx)) - tileidx = [tileidx]; - else if (tileidx.value !== undefined) - return tileidx; - while (tileidx.length < 2) tileidx.push(0); - - if (cache[[tileidx[0],tileidx[1]]] !== undefined) - return cache[[tileidx[0],tileidx[1]]]; - - for (var flagname in flagdata.flags) - { - var flagmask = flagdata.flags[flagname]; - if (isNaN(flagmask)) - tileidx[flagname] = array_nonzero(array_and(tileidx, flagmask)); - else - tileidx[flagname] = (tileidx[0] & flagmask) != 0; - } - - for (var i = 0; i < flagdata.exclusive_flags.length; ++i) - { - var excl = flagdata.exclusive_flags[i]; - var val; - if (isNaN(excl.mask)) - val = array_and(tileidx, excl.mask); - else - val = [tileidx[0] & excl.mask]; - - for (var flagname in excl) - { - if (flagname === "mask") continue; - if (isNaN(excl[flagname])) - tileidx[flagname] = array_equal(val, excl[flagname]); - else - tileidx[flagname] = (val[0] == excl[flagname]); - } - } - - tileidx.value = tileidx[0] & flagdata.mask; - cache[[tileidx[0],tileidx[1]]] = tileidx; - cache.size++; - return tileidx; - } + tileidx.value = tileidx[0] & flagdata.mask; + cache[[tileidx[0], tileidx[1]]] = tileidx; + cache.size++; + return tileidx; +} - /* Hex literals are signed, so values with the highest bit set +/* Hex literals are signed, so values with the highest bit set would have to be written in 2-complement; this way is easier to read */ - var highbit = 1 << 31; - - // Foreground flags - - // 3 mutually exclusive flags for attitude. - var fg_flags = { flags: {}, exclusive_flags: [] }; - fg_flags.exclusive_flags.push({ - mask : 0x00030000, - PET : 0x00010000, - GD_NEUTRAL : 0x00020000, - NEUTRAL : 0x00030000, - }); - - fg_flags.flags.S_UNDER = 0x00040000; - fg_flags.flags.FLYING = 0x00080000; - - // 4 mutually exclusive flags for behaviour. - fg_flags.exclusive_flags.push({ - mask : 0x00700000, - STAB : 0x00100000, - MAY_STAB : 0x00200000, - FLEEING : 0x00300000, - PARALYSED : 0x00400000, - }); - - fg_flags.flags.NET = 0x00800000; - fg_flags.flags.WEB = 0x01000000; - - // Three levels of poison in 2 bits. - fg_flags.exclusive_flags.push({ - mask : [0, 0x18000000], - POISON : [0, 0x08000000], - MORE_POISON : [0, 0x10000000], - MAX_POISON : [0, 0x18000000] - }); - - // 5 mutually exclusive flags for threat level. - fg_flags.exclusive_flags.push({ - mask : [0, 0x60000000 | highbit], - TRIVIAL : [0, 0x20000000], - EASY : [0, 0x40000000], - TOUGH : [0, 0x60000000], - NASTY : [0, highbit], - UNUSUAL : [0, 0x60000000 | highbit], - }); - - fg_flags.flags.GHOST = [0, 0x00100000]; - - // MDAM has 5 possibilities, so uses 3 bits. - fg_flags.exclusive_flags.push({ - mask : [0x40000000 | highbit, 0x01], - MDAM_LIGHT : [0x40000000, 0x00], - MDAM_MOD : [highbit, 0x00], - MDAM_HEAVY : [0x40000000 | highbit, 0x00], - MDAM_SEV : [0x00000000, 0x01], - MDAM_ADEAD : [0x40000000 | highbit, 0x01], - }); - - // Demon difficulty has 5 possibilities, so uses 3 bits. - fg_flags.exclusive_flags.push({ - mask : [0, 0x0E], - DEMON_5 : [0, 0x02], - DEMON_4 : [0, 0x04], - DEMON_3 : [0, 0x06], - DEMON_2 : [0, 0x08], - DEMON_1 : [0, 0x0E], - }); - - fg_flags.mask = 0x0000FFFF; - - // Background flags - var bg_flags = { flags: {}, exclusive_flags: [] }; - bg_flags.flags.RAY = 0x00010000; - bg_flags.flags.MM_UNSEEN = 0x00020000; - bg_flags.flags.UNSEEN = 0x00040000; - bg_flags.exclusive_flags.push({ - mask : 0x00180000, - CURSOR1 : 0x00180000, - CURSOR2 : 0x00080000, - CURSOR3 : 0x00100000, - }); - bg_flags.flags.TUT_CURSOR = 0x00200000; - bg_flags.flags.TRAV_EXCL = 0x00400000; - bg_flags.flags.EXCL_CTR = 0x00800000; - bg_flags.flags.RAY_OOR = 0x01000000; - bg_flags.flags.OOR = 0x02000000; - bg_flags.flags.WATER = 0x04000000; - bg_flags.flags.NEW_STAIR = 0x08000000; - bg_flags.flags.NEW_TRANSPORTER = 0x10000000; - - // Kraken tentacle overlays. - bg_flags.flags.KRAKEN_NW = 0x20000000; - bg_flags.flags.KRAKEN_NE = 0x40000000; - bg_flags.flags.KRAKEN_SE = highbit; - bg_flags.flags.KRAKEN_SW = [0, 0x01]; - - bg_flags.flags.RAMPAGE = [0, 0x020]; - - bg_flags.flags.LANDING = [0, 0x200]; - bg_flags.flags.RAY_MULTI = [0, 0x400]; - bg_flags.mask = 0x0000FFFF; - - // Since the current flag implementation is really slow we use a trivial - // cache system for now. - var fg_cache = { size : 0 }; - exports.prepare_fg_flags = function (tileidx) - { - if (fg_cache.size >= 100) - fg_cache = { size : 0 }; - return prepare_flags(tileidx, fg_flags, fg_cache); - } - var bg_cache = { size : 0 }; - exports.prepare_bg_flags = function (tileidx) - { - if (bg_cache.size >= 250) - bg_cache = { size : 0 }; - return prepare_flags(tileidx, bg_flags, bg_cache); - } +const highbit = 1 << 31; + +// Foreground flags + +// 3 mutually exclusive flags for attitude. +const fg_flags = { flags: {}, exclusive_flags: [] }; +fg_flags.exclusive_flags.push({ + mask: 0x00030000, + PET: 0x00010000, + GD_NEUTRAL: 0x00020000, + NEUTRAL: 0x00030000, +}); + +fg_flags.flags.S_UNDER = 0x00040000; +fg_flags.flags.FLYING = 0x00080000; + +// 4 mutually exclusive flags for behaviour. +fg_flags.exclusive_flags.push({ + mask: 0x00700000, + STAB: 0x00100000, + MAY_STAB: 0x00200000, + FLEEING: 0x00300000, + PARALYSED: 0x00400000, +}); + +fg_flags.flags.NET = 0x00800000; +fg_flags.flags.WEB = 0x01000000; + +// Three levels of poison in 2 bits. +fg_flags.exclusive_flags.push({ + mask: [0, 0x18000000], + POISON: [0, 0x08000000], + MORE_POISON: [0, 0x10000000], + MAX_POISON: [0, 0x18000000], +}); + +// 5 mutually exclusive flags for threat level. +fg_flags.exclusive_flags.push({ + mask: [0, 0x60000000 | highbit], + TRIVIAL: [0, 0x20000000], + EASY: [0, 0x40000000], + TOUGH: [0, 0x60000000], + NASTY: [0, highbit], + UNUSUAL: [0, 0x60000000 | highbit], +}); + +fg_flags.flags.GHOST = [0, 0x00100000]; + +// MDAM has 5 possibilities, so uses 3 bits. +fg_flags.exclusive_flags.push({ + mask: [0x40000000 | highbit, 0x01], + MDAM_LIGHT: [0x40000000, 0x00], + MDAM_MOD: [highbit, 0x00], + MDAM_HEAVY: [0x40000000 | highbit, 0x00], + MDAM_SEV: [0x00000000, 0x01], + MDAM_ADEAD: [0x40000000 | highbit, 0x01], +}); + +// Demon difficulty has 5 possibilities, so uses 3 bits. +fg_flags.exclusive_flags.push({ + mask: [0, 0x0e], + DEMON_5: [0, 0x02], + DEMON_4: [0, 0x04], + DEMON_3: [0, 0x06], + DEMON_2: [0, 0x08], + DEMON_1: [0, 0x0e], +}); - // Menu flags -- see menu.h - // many things here are unimplemented - var mf = {}; - mf.NOSELECT = 0x0001; - mf.SINGLESELECT = 0x0002; - mf.MULTISELECT = 0x0004; - mf.SELECT_QTY = 0x0008; - mf.ANYPRINTABLE = 0x0010; - mf.SELECT_BY_PAGE = 0x0020; - mf.INIT_HOVER = 0x0040; - mf.WRAP = 0x0080; - mf.ALLOW_FILTER = 0x0100; - mf.ALLOW_FORMATTING = 0x0200; - mf.SHOW_PAGENUMBERS = 0x0400; - // ... - mf.START_AT_END = 0x1000; - mf.PRESELECTED = 0x2000; - // ... - mf.ARROWS_SELECT = 0x40000; - exports.menu_flag = mf; - - val = 0; - exports.CHATTR = {}; - exports.CHATTR.NORMAL = val++; - exports.CHATTR.STANDOUT = val++; - exports.CHATTR.BOLD = val++; - exports.CHATTR.BLINK = val++; - exports.CHATTR.UNDERLINE = val++; - exports.CHATTR.REVERSE = val++; - exports.CHATTR.DIM = val++; - exports.CHATTR.HILITE = val++; - exports.CHATTR.ATTRMASK = 0xF; - - // Minimap features - val = 0; - exports.MF_UNSEEN = val++; - exports.MF_FLOOR = val++; - exports.MF_WALL = val++; - exports.MF_MAP_FLOOR = val++; - exports.MF_MAP_WALL = val++; - exports.MF_DOOR = val++; - exports.MF_ITEM = val++; - exports.MF_MONS_FRIENDLY = val++; - exports.MF_MONS_PEACEFUL = val++; - exports.MF_MONS_NEUTRAL = val++; - exports.MF_MONS_HOSTILE = val++; - exports.MF_MONS_NO_EXP = val++; - exports.MF_STAIR_UP = val++; - exports.MF_STAIR_DOWN = val++; - exports.MF_STAIR_BRANCH = val++; - exports.MF_FEATURE = val++; - exports.MF_WATER = val++; - exports.MF_LAVA = val++; - exports.MF_TRAP = val++; - exports.MF_EXCL_ROOT = val++; - exports.MF_EXCL = val++; - exports.MF_PLAYER = val++; - exports.MF_DEEP_WATER = val++; - exports.MF_PORTAL = val++; - exports.MF_MAX = val++; - - exports.MF_SKIP = val++; - - exports.reverse_lookup = function (e, value) { - for (var prop in e) - { - if (e[prop] == value) - return prop; - } - }; - - return exports; +fg_flags.mask = 0x0000ffff; + +// Background flags +const bg_flags = { flags: {}, exclusive_flags: [] }; +bg_flags.flags.RAY = 0x00010000; +bg_flags.flags.MM_UNSEEN = 0x00020000; +bg_flags.flags.UNSEEN = 0x00040000; +bg_flags.exclusive_flags.push({ + mask: 0x00180000, + CURSOR1: 0x00180000, + CURSOR2: 0x00080000, + CURSOR3: 0x00100000, }); +bg_flags.flags.TUT_CURSOR = 0x00200000; +bg_flags.flags.TRAV_EXCL = 0x00400000; +bg_flags.flags.EXCL_CTR = 0x00800000; +bg_flags.flags.RAY_OOR = 0x01000000; +bg_flags.flags.OOR = 0x02000000; +bg_flags.flags.WATER = 0x04000000; +bg_flags.flags.NEW_STAIR = 0x08000000; +bg_flags.flags.NEW_TRANSPORTER = 0x10000000; + +// Kraken tentacle overlays. +bg_flags.flags.KRAKEN_NW = 0x20000000; +bg_flags.flags.KRAKEN_NE = 0x40000000; +bg_flags.flags.KRAKEN_SE = highbit; +bg_flags.flags.KRAKEN_SW = [0, 0x01]; + +bg_flags.flags.RAMPAGE = [0, 0x020]; + +bg_flags.flags.LANDING = [0, 0x200]; +bg_flags.flags.RAY_MULTI = [0, 0x400]; +bg_flags.mask = 0x0000ffff; + +// Since the current flag implementation is really slow we use a trivial +// cache system for now. +let fg_cache = { size: 0 }; +exports.prepare_fg_flags = (tileidx) => { + if (fg_cache.size >= 100) fg_cache = { size: 0 }; + return prepare_flags(tileidx, fg_flags, fg_cache); +}; +let bg_cache = { size: 0 }; +exports.prepare_bg_flags = (tileidx) => { + if (bg_cache.size >= 250) bg_cache = { size: 0 }; + return prepare_flags(tileidx, bg_flags, bg_cache); +}; + +// Menu flags -- see menu.h +// many things here are unimplemented +const mf = {}; +mf.NOSELECT = 0x0001; +mf.SINGLESELECT = 0x0002; +mf.MULTISELECT = 0x0004; +mf.SELECT_QTY = 0x0008; +mf.ANYPRINTABLE = 0x0010; +mf.SELECT_BY_PAGE = 0x0020; +mf.INIT_HOVER = 0x0040; +mf.WRAP = 0x0080; +mf.ALLOW_FILTER = 0x0100; +mf.ALLOW_FORMATTING = 0x0200; +mf.SHOW_PAGENUMBERS = 0x0400; +// ... +mf.START_AT_END = 0x1000; +mf.PRESELECTED = 0x2000; +// ... +mf.ARROWS_SELECT = 0x40000; +exports.menu_flag = mf; + +val = 0; +exports.CHATTR = {}; +exports.CHATTR.NORMAL = val++; +exports.CHATTR.STANDOUT = val++; +exports.CHATTR.BOLD = val++; +exports.CHATTR.BLINK = val++; +exports.CHATTR.UNDERLINE = val++; +exports.CHATTR.REVERSE = val++; +exports.CHATTR.DIM = val++; +exports.CHATTR.HILITE = val++; +exports.CHATTR.ATTRMASK = 0xf; + +// Minimap features +val = 0; +exports.MF_UNSEEN = val++; +exports.MF_FLOOR = val++; +exports.MF_WALL = val++; +exports.MF_MAP_FLOOR = val++; +exports.MF_MAP_WALL = val++; +exports.MF_DOOR = val++; +exports.MF_ITEM = val++; +exports.MF_MONS_FRIENDLY = val++; +exports.MF_MONS_PEACEFUL = val++; +exports.MF_MONS_NEUTRAL = val++; +exports.MF_MONS_HOSTILE = val++; +exports.MF_MONS_NO_EXP = val++; +exports.MF_STAIR_UP = val++; +exports.MF_STAIR_DOWN = val++; +exports.MF_STAIR_BRANCH = val++; +exports.MF_FEATURE = val++; +exports.MF_WATER = val++; +exports.MF_LAVA = val++; +exports.MF_TRAP = val++; +exports.MF_EXCL_ROOT = val++; +exports.MF_EXCL = val++; +exports.MF_PLAYER = val++; +exports.MF_DEEP_WATER = val++; +exports.MF_PORTAL = val++; +exports.MF_MAX = val++; + +exports.MF_SKIP = val++; + +exports.reverse_lookup = (e, value) => { + for (const prop in e) { + if (e[prop] === value) return prop; + } +}; + +export default exports; diff --git a/crawl-ref/source/webserver/client/game/src/focus-trap.js b/crawl-ref/source/webserver/client/game/src/focus-trap.js deleted file mode 100644 index bfe1c10b367..00000000000 --- a/crawl-ref/source/webserver/client/game/src/focus-trap.js +++ /dev/null @@ -1,571 +0,0 @@ -/** - * focus-trap.js - v5.0.2 - * - * Includes the following embedded node package dependencies: - * - tabbable - * - xtend - * - * Under MIT License - */ - -(function(f){if (typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if (typeof define==="function"&&define.amd){define([],f)}else{var g;if (typeof window!=="undefined"){g=window}else if (typeof global!=="undefined"){g=global}else if (typeof self!=="undefined"){g=self}else{g=this}g.focusTrap = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if (!n[i]){if (!e[i]){var c="function"==typeof require&&require;if (!f&&c)return c(i,!0);if (u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for (var u="function"==typeof require&&require,i=0;i 0) { - var activeTrap = trapQueue[trapQueue.length - 1]; - if (activeTrap !== trap) { - activeTrap.pause(); - } - } - - var trapIndex = trapQueue.indexOf(trap); - if (trapIndex === -1) { - trapQueue.push(trap); - } else { - // move this existing trap to the front of the queue - trapQueue.splice(trapIndex, 1); - trapQueue.push(trap); - } - }, - - deactivateTrap: function(trap) { - var trapIndex = trapQueue.indexOf(trap); - if (trapIndex !== -1) { - trapQueue.splice(trapIndex, 1); - } - - if (trapQueue.length > 0) { - trapQueue[trapQueue.length - 1].unpause(); - } - } - }; -})(); - -function focusTrap(element, userOptions) { - var doc = document; - var container = - typeof element === 'string' ? doc.querySelector(element) : element; - - var config = xtend( - { - returnFocusOnDeactivate: true, - escapeDeactivates: true - }, - userOptions - ); - - var state = { - firstTabbableNode: null, - lastTabbableNode: null, - nodeFocusedBeforeActivation: null, - mostRecentlyFocusedNode: null, - active: false, - paused: false - }; - - var trap = { - activate: activate, - deactivate: deactivate, - pause: pause, - unpause: unpause - }; - - return trap; - - function activate(activateOptions) { - if (state.active) return; - - updateTabbableNodes(); - - state.active = true; - state.paused = false; - state.nodeFocusedBeforeActivation = doc.activeElement; - - var onActivate = - activateOptions && activateOptions.onActivate - ? activateOptions.onActivate - : config.onActivate; - if (onActivate) { - onActivate(); - } - - addListeners(); - return trap; - } - - function deactivate(deactivateOptions) { - if (!state.active) return; - - clearTimeout(activeFocusDelay); - - removeListeners(); - state.active = false; - state.paused = false; - - activeFocusTraps.deactivateTrap(trap); - - var onDeactivate = - deactivateOptions && deactivateOptions.onDeactivate !== undefined - ? deactivateOptions.onDeactivate - : config.onDeactivate; - if (onDeactivate) { - onDeactivate(); - } - - var returnFocus = - deactivateOptions && deactivateOptions.returnFocus !== undefined - ? deactivateOptions.returnFocus - : config.returnFocusOnDeactivate; - if (returnFocus) { - delay(function() { - tryFocus(state.nodeFocusedBeforeActivation); - }); - } - - return trap; - } - - function pause() { - if (state.paused || !state.active) return; - state.paused = true; - removeListeners(); - } - - function unpause() { - if (!state.paused || !state.active) return; - state.paused = false; - updateTabbableNodes(); - addListeners(); - } - - function addListeners() { - if (!state.active) return; - - // There can be only one listening focus trap at a time - activeFocusTraps.activateTrap(trap); - - // Delay ensures that the focused element doesn't capture the event - // that caused the focus trap activation. - activeFocusDelay = delay(function() { - tryFocus(getInitialFocusNode()); - }); - - doc.addEventListener('focusin', checkFocusIn, true); - doc.addEventListener('mousedown', checkPointerDown, { - capture: true, - passive: false - }); - doc.addEventListener('touchstart', checkPointerDown, { - capture: true, - passive: false - }); - doc.addEventListener('click', checkClick, { - capture: true, - passive: false - }); - doc.addEventListener('keydown', checkKey, { - capture: true, - passive: false - }); - - return trap; - } - - function removeListeners() { - if (!state.active) return; - - doc.removeEventListener('focusin', checkFocusIn, true); - doc.removeEventListener('mousedown', checkPointerDown, true); - doc.removeEventListener('touchstart', checkPointerDown, true); - doc.removeEventListener('click', checkClick, true); - doc.removeEventListener('keydown', checkKey, true); - - return trap; - } - - function getNodeForOption(optionName) { - var optionValue = config[optionName]; - var node = optionValue; - if (!optionValue) { - return null; - } - if (typeof optionValue === 'string') { - node = doc.querySelector(optionValue); - if (!node) { - throw new Error('`' + optionName + '` refers to no known node'); - } - } - if (typeof optionValue === 'function') { - node = optionValue(); - if (!node) { - throw new Error('`' + optionName + '` did not return a node'); - } - } - return node; - } - - function getInitialFocusNode() { - var node; - if (getNodeForOption('initialFocus') !== null) { - node = getNodeForOption('initialFocus'); - } else if (container.contains(doc.activeElement)) { - node = doc.activeElement; - } else { - node = state.firstTabbableNode || getNodeForOption('fallbackFocus'); - } - - if (!node) { - throw new Error( - "You can't have a focus-trap without at least one focusable element" - ); - } - - return node; - } - - // This needs to be done on mousedown and touchstart instead of click - // so that it precedes the focus event. - function checkPointerDown(e) { - if (container.contains(e.target)) return; - if (config.clickOutsideDeactivates) { - deactivate({ - returnFocus: config.returnFocusOnDeactivate - && !tabbable.isFocusable(e.target), - }); - return; - } - // This is needed for mobile devices. - // (If we'll only let `click` events through, - // then on mobile they will be blocked anyways if `touchstart` is blocked.) - if (config.allowOutsideClick && config.allowOutsideClick(e)) { - return; - } - e.preventDefault(); - } - - // In case focus escapes the trap for some strange reason, pull it back in. - function checkFocusIn(e) { - // In Firefox when you Tab out of an iframe the Document is briefly focused. - if (container.contains(e.target) || e.target instanceof Document) { - return; - } - e.stopImmediatePropagation(); - tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode()); - } - - function checkKey(e) { - if (config.escapeDeactivates !== false && isEscapeEvent(e)) { - e.preventDefault(); - deactivate(); - return; - } - if (isTabEvent(e)) { - checkTab(e); - return; - } - } - - // Hijack Tab events on the first and last focusable nodes of the trap, - // in order to prevent focus from escaping. If it escapes for even a - // moment it can end up scrolling the page and causing confusion so we - // kind of need to capture the action at the keydown phase. - function checkTab(e) { - updateTabbableNodes(); - if (e.shiftKey && e.target === state.firstTabbableNode) { - e.preventDefault(); - tryFocus(state.lastTabbableNode); - return; - } - if (!e.shiftKey && e.target === state.lastTabbableNode) { - e.preventDefault(); - tryFocus(state.firstTabbableNode); - return; - } - } - - function checkClick(e) { - if (config.clickOutsideDeactivates) return; - if (container.contains(e.target)) return; - if (config.allowOutsideClick && config.allowOutsideClick(e)) { - return; - } - e.preventDefault(); - e.stopImmediatePropagation(); - } - - function updateTabbableNodes() { - var tabbableNodes = tabbable(container); - state.firstTabbableNode = tabbableNodes[0] || getInitialFocusNode(); - state.lastTabbableNode = - tabbableNodes[tabbableNodes.length - 1] || getInitialFocusNode(); - } - - function tryFocus(node) { - if (node === doc.activeElement) return; - if (!node || !node.focus) { - tryFocus(getInitialFocusNode()); - return; - } - - node.focus(); - state.mostRecentlyFocusedNode = node; - if (isSelectableInput(node)) { - node.select(); - } - } -} - -function isSelectableInput(node) { - return ( - node.tagName && - node.tagName.toLowerCase() === 'input' && - typeof node.select === 'function' - ); -} - -function isEscapeEvent(e) { - return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27; -} - -function isTabEvent(e) { - return e.key === 'Tab' || e.keyCode === 9; -} - -function delay(fn) { - return setTimeout(fn, 0); -} - -module.exports = focusTrap; - -},{"tabbable":2,"xtend":3}],2:[function(require,module,exports){ -var candidateSelectors = [ - 'input', - 'select', - 'textarea', - 'a[href]', - 'button', - '[tabindex]', - 'audio[controls]', - 'video[controls]', - '[contenteditable]:not([contenteditable="false"])', -]; -var candidateSelector = candidateSelectors.join(','); - -var matches = typeof Element === 'undefined' - ? function () {} - : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; - -function tabbable(el, options) { - options = options || {}; - - var elementDocument = el.ownerDocument || el; - var regularTabbables = []; - var orderedTabbables = []; - - var untouchabilityChecker = new UntouchabilityChecker(elementDocument); - var candidates = el.querySelectorAll(candidateSelector); - - if (options.includeContainer) { - if (matches.call(el, candidateSelector)) { - candidates = Array.prototype.slice.apply(candidates); - candidates.unshift(el); - } - } - - var i, candidate, candidateTabindex; - for (i = 0; i < candidates.length; i++) { - candidate = candidates[i]; - - if (!isNodeMatchingSelectorTabbable(candidate, untouchabilityChecker)) continue; - - candidateTabindex = getTabindex(candidate); - if (candidateTabindex === 0) { - regularTabbables.push(candidate); - } else { - orderedTabbables.push({ - documentOrder: i, - tabIndex: candidateTabindex, - node: candidate, - }); - } - } - - var tabbableNodes = orderedTabbables - .sort(sortOrderedTabbables) - .map(function(a) { return a.node }) - .concat(regularTabbables); - - return tabbableNodes; -} - -tabbable.isTabbable = isTabbable; -tabbable.isFocusable = isFocusable; - -function isNodeMatchingSelectorTabbable(node, untouchabilityChecker) { - if ( - !isNodeMatchingSelectorFocusable(node, untouchabilityChecker) - || isNonTabbableRadio(node) - || getTabindex(node) < 0 - ) { - return false; - } - return true; -} - -function isTabbable(node, untouchabilityChecker) { - if (!node) throw new Error('No node provided'); - if (matches.call(node, candidateSelector) === false) return false; - return isNodeMatchingSelectorTabbable(node, untouchabilityChecker); -} - -function isNodeMatchingSelectorFocusable(node, untouchabilityChecker) { - untouchabilityChecker = untouchabilityChecker || new UntouchabilityChecker(node.ownerDocument || node); - if ( - node.disabled - || isHiddenInput(node) - || untouchabilityChecker.isUntouchable(node) - ) { - return false; - } - return true; -} - -var focusableCandidateSelector = candidateSelectors.concat('iframe').join(','); -function isFocusable(node, untouchabilityChecker) { - if (!node) throw new Error('No node provided'); - if (matches.call(node, focusableCandidateSelector) === false) return false; - return isNodeMatchingSelectorFocusable(node, untouchabilityChecker); -} - -function getTabindex(node) { - var tabindexAttr = parseInt(node.getAttribute('tabindex'), 10); - if (!isNaN(tabindexAttr)) return tabindexAttr; - // Browsers do not return `tabIndex` correctly for contentEditable nodes; - // so if they don't have a tabindex attribute specifically set, assume it's 0. - if (isContentEditable(node)) return 0; - return node.tabIndex; -} - -function sortOrderedTabbables(a, b) { - return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex; -} - -// Array.prototype.find not available in IE. -function find(list, predicate) { - for (var i = 0, length = list.length; i < length; i++) { - if (predicate(list[i])) return list[i]; - } -} - -function isContentEditable(node) { - return node.contentEditable === 'true'; -} - -function isInput(node) { - return node.tagName === 'INPUT'; -} - -function isHiddenInput(node) { - return isInput(node) && node.type === 'hidden'; -} - -function isRadio(node) { - return isInput(node) && node.type === 'radio'; -} - -function isNonTabbableRadio(node) { - return isRadio(node) && !isTabbableRadio(node); -} - -function getCheckedRadio(nodes) { - for (var i = 0; i < nodes.length; i++) { - if (nodes[i].checked) { - return nodes[i]; - } - } -} - -function isTabbableRadio(node) { - if (!node.name) return true; - // This won't account for the edge case where you have radio groups with the same - // in separate forms on the same page. - var radioSet = node.ownerDocument.querySelectorAll('input[type="radio"][name="' + node.name + '"]'); - var checked = getCheckedRadio(radioSet); - return !checked || checked === node; -} - -// An element is "untouchable" if *it or one of its ancestors* has -// `visibility: hidden` or `display: none`. -function UntouchabilityChecker(elementDocument) { - this.doc = elementDocument; - // Node cache must be refreshed on every check, in case - // the content of the element has changed. The cache contains tuples - // mapping nodes to their boolean result. - this.cache = []; -} - -// getComputedStyle accurately reflects `visibility: hidden` of ancestors -// but not `display: none`, so we need to recursively check parents. -UntouchabilityChecker.prototype.hasDisplayNone = function hasDisplayNone(node, nodeComputedStyle) { - if (node.nodeType !== Node.ELEMENT_NODE) return false; - - // Search for a cached result. - var cached = find(this.cache, function(item) { - return item === node; - }); - if (cached) return cached[1]; - - nodeComputedStyle = nodeComputedStyle || this.doc.defaultView.getComputedStyle(node); - - var result = false; - - if (nodeComputedStyle.display === 'none') { - result = true; - } else if (node.parentNode) { - result = this.hasDisplayNone(node.parentNode); - } - - this.cache.push([node, result]); - - return result; -} - -UntouchabilityChecker.prototype.isUntouchable = function isUntouchable(node) { - if (node === this.doc.documentElement) return false; - var computedStyle = this.doc.defaultView.getComputedStyle(node); - if (this.hasDisplayNone(node, computedStyle)) return true; - return computedStyle.visibility === 'hidden'; -} - -module.exports = tabbable; - -},{}],3:[function(require,module,exports){ -module.exports = extend - -var hasOwnProperty = Object.prototype.hasOwnProperty; - -function extend() { - var target = {} - - for (var i = 0; i < arguments.length; i++) { - var source = arguments[i] - - for (var key in source) { - if (hasOwnProperty.call(source, key)) { - target[key] = source[key] - } - } - } - - return target -} - -},{}]},{},[1])(1) -}); diff --git a/crawl-ref/source/webserver/client/game/src/game.js b/crawl-ref/source/webserver/client/game/src/game.js index e8296803d02..2bc3750c65e 100644 --- a/crawl-ref/source/webserver/client/game/src/game.js +++ b/crawl-ref/source/webserver/client/game/src/game.js @@ -1,509 +1,469 @@ -define(["jquery", "exports", "comm", "client", "key_conversion", "./dungeon_renderer", - "./display", "./minimap", "./enums", "./messages", "./options", - "./mouse_control", "./text", "./menu", "./action_panel", "./player", - "./ui","./ui-layouts"], -function ($, exports, comm, client, key_conversion, dungeon_renderer, display, - minimap, enums, messages, options, mouse_control) { - "use strict"; - - var layout_parameters = null, ui_state, input_mode; - var stat_width = 42; - var msg_height; - var show_diameter = 17; - - function setup_keycodes() - { - key_conversion.reset_keycodes(); - // the `codes` check and the else clause are here to prevent crashes - // while players' caches get updated client.js and key_conversion.js - // TODO: remove someday - if (key_conversion.codes) - key_conversion.enable_code_conversion(); - else - { - key_conversion.simple[96] = -1000; // numpad 0 - key_conversion.simple[97] = -1001; // numpad 1 - key_conversion.simple[98] = -1002; // numpad 2 - key_conversion.simple[99] = -1003; // numpad 3 - key_conversion.simple[100] = -1004; // numpad 4 - key_conversion.simple[101] = -1005; // numpad 5 - key_conversion.simple[102] = -1006; // numpad 6 - key_conversion.simple[103] = -1007; // numpad 7 - key_conversion.simple[104] = -1008; // numpad 8 - key_conversion.simple[105] = -1009; // numpad 9 - key_conversion.simple[106] = -1015; // numpad * - key_conversion.simple[107] = -1016; // numpad + - key_conversion.simple[108] = -1019; // numpad . (some firefox versions? TODO: confirm) - key_conversion.simple[109] = -1018; // numpad - - key_conversion.simple[110] = -1019; // numpad . - key_conversion.simple[111] = -1012; // numpad / - - // fix some function key issues (see note in key_conversions.js). - key_conversion.simple[112] = -265; // F1 - key_conversion.simple[113] = -266; // F2 - key_conversion.simple[114] = -267; // F3 - key_conversion.simple[115] = -268; // F4 - key_conversion.simple[116] = -269; // F5 - key_conversion.simple[117] = -270; // F6 - key_conversion.simple[118] = -271; // F7 - key_conversion.simple[119] = -272; // F8 - key_conversion.simple[120] = -273; // F9 - key_conversion.simple[121] = -274; // F10 - // reserve F11 for the browser (full screen) - // reserve F12 for toggling chat - key_conversion.simple[124] = -277; // F13, may not work - // F13 may also show up as printscr, but we don't want to bind that - key_conversion.simple[125] = -278; // F14, may not work? - key_conversion.simple[126] = -279; // F15, may not work? - key_conversion.simple[127] = -280; - key_conversion.simple[128] = -281; - key_conversion.simple[129] = -282; - key_conversion.simple[130] = -283; - } - - // any version-specific keycode overrides can be added here. (Though - // hopefully this will be rarely needed in the future...) - } - - function init() - { - layout_parameters = null; - ui_state = -1; - options.clear(); - setup_keycodes(); - } - - $(document).on("game_preinit game_cleanup", init); - - function layout_params_differ(old_params, new_params) - { - if (!old_params) return true; - for (var param in new_params) - { - if (old_params.hasOwnProperty(param) && - old_params[param] != new_params[param]) - return true; - } - return false; - } - - function layout(params, force) - { - var window_width = params.window_width = $(window).width(); - var window_height = params.window_height = $(window).height(); - - if (!force && !layout_params_differ(layout_parameters, params)) - return false; - - layout_parameters = params; - - var state = ui_state; - set_ui_state(enums.ui.NORMAL); - - // Determine width of stats area - var old_html = $("#stats").html(); - var s = ""; - for (var i = 0; i < enums.stat_width; i++) - s = s + " "; - $("#stats").html(s); - var stat_width_px = $("#stats").outerWidth(); - $("#stats").html(old_html); - - // Determine height of messages area - - // need to clone this, not copy html, since there can be event handlers - // embedded in here on an input box. - var old_messages = $("#messages").clone(true); - var old_scroll_top = $("#messages_container").scrollTop(); - s = ""; - for (var i = 0; i < msg_height+1; i++) - s = s + "
"; - $("#messages").html(s); - var msg_height_px = $("#messages").outerHeight(); - $("#messages").replaceWith(old_messages); - $("#messages_container").scrollTop(old_scroll_top); - - var remaining_width = window_width - stat_width_px; - var remaining_height = window_height - msg_height_px; - - layout_parameters.remaining_width = remaining_width; - layout_parameters.remaining_height = remaining_height; - - // Position controls - client.set_layer("normal"); - $("#messages_container").css({ - "max-height": msg_height_px*msg_height/(msg_height+1), - "width": remaining_width - }); - dungeon_renderer.fit_to(remaining_width, remaining_height, - show_diameter); - - minimap.fit_to(stat_width_px, layout_parameters); - - $("#stats").width(stat_width_px); - $("#monster_list").width(stat_width_px); - $("#mobile_input input").width(remaining_width-12); // 2*padding+2*border - - // Go back to the old layer - set_ui_state(state); - - // Update the view - display.invalidate(true); - display.display(); - minimap.update_overlay(); - - var possible_input = $("#messages .game_message input"); - if (possible_input) - possible_input.focus(); - - // Input helper for mobile browsers - // XX should this really happen in `layout`? - if (!client.is_watching()) - { - var mobile_input = options.get("tile_web_mobile_input_helper"); - if ((mobile_input === 'true') || (mobile_input === 'auto' && is_mobile())) - { - $("#mobile_input").show(); - $("#mobile_input input") - .off("keydown") - .on("keydown", handle_mobile_keydown) - .off("input") - .on("input", handle_mobile_input) - .off("mousedown focusout") - .on("mousedown", mobile_input_click); - // the following requires a fairly modern browser - $(document).on("visibilitychange", - function(ev) - { - // try to regularize the behavior, on iOS it's flaky - // otherwise - // bug: on iOS zooming out to view tabs doesn't seem - // to trip this event handler. Presumably because - // "prerendered" isn't yet implemented? - if (document.visibilityState !== "visible") - mobile_input_force_defocus(); - }); - } - } - } - - options.add_listener(function () { - minimap.init_options(); - if (layout_parameters) - layout(layout_parameters, true); - display.invalidate(true); - display.display(); - glyph_mode_font_init(); - init_custom_text_colours(); - }); - - function toggle_full_window_dungeon_view(full) - { - // Toggles the dungeon view for X map mode - if (layout_parameters == null) return; - if (full) - { - var width = layout_parameters.remaining_width; - var height = layout_parameters.remaining_height; - - if (options.get("tile_level_map_hide_sidebar") === true) { - width = layout_parameters.window_width - 5; - $("#right_column").hide(); - } - if (options.get("tile_level_map_hide_messages") === true) { - height = layout_parameters.window_height - 5; - messages.hide(); - } - $(".action-panel").hide(); - - dungeon_renderer.fit_to(width, height, show_diameter); - } - else - { - dungeon_renderer.fit_to(layout_parameters.remaining_width, - layout_parameters.remaining_height, - show_diameter); - $("#right_column").show(); - $(".action-panel").show(); - messages.show(); - } - minimap.stop_minimap_farview(); - minimap.update_overlay(); - display.invalidate(true); - display.display(); - } - - function set_ui_state(state) - { - dungeon_renderer.set_ui_state(state); - if (state == ui_state) return; - - var old_state = ui_state; - ui_state = state; - switch (ui_state) - { - case enums.ui.NORMAL: - client.set_layer("normal"); - if (old_state == enums.ui.VIEW_MAP) - toggle_full_window_dungeon_view(false); - break; - - case enums.ui.CRT: - client.set_layer("crt"); - break; - - case enums.ui.VIEW_MAP: - toggle_full_window_dungeon_view(true); - break; - } - } - - function handle_set_layout(data) - { - if (data.message_pane.height) - { - msg_height = data.message_pane.height - + (data.message_pane.small_more ? 0 : -1); - messages.message_pane_height = msg_height; - } - else - msg_height = messages.message_pane_height; - - if (layout_parameters == null) - layout({}); - else - { - var params = $.extend({}, layout_parameters); - layout(params, true); - } - } - - function handle_set_ui_state(data) - { - set_ui_state(data.state); - } - - function handle_set_ui_cutoff(data) - { - var popups = document.querySelectorAll("#ui-stack > .ui-popup"); - Array.from(popups).forEach(function (p, i) { - p.classList.toggle("hidden", i <= data.cutoff); - }); - } - - function set_input_mode(mode) - { - if (mode == input_mode) return; - input_mode = mode; - dungeon_renderer.update_mouse_mode(input_mode); - if (mode == enums.mouse_mode.COMMAND) - messages.new_command(); - } - - game.get_input_mode = function() { return input_mode; } - game.get_ui_state = function() { return ui_state; } - - game.can_target = function() - { - return (input_mode == enums.mouse_mode.TARGET - || input_mode == enums.mouse_mode.TARGET_DIR - || input_mode == enums.mouse_mode.TARGET_PATH); - } - game.can_move = function() - { - // XX just looking - return (input_mode == enums.mouse_mode.COMMAND - || ui_state == enums.ui.VIEW_MAP); - } - game.can_describe = function() - { - return (input_mode == enums.mouse_mode.TARGET - || input_mode == enums.mouse_mode.TARGET_DIR - || input_mode == enums.mouse_mode.TARGET_PATH - || input_mode == enums.mouse_mode.COMMAND - || ui_state == enums.ui.VIEW_MAP); - } - - - function handle_set_input_mode(data) - { - set_input_mode(data.mode); - } - - function handle_delay(data) - { - client.delay(data.t); - } - - var game_version; - function handle_version(data) - { - game_version = data; - document.title = data.text; - } - - function glyph_mode_font_init() - { - if (options.get("tile_display_mode") == "tiles") return; - - var glyph_font, glyph_size; - glyph_size = options.get("glyph_mode_font_size"); - glyph_font = options.get("glyph_mode_font"); - - if (!document.fonts.check(glyph_size + "px " + glyph_font)) - glyph_font = "monospace"; - - var renderer_settings = { - glyph_mode_font_size: glyph_size, - glyph_mode_font: glyph_font - }; - $.extend(dungeon_renderer, renderer_settings); - } - - function init_custom_text_colours() - { - const root = document.querySelector(':root'); - - // Reset colours first - for (let i = 0; i < 16; i++) - root.style.removeProperty('--color-' + i); - - // Load custom replacements - var colours = options.get("custom_text_colours"); - for (var i in colours) - { - root.style.setProperty('--color-' + colours[i].index, - "rgba(" + colours[i].r + ", " - + colours[i].g + ", " - + colours[i].b + ", 255)"); - } - } - - function is_mobile() - { - return ('ontouchstart' in document.documentElement); - } - - function handle_mobile_input(e) - { - e.target.value = e.target.defaultValue; - comm.send_message("input", { text: e.originalEvent.data }); - } - - function handle_mobile_keydown(e) - { - // translate backspace/delete to esc -- the backspace key is almost - // entirely unused outside of text input, and the lack of esc on a - // mobile keyboard is really painful. Text input doesn't go through - // this input, so that case is fine. (One minor case is the macro - // edit menu, but there's at least an alternate way to clear a - // binding.) - if (e.which == 8 || e.which == 46) - { - comm.send_message("key", { keycode: 27 }); - e.preventDefault(); - return false; - } - } - - function mobile_input_focus_style(focused) - { - // manually manage the style so that it doesn't blink when the - // focusout handler is doing its thing - var mi = $("#mobile_input input"); - if (focused) - { - mi.attr("placeholder", "Tap here to close keyboard"); - mi.css("background", "rgba(100, 100, 100, 0.5)"); - } - else - { - mi.attr("placeholder", "Tap here for keyboard input"); - mi.css("background", "rgba(0, 0, 0, 0.5)"); - } - } - - function mobile_input_focused() - { - return $("#mobile_input input").is(":focus"); +import $ from "jquery"; + +import comm from "./comm"; +import client from "./client"; +import key_conversion from "./key_conversion"; +import dungeon_renderer from "./dungeon_renderer"; +import display from "./display"; +import minimap from "./minimap"; +import enums from "./enums"; +import messages from "./messages"; +import options from "./options"; +import mouse_control from "./mouse_control"; + +import "./text"; +import "./menu"; +import "./action_panel"; +import "./player"; +import "./ui"; +import "./ui-layouts"; + +let layout_parameters = null, + ui_state, + input_mode; +const _stat_width = 42; +let msg_height; +const show_diameter = 17; + +function setup_keycodes() { + key_conversion.reset_keycodes(); + // the `codes` check and the else clause are here to prevent crashes + // while players' caches get updated client.js and key_conversion.js + // TODO: remove someday + if (key_conversion.codes) key_conversion.enable_code_conversion(); + else { + key_conversion.simple[96] = -1000; // numpad 0 + key_conversion.simple[97] = -1001; // numpad 1 + key_conversion.simple[98] = -1002; // numpad 2 + key_conversion.simple[99] = -1003; // numpad 3 + key_conversion.simple[100] = -1004; // numpad 4 + key_conversion.simple[101] = -1005; // numpad 5 + key_conversion.simple[102] = -1006; // numpad 6 + key_conversion.simple[103] = -1007; // numpad 7 + key_conversion.simple[104] = -1008; // numpad 8 + key_conversion.simple[105] = -1009; // numpad 9 + key_conversion.simple[106] = -1015; // numpad * + key_conversion.simple[107] = -1016; // numpad + + key_conversion.simple[108] = -1019; // numpad . (some firefox versions? TODO: confirm) + key_conversion.simple[109] = -1018; // numpad - + key_conversion.simple[110] = -1019; // numpad . + key_conversion.simple[111] = -1012; // numpad / + + // fix some function key issues (see note in key_conversions.js). + key_conversion.simple[112] = -265; // F1 + key_conversion.simple[113] = -266; // F2 + key_conversion.simple[114] = -267; // F3 + key_conversion.simple[115] = -268; // F4 + key_conversion.simple[116] = -269; // F5 + key_conversion.simple[117] = -270; // F6 + key_conversion.simple[118] = -271; // F7 + key_conversion.simple[119] = -272; // F8 + key_conversion.simple[120] = -273; // F9 + key_conversion.simple[121] = -274; // F10 + // reserve F11 for the browser (full screen) + // reserve F12 for toggling chat + key_conversion.simple[124] = -277; // F13, may not work + // F13 may also show up as printscr, but we don't want to bind that + key_conversion.simple[125] = -278; // F14, may not work? + key_conversion.simple[126] = -279; // F15, may not work? + key_conversion.simple[127] = -280; + key_conversion.simple[128] = -281; + key_conversion.simple[129] = -282; + key_conversion.simple[130] = -283; + } + + // any version-specific keycode overrides can be added here. (Though + // hopefully this will be rarely needed in the future...) +} + +function init() { + layout_parameters = null; + ui_state = -1; + options.clear(); + setup_keycodes(); +} + +$(document).on("game_preinit game_cleanup", init); + +function layout_params_differ(old_params, new_params) { + if (!old_params) return true; + for (const param in new_params) { + if ( + Object.hasOwn(old_params, param) && + old_params[param] !== new_params[param] + ) + return true; + } + return false; +} + +function layout(params, force) { + const window_width = (params.window_width = $(window).width()); + const window_height = (params.window_height = $(window).height()); + + if (!force && !layout_params_differ(layout_parameters, params)) return false; + + layout_parameters = params; + + const state = ui_state; + set_ui_state(enums.ui.NORMAL); + + // Determine width of stats area + const old_html = $("#stats").html(); + let s = ""; + for (let i = 0; i < enums.stat_width; i++) s = `${s} `; + $("#stats").html(s); + const stat_width_px = $("#stats").outerWidth(); + $("#stats").html(old_html); + + // Determine height of messages area + + // need to clone this, not copy html, since there can be event handlers + // embedded in here on an input box. + const old_messages = $("#messages").clone(true); + const old_scroll_top = $("#messages_container").scrollTop(); + s = ""; + for (let i = 0; i < msg_height + 1; i++) s = `${s}
`; + $("#messages").html(s); + const msg_height_px = $("#messages").outerHeight(); + $("#messages").replaceWith(old_messages); + $("#messages_container").scrollTop(old_scroll_top); + + const remaining_width = window_width - stat_width_px; + const remaining_height = window_height - msg_height_px; + + layout_parameters.remaining_width = remaining_width; + layout_parameters.remaining_height = remaining_height; + + // Position controls + client.set_layer("normal"); + $("#messages_container").css({ + "max-height": (msg_height_px * msg_height) / (msg_height + 1), + width: remaining_width, + }); + dungeon_renderer.fit_to(remaining_width, remaining_height, show_diameter); + + minimap.fit_to(stat_width_px, layout_parameters); + + $("#stats").width(stat_width_px); + $("#monster_list").width(stat_width_px); + $("#mobile_input input").width(remaining_width - 12); // 2*padding+2*border + + // Go back to the old layer + set_ui_state(state); + + // Update the view + display.invalidate(true); + display.display(); + minimap.update_overlay(); + + const possible_input = $("#messages .game_message input"); + if (possible_input) possible_input.focus(); + + // Input helper for mobile browsers + // XX should this really happen in `layout`? + if (!client.is_watching()) { + const mobile_input = options.get("tile_web_mobile_input_helper"); + if (mobile_input === "true" || (mobile_input === "auto" && is_mobile())) { + $("#mobile_input").show(); + $("#mobile_input input") + .off("keydown") + .on("keydown", handle_mobile_keydown) + .off("input") + .on("input", handle_mobile_input) + .off("mousedown focusout") + .on("mousedown", mobile_input_click); + // the following requires a fairly modern browser + $(document).on("visibilitychange", (_ev) => { + // try to regularize the behavior, on iOS it's flaky + // otherwise + // bug: on iOS zooming out to view tabs doesn't seem + // to trip this event handler. Presumably because + // "prerendered" isn't yet implemented? + if (document.visibilityState !== "visible") + mobile_input_force_defocus(); + }); } + } +} + +options.add_listener(() => { + minimap.init_options(); + if (layout_parameters) layout(layout_parameters, true); + display.invalidate(true); + display.display(); + glyph_mode_font_init(); + init_custom_text_colours(); +}); - function mobile_input_focusout(ev) - { - var $mi = $("#mobile_input input"); - if (ev.relatedTarget && $(ev.relatedTarget).is("input")) - { - // ok, we'll allow it, but we want it back later. As long as focus - // goes from input to input, the keyboard seems to stay open. - $(ev.relatedTarget).off("focusout").on("focusout", function (ev) - { - $mi[0].focus(); - $mi.off("focusout").on("focusout", mobile_input_focusout); - mobile_input_focus_style(true); - $(ev.relatedTarget).off("focusout"); - }); - $mi.off("focusout"); - mobile_input_focus_style(false); - } - else - { - // force focus to stay on the mobile input. For iOS purposes, this - // is the only thing I've tried that works. This *can't* happen in - // a timeout, or the temporary loss of focus is enough to close - // the keyboard. - // Bug: tapping chat close hides the keyboard - $mi[0].focus(); - } - } +function toggle_full_window_dungeon_view(full) { + // Toggles the dungeon view for X map mode + if (layout_parameters == null) return; + if (full) { + let width = layout_parameters.remaining_width; + let height = layout_parameters.remaining_height; - function mobile_input_force_defocus() - { - var $mi = $("#mobile_input input"); - // remove any event handlers first - $mi.off("focusout"); - mobile_input_focus_style(false); - $mi.blur(); + if (options.get("tile_level_map_hide_sidebar") === true) { + width = layout_parameters.window_width - 5; + $("#right_column").hide(); } - - function mobile_input_click(ev) - { - var $mi = $("#mobile_input input"); - if (mobile_input_focused()) - { - mobile_input_force_defocus(); - ev.preventDefault(); - } - else - { - $mi.off("focusout").on("focusout", mobile_input_focusout); - mobile_input_focus_style(true); - $mi.focus(); - ev.preventDefault(); - } + if (options.get("tile_level_map_hide_messages") === true) { + height = layout_parameters.window_height - 5; + messages.hide(); } - - $(document).ready(function () { - $(window) - .off("resize.game") - .on("resize.game", function () { - if (layout_parameters) - { - var params = $.extend({}, layout_parameters); - layout(params); - } - $("#action-panel").triggerHandler("update"); - }); - }); - - comm.register_handlers({ - "delay": handle_delay, - "version": handle_version, - "layout": handle_set_layout, - "ui_state": handle_set_ui_state, - "ui_cutoff": handle_set_ui_cutoff, - "input_mode": handle_set_input_mode, + $(".action-panel").hide(); + + dungeon_renderer.fit_to(width, height, show_diameter); + } else { + dungeon_renderer.fit_to( + layout_parameters.remaining_width, + layout_parameters.remaining_height, + show_diameter + ); + $("#right_column").show(); + $(".action-panel").show(); + messages.show(); + } + minimap.stop_minimap_farview(); + minimap.update_overlay(); + display.invalidate(true); + display.display(); +} + +function set_ui_state(state) { + dungeon_renderer.set_ui_state(state); + if (state === ui_state) return; + + const old_state = ui_state; + ui_state = state; + switch (ui_state) { + case enums.ui.NORMAL: + client.set_layer("normal"); + if (old_state === enums.ui.VIEW_MAP) + toggle_full_window_dungeon_view(false); + break; + + case enums.ui.CRT: + client.set_layer("crt"); + break; + + case enums.ui.VIEW_MAP: + toggle_full_window_dungeon_view(true); + break; + } +} + +function handle_set_layout(data) { + if (data.message_pane.height) { + msg_height = + data.message_pane.height + (data.message_pane.small_more ? 0 : -1); + messages.message_pane_height = msg_height; + } else msg_height = messages.message_pane_height; + + if (layout_parameters == null) layout({}); + else { + const params = $.extend({}, layout_parameters); + layout(params, true); + } +} + +function handle_set_ui_state(data) { + set_ui_state(data.state); +} + +function handle_set_ui_cutoff(data) { + const popups = document.querySelectorAll("#ui-stack > .ui-popup"); + Array.from(popups).forEach((p, i) => { + p.classList.toggle("hidden", i <= data.cutoff); + }); +} + +function set_input_mode(mode) { + if (mode === input_mode) return; + input_mode = mode; + dungeon_renderer.update_mouse_mode(input_mode); + if (mode === enums.mouse_mode.COMMAND) messages.new_command(); +} + +game.get_input_mode = () => input_mode; +game.get_ui_state = () => ui_state; + +game.can_target = () => + input_mode === enums.mouse_mode.TARGET || + input_mode === enums.mouse_mode.TARGET_DIR || + input_mode === enums.mouse_mode.TARGET_PATH; +game.can_move = () => { + // XX just looking + return ( + input_mode === enums.mouse_mode.COMMAND || ui_state === enums.ui.VIEW_MAP + ); +}; +game.can_describe = () => + input_mode === enums.mouse_mode.TARGET || + input_mode === enums.mouse_mode.TARGET_DIR || + input_mode === enums.mouse_mode.TARGET_PATH || + input_mode === enums.mouse_mode.COMMAND || + ui_state === enums.ui.VIEW_MAP; + +function handle_set_input_mode(data) { + set_input_mode(data.mode); +} + +function handle_delay(data) { + client.delay(data.t); +} + +let _game_version; +function handle_version(data) { + _game_version = data; + document.title = data.text; +} + +function glyph_mode_font_init() { + if (options.get("tile_display_mode") === "tiles") return; + + let glyph_font, glyph_size; + glyph_size = options.get("glyph_mode_font_size"); + glyph_font = options.get("glyph_mode_font"); + + if (!document.fonts.check(`${glyph_size}px ${glyph_font}`)) + glyph_font = "monospace"; + + const renderer_settings = { + glyph_mode_font_size: glyph_size, + glyph_mode_font: glyph_font, + }; + $.extend(dungeon_renderer, renderer_settings); +} + +function init_custom_text_colours() { + const root = document.querySelector(":root"); + + // Reset colours first + for (let i = 0; i < 16; i++) root.style.removeProperty(`--color-${i}`); + + // Load custom replacements + const colours = options.get("custom_text_colours"); + for (const i in colours) { + root.style.setProperty( + `--color-${colours[i].index}`, + "rgba(" + + colours[i].r + + ", " + + colours[i].g + + ", " + + colours[i].b + + ", 255)" + ); + } +} + +function is_mobile() { + return "ontouchstart" in document.documentElement; +} + +function handle_mobile_input(e) { + e.target.value = e.target.defaultValue; + comm.send_message("input", { text: e.originalEvent.data }); +} + +function handle_mobile_keydown(e) { + // translate backspace/delete to esc -- the backspace key is almost + // entirely unused outside of text input, and the lack of esc on a + // mobile keyboard is really painful. Text input doesn't go through + // this input, so that case is fine. (One minor case is the macro + // edit menu, but there's at least an alternate way to clear a + // binding.) + if (e.which === 8 || e.which === 46) { + comm.send_message("key", { keycode: 27 }); + e.preventDefault(); + return false; + } +} + +function mobile_input_focus_style(focused) { + // manually manage the style so that it doesn't blink when the + // focusout handler is doing its thing + const mi = $("#mobile_input input"); + if (focused) { + mi.attr("placeholder", "Tap here to close keyboard"); + mi.css("background", "rgba(100, 100, 100, 0.5)"); + } else { + mi.attr("placeholder", "Tap here for keyboard input"); + mi.css("background", "rgba(0, 0, 0, 0.5)"); + } +} + +function mobile_input_focused() { + return $("#mobile_input input").is(":focus"); +} + +function mobile_input_focusout(ev) { + const $mi = $("#mobile_input input"); + if (ev.relatedTarget && $(ev.relatedTarget).is("input")) { + // ok, we'll allow it, but we want it back later. As long as focus + // goes from input to input, the keyboard seems to stay open. + $(ev.relatedTarget) + .off("focusout") + .on("focusout", (ev) => { + $mi[0].focus(); + $mi.off("focusout").on("focusout", mobile_input_focusout); + mobile_input_focus_style(true); + $(ev.relatedTarget).off("focusout"); + }); + $mi.off("focusout"); + mobile_input_focus_style(false); + } else { + // force focus to stay on the mobile input. For iOS purposes, this + // is the only thing I've tried that works. This *can't* happen in + // a timeout, or the temporary loss of focus is enough to close + // the keyboard. + // Bug: tapping chat close hides the keyboard + $mi[0].focus(); + } +} + +function mobile_input_force_defocus() { + const $mi = $("#mobile_input input"); + // remove any event handlers first + $mi.off("focusout"); + mobile_input_focus_style(false); + $mi.blur(); +} + +function mobile_input_click(ev) { + const $mi = $("#mobile_input input"); + if (mobile_input_focused()) { + mobile_input_force_defocus(); + ev.preventDefault(); + } else { + $mi.off("focusout").on("focusout", mobile_input_focusout); + mobile_input_focus_style(true); + $mi.focus(); + ev.preventDefault(); + } +} + +$(document).ready(() => { + $(window) + .off("resize.game") + .on("resize.game", () => { + if (layout_parameters) { + const params = $.extend({}, layout_parameters); + layout(params); + } + $("#action-panel").triggerHandler("update"); }); +}); - // ugly circular reference breaking - mouse_control.game = game; +comm.register_handlers({ + delay: handle_delay, + version: handle_version, + layout: handle_set_layout, + ui_state: handle_set_ui_state, + ui_cutoff: handle_set_ui_cutoff, + input_mode: handle_set_input_mode, }); + +// ugly circular reference breaking +mouse_control.game = game; diff --git a/crawl-ref/source/webserver/client/game/src/key_conversion.js b/crawl-ref/source/webserver/client/game/src/key_conversion.js new file mode 100644 index 00000000000..000b187ef46 --- /dev/null +++ b/crawl-ref/source/webserver/client/game/src/key_conversion.js @@ -0,0 +1 @@ +export default window.DCSS.key_conversion; diff --git a/crawl-ref/source/webserver/client/game/src/main.js b/crawl-ref/source/webserver/client/game/src/main.js index 197a6e84c93..e629006152d 100644 --- a/crawl-ref/source/webserver/client/game/src/main.js +++ b/crawl-ref/source/webserver/client/game/src/main.js @@ -5,22 +5,10 @@ // import "./simplebar.css"; import "./game"; -// document.querySelector('#app')!.innerHTML = ` -//
-// -// -// -// -// -// -//

Vite + TypeScript

-//
-// -//
-//

-// Click on the Vite and TypeScript logos to learn more -//

-//
-// ` +import $ from "jquery"; +import client from "./client"; -// setupCounter(document.querySelector('#counter')!) +// Game initialisation (moved from inline script in html template) +$(document).trigger("game_preinit"); +$(document).trigger("game_init"); +client.uninhibit_messages(); diff --git a/crawl-ref/source/webserver/client/game/src/map_knowledge.js b/crawl-ref/source/webserver/client/game/src/map_knowledge.js index f32f5d30722..d3a8185a6ab 100644 --- a/crawl-ref/source/webserver/client/game/src/map_knowledge.js +++ b/crawl-ref/source/webserver/client/game/src/map_knowledge.js @@ -1,227 +1,189 @@ -define(["jquery", "./enums", "./util"], function ($, enums, util) { - "use strict"; - - var k, player_on_level, monster_table, dirty_locs, bounds, bounds_changed; - - function init() - { - k = new Array(65536); - monster_table = {}; - dirty_locs = []; - bounds = null; - bounds_changed = false; +import $ from "jquery"; +import enums from "./enums"; +import util from "./util"; + +let k, player_on_level, monster_table, dirty_locs, bounds, bounds_changed; + +function init() { + k = new Array(65536); + monster_table = {}; + dirty_locs = []; + bounds = null; + bounds_changed = false; +} + +$(document).bind("game_init", init); + +function get(x, y) { + const key = util.make_key(x, y); + + while (key >= k.length) { + k = k.concat(new Array(k.length)); + } + + let val = k[key]; + if (val === undefined) { + val = { x: x, y: y }; + k[key] = val; + } + return val; +} + +function clear() { + k = new Array(65536); + monster_table = {}; + bounds = null; +} + +function visible(cell) { + if (cell.t) { + cell.t.bg = enums.prepare_bg_flags(cell.t.bg || 0); + return !cell.t.bg.UNSEEN && !cell.t.bg.MM_UNSEEN; + } + return false; +} + +function touch(x, y) { + const pos = y === undefined ? x : { x, y }; + const cell = get(pos.x, pos.y); + if (!cell.dirty) { + dirty_locs.push(pos); + cell.dirty = true; + } +} + +function merge_objects(current, diff) { + if (!current) return diff; + + for (const prop in diff) current[prop] = diff[prop]; + + return current; +} + +function set_monster_defaults(mon) { + mon.att = mon.att || 0; +} + +function merge_monster(old_mon, mon) { + if (old_mon?.refs) { + old_mon.refs--; + } + + if (!mon) { + return null; + } + + const id = mon.id; + + let last = monster_table[id]; + if (!last) { + if (old_mon) last = merge_objects(merge_objects({}, old_mon), mon); + else { + last = mon; + set_monster_defaults(last); } - - $(document).bind("game_init", init); - - function get(x, y) - { - var key = util.make_key(x, y); - - while (key >= k.length) { - k = k.concat(new Array(k.length)); - } - - var val = k[key]; - if (val === undefined) { - val = {x: x, y: y}; - k[key] = val; - } - return val; - } - - function clear() - { - k = new Array(65536); - monster_table = {}; - bounds = null; - } - - function visible(cell) - { - if (cell.t) - { - cell.t.bg = enums.prepare_bg_flags(cell.t.bg || 0); - return !cell.t.bg.UNSEEN && !cell.t.bg.MM_UNSEEN; - } - return false; - } - - function touch(x, y) - { - var pos = (y === undefined) ? x : {x: x, y: y}; - var cell = get(pos.x, pos.y); - if (!cell.dirty) - dirty_locs.push(pos); - cell.dirty = true; - } - - function merge_objects(current, diff) - { - if (!current) - return diff; - - for (var prop in diff) - current[prop] = diff[prop]; - - return current; - } - - function set_monster_defaults(mon) - { - mon.att = mon.att || 0; + } else { + merge_objects(last, mon); + } + + if (id) { + last.refs = last.refs || 0; + last.refs++; + monster_table[id] = last; + } + + return last; +} + +function clean_monster_table() { + for (const id in monster_table) { + if (!monster_table[id].refs) delete monster_table[id]; + } +} + +let merge_last_x, merge_last_y; + +function merge(val) { + if (val === undefined) return; + + let x, y; + if (val.x === undefined) x = merge_last_x + 1; + else x = val.x; + if (val.y === undefined) y = merge_last_y; + else y = val.y; + merge_last_x = x; + merge_last_y = y; + + const entry = get(x, y); + + for (const prop in val) { + if (prop === "mon") { + entry[prop] = merge_monster(entry[prop], val[prop]); + } else if (prop === "t") { + entry[prop] = merge_objects(entry[prop], val[prop]); + + // The transparency flag is linked to the doll; + // if the doll changes, it is reset + if (val[prop].doll && val[prop].trans === undefined) + entry[prop].trans = false; + } else entry[prop] = val[prop]; + } + + touch(x, y); + + if (bounds) { + if (bounds.left > x) { + bounds.left = x; + bounds_changed = true; } - - function merge_monster(old_mon, mon) - { - if (old_mon && old_mon.refs) - { - old_mon.refs--; - } - - if (!mon) - { - return null; - } - - var id = mon.id; - - var last = monster_table[id]; - if (!last) - { - if (old_mon) - last = merge_objects(merge_objects({}, old_mon), mon); - else - { - last = mon; - set_monster_defaults(last); - } - } - else - { - merge_objects(last, mon); - } - - if (id) - { - last.refs = last.refs || 0; - last.refs++; - monster_table[id] = last; - } - - return last; + if (bounds.right < x) { + bounds.right = x; + bounds_changed = true; } - - function clean_monster_table() - { - for (var id in monster_table) - { - if (!monster_table[id].refs) - delete monster_table[id]; - } + if (bounds.top > y) { + bounds.top = y; + bounds_changed = true; } - - var merge_last_x, merge_last_y; - - function merge(val) - { - if (val === undefined) return; - - var x, y; - if (val.x === undefined) - x = merge_last_x + 1; - else - x = val.x; - if (val.y === undefined) - y = merge_last_y; - else - y = val.y; - merge_last_x = x; - merge_last_y = y; - - var entry = get(x, y); - - for (var prop in val) - { - if (prop == "mon") - { - entry[prop] = merge_monster(entry[prop], val[prop]); - } - else if (prop == "t") - { - entry[prop] = merge_objects(entry[prop], val[prop]); - - // The transparency flag is linked to the doll; - // if the doll changes, it is reset - if (val[prop].doll && val[prop].trans === undefined) - entry[prop].trans = false; - } - else - entry[prop] = val[prop]; - } - - touch(x, y); - - if (bounds) - { - if (bounds.left > x) - { - bounds.left = x; - bounds_changed = true; - } - if (bounds.right < x) - { - bounds.right = x; - bounds_changed = true; - } - if (bounds.top > y) - { - bounds.top = y; - bounds_changed = true; - } - if (bounds.bottom < y) - { - bounds.bottom = y; - bounds_changed = true; - } - } - else - { - bounds = { - left: x, - top: y, - right: x, - bottom: y - }; - } - + if (bounds.bottom < y) { + bounds.bottom = y; + bounds_changed = true; } - - function merge_diff(vals) - { - $.each(vals, function (i, val) - { - merge(val); - }); - - clean_monster_table(); - }; - - return { - get: get, - merge: merge_diff, - clear: clear, - touch: touch, - visible: visible, - player_on_level: function () { return player_on_level; }, - set_player_on_level: function (v) { player_on_level = v; }, - dirty: function () { return dirty_locs; }, - reset_dirty: function () { dirty_locs = []; }, - bounds: function () { return bounds; }, - reset_bounds_changed: function () { - var bc = bounds_changed; - bounds_changed = false; - return bc; - }, + } else { + bounds = { + left: x, + top: y, + right: x, + bottom: y, }; -}); + } +} + +function merge_diff(vals) { + $.each(vals, (_i, val) => { + merge(val); + }); + + clean_monster_table(); +} + +export default { + get: get, + merge: merge_diff, + clear: clear, + touch: touch, + visible: visible, + player_on_level: () => player_on_level, + set_player_on_level: (v) => { + player_on_level = v; + }, + dirty: () => dirty_locs, + reset_dirty: () => { + dirty_locs = []; + }, + bounds: () => bounds, + reset_bounds_changed: () => { + const bc = bounds_changed; + bounds_changed = false; + return bc; + }, +}; diff --git a/crawl-ref/source/webserver/client/game/src/menu.js b/crawl-ref/source/webserver/client/game/src/menu.js index fa892ffc057..4bf4f405060 100644 --- a/crawl-ref/source/webserver/client/game/src/menu.js +++ b/crawl-ref/source/webserver/client/game/src/menu.js @@ -1,1134 +1,989 @@ -define(["jquery", "comm", "client", "./ui", "./enums", "./cell_renderer", - "./util", "./options", "./scroller"], -function ($, comm, client, ui, enums, cr, util, options, scroller) { - "use strict"; - - // Helpers - - function item_selectable(item) - { - // TODO: the logic on the c++ side is somewhat different here - return item.level == 2 - // in the use item menu, selecting a non-hotkeyed item triggers - // relettering on the server - && (menu.tag == "use_item" || item.hotkeys && item.hotkeys.length); - } - - function item_text(item) - { - return item.text; - } - - function item_colour(item) - { - if (item.colour === undefined) - return 7; - return item.colour; - } - - function menu_title_indent() - { - if (!options.get("tile_menu_icons") - || options.get("tile_display_mode") !== "tiles" - || !(menu.tag === "ability" || menu.tag === "spell")) - return 0; - return 32 + 2; // menu
    has a 2px margin - } - - function set_item_contents(item, elem) - { - elem.html(util.formatted_string_to_html(item_text(item))); - elem.css('min-height', '0.5em'); - var col = item_colour(item); - elem.removeClass(); - elem.addClass("level" + item.level); - elem.addClass("fg" + col); - - if (item.level < 2) - elem.css("padding-left", menu_title_indent()+"px"); - - if (item_selectable(item)) - { - elem.addClass("selectable"); - elem.off("click.menu_item").off("contextmenu.menu_item"); - elem.on("click.menu_item", item_click_handler) - .on("contextmenu.menu_item", item_click_handler); - } - - if (item.tiles && item.tiles.length > 0 - && options.get("tile_display_mode") == "tiles") - { - var renderer = new cr.DungeonCellRenderer(); - var canvas = $(""); - util.init_canvas(canvas[0], renderer.cell_width, - renderer.cell_height); - canvas.css("vertical-align", "middle"); - renderer.init(canvas[0]); - - $.each(item.tiles, function () { - renderer.draw_from_texture(this.t, 0, 0, this.tex, 0, 0, this.ymax, false); - }); - - elem.prepend(canvas); - } - } - - var menu_stack = []; - var menu = null; - var update_server_scroll_timeout = null; - var menu_close_timeout = null; - var mouse_hover_suppressed = null; - - function add_hover_class(item) - { - if (item < 0 || item >= menu.items.length) - return; - menu.items[item].elem.addClass("hovered"); - } - - function remove_hover_class(item) - { - if (item < 0 || item >= menu.items.length) - return; - menu.items[item].elem.removeClass("hovered"); - } - - function mouse_set_hovered(index) - { - if (mouse_hover_suppressed) - return; - if (index >= 0 && - (index < menu.first_part_visible || index > menu.last_part_visible)) - { - return; - } - set_hovered(index, false, true); - } - - function clear_suppress() - { - mouse_hover_suppressed = null; - } - - function suppress_mouse_hover() - { - // ugh -- keep mouseenter from triggering, is there a better way? - if (mouse_hover_suppressed) - clearTimeout(mouse_hover_suppressed); - mouse_hover_suppressed = setTimeout(clear_suppress, 200); - } - - function set_hovered(index, snap=true, from_mouse=false) - { - if (index >= menu.items.length) - index = Math.max(0, menu.items.length - 1); - if (index == menu.last_hovered - && (index < 0 || item_selectable(menu.items[index]))) - { - // just make sure the hover class is set correctly - add_hover_class(menu.last_hovered); - return; - } - remove_hover_class(menu.last_hovered); - if (index < 0 || item_selectable(menu.items[index])) - { - menu.last_hovered = index; - add_hover_class(menu.last_hovered); - if (menu.last_hovered >= 0 && snap == true) - snap_in_page(menu.last_hovered); - comm.send_message("menu_hover", - { - hover: menu.last_hovered, - mouse: from_mouse - }); - } - } - - function menu_cleanup() - { - menu_stack = []; - menu = null; - if (update_server_scroll_timeout) - { - clearTimeout(update_server_scroll_timeout); - update_server_scroll_timeout = null; - } - if (menu_close_timeout) - { - clearTimeout(menu_close_timeout); - menu_close_timeout = null; - } - mouse_hover_suppressed = null; - } - - function display_menu() - { - var menu_div = $(".templates > .menu").clone(); - menu_div.addClass("menu_" + menu.tag); - menu.elem = menu_div; - - if (menu.type === "crt") - { - // Custom-drawn CRT menu - menu_div.removeClass("menu").addClass("menu_txt"); - ui.show_popup(menu_div, menu["ui-centred"]); - return; - } - - // Normal menu - menu_div.prepend("
    "); - update_title(); - - var content_div= $("
    "); - menu_div.append(content_div); - - var items_inner = $("
    "); - content_div.append(items_inner); - - var container = $("
      "); - items_inner.append(container); - - var chunk = menu.items; - menu.items = { length: menu.total_items }; - menu.first_present = 999999; - menu.last_present = -999999; - update_item_range(menu.chunk_start, chunk); - - menu.scroller = scroller(content_div[0]); - menu.scroller.scrollElement.addEventListener('scroll', menu_scroll_handler); - - menu_div.append("
      "); - update_more(); - - if (client.is_watching()) - menu.following_player_scroll = true; - - // suppress mouseenter events on initial display. It might be nice - // to do this only if the cursor is currently hiddent, but I haven't - // been able to reliably detect that. - suppress_mouse_hover(); - - ui.show_popup(menu_div, menu["ui-centred"]); - handle_size_change(); - - // if we get focus back after a popup over this one, don't use mouse - // position at the time to set hover: - $(ui.top_popup()).on("focusin", - function (ev) - { - suppress_mouse_hover(); - }); - - if (menu.flags & enums.menu_flag.START_AT_END) - scroll_bottom_to_item(menu.items.length - 1, true); - else if (menu.jump_to) - scroll_to_item(menu.jump_to, true); - else if (menu.items.length > 0) - scroll_to_item(0, true); - - if (menu.last_hovered >= 0) - add_hover_class(menu.last_hovered); - } - - function prepare_hoverable_item(item) - { - // TODO: mouse movement over a menu item after hover has been moved - // off it by arrows isn't enough to restore hover; moving the - // mouse cursor in and out is needed. Worth addressing? - item.elem.hover( - function() { - mouse_set_hovered($(this).index()); - }, function() { - // XX if this uses mouse_set_hovered, the timing seems - // to be extremely flaky w.r.t. a new hover. - if (!(menu.flags & enums.menu_flag.ARROWS_SELECT)) - set_hovered(-1); - // otherwise, keep the hover unless mousenter moves it into - // a new cell - }); - } - - function prepare_item_range(start, end, container) - { - // Guarantees that the given (inclusive) range of item indices - // exists - - if (start < 0) start = 0; - if (end >= menu.total_items) - end = menu.total_items - 1; - - if (start >= menu.total_items || end < 0) - return; - - // Find out which indices are missing. This assumes that all - // missing items are in a continuous range, which is the case - // as long as the only ways to jump farther than chunk_size are - // home and end. - while (menu.items[start] !== undefined && start <= end) - start++; - if (start > end) return; - while (menu.items[end] !== undefined && start <= end) - end--; - - container = container || menu.elem.find(".menu_contents_inner ol"); - - // Find the place where we add the new elements - var present_index = end; - while (present_index < menu.total_items - && menu.items[present_index] === undefined) - { - present_index++; - } - var anchor = null; - if (menu.items[present_index]) - anchor = menu.items[present_index].elem; - - // Create the placeholders - for (var i = start; i <= end; ++i) - { - var item = { - level: 2, - text: "...", - index: i - }; - var elem = $("
    1. ...
      2. "); - elem.data("item", item); - elem.addClass("placeholder"); - item.elem = elem; - prepare_hoverable_item(item); - - if (anchor) - anchor.before(elem); - else - container.append(elem); - - menu.items[i] = item; - } - - if (start < menu.first_present) - menu.first_present = start; - if (end > menu.last_present) - menu.last_present = end; - } - - function update_item_range(chunk_start, items_list) - { - prepare_item_range(0, menu.total_items-1); - for (var i = 0; i < items_list.length; ++i) - { - var real_index = i + chunk_start; - var item = menu.items[real_index]; - if (!item) continue; - var new_item = items_list[i]; - if (typeof new_item === "string") - { - new_item = { - type: 2, - text: new_item - }; - } - // Probably this could should simply replace item? But I'm nervous - // about changing it from extend... - $.extend(item, new_item); - if (new_item.colour === undefined) - delete item.colour; - if (new_item.tiles === undefined) - delete item.tiles; - if (new_item.hotkeys === undefined) - delete item.hotkeys; - - set_item_contents(item, item.elem); - } - } - - // Scrolling functions - - function next_hoverable_item(reverse, starting_point, start_at_starting_point=false) - { - // port of some logic in menu.cc - var items_tried = 0; - var max_items; - - menu.flags - if (menu.flags & enums.menu_flag.WRAP) - max_items = menu.items.length; - else if (reverse) - max_items = menu.last_hovered; // up arrow on no hover does nothing - else - max_items = menu.items.length - Math.max(starting_point, 0); - - if (start_at_starting_point && menu.items.length > 0) - max_items = Math.max(max_items, 1); // consider at least the starting point - - if (max_items <= 0) - return -1; - - var new_hover = starting_point; - if (reverse && new_hover < 0) - new_hover = 0; - var found = false; - if (!start_at_starting_point) - new_hover = new_hover + (reverse ? -1 : 1); - - // find an item that can be selected in the first place - while (items_tried < max_items) - { - items_tried++; - if (menu.flags & enums.menu_flag.WRAP) - new_hover = (new_hover + menu.items.length) % menu.items.length; - new_hover = Math.max(0, Math.min(new_hover, menu.items.length - 1)); - if (item_selectable(menu.items[new_hover])) // TODO: not identical to c++ logic - { - found = true; - break; - } - new_hover = new_hover + (reverse ? -1 : 1); - // new_hover may be invalid if loop exits now, but we don't use it - } - if (!found) - return -1; - return new_hover; - } - - function cycle_hover(reverse) - { - var next = next_hoverable_item(reverse, menu.last_hovered); - if (next != -1) - set_hovered(next); - } - - // return a positive or negative number indicating hover relative to the - // current pane. Will return 0 if there is no current hover. - function get_relative_hover() - { - // XX this function has some heuristics to deal with the fact that - // headers mess up relative hover, and they still aren't perfect - if (menu.last_hovered < 0 || menu.items.length == 0) - return 0; - - // use a negative relative hover if we are on the last element, to - // prevent a common weird interaction with headers. XX should this be - // generalized? - if (menu.last_visible == menu.last_hovered) - return -1; - - var relative_hover = menu.last_hovered - menu.first_visible; - - var headers = 0; - - // factor out headers - for (var i = 0; i <= relative_hover; i++) - if (menu.items[menu.first_visible + i].level < 2) - headers += 1; - relative_hover = Math.max(0, relative_hover - headers); - - return relative_hover; - } - - // set the hover relative to the current pane. If the value is negative, - // index from the end. The value ignores non-hoverable items (headers). - function set_relative_hover(relative_hover) - { - if (menu.items.length == 0) - return; - var hover_target = 0; - if (relative_hover >= 0) - { - // skip headers - for (var i = 0; i <= relative_hover - && menu.first_visible + i <= menu.last_visible; i++) - { - if (menu.items[menu.first_visible + i].level < 2) - relative_hover += 1; - } - - hover_target = menu.first_visible + relative_hover; - } - else // XX headers not handled - hover_target = menu.last_visible + relative_hover + 1; - - // don't scroll -- lock to whatever is currently visible - if (hover_target > menu.last_visible) - hover_target = menu.last_visible; - else if (hover_target < menu.first_visible) - hover_target = menu.first_visible; - set_hovered(next_hoverable_item(false, hover_target, true), true); - } - - function paging(up) - { - if (menu.items.length == 0) - return; - if ((menu.flags & enums.menu_flag.ARROWS_SELECT) && menu.last_hovered < 0) - menu.last_hovered = menu.first_visible; - var adjust_hover = menu.last_hovered >= 0; - var relative_hover = get_relative_hover(); - if (up) - { - // if we are already at the top, don't scroll, and move any hover - // to the top - if (menu.first_visible == 0) - relative_hover = 0; - else - scroll_bottom_to_item(menu.first_visible); - } - else - { - // if we are already at the end, don't scroll, and move any hover - // to the end - if (menu.last_visible == menu.items.length - 1) - relative_hover = -1; - else - scroll_to_item(menu.last_visible); - } - - if (adjust_hover) - set_relative_hover(relative_hover) - } - - function line_down() - { - if (menu.length <= 0) - return; - var next = menu.first_visible + 1; - // treat a header and a following item as one item - if (menu.items[menu.first_visible].level < 2) - next = next + 1; - if (next >= menu.items.length) - next = menu.items.length - 1; - scroll_to_item(next); - snap_hover_in_page(); - } - - function line_up() - { - var previous = menu.first_visible - 1; - if (previous < 0) - previous = 0; - scroll_to_item(previous); - snap_hover_in_page(); - } - - function snap_hover_in_page() - { - if (menu.last_hovered < 0) - return; - else if (menu.last_hovered < menu.first_visible) - set_hovered(menu.first_visible, false); - else if (menu.last_hovered > menu.last_visible) - set_hovered(menu.last_visible, false); - } - - function snap_in_page(index) - { - // simpler than the c++ version! visible indices already calculated - if (index < 0 || index >= menu.items.length) - return; - // the `<=` here is in order to check if a hovered first_visible item - // is preceded by a header - if (index <= menu.first_visible) - scroll_to_item(index); - else if (index >= menu.last_visible) - scroll_bottom_to_item(index); - } - - function scroll_to_item(item_or_index, was_server_initiated) - { - var index = (item_or_index.elem ? - item_or_index.index : item_or_index); - if (menu.items.length == 0) - return; - - var item = (item_or_index.elem ? - item_or_index : menu.items[item_or_index]); - // ensure that an immediately preceding heading is visible - if (item.index > 0 && menu.items[item.index - 1].level < 2) - item = menu.items[item.index - 1]; - if (item.index == menu.first_visible) - return; - var contents = $(menu.scroller.scrollElement); - var baseline = contents.children()[0].getBoundingClientRect().top; - var elem_y = item.elem[0].getBoundingClientRect().top; - if (menu.flags & enums.menu_flag.ARROWS_SELECT) - suppress_mouse_hover(); - - // allow a bit of extra space for the fade, number may need more tuning - contents[0].scrollTop = Math.max(0, elem_y - baseline - 18); - - menu.anchor_last = false; - menu_scroll_handler(was_server_initiated); - } - - function scroll_bottom_to_item(item_or_index, was_server_initiated) - { - var index = (item_or_index.elem ? - item_or_index.index : item_or_index); - if (menu.items.length == 0 || menu.last_visible == index) - return; - - var item = (item_or_index.elem ? - item_or_index : menu.items[item_or_index]); - var contents = $(menu.scroller.scrollElement); - var baseline = contents.children().offset().top; - - if (menu.flags & enums.menu_flag.ARROWS_SELECT) - suppress_mouse_hover(); - - // allow a bit of extra space for the fade, number may need more tuning - contents.scrollTop(item.elem.offset().top + item.elem.height() + 24 - - baseline - menu.elem.find(".menu_contents").innerHeight()); - - menu.anchor_last = true; - menu_scroll_handler(was_server_initiated); - } - - function update_visible_indices() - { - var $contents = menu.elem.find(".menu_contents"); - var container_rect = $contents.children()[0].getBoundingClientRect(); - var top = Math.max(container_rect.top, 0); - var bottom = Math.min(container_rect.bottom, - $(window).scrollTop() + $(window).height()); - var i; - - // initialize these to ensure that they are never NaN, even if we have - // strange values for the bounding boxes - menu.first_visible = 0; - menu.last_visible = Math.max(0, menu.items.length - 1); - menu.first_part_visible = -1; - menu.last_part_visible = -1; - - for (i = 0; i < menu.items.length; i++) - { - const item = menu.items[i]; - const item_rect = item.elem[0].getBoundingClientRect(); - // +1 here is for float issues - if (item_rect.top + 1.0 >= top) - { - menu.first_visible = i; - break; - } - else if (item_rect.bottom - top > 10) // XX 10 here is a bit heuristic - menu.first_part_visible = i; - } - for (; i < menu.items.length; i++) - { - const item = menu.items[i]; - const item_rect = item.elem[0].getBoundingClientRect(); - // -1 here is for float issues - if (item_rect.bottom - 1.0 >= bottom) - { - // one after the last visible item - if (bottom - item_rect.top > 10) - menu.last_part_visible = i; - break; - } - else - menu.last_visible = i; - } - if (menu.first_part_visible === -1) - menu.first_part_visible = menu.first_visible; - if (menu.last_part_visible === -1) - menu.last_part_visible = menu.last_visible; - update_more(); - } - - function update_server_scroll() - { - if (update_server_scroll_timeout) - { - clearTimeout(update_server_scroll_timeout); - update_server_scroll_timeout = null; - } - - if (!menu || menu.type == "crt") - return; - - update_visible_indices(); - comm.send_message("menu_scroll", { - first: menu.first_visible, - last: menu.last_visible, - hover: menu.last_hovered - }); - } - - function schedule_server_scroll() - { - if (!update_server_scroll_timeout) - update_server_scroll_timeout = setTimeout(update_server_scroll, 100); - } - - function update_title() - { - var title = menu.elem.find(".menu_title") - title.html(util.formatted_string_to_html(menu.title.text)); - title.css("padding-left", menu_title_indent()+"px"); - } - - function title_prompt(data) - { - var prompt; - - var restore = function () { - if (!client.is_watching || !client.is_watching()) - $("#title_prompt").blur(); - menu.elem.find(".menu_title").removeClass("raw_input_mode"); - update_title(); - }; - - // manual close from server side: used for raw input mode - if (data && data.close) - { - restore(); - return; - } - - var title = menu.elem.find(".menu_title"); - if (data && data.raw) - { - title.addClass("raw_input_mode") - return; // everything else is handled manually, including exiting - } - - if (!data || !data.prompt) - prompt = "Select what? (regex) "; - else - prompt = data.prompt; - title.html(prompt); - var input = $(""); - title.append(input); - - // unclear to me exactly why a timeout is needed but it seems to be - if (!client.is_watching || !client.is_watching()) - setTimeout(function () { input.focus(); }, 50); - - // escape handling: ESC is intercepted in ui.js and triggers blur(), so - // can't be handled directly here - input.focusout(function (ev) - { - ev.preventDefault(); - comm.send_message("key", { keycode: 27 }); // Send ESC - return false; - }) - - if (menu.tag == "macro_mapping") - { - input.keypress(function (ev) { - var chr = String.fromCharCode(event.which); - if (chr == '?') - { - // TODO: a popup from here does not take focus over - // the input, which is still receiving keys. But I'm not - // sure how to fix... - comm.send_message("key", { keycode: ev.which }); - ev.preventDefault(); - return false; - } - }); - } - - input.keydown(function (ev) { - if (ev.which == 13) - { - // somewhat hacky / oldschool: just send the text + enter. - // TODO: sync via explicit json - // first, remove the focusout handler, since this will defocus - input.off("focusout"); - var enter = String.fromCharCode(13); - var text = input.val() + enter; - comm.send_message("input", { text: text }); - - restore(); - ev.preventDefault(); - return false; - } - }); - } - - // Message handlers - - function open_menu(data) - { - if (data.replace) - { - menu_stack.pop(); - ui.hide_popup(); - } - menu_stack.push(data); - menu = data; - - display_menu(); - } - - function close_menu() - { - if (menu_stack.length > 1 - && menu_stack[menu_stack.length - 2].last_hovered >= 0) - { - suppress_mouse_hover(); - } - menu_stack.pop(); - ui.hide_popup(); - menu = menu_stack[menu_stack.length - 1]; - } - - function close_all_menus() - { - while (menu_stack.length > 0) - close_menu(); - } - - function update_more() - { - if (menu.type != "crt") - { - const contents_height = menu.elem.find(".menu_contents_inner").height(); - const contents = $(menu.scroller.scrollElement); - const avail_height = contents.height(); - var shown_more = contents_height > avail_height - ? menu.more : menu.alt_more; - - const scroll_end = contents_height - avail_height; - var scroll_percent; - if (contents[0].scrollTop === 0 || scroll_end <= 0) - scroll_percent = "top"; - else if (contents[0].scrollTop >= scroll_end) - scroll_percent = "bot"; - else - { - scroll_percent = (contents[0].scrollTop * 100 - / scroll_end).toFixed(0) + "%"; - if (scroll_percent.length === 2) - scroll_percent = " " + scroll_percent; - } - shown_more = shown_more.replace(/XXX/, scroll_percent); - - var more = menu.elem.find(".menu_more"); - more.html(util.formatted_string_to_html(shown_more)); - more.css("padding-left", menu_title_indent()+"px"); - more[0].classList.toggle("hidden", shown_more.length === 0); - } - } - - function update_menu(data) - { - // n.b. this may overwrite hover, but we can't update it yet because - // menu items won't have been sent. `handle_size_change` will ensure - // that it does get synced, but are there cases where something more - // is needed? - $.extend(menu, data); - - var old_length = menu.items.length; - menu.items.length = menu.total_items; - if (menu.total_items < old_length) - { - for (var i = old_length; i >= menu.total_items; --i) - delete menu.items[i]; - // XX I don't really understand what `container` is doing here, but - // this code is required to shorten a menu - var container = $("ol"); - container.empty(); - $.each(menu.items, function(i, item) { - item.elem.data("item", item); - prepare_hoverable_item(item); - container.append(item.elem); - }); - } - update_title(); - update_more(); - } - - function update_menu_items(data) - { - update_item_range(data.chunk_start, data.items); - handle_size_change(); - } - - function server_menu_scroll(data) - { - if (!data.force && !client.is_watching()) - return; - - menu.server_first_visible = data.first; - if (menu.following_player_scroll || data.force) - { - scroll_to_item(data.first, true); - set_hovered(data.last_hovered); - update_more(); - } - } - - comm.register_handlers({ - "menu": open_menu, - "close_menu": close_menu, - "close_all_menus": close_all_menus, - "update_menu": update_menu, - "update_menu_items": update_menu_items, - "menu_scroll": server_menu_scroll, - "title_prompt": title_prompt, +import $ from "jquery"; +import cr from "./cell_renderer"; +import client from "./client"; +import comm from "./comm"; +import enums from "./enums"; +import options from "./options"; +import scroller from "./scroller"; +import ui from "./ui"; +import util from "./util"; + +// Helpers + +function item_selectable(item) { + // TODO: the logic on the c++ side is somewhat different here + return ( + item.level === 2 && + // in the use item menu, selecting a non-hotkeyed item triggers + // relettering on the server + (menu.tag === "use_item" || item.hotkeys?.length) + ); +} + +function item_text(item) { + return item.text; +} + +function item_colour(item) { + if (item.colour === undefined) return 7; + return item.colour; +} + +function menu_title_indent() { + if ( + !options.get("tile_menu_icons") || + options.get("tile_display_mode") !== "tiles" || + !(menu.tag === "ability" || menu.tag === "spell") + ) + return 0; + return 32 + 2; // menu
        has a 2px margin +} + +function set_item_contents(item, elem) { + elem.html(util.formatted_string_to_html(item_text(item))); + elem.css("min-height", "0.5em"); + const col = item_colour(item); + elem.removeClass(); + elem.addClass(`level${item.level}`); + elem.addClass(`fg${col}`); + + if (item.level < 2) elem.css("padding-left", `${menu_title_indent()}px`); + + if (item_selectable(item)) { + elem.addClass("selectable"); + elem.off("click.menu_item").off("contextmenu.menu_item"); + elem + .on("click.menu_item", item_click_handler) + .on("contextmenu.menu_item", item_click_handler); + } + + if ( + item.tiles && + item.tiles.length > 0 && + options.get("tile_display_mode") === "tiles" + ) { + const renderer = new cr.DungeonCellRenderer(); + const canvas = $(""); + util.init_canvas(canvas[0], renderer.cell_width, renderer.cell_height); + canvas.css("vertical-align", "middle"); + renderer.init(canvas[0]); + + $.each(item.tiles, function () { + renderer.draw_from_texture( + this.t, + 0, + 0, + this.tex, + 0, + 0, + this.ymax, + false + ); }); - // Event handlers - - function handle_size_change() - { - if (!menu || menu.type == "crt") - return; - - if (menu.last_hovered > menu.items.length) - menu.last_hovered = -1; // sanity check - // ensure hover class is properly set. - if (menu.last_hovered >= 0 && !item_selectable(menu.items[menu.last_hovered])) - { - // a mildly smarter behavior would find the first hoverable position - // ignoring headers - cycle_hover(false); - } - else - set_hovered(menu.last_hovered); - - if (menu.anchor_last) - scroll_bottom_to_item(menu.last_visible, true); - else if (menu.first_visible) - scroll_to_item(menu.first_visible, true); - else - update_visible_indices(); - - update_more(); - } - - function menu_scroll_handler(was_server_initiated) - { - // XXX: punt on detecting user-initiated scrolling for now - if (was_server_initiated === false) - menu.following_player_scroll = false; - - update_visible_indices(); - schedule_server_scroll(); - } - - function raw_arrow_keys() - { - return menu.tag == "macro_mapping" - && ($(".raw_input_mode").length // raw input mode is up - || menu.items.length == 0); // new binding input mode - } - - function menu_keydown_handler(event) - { - if (!menu || menu.type === "crt") return; - // can't check `hidden` class, which is on a 3x containing div - if (!ui.top_popup() || ui.top_popup().is(":hidden")) return; - if (ui.top_popup()[0] !== menu.elem[0]) return; - - if (event.altKey || event.ctrlKey) { - // ??? - if (update_server_scroll_timeout) - update_server_scroll(); - return; - } - - // keycodes only: characters go in menu_keypress_handler - // TODO: this should interface somehow with key_conversion.js - switch (event.which) - { - case 109: // numpad - - if (menu_has_custom_dash()) - break; - // otherwise, fall through to pageup: - case 33: // page up - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - paging(true); - event.preventDefault(); - return false; - case 107: // numpad + - case 34: // page down - if (raw_arrow_keys()) - break; - paging(); - event.preventDefault(); - return false; - case 35: // end - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - scroll_bottom_to_item(menu.total_items - 1); - if (menu.total_items > 0 && (menu.flags & enums.menu_flag.ARROWS_SELECT)) - set_hovered(next_hoverable_item(true, menu.total_items - 1, true)); - event.preventDefault(); - return false; - case 36: // home - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - scroll_to_item(0); - if (menu.flags & enums.menu_flag.ARROWS_SELECT) - set_hovered(next_hoverable_item(false, 0, true)); - event.preventDefault(); - return false; - case 38: // up - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - if ((menu.flags & enums.menu_flag.ARROWS_SELECT) && !event.shiftKey) - cycle_hover(true); - else - line_up(); - event.preventDefault(); - return false; - case 40: // down - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - if ((menu.flags & enums.menu_flag.ARROWS_SELECT) && !event.shiftKey) - cycle_hover(false); - else - line_down(); - event.preventDefault(); - return false; - case 37: // left - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - if (event.shiftKey) - { - line_up(); - event.preventDefault(); - return false; - } - break; - case 39: // right - if (raw_arrow_keys()) - break; // Treat input as raw, no need to scroll anyway - if (event.shiftKey) - { - line_down(); - event.preventDefault(); - return false; - } - break; - } - - if (update_server_scroll_timeout) - update_server_scroll(); - } - - function menu_has_custom_dash() - { - return menu.tag == "inventory" // drop/pickup use '-' to clear all (TODO: specific tag?) - || menu.tag == "stash" // TODO: ?? - || menu.tag == "actions" // '-' = clear quiver - || menu.tag == "macros" // '-' = clear all macros - || menu.tag == "macro_mapping" // leave available for binding - || menu.tag == "use_item"; // '-' = unwield - } - - function menu_keypress_handler(event) - { - if (!menu || menu.type === "crt") return; - if (!ui.top_popup() || ui.top_popup()[0] !== menu.elem[0]) return; - if (menu.tag == "macro_mapping") return; // Treat input as raw, no need - // to scroll anyway - - var chr = String.fromCharCode(event.which); - - if (chr == " " && (menu.flags & enums.menu_flag.MULTISELECT) - && (menu.flags & enums.menu_flag.ARROWS_SELECT)) - { - chr = "."; - } - - // characters only: keycodes go in menu_keydown_handler - switch (chr) - { - case "-": - if (menu_has_custom_dash()) - break; - // otherwise, fall through to pageup: - case "<": - if (menu.tag == "travel") - break; - case ";": - paging(true); - event.preventDefault(); - return false; - - case ">": - if (menu.tag == "travel") - break; - case "+": - case " ": - paging(); - event.preventDefault(); - return false; - } - - if (update_server_scroll_timeout) - update_server_scroll(); - } - - function item_click_handler(event) - { - if (update_server_scroll_timeout) - update_server_scroll(); - - var item = $(this).data("item"); - if (!item) return; - if (menu.flags & enums.menu_flag.ARROWS_SELECT) - { - set_hovered($(this).index()); // should be unnecesssary? - // TODO: send a select event, keycode is very ad hoc here - if (menu.flags & enums.menu_flag.SINGLESELECT) - { - if (event.which == 1) - comm.send_message("key", { keycode: 13 }); - else if (event.which == 3) - comm.send_message("input", { text: '\'' }); - } - else if (menu.flags & enums.menu_flag.MULTISELECT) - { - if (event.which == 1) - comm.send_message("key", { keycode: 32 }); - else if (event.which == 3) - comm.send_message("input", { text: '\'' }); - } - } - // TODO: don't rely on hotkeys here - else if (item.hotkeys && item.hotkeys.length && event.which == 1) - comm.send_message("key", { keycode: item.hotkeys[0] }); - } - - options.add_listener(function () - { - if (options.get("tile_font_crt_size") === 0) - { - $("#crt").css("font-size", ""); - $(".menu").css("font-size", ""); - } - else - { - $("#crt").css("font-size", - options.get("tile_font_crt_size") + "px"); - $(".menu").css("font-size", - options.get("tile_font_crt_size") + "px"); - } - - var family = options.get("tile_font_crt_family"); - if (family !== "" && family !== "monospace") - { - family += ", monospace"; - $("#crt").css("font-family", family); - $(".menu").css("font-family", family); - } - - handle_size_change(); + elem.prepend(canvas); + } +} + +let menu_stack = []; +let menu = null; +let update_server_scroll_timeout = null; +let menu_close_timeout = null; +let mouse_hover_suppressed = null; + +function add_hover_class(item) { + if (item < 0 || item >= menu.items.length) return; + menu.items[item].elem.addClass("hovered"); +} + +function remove_hover_class(item) { + if (item < 0 || item >= menu.items.length) return; + menu.items[item].elem.removeClass("hovered"); +} + +function mouse_set_hovered(index) { + if (mouse_hover_suppressed) return; + if ( + index >= 0 && + (index < menu.first_part_visible || index > menu.last_part_visible) + ) { + return; + } + set_hovered(index, false, true); +} + +function clear_suppress() { + mouse_hover_suppressed = null; +} + +function suppress_mouse_hover() { + // ugh -- keep mouseenter from triggering, is there a better way? + if (mouse_hover_suppressed) clearTimeout(mouse_hover_suppressed); + mouse_hover_suppressed = setTimeout(clear_suppress, 200); +} + +function set_hovered(index, snap = true, from_mouse = false) { + if (index >= menu.items.length) index = Math.max(0, menu.items.length - 1); + if ( + index === menu.last_hovered && + (index < 0 || item_selectable(menu.items[index])) + ) { + // just make sure the hover class is set correctly + add_hover_class(menu.last_hovered); + return; + } + remove_hover_class(menu.last_hovered); + if (index < 0 || item_selectable(menu.items[index])) { + menu.last_hovered = index; + add_hover_class(menu.last_hovered); + if (menu.last_hovered >= 0 && snap === true) + snap_in_page(menu.last_hovered); + comm.send_message("menu_hover", { + hover: menu.last_hovered, + mouse: from_mouse, }); - - $(document).off("game_init.menu") - .on("game_init.menu", function () { - menu_stack = []; - $(window).off("resize.menu") - .on("resize.menu", handle_size_change); - $(document).off("game_keydown.menu game_keypress.menu") - .on("game_keydown.menu", menu_keydown_handler) - .on("game_keypress.menu", menu_keypress_handler); - $(document).off("game_cleanup_menu") - .on("game_cleanup.menu", menu_cleanup); + } +} + +function menu_cleanup() { + menu_stack = []; + menu = null; + if (update_server_scroll_timeout) { + clearTimeout(update_server_scroll_timeout); + update_server_scroll_timeout = null; + } + if (menu_close_timeout) { + clearTimeout(menu_close_timeout); + menu_close_timeout = null; + } + mouse_hover_suppressed = null; +} + +function display_menu() { + const menu_div = $(".templates > .menu").clone(); + menu_div.addClass(`menu_${menu.tag}`); + menu.elem = menu_div; + + if (menu.type === "crt") { + // Custom-drawn CRT menu + menu_div.removeClass("menu").addClass("menu_txt"); + ui.show_popup(menu_div, menu["ui-centred"]); + return; + } + + // Normal menu + menu_div.prepend("
        "); + update_title(); + + const content_div = $("
        "); + menu_div.append(content_div); + + const items_inner = $("
        "); + content_div.append(items_inner); + + const container = $("
          "); + items_inner.append(container); + + const chunk = menu.items; + menu.items = { length: menu.total_items }; + menu.first_present = 999999; + menu.last_present = -999999; + update_item_range(menu.chunk_start, chunk); + + menu.scroller = scroller(content_div[0]); + menu.scroller.scrollElement.addEventListener("scroll", menu_scroll_handler); + + menu_div.append("
          "); + update_more(); + + if (client.is_watching()) menu.following_player_scroll = true; + + // suppress mouseenter events on initial display. It might be nice + // to do this only if the cursor is currently hiddent, but I haven't + // been able to reliably detect that. + suppress_mouse_hover(); + + ui.show_popup(menu_div, menu["ui-centred"]); + handle_size_change(); + + // if we get focus back after a popup over this one, don't use mouse + // position at the time to set hover: + $(ui.top_popup()).on("focusin", (_ev) => { + suppress_mouse_hover(); + }); + + if (menu.flags & enums.menu_flag.START_AT_END) + scroll_bottom_to_item(menu.items.length - 1, true); + else if (menu.jump_to) scroll_to_item(menu.jump_to, true); + else if (menu.items.length > 0) scroll_to_item(0, true); + + if (menu.last_hovered >= 0) add_hover_class(menu.last_hovered); +} + +function prepare_hoverable_item(item) { + // TODO: mouse movement over a menu item after hover has been moved + // off it by arrows isn't enough to restore hover; moving the + // mouse cursor in and out is needed. Worth addressing? + item.elem.hover( + function () { + mouse_set_hovered($(this).index()); + }, + () => { + // XX if this uses mouse_set_hovered, the timing seems + // to be extremely flaky w.r.t. a new hover. + if (!(menu.flags & enums.menu_flag.ARROWS_SELECT)) set_hovered(-1); + // otherwise, keep the hover unless mousenter moves it into + // a new cell + } + ); +} + +function prepare_item_range(start, end, container) { + // Guarantees that the given (inclusive) range of item indices + // exists + + if (start < 0) start = 0; + if (end >= menu.total_items) end = menu.total_items - 1; + + if (start >= menu.total_items || end < 0) return; + + // Find out which indices are missing. This assumes that all + // missing items are in a continuous range, which is the case + // as long as the only ways to jump farther than chunk_size are + // home and end. + while (menu.items[start] !== undefined && start <= end) start++; + if (start > end) return; + while (menu.items[end] !== undefined && start <= end) end--; + + container = container || menu.elem.find(".menu_contents_inner ol"); + + // Find the place where we add the new elements + let present_index = end; + while ( + present_index < menu.total_items && + menu.items[present_index] === undefined + ) { + present_index++; + } + let anchor = null; + if (menu.items[present_index]) anchor = menu.items[present_index].elem; + + // Create the placeholders + for (let i = start; i <= end; ++i) { + const item = { + level: 2, + text: "...", + index: i, + }; + const elem = $("
        1. ...
          2. "); + elem.data("item", item); + elem.addClass("placeholder"); + item.elem = elem; + prepare_hoverable_item(item); + + if (anchor) anchor.before(elem); + else container.append(elem); + + menu.items[i] = item; + } + + if (start < menu.first_present) menu.first_present = start; + if (end > menu.last_present) menu.last_present = end; +} + +function update_item_range(chunk_start, items_list) { + prepare_item_range(0, menu.total_items - 1); + for (let i = 0; i < items_list.length; ++i) { + const real_index = i + chunk_start; + const item = menu.items[real_index]; + if (!item) continue; + let new_item = items_list[i]; + if (typeof new_item === "string") { + new_item = { + type: 2, + text: new_item, + }; + } + // Probably this could should simply replace item? But I'm nervous + // about changing it from extend... + $.extend(item, new_item); + if (new_item.colour === undefined) delete item.colour; + if (new_item.tiles === undefined) delete item.tiles; + if (new_item.hotkeys === undefined) delete item.hotkeys; + + set_item_contents(item, item.elem); + } +} + +// Scrolling functions + +function next_hoverable_item( + reverse, + starting_point, + start_at_starting_point = false +) { + // port of some logic in menu.cc + let items_tried = 0; + let max_items; + + menu.flags; + if (menu.flags & enums.menu_flag.WRAP) max_items = menu.items.length; + else if (reverse) + max_items = menu.last_hovered; // up arrow on no hover does nothing + else max_items = menu.items.length - Math.max(starting_point, 0); + + if (start_at_starting_point && menu.items.length > 0) + max_items = Math.max(max_items, 1); // consider at least the starting point + + if (max_items <= 0) return -1; + + let new_hover = starting_point; + if (reverse && new_hover < 0) new_hover = 0; + let found = false; + if (!start_at_starting_point) new_hover = new_hover + (reverse ? -1 : 1); + + // find an item that can be selected in the first place + while (items_tried < max_items) { + items_tried++; + if (menu.flags & enums.menu_flag.WRAP) + new_hover = (new_hover + menu.items.length) % menu.items.length; + new_hover = Math.max(0, Math.min(new_hover, menu.items.length - 1)); + if (item_selectable(menu.items[new_hover])) { + // TODO: not identical to c++ logic + found = true; + break; + } + new_hover = new_hover + (reverse ? -1 : 1); + // new_hover may be invalid if loop exits now, but we don't use it + } + if (!found) return -1; + return new_hover; +} + +function cycle_hover(reverse) { + const next = next_hoverable_item(reverse, menu.last_hovered); + if (next !== -1) set_hovered(next); +} + +// return a positive or negative number indicating hover relative to the +// current pane. Will return 0 if there is no current hover. +function get_relative_hover() { + // XX this function has some heuristics to deal with the fact that + // headers mess up relative hover, and they still aren't perfect + if (menu.last_hovered < 0 || menu.items.length === 0) return 0; + + // use a negative relative hover if we are on the last element, to + // prevent a common weird interaction with headers. XX should this be + // generalized? + if (menu.last_visible === menu.last_hovered) return -1; + + let relative_hover = menu.last_hovered - menu.first_visible; + + let headers = 0; + + // factor out headers + for (let i = 0; i <= relative_hover; i++) + if (menu.items[menu.first_visible + i].level < 2) headers += 1; + relative_hover = Math.max(0, relative_hover - headers); + + return relative_hover; +} + +// set the hover relative to the current pane. If the value is negative, +// index from the end. The value ignores non-hoverable items (headers). +function set_relative_hover(relative_hover) { + if (menu.items.length === 0) return; + let hover_target = 0; + if (relative_hover >= 0) { + // skip headers + for ( + let i = 0; + i <= relative_hover && menu.first_visible + i <= menu.last_visible; + i++ + ) { + if (menu.items[menu.first_visible + i].level < 2) relative_hover += 1; + } + + hover_target = menu.first_visible + relative_hover; + } // XX headers not handled + else hover_target = menu.last_visible + relative_hover + 1; + + // don't scroll -- lock to whatever is currently visible + if (hover_target > menu.last_visible) hover_target = menu.last_visible; + else if (hover_target < menu.first_visible) hover_target = menu.first_visible; + set_hovered(next_hoverable_item(false, hover_target, true), true); +} + +function paging(up) { + if (menu.items.length === 0) return; + if (menu.flags & enums.menu_flag.ARROWS_SELECT && menu.last_hovered < 0) + menu.last_hovered = menu.first_visible; + const adjust_hover = menu.last_hovered >= 0; + let relative_hover = get_relative_hover(); + if (up) { + // if we are already at the top, don't scroll, and move any hover + // to the top + if (menu.first_visible === 0) relative_hover = 0; + else scroll_bottom_to_item(menu.first_visible); + } else { + // if we are already at the end, don't scroll, and move any hover + // to the end + if (menu.last_visible === menu.items.length - 1) relative_hover = -1; + else scroll_to_item(menu.last_visible); + } + + if (adjust_hover) set_relative_hover(relative_hover); +} + +function line_down() { + if (menu.length <= 0) return; + let next = menu.first_visible + 1; + // treat a header and a following item as one item + if (menu.items[menu.first_visible].level < 2) next = next + 1; + if (next >= menu.items.length) next = menu.items.length - 1; + scroll_to_item(next); + snap_hover_in_page(); +} + +function line_up() { + let previous = menu.first_visible - 1; + if (previous < 0) previous = 0; + scroll_to_item(previous); + snap_hover_in_page(); +} + +function snap_hover_in_page() { + if (menu.last_hovered < 0) return; + else if (menu.last_hovered < menu.first_visible) + set_hovered(menu.first_visible, false); + else if (menu.last_hovered > menu.last_visible) + set_hovered(menu.last_visible, false); +} + +function snap_in_page(index) { + // simpler than the c++ version! visible indices already calculated + if (index < 0 || index >= menu.items.length) return; + // the `<=` here is in order to check if a hovered first_visible item + // is preceded by a header + if (index <= menu.first_visible) scroll_to_item(index); + else if (index >= menu.last_visible) scroll_bottom_to_item(index); +} + +function scroll_to_item(item_or_index, was_server_initiated) { + const _index = item_or_index.elem ? item_or_index.index : item_or_index; + if (menu.items.length === 0) return; + + let item = item_or_index.elem ? item_or_index : menu.items[item_or_index]; + // ensure that an immediately preceding heading is visible + if (item.index > 0 && menu.items[item.index - 1].level < 2) + item = menu.items[item.index - 1]; + if (item.index === menu.first_visible) return; + const contents = $(menu.scroller.scrollElement); + const baseline = contents.children()[0].getBoundingClientRect().top; + const elem_y = item.elem[0].getBoundingClientRect().top; + if (menu.flags & enums.menu_flag.ARROWS_SELECT) suppress_mouse_hover(); + + // allow a bit of extra space for the fade, number may need more tuning + contents[0].scrollTop = Math.max(0, elem_y - baseline - 18); + + menu.anchor_last = false; + menu_scroll_handler(was_server_initiated); +} + +function scroll_bottom_to_item(item_or_index, was_server_initiated) { + const index = item_or_index.elem ? item_or_index.index : item_or_index; + if (menu.items.length === 0 || menu.last_visible === index) return; + + const item = item_or_index.elem ? item_or_index : menu.items[item_or_index]; + const contents = $(menu.scroller.scrollElement); + const baseline = contents.children().offset().top; + + if (menu.flags & enums.menu_flag.ARROWS_SELECT) suppress_mouse_hover(); + + // allow a bit of extra space for the fade, number may need more tuning + contents.scrollTop( + item.elem.offset().top + + item.elem.height() + + 24 - + baseline - + menu.elem.find(".menu_contents").innerHeight() + ); + + menu.anchor_last = true; + menu_scroll_handler(was_server_initiated); +} + +function update_visible_indices() { + const $contents = menu.elem.find(".menu_contents"); + const container_rect = $contents.children()[0].getBoundingClientRect(); + const top = Math.max(container_rect.top, 0); + const bottom = Math.min( + container_rect.bottom, + $(window).scrollTop() + $(window).height() + ); + let i; + + // initialize these to ensure that they are never NaN, even if we have + // strange values for the bounding boxes + menu.first_visible = 0; + menu.last_visible = Math.max(0, menu.items.length - 1); + menu.first_part_visible = -1; + menu.last_part_visible = -1; + + for (i = 0; i < menu.items.length; i++) { + const item = menu.items[i]; + const item_rect = item.elem[0].getBoundingClientRect(); + // +1 here is for float issues + if (item_rect.top + 1.0 >= top) { + menu.first_visible = i; + break; + } else if (item_rect.bottom - top > 10) + // XX 10 here is a bit heuristic + menu.first_part_visible = i; + } + for (; i < menu.items.length; i++) { + const item = menu.items[i]; + const item_rect = item.elem[0].getBoundingClientRect(); + // -1 here is for float issues + if (item_rect.bottom - 1.0 >= bottom) { + // one after the last visible item + if (bottom - item_rect.top > 10) menu.last_part_visible = i; + break; + } else menu.last_visible = i; + } + if (menu.first_part_visible === -1) + menu.first_part_visible = menu.first_visible; + if (menu.last_part_visible === -1) menu.last_part_visible = menu.last_visible; + update_more(); +} + +function update_server_scroll() { + if (update_server_scroll_timeout) { + clearTimeout(update_server_scroll_timeout); + update_server_scroll_timeout = null; + } + + if (!menu || menu.type === "crt") return; + + update_visible_indices(); + comm.send_message("menu_scroll", { + first: menu.first_visible, + last: menu.last_visible, + hover: menu.last_hovered, + }); +} + +function schedule_server_scroll() { + if (!update_server_scroll_timeout) + update_server_scroll_timeout = setTimeout(update_server_scroll, 100); +} + +function update_title() { + const title = menu.elem.find(".menu_title"); + title.html(util.formatted_string_to_html(menu.title.text)); + title.css("padding-left", `${menu_title_indent()}px`); +} + +function title_prompt(data) { + let prompt; + + const restore = () => { + if (!client.is_watching || !client.is_watching()) $("#title_prompt").blur(); + menu.elem.find(".menu_title").removeClass("raw_input_mode"); + update_title(); + }; + + // manual close from server side: used for raw input mode + if (data?.close) { + restore(); + return; + } + + const title = menu.elem.find(".menu_title"); + if (data?.raw) { + title.addClass("raw_input_mode"); + return; // everything else is handled manually, including exiting + } + + if (!data || !data.prompt) prompt = "Select what? (regex) "; + else prompt = data.prompt; + title.html(prompt); + const input = $( + "" + ); + title.append(input); + + // unclear to me exactly why a timeout is needed but it seems to be + if (!client.is_watching || !client.is_watching()) + setTimeout(() => { + input.focus(); + }, 50); + + // escape handling: ESC is intercepted in ui.js and triggers blur(), so + // can't be handled directly here + input.focusout((ev) => { + ev.preventDefault(); + comm.send_message("key", { keycode: 27 }); // Send ESC + return false; + }); + + if (menu.tag === "macro_mapping") { + input.keypress((ev) => { + const chr = String.fromCharCode(event.which); + if (chr === "?") { + // TODO: a popup from here does not take focus over + // the input, which is still receiving keys. But I'm not + // sure how to fix... + comm.send_message("key", { keycode: ev.which }); + ev.preventDefault(); + return false; + } + }); + } + + input.keydown((ev) => { + if (ev.which === 13) { + // somewhat hacky / oldschool: just send the text + enter. + // TODO: sync via explicit json + // first, remove the focusout handler, since this will defocus + input.off("focusout"); + const enter = String.fromCharCode(13); + const text = input.val() + enter; + comm.send_message("input", { text: text }); + + restore(); + ev.preventDefault(); + return false; + } + }); +} + +// Message handlers + +function open_menu(data) { + if (data.replace) { + menu_stack.pop(); + ui.hide_popup(); + } + menu_stack.push(data); + menu = data; + + display_menu(); +} + +function close_menu() { + if ( + menu_stack.length > 1 && + menu_stack[menu_stack.length - 2].last_hovered >= 0 + ) { + suppress_mouse_hover(); + } + menu_stack.pop(); + ui.hide_popup(); + menu = menu_stack[menu_stack.length - 1]; +} + +function close_all_menus() { + while (menu_stack.length > 0) close_menu(); +} + +function update_more() { + if (menu.type !== "crt") { + const contents_height = menu.elem.find(".menu_contents_inner").height(); + const contents = $(menu.scroller.scrollElement); + const avail_height = contents.height(); + let shown_more = contents_height > avail_height ? menu.more : menu.alt_more; + + const scroll_end = contents_height - avail_height; + let scroll_percent; + if (contents[0].scrollTop === 0 || scroll_end <= 0) scroll_percent = "top"; + else if (contents[0].scrollTop >= scroll_end) scroll_percent = "bot"; + else { + scroll_percent = `${((contents[0].scrollTop * 100) / scroll_end).toFixed( + 0 + )}%`; + if (scroll_percent.length === 2) scroll_percent = ` ${scroll_percent}`; + } + shown_more = shown_more.replace(/XXX/, scroll_percent); + + const more = menu.elem.find(".menu_more"); + more.html(util.formatted_string_to_html(shown_more)); + more.css("padding-left", `${menu_title_indent()}px`); + more[0].classList.toggle("hidden", shown_more.length === 0); + } +} + +function update_menu(data) { + // n.b. this may overwrite hover, but we can't update it yet because + // menu items won't have been sent. `handle_size_change` will ensure + // that it does get synced, but are there cases where something more + // is needed? + $.extend(menu, data); + + const old_length = menu.items.length; + menu.items.length = menu.total_items; + if (menu.total_items < old_length) { + for (let i = old_length; i >= menu.total_items; --i) delete menu.items[i]; + // XX I don't really understand what `container` is doing here, but + // this code is required to shorten a menu + const container = $("ol"); + container.empty(); + $.each(menu.items, (_i, item) => { + item.elem.data("item", item); + prepare_hoverable_item(item); + container.append(item.elem); }); + } + update_title(); + update_more(); +} + +function update_menu_items(data) { + update_item_range(data.chunk_start, data.items); + handle_size_change(); +} + +function server_menu_scroll(data) { + if (!data.force && !client.is_watching()) return; + + menu.server_first_visible = data.first; + if (menu.following_player_scroll || data.force) { + scroll_to_item(data.first, true); + set_hovered(data.last_hovered); + update_more(); + } +} + +comm.register_handlers({ + menu: open_menu, + close_menu: close_menu, + close_all_menus: close_all_menus, + update_menu: update_menu, + update_menu_items: update_menu_items, + menu_scroll: server_menu_scroll, + title_prompt: title_prompt, }); + +// Event handlers + +function handle_size_change() { + if (!menu || menu.type === "crt") return; + + if (menu.last_hovered > menu.items.length) menu.last_hovered = -1; // sanity check + // ensure hover class is properly set. + if ( + menu.last_hovered >= 0 && + !item_selectable(menu.items[menu.last_hovered]) + ) { + // a mildly smarter behavior would find the first hoverable position + // ignoring headers + cycle_hover(false); + } else set_hovered(menu.last_hovered); + + if (menu.anchor_last) scroll_bottom_to_item(menu.last_visible, true); + else if (menu.first_visible) scroll_to_item(menu.first_visible, true); + else update_visible_indices(); + + update_more(); +} + +function menu_scroll_handler(was_server_initiated) { + // XXX: punt on detecting user-initiated scrolling for now + if (was_server_initiated === false) menu.following_player_scroll = false; + + update_visible_indices(); + schedule_server_scroll(); +} + +function raw_arrow_keys() { + return ( + menu.tag === "macro_mapping" && + ($(".raw_input_mode").length || // raw input mode is up + menu.items.length === 0) + ); // new binding input mode +} + +function menu_keydown_handler(event) { + if (!menu || menu.type === "crt") return; + // can't check `hidden` class, which is on a 3x containing div + if (!ui.top_popup() || ui.top_popup().is(":hidden")) return; + if (ui.top_popup()[0] !== menu.elem[0]) return; + + if (event.altKey || event.ctrlKey) { + // ??? + if (update_server_scroll_timeout) update_server_scroll(); + return; + } + + // keycodes only: characters go in menu_keypress_handler + // TODO: this should interface somehow with key_conversion.js + switch (event.which) { + // biome-ignore lint/suspicious/noFallthroughSwitchClause: intentional fallthrough + case 109: // numpad - + if (menu_has_custom_dash()) break; + // otherwise, fall through to pageup: + case 33: // page up + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + paging(true); + event.preventDefault(); + return false; + case 107: // numpad + + case 34: // page down + if (raw_arrow_keys()) break; + paging(); + event.preventDefault(); + return false; + case 35: // end + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + scroll_bottom_to_item(menu.total_items - 1); + if (menu.total_items > 0 && menu.flags & enums.menu_flag.ARROWS_SELECT) + set_hovered(next_hoverable_item(true, menu.total_items - 1, true)); + event.preventDefault(); + return false; + case 36: // home + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + scroll_to_item(0); + if (menu.flags & enums.menu_flag.ARROWS_SELECT) + set_hovered(next_hoverable_item(false, 0, true)); + event.preventDefault(); + return false; + case 38: // up + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + if (menu.flags & enums.menu_flag.ARROWS_SELECT && !event.shiftKey) + cycle_hover(true); + else line_up(); + event.preventDefault(); + return false; + case 40: // down + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + if (menu.flags & enums.menu_flag.ARROWS_SELECT && !event.shiftKey) + cycle_hover(false); + else line_down(); + event.preventDefault(); + return false; + case 37: // left + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + if (event.shiftKey) { + line_up(); + event.preventDefault(); + return false; + } + break; + case 39: // right + if (raw_arrow_keys()) break; // Treat input as raw, no need to scroll anyway + if (event.shiftKey) { + line_down(); + event.preventDefault(); + return false; + } + break; + } + + if (update_server_scroll_timeout) update_server_scroll(); +} + +function menu_has_custom_dash() { + return ( + menu.tag === "inventory" || // drop/pickup use '-' to clear all (TODO: specific tag?) + menu.tag === "stash" || // TODO: ?? + menu.tag === "actions" || // '-' = clear quiver + menu.tag === "macros" || // '-' = clear all macros + menu.tag === "macro_mapping" || // leave available for binding + menu.tag === "use_item" + ); // '-' = unwield +} + +function menu_keypress_handler(event) { + if (!menu || menu.type === "crt") return; + if (!ui.top_popup() || ui.top_popup()[0] !== menu.elem[0]) return; + if (menu.tag === "macro_mapping") return; // Treat input as raw, no need + // to scroll anyway + + let chr = String.fromCharCode(event.which); + + if ( + chr === " " && + menu.flags & enums.menu_flag.MULTISELECT && + menu.flags & enums.menu_flag.ARROWS_SELECT + ) { + chr = "."; + } + + // characters only: keycodes go in menu_keydown_handler + switch (chr) { + // biome-ignore lint/suspicious/noFallthroughSwitchClause: intentional fallthrough + case "-": + if (menu_has_custom_dash()) break; + // otherwise, fall through to pageup: + // biome-ignore lint/suspicious/noFallthroughSwitchClause: intentional fallthrough + case "<": + if (menu.tag === "travel") break; + case ";": + paging(true); + event.preventDefault(); + return false; + + // biome-ignore lint/suspicious/noFallthroughSwitchClause: intentional fallthrough + case ">": + if (menu.tag === "travel") break; + case "+": + case " ": + paging(); + event.preventDefault(); + return false; + } + + if (update_server_scroll_timeout) update_server_scroll(); +} + +function item_click_handler(event) { + if (update_server_scroll_timeout) update_server_scroll(); + + const item = $(this).data("item"); + if (!item) return; + if (menu.flags & enums.menu_flag.ARROWS_SELECT) { + set_hovered($(this).index()); // should be unnecesssary? + // TODO: send a select event, keycode is very ad hoc here + if (menu.flags & enums.menu_flag.SINGLESELECT) { + if (event.which === 1) comm.send_message("key", { keycode: 13 }); + else if (event.which === 3) comm.send_message("input", { text: "'" }); + } else if (menu.flags & enums.menu_flag.MULTISELECT) { + if (event.which === 1) comm.send_message("key", { keycode: 32 }); + else if (event.which === 3) comm.send_message("input", { text: "'" }); + } + } + // TODO: don't rely on hotkeys here + else if (item.hotkeys?.length && event.which === 1) + comm.send_message("key", { keycode: item.hotkeys[0] }); +} + +options.add_listener(() => { + if (options.get("tile_font_crt_size") === 0) { + $("#crt").css("font-size", ""); + $(".menu").css("font-size", ""); + } else { + $("#crt").css("font-size", `${options.get("tile_font_crt_size")}px`); + $(".menu").css("font-size", `${options.get("tile_font_crt_size")}px`); + } + + let family = options.get("tile_font_crt_family"); + if (family !== "" && family !== "monospace") { + family += ", monospace"; + $("#crt").css("font-family", family); + $(".menu").css("font-family", family); + } + + handle_size_change(); +}); + +$(document) + .off("game_init.menu") + .on("game_init.menu", () => { + menu_stack = []; + $(window).off("resize.menu").on("resize.menu", handle_size_change); + $(document) + .off("game_keydown.menu game_keypress.menu") + .on("game_keydown.menu", menu_keydown_handler) + .on("game_keypress.menu", menu_keypress_handler); + $(document).off("game_cleanup_menu").on("game_cleanup.menu", menu_cleanup); + }); diff --git a/crawl-ref/source/webserver/client/game/src/messages.js b/crawl-ref/source/webserver/client/game/src/messages.js index aff985fdb6d..09bdea1ec98 100644 --- a/crawl-ref/source/webserver/client/game/src/messages.js +++ b/crawl-ref/source/webserver/client/game/src/messages.js @@ -1,42 +1,40 @@ -define(["jquery", "comm", "client", "./textinput", "./util", "./options"], -function ($, comm, client, textinput, util, options) { - "use strict"; - - var more = false; - var old_scroll_top; - var message_pane_height = 7; // default value, overridden by client - - function hide() - { - old_scroll_top = $("#messages_container").scrollTop(); - $("#messages").hide(); - } - - function show() - { - $("#messages").show(); - $("#messages_container").scrollTop(old_scroll_top); - } - - var prefix_glyph_classes = "turn_marker command_marker"; - function set_last_prefix_glyph(text, classes) - { - var last_msg_elem = $("#messages .game_message").last(); - var prefix_glyph = last_msg_elem.find(".prefix_glyph"); - prefix_glyph.text(text); - prefix_glyph.addClass(classes); - } - - function new_command(new_turn) - { - $("#more").hide(); - if (new_turn) - set_last_prefix_glyph("_", "turn_marker"); - else - set_last_prefix_glyph("_", "command_marker"); - } - - /** +import $ from "jquery"; + +import comm from "./comm"; + +import textinput from "./textinput"; +import util from "./util"; +import options from "./options"; + +let more = false; +let old_scroll_top; +const message_pane_height = 7; // default value, overridden by client + +function hide() { + old_scroll_top = $("#messages_container").scrollTop(); + $("#messages").hide(); +} + +function show() { + $("#messages").show(); + $("#messages_container").scrollTop(old_scroll_top); +} + +const _prefix_glyph_classes = "turn_marker command_marker"; +function set_last_prefix_glyph(text, classes) { + const last_msg_elem = $("#messages .game_message").last(); + const prefix_glyph = last_msg_elem.find(".prefix_glyph"); + prefix_glyph.text(text); + prefix_glyph.addClass(classes); +} + +function new_command(new_turn) { + $("#more").hide(); + if (new_turn) set_last_prefix_glyph("_", "turn_marker"); + else set_last_prefix_glyph("_", "command_marker"); +} + +/** * Remove all message elements from the player messages window save for the * last height + 10. @@ -44,123 +42,106 @@ function ($, comm, client, textinput, util, options) { * view from pilling up over longer WebTiles session and thus slowing down * the browser. */ - function remove_old_messages() - { - var all_messages = $("#messages .game_message"); - var keep = message_pane_height + 10; - if (all_messages.length > keep) - { - var messages_to_remove = all_messages.slice(0, -keep); - messages_to_remove.remove(); - } +function remove_old_messages() { + const all_messages = $("#messages .game_message"); + const keep = message_pane_height + 10; + if (all_messages.length > keep) { + const messages_to_remove = all_messages.slice(0, -keep); + messages_to_remove.remove(); + } +} + +function add_message(data) { + remove_old_messages(); + const msg_elem = $("
          "); + $("#messages").append(msg_elem); + msg_elem.addClass("game_message"); + const prefix_glyph = $(""); + prefix_glyph.addClass("prefix_glyph"); + prefix_glyph.html(" "); + msg_elem.html(prefix_glyph); + msg_elem.append(util.formatted_string_to_html(data.text)); + $("#messages_container").scrollTop($("#messages").height()); +} + +function rollback(count) { + $("#messages .game_message").slice(-count).remove(); +} + +function handle_messages(msg) { + if (msg.rollback) rollback(msg.rollback); + if (msg.old_msgs) rollback(msg.old_msgs); + if ("more" in msg) { + more = msg.more; + if ("more_text" in msg && msg.more_text.length > 0) + $("#more").text(msg.more_text); + else $("#more").text("--more--"); + } + $("#more").toggle(more); + if (msg.messages) { + for (let i = 0; i < msg.messages.length; ++i) { + add_message(msg.messages[i]); } - - function add_message(data) - { - remove_old_messages(); - var msg_elem = $("
          "); - $("#messages").append(msg_elem); - msg_elem.addClass("game_message"); - var prefix_glyph = $(""); - prefix_glyph.addClass("prefix_glyph"); - prefix_glyph.html(" "); - msg_elem.html(prefix_glyph); - msg_elem.append(util.formatted_string_to_html(data.text)); - $("#messages_container").scrollTop($("#messages").height()); - } - - function rollback(count) - { - $("#messages .game_message").slice(-count).remove(); - } - - function handle_messages(msg) - { - if (msg.rollback) - rollback(msg.rollback); - if (msg.old_msgs) - rollback(msg.old_msgs); - if ("more" in msg) - { - more = msg.more; - if ("more_text" in msg && msg.more_text.length > 0) - $("#more").text(msg.more_text); - else - $("#more").text("--more--"); - } - $("#more").toggle(more); - if (msg.messages) - { - for (var i = 0; i < msg.messages.length; ++i) - { - add_message(msg.messages[i]); - } - } - var cursor = $("#text_cursor"); - if (cursor.length > 0) - cursor.appendTo($("#messages .game_message").last()); - } - - function messages_key_handler() - { - return !textinput.input_active(); - } - - function text_cursor(data) - { - if (data.enabled) - { - if ($("#text_cursor").length > 0) - return; - if (textinput.input_active() && - textinput.input_type() == "messages" && - textinput.find_input().length > 0) - { - return; - } - var cursor = $("_"); - $("#messages .game_message").last().append(cursor); - } - else - { - $("#text_cursor").remove(); - } + } + const cursor = $("#text_cursor"); + if (cursor.length > 0) cursor.appendTo($("#messages .game_message").last()); +} + +function messages_key_handler() { + return !textinput.input_active(); +} + +function text_cursor(data) { + if (data.enabled) { + if ($("#text_cursor").length > 0) return; + if ( + textinput.input_active() && + textinput.input_type() === "messages" && + textinput.find_input().length > 0 + ) { + return; } + const cursor = $("_"); + $("#messages .game_message").last().append(cursor); + } else { + $("#text_cursor").remove(); + } +} + +options.add_listener(() => { + if (options.get("tile_font_msg_size") === 0) + $("#message_pane").css("font-size", ""); + else { + $("#message_pane").css( + "font-size", + `${options.get("tile_font_msg_size")}px` + ); + } + + let family = options.get("tile_font_msg_family"); + if (family !== "" && family !== "monospace") { + family += ", monospace"; + $("#message_pane").css("font-family", family); + } +}); - options.add_listener(function () - { - if (options.get("tile_font_msg_size") === 0) - $("#message_pane").css("font-size", ""); - else - { - $("#message_pane").css("font-size", - options.get("tile_font_msg_size") + "px"); - } - - var family = options.get("tile_font_msg_family"); - if (family !== "" && family !== "monospace") - { - family += ", monospace"; - $("#message_pane").css("font-family", family); - } - }); - - comm.register_handlers({ - "msgs": handle_messages, - "text_cursor": text_cursor - }); - - $(document).off("game_init.messages") - .on("game_init.messages", function () { - more = false; - $(document).off("game_keydown.messages game_keypress.messages") - .on("game_keydown.messages", messages_key_handler) - .on("game_keypress.messages", messages_key_handler); - }); - - return { - hide: hide, - show: show, - new_command: new_command - }; +comm.register_handlers({ + msgs: handle_messages, + text_cursor: text_cursor, }); + +$(document) + .off("game_init.messages") + .on("game_init.messages", () => { + more = false; + $(document) + .off("game_keydown.messages game_keypress.messages") + .on("game_keydown.messages", messages_key_handler) + .on("game_keypress.messages", messages_key_handler); + }); + +export default { + hide: hide, + show: show, + new_command: new_command, +}; diff --git a/crawl-ref/source/webserver/client/game/src/minimap.js b/crawl-ref/source/webserver/client/game/src/minimap.js index f509cd3ab77..0fcefc944f3 100644 --- a/crawl-ref/source/webserver/client/game/src/minimap.js +++ b/crawl-ref/source/webserver/client/game/src/minimap.js @@ -1,247 +1,244 @@ -define(["jquery", "./map_knowledge", "./dungeon_renderer", "./view_data", - "./tileinfo-player", "./tileinfo-main", "./tileinfo-dngn", "./enums", - "./player", "./options", "./util"], -function ($, map_knowledge, dungeon_renderer, view_data, - tileinfo_player, main, dngn, enums, player, options, util) { - "use strict"; - - var minimap_colours; - var overlay; - var ctx, overlay_ctx; - var cell_w, cell_h; - var cell_x = 0, cell_y = 0; - var display_x = 0, display_y = 0; - var enabled = true; - - function vcolour_to_css_colour(colour) - { - return "rgba(" + colour.r + "," + colour.g + "," + colour.b + "," - + (colour.a ? colour.a : 255) + ")"; - } - - function update_overlay() - { - // Update the minimap overlay - var view = dungeon_renderer.view; - overlay_ctx.clearRect(0, 0, overlay.width, overlay.height); - overlay_ctx.strokeStyle = - vcolour_to_css_colour(options.get("tile_window_col")); - overlay_ctx.strokeRect(display_x + (view.x - cell_x) * cell_w + 0.5, - display_y + (view.y - cell_y) * cell_h + 0.5, - dungeon_renderer.cols * cell_w - 1, - dungeon_renderer.rows * cell_h - 1); - } - - function fit_to(width) - { - var gxm = enums.gxm; - var gym = enums.gym; - var display = $("#minimap").css("display"); - $("#minimap, #minimap_overlay").show(); - - var block = $("#minimap_block"); - var canvas = $("#minimap")[0]; - if (!canvas) return; - - block.width(width); - canvas.width = width; - cell_w = cell_h = Math.floor(width / gxm); - if (options.get("tile_map_pixels") > 0) - cell_w = cell_h = Math.min(cell_w, options.get("tile_map_pixels")); - block.height(gym * cell_h); - canvas.height = gym * cell_h; - ctx = canvas.getContext("2d"); - - overlay = $("#minimap_overlay")[0]; - overlay.width = canvas.width; - overlay.height = canvas.height; - overlay_ctx = overlay.getContext("2d"); - - if (cell_x !== 0 || cell_y !== 0) - { - clear(); - center(); - } - - $("#minimap, #minimap_overlay").css("display", display); - // suppress rclick menu (so we can rclick to view) - $("#minimap")[0].oncontextmenu = function() { return false; } - overlay.oncontextmenu = function() { return false; } - } - - function clear() - { - ctx.fillStyle = "black"; - ctx.fillRect(0, 0, - $("#minimap").width(), - $("#minimap").height()); - } - - function center() - { - if (!enabled) return; - - stop_minimap_farview(); - - var minimap = $("#minimap")[0]; - var bounds = map_knowledge.bounds(); - var mm_w = bounds.right - bounds.left; - var mm_h = bounds.bottom - bounds.top; - - if (mm_w < 0 || mm_h < 0) return; - - var old_x = display_x - cell_x * cell_w; - var old_y = display_y - cell_y * cell_h; - - cell_x = bounds.left; - cell_y = bounds.top; - display_x = Math.floor((minimap.width - cell_w * mm_w) / 2); - display_y = Math.floor((minimap.height - cell_h * mm_h) / 2); - - var dx = display_x - cell_x * cell_w - old_x; - var dy = display_y - cell_y * cell_h - old_y; - - ctx.drawImage(minimap, 0, 0, minimap.width, minimap.height, - dx, dy, minimap.width, minimap.height); - - ctx.fillStyle = "black"; - if (dx > 0) - ctx.fillRect(0, 0, dx, minimap.height); - if (dx < 0) - ctx.fillRect(minimap.width + dx, 0, -dx, minimap.height); - if (dy > 0) - ctx.fillRect(0, 0, minimap.width, dy); - if (dy < 0) - ctx.fillRect(0, minimap.height + dy, minimap.width, -dy); - - update_overlay(); - } - - function set(cx, cy, colour) - { - if (!enabled || colour === undefined) return; - - var x = cx - cell_x; - var y = cy - cell_y; - ctx.fillStyle = colour; - ctx.fillRect(display_x + x * cell_w, - display_y + y * cell_h, - cell_w, cell_h); - } - - function init_options() - { - // This must match the order of map_feature in map-feature.h - minimap_colours = [ - options.get("tile_unseen_col"), // MF_UNSEEN - options.get("tile_floor_col"), // MF_FLOOR - options.get("tile_wall_col"), // MF_WALL - options.get("tile_mapped_floor_col"), // MF_MAP_FLOOR - options.get("tile_mapped_wall_col"), // MF_MAP_WALL - options.get("tile_door_col"), // MF_DOOR - options.get("tile_item_col"), // MF_ITEM - options.get("tile_monster_col"), // MF_MONS_FRIENDLY - options.get("tile_monster_col"), // MF_MONS_PEACEFUL - options.get("tile_monster_col"), // MF_MONS_NEUTRAL - options.get("tile_monster_col"), // MF_MONS_HOSTILE - options.get("tile_plant_col"), // MF_MONS_NO_EXP - options.get("tile_upstairs_col"), // MF_STAIR_UP - options.get("tile_downstairs_col"), // MF_STAIR_DOWN - options.get("tile_branchstairs_col"), // MF_STAIR_BRANCH - options.get("tile_feature_col"), // MF_FEATURE - options.get("tile_water_col"), // MF_WATER - options.get("tile_lava_col"), // MF_LAVA - options.get("tile_trap_col"), // MF_TRAP - options.get("tile_excl_centre_col"), // MF_EXCL_ROOT - options.get("tile_excluded_col"), // MF_EXCL - options.get("tile_player_col"), // MF_PLAYER - options.get("tile_deep_water_col"), // MF_DEEP_WATER - options.get("tile_portal_col"), // MF_PORTAL - options.get("tile_transporter_col"), // MF_TRANSPORTER - options.get("tile_transporter_landing_col"), // MF_TRANSPORTER_LANDING - options.get("tile_explore_horizon_col") // MF_EXPLORE_HORIZON - ].map(vcolour_to_css_colour); - } - - function update(x, y, cell) - { - cell = cell || map_knowledge.get(x, y); - if (x == player.pos.x && y == player.pos.y) - set(x, y, minimap_colours[enums.MF_PLAYER]); - else - set(x, y, minimap_colours[cell.mf || enums.MF_UNSEEN]); - } - - // Minimap controls ------------------------------------------------------------ - function vgrdc(x, y) - { - dungeon_renderer.set_view_center(x, y); - - update_overlay(); - } - - function do_view_center_update(x, y) - { - // Update the viewpoint, unless the user is currently - // right-clicking on the map - if (farview_old_vc) - { - farview_old_vc.x = x; - farview_old_vc.y = y; - } - else - { - vgrdc(x, y); - } - } - - var farview_old_vc; - function minimap_farview(ev) - { - if (ev.which == 3 || farview_old_vc) - { - var offset = $("#minimap").offset(); - if (farview_old_vc === undefined) - { - farview_old_vc = { - x: dungeon_renderer.view_center.x, - y: dungeon_renderer.view_center.y - } - } - var x = Math.round((ev.pageX - display_x - offset.left) - / cell_w + cell_x - 0.5); - var y = Math.round((ev.pageY - display_y - offset.top) - / cell_h + cell_y - 0.5); - vgrdc(x, y); - } - } - - function stop_minimap_farview() - { - if (farview_old_vc !== undefined) - { - vgrdc(farview_old_vc.x, farview_old_vc.y); - farview_old_vc = undefined; - } - } - - $(document).bind("game_init", function () { - cell_x = cell_y = display_x = display_y = 0; - - $("#minimap_overlay") - .mousedown(minimap_farview) - .mousemove(minimap_farview) - .mouseup(stop_minimap_farview) - }); - - return { - init_options: init_options, - fit_to: fit_to, - update_overlay: update_overlay, - clear: clear, - center: center, - update: update, - do_view_center_update: do_view_center_update, - stop_minimap_farview: stop_minimap_farview, +import $ from "jquery"; + +import map_knowledge from "./map_knowledge"; +import dungeon_renderer from "./dungeon_renderer"; +import enums from "./enums"; +import player from "./player"; +import options from "./options"; + +let minimap_colours; +let overlay; +let ctx, overlay_ctx; +let cell_w, cell_h; +let cell_x = 0, + cell_y = 0; +let display_x = 0, + display_y = 0; +const enabled = true; + +function vcolour_to_css_colour(colour) { + return ( + "rgba(" + + colour.r + + "," + + colour.g + + "," + + colour.b + + "," + + (colour.a ? colour.a : 255) + + ")" + ); +} + +function update_overlay() { + // Update the minimap overlay + const view = dungeon_renderer.view; + overlay_ctx.clearRect(0, 0, overlay.width, overlay.height); + overlay_ctx.strokeStyle = vcolour_to_css_colour( + options.get("tile_window_col") + ); + overlay_ctx.strokeRect( + display_x + (view.x - cell_x) * cell_w + 0.5, + display_y + (view.y - cell_y) * cell_h + 0.5, + dungeon_renderer.cols * cell_w - 1, + dungeon_renderer.rows * cell_h - 1 + ); +} + +function fit_to(width) { + const gxm = enums.gxm; + const gym = enums.gym; + const display = $("#minimap").css("display"); + $("#minimap, #minimap_overlay").show(); + + const block = $("#minimap_block"); + const canvas = $("#minimap")[0]; + if (!canvas) return; + + block.width(width); + canvas.width = width; + cell_w = cell_h = Math.floor(width / gxm); + if (options.get("tile_map_pixels") > 0) + cell_w = cell_h = Math.min(cell_w, options.get("tile_map_pixels")); + block.height(gym * cell_h); + canvas.height = gym * cell_h; + ctx = canvas.getContext("2d"); + + overlay = $("#minimap_overlay")[0]; + overlay.width = canvas.width; + overlay.height = canvas.height; + overlay_ctx = overlay.getContext("2d"); + + if (cell_x !== 0 || cell_y !== 0) { + clear(); + center(); + } + + $("#minimap, #minimap_overlay").css("display", display); + // suppress rclick menu (so we can rclick to view) + $("#minimap")[0].oncontextmenu = () => false; + overlay.oncontextmenu = () => false; +} + +function clear() { + ctx.fillStyle = "black"; + ctx.fillRect(0, 0, $("#minimap").width(), $("#minimap").height()); +} + +function center() { + if (!enabled) return; + + stop_minimap_farview(); + + const minimap = $("#minimap")[0]; + const bounds = map_knowledge.bounds(); + const mm_w = bounds.right - bounds.left; + const mm_h = bounds.bottom - bounds.top; + + if (mm_w < 0 || mm_h < 0) return; + + const old_x = display_x - cell_x * cell_w; + const old_y = display_y - cell_y * cell_h; + + cell_x = bounds.left; + cell_y = bounds.top; + display_x = Math.floor((minimap.width - cell_w * mm_w) / 2); + display_y = Math.floor((minimap.height - cell_h * mm_h) / 2); + + const dx = display_x - cell_x * cell_w - old_x; + const dy = display_y - cell_y * cell_h - old_y; + + ctx.drawImage( + minimap, + 0, + 0, + minimap.width, + minimap.height, + dx, + dy, + minimap.width, + minimap.height + ); + + ctx.fillStyle = "black"; + if (dx > 0) ctx.fillRect(0, 0, dx, minimap.height); + if (dx < 0) ctx.fillRect(minimap.width + dx, 0, -dx, minimap.height); + if (dy > 0) ctx.fillRect(0, 0, minimap.width, dy); + if (dy < 0) ctx.fillRect(0, minimap.height + dy, minimap.width, -dy); + + update_overlay(); +} + +function set(cx, cy, colour) { + if (!enabled || colour === undefined) return; + + const x = cx - cell_x; + const y = cy - cell_y; + ctx.fillStyle = colour; + ctx.fillRect(display_x + x * cell_w, display_y + y * cell_h, cell_w, cell_h); +} + +function init_options() { + // This must match the order of map_feature in map-feature.h + minimap_colours = [ + options.get("tile_unseen_col"), // MF_UNSEEN + options.get("tile_floor_col"), // MF_FLOOR + options.get("tile_wall_col"), // MF_WALL + options.get("tile_mapped_floor_col"), // MF_MAP_FLOOR + options.get("tile_mapped_wall_col"), // MF_MAP_WALL + options.get("tile_door_col"), // MF_DOOR + options.get("tile_item_col"), // MF_ITEM + options.get("tile_monster_col"), // MF_MONS_FRIENDLY + options.get("tile_monster_col"), // MF_MONS_PEACEFUL + options.get("tile_monster_col"), // MF_MONS_NEUTRAL + options.get("tile_monster_col"), // MF_MONS_HOSTILE + options.get("tile_plant_col"), // MF_MONS_NO_EXP + options.get("tile_upstairs_col"), // MF_STAIR_UP + options.get("tile_downstairs_col"), // MF_STAIR_DOWN + options.get("tile_branchstairs_col"), // MF_STAIR_BRANCH + options.get("tile_feature_col"), // MF_FEATURE + options.get("tile_water_col"), // MF_WATER + options.get("tile_lava_col"), // MF_LAVA + options.get("tile_trap_col"), // MF_TRAP + options.get("tile_excl_centre_col"), // MF_EXCL_ROOT + options.get("tile_excluded_col"), // MF_EXCL + options.get("tile_player_col"), // MF_PLAYER + options.get("tile_deep_water_col"), // MF_DEEP_WATER + options.get("tile_portal_col"), // MF_PORTAL + options.get("tile_transporter_col"), // MF_TRANSPORTER + options.get("tile_transporter_landing_col"), // MF_TRANSPORTER_LANDING + options.get("tile_explore_horizon_col"), // MF_EXPLORE_HORIZON + ].map(vcolour_to_css_colour); +} + +function update(x, y, cell) { + cell = cell || map_knowledge.get(x, y); + if (x === player.pos.x && y === player.pos.y) + set(x, y, minimap_colours[enums.MF_PLAYER]); + else set(x, y, minimap_colours[cell.mf || enums.MF_UNSEEN]); +} + +// Minimap controls ------------------------------------------------------------ +function vgrdc(x, y) { + dungeon_renderer.set_view_center(x, y); + + update_overlay(); +} + +function do_view_center_update(x, y) { + // Update the viewpoint, unless the user is currently + // right-clicking on the map + if (farview_old_vc) { + farview_old_vc.x = x; + farview_old_vc.y = y; + } else { + vgrdc(x, y); + } +} + +let farview_old_vc; +function minimap_farview(ev) { + if (ev.which === 3 || farview_old_vc) { + const offset = $("#minimap").offset(); + if (farview_old_vc === undefined) { + farview_old_vc = { + x: dungeon_renderer.view_center.x, + y: dungeon_renderer.view_center.y, + }; } + const x = Math.round( + (ev.pageX - display_x - offset.left) / cell_w + cell_x - 0.5 + ); + const y = Math.round( + (ev.pageY - display_y - offset.top) / cell_h + cell_y - 0.5 + ); + vgrdc(x, y); + } +} + +function stop_minimap_farview() { + if (farview_old_vc !== undefined) { + vgrdc(farview_old_vc.x, farview_old_vc.y); + farview_old_vc = undefined; + } +} + +$(document).bind("game_init", () => { + cell_x = cell_y = display_x = display_y = 0; + + $("#minimap_overlay") + .mousedown(minimap_farview) + .mousemove(minimap_farview) + .mouseup(stop_minimap_farview); }); + +export default { + init_options: init_options, + fit_to: fit_to, + update_overlay: update_overlay, + clear: clear, + center: center, + update: update, + do_view_center_update: do_view_center_update, + stop_minimap_farview: stop_minimap_farview, +}; diff --git a/crawl-ref/source/webserver/client/game/src/monster_list.js b/crawl-ref/source/webserver/client/game/src/monster_list.js index 858dc312151..db92a473a4d 100644 --- a/crawl-ref/source/webserver/client/game/src/monster_list.js +++ b/crawl-ref/source/webserver/client/game/src/monster_list.js @@ -1,291 +1,249 @@ -define(["jquery", "./map_knowledge", "./cell_renderer", "./dungeon_renderer", - "./options", "./util"], -function ($, map_knowledge, cr, dungeon_renderer, options, util) { - "use strict"; - - var monsters, $list, monster_groups, max_rows; - - function init() - { - monsters = {}; - $list = $("#monster_list"); - monster_groups = []; - max_rows = 5; +import $ from "jquery"; + +import map_knowledge from "./map_knowledge"; +import cr from "./cell_renderer"; +import dungeon_renderer from "./dungeon_renderer"; +import options from "./options"; +import util from "./util"; + +let monsters, $list, monster_groups, max_rows; + +function init() { + monsters = {}; + $list = $("#monster_list"); + monster_groups = []; + max_rows = 5; +} +$(document).bind("game_init", init); + +function update_loc(loc) { + const map_cell = map_knowledge.get(loc.x, loc.y); + const mon = map_cell.mon; + if (mon && map_knowledge.visible(map_cell)) + monsters[[loc.x, loc.y]] = { mon: mon, loc: loc }; + else delete monsters[[loc.x, loc.y]]; +} + +function can_combine(monster1, monster2) { + return monster_sort(monster1, monster2) === 0; +} + +function is_excluded(monster) { + return ( + monster.typedata.no_exp && + !( + monster.name === "active ballistomycete" || monster.name.match(/tentacle$/) + ) + ); +} + +function monster_sort(m1, m2) { + // Compare monster_info::less_than + if (m1.att < m2.att) return -1; + else if (m1.att > m2.att) return 1; + + if (m1.typedata.avghp > m2.typedata.avghp) return -1; + else if (m1.typedata.avghp < m2.typedata.avghp) return 1; + + if (m1.type < m2.type) return 1; + else if (m1.type > m2.type) return -1; + + // don't sort two same-name monsters together + const m1Named = Object.hasOwn(m1, "clientid"); + const m2Named = Object.hasOwn(m2, "clientid"); + if (m1Named || m2Named) { + if (!m2Named) return -1; + if (!m1Named) return 1; + if (m1.clientid < m2.clientid) return -1; + return 1; + } + + if (m1.name < m2.name) return 1; + else if (m1.name > m2.name) return -1; + + return 0; +} + +function group_monsters() { + const monster_list = []; + + for (const loc in monsters) { + if (is_excluded(monsters[loc].mon)) continue; + monster_list.push(monsters[loc]); + } + + monster_list.sort((m1, m2) => monster_sort(m1.mon, m2.mon)); + + const new_monster_groups = []; + let last_monster_group; + for (let i = 0; i < monster_list.length; ++i) { + const entry = monster_list[i]; + if ( + last_monster_group && + can_combine(last_monster_group[0].mon, entry.mon) + ) { + last_monster_group.push(entry); + } else { + last_monster_group = [monster_list[i]]; + new_monster_groups.push(last_monster_group); } - $(document).bind("game_init", init); - - function update_loc(loc) - { - var map_cell = map_knowledge.get(loc.x, loc.y); - var mon = map_cell.mon; - if (mon && map_knowledge.visible(map_cell)) - monsters[[loc.x,loc.y]] = { mon: mon, loc: loc }; - else - delete monsters[[loc.x,loc.y]]; - } - - function can_combine(monster1, monster2) - { - return (monster_sort(monster1, monster2) == 0); - } - - function is_excluded(monster) - { - return (monster.typedata.no_exp && - !(monster.name == "active ballistomycete" - || monster.name.match(/tentacle$/))); - } - - function monster_sort(m1, m2) - { - // Compare monster_info::less_than - if (m1.att < m2.att) - return -1; - else if (m1.att > m2.att) - return 1; - - if (m1.typedata.avghp > m2.typedata.avghp) - return -1; - else if (m1.typedata.avghp < m2.typedata.avghp) - return 1; - - if (m1.type < m2.type) - return 1; - else if (m1.type > m2.type) - return -1; - - // don't sort two same-name monsters together - var m1Named = m1.hasOwnProperty("clientid"); - var m2Named = m2.hasOwnProperty("clientid"); - if (m1Named || m2Named) - { - if (!m2Named) - return -1; - if (!m1Named) - return 1; - if (m1.clientid < m2.clientid) - return -1; - return 1; - } - - if (m1.name < m2.name) - return 1; - else if (m1.name > m2.name) - return -1; - - return 0; - } - - function group_monsters() - { - var monster_list = []; - - for (var loc in monsters) - { - if (is_excluded(monsters[loc].mon)) continue; - monster_list.push(monsters[loc]); - } - - monster_list.sort(function (m1, m2) { - return monster_sort(m1.mon, m2.mon); - }); - - var new_monster_groups = []; - var last_monster_group; - for (var i = 0; i < monster_list.length; ++i) - { - var entry = monster_list[i]; - if (last_monster_group - && can_combine(last_monster_group[0].mon, entry.mon)) - { - last_monster_group.push(entry); - } - else - { - last_monster_group = [monster_list[i]]; - new_monster_groups.push(last_monster_group); - } - } - - return new_monster_groups; - } - - // These need to be updated when the respective enums change - var attitude_classes = [ - "hostile", - "neutral", - "good_neutral", // was strict_neutral - "good_neutral", - "friendly" - ]; - var mthreat_classes = [ - "trivial", - "easy", - "tough", - "nasty" - ]; - - function update() - { - var grouped_monsters = group_monsters(); - - var rows = Math.min(grouped_monsters.length, max_rows); - var i = 0; - for (; i < rows; ++i) - { - var monsters = grouped_monsters[i]; - var group, canvas, renderer; - - if (i >= monster_groups.length) - { - // Create a new row - var node = $("\ + } + + return new_monster_groups; +} + +// These need to be updated when the respective enums change +const attitude_classes = [ + "hostile", + "neutral", + "good_neutral", // was strict_neutral + "good_neutral", + "friendly", +]; +const mthreat_classes = ["trivial", "easy", "tough", "nasty"]; + +function update() { + const grouped_monsters = group_monsters(); + + const rows = Math.min(grouped_monsters.length, max_rows); + let i = 0; + for (; i < rows; ++i) { + const monsters = grouped_monsters[i]; + let group, canvas, renderer; + + if (i >= monster_groups.length) { + // Create a new row + const node = $( + "\ \ \ \ - "); - $list.append(node); - canvas = node.find("canvas")[0]; - renderer = new cr.DungeonCellRenderer(); - group = { - node: node, - canvas: canvas, - renderer: renderer, - health_span: node.find(".health"), - name_span: node.find(".name"), - monsters: monsters, - }; - monster_groups.push(group); - } - else - { - // Reuse the existing row - group = monster_groups[i]; - canvas = group.canvas; - renderer = group.renderer; - group.monsters = monsters; - } - - renderer.set_cell_size(dungeon_renderer.cell_width, - dungeon_renderer.cell_height); - if (options.get("tile_display_mode") != "tiles") - { - for (var key in dungeon_renderer) - { - // dungeon_renderer.ui_state is also required so the glyph - // size returned by the renderer.glyph_mode_font_name() - // correctly reflects the 'tile_map_scale' - if (key.match(/^glyph_mode/) || key == "ui_state") - renderer[key] = dungeon_renderer[key]; - } - } - var w = renderer.cell_width; - var displayed_monsters = Math.min(monsters.length, 6); - var needed_width = w * displayed_monsters; - if ((canvas.style.width != needed_width) - || (canvas.style.height != dungeon_renderer.cell_height)) - { - util.init_canvas(canvas, needed_width, - dungeon_renderer.cell_height); - renderer.init(canvas); - } - - for (var j = 0; j < displayed_monsters; ++j) - { - renderer.render_cell(monsters[j].loc.x, monsters[j].loc.y, - j * w, 0); - } - - if (monsters.length == 1) - { - group.name_span.text(monsters[0].mon.name); - if (options.get("tile_display_mode") == "glyphs") - { - var map_cell = map_knowledge.get(monsters[0].loc.x, monsters[0].loc.y); - var fg = map_cell.t.fg; - var mdam = "uninjured"; - if (fg.MDAM_LIGHT) - mdam = "lightly_damaged"; - else if (fg.MDAM_MOD) - mdam = "moderately_damaged"; - else if (fg.MDAM_HEAVY) - mdam = "heavily_damaged"; - else if (fg.MDAM_SEV) - mdam = "severely_damaged"; - else if (fg.MDAM_ADEAD) - mdam = "almost_dead"; - group.health_span.removeClass().addClass(mdam + " health").width(w).height(renderer.cell_height).show(); - } - else - group.health_span.hide(); - } - else - { - group.name_span.text(monsters.length + " " + monsters[0].mon.plural); - group.health_span.hide(); - } - - $.each(attitude_classes, function (i, cls) { - group.name_span.removeClass(cls); - }); - $.each(mthreat_classes, function (i, cls) { - group.name_span.removeClass(cls); - }); - group.name_span.addClass(attitude_classes[monsters[0].mon.att]); - group.name_span.addClass(mthreat_classes[monsters[0].mon.threat]); - - var ellipse = group.node.find(".ellipse"); - if ((i == rows - 1) && (rows < grouped_monsters.length)) - { - if (ellipse.size() == 0) - group.node.append("..."); - } - else - ellipse.remove(); - } - - for (; i < monster_groups.length; ++i) - { - monster_groups[i].node.remove(); - } - monster_groups = monster_groups.slice(0, rows); + " + ); + $list.append(node); + canvas = node.find("canvas")[0]; + renderer = new cr.DungeonCellRenderer(); + group = { + node: node, + canvas: canvas, + renderer: renderer, + health_span: node.find(".health"), + name_span: node.find(".name"), + monsters: monsters, + }; + monster_groups.push(group); + } else { + // Reuse the existing row + group = monster_groups[i]; + canvas = group.canvas; + renderer = group.renderer; + group.monsters = monsters; } - function set_max_rows(x) - { - max_rows = x; + renderer.set_cell_size( + dungeon_renderer.cell_width, + dungeon_renderer.cell_height + ); + if (options.get("tile_display_mode") !== "tiles") { + for (const key in dungeon_renderer) { + // dungeon_renderer.ui_state is also required so the glyph + // size returned by the renderer.glyph_mode_font_name() + // correctly reflects the 'tile_map_scale' + if (key.match(/^glyph_mode/) || key === "ui_state") + renderer[key] = dungeon_renderer[key]; + } + } + const w = renderer.cell_width; + const displayed_monsters = Math.min(monsters.length, 6); + const needed_width = w * displayed_monsters; + if ( + canvas.style.width !== needed_width || + canvas.style.height !== dungeon_renderer.cell_height + ) { + util.init_canvas(canvas, needed_width, dungeon_renderer.cell_height); + renderer.init(canvas); } - function clear() - { - $list.empty(); - monster_groups = []; - monsters = {}; + for (let j = 0; j < displayed_monsters; ++j) { + renderer.render_cell(monsters[j].loc.x, monsters[j].loc.y, j * w, 0); } - options.add_listener(function () - { - if (options.get("tile_font_lbl_size") === 0) - $("#monster_list").css("font-size", ""); - else - { - $("#monster_list").css("font-size", - options.get("tile_font_lbl_size") + "px"); - } - - var family = options.get("tile_font_lbl_family"); - if (family !== "" && family !== "monospace") - { - family += ", monospace"; - $("#monster_list").css("font-family", family); - } - }); + if (monsters.length === 1) { + group.name_span.text(monsters[0].mon.name); + if (options.get("tile_display_mode") === "glyphs") { + const map_cell = map_knowledge.get(monsters[0].loc.x, monsters[0].loc.y); + const fg = map_cell.t.fg; + let mdam = "uninjured"; + if (fg.MDAM_LIGHT) mdam = "lightly_damaged"; + else if (fg.MDAM_MOD) mdam = "moderately_damaged"; + else if (fg.MDAM_HEAVY) mdam = "heavily_damaged"; + else if (fg.MDAM_SEV) mdam = "severely_damaged"; + else if (fg.MDAM_ADEAD) mdam = "almost_dead"; + group.health_span + .removeClass() + .addClass(`${mdam} health`) + .width(w) + .height(renderer.cell_height) + .show(); + } else group.health_span.hide(); + } else { + group.name_span.text(`${monsters.length} ${monsters[0].mon.plural}`); + group.health_span.hide(); + } - return { - update_loc: update_loc, - update: update, - set_max_rows: set_max_rows, - clear: clear, - get: function () { return monster_groups; } - }; + $.each(attitude_classes, (_i, cls) => { + group.name_span.removeClass(cls); + }); + $.each(mthreat_classes, (_i, cls) => { + group.name_span.removeClass(cls); + }); + group.name_span.addClass(attitude_classes[monsters[0].mon.att]); + group.name_span.addClass(mthreat_classes[monsters[0].mon.threat]); + + const ellipse = group.node.find(".ellipse"); + if (i === rows - 1 && rows < grouped_monsters.length) { + if (ellipse.size() === 0) + group.node.append("..."); + } else ellipse.remove(); + } + + for (; i < monster_groups.length; ++i) { + monster_groups[i].node.remove(); + } + monster_groups = monster_groups.slice(0, rows); +} + +function set_max_rows(x) { + max_rows = x; +} + +function clear() { + $list.empty(); + monster_groups = []; + monsters = {}; +} + +options.add_listener(() => { + if (options.get("tile_font_lbl_size") === 0) + $("#monster_list").css("font-size", ""); + else { + $("#monster_list").css( + "font-size", + `${options.get("tile_font_lbl_size")}px` + ); + } + + let family = options.get("tile_font_lbl_family"); + if (family !== "" && family !== "monospace") { + family += ", monospace"; + $("#monster_list").css("font-family", family); + } }); + +export default { + update_loc: update_loc, + update: update, + set_max_rows: set_max_rows, + clear: clear, + get: () => monster_groups, +}; diff --git a/crawl-ref/source/webserver/client/game/src/mouse_control.js b/crawl-ref/source/webserver/client/game/src/mouse_control.js index 1ef31eef754..5caa2c0ee3f 100644 --- a/crawl-ref/source/webserver/client/game/src/mouse_control.js +++ b/crawl-ref/source/webserver/client/game/src/mouse_control.js @@ -1,91 +1,80 @@ -define(["jquery", "comm", "./dungeon_renderer", "./tileinfo-gui", "./map_knowledge", - "./enums"], -function ($, comm, dr, gui, map_knowledge, enums) { +import $ from "jquery"; - function handle_cell_click(ev) - { - comm.send_message("click_cell", { - x: ev.cell.x, - y: ev.cell.y, - button: ev.which - }); - } +import comm from "./comm"; - function show_tooltip(text, x, y) - { - $("#tooltip") - .html(text) - .css({ left: x, top: y }) - .show(); - } +import map_knowledge from "./map_knowledge"; - function hide_tooltip() - { - $("#tooltip").hide(); - } +function handle_cell_click(ev) { + comm.send_message("click_cell", { + x: ev.cell.x, + y: ev.cell.y, + button: ev.which, + }); +} - function handle_cell_tooltip(ev) - { - var map_cell = map_knowledge.get(ev.cell.x, ev.cell.y); +function show_tooltip(text, x, y) { + $("#tooltip").html(text).css({ left: x, top: y }).show(); +} - var text = "" - // don't show a tooltip unless there's a monster in the square. It might - // be good to expand this (local tiles does), but there are a number - // of issues. First, I found the tooltips pretty disruptive in my - // testing, most of the time you don't care. Second, there are some - // challenges in filling tooltip info outside of a narrow slice of - // cases where the info is neatly packaged for webtiles. E.g. a tooltip - // that tells you whether you can move to a square is very hard to - // construct on the client side (see tilerg-dgn.cc:tile_dungeon_tip for - // the logic that would be necessary.) - // minimal extensions: tooltips for interesting features, like statues, - // doors, stairs, altars. +function hide_tooltip() { + $("#tooltip").hide(); +} - if (!map_cell.mon) - return; +function handle_cell_tooltip(ev) { + const map_cell = map_knowledge.get(ev.cell.x, ev.cell.y); - // `game` force-set in game.js because of circular reference issues - if (game.can_target() && map_knowledge.visible(map_cell)) - { - // XX just looking case has weird behavior - text += "Left click: select target"; - } - // XX a good left click tooltip for click travel is very hard to - // construct on the client side... - // see tilerg-dgn.cc:tile_dungeon_tip for the logic that would be - // necessary. + let text = ""; + // don't show a tooltip unless there's a monster in the square. It might + // be good to expand this (local tiles does), but there are a number + // of issues. First, I found the tooltips pretty disruptive in my + // testing, most of the time you don't care. Second, there are some + // challenges in filling tooltip info outside of a narrow slice of + // cases where the info is neatly packaged for webtiles. E.g. a tooltip + // that tells you whether you can move to a square is very hard to + // construct on the client side (see tilerg-dgn.cc:tile_dungeon_tip for + // the logic that would be necessary.) + // minimal extensions: tooltips for interesting features, like statues, + // doors, stairs, altars. - if (game.can_describe()) - { - // only show right-click desc if there's something else in the - // tooltip, it's too disruptive otherwise - if (text) - text += "
          "; // XX something better than
          s - text += "Right click: describe"; - } + if (!map_cell.mon) return; - if (text) - text = "

          " + text; - text = map_cell.mon.name + text; - show_tooltip(text, ev.pageX + 10, ev.pageY + 10); - } + // `game` force-set in game.js because of circular reference issues + if (game.can_target() && map_knowledge.visible(map_cell)) { + // XX just looking case has weird behavior + text += "Left click: select target"; + } + // XX a good left click tooltip for click travel is very hard to + // construct on the client side... + // see tilerg-dgn.cc:tile_dungeon_tip for the logic that would be + // necessary. - $(document) - .off("game_init.mouse_control") - .on("game_init.mouse_control", function () { - $("#dungeon") - .on("cell_click", handle_cell_click) - .on("cell_tooltip", handle_cell_tooltip) - .contextmenu(function() { return false; }); - }); - $(window) - .off("mouseup.mouse_control mousemove.mouse_control mousedown.mouse_control") - .on("mousemove.mouse_control mousedown.mouse_control", function (ev) { - hide_tooltip(); - }); + if (game.can_describe()) { + // only show right-click desc if there's something else in the + // tooltip, it's too disruptive otherwise + if (text) text += "
          "; // XX something better than
          s + text += "Right click: describe"; + } - return { - show_tooltip: show_tooltip, - hide_tooltip: hide_tooltip - }; -}); + if (text) text = `

          ${text}`; + text = map_cell.mon.name + text; + show_tooltip(text, ev.pageX + 10, ev.pageY + 10); +} + +$(document) + .off("game_init.mouse_control") + .on("game_init.mouse_control", () => { + $("#dungeon") + .on("cell_click", handle_cell_click) + .on("cell_tooltip", handle_cell_tooltip) + .contextmenu(() => false); + }); +$(window) + .off("mouseup.mouse_control mousemove.mouse_control mousedown.mouse_control") + .on("mousemove.mouse_control mousedown.mouse_control", (_ev) => { + hide_tooltip(); + }); + +export default { + show_tooltip: show_tooltip, + hide_tooltip: hide_tooltip, +}; diff --git a/crawl-ref/source/webserver/client/game/src/options.js b/crawl-ref/source/webserver/client/game/src/options.js index 0155c04d36c..216fd80a166 100644 --- a/crawl-ref/source/webserver/client/game/src/options.js +++ b/crawl-ref/source/webserver/client/game/src/options.js @@ -1,77 +1,66 @@ -define(["jquery", "comm"], -function ($, comm) { - "use strict"; +import $ from "jquery"; - var options = null; - var listeners = $.Callbacks(); +import comm from "./comm"; - function clear_options() - { - options = null; - } +let options = null; +const listeners = $.Callbacks(); - function get_option(name) - { - if (options == null) - { - console.error("Options not set, wanted option: " + name); - return null; - } +function clear_options() { + options = null; +} - if (!options.hasOwnProperty(name)) - { - console.error("Option doesn't exist: " + name); - return null; - } +function get_option(name) { + if (options == null) { + console.error(`Options not set, wanted option: ${name}`); + return null; + } - return options[name]; - } + if (!Object.hasOwn(options, name)) { + console.error(`Option doesn't exist: ${name}`); + return null; + } - // writes all options at once: usable only on first connecting. - function handle_options_message(data) - { - options = data.options; - listeners.fire(); - } + return options[name]; +} - function add_listener(callback) - { - listeners.add(callback); - } +// writes all options at once: usable only on first connecting. +function handle_options_message(data) { + options = data.options; + listeners.fire(); +} - function set_option(name, value, fire_listeners=true) - { - var old = get_option(name); - options[name] = value; - if (fire_listeners) - listeners.fire(); - return old != value; - } +function add_listener(callback) { + listeners.add(callback); +} - function send_option(name) - { - var value = get_option(name); - if (value !== null && value !== undefined) - comm.send_message("set_option", {"line": name + " = " + value }); - } +function set_option(name, value, fire_listeners = true) { + const old = get_option(name); + options[name] = value; + if (fire_listeners) listeners.fire(); + return old !== value; +} - function handle_set_option(data) - { - set_option(data.name, data.value); - }; +function send_option(name) { + const value = get_option(name); + if (value !== null && value !== undefined) + comm.send_message("set_option", { line: `${name} = ${value}` }); +} - window.set_option = set_option; +function handle_set_option(data) { + set_option(data.name, data.value); +} - comm.register_handlers({ - "options": handle_options_message, - "set_option": handle_set_option - }); +window.set_option = set_option; - return { - get: get_option, - set: set_option, - send: send_option, - clear: clear_options, - add_listener: add_listener, - }; +comm.register_handlers({ + options: handle_options_message, + set_option: handle_set_option, }); + +export default { + get: get_option, + set: set_option, + send: send_option, + clear: clear_options, + add_listener: add_listener, +}; diff --git a/crawl-ref/source/webserver/client/game/src/player.js b/crawl-ref/source/webserver/client/game/src/player.js index 10c5a2f8940..ef087b4cc5d 100644 --- a/crawl-ref/source/webserver/client/game/src/player.js +++ b/crawl-ref/source/webserver/client/game/src/player.js @@ -1,643 +1,575 @@ -define(["jquery", "comm", "client", "./enums", "./map_knowledge", "./messages", - "./options", "./util"], -function ($, comm, client, enums, map_knowledge, messages, options, util) { - "use strict"; - - var player = {}, last_time; - - var stat_boosters = { - "str": "vitalised", - "int": "vitalised", - "dex": "vitalised", - "hp": "divinely vigorous|berserking", - "mp": "divinely vigorous" - }; - - /** - * Update the stats area bar of the given type. - * @param name The name of the bar. - * @param propname The player property name, if it is different from the - * name of the bar defined in game_data/template/game.html - */ - function update_bar(name, propname) - { - if (!propname) propname = name; - - var value = player[propname], max = player[propname + "_max"]; - var old_value; - if ("old_" + propname in player) - old_value = player["old_" + propname]; - else - old_value = value; - if (value < 0) - value = 0; - if (old_value > max) - old_value = max; - player["old_" + propname] = value; - var increase = old_value < value; - // XX should both of these be floor? - var full_bar = Math.round(10000 * (increase ? old_value : value) / max); - var change_bar = Math.floor(10000 * Math.abs(old_value - value) / max); - // Use poison_survival to display our remaining hp after poison expires. - if (name == "hp") - { - $("#stats_hp_bar_poison").css("width", 0); - var poison_survival = player["poison_survival"] - if (poison_survival < value) - { - var poison_bar = Math.round(10000 * (value - poison_survival) - / max); - full_bar = Math.round(10000 * poison_survival / max); - $("#stats_hp_bar_poison").css("width", (poison_bar / 100) - + "%"); - } - if (full_bar + poison_bar + change_bar > 10000) - change_bar = 10000 - poison_bar - full_bar; - } - else if (full_bar + change_bar > 10000) - { - change_bar = 10000 - full_bar; - } - - $("#stats_" + name + "_bar_full").css("width", (full_bar / 100) + "%"); - $("#stats_" + name + "_bar_" + (increase ? "increase" : "decrease")) - .css("width", (change_bar / 100) + "%"); - $("#stats_" + name + "_bar_" + (increase ? "decrease" : "increase")) - .css("width", 0); +import $ from "jquery"; + +import comm from "./comm"; +import client from "./client"; + +import map_knowledge from "./map_knowledge"; +import messages from "./messages"; +import options from "./options"; +import util from "./util"; + +let player = {}, + last_time; + +const stat_boosters = { + str: "vitalised", + int: "vitalised", + dex: "vitalised", + hp: "divinely vigorous|berserking", + mp: "divinely vigorous", +}; + +/** + * Update the stats area bar of the given type. + * @param name The name of the bar. + * @param propname The player property name, if it is different from the + * name of the bar defined in game_data/template/game.html + */ +function update_bar(name, propname) { + if (!propname) propname = name; + + let value = player[propname], + max = player[`${propname}_max`]; + let old_value; + if (`old_${propname}` in player) old_value = player[`old_${propname}`]; + else old_value = value; + if (value < 0) value = 0; + if (old_value > max) old_value = max; + player[`old_${propname}`] = value; + const increase = old_value < value; + // XX should both of these be floor? + let full_bar = Math.round((10000 * (increase ? old_value : value)) / max); + let change_bar = Math.floor((10000 * Math.abs(old_value - value)) / max); + // Use poison_survival to display our remaining hp after poison expires. + if (name === "hp") { + $("#stats_hp_bar_poison").css("width", 0); + const poison_survival = player.poison_survival; + let poison_bar = 0; + if (poison_survival < value) { + poison_bar = Math.round((10000 * (value - poison_survival)) / max); + full_bar = Math.round((10000 * poison_survival) / max); + $("#stats_hp_bar_poison").css("width", `${poison_bar / 100}%`); } - - function update_bar_noise() - { - player.noise_max = 1000; - var level = player.adjusted_noise, max = player.noise_max; - var old_value; - if ("old_noise" in player) - old_value = player.old_noise - else - old_value = level; - if (level < 0) - level = 0; - if (old_value > max) - old_value = max; - - // The adjusted_noise value has already been rescaled in - // player.cc:get_adjusted_noise. It ranges from 0 to 1000. - var adjusted_level = 0, noise_cat = ""; - - // colors are set in `style.css` via the selector `data-level`. - if (level <= 333) - noise_cat = "quiet"; - else if (level <= 666) - noise_cat = "loud"; - else if (level < 1000) - noise_cat = "veryloud"; - else - noise_cat = "superloud"; - - var silenced = player.has_status("silence") - if (silenced) - { - level = 0; - old_value = 0; - noise_cat = "blank"; - // I couldn't get this to work just directly putting the text in #stats_noise_bar, - // because clearing the text later will adjust the span width. - $("#stats_noise_status").text("Silenced"); - } else { - $("#stats_noise_status").text(""); - } - $("#stats_noise").attr("data-level", noise_cat); - - player.old_noise = level; - - - var full_bar = Math.round(10000 * level / max); - var change_bar = Math.round(10000 * Math.abs(old_value - level) / max); - if (full_bar + change_bar > 10000) - { - change_bar = 10000 - full_bar; - } - - if (player.wizard && !silenced) - { - // the exact value is too hard to interpret to show outside of - // wizmode, because noise propagation is very complicated. - $("#stats_noise").attr("data-shownum", true); - $("#stats_noise_num").text(player.noise); - } - else - { - $("#stats_noise").attr("data-shownum", null); - $("#stats_noise_num").text(""); - } - - $("#stats_noise_bar_full").css("width", (full_bar / 100) + "%"); - if (adjusted_level < old_value) - $("#stats_noise_bar_decrease").css("width", (change_bar / 100) + "%"); - else - $("#stats_noise_bar_decrease").css("width", 0); - } - - function repeat_string(s, n) - { - return Array(n+1).join(s); - } - - function index_to_letter(index) - { - if (index === -1) - return "-" - else if (index < 26) - return String.fromCharCode("a".charCodeAt(0) + index); - else - return String.fromCharCode("A".charCodeAt(0) + index - 26); - } - player.index_to_letter = index_to_letter; - - function inventory_item_desc(index, parens=false) - { - var item = player.inv[index]; - var elem = $(""); - if (parens) - elem.text("(" + item.name + ")"); - else - elem.text(item.name); - if (item.col != -1 && item.col != null) - elem.addClass("fg" + item.col); - return elem; - } - player.inventory_item_desc = inventory_item_desc; - - function wielded_weapon(offhand=false) - { - var elem; - var wielded = offhand ? player.offhand_index : player.weapon_index; - if (wielded == -1) - { - elem = $(""); - elem.text(player.unarmed_attack); - elem.addClass("fg" + player.unarmed_attack_colour); - } - else - elem = inventory_item_desc(wielded); - - if (player.has_status("corroded")) - elem.addClass("corroded_weapon"); - - return elem; - } - - function quiver() - { - // any use for player.quiver_available any more? - return util.formatted_string_to_html(player.quiver_desc); - } - - player.has_status_light = function (status_light, col) - { - for (var i = 0; i < player.status.length; ++i) - { - if (player.status[i].light && - player.status[i].light.match(status_light) && - (col == null || player.status[i].col == col)) - return true; - } - return false; - } - player.has_status = function (status_name, col) - { - for (var i = 0; i < player.status.length; ++i) - { - if (player.status[i].text && - player.status[i].text.match(status_name) && - (col == null || player.status[i].col == col)) - return true; - } - return false; - } - player.incapacitated = function incapacitated() - { - // FIXME: does this cover all ATTR_HELD cases? - return player.has_status("paralysed|petrified|sleeping") - || player.has_status("confused") - || player.has_status("held", 4); - } - - function update_defense(type) - { - var elem = $("#stats_"+type); - elem.text(player[type]); - elem.removeClass(); - - if (type == "ac") - { - if (player.ac_mod > 0) - elem.addClass("boosted_defense"); - else if (player.ac_mod < 0) - elem.addClass("degenerated_defense"); - } - else if (type == "ev") - { - if (player.ev_mod > 0) - elem.addClass("boosted_defense"); - else if (player.ev_mod < 0) - elem.addClass("degenerated_defense"); - } - else if (type == "sh") - { - if (player.sh_mod > 0) - elem.addClass("boosted_defense"); - else if (player.sh_mod < 0) - elem.addClass("degenerated_defense"); - } - } - - function stat_class(stat) - { - var val = player[stat]; - var max_val = player[stat + "_max"]; - if (player.has_status("lost " + stat)) - return "zero_stat"; - - var limits = options.get("stat_colour") - for (var i in limits) - if (val <= limits[i].value) - return "colour_" + limits[i].colour; - - if (player.has_status(stat_boosters[stat])) - return "boosted_stat"; - - if (val < max_val) - return "degenerated_stat"; - - return ""; - } - - function update_stat(stat) - { - var val = player[stat]; - var max_val = player[stat + "_max"]; - var elem = $(""); - elem.text(val); - if (val < max_val) - { - elem.append(" (" + max_val + ")"); - } - elem.addClass(stat_class(stat)); - $("#stats_" + stat).html(elem); - } - - function update_doom() - { - if (player.doom == 0 && options.get("always_show_doom_contam") === false) - { - $("#stats_doom_ui").hide(); - return; - } - else - $("#stats_doom_ui").show(); - - var val = player["doom"]; - var elem = $(""); - elem.text(" " + val + "%"); - - var colour = "fg7"; - if (player.doom == 0) - colour = "fg8"; - if (player.doom >= 75) - colour = "fg5"; - else if (player.doom >= 50) - colour = "fg12"; - else if (player.doom >= 25) - colour = "fg14"; - - elem.addClass(colour); - $("#stats_doom").html(elem); - - var tooltip = $("#stats_status_lights_tooltip"); - elem.on("mouseenter mousemove", ev => { - tooltip.css({top: ev.pageY + "px"}); - tooltip.html(util.formatted_string_to_html(player["doom_desc"])); - tooltip.show(); - }); - elem.on("mouseleave", ev => tooltip.hide()); - } - - function update_contam() - { - if (player.contam == 0 && options.get("always_show_doom_contam") === false) - { - $("#stats_contam_ui").hide(); - return; - } - else - $("#stats_contam_ui").show(); - - var val = player.contam; - var elem = $(""); - elem.text(" " + val + "%"); - - var colour = "fg8"; - if (val >= 200) - colour = "fg4"; - else if (val >= 100) - colour = "fg14"; - elem.addClass(colour); - $("#stats_contam").html(elem); - } - - function percentage_color(name) - { - var real = false; - // There is only real_hp_max, real_mp_max doesn't exist - if (player["real_" + name + "_max"] - && player["real_" + name + "_max"] != player[name + "_max"]) - real = true; - - $("#stats_" + name).removeClass(); - $("#stats_" + name + "_separator").removeClass(); - $("#stats_" + name + "_max").removeClass(); - if (real) - $("#stats_real_" + name + "_max").removeClass(); - - if (player.has_status(stat_boosters[name])) - { - $("#stats_" + name).addClass("boosted_stat"); - $("#stats_" + name + "_separator").addClass("boosted_stat"); - $("#stats_" + name + "_max").addClass("boosted_stat"); - if (real) - $("#stats_real_" + name + "_max").addClass("boosted_stat"); - return; - } - - var val = player[name] / player[(real ? "real_" : "") + name + "_max"] - * 100; - var limits = options.get(name + "_colour"); - var colour = null; - for (var i in limits) - if (val <= limits[i].value) - colour = limits[i].colour; - - if (colour) - $("#stats_" + name).addClass("colour_" + colour); - } - - var simple_stats = ["hp", "hp_max", "mp", "mp_max", "xl", "progress"]; - /** - * Update the stats pane area based on the player's current properties. - */ - function update_stats_pane() - { - $("#stats_titleline").text(player.name - + (player.title[0] === "," ? "" : " ") - + player.title); - $("#stats_wizmode").text(player.wizard ? "*WIZARD*" : player.explore ? "*EXPLORE*" : ""); - - // Setup species - // TODO: Move to a proper initialisation task - if ($("#stats").attr("data-species") != player.species) - $("#stats").attr("data-species", player.species); - - var species_god = player.species; - if (player.god != "") - species_god += " of " + player.god; - if (player.god == "Xom") - { - if (player.piety_rank >=0) - { - $("#stats_piety").text(repeat_string(".",player.piety_rank) + "*" - + repeat_string(".",5-player.piety_rank)); - } - else - $("#stats_piety").text("......"); // very special plaything - } - else if ((player.piety_rank > 0 || player.god != "") - && player.god != "Gozag") - { - $("#stats_piety").html(repeat_string("*", player.piety_rank) - + repeat_string(".", 6-player.piety_rank-player.ostracism_pips) - + "" - + repeat_string("X", player.ostracism_pips) - + ""); - } - else - $("#stats_piety").text(""); - - if (player.god == "Gozag") - { - $("#stats_gozag_gold_label").text(" Gold: "); - $("#stats_gozag_gold_label").css("padding-left", "0.5em"); - $("#stats_gozag_gold").text(player.gold); - } else { - $("#stats_gozag_gold_label").text(""); - $("#stats_gozag_gold").text(""); - $("#stats_gozag_gold_label").css("padding-left", "0"); - } - $("#stats_gozag_gold").toggleClass("boosted_stat", !!player.has_status("gold aura")); - - $("#stats_species_god").text(species_god); - $("#stats_piety").toggleClass("penance", !!player.penance); - $("#stats_piety").toggleClass("monk", player.god == ""); - - for (var i = 0; i < simple_stats.length; ++i) - $("#stats_" + simple_stats[i]).text(player[simple_stats[i]]); - - $("#stats_hpline > .stats_caption").text( - (player.real_hp_max != player.hp_max) ? "HP:" : "Health:"); - - if (player.real_hp_max != player.hp_max) - $("#stats_real_hp_max").text("(" + player.real_hp_max + ")"); - else - $("#stats_real_hp_max").text(""); - - if (player.species == "Deep Dwarf" && player.dd_real_mp_max != player.mp_max) - $("#stats_dd_real_mp_max").text("(" + player.dd_real_mp_max + ")"); - else - $("#stats_dd_real_mp_max").text(""); - - percentage_color("hp"); - percentage_color("mp"); - update_bar("hp"); - // is there a better place to do this? - if (player.species == "Djinni") - $("#stats_mpline").hide(); - else - $("#stats_mpline").show(); - - update_bar("mp"); - - update_doom(); - update_contam(); - - update_defense("ac"); - update_defense("ev"); - update_defense("sh"); - - update_stat("str"); - update_stat("int"); - update_stat("dex"); - update_bar_noise(); - - if (options.get("show_game_time") === true) - { - $("#stats_time_caption").text("Time:"); - $("#stats_time").text((player.time / 10.0).toFixed(1)); - } - else - { - $("#stats_time_caption").text("Turn:"); - $("#stats_time").text(player.turn); - } - - if (player.time_delta) - $("#stats_time").append(" (" + (player.time_delta / 10.0).toFixed(1) + ")"); - - var place_desc = player.place; - if (player.depth) place_desc += ":" + player.depth; - $("#stats_place").text(place_desc); - - var tooltip = $("#stats_status_lights_tooltip"); - $("#stats_status_lights").html(""); - for (var i = 0; i < player.status.length; ++i) - { - let status_inf = player.status[i]; - if (!status_inf.light) continue; - let status = $(""); - status.addClass("status_light"); - status.addClass("fg" + status_inf.col); - status.text(status_inf.light); - status.on("mouseenter mousemove", ev => { - tooltip.css({top: ev.pageY + "px"}); - tooltip.html(util.formatted_string_to_html(status_inf.desc)); - tooltip.show(); - }); - status.on("mouseleave", ev => tooltip.hide()); - $("#stats_status_lights").append(status, " "); - } - - $("#stats_weapon_letter").text( - index_to_letter(player.weapon_index) + ")"); - $("#stats_weapon").html(wielded_weapon()); - - if (player.offhand_weapon) // Coglin dual wielding - $("#stats_offhand_weapon_line").show(); - else - $("#stats_offhand_weapon_line").hide(); - - $("#stats_offhand_weapon_letter").text( - index_to_letter(player.offhand_index) + ")"); - $("#stats_offhand_weapon").html(wielded_weapon(true)); - - $("#stats_quiver").html(quiver()); - } - - function handle_player_message(data) - { - for (var i in data.inv) - { - player.inv[i] = player.inv[i] || {}; - $.extend(player.inv[i], data.inv[i]); - player.inv[i].slot = Number(i); // XX why is i a string? - } - - if (data.inv) - $("#action-panel").triggerHandler("update"); - - delete data.inv; - delete data.msg; - - $.extend(player, data); - - // chick if a forced player update has given us an explicit last - // time to show in the hud for spectators (only). Otherwise, this value - // is calculated on the client-side. (XX this works somewhat differently - // than the console/tiles view; reconcile?) - if ("time_last_input" in data) - { - // currently this message should *only* happen for spectators, but - // just to be sure.. - // we don't want to do anything on this message to players, - // because the server value can get out of sync with what the js - // client is showing. - if (client.is_watching()) - player.time_delta = player.time - player.time_last_input; - - last_time = player.time; - } - else if ("time" in data) - { - if (last_time) - player.time_delta = player.time - last_time; - - last_time = player.time; - messages.new_command(true); - } - - update_stats_pane(); - - if ("hp" in data || "hp_max" in data || - "mp" in data || "mp_max" in data) - { - map_knowledge.touch(player.pos); - $("#dungeon").trigger("update_cells", [[player.pos]]); - } - } - - options.add_listener(function () - { - if (player.name !== "") - update_stats_pane(); - - if (options.get("tile_font_stat_size") === 0) - $("#stats").css("font-size", ""); - else - { - $("#stats").css("font-size", - options.get("tile_font_stat_size") + "px"); - } - - var family = options.get("tile_font_stat_family"); - if (family !== "" && family !== "monospace") - { - family += ", monospace"; - $("#stats").css("font-family", family); - } + if (full_bar + poison_bar + change_bar > 10000) + change_bar = 10000 - poison_bar - full_bar; + } else if (full_bar + change_bar > 10000) { + change_bar = 10000 - full_bar; + } + + $(`#stats_${name}_bar_full`).css("width", `${full_bar / 100}%`); + $(`#stats_${name}_bar_${increase ? "increase" : "decrease"}`).css( + "width", + `${change_bar / 100}%` + ); + $(`#stats_${name}_bar_${increase ? "decrease" : "increase"}`).css("width", 0); +} + +function update_bar_noise() { + player.noise_max = 1000; + let level = player.adjusted_noise, + max = player.noise_max; + let old_value; + if ("old_noise" in player) old_value = player.old_noise; + else old_value = level; + if (level < 0) level = 0; + if (old_value > max) old_value = max; + + // The adjusted_noise value has already been rescaled in + // player.cc:get_adjusted_noise. It ranges from 0 to 1000. + let adjusted_level = 0, + noise_cat = ""; + + // colors are set in `style.css` via the selector `data-level`. + if (level <= 333) noise_cat = "quiet"; + else if (level <= 666) noise_cat = "loud"; + else if (level < 1000) noise_cat = "veryloud"; + else noise_cat = "superloud"; + + const silenced = player.has_status("silence"); + if (silenced) { + level = 0; + old_value = 0; + noise_cat = "blank"; + // I couldn't get this to work just directly putting the text in #stats_noise_bar, + // because clearing the text later will adjust the span width. + $("#stats_noise_status").text("Silenced"); + } else { + $("#stats_noise_status").text(""); + } + $("#stats_noise").attr("data-level", noise_cat); + + player.old_noise = level; + + const full_bar = Math.round((10000 * level) / max); + let change_bar = Math.round((10000 * Math.abs(old_value - level)) / max); + if (full_bar + change_bar > 10000) { + change_bar = 10000 - full_bar; + } + + if (player.wizard && !silenced) { + // the exact value is too hard to interpret to show outside of + // wizmode, because noise propagation is very complicated. + $("#stats_noise").attr("data-shownum", true); + $("#stats_noise_num").text(player.noise); + } else { + $("#stats_noise").attr("data-shownum", null); + $("#stats_noise_num").text(""); + } + + $("#stats_noise_bar_full").css("width", `${full_bar / 100}%`); + if (adjusted_level < old_value) + $("#stats_noise_bar_decrease").css("width", `${change_bar / 100}%`); + else $("#stats_noise_bar_decrease").css("width", 0); +} + +function repeat_string(s, n) { + return Array(n + 1).join(s); +} + +function index_to_letter(index) { + if (index === -1) return "-"; + else if (index < 26) return String.fromCharCode("a".charCodeAt(0) + index); + else return String.fromCharCode("A".charCodeAt(0) + index - 26); +} +player.index_to_letter = index_to_letter; + +function inventory_item_desc(index, parens = false) { + const item = player.inv[index]; + const elem = $(""); + if (parens) elem.text(`(${item.name})`); + else elem.text(item.name); + if (item.col !== -1 && item.col != null) elem.addClass(`fg${item.col}`); + return elem; +} +player.inventory_item_desc = inventory_item_desc; + +function wielded_weapon(offhand = false) { + let elem; + const wielded = offhand ? player.offhand_index : player.weapon_index; + if (wielded === -1) { + elem = $(""); + elem.text(player.unarmed_attack); + elem.addClass(`fg${player.unarmed_attack_colour}`); + } else elem = inventory_item_desc(wielded); + + if (player.has_status("corroded")) elem.addClass("corroded_weapon"); + + return elem; +} + +function quiver() { + // any use for player.quiver_available any more? + return util.formatted_string_to_html(player.quiver_desc); +} + +player.has_status_light = (status_light, col) => { + for (let i = 0; i < player.status.length; ++i) { + if ( + player.status[i].light?.match(status_light) && + (col == null || player.status[i].col === col) + ) + return true; + } + return false; +}; +player.has_status = (status_name, col) => { + for (let i = 0; i < player.status.length; ++i) { + if ( + player.status[i].text?.match(status_name) && + (col == null || player.status[i].col === col) + ) + return true; + } + return false; +}; +player.incapacitated = function incapacitated() { + // FIXME: does this cover all ATTR_HELD cases? + return ( + player.has_status("paralysed|petrified|sleeping") || + player.has_status("confused") || + player.has_status("held", 4) + ); +}; + +function update_defense(type) { + const elem = $(`#stats_${type}`); + elem.text(player[type]); + elem.removeClass(); + + if (type === "ac") { + if (player.ac_mod > 0) elem.addClass("boosted_defense"); + else if (player.ac_mod < 0) elem.addClass("degenerated_defense"); + } else if (type === "ev") { + if (player.ev_mod > 0) elem.addClass("boosted_defense"); + else if (player.ev_mod < 0) elem.addClass("degenerated_defense"); + } else if (type === "sh") { + if (player.sh_mod > 0) elem.addClass("boosted_defense"); + else if (player.sh_mod < 0) elem.addClass("degenerated_defense"); + } +} + +function stat_class(stat) { + const val = player[stat]; + const max_val = player[`${stat}_max`]; + if (player.has_status(`lost ${stat}`)) return "zero_stat"; + + const limits = options.get("stat_colour"); + for (const i in limits) + if (val <= limits[i].value) return `colour_${limits[i].colour}`; + + if (player.has_status(stat_boosters[stat])) return "boosted_stat"; + + if (val < max_val) return "degenerated_stat"; + + return ""; +} + +function update_stat(stat) { + const val = player[stat]; + const max_val = player[`${stat}_max`]; + const elem = $(""); + elem.text(val); + if (val < max_val) { + elem.append(` (${max_val})`); + } + elem.addClass(stat_class(stat)); + $(`#stats_${stat}`).html(elem); +} + +function update_doom() { + if (player.doom === 0 && options.get("always_show_doom_contam") === false) { + $("#stats_doom_ui").hide(); + return; + } else $("#stats_doom_ui").show(); + + const val = player.doom; + const elem = $(""); + elem.text(` ${val}%`); + + let colour = "fg7"; + if (player.doom === 0) colour = "fg8"; + if (player.doom >= 75) colour = "fg5"; + else if (player.doom >= 50) colour = "fg12"; + else if (player.doom >= 25) colour = "fg14"; + + elem.addClass(colour); + $("#stats_doom").html(elem); + + const tooltip = $("#stats_status_lights_tooltip"); + elem.on("mouseenter mousemove", (ev) => { + tooltip.css({ top: `${ev.pageY}px` }); + tooltip.html(util.formatted_string_to_html(player.doom_desc)); + tooltip.show(); + }); + elem.on("mouseleave", (_ev) => tooltip.hide()); +} + +function update_contam() { + if (player.contam === 0 && options.get("always_show_doom_contam") === false) { + $("#stats_contam_ui").hide(); + return; + } else $("#stats_contam_ui").show(); + + const val = player.contam; + const elem = $(""); + elem.text(` ${val}%`); + + let colour = "fg8"; + if (val >= 200) colour = "fg4"; + else if (val >= 100) colour = "fg14"; + elem.addClass(colour); + $("#stats_contam").html(elem); +} + +function percentage_color(name) { + let real = false; + // There is only real_hp_max, real_mp_max doesn't exist + if ( + player[`real_${name}_max`] && + player[`real_${name}_max`] !== player[`${name}_max`] + ) + real = true; + + $(`#stats_${name}`).removeClass(); + $(`#stats_${name}_separator`).removeClass(); + $(`#stats_${name}_max`).removeClass(); + if (real) $(`#stats_real_${name}_max`).removeClass(); + + if (player.has_status(stat_boosters[name])) { + $(`#stats_${name}`).addClass("boosted_stat"); + $(`#stats_${name}_separator`).addClass("boosted_stat"); + $(`#stats_${name}_max`).addClass("boosted_stat"); + if (real) $(`#stats_real_${name}_max`).addClass("boosted_stat"); + return; + } + + const val = + (player[name] / player[`${(real ? "real_" : "") + name}_max`]) * 100; + const limits = options.get(`${name}_colour`); + let colour = null; + for (const i in limits) if (val <= limits[i].value) colour = limits[i].colour; + + if (colour) $(`#stats_${name}`).addClass(`colour_${colour}`); +} + +const simple_stats = ["hp", "hp_max", "mp", "mp_max", "xl", "progress"]; +/** + * Update the stats pane area based on the player's current properties. + */ +function update_stats_pane() { + $("#stats_titleline").text( + player.name + (player.title[0] === "," ? "" : " ") + player.title + ); + $("#stats_wizmode").text( + player.wizard ? "*WIZARD*" : player.explore ? "*EXPLORE*" : "" + ); + + // Setup species + // TODO: Move to a proper initialisation task + if ($("#stats").attr("data-species") !== player.species) + $("#stats").attr("data-species", player.species); + + let species_god = player.species; + if (player.god !== "") species_god += ` of ${player.god}`; + if (player.god === "Xom") { + if (player.piety_rank >= 0) { + $("#stats_piety").text( + repeat_string(".", player.piety_rank) + + "*" + + repeat_string(".", 5 - player.piety_rank) + ); + } else $("#stats_piety").text("......"); // very special plaything + } else if ( + (player.piety_rank > 0 || player.god !== "") && + player.god !== "Gozag" + ) { + $("#stats_piety").html( + repeat_string("*", player.piety_rank) + + repeat_string(".", 6 - player.piety_rank - player.ostracism_pips) + + "" + + repeat_string("X", player.ostracism_pips) + + "" + ); + } else $("#stats_piety").text(""); + + if (player.god === "Gozag") { + $("#stats_gozag_gold_label").text(" Gold: "); + $("#stats_gozag_gold_label").css("padding-left", "0.5em"); + $("#stats_gozag_gold").text(player.gold); + } else { + $("#stats_gozag_gold_label").text(""); + $("#stats_gozag_gold").text(""); + $("#stats_gozag_gold_label").css("padding-left", "0"); + } + $("#stats_gozag_gold").toggleClass( + "boosted_stat", + !!player.has_status("gold aura") + ); + + $("#stats_species_god").text(species_god); + $("#stats_piety").toggleClass("penance", !!player.penance); + $("#stats_piety").toggleClass("monk", player.god === ""); + + for (let i = 0; i < simple_stats.length; ++i) + $(`#stats_${simple_stats[i]}`).text(player[simple_stats[i]]); + + $("#stats_hpline > .stats_caption").text( + player.real_hp_max !== player.hp_max ? "HP:" : "Health:" + ); + + if (player.real_hp_max !== player.hp_max) + $("#stats_real_hp_max").text(`(${player.real_hp_max})`); + else $("#stats_real_hp_max").text(""); + + if ( + player.species === "Deep Dwarf" && + player.dd_real_mp_max !== player.mp_max + ) + $("#stats_dd_real_mp_max").text(`(${player.dd_real_mp_max})`); + else $("#stats_dd_real_mp_max").text(""); + + percentage_color("hp"); + percentage_color("mp"); + update_bar("hp"); + // is there a better place to do this? + if (player.species === "Djinni") $("#stats_mpline").hide(); + else $("#stats_mpline").show(); + + update_bar("mp"); + + update_doom(); + update_contam(); + + update_defense("ac"); + update_defense("ev"); + update_defense("sh"); + + update_stat("str"); + update_stat("int"); + update_stat("dex"); + update_bar_noise(); + + if (options.get("show_game_time") === true) { + $("#stats_time_caption").text("Time:"); + $("#stats_time").text((player.time / 10.0).toFixed(1)); + } else { + $("#stats_time_caption").text("Turn:"); + $("#stats_time").text(player.turn); + } + + if (player.time_delta) + $("#stats_time").append(` (${(player.time_delta / 10.0).toFixed(1)})`); + + let place_desc = player.place; + if (player.depth) place_desc += `:${player.depth}`; + $("#stats_place").text(place_desc); + + const tooltip = $("#stats_status_lights_tooltip"); + $("#stats_status_lights").html(""); + for (let i = 0; i < player.status.length; ++i) { + const status_inf = player.status[i]; + if (!status_inf.light) continue; + const status = $(""); + status.addClass("status_light"); + status.addClass(`fg${status_inf.col}`); + status.text(status_inf.light); + status.on("mouseenter mousemove", (ev) => { + tooltip.css({ top: `${ev.pageY}px` }); + tooltip.html(util.formatted_string_to_html(status_inf.desc)); + tooltip.show(); }); + status.on("mouseleave", (_ev) => tooltip.hide()); + $("#stats_status_lights").append(status, " "); + } + + $("#stats_weapon_letter").text(`${index_to_letter(player.weapon_index)})`); + $("#stats_weapon").html(wielded_weapon()); + + if (player.offhand_weapon) + // Coglin dual wielding + $("#stats_offhand_weapon_line").show(); + else $("#stats_offhand_weapon_line").hide(); + + $("#stats_offhand_weapon_letter").text( + `${index_to_letter(player.offhand_index)})` + ); + $("#stats_offhand_weapon").html(wielded_weapon(true)); + + $("#stats_quiver").html(quiver()); +} + +function handle_player_message(data) { + for (const i in data.inv) { + player.inv[i] = player.inv[i] || {}; + $.extend(player.inv[i], data.inv[i]); + player.inv[i].slot = Number(i); // XX why is i a string? + } + + if (data.inv) $("#action-panel").triggerHandler("update"); + + delete data.inv; + delete data.msg; + + $.extend(player, data); + + // chick if a forced player update has given us an explicit last + // time to show in the hud for spectators (only). Otherwise, this value + // is calculated on the client-side. (XX this works somewhat differently + // than the console/tiles view; reconcile?) + if ("time_last_input" in data) { + // currently this message should *only* happen for spectators, but + // just to be sure.. + // we don't want to do anything on this message to players, + // because the server value can get out of sync with what the js + // client is showing. + if (client.is_watching()) + player.time_delta = player.time - player.time_last_input; + + last_time = player.time; + } else if ("time" in data) { + if (last_time) player.time_delta = player.time - last_time; + + last_time = player.time; + messages.new_command(true); + } + + update_stats_pane(); + + if ("hp" in data || "hp_max" in data || "mp" in data || "mp_max" in data) { + map_knowledge.touch(player.pos); + $("#dungeon").trigger("update_cells", [[player.pos]]); + } +} + +options.add_listener(() => { + if (player.name !== "") update_stats_pane(); + + if (options.get("tile_font_stat_size") === 0) + $("#stats").css("font-size", ""); + else { + $("#stats").css("font-size", `${options.get("tile_font_stat_size")}px`); + } + + let family = options.get("tile_font_stat_family"); + if (family !== "" && family !== "monospace") { + family += ", monospace"; + $("#stats").css("font-family", family); + } +}); + +comm.register_handlers({ + player: handle_player_message, +}); - comm.register_handlers({ - "player": handle_player_message, +$(document) + .off("game_init.player") + .on("game_init.player", () => { + $.extend(player, { + name: "", + god: "", + title: "", + species: "", + hp: 0, + hp_max: 0, + real_hp_max: 0, + poison_survival: 0, + mp: 0, + mp_max: 0, + dd_real_mp_max: 0, + ac: 0, + ev: 0, + sh: 0, + xl: 0, + progress: 0, + time: 0, + time_delta: 0, + gold: 0, + str: 0, + int: 0, + dex: 0, + str_max: 0, + int_max: 0, + dex_max: 0, + piety_rank: 0, + penance: false, + status: [], + inv: {}, + weapon_index: -1, + offhand_index: -1, + quiver_item: -1, + unarmed_attack: "", + pos: { x: 0, y: 0 }, + wizard: 0, + explore: 0, + depth: 0, + place: "", + contam: 0, + noise: 0, + adjusted_noise: 0, }); + delete player.old_hp; + delete player.old_mp; + last_time = null; + }); - $(document).off("game_init.player") - .on("game_init.player", function () { - $.extend(player, { - name: "", god: "", title: "", species: "", - hp: 0, hp_max: 0, real_hp_max: 0, poison_survival: 0, - mp: 0, mp_max: 0, dd_real_mp_max: 0, - ac: 0, ev: 0, sh: 0, - xl: 0, progress: 0, - time: 0, time_delta: 0, - gold: 0, - str: 0, int: 0, dex: 0, - str_max: 0, int_max: 0, dex_max: 0, - piety_rank: 0, penance: false, - status: [], - inv: {}, - weapon_index: -1, - offhand_index: -1, - quiver_item: -1, - unarmed_attack: "", - pos: {x: 0, y: 0}, - wizard: 0, explore: 0, - depth: 0, place: "", - contam: 0, - noise: 0, - adjusted_noise: 0 - }); - delete player["old_hp"]; - delete player["old_mp"]; - last_time = null; - }); - - return player; -}); +export default player; diff --git a/crawl-ref/source/webserver/client/game/src/scroller.js b/crawl-ref/source/webserver/client/game/src/scroller.js index bf03d396ecf..6d1c944e908 100644 --- a/crawl-ref/source/webserver/client/game/src/scroller.js +++ b/crawl-ref/source/webserver/client/game/src/scroller.js @@ -1,34 +1,31 @@ -define(["jquery", "./simplebar"], -function ($, simplebar) { - "use strict"; +import $ from "jquery"; +import simplebar from "./contrib/simplebar"; - return function (el) { - var scroller = $(el).data("scroller"); - if (scroller === undefined) - { - var $el = $(el); - scroller = new simplebar(el, { autoHide: false }); - $el.data("scroller", scroller); +export default function (el) { + let scroller = $(el).data("scroller"); + if (scroller === undefined) { + const $el = $(el); + scroller = new simplebar(el, { autoHide: false }); + $el.data("scroller", scroller); - var scrollElement = scroller.getScrollElement(); - var contentElement = scroller.getContentElement(); - var top = $("
          "), - bot = $("
          "), - lhd = $("_"); - $el.append(top).append(bot).append(lhd); - var update_shades = function () { - var dy = $(scrollElement).scrollTop(), - ch = $(contentElement).outerHeight(), - sh = $(scrollElement).outerHeight(); - top.css("opacity", dy/100/4); - bot.css("opacity", (ch - sh - dy)/100/4); - }; - scrollElement.addEventListener("scroll", update_shades); - update_shades(); - } - return { - contentElement: scroller.getContentElement(), - scrollElement: scroller.getScrollElement(), - }; + const scrollElement = scroller.getScrollElement(); + const contentElement = scroller.getContentElement(); + const top = $("
          "), + bot = $("
          "), + lhd = $("_"); + $el.append(top).append(bot).append(lhd); + const update_shades = () => { + const dy = $(scrollElement).scrollTop(), + ch = $(contentElement).outerHeight(), + sh = $(scrollElement).outerHeight(); + top.css("opacity", dy / 100 / 4); + bot.css("opacity", (ch - sh - dy) / 100 / 4); }; -}); + scrollElement.addEventListener("scroll", update_shades); + update_shades(); + } + return { + contentElement: scroller.getContentElement(), + scrollElement: scroller.getScrollElement(), + }; +} diff --git a/crawl-ref/source/webserver/client/game/src/simplebar.js b/crawl-ref/source/webserver/client/game/src/simplebar.js deleted file mode 100644 index b4577cc83a0..00000000000 --- a/crawl-ref/source/webserver/client/game/src/simplebar.js +++ /dev/null @@ -1,3072 +0,0 @@ -/** - * SimpleBar.js - v3.0.0-beta.4 - * Scrollbars, simpler. - * https://grsmto.github.io/simplebar/ - * - * Includes the following embedded node package dependencies: - * - can-use-dom - * - lodash-throttle - * - resize-observer-polyfill - * - scrollbarwidth - * - * Made by Adrien Denat from a fork by Jonathan Nicol - * Under MIT License - */ - -(function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : - typeof define === 'function' && define.amd ? define(factory) : - (global.SimpleBar = factory()); -}(this, (function () { 'use strict'; - - var _isObject = function (it) { - return typeof it === 'object' ? it !== null : typeof it === 'function'; - }; - - var _anObject = function (it) { - if (!_isObject(it)) throw TypeError(it + ' is not an object!'); - return it; - }; - - var _fails = function (exec) { - try { - return !!exec(); - } catch (e) { - return true; - } - }; - - // Thank's IE8 for his funny defineProperty - var _descriptors = !_fails(function () { - return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7; - }); - - var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; - - function createCommonjsModule(fn, module) { - return module = { exports: {} }, fn(module, module.exports), module.exports; - } - - var _global = createCommonjsModule(function (module) { - // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 - var global = module.exports = typeof window != 'undefined' && window.Math == Math - ? window : typeof self != 'undefined' && self.Math == Math ? self - // eslint-disable-next-line no-new-func - : Function('return this')(); - if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef - }); - - var document$1 = _global.document; - // typeof document.createElement is 'object' in old IE - var is = _isObject(document$1) && _isObject(document$1.createElement); - var _domCreate = function (it) { - return is ? document$1.createElement(it) : {}; - }; - - var _ie8DomDefine = !_descriptors && !_fails(function () { - return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7; - }); - - // 7.1.1 ToPrimitive(input [, PreferredType]) - - // instead of the ES6 spec version, we didn't implement @@toPrimitive case - // and the second argument - flag - preferred type is a string - var _toPrimitive = function (it, S) { - if (!_isObject(it)) return it; - var fn, val; - if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val; - if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val; - if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val; - throw TypeError("Can't convert object to primitive value"); - }; - - var dP = Object.defineProperty; - - var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) { - _anObject(O); - P = _toPrimitive(P, true); - _anObject(Attributes); - if (_ie8DomDefine) try { - return dP(O, P, Attributes); - } catch (e) { /* empty */ } - if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!'); - if ('value' in Attributes) O[P] = Attributes.value; - return O; - }; - - var _objectDp = { - f: f - }; - - var _propertyDesc = function (bitmap, value) { - return { - enumerable: !(bitmap & 1), - configurable: !(bitmap & 2), - writable: !(bitmap & 4), - value: value - }; - }; - - var _hide = _descriptors ? function (object, key, value) { - return _objectDp.f(object, key, _propertyDesc(1, value)); - } : function (object, key, value) { - object[key] = value; - return object; - }; - - var hasOwnProperty = {}.hasOwnProperty; - var _has = function (it, key) { - return hasOwnProperty.call(it, key); - }; - - var id = 0; - var px = Math.random(); - var _uid = function (key) { - return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); - }; - - var _core = createCommonjsModule(function (module) { - var core = module.exports = { version: '2.5.7' }; - if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef - }); - var _core_1 = _core.version; - - var _redefine = createCommonjsModule(function (module) { - var SRC = _uid('src'); - var TO_STRING = 'toString'; - var $toString = Function[TO_STRING]; - var TPL = ('' + $toString).split(TO_STRING); - - _core.inspectSource = function (it) { - return $toString.call(it); - }; - - (module.exports = function (O, key, val, safe) { - var isFunction = typeof val == 'function'; - if (isFunction) _has(val, 'name') || _hide(val, 'name', key); - if (O[key] === val) return; - if (isFunction) _has(val, SRC) || _hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key))); - if (O === _global) { - O[key] = val; - } else if (!safe) { - delete O[key]; - _hide(O, key, val); - } else if (O[key]) { - O[key] = val; - } else { - _hide(O, key, val); - } - // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative - })(Function.prototype, TO_STRING, function toString() { - return typeof this == 'function' && this[SRC] || $toString.call(this); - }); - }); - - // 7.2.1 RequireObjectCoercible(argument) - var _defined = function (it) { - if (it == undefined) throw TypeError("Can't call method on " + it); - return it; - }; - - var _library = false; - - var _shared = createCommonjsModule(function (module) { - var SHARED = '__core-js_shared__'; - var store = _global[SHARED] || (_global[SHARED] = {}); - - (module.exports = function (key, value) { - return store[key] || (store[key] = value !== undefined ? value : {}); - })('versions', []).push({ - version: _core.version, - mode: _library ? 'pure' : 'global', - copyright: '© 2018 Denis Pushkarev (zloirock.ru)' - }); - }); - - var _wks = createCommonjsModule(function (module) { - var store = _shared('wks'); - - var Symbol = _global.Symbol; - var USE_SYMBOL = typeof Symbol == 'function'; - - var $exports = module.exports = function (name) { - return store[name] || (store[name] = - USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : _uid)('Symbol.' + name)); - }; - - $exports.store = store; - }); - - var _fixReWks = function (KEY, length, exec) { - var SYMBOL = _wks(KEY); - var fns = exec(_defined, SYMBOL, ''[KEY]); - var strfn = fns[0]; - var rxfn = fns[1]; - if (_fails(function () { - var O = {}; - O[SYMBOL] = function () { return 7; }; - return ''[KEY](O) != 7; - })) { - _redefine(String.prototype, KEY, strfn); - _hide(RegExp.prototype, SYMBOL, length == 2 - // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue) - // 21.2.5.11 RegExp.prototype[@@split](string, limit) - ? function (string, arg) { return rxfn.call(string, this, arg); } - // 21.2.5.6 RegExp.prototype[@@match](string) - // 21.2.5.9 RegExp.prototype[@@search](string) - : function (string) { return rxfn.call(string, this); } - ); - } - }; - - // @@replace logic - _fixReWks('replace', 2, function (defined, REPLACE, $replace) { - // 21.1.3.14 String.prototype.replace(searchValue, replaceValue) - return [function replace(searchValue, replaceValue) { - var O = defined(this); - var fn = searchValue == undefined ? undefined : searchValue[REPLACE]; - return fn !== undefined - ? fn.call(searchValue, O, replaceValue) - : $replace.call(String(O), searchValue, replaceValue); - }, $replace]; - }); - - var dP$1 = _objectDp.f; - var FProto = Function.prototype; - var nameRE = /^\s*function ([^ (]*)/; - var NAME = 'name'; - - // 19.2.4.2 name - NAME in FProto || _descriptors && dP$1(FProto, NAME, { - configurable: true, - get: function () { - try { - return ('' + this).match(nameRE)[1]; - } catch (e) { - return ''; - } - } - }); - - // @@match logic - _fixReWks('match', 1, function (defined, MATCH, $match) { - // 21.1.3.11 String.prototype.match(regexp) - return [function match(regexp) { - var O = defined(this); - var fn = regexp == undefined ? undefined : regexp[MATCH]; - return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[MATCH](String(O)); - }, $match]; - }); - - // 22.1.3.31 Array.prototype[@@unscopables] - var UNSCOPABLES = _wks('unscopables'); - var ArrayProto = Array.prototype; - if (ArrayProto[UNSCOPABLES] == undefined) _hide(ArrayProto, UNSCOPABLES, {}); - var _addToUnscopables = function (key) { - ArrayProto[UNSCOPABLES][key] = true; - }; - - var _iterStep = function (done, value) { - return { value: value, done: !!done }; - }; - - var _iterators = {}; - - var toString = {}.toString; - - var _cof = function (it) { - return toString.call(it).slice(8, -1); - }; - - // fallback for non-array-like ES3 and non-enumerable old V8 strings - - // eslint-disable-next-line no-prototype-builtins - var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) { - return _cof(it) == 'String' ? it.split('') : Object(it); - }; - - // to indexed object, toObject with fallback for non-array-like ES3 strings - - - var _toIobject = function (it) { - return _iobject(_defined(it)); - }; - - var _aFunction = function (it) { - if (typeof it != 'function') throw TypeError(it + ' is not a function!'); - return it; - }; - - // optional / simple context binding - - var _ctx = function (fn, that, length) { - _aFunction(fn); - if (that === undefined) return fn; - switch (length) { - case 1: return function (a) { - return fn.call(that, a); - }; - case 2: return function (a, b) { - return fn.call(that, a, b); - }; - case 3: return function (a, b, c) { - return fn.call(that, a, b, c); - }; - } - return function (/* ...args */) { - return fn.apply(that, arguments); - }; - }; - - var PROTOTYPE = 'prototype'; - - var $export = function (type, name, source) { - var IS_FORCED = type & $export.F; - var IS_GLOBAL = type & $export.G; - var IS_STATIC = type & $export.S; - var IS_PROTO = type & $export.P; - var IS_BIND = type & $export.B; - var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] || (_global[name] = {}) : (_global[name] || {})[PROTOTYPE]; - var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {}); - var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}); - var key, own, out, exp; - if (IS_GLOBAL) source = name; - for (key in source) { - // contains in native - own = !IS_FORCED && target && target[key] !== undefined; - // export native or passed - out = (own ? target : source)[key]; - // bind timers to global for call from export context - exp = IS_BIND && own ? _ctx(out, _global) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out; - // extend global - if (target) _redefine(target, key, out, type & $export.U); - // export - if (exports[key] != out) _hide(exports, key, exp); - if (IS_PROTO && expProto[key] != out) expProto[key] = out; - } - }; - _global.core = _core; - // type bitmap - $export.F = 1; // forced - $export.G = 2; // global - $export.S = 4; // static - $export.P = 8; // proto - $export.B = 16; // bind - $export.W = 32; // wrap - $export.U = 64; // safe - $export.R = 128; // real proto method for `library` - var _export = $export; - - // 7.1.4 ToInteger - var ceil = Math.ceil; - var floor = Math.floor; - var _toInteger = function (it) { - return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); - }; - - // 7.1.15 ToLength - - var min = Math.min; - var _toLength = function (it) { - return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 - }; - - var max = Math.max; - var min$1 = Math.min; - var _toAbsoluteIndex = function (index, length) { - index = _toInteger(index); - return index < 0 ? max(index + length, 0) : min$1(index, length); - }; - - // false -> Array#indexOf - // true -> Array#includes - - - - var _arrayIncludes = function (IS_INCLUDES) { - return function ($this, el, fromIndex) { - var O = _toIobject($this); - var length = _toLength(O.length); - var index = _toAbsoluteIndex(fromIndex, length); - var value; - // Array#includes uses SameValueZero equality algorithm - // eslint-disable-next-line no-self-compare - if (IS_INCLUDES && el != el) while (length > index) { - value = O[index++]; - // eslint-disable-next-line no-self-compare - if (value != value) return true; - // Array#indexOf ignores holes, Array#includes - not - } else for (;length > index; index++) if (IS_INCLUDES || index in O) { - if (O[index] === el) return IS_INCLUDES || index || 0; - } return !IS_INCLUDES && -1; - }; - }; - - var shared = _shared('keys'); - - var _sharedKey = function (key) { - return shared[key] || (shared[key] = _uid(key)); - }; - - var arrayIndexOf = _arrayIncludes(false); - var IE_PROTO = _sharedKey('IE_PROTO'); - - var _objectKeysInternal = function (object, names) { - var O = _toIobject(object); - var i = 0; - var result = []; - var key; - for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key); - // Don't enum bug & hidden keys - while (names.length > i) if (_has(O, key = names[i++])) { - ~arrayIndexOf(result, key) || result.push(key); - } - return result; - }; - - // IE 8- don't enum bug keys - var _enumBugKeys = ( - 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' - ).split(','); - - // 19.1.2.14 / 15.2.3.14 Object.keys(O) - - - - var _objectKeys = Object.keys || function keys(O) { - return _objectKeysInternal(O, _enumBugKeys); - }; - - var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) { - _anObject(O); - var keys = _objectKeys(Properties); - var length = keys.length; - var i = 0; - var P; - while (length > i) _objectDp.f(O, P = keys[i++], Properties[P]); - return O; - }; - - var document$2 = _global.document; - var _html = document$2 && document$2.documentElement; - - // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) - - - - var IE_PROTO$1 = _sharedKey('IE_PROTO'); - var Empty = function () { /* empty */ }; - var PROTOTYPE$1 = 'prototype'; - - // Create object with fake `null` prototype: use iframe Object with cleared prototype - var createDict = function () { - // Thrash, waste and sodomy: IE GC bug - var iframe = _domCreate('iframe'); - var i = _enumBugKeys.length; - var lt = '<'; - var gt = '>'; - var iframeDocument; - iframe.style.display = 'none'; - _html.appendChild(iframe); - iframe.src = 'javascript:'; // eslint-disable-line no-script-url - // createDict = iframe.contentWindow.Object; - // html.removeChild(iframe); - iframeDocument = iframe.contentWindow.document; - iframeDocument.open(); - iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); - iframeDocument.close(); - createDict = iframeDocument.F; - while (i--) delete createDict[PROTOTYPE$1][_enumBugKeys[i]]; - return createDict(); - }; - - var _objectCreate = Object.create || function create(O, Properties) { - var result; - if (O !== null) { - Empty[PROTOTYPE$1] = _anObject(O); - result = new Empty(); - Empty[PROTOTYPE$1] = null; - // add "__proto__" for Object.getPrototypeOf polyfill - result[IE_PROTO$1] = O; - } else result = createDict(); - return Properties === undefined ? result : _objectDps(result, Properties); - }; - - var def = _objectDp.f; - - var TAG = _wks('toStringTag'); - - var _setToStringTag = function (it, tag, stat) { - if (it && !_has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag }); - }; - - var IteratorPrototype = {}; - - // 25.1.2.1.1 %IteratorPrototype%[@@iterator]() - _hide(IteratorPrototype, _wks('iterator'), function () { return this; }); - - var _iterCreate = function (Constructor, NAME, next) { - Constructor.prototype = _objectCreate(IteratorPrototype, { next: _propertyDesc(1, next) }); - _setToStringTag(Constructor, NAME + ' Iterator'); - }; - - // 7.1.13 ToObject(argument) - - var _toObject = function (it) { - return Object(_defined(it)); - }; - - // 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O) - - - var IE_PROTO$2 = _sharedKey('IE_PROTO'); - var ObjectProto = Object.prototype; - - var _objectGpo = Object.getPrototypeOf || function (O) { - O = _toObject(O); - if (_has(O, IE_PROTO$2)) return O[IE_PROTO$2]; - if (typeof O.constructor == 'function' && O instanceof O.constructor) { - return O.constructor.prototype; - } return O instanceof Object ? ObjectProto : null; - }; - - var ITERATOR = _wks('iterator'); - var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next` - var FF_ITERATOR = '@@iterator'; - var KEYS = 'keys'; - var VALUES = 'values'; - - var returnThis = function () { return this; }; - - var _iterDefine = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) { - _iterCreate(Constructor, NAME, next); - var getMethod = function (kind) { - if (!BUGGY && kind in proto) return proto[kind]; - switch (kind) { - case KEYS: return function keys() { return new Constructor(this, kind); }; - case VALUES: return function values() { return new Constructor(this, kind); }; - } return function entries() { return new Constructor(this, kind); }; - }; - var TAG = NAME + ' Iterator'; - var DEF_VALUES = DEFAULT == VALUES; - var VALUES_BUG = false; - var proto = Base.prototype; - var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT]; - var $default = $native || getMethod(DEFAULT); - var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined; - var $anyNative = NAME == 'Array' ? proto.entries || $native : $native; - var methods, key, IteratorPrototype; - // Fix native - if ($anyNative) { - IteratorPrototype = _objectGpo($anyNative.call(new Base())); - if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) { - // Set @@toStringTag to native iterators - _setToStringTag(IteratorPrototype, TAG, true); - // fix for some old engines - if (!_library && typeof IteratorPrototype[ITERATOR] != 'function') _hide(IteratorPrototype, ITERATOR, returnThis); - } - } - // fix Array#{values, @@iterator}.name in V8 / FF - if (DEF_VALUES && $native && $native.name !== VALUES) { - VALUES_BUG = true; - $default = function values() { return $native.call(this); }; - } - // Define iterator - if ((!_library || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) { - _hide(proto, ITERATOR, $default); - } - // Plug for library - _iterators[NAME] = $default; - _iterators[TAG] = returnThis; - if (DEFAULT) { - methods = { - values: DEF_VALUES ? $default : getMethod(VALUES), - keys: IS_SET ? $default : getMethod(KEYS), - entries: $entries - }; - if (FORCED) for (key in methods) { - if (!(key in proto)) _redefine(proto, key, methods[key]); - } else _export(_export.P + _export.F * (BUGGY || VALUES_BUG), NAME, methods); - } - return methods; - }; - - // 22.1.3.4 Array.prototype.entries() - // 22.1.3.13 Array.prototype.keys() - // 22.1.3.29 Array.prototype.values() - // 22.1.3.30 Array.prototype[@@iterator]() - var es6_array_iterator = _iterDefine(Array, 'Array', function (iterated, kind) { - this._t = _toIobject(iterated); // target - this._i = 0; // next index - this._k = kind; // kind - // 22.1.5.2.1 %ArrayIteratorPrototype%.next() - }, function () { - var O = this._t; - var kind = this._k; - var index = this._i++; - if (!O || index >= O.length) { - this._t = undefined; - return _iterStep(1); - } - if (kind == 'keys') return _iterStep(0, index); - if (kind == 'values') return _iterStep(0, O[index]); - return _iterStep(0, [index, O[index]]); - }, 'values'); - - // argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7) - _iterators.Arguments = _iterators.Array; - - _addToUnscopables('keys'); - _addToUnscopables('values'); - _addToUnscopables('entries'); - - var ITERATOR$1 = _wks('iterator'); - var TO_STRING_TAG = _wks('toStringTag'); - var ArrayValues = _iterators.Array; - - var DOMIterables = { - CSSRuleList: true, // TODO: Not spec compliant, should be false. - CSSStyleDeclaration: false, - CSSValueList: false, - ClientRectList: false, - DOMRectList: false, - DOMStringList: false, - DOMTokenList: true, - DataTransferItemList: false, - FileList: false, - HTMLAllCollection: false, - HTMLCollection: false, - HTMLFormElement: false, - HTMLSelectElement: false, - MediaList: true, // TODO: Not spec compliant, should be false. - MimeTypeArray: false, - NamedNodeMap: false, - NodeList: true, - PaintRequestList: false, - Plugin: false, - PluginArray: false, - SVGLengthList: false, - SVGNumberList: false, - SVGPathSegList: false, - SVGPointList: false, - SVGStringList: false, - SVGTransformList: false, - SourceBufferList: false, - StyleSheetList: true, // TODO: Not spec compliant, should be false. - TextTrackCueList: false, - TextTrackList: false, - TouchList: false - }; - - for (var collections = _objectKeys(DOMIterables), i = 0; i < collections.length; i++) { - var NAME$1 = collections[i]; - var explicit = DOMIterables[NAME$1]; - var Collection = _global[NAME$1]; - var proto = Collection && Collection.prototype; - var key; - if (proto) { - if (!proto[ITERATOR$1]) _hide(proto, ITERATOR$1, ArrayValues); - if (!proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME$1); - _iterators[NAME$1] = ArrayValues; - if (explicit) for (key in es6_array_iterator) if (!proto[key]) _redefine(proto, key, es6_array_iterator[key], true); - } - } - - // true -> String#at - // false -> String#codePointAt - var _stringAt = function (TO_STRING) { - return function (that, pos) { - var s = String(_defined(that)); - var i = _toInteger(pos); - var l = s.length; - var a, b; - if (i < 0 || i >= l) return TO_STRING ? '' : undefined; - a = s.charCodeAt(i); - return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff - ? TO_STRING ? s.charAt(i) : a - : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000; - }; - }; - - var $at = _stringAt(true); - - // 21.1.3.27 String.prototype[@@iterator]() - _iterDefine(String, 'String', function (iterated) { - this._t = String(iterated); // target - this._i = 0; // next index - // 21.1.5.2.1 %StringIteratorPrototype%.next() - }, function () { - var O = this._t; - var index = this._i; - var point; - if (index >= O.length) return { value: undefined, done: true }; - point = $at(O, index); - this._i += point.length; - return { value: point, done: false }; - }); - - // call something on iterator step with safe closing on error - - var _iterCall = function (iterator, fn, value, entries) { - try { - return entries ? fn(_anObject(value)[0], value[1]) : fn(value); - // 7.4.6 IteratorClose(iterator, completion) - } catch (e) { - var ret = iterator['return']; - if (ret !== undefined) _anObject(ret.call(iterator)); - throw e; - } - }; - - // check on default Array iterator - - var ITERATOR$2 = _wks('iterator'); - var ArrayProto$1 = Array.prototype; - - var _isArrayIter = function (it) { - return it !== undefined && (_iterators.Array === it || ArrayProto$1[ITERATOR$2] === it); - }; - - var _createProperty = function (object, index, value) { - if (index in object) _objectDp.f(object, index, _propertyDesc(0, value)); - else object[index] = value; - }; - - // getting tag from 19.1.3.6 Object.prototype.toString() - - var TAG$1 = _wks('toStringTag'); - // ES3 wrong here - var ARG = _cof(function () { return arguments; }()) == 'Arguments'; - - // fallback for IE11 Script Access Denied error - var tryGet = function (it, key) { - try { - return it[key]; - } catch (e) { /* empty */ } - }; - - var _classof = function (it) { - var O, T, B; - return it === undefined ? 'Undefined' : it === null ? 'Null' - // @@toStringTag case - : typeof (T = tryGet(O = Object(it), TAG$1)) == 'string' ? T - // builtinTag case - : ARG ? _cof(O) - // ES3 arguments fallback - : (B = _cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B; - }; - - var ITERATOR$3 = _wks('iterator'); - - var core_getIteratorMethod = _core.getIteratorMethod = function (it) { - if (it != undefined) return it[ITERATOR$3] - || it['@@iterator'] - || _iterators[_classof(it)]; - }; - - var ITERATOR$4 = _wks('iterator'); - var SAFE_CLOSING = false; - - try { - var riter = [7][ITERATOR$4](); - riter['return'] = function () { SAFE_CLOSING = true; }; - } catch (e) { /* empty */ } - - var _iterDetect = function (exec, skipClosing) { - if (!skipClosing && !SAFE_CLOSING) return false; - var safe = false; - try { - var arr = [7]; - var iter = arr[ITERATOR$4](); - iter.next = function () { return { done: safe = true }; }; - arr[ITERATOR$4] = function () { return iter; }; - exec(arr); - } catch (e) { /* empty */ } - return safe; - }; - - _export(_export.S + _export.F * !_iterDetect(function (iter) { }), 'Array', { - // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined) - from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) { - var O = _toObject(arrayLike); - var C = typeof this == 'function' ? this : Array; - var aLen = arguments.length; - var mapfn = aLen > 1 ? arguments[1] : undefined; - var mapping = mapfn !== undefined; - var index = 0; - var iterFn = core_getIteratorMethod(O); - var length, result, step, iterator; - if (mapping) mapfn = _ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2); - // if object isn't iterable or it's array with default iterator - use simple case - if (iterFn != undefined && !(C == Array && _isArrayIter(iterFn))) { - for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) { - _createProperty(result, index, mapping ? _iterCall(iterator, mapfn, [step.value, index], true) : step.value); - } - } else { - length = _toLength(O.length); - for (result = new C(length); length > index; index++) { - _createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]); - } - } - result.length = index; - return result; - } - }); - - var f$1 = Object.getOwnPropertySymbols; - - var _objectGops = { - f: f$1 - }; - - var f$2 = {}.propertyIsEnumerable; - - var _objectPie = { - f: f$2 - }; - - // 19.1.2.1 Object.assign(target, source, ...) - - - - - - var $assign = Object.assign; - - // should work with symbols and should have deterministic property order (V8 bug) - var _objectAssign = !$assign || _fails(function () { - var A = {}; - var B = {}; - // eslint-disable-next-line no-undef - var S = Symbol(); - var K = 'abcdefghijklmnopqrst'; - A[S] = 7; - K.split('').forEach(function (k) { B[k] = k; }); - return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K; - }) ? function assign(target, source) { // eslint-disable-line no-unused-vars - var T = _toObject(target); - var aLen = arguments.length; - var index = 1; - var getSymbols = _objectGops.f; - var isEnum = _objectPie.f; - while (aLen > index) { - var S = _iobject(arguments[index++]); - var keys = getSymbols ? _objectKeys(S).concat(getSymbols(S)) : _objectKeys(S); - var length = keys.length; - var j = 0; - var key; - while (length > j) if (isEnum.call(S, key = keys[j++])) T[key] = S[key]; - } return T; - } : $assign; - - // 19.1.3.1 Object.assign(target, source) - - - _export(_export.S + _export.F, 'Object', { assign: _objectAssign }); - - function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - } - - function _defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } - } - - function _createClass(Constructor, protoProps, staticProps) { - if (protoProps) _defineProperties(Constructor.prototype, protoProps); - if (staticProps) _defineProperties(Constructor, staticProps); - return Constructor; - } - - var scrollbarWidth = createCommonjsModule(function (module, exports) { - /*! scrollbarWidth.js v0.1.3 | felixexter | MIT | https://github.com/felixexter/scrollbarWidth */ - (function (root, factory) { - { - module.exports = factory(); - } - }(commonjsGlobal, function () { - - function scrollbarWidth() { - if (typeof document === 'undefined') { - return 0 - } - - var - body = document.body, - box = document.createElement('div'), - boxStyle = box.style, - width; - - boxStyle.position = 'absolute'; - boxStyle.top = boxStyle.left = '-9999px'; - boxStyle.width = boxStyle.height = '100px'; - boxStyle.overflow = 'scroll'; - - body.appendChild(box); - - width = box.offsetWidth - box.clientWidth; - - body.removeChild(box); - - return width; - } - - return scrollbarWidth; - })); - }); - - /** - * lodash (Custom Build) - * Build: `lodash modularize exports="npm" -o ./` - * Copyright jQuery Foundation and other contributors - * Released under MIT license - * Based on Underscore.js 1.8.3 - * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */ - - /** Used as the `TypeError` message for "Functions" methods. */ - var FUNC_ERROR_TEXT = 'Expected a function'; - - /** Used as references for various `Number` constants. */ - var NAN = 0 / 0; - - /** `Object#toString` result references. */ - var symbolTag = '[object Symbol]'; - - /** Used to match leading and trailing whitespace. */ - var reTrim = /^\s+|\s+$/g; - - /** Used to detect bad signed hexadecimal string values. */ - var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; - - /** Used to detect binary string values. */ - var reIsBinary = /^0b[01]+$/i; - - /** Used to detect octal string values. */ - var reIsOctal = /^0o[0-7]+$/i; - - /** Built-in method references without a dependency on `root`. */ - var freeParseInt = parseInt; - - /** Detect free variable `global` from Node.js. */ - var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal; - - /** Detect free variable `self`. */ - var freeSelf = typeof self == 'object' && self && self.Object === Object && self; - - /** Used as a reference to the global object. */ - var root = freeGlobal || freeSelf || Function('return this')(); - - /** Used for built-in method references. */ - var objectProto = Object.prototype; - - /** - * Used to resolve the - * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) - * of values. - */ - var objectToString = objectProto.toString; - - /* Built-in method references for those with the same name as other `lodash` methods. */ - var nativeMax = Math.max, - nativeMin = Math.min; - - /** - * Gets the timestamp of the number of milliseconds that have elapsed since - * the Unix epoch (1 January 1970 00:00:00 UTC). - * - * @static - * @memberOf _ - * @since 2.4.0 - * @category Date - * @returns {number} Returns the timestamp. - * @example - * - * _.defer(function(stamp) { - * console.log(_.now() - stamp); - * }, _.now()); - * // => Logs the number of milliseconds it took for the deferred invocation. - */ - var now = function() { - return root.Date.now(); - }; - - /** - * Creates a debounced function that delays invoking `func` until after `wait` - * milliseconds have elapsed since the last time the debounced function was - * invoked. The debounced function comes with a `cancel` method to cancel - * delayed `func` invocations and a `flush` method to immediately invoke them. - * Provide `options` to indicate whether `func` should be invoked on the - * leading and/or trailing edge of the `wait` timeout. The `func` is invoked - * with the last arguments provided to the debounced function. Subsequent - * calls to the debounced function return the result of the last `func` - * invocation. - * - * **Note:** If `leading` and `trailing` options are `true`, `func` is - * invoked on the trailing edge of the timeout only if the debounced function - * is invoked more than once during the `wait` timeout. - * - * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred - * until to the next tick, similar to `setTimeout` with a timeout of `0`. - * - * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) - * for details over the differences between `_.debounce` and `_.throttle`. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to debounce. - * @param {number} [wait=0] The number of milliseconds to delay. - * @param {Object} [options={}] The options object. - * @param {boolean} [options.leading=false] - * Specify invoking on the leading edge of the timeout. - * @param {number} [options.maxWait] - * The maximum time `func` is allowed to be delayed before it's invoked. - * @param {boolean} [options.trailing=true] - * Specify invoking on the trailing edge of the timeout. - * @returns {Function} Returns the new debounced function. - * @example - * - * // Avoid costly calculations while the window size is in flux. - * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); - * - * // Invoke `sendMail` when clicked, debouncing subsequent calls. - * jQuery(element).on('click', _.debounce(sendMail, 300, { - * 'leading': true, - * 'trailing': false - * })); - * - * // Ensure `batchLog` is invoked once after 1 second of debounced calls. - * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); - * var source = new EventSource('/stream'); - * jQuery(source).on('message', debounced); - * - * // Cancel the trailing debounced invocation. - * jQuery(window).on('popstate', debounced.cancel); - */ - function debounce(func, wait, options) { - var lastArgs, - lastThis, - maxWait, - result, - timerId, - lastCallTime, - lastInvokeTime = 0, - leading = false, - maxing = false, - trailing = true; - - if (typeof func != 'function') { - throw new TypeError(FUNC_ERROR_TEXT); - } - wait = toNumber(wait) || 0; - if (isObject(options)) { - leading = !!options.leading; - maxing = 'maxWait' in options; - maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; - trailing = 'trailing' in options ? !!options.trailing : trailing; - } - - function invokeFunc(time) { - var args = lastArgs, - thisArg = lastThis; - - lastArgs = lastThis = undefined; - lastInvokeTime = time; - result = func.apply(thisArg, args); - return result; - } - - function leadingEdge(time) { - // Reset any `maxWait` timer. - lastInvokeTime = time; - // Start the timer for the trailing edge. - timerId = setTimeout(timerExpired, wait); - // Invoke the leading edge. - return leading ? invokeFunc(time) : result; - } - - function remainingWait(time) { - var timeSinceLastCall = time - lastCallTime, - timeSinceLastInvoke = time - lastInvokeTime, - result = wait - timeSinceLastCall; - - return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result; - } - - function shouldInvoke(time) { - var timeSinceLastCall = time - lastCallTime, - timeSinceLastInvoke = time - lastInvokeTime; - - // Either this is the first call, activity has stopped and we're at the - // trailing edge, the system time has gone backwards and we're treating - // it as the trailing edge, or we've hit the `maxWait` limit. - return (lastCallTime === undefined || (timeSinceLastCall >= wait) || - (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait)); - } - - function timerExpired() { - var time = now(); - if (shouldInvoke(time)) { - return trailingEdge(time); - } - // Restart the timer. - timerId = setTimeout(timerExpired, remainingWait(time)); - } - - function trailingEdge(time) { - timerId = undefined; - - // Only invoke if we have `lastArgs` which means `func` has been - // debounced at least once. - if (trailing && lastArgs) { - return invokeFunc(time); - } - lastArgs = lastThis = undefined; - return result; - } - - function cancel() { - if (timerId !== undefined) { - clearTimeout(timerId); - } - lastInvokeTime = 0; - lastArgs = lastCallTime = lastThis = timerId = undefined; - } - - function flush() { - return timerId === undefined ? result : trailingEdge(now()); - } - - function debounced() { - var time = now(), - isInvoking = shouldInvoke(time); - - lastArgs = arguments; - lastThis = this; - lastCallTime = time; - - if (isInvoking) { - if (timerId === undefined) { - return leadingEdge(lastCallTime); - } - if (maxing) { - // Handle invocations in a tight loop. - timerId = setTimeout(timerExpired, wait); - return invokeFunc(lastCallTime); - } - } - if (timerId === undefined) { - timerId = setTimeout(timerExpired, wait); - } - return result; - } - debounced.cancel = cancel; - debounced.flush = flush; - return debounced; - } - - /** - * Creates a throttled function that only invokes `func` at most once per - * every `wait` milliseconds. The throttled function comes with a `cancel` - * method to cancel delayed `func` invocations and a `flush` method to - * immediately invoke them. Provide `options` to indicate whether `func` - * should be invoked on the leading and/or trailing edge of the `wait` - * timeout. The `func` is invoked with the last arguments provided to the - * throttled function. Subsequent calls to the throttled function return the - * result of the last `func` invocation. - * - * **Note:** If `leading` and `trailing` options are `true`, `func` is - * invoked on the trailing edge of the timeout only if the throttled function - * is invoked more than once during the `wait` timeout. - * - * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred - * until to the next tick, similar to `setTimeout` with a timeout of `0`. - * - * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) - * for details over the differences between `_.throttle` and `_.debounce`. - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Function - * @param {Function} func The function to throttle. - * @param {number} [wait=0] The number of milliseconds to throttle invocations to. - * @param {Object} [options={}] The options object. - * @param {boolean} [options.leading=true] - * Specify invoking on the leading edge of the timeout. - * @param {boolean} [options.trailing=true] - * Specify invoking on the trailing edge of the timeout. - * @returns {Function} Returns the new throttled function. - * @example - * - * // Avoid excessively updating the position while scrolling. - * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); - * - * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. - * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); - * jQuery(element).on('click', throttled); - * - * // Cancel the trailing throttled invocation. - * jQuery(window).on('popstate', throttled.cancel); - */ - function throttle(func, wait, options) { - var leading = true, - trailing = true; - - if (typeof func != 'function') { - throw new TypeError(FUNC_ERROR_TEXT); - } - if (isObject(options)) { - leading = 'leading' in options ? !!options.leading : leading; - trailing = 'trailing' in options ? !!options.trailing : trailing; - } - return debounce(func, wait, { - 'leading': leading, - 'maxWait': wait, - 'trailing': trailing - }); - } - - /** - * Checks if `value` is the - * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) - * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) - * - * @static - * @memberOf _ - * @since 0.1.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is an object, else `false`. - * @example - * - * _.isObject({}); - * // => true - * - * _.isObject([1, 2, 3]); - * // => true - * - * _.isObject(_.noop); - * // => true - * - * _.isObject(null); - * // => false - */ - function isObject(value) { - var type = typeof value; - return !!value && (type == 'object' || type == 'function'); - } - - /** - * Checks if `value` is object-like. A value is object-like if it's not `null` - * and has a `typeof` result of "object". - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is object-like, else `false`. - * @example - * - * _.isObjectLike({}); - * // => true - * - * _.isObjectLike([1, 2, 3]); - * // => true - * - * _.isObjectLike(_.noop); - * // => false - * - * _.isObjectLike(null); - * // => false - */ - function isObjectLike(value) { - return !!value && typeof value == 'object'; - } - - /** - * Checks if `value` is classified as a `Symbol` primitive or object. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to check. - * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. - * @example - * - * _.isSymbol(Symbol.iterator); - * // => true - * - * _.isSymbol('abc'); - * // => false - */ - function isSymbol(value) { - return typeof value == 'symbol' || - (isObjectLike(value) && objectToString.call(value) == symbolTag); - } - - /** - * Converts `value` to a number. - * - * @static - * @memberOf _ - * @since 4.0.0 - * @category Lang - * @param {*} value The value to process. - * @returns {number} Returns the number. - * @example - * - * _.toNumber(3.2); - * // => 3.2 - * - * _.toNumber(Number.MIN_VALUE); - * // => 5e-324 - * - * _.toNumber(Infinity); - * // => Infinity - * - * _.toNumber('3.2'); - * // => 3.2 - */ - function toNumber(value) { - if (typeof value == 'number') { - return value; - } - if (isSymbol(value)) { - return NAN; - } - if (isObject(value)) { - var other = typeof value.valueOf == 'function' ? value.valueOf() : value; - value = isObject(other) ? (other + '') : other; - } - if (typeof value != 'string') { - return value === 0 ? value : +value; - } - value = value.replace(reTrim, ''); - var isBinary = reIsBinary.test(value); - return (isBinary || reIsOctal.test(value)) - ? freeParseInt(value.slice(2), isBinary ? 2 : 8) - : (reIsBadHex.test(value) ? NAN : +value); - } - - var lodash_throttle = throttle; - - /** - * A collection of shims that provide minimal functionality of the ES6 collections. - * - * These implementations are not meant to be used outside of the ResizeObserver - * modules as they cover only a limited range of use cases. - */ - /* eslint-disable require-jsdoc, valid-jsdoc */ - var MapShim = (function () { - if (typeof Map !== 'undefined') { - return Map; - } - - /** - * Returns index in provided array that matches the specified key. - * - * @param {Array} arr - * @param {*} key - * @returns {number} - */ - function getIndex(arr, key) { - var result = -1; - - arr.some(function (entry, index) { - if (entry[0] === key) { - result = index; - - return true; - } - - return false; - }); - - return result; - } - - return (function () { - function anonymous() { - this.__entries__ = []; - } - - var prototypeAccessors = { size: { configurable: true } }; - - /** - * @returns {boolean} - */ - prototypeAccessors.size.get = function () { - return this.__entries__.length; - }; - - /** - * @param {*} key - * @returns {*} - */ - anonymous.prototype.get = function (key) { - var index = getIndex(this.__entries__, key); - var entry = this.__entries__[index]; - - return entry && entry[1]; - }; - - /** - * @param {*} key - * @param {*} value - * @returns {void} - */ - anonymous.prototype.set = function (key, value) { - var index = getIndex(this.__entries__, key); - - if (~index) { - this.__entries__[index][1] = value; - } else { - this.__entries__.push([key, value]); - } - }; - - /** - * @param {*} key - * @returns {void} - */ - anonymous.prototype.delete = function (key) { - var entries = this.__entries__; - var index = getIndex(entries, key); - - if (~index) { - entries.splice(index, 1); - } - }; - - /** - * @param {*} key - * @returns {void} - */ - anonymous.prototype.has = function (key) { - return !!~getIndex(this.__entries__, key); - }; - - /** - * @returns {void} - */ - anonymous.prototype.clear = function () { - this.__entries__.splice(0); - }; - - /** - * @param {Function} callback - * @param {*} [ctx=null] - * @returns {void} - */ - anonymous.prototype.forEach = function (callback, ctx) { - var this$1 = this; - if ( ctx === void 0 ) ctx = null; - - for (var i = 0, list = this$1.__entries__; i < list.length; i += 1) { - var entry = list[i]; - - callback.call(ctx, entry[1], entry[0]); - } - }; - - Object.defineProperties( anonymous.prototype, prototypeAccessors ); - - return anonymous; - }()); - })(); - - /** - * Detects whether window and document objects are available in current environment. - */ - var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document; - - // Returns global object of a current environment. - var global$1 = (function () { - if (typeof global !== 'undefined' && global.Math === Math) { - return global; - } - - if (typeof self !== 'undefined' && self.Math === Math) { - return self; - } - - if (typeof window !== 'undefined' && window.Math === Math) { - return window; - } - - // eslint-disable-next-line no-new-func - return Function('return this')(); - })(); - - /** - * A shim for the requestAnimationFrame which falls back to the setTimeout if - * first one is not supported. - * - * @returns {number} Requests' identifier. - */ - var requestAnimationFrame$1 = (function () { - if (typeof requestAnimationFrame === 'function') { - // It's required to use a bounded function because IE sometimes throws - // an "Invalid calling object" error if rAF is invoked without the global - // object on the left hand side. - return requestAnimationFrame.bind(global$1); - } - - return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); }; - })(); - - // Defines minimum timeout before adding a trailing call. - var trailingTimeout = 2; - - /** - * Creates a wrapper function which ensures that provided callback will be - * invoked only once during the specified delay period. - * - * @param {Function} callback - Function to be invoked after the delay period. - * @param {number} delay - Delay after which to invoke callback. - * @returns {Function} - */ - var throttle$1 = function (callback, delay) { - var leadingCall = false, - trailingCall = false, - lastCallTime = 0; - - /** - * Invokes the original callback function and schedules new invocation if - * the "proxy" was called during current request. - * - * @returns {void} - */ - function resolvePending() { - if (leadingCall) { - leadingCall = false; - - callback(); - } - - if (trailingCall) { - proxy(); - } - } - - /** - * Callback invoked after the specified delay. It will further postpone - * invocation of the original function delegating it to the - * requestAnimationFrame. - * - * @returns {void} - */ - function timeoutCallback() { - requestAnimationFrame$1(resolvePending); - } - - /** - * Schedules invocation of the original function. - * - * @returns {void} - */ - function proxy() { - var timeStamp = Date.now(); - - if (leadingCall) { - // Reject immediately following calls. - if (timeStamp - lastCallTime < trailingTimeout) { - return; - } - - // Schedule new call to be in invoked when the pending one is resolved. - // This is important for "transitions" which never actually start - // immediately so there is a chance that we might miss one if change - // happens amids the pending invocation. - trailingCall = true; - } else { - leadingCall = true; - trailingCall = false; - - setTimeout(timeoutCallback, delay); - } - - lastCallTime = timeStamp; - } - - return proxy; - }; - - // Minimum delay before invoking the update of observers. - var REFRESH_DELAY = 20; - - // A list of substrings of CSS properties used to find transition events that - // might affect dimensions of observed elements. - var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight']; - - // Check if MutationObserver is available. - var mutationObserverSupported = typeof MutationObserver !== 'undefined'; - - /** - * Singleton controller class which handles updates of ResizeObserver instances. - */ - var ResizeObserverController = function() { - this.connected_ = false; - this.mutationEventsAdded_ = false; - this.mutationsObserver_ = null; - this.observers_ = []; - - this.onTransitionEnd_ = this.onTransitionEnd_.bind(this); - this.refresh = throttle$1(this.refresh.bind(this), REFRESH_DELAY); - }; - - /** - * Adds observer to observers list. - * - * @param {ResizeObserverSPI} observer - Observer to be added. - * @returns {void} - */ - - - /** - * Holds reference to the controller's instance. - * - * @private {ResizeObserverController} - */ - - - /** - * Keeps reference to the instance of MutationObserver. - * - * @private {MutationObserver} - */ - - /** - * Indicates whether DOM listeners have been added. - * - * @private {boolean} - */ - ResizeObserverController.prototype.addObserver = function (observer) { - if (!~this.observers_.indexOf(observer)) { - this.observers_.push(observer); - } - - // Add listeners if they haven't been added yet. - if (!this.connected_) { - this.connect_(); - } - }; - - /** - * Removes observer from observers list. - * - * @param {ResizeObserverSPI} observer - Observer to be removed. - * @returns {void} - */ - ResizeObserverController.prototype.removeObserver = function (observer) { - var observers = this.observers_; - var index = observers.indexOf(observer); - - // Remove observer if it's present in registry. - if (~index) { - observers.splice(index, 1); - } - - // Remove listeners if controller has no connected observers. - if (!observers.length && this.connected_) { - this.disconnect_(); - } - }; - - /** - * Invokes the update of observers. It will continue running updates insofar - * it detects changes. - * - * @returns {void} - */ - ResizeObserverController.prototype.refresh = function () { - var changesDetected = this.updateObservers_(); - - // Continue running updates if changes have been detected as there might - // be future ones caused by CSS transitions. - if (changesDetected) { - this.refresh(); - } - }; - - /** - * Updates every observer from observers list and notifies them of queued - * entries. - * - * @private - * @returns {boolean} Returns "true" if any observer has detected changes in - * dimensions of it's elements. - */ - ResizeObserverController.prototype.updateObservers_ = function () { - // Collect observers that have active observations. - var activeObservers = this.observers_.filter(function (observer) { - return observer.gatherActive(), observer.hasActive(); - }); - - // Deliver notifications in a separate cycle in order to avoid any - // collisions between observers, e.g. when multiple instances of - // ResizeObserver are tracking the same element and the callback of one - // of them changes content dimensions of the observed target. Sometimes - // this may result in notifications being blocked for the rest of observers. - activeObservers.forEach(function (observer) { return observer.broadcastActive(); }); - - return activeObservers.length > 0; - }; - - /** - * Initializes DOM listeners. - * - * @private - * @returns {void} - */ - ResizeObserverController.prototype.connect_ = function () { - // Do nothing if running in a non-browser environment or if listeners - // have been already added. - if (!isBrowser || this.connected_) { - return; - } - - // Subscription to the "Transitionend" event is used as a workaround for - // delayed transitions. This way it's possible to capture at least the - // final state of an element. - document.addEventListener('transitionend', this.onTransitionEnd_); - - window.addEventListener('resize', this.refresh); - - if (mutationObserverSupported) { - this.mutationsObserver_ = new MutationObserver(this.refresh); - - this.mutationsObserver_.observe(document, { - attributes: true, - childList: true, - characterData: true, - subtree: true - }); - } else { - document.addEventListener('DOMSubtreeModified', this.refresh); - - this.mutationEventsAdded_ = true; - } - - this.connected_ = true; - }; - - /** - * Removes DOM listeners. - * - * @private - * @returns {void} - */ - ResizeObserverController.prototype.disconnect_ = function () { - // Do nothing if running in a non-browser environment or if listeners - // have been already removed. - if (!isBrowser || !this.connected_) { - return; - } - - document.removeEventListener('transitionend', this.onTransitionEnd_); - window.removeEventListener('resize', this.refresh); - - if (this.mutationsObserver_) { - this.mutationsObserver_.disconnect(); - } - - if (this.mutationEventsAdded_) { - document.removeEventListener('DOMSubtreeModified', this.refresh); - } - - this.mutationsObserver_ = null; - this.mutationEventsAdded_ = false; - this.connected_ = false; - }; - - /** - * "Transitionend" event handler. - * - * @private - * @param {TransitionEvent} event - * @returns {void} - */ - ResizeObserverController.prototype.onTransitionEnd_ = function (ref) { - var propertyName = ref.propertyName; if ( propertyName === void 0 ) propertyName = ''; - - // Detect whether transition may affect dimensions of an element. - var isReflowProperty = transitionKeys.some(function (key) { - return !!~propertyName.indexOf(key); - }); - - if (isReflowProperty) { - this.refresh(); - } - }; - - /** - * Returns instance of the ResizeObserverController. - * - * @returns {ResizeObserverController} - */ - ResizeObserverController.getInstance = function () { - if (!this.instance_) { - this.instance_ = new ResizeObserverController(); - } - - return this.instance_; - }; - - ResizeObserverController.instance_ = null; - - /** - * Defines non-writable/enumerable properties of the provided target object. - * - * @param {Object} target - Object for which to define properties. - * @param {Object} props - Properties to be defined. - * @returns {Object} Target object. - */ - var defineConfigurable = (function (target, props) { - for (var i = 0, list = Object.keys(props); i < list.length; i += 1) { - var key = list[i]; - - Object.defineProperty(target, key, { - value: props[key], - enumerable: false, - writable: false, - configurable: true - }); - } - - return target; - }); - - /** - * Returns the global object associated with provided element. - * - * @param {Object} target - * @returns {Object} - */ - var getWindowOf = (function (target) { - // Assume that the element is an instance of Node, which means that it - // has the "ownerDocument" property from which we can retrieve a - // corresponding global object. - var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView; - - // Return the local global object if it's not possible extract one from - // provided element. - return ownerGlobal || global$1; - }); - - // Placeholder of an empty content rectangle. - var emptyRect = createRectInit(0, 0, 0, 0); - - /** - * Converts provided string to a number. - * - * @param {number|string} value - * @returns {number} - */ - function toFloat(value) { - return parseFloat(value) || 0; - } - - /** - * Extracts borders size from provided styles. - * - * @param {CSSStyleDeclaration} styles - * @param {...string} positions - Borders positions (top, right, ...) - * @returns {number} - */ - function getBordersSize(styles) { - var positions = [], len = arguments.length - 1; - while ( len-- > 0 ) positions[ len ] = arguments[ len + 1 ]; - - return positions.reduce(function (size, position) { - var value = styles['border-' + position + '-width']; - - return size + toFloat(value); - }, 0); - } - - /** - * Extracts paddings sizes from provided styles. - * - * @param {CSSStyleDeclaration} styles - * @returns {Object} Paddings box. - */ - function getPaddings(styles) { - var positions = ['top', 'right', 'bottom', 'left']; - var paddings = {}; - - for (var i = 0, list = positions; i < list.length; i += 1) { - var position = list[i]; - - var value = styles['padding-' + position]; - - paddings[position] = toFloat(value); - } - - return paddings; - } - - /** - * Calculates content rectangle of provided SVG element. - * - * @param {SVGGraphicsElement} target - Element content rectangle of which needs - * to be calculated. - * @returns {DOMRectInit} - */ - function getSVGContentRect(target) { - var bbox = target.getBBox(); - - return createRectInit(0, 0, bbox.width, bbox.height); - } - - /** - * Calculates content rectangle of provided HTMLElement. - * - * @param {HTMLElement} target - Element for which to calculate the content rectangle. - * @returns {DOMRectInit} - */ - function getHTMLElementContentRect(target) { - // Client width & height properties can't be - // used exclusively as they provide rounded values. - var clientWidth = target.clientWidth; - var clientHeight = target.clientHeight; - - // By this condition we can catch all non-replaced inline, hidden and - // detached elements. Though elements with width & height properties less - // than 0.5 will be discarded as well. - // - // Without it we would need to implement separate methods for each of - // those cases and it's not possible to perform a precise and performance - // effective test for hidden elements. E.g. even jQuery's ':visible' filter - // gives wrong results for elements with width & height less than 0.5. - if (!clientWidth && !clientHeight) { - return emptyRect; - } - - var styles = getWindowOf(target).getComputedStyle(target); - var paddings = getPaddings(styles); - var horizPad = paddings.left + paddings.right; - var vertPad = paddings.top + paddings.bottom; - - // Computed styles of width & height are being used because they are the - // only dimensions available to JS that contain non-rounded values. It could - // be possible to utilize the getBoundingClientRect if only it's data wasn't - // affected by CSS transformations let alone paddings, borders and scroll bars. - var width = toFloat(styles.width), - height = toFloat(styles.height); - - // Width & height include paddings and borders when the 'border-box' box - // model is applied (except for IE). - if (styles.boxSizing === 'border-box') { - // Following conditions are required to handle Internet Explorer which - // doesn't include paddings and borders to computed CSS dimensions. - // - // We can say that if CSS dimensions + paddings are equal to the "client" - // properties then it's either IE, and thus we don't need to subtract - // anything, or an element merely doesn't have paddings/borders styles. - if (Math.round(width + horizPad) !== clientWidth) { - width -= getBordersSize(styles, 'left', 'right') + horizPad; - } - - if (Math.round(height + vertPad) !== clientHeight) { - height -= getBordersSize(styles, 'top', 'bottom') + vertPad; - } - } - - // Following steps can't be applied to the document's root element as its - // client[Width/Height] properties represent viewport area of the window. - // Besides, it's as well not necessary as the itself neither has - // rendered scroll bars nor it can be clipped. - if (!isDocumentElement(target)) { - // In some browsers (only in Firefox, actually) CSS width & height - // include scroll bars size which can be removed at this step as scroll - // bars are the only difference between rounded dimensions + paddings - // and "client" properties, though that is not always true in Chrome. - var vertScrollbar = Math.round(width + horizPad) - clientWidth; - var horizScrollbar = Math.round(height + vertPad) - clientHeight; - - // Chrome has a rather weird rounding of "client" properties. - // E.g. for an element with content width of 314.2px it sometimes gives - // the client width of 315px and for the width of 314.7px it may give - // 314px. And it doesn't happen all the time. So just ignore this delta - // as a non-relevant. - if (Math.abs(vertScrollbar) !== 1) { - width -= vertScrollbar; - } - - if (Math.abs(horizScrollbar) !== 1) { - height -= horizScrollbar; - } - } - - return createRectInit(paddings.left, paddings.top, width, height); - } - - /** - * Checks whether provided element is an instance of the SVGGraphicsElement. - * - * @param {Element} target - Element to be checked. - * @returns {boolean} - */ - var isSVGGraphicsElement = (function () { - // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement - // interface. - if (typeof SVGGraphicsElement !== 'undefined') { - return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; }; - } - - // If it's so, then check that element is at least an instance of the - // SVGElement and that it has the "getBBox" method. - // eslint-disable-next-line no-extra-parens - return function (target) { return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === 'function'; }; - })(); - - /** - * Checks whether provided element is a document element (). - * - * @param {Element} target - Element to be checked. - * @returns {boolean} - */ - function isDocumentElement(target) { - return target === getWindowOf(target).document.documentElement; - } - - /** - * Calculates an appropriate content rectangle for provided html or svg element. - * - * @param {Element} target - Element content rectangle of which needs to be calculated. - * @returns {DOMRectInit} - */ - function getContentRect(target) { - if (!isBrowser) { - return emptyRect; - } - - if (isSVGGraphicsElement(target)) { - return getSVGContentRect(target); - } - - return getHTMLElementContentRect(target); - } - - /** - * Creates rectangle with an interface of the DOMRectReadOnly. - * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly - * - * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions. - * @returns {DOMRectReadOnly} - */ - function createReadOnlyRect(ref) { - var x = ref.x; - var y = ref.y; - var width = ref.width; - var height = ref.height; - - // If DOMRectReadOnly is available use it as a prototype for the rectangle. - var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object; - var rect = Object.create(Constr.prototype); - - // Rectangle's properties are not writable and non-enumerable. - defineConfigurable(rect, { - x: x, y: y, width: width, height: height, - top: y, - right: x + width, - bottom: height + y, - left: x - }); - - return rect; - } - - /** - * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates. - * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit - * - * @param {number} x - X coordinate. - * @param {number} y - Y coordinate. - * @param {number} width - Rectangle's width. - * @param {number} height - Rectangle's height. - * @returns {DOMRectInit} - */ - function createRectInit(x, y, width, height) { - return { x: x, y: y, width: width, height: height }; - } - - /** - * Class that is responsible for computations of the content rectangle of - * provided DOM element and for keeping track of it's changes. - */ - var ResizeObservation = function(target) { - this.broadcastWidth = 0; - this.broadcastHeight = 0; - this.contentRect_ = createRectInit(0, 0, 0, 0); - - this.target = target; - }; - - /** - * Updates content rectangle and tells whether it's width or height properties - * have changed since the last broadcast. - * - * @returns {boolean} - */ - - - /** - * Reference to the last observed content rectangle. - * - * @private {DOMRectInit} - */ - - - /** - * Broadcasted width of content rectangle. - * - * @type {number} - */ - ResizeObservation.prototype.isActive = function () { - var rect = getContentRect(this.target); - - this.contentRect_ = rect; - - return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight; - }; - - /** - * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data - * from the corresponding properties of the last observed content rectangle. - * - * @returns {DOMRectInit} Last observed content rectangle. - */ - ResizeObservation.prototype.broadcastRect = function () { - var rect = this.contentRect_; - - this.broadcastWidth = rect.width; - this.broadcastHeight = rect.height; - - return rect; - }; - - var ResizeObserverEntry = function(target, rectInit) { - var contentRect = createReadOnlyRect(rectInit); - - // According to the specification following properties are not writable - // and are also not enumerable in the native implementation. - // - // Property accessors are not being used as they'd require to define a - // private WeakMap storage which may cause memory leaks in browsers that - // don't support this type of collections. - defineConfigurable(this, { target: target, contentRect: contentRect }); - }; - - var ResizeObserverSPI = function(callback, controller, callbackCtx) { - this.activeObservations_ = []; - this.observations_ = new MapShim(); - - if (typeof callback !== 'function') { - throw new TypeError('The callback provided as parameter 1 is not a function.'); - } - - this.callback_ = callback; - this.controller_ = controller; - this.callbackCtx_ = callbackCtx; - }; - - /** - * Starts observing provided element. - * - * @param {Element} target - Element to be observed. - * @returns {void} - */ - - - /** - * Registry of the ResizeObservation instances. - * - * @private {Map} - */ - - - /** - * Public ResizeObserver instance which will be passed to the callback - * function and used as a value of it's "this" binding. - * - * @private {ResizeObserver} - */ - - /** - * Collection of resize observations that have detected changes in dimensions - * of elements. - * - * @private {Array} - */ - ResizeObserverSPI.prototype.observe = function (target) { - if (!arguments.length) { - throw new TypeError('1 argument required, but only 0 present.'); - } - - // Do nothing if current environment doesn't have the Element interface. - if (typeof Element === 'undefined' || !(Element instanceof Object)) { - return; - } - - if (!(target instanceof getWindowOf(target).Element)) { - throw new TypeError('parameter 1 is not of type "Element".'); - } - - var observations = this.observations_; - - // Do nothing if element is already being observed. - if (observations.has(target)) { - return; - } - - observations.set(target, new ResizeObservation(target)); - - this.controller_.addObserver(this); - - // Force the update of observations. - this.controller_.refresh(); - }; - - /** - * Stops observing provided element. - * - * @param {Element} target - Element to stop observing. - * @returns {void} - */ - ResizeObserverSPI.prototype.unobserve = function (target) { - if (!arguments.length) { - throw new TypeError('1 argument required, but only 0 present.'); - } - - // Do nothing if current environment doesn't have the Element interface. - if (typeof Element === 'undefined' || !(Element instanceof Object)) { - return; - } - - if (!(target instanceof getWindowOf(target).Element)) { - throw new TypeError('parameter 1 is not of type "Element".'); - } - - var observations = this.observations_; - - // Do nothing if element is not being observed. - if (!observations.has(target)) { - return; - } - - observations.delete(target); - - if (!observations.size) { - this.controller_.removeObserver(this); - } - }; - - /** - * Stops observing all elements. - * - * @returns {void} - */ - ResizeObserverSPI.prototype.disconnect = function () { - this.clearActive(); - this.observations_.clear(); - this.controller_.removeObserver(this); - }; - - /** - * Collects observation instances the associated element of which has changed - * it's content rectangle. - * - * @returns {void} - */ - ResizeObserverSPI.prototype.gatherActive = function () { - var this$1 = this; - - this.clearActive(); - - this.observations_.forEach(function (observation) { - if (observation.isActive()) { - this$1.activeObservations_.push(observation); - } - }); - }; - - /** - * Invokes initial callback function with a list of ResizeObserverEntry - * instances collected from active resize observations. - * - * @returns {void} - */ - ResizeObserverSPI.prototype.broadcastActive = function () { - // Do nothing if observer doesn't have active observations. - if (!this.hasActive()) { - return; - } - - var ctx = this.callbackCtx_; - - // Create ResizeObserverEntry instance for every active observation. - var entries = this.activeObservations_.map(function (observation) { - return new ResizeObserverEntry(observation.target, observation.broadcastRect()); - }); - - this.callback_.call(ctx, entries, ctx); - this.clearActive(); - }; - - /** - * Clears the collection of active observations. - * - * @returns {void} - */ - ResizeObserverSPI.prototype.clearActive = function () { - this.activeObservations_.splice(0); - }; - - /** - * Tells whether observer has active observations. - * - * @returns {boolean} - */ - ResizeObserverSPI.prototype.hasActive = function () { - return this.activeObservations_.length > 0; - }; - - // Registry of internal observers. If WeakMap is not available use current shim - // for the Map collection as it has all required methods and because WeakMap - // can't be fully polyfilled anyway. - var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim(); - - /** - * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation - * exposing only those methods and properties that are defined in the spec. - */ - var ResizeObserver = function(callback) { - if (!(this instanceof ResizeObserver)) { - throw new TypeError('Cannot call a class as a function.'); - } - if (!arguments.length) { - throw new TypeError('1 argument required, but only 0 present.'); - } - - var controller = ResizeObserverController.getInstance(); - var observer = new ResizeObserverSPI(callback, controller, this); - - observers.set(this, observer); - }; - - // Expose public methods of ResizeObserver. - ['observe', 'unobserve', 'disconnect'].forEach(function (method) { - ResizeObserver.prototype[method] = function () { - return (ref = observers.get(this))[method].apply(ref, arguments); - var ref; - }; - }); - - var index = (function () { - // Export existing implementation if available. - if (typeof global$1.ResizeObserver !== 'undefined') { - return global$1.ResizeObserver; - } - - return ResizeObserver; - })(); - - var canUseDOM = !!( - typeof window !== 'undefined' && - window.document && - window.document.createElement - ); - - var canUseDom = canUseDOM; - - var SimpleBar = - /*#__PURE__*/ - function () { - function SimpleBar(element, options) { - var _this = this; - - _classCallCheck(this, SimpleBar); - - this.onScrollX = function () { - if (!_this.scrollXTicking) { - window.requestAnimationFrame(_this.scrollX); - _this.scrollXTicking = true; - } - }; - - this.onScrollY = function () { - if (!_this.scrollYTicking) { - window.requestAnimationFrame(_this.scrollY); - _this.scrollYTicking = true; - } - }; - - this.scrollX = function () { - _this.showScrollbar('x'); - - _this.positionScrollbar('x'); - - _this.scrollXTicking = false; - }; - - this.scrollY = function () { - _this.showScrollbar('y'); - - _this.positionScrollbar('y'); - - _this.scrollYTicking = false; - }; - - this.onMouseEnter = function () { - _this.showScrollbar('x'); - - _this.showScrollbar('y'); - }; - - this.onMouseMove = function (e) { - var bboxY = _this.trackY.getBoundingClientRect(); - - var bboxX = _this.trackX.getBoundingClientRect(); - - _this.mouseX = e.clientX; - _this.mouseY = e.clientY; - - if (_this.isWithinBounds(bboxY)) { - _this.showScrollbar('y'); - } - - if (_this.isWithinBounds(bboxX)) { - _this.showScrollbar('x'); - } - }; - - this.onWindowResize = function () { - _this.hideNativeScrollbar(); - }; - - this.hideScrollbars = function () { - var bboxY = _this.trackY.getBoundingClientRect(); - - var bboxX = _this.trackX.getBoundingClientRect(); - - if (!_this.isWithinBounds(bboxY)) { - _this.scrollbarY.classList.remove('visible'); - - _this.isVisible.y = false; - } - - if (!_this.isWithinBounds(bboxX)) { - _this.scrollbarX.classList.remove('visible'); - - _this.isVisible.x = false; - } - }; - - this.onMouseDown = function (e) { - var bboxY = _this.scrollbarY.getBoundingClientRect(); - - var bboxX = _this.scrollbarX.getBoundingClientRect(); - - if (_this.isWithinBounds(bboxY)) { - e.preventDefault(); - - _this.onDrag(e, 'y'); - } - - if (_this.isWithinBounds(bboxX)) { - e.preventDefault(); - - _this.onDrag(e, 'x'); - } - }; - - this.drag = function (e) { - var eventOffset, track, scrollEl; - e.preventDefault(); - - if (_this.currentAxis === 'y') { - eventOffset = e.pageY; - track = _this.trackY; - scrollEl = _this.scrollContentEl; - } else { - eventOffset = e.pageX; - track = _this.trackX; - scrollEl = _this.contentEl; - } // Calculate how far the user's mouse is from the top/left of the scrollbar (minus the dragOffset). - - - var dragPos = eventOffset - track.getBoundingClientRect()[_this.offsetAttr[_this.currentAxis]] - _this.dragOffset[_this.currentAxis]; // Convert the mouse position into a percentage of the scrollbar height/width. - - - var dragPerc = dragPos / track[_this.sizeAttr[_this.currentAxis]]; // Scroll the content by the same percentage. - - var scrollPos = dragPerc * _this.contentEl[_this.scrollSizeAttr[_this.currentAxis]]; - scrollEl[_this.scrollOffsetAttr[_this.currentAxis]] = scrollPos; - }; - - this.onEndDrag = function () { - document.removeEventListener('mousemove', _this.drag); - document.removeEventListener('mouseup', _this.onEndDrag); - }; - - this.el = element; - this.flashTimeout; - this.contentEl; - this.scrollContentEl; - this.dragOffset = { - x: 0, - y: 0 - }; - this.isEnabled = { - x: true, - y: true - }; - this.isVisible = { - x: false, - y: false - }; - this.scrollOffsetAttr = { - x: 'scrollLeft', - y: 'scrollTop' - }; - this.sizeAttr = { - x: 'offsetWidth', - y: 'offsetHeight' - }; - this.scrollSizeAttr = { - x: 'scrollWidth', - y: 'scrollHeight' - }; - this.offsetAttr = { - x: 'left', - y: 'top' - }; - this.handleSize = { - x: 0, - y: 0 - }; - this.globalObserver; - this.mutationObserver; - this.resizeObserver; - this.currentAxis; - this.scrollbarWidth; - this.options = Object.assign({}, SimpleBar.defaultOptions, options); - this.isRtl = this.options.direction === 'rtl'; - this.classNames = this.options.classNames; - this.offsetSize = 20; - this.recalculateImmediate = this.recalculate.bind(this); - this.recalculate = lodash_throttle(this.recalculate.bind(this), 1000); - this.onMouseMove = lodash_throttle(this.onMouseMove.bind(this), 100); - this.init(); - } - - _createClass(SimpleBar, [{ - key: "init", - value: function init() { - // Save a reference to the instance, so we know this DOM node has already been instancied - this.el.SimpleBar = this; - this.initDOM(); // We stop here on server-side - - if (canUseDom) { - // Calculate content size - this.hideNativeScrollbar(); - this.render(); - this.initListeners(); - } - } - }, { - key: "initDOM", - value: function initDOM() { - var _this2 = this; - - // make sure this element doesn't have the elements yet - if (Array.from(this.el.children).filter(function (child) { - return child.classList.contains(_this2.classNames.scrollContent); - }).length) { - // assume that element has his DOM already initiated - this.trackX = this.el.querySelector(".".concat(this.classNames.track, ".horizontal")); - this.trackY = this.el.querySelector(".".concat(this.classNames.track, ".vertical")); - this.scrollContentEl = this.el.querySelector(".".concat(this.classNames.scrollContent)); - this.contentEl = this.el.querySelector(".".concat(this.classNames.content)); - } else { - // Prepare DOM - this.scrollContentEl = document.createElement('div'); - this.contentEl = document.createElement('div'); - this.scrollContentEl.classList.add(this.classNames.scrollContent); - this.contentEl.classList.add(this.classNames.content); - - while (this.el.firstChild) { - this.contentEl.appendChild(this.el.firstChild); - } - - this.scrollContentEl.appendChild(this.contentEl); - this.el.appendChild(this.scrollContentEl); - } - - if (!this.trackX || !this.trackY) { - var track = document.createElement('div'); - var scrollbar = document.createElement('div'); - track.classList.add(this.classNames.track); - scrollbar.classList.add(this.classNames.scrollbar); - - if (!this.options.autoHide) { - scrollbar.classList.add('visible'); - } - - track.appendChild(scrollbar); - this.trackX = track.cloneNode(true); - this.trackX.classList.add('horizontal'); - this.trackY = track.cloneNode(true); - this.trackY.classList.add('vertical'); - this.el.insertBefore(this.trackX, this.el.firstChild); - this.el.insertBefore(this.trackY, this.el.firstChild); - } - - this.scrollbarX = this.trackX.querySelector(".".concat(this.classNames.scrollbar)); - this.scrollbarY = this.trackY.querySelector(".".concat(this.classNames.scrollbar)); - this.el.setAttribute('data-simplebar', 'init'); - } - }, { - key: "initListeners", - value: function initListeners() { - var _this3 = this; - - // Event listeners - if (this.options.autoHide) { - this.el.addEventListener('mouseenter', this.onMouseEnter); - } - - this.el.addEventListener('mousedown', this.onMouseDown); - this.el.addEventListener('mousemove', this.onMouseMove); - this.contentEl.addEventListener('scroll', this.onScrollX); - this.scrollContentEl.addEventListener('scroll', this.onScrollY); // Browser zoom triggers a window resize - - window.addEventListener('resize', this.onWindowResize); // MutationObserver is IE11+ - - if (typeof MutationObserver !== 'undefined') { - // create an observer instance - this.mutationObserver = new MutationObserver(function (mutations) { - mutations.forEach(function (mutation) { - if (_this3.isChildNode(mutation.target) || mutation.addedNodes.length) { - _this3.recalculate(); - } - }); - }); // pass in the target node, as well as the observer options - - this.mutationObserver.observe(this.el, { - attributes: true, - childList: true, - characterData: true, - subtree: true - }); - } - - this.resizeObserver = new index(this.recalculate); - this.resizeObserver.observe(this.el); - } - /** - * Recalculate scrollbar - */ - - }, { - key: "recalculate", - value: function recalculate() { - this.render(); - } - }, { - key: "render", - value: function render() { - this.contentSizeX = this.contentEl[this.scrollSizeAttr['x']]; - this.contentSizeY = this.contentEl[this.scrollSizeAttr['y']] - (this.scrollbarWidth || this.offsetSize); - this.trackXSize = this.trackX[this.sizeAttr['x']]; - this.trackYSize = this.trackY[this.sizeAttr['y']]; // Set isEnabled to false if scrollbar is not necessary (content is shorter than wrapper) - - this.isEnabled['x'] = this.trackXSize < this.contentSizeX; - this.isEnabled['y'] = this.trackYSize < this.contentSizeY; - this.resizeScrollbar('x'); - this.resizeScrollbar('y'); - this.positionScrollbar('x'); - this.positionScrollbar('y'); - this.toggleTrackVisibility('x'); - this.toggleTrackVisibility('y'); - } - /** - * Resize scrollbar - */ - - }, { - key: "resizeScrollbar", - value: function resizeScrollbar() { - var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y'; - var scrollbar; - var contentSize; - var trackSize; - - if (!this.isEnabled[axis] && !this.options.forceVisible) { - return; - } - - if (axis === 'x') { - scrollbar = this.scrollbarX; - contentSize = this.contentSizeX; - trackSize = this.trackXSize; - } else { - // 'y' - scrollbar = this.scrollbarY; - contentSize = this.contentSizeY; - trackSize = this.trackYSize; - } - - var scrollbarRatio = trackSize / contentSize; // Calculate new height/position of drag handle. - - this.handleSize[axis] = Math.max(~~(scrollbarRatio * trackSize), this.options.scrollbarMinSize); - - if (this.options.scrollbarMaxSize) { - this.handleSize[axis] = Math.min(this.handleSize[axis], this.options.scrollbarMaxSize); - } - - if (axis === 'x') { - scrollbar.style.width = "".concat(this.handleSize[axis], "px"); - } else { - scrollbar.style.height = "".concat(this.handleSize[axis], "px"); - } - } - }, { - key: "positionScrollbar", - value: function positionScrollbar() { - var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y'; - var scrollbar; - var scrollOffset; - var contentSize; - var trackSize; - - if (axis === 'x') { - scrollbar = this.scrollbarX; - scrollOffset = this.contentEl[this.scrollOffsetAttr[axis]]; // Either scrollTop() or scrollLeft(). - - contentSize = this.contentSizeX; - trackSize = this.trackXSize; - } else { - // 'y' - scrollbar = this.scrollbarY; - scrollOffset = this.scrollContentEl[this.scrollOffsetAttr[axis]]; // Either scrollTop() or scrollLeft(). - - contentSize = this.contentSizeY; - trackSize = this.trackYSize; - } - - var scrollPourcent = scrollOffset / (contentSize - trackSize); - var handleOffset = ~~((trackSize - this.handleSize[axis]) * scrollPourcent); - - if (this.isEnabled[axis] || this.options.forceVisible) { - if (axis === 'x') { - scrollbar.style.transform = "translate3d(".concat(handleOffset, "px, 0, 0)"); - } else { - scrollbar.style.transform = "translate3d(0, ".concat(handleOffset, "px, 0)"); - } - } - } - }, { - key: "toggleTrackVisibility", - value: function toggleTrackVisibility() { - var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y'; - var track = axis === 'y' ? this.trackY : this.trackX; - var scrollbar = axis === 'y' ? this.scrollbarY : this.scrollbarX; - - if (this.isEnabled[axis] || this.options.forceVisible) { - track.style.visibility = 'visible'; - } else { - track.style.visibility = 'hidden'; - } // Even if forceVisible is enabled, scrollbar itself should be hidden - - - if (this.options.forceVisible) { - if (this.isEnabled[axis]) { - scrollbar.style.visibility = 'visible'; - } else { - scrollbar.style.visibility = 'hidden'; - } - } - } - }, { - key: "hideNativeScrollbar", - value: function hideNativeScrollbar() { - // Recalculate scrollbarWidth in case it's a zoom - var offset = 20; // matched in style.css: [data-simplebar="init"] {...} - this.scrollbarWidth = scrollbarWidth(); - this.scrollContentEl.style[this.isRtl ? 'paddingLeft' : 'paddingRight'] = "".concat((this.scrollbarWidth || this.offsetSize)+offset, "px"); - this.scrollContentEl.style.marginBottom = "-".concat(this.scrollbarWidth * 2 || this.offsetSize, "px"); - this.contentEl.style.paddingBottom = "".concat(this.scrollbarWidth || this.offsetSize, "px"); - - if (this.scrollbarWidth !== 0) { - this.contentEl.style[this.isRtl ? 'marginLeft' : 'marginRight'] = "-".concat(offset, "px"); - } - } - /** - * On scroll event handling - */ - - }, { - key: "showScrollbar", - - /** - * Show scrollbar - */ - value: function showScrollbar() { - var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y'; - var scrollbar; // Scrollbar already visible - - if (this.isVisible[axis]) { - return; - } - - if (axis === 'x') { - scrollbar = this.scrollbarX; - } else { - // 'y' - scrollbar = this.scrollbarY; - } - - if (this.isEnabled[axis]) { - scrollbar.classList.add('visible'); - this.isVisible[axis] = true; - } - - if (!this.options.autoHide) { - return; - } - - window.clearInterval(this.flashTimeout); - this.flashTimeout = window.setInterval(this.hideScrollbars, this.options.timeout); - } - /** - * Hide Scrollbar - */ - - }, { - key: "onDrag", - - /** - * on scrollbar handle drag - */ - value: function onDrag(e) { - var axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'y'; - // Preventing the event's default action stops text being - // selectable during the drag. - e.preventDefault(); - var scrollbar = axis === 'y' ? this.scrollbarY : this.scrollbarX; // Measure how far the user's mouse is from the top of the scrollbar drag handle. - - var eventOffset = axis === 'y' ? e.pageY : e.pageX; - this.dragOffset[axis] = eventOffset - scrollbar.getBoundingClientRect()[this.offsetAttr[axis]]; - this.currentAxis = axis; - document.addEventListener('mousemove', this.drag); - document.addEventListener('mouseup', this.onEndDrag); - } - /** - * Drag scrollbar handle - */ - - }, { - key: "getScrollElement", - - /** - * Getter for original scrolling element - */ - value: function getScrollElement() { - var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y'; - return axis === 'y' ? this.scrollContentEl : this.contentEl; - } - /** - * Getter for content element - */ - - }, { - key: "getContentElement", - value: function getContentElement() { - return this.contentEl; - } - }, { - key: "removeListeners", - value: function removeListeners() { - // Event listeners - if (this.options.autoHide) { - this.el.removeEventListener('mouseenter', this.onMouseEnter); - } - - this.scrollContentEl.removeEventListener('scroll', this.onScrollY); - this.contentEl.removeEventListener('scroll', this.onScrollX); - this.mutationObserver.disconnect(); - this.resizeObserver.disconnect(); - } - /** - * UnMount mutation observer and delete SimpleBar instance from DOM element - */ - - }, { - key: "unMount", - value: function unMount() { - this.removeListeners(); - this.el.SimpleBar = null; - } - /** - * Recursively walks up the parent nodes looking for this.el - */ - - }, { - key: "isChildNode", - value: function isChildNode(el) { - if (el === null) return false; - if (el === this.el) return true; - return this.isChildNode(el.parentNode); - } - /** - * Check if mouse is within bounds - */ - - }, { - key: "isWithinBounds", - value: function isWithinBounds(bbox) { - return this.mouseX >= bbox.left && this.mouseX <= bbox.left + bbox.width && this.mouseY >= bbox.top && this.mouseY <= bbox.top + bbox.height; - } - }], [{ - key: "initHtmlApi", - value: function initHtmlApi() { - this.initDOMLoadedElements = this.initDOMLoadedElements.bind(this); // MutationObserver is IE11+ - - if (typeof MutationObserver !== 'undefined') { - // Mutation observer to observe dynamically added elements - this.globalObserver = new MutationObserver(function (mutations) { - mutations.forEach(function (mutation) { - Array.from(mutation.addedNodes).forEach(function (addedNode) { - if (addedNode.nodeType === 1) { - if (addedNode.hasAttribute('data-simplebar')) { - !addedNode.SimpleBar && new SimpleBar(addedNode, SimpleBar.getElOptions(addedNode)); - } else { - Array.from(addedNode.querySelectorAll('[data-simplebar]')).forEach(function (el) { - !el.SimpleBar && new SimpleBar(el, SimpleBar.getElOptions(el)); - }); - } - } - }); - Array.from(mutation.removedNodes).forEach(function (removedNode) { - if (removedNode.nodeType === 1) { - if (removedNode.hasAttribute('data-simplebar')) { - removedNode.SimpleBar && removedNode.SimpleBar.unMount(); - } else { - Array.from(removedNode.querySelectorAll('[data-simplebar]')).forEach(function (el) { - el.SimpleBar && el.SimpleBar.unMount(); - }); - } - } - }); - }); - }); - this.globalObserver.observe(document, { - childList: true, - subtree: true - }); - } // Taken from jQuery `ready` function - // Instantiate elements already present on the page - - - if (document.readyState === 'complete' || document.readyState !== 'loading' && !document.documentElement.doScroll) { - // Handle it asynchronously to allow scripts the opportunity to delay init - window.setTimeout(this.initDOMLoadedElements); - } else { - document.addEventListener('DOMContentLoaded', this.initDOMLoadedElements); - window.addEventListener('load', this.initDOMLoadedElements); - } - } // Helper function to retrieve options from element attributes - - }, { - key: "getElOptions", - value: function getElOptions(el) { - var options = Array.from(el.attributes).reduce(function (acc, attribute) { - var option = attribute.name.match(/data-simplebar-(.+)/); - - if (option) { - var key = option[1].replace(/\W+(.)/g, function (x, chr) { - return chr.toUpperCase(); - }); - - switch (attribute.value) { - case 'true': - acc[key] = true; - break; - - case 'false': - acc[key] = false; - break; - - case undefined: - acc[key] = true; - break; - - default: - acc[key] = attribute.value; - } - } - - return acc; - }, {}); - return options; - } - }, { - key: "removeObserver", - value: function removeObserver() { - this.globalObserver.disconnect(); - } - }, { - key: "initDOMLoadedElements", - value: function initDOMLoadedElements() { - document.removeEventListener('DOMContentLoaded', this.initDOMLoadedElements); - window.removeEventListener('load', this.initDOMLoadedElements); - Array.from(document.querySelectorAll('[data-simplebar]')).forEach(function (el) { - if (!el.SimpleBar) new SimpleBar(el, SimpleBar.getElOptions(el)); - }); - } - }, { - key: "defaultOptions", - get: function get() { - return { - autoHide: true, - forceVisible: false, - classNames: { - content: 'simplebar-content', - scrollContent: 'simplebar-scroll-content', - scrollbar: 'simplebar-scrollbar', - track: 'simplebar-track' - }, - scrollbarMinSize: 25, - scrollbarMaxSize: 0, - direction: 'ltr', - timeout: 1000 - }; - } - }]); - - return SimpleBar; - }(); - - if (canUseDom) { - SimpleBar.initHtmlApi(); - } - - return SimpleBar; - -}))); diff --git a/crawl-ref/source/webserver/client/game/src/text.js b/crawl-ref/source/webserver/client/game/src/text.js index 0e96e487bf9..a09d7407225 100644 --- a/crawl-ref/source/webserver/client/game/src/text.js +++ b/crawl-ref/source/webserver/client/game/src/text.js @@ -1,61 +1,53 @@ -define(["jquery", "comm"], function ($, comm) { - "use strict"; +import $ from "jquery"; - var line_span = $(""); - line_span.css("white-space", "pre"); +import comm from "./comm"; - function get_container(id) - { - return $("#ui-stack").children().last().find("." + id); - } +const line_span = $(""); +line_span.css("white-space", "pre"); - function get_text_area_line(name, line) - { - var area = get_container(name) - var lines = area.children("span"); - for (var i = lines.length; i <= line; ++i) - { - area.append(line_span.clone()); - area.append("
          "); - } - return area.children("span").eq(line); - } +function get_container(id) { + return $("#ui-stack") + .children() + .last() + .find(`.${id}`); +} - function set_text_area_line(name, line, content) - { - var span = get_text_area_line(name, line); - span.html(content); - } +function get_text_area_line(name, line) { + const area = get_container(name); + const lines = area.children("span"); + for (let i = lines.length; i <= line; ++i) { + area.append(line_span.clone()); + area.append("
          "); + } + return area.children("span").eq(line); +} - function handle_text_update(data) - { - var area = get_container(data.id) - if (data.clear) - { - var lines = area.children("span"); - for (var i = 0; i < lines.length; ++i) - { - if (!(i in data.lines)) - lines.eq(i).empty(); - } - } - if (area.hasClass("menu_crt_shrink")) - { - var klist = Object.keys(data.lines) - while (klist.length > 0) - { - var i = klist.pop(); - if (data.lines[i] !== "") - break; - delete data.lines[i]; - } - } - for (var line in data.lines) - set_text_area_line(data.id, line, data.lines[line]); - area.trigger("text_update"); +function set_text_area_line(name, line, content) { + const span = get_text_area_line(name, line); + span.html(content); +} + +function handle_text_update(data) { + const area = get_container(data.id); + if (data.clear) { + const lines = area.children("span"); + for (let i = 0; i < lines.length; ++i) { + if (!(i in data.lines)) lines.eq(i).empty(); + } + } + if (area.hasClass("menu_crt_shrink")) { + const klist = Object.keys(data.lines); + while (klist.length > 0) { + const i = klist.pop(); + if (data.lines[i] !== "") break; + delete data.lines[i]; } + } + for (const line in data.lines) + set_text_area_line(data.id, line, data.lines[line]); + area.trigger("text_update"); +} - comm.register_handlers({ - "txt": handle_text_update - }); +comm.register_handlers({ + txt: handle_text_update, }); diff --git a/crawl-ref/source/webserver/client/game/src/textinput.js b/crawl-ref/source/webserver/client/game/src/textinput.js index dd59171242a..ff2eaa4b1fa 100644 --- a/crawl-ref/source/webserver/client/game/src/textinput.js +++ b/crawl-ref/source/webserver/client/game/src/textinput.js @@ -1,336 +1,284 @@ -define(["jquery", "comm", "client", "./enums", "./util", "./options", "./ui"], -function ($, comm, client, enums, util, options, ui) { - "use strict"; - - var HISTORY_SIZE = 10; - var input_data = null; - var histories = {}; - - // Helpers - - function input_cleanup() - { - document.removeEventListener("mousedown", input_mouse_control, true); - if (options.get("tile_web_mouse_control")) - ui.undisable_contextmenu(); - input_data = null; +import $ from "jquery"; + +import comm from "./comm"; +import client from "./client"; + +import options from "./options"; +import ui from "./ui"; + +const HISTORY_SIZE = 10; +let input_data = null; +const histories = {}; + +// Helpers + +function input_cleanup() { + document.removeEventListener("mousedown", input_mouse_control, true); + if (options.get("tile_web_mouse_control")) ui.undisable_contextmenu(); + input_data = null; +} + +function find_input() { + assert(input_data); + if (input_data.type === "messages") return $("#messages .game_message input"); + else if (input_data.type === "seed-selection") + return $(".seed-selection .seed-input input"); + //"generic" + else return $("#input_dialog input"); +} + +function input_mouse_control(ev) { + // XX there's some dead space right under the message pane that this + // gets which is a bit unintuitive + if (ui.target_outside_game(ev)) + // allow chat clicks + return; + if ( + options.get("tile_web_mouse_control") && + ev.which === 3 && + !$(ev.target).is(":input") + ) { + // abort text input on right click outside of the input itself + comm.send_message("key", { keycode: 27 }); + ev.preventDefault(); + } else { + // Otherwise, refocus input. With mouse control off, this always + // happens. + + // manually deactivate a chat focus trap. This is needed because the + // preventDefault below prevents auto-disabling, but without + // preventDefault, default focus handlers kick in. + if ($("#chat").hasClass("focus-trap")) + $("#chat")[0].focus_trap.deactivate(); + find_input().focus(); + ev.preventDefault(); + } +} + +function display_input() { + const input = $(""); + let prompt = input_data.prompt; // may be null + + let history; + let historyPosition; + + if ("maxlen" in input_data) input.attr("maxlength", input_data.maxlen); + if ("size" in input_data) input.attr("size", input_data.size); + if ("prefill" in input_data) input.val(input_data.prefill.trim()); + if ("historyId" in input_data) { + if (!histories[input_data.historyId]) histories[input_data.historyId] = []; + history = histories[input_data.historyId]; + historyPosition = history.length; + } + + if (input[0].setSelectionRange) + input[0].setSelectionRange(input.val().length, input.val().length); + input_data.input = input; + + if (input_data.type === "messages") { + $("#text_cursor").remove(); + prompt = $("#messages .game_message").last(); + prompt.append(input); + document.addEventListener("mousedown", input_mouse_control, true); + if (options.get("tile_web_mouse_control")) ui.disable_contextmenu(); + } else if (input_data.type === "seed-selection") { + // n.b. called from ui-layouts.js, not from client + const input_div = $(".seed-selection .seed-input").last(); + if (prompt) input_div.append($("").append(prompt)); + // TODO: what is this class? + input_div.append($("").append(input)); + } // "generic" + else { + const input_div = $("
          "); + input_div.addClass(`input_${input_data.tag}`); + $("#input_dialog").html(input_div); + + input_div.attr("id", "input_text"); + if (!prompt) prompt = "Input here (ESC to cancel): "; + input_div.append($("").append(prompt)); + input_div.append($("").append(input)); + ui.show_popup("#input_dialog"); + } + + input.focus(); + if (input_data.select_prefill) input.select(); + + function send_input_line(finalChar) { + const input = find_input(); + if (history && input.val().length > 0) { + if (history.indexOf(input.val()) !== -1) + history.splice(history.indexOf(input.val()), 1); + history.push(input.val()); + if (history.length > HISTORY_SIZE) history.shift(); } - function find_input() - { - assert(input_data); - if (input_data.type == "messages") - return $("#messages .game_message input"); - else if (input_data.type == "seed-selection") - return $(".seed-selection .seed-input input"); - else //"generic" - return $("#input_dialog input"); + const text = input.val() + String.fromCharCode(finalChar); + // ctrl-u + ctr-k to wipe any pre-fill + if (input_data.tag !== "repeat") { + comm.send_message("key", { keycode: 21 }); + comm.send_message("key", { keycode: 11 }); } - - function input_mouse_control(ev) - { - // XX there's some dead space right under the message pane that this - // gets which is a bit unintuitive - if (ui.target_outside_game(ev)) // allow chat clicks - return; - if (options.get("tile_web_mouse_control") && ev.which == 3 - && !$(ev.target).is(':input')) - { - // abort text input on right click outside of the input itself - comm.send_message("key", { keycode: 27 }); - ev.preventDefault(); - } - else - { - // Otherwise, refocus input. With mouse control off, this always - // happens. - - // manually deactivate a chat focus trap. This is needed because the - // preventDefault below prevents auto-disabling, but without - // preventDefault, default focus handlers kick in. - if ($("#chat").hasClass("focus-trap")) - $("#chat")[0].focus_trap.deactivate(); - find_input().focus(); - ev.preventDefault(); - } - } - - function display_input() - { - var input = $(""); - var prompt = input_data.prompt; // may be null - - var history; - var historyPosition; - - if ("maxlen" in input_data) - input.attr("maxlength", input_data.maxlen); - if ("size" in input_data) - input.attr("size", input_data.size); - if ("prefill" in input_data) - input.val(input_data.prefill.trim()); - if ("historyId" in input_data) - { - if (!histories[input_data.historyId]) - histories[input_data.historyId] = []; - history = histories[input_data.historyId]; - historyPosition = history.length; - } - - if (input[0].setSelectionRange) - input[0].setSelectionRange(input.val().length, input.val().length); - input_data.input = input; - - if (input_data.type == "messages") - { - $("#text_cursor").remove(); - prompt = $("#messages .game_message").last(); - prompt.append(input); - document.addEventListener("mousedown", input_mouse_control, true); - if (options.get("tile_web_mouse_control")) - ui.disable_contextmenu(); - } - else if (input_data.type == "seed-selection") - { - // n.b. called from ui-layouts.js, not from client - var input_div = $(".seed-selection .seed-input").last(); - if (prompt) - input_div.append($("").append(prompt)); - // TODO: what is this class? - input_div.append($("").append(input)); - } - else // "generic" - { - var input_div = $("
          "); - input_div.addClass("input_" + input_data.tag); - $("#input_dialog").html(input_div); - - input_div.attr("id", "input_text"); - if (!prompt) - prompt = "Input here (ESC to cancel): "; - input_div.append($("").append(prompt)); - input_div.append($("").append(input)); - ui.show_popup("#input_dialog"); - } - - input.focus(); - if (input_data.select_prefill) - input.select(); - - function send_input_line(finalChar) { - var input = find_input(); - if (history && input.val().length > 0) - { - if (history.indexOf(input.val()) != -1) - history.splice(history.indexOf(input.val()), 1); - history.push(input.val()); - if (history.length > HISTORY_SIZE) - history.shift(); - } - - var text = input.val() + String.fromCharCode(finalChar); - // ctrl-u + ctr-k to wipe any pre-fill - if (input_data.tag !== "repeat") - { - comm.send_message("key", { keycode: 21 }); - comm.send_message("key", { keycode: 11 }); - } - comm.send_message("input", { text: text }); - // seed-selection handles this on its own, because there is first - // a validation step -- the input loop only terminates on abort - // or if there is an actual number to be found. - if (input_data.type != "seed-selection") - close_input(); - } - - input.keydown(function (ev) { - var input = find_input(); - if (ev.which == 27) - { - ev.preventDefault(); - comm.send_message("key", { keycode: 27 }); // Send ESC - return false; - } - else if (ev.which == 13) // enter - { - send_input_line(13); - ev.preventDefault(); - return false; - } - else if (history && history.length > 0 && (ev.which == 38 || ev.which == 40)) - { - historyPosition += ev.which == 38 ? -1 : 1; - if (historyPosition < 0) - historyPosition = history.length - 1; - if (historyPosition >= history.length) - historyPosition = 0; - input.val(history[historyPosition]); - if (input[0].setSelectionRange) - input[0].setSelectionRange(input.val().length, input.val().length); - ev.preventDefault(); - return false; - } - }); - input.keypress(function (ev) { - var input = find_input(); - if (input_data.tag == "stash_search") - { - if (String.fromCharCode(ev.which) == "?" && input.val().length === 0) - { - ev.preventDefault(); - comm.send_message("key", { keycode: ev.which }); - return false; - } - } - else if (input_data.tag == "repeat") - { - var ch = String.fromCharCode(ev.which); - if (ch != "" && !/^\d$/.test(ch)) - { - send_input_line(ev.which); - ev.preventDefault(); - return false; - } - } - else if (input_data.tag == "travel_depth") - { - var ch = String.fromCharCode(ev.which); - if ("<>?$^-p".indexOf(ch) != -1) - { - send_input_line(ev.which); - ev.preventDefault(); - return false; - } - } - else if (input_data.tag == "skill_target") - { - var ch = String.fromCharCode(ev.which); - if (ch == "-") // clear selected target - { - send_input_line(ev.which); - ev.preventDefault(); - return false; - } - } - else if (input_data.type == "seed-selection") - { - var ch = String.fromCharCode(ev.which); - if (ch == "-" // clear input - || ch == "?" // help - || ch == "d") // daily seed - { - comm.send_message("key", { keycode: ev.which }); - ev.preventDefault(); - return false; - } - // mimic keyfunc on crawl side: prevent non-numbers - if ("0123456789".indexOf(ch) == -1) - { - ev.preventDefault(); - return false; - } - } - }); + comm.send_message("input", { text: text }); + // seed-selection handles this on its own, because there is first + // a validation step -- the input loop only terminates on abort + // or if there is an actual number to be found. + if (input_data.type !== "seed-selection") close_input(); + } + + input.keydown((ev) => { + const input = find_input(); + if (ev.which === 27) { + ev.preventDefault(); + comm.send_message("key", { keycode: 27 }); // Send ESC + return false; + } else if (ev.which === 13) { + // enter + send_input_line(13); + ev.preventDefault(); + return false; + } else if ( + history && + history.length > 0 && + (ev.which === 38 || ev.which === 40) + ) { + historyPosition += ev.which === 38 ? -1 : 1; + if (historyPosition < 0) historyPosition = history.length - 1; + if (historyPosition >= history.length) historyPosition = 0; + input.val(history[historyPosition]); + if (input[0].setSelectionRange) + input[0].setSelectionRange(input.val().length, input.val().length); + ev.preventDefault(); + return false; } - - function input_active() - { - if (!input_data) - return false; - var input = find_input(); - if (!input) - return false; - if (!input.is(":visible")) - return false; - - input.focus(); // side effect! - return true; - + }); + input.keypress((ev) => { + const input = find_input(); + if (input_data.tag === "stash_search") { + if (String.fromCharCode(ev.which) === "?" && input.val().length === 0) { + ev.preventDefault(); + comm.send_message("key", { keycode: ev.which }); + return false; + } + } else if (input_data.tag === "repeat") { + const ch = String.fromCharCode(ev.which); + if (ch !== "" && !/^\d$/.test(ch)) { + send_input_line(ev.which); + ev.preventDefault(); + return false; + } + } else if (input_data.tag === "travel_depth") { + const ch = String.fromCharCode(ev.which); + if ("<>?$^-p".indexOf(ch) !== -1) { + send_input_line(ev.which); + ev.preventDefault(); + return false; + } + } else if (input_data.tag === "skill_target") { + const ch = String.fromCharCode(ev.which); + if (ch === "-") { + // clear selected target + send_input_line(ev.which); + ev.preventDefault(); + return false; + } + } else if (input_data.type === "seed-selection") { + const ch = String.fromCharCode(ev.which); + if ( + ch === "-" || // clear input + ch === "?" || // help + ch === "d" + ) { + // daily seed + comm.send_message("key", { keycode: ev.which }); + ev.preventDefault(); + return false; + } + // mimic keyfunc on crawl side: prevent non-numbers + if ("0123456789".indexOf(ch) === -1) { + ev.preventDefault(); + return false; + } } - - function input_type() - { - if (!input_data) - return null; - return input_data.type; + }); +} + +function input_active() { + if (!input_data) return false; + const input = find_input(); + if (!input) return false; + if (!input.is(":visible")) return false; + + input.focus(); // side effect! + return true; +} + +function input_type() { + if (!input_data) return null; + return input_data.type; +} + +// Message handlers + +function init_input(data) { + if (client.is_watching?.()) return; + + input_data = data; + + assert(data.tag !== "repeat" || !data.prefill); + + display_input(); +} + +function close_input() { + if (input_data) { + const input = find_input(); + if (input) { + input.blur(); + if ( + input_data.type === "messages" || + input_data.type === "seed-selection" + ) { + input.remove(); + } // "generic" + else ui.hide_popup(); } + } - // Message handlers - - function init_input(data) - { - if (client.is_watching != null && client.is_watching()) - return; - - input_data = data; - - assert(data.tag !== "repeat" || !data.prefill); - - display_input(); - } + input_cleanup(); +} - function close_input() - { - if (input_data) - { - var input = find_input(); - if (input) - { - input.blur(); - if (input_data.type == "messages" - || input_data.type == "seed-selection") - { - input.remove(); - } - else // "generic" - ui.hide_popup(); - } - } - - input_cleanup(); +function update_input(msg) { + if (input_data) { + const input = find_input(); + if (input) { + input.val(msg.input_text); + if (msg.select) input.select(); } + } +} - function update_input(msg) - { - if (input_data) - { - var input = find_input(); - if (input) - { - input.val(msg.input_text); - if (msg.select) - input.select(); - } - } - } - - comm.register_handlers({ - "init_input": init_input, - "close_input": close_input, - "update_input": update_input - }); - - - function handle_size_change() - { - if (!input_data) - return; - - client.center_element($("#input_dialog")); - } - - $(document).off("game_init.textinput") - .on("game_init.textinput", function () - { - $(window).off("resize.textinput") - .on("resize.textinput", handle_size_change); - }); - - - return { - input_active: input_active, - find_input: find_input, - input_type: input_type - }; - +comm.register_handlers({ + init_input: init_input, + close_input: close_input, + update_input: update_input, }); + +function handle_size_change() { + if (!input_data) return; + + client.center_element($("#input_dialog")); +} + +$(document) + .off("game_init.textinput") + .on("game_init.textinput", () => { + $(window) + .off("resize.textinput") + .on("resize.textinput", handle_size_change); + }); + +export default { + input_active: input_active, + find_input: find_input, + input_type: input_type, +}; diff --git a/crawl-ref/source/webserver/client/game/src/tileinfos.js b/crawl-ref/source/webserver/client/game/src/tileinfos.js index a0e8dbecca9..023d2c767be 100644 --- a/crawl-ref/source/webserver/client/game/src/tileinfos.js +++ b/crawl-ref/source/webserver/client/game/src/tileinfos.js @@ -1,17 +1,22 @@ -define([ // These are in the order of the TextureID enum in tiles.h - "./tileinfo-floor", - "./tileinfo-wall", - "./tileinfo-feat", - "./tileinfo-player", - "./tileinfo-main", - "./tileinfo-gui", - "./tileinfo-icons" -], function () { - "use strict"; +// These are in the order of the TextureID enum in tiles.h +import floorTiles from "../../../game_data/static/tileinfo-floor"; +import wallTiles from "../../../game_data/static/tileinfo-wall"; +import featTiles from "../../../game_data/static/tileinfo-feat"; +import playerTiles from "../../../game_data/static/tileinfo-player"; +import mainTiles from "../../../game_data/static/tileinfo-main"; +import guiTiles from "../../../game_data/static/tileinfo-gui"; +import iconsTiles from "../../../game_data/static/tileinfo-icons"; - var args = Array.prototype.slice.call(arguments); +const tiles = [ + floorTiles, + wallTiles, + featTiles, + playerTiles, + mainTiles, + guiTiles, + iconsTiles, +]; - return function (tex_idx) { - return args[tex_idx]; - }; -}); +export default function (tex_idx) { + return tiles[tex_idx]; +} diff --git a/crawl-ref/source/webserver/client/game/src/ui-layouts.js b/crawl-ref/source/webserver/client/game/src/ui-layouts.js index 2ca94c8b635..4693db60a1d 100644 --- a/crawl-ref/source/webserver/client/game/src/ui-layouts.js +++ b/crawl-ref/source/webserver/client/game/src/ui-layouts.js @@ -1,1110 +1,1156 @@ -define(["jquery", "comm", "client", "./ui", "./enums", "./cell_renderer", - "./util", "./scroller", "./tileinfo-main", "./tileinfo-gui", - "./tileinfo-player", "./options"], -function ($, comm, client, ui, enums, cr, util, scroller, main, gui, player, options) { - "use strict"; - - var describe_scale = 2.0; - - function fmt_body_txt(txt) - { - return txt - // convert double linebreaks into paragraph markers - .split("\n\n") - .map(function (s) { - return "
          " + util.formatted_string_to_html(s) + "
          "; - }) - .filter(function (s) { return s !== "
          "; })
-            .join("")
-            // replace single linebreaks with manual linebreaks
-            .split("\n")
-            .join("
          ");
-    }
-
-    function _fmt_spellset_html(desc)
-    {
-        var desc_parts = desc.split("SPELLSET_PLACEHOLDER")
-            .map(fmt_body_txt)
-        if (desc_parts.length == 2)
-            desc_parts.splice(1, 0, "
          ")
-        return desc_parts.join("");
-    }
-
-    function _fmt_spells_list(root, spellset, colour)
-    {
-        var $container = root.find("#spellset_placeholder");
-        // XX this container only seems to be added if there are spells, do
-        // we actually need to remove it again?
-        if ($container.length === 0 && spellset.length !== 0)
-        {
-            root.prepend("
          Buggy spellset!
          ");
-            return;
-        }
-        $container.attr("id", "").addClass("menu_contents spellset");
-        if (spellset.length === 0)
-        {
-            $container.remove();
-            return;
-        }
-        $.each(spellset, function (i, book) {
-            if (book.label.trim())
-                $container.append(book.label);
-            var $list = $("
            ");
-            $.each(book.spells, function (i, spell) {
-                var $item = $("
          1. ");
-                var $canvas = $("");
-                var letter = spell.letter;
-
-                var renderer = new cr.DungeonCellRenderer();
-                util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
-                renderer.init($canvas[0]);
-                renderer.draw_from_texture(spell.tile, 0, 0, enums.texture.GUI, 0, 0, 0, false);
-                $item.append($canvas);
-
-                var label = " " + letter + " - " + spell.title;
-                $item.append("" + util.formatted_string_to_html(label) + "");
-
-                if (spell.effect !== undefined)
-                    $item.append("" + util.formatted_string_to_html(spell.effect) + " ");
-                if (spell.range_string !== undefined)
-                    $item.append("" + util.formatted_string_to_html(spell.range_string) + " ");
-
-                $list.append($item);
-                if (colour)
-                    $item.addClass("fg"+spell.colour);
-                $item.on("click", function () {
-                    comm.send_message("input", { text: letter });
-                });
-            });
-            $container.append($list);
-        });
-    }
-
-    function paneset_cycle($el, next)
-    {
-        var $panes = $el.children(".pane");
-        var $current = $panes.filter(".current").removeClass("current");
-        if (next === undefined)
-            next = $panes.index($current) + 1;
-        $panes.eq(next % $panes.length).addClass("current");
-    }
-
-    function progress_bar(msg)
-    {
-        var $popup = $(".templates > .progress-bar").clone();
-        if (msg.title === "")
-            $popup.children(".header").remove();
-        else
-            $popup.find(".header > span").html(msg.title);
-        $popup.children(".bar-text").html("" +
-            util.formatted_string_to_html(msg.bar_text) + "");
-        $popup.children(".status > span").html(msg.status);
-        return $popup;
-    }
-
-    function progress_bar_update(msg)
-    {
-        var $popup = ui.top_popup();
-        if (!$popup.hasClass("progress-bar"))
-            return;
-        $popup.children(".bar-text").html("" +
-                    util.formatted_string_to_html(msg.bar_text) + "");
-        $popup.children(".status")[0].textContent = msg.status;
-    }
-
-    function describe_generic(desc)
-    {
-        var $popup = $(".templates > .describe-generic").clone();
-        var $body = $popup.children(".body");
-        if (desc.title === "")
-            $popup.children(".header").remove();
-        else
-            $popup.find(".header > span").html(desc.title);
-        $body.html(fmt_body_txt(desc.body + desc.footer));
-        var s = scroller($popup.children(".body")[0]);
-        s.contentElement.className += " describe-generic-body";
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
-        });
-
-        var canvas = $popup.find(".header > canvas");
-        if (desc.tile)
-        {
-            var renderer = new cr.DungeonCellRenderer();
-            util.init_canvas(canvas[0],
-                renderer.cell_width * describe_scale,
-                renderer.cell_height * describe_scale);
-            renderer.init(canvas[0]);
-            renderer.draw_from_texture(desc.tile.t, 0, 0, desc.tile.tex, 0, 0,
-                desc.tile.ymax, false, describe_scale);
-        }
-        else
-            canvas.remove();
-
-        return $popup;
-    }
-
-    function describe_feature_wide(desc)
-    {
-        var $popup = $(".templates > .describe-feature").clone();
-        var $feat_tmpl = $(".templates > .describe-generic");
-        desc.feats.forEach(function (feat) {
-            var $feat = $feat_tmpl.clone().removeClass("hidden").addClass("describe-feature-feat");
-            $feat.find(".header > span").html(feat.title);
-            if (feat.body != feat.title)
-            {
-                var text = feat.body;
-                if (feat.quote)
-                     text += "\n\n" + feat.quote;
-                $feat.find(".body").html(util.formatted_string_to_html(text));
-            }
-            else
-                $feat.find(".body").remove();
-
-            var canvas = $feat.find(".header > canvas");
-            var renderer = new cr.DungeonCellRenderer();
-            util.init_canvas(canvas[0],
-                renderer.cell_width * describe_scale,
-                renderer.cell_height * describe_scale);
-            renderer.init(canvas[0]);
-            renderer.draw_from_texture(feat.tile.t, 0, 0, feat.tile.tex, 0, 0,
-                feat.tile.ymax, false, describe_scale);
-            $popup.append($feat);
-        });
-        if (desc.actions)
-        {
-            $popup.append("
            ");
-            $popup.find(".actions").html(clickify_actions(desc.actions));
-        }
-
-        var s = scroller($popup[0]);
-        $popup.on("keydown keypress", function (event) {
-            var key = String.fromCharCode(event.which);
-            if (key != "<" && key != ">") // XX not always
-                scroller_handle_key(s, event);
-        });
-        return $popup;
-    }
-
-    // Given some string like "e(v)oke", produce a span with the `data-hotkey`
-    // attribute set on that span. This auto-enables clicking. This will
-    // handle both a final period, and a sequence of prefix words that do not
-    // have a hotkey marked in them.
-    // TODO: it might be more robust to produce structured info on the server
-    // side...
-    function clickify_action(action_text)
-    {
-        var suffix = "";
-        var prefix = "";
-        // makes some assumptions about how this is joined...see describe.cc
-        // _actions_desc.
-        if (action_text.endsWith(".")) // could be more elegant...
-        {
-            suffix = ".";
-            action_text = action_text.slice(0, -1);
-        }
-        if (action_text.startsWith("or "))
-        {
-            prefix = "or ";
-            action_text = action_text.substr(3);
-        }
-        var hotkeys = action_text.match(/\(.\)/); // very inclusive for the key name
-        var data_attr = ""
-        if (hotkeys)
-            data_attr = " data-hotkey='" + hotkeys[0][1] + "'";
-        return prefix
-            + "" + action_text + ""
-            + suffix;
-    }
-
-    // Turn a list of actions like that found in the describe item popup into
-    // clickable links.
-    function clickify_actions(actions_text)
-    {
-        // assumes that the list is joined via ", ", including the final
-        // element. (I.e. this will break without the Oxford comma.)
-        var words = actions_text.split(", ");
-        var linkized = [];
-        words.forEach(function(w) {
-            linkized.push(clickify_action(w));
-        });
-        return linkized.join(", ");
-    }
-
-    function describe_item(desc)
-    {
-        var $popup = $(".templates > .describe-item").clone();
-        $popup.find(".header > span").html(desc.title);
-        var $body = $popup.find(".body");
-        $body.html(_fmt_spellset_html(desc.body));
-        _fmt_spells_list($body, desc.spellset, true);
-        var s = scroller($body[0]);
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
-        });
-        if (desc.actions)
-            $popup.find(".actions").html(clickify_actions(desc.actions));
-        else
-            $popup.find(".actions").remove();
-
-        var canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas(canvas[0],
-            renderer.cell_width * describe_scale,
-            renderer.cell_height * describe_scale);
-        renderer.init(canvas[0]);
-
-        desc.tiles.forEach(function (tile) {
-            renderer.draw_from_texture(tile.t, 0, 0, tile.tex, 0, 0, tile.ymax,
-                false, describe_scale);
-        });
-
-        return $popup;
-    }
-
-    function format_spell_html(desc)
-    {
-        var parts = desc.match(/(^[\s\S]*\n\n)(Level: [^\n]+)(\n\n[\s\S]*)$/);
-        if (parts == null || parts.length != 4)
-            return fmt_body_txt(desc);
-        parts[2] = parts[2].replace(/ /g, ' ');
-        return fmt_body_txt(parts[1]) + parts[2] + fmt_body_txt(parts[3]);
-    }
-
-    function describe_spell(desc)
-    {
-        var $popup = $(".templates > .describe-spell").clone();
-        $popup.find(".header > span").html(desc.title);
-        $popup.find(".body").html(format_spell_html(desc.desc));
-        var s = scroller($popup.find(".body")[0]);
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
-        });
-        if (desc.can_mem)
-            $popup.find(".actions").removeClass("hidden");
-
-        var canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas(canvas[0],
-            renderer.cell_width * describe_scale,
-            renderer.cell_height * describe_scale);
-        renderer.init(canvas[0]);
-        renderer.draw_from_texture(desc.tile.t, 0, 0, desc.tile.tex, 0, 0,
-            desc.tile.ymax, false, describe_scale);
-
-        return $popup;
-    }
-
-    function describe_cards(desc)
-    {
-        var $popup = $(".templates > .describe-cards").clone();
-        var $card_tmpl = $(".templates > .describe-generic");
-        var t = gui.NEMELEX_CARD, tex = enums.texture.GUI;
-        desc.cards.forEach(function (card) {
-            var $card = $card_tmpl.clone().removeClass("hidden").addClass("describe-card");
-            $card.find(".header > span").html(card.name);
-            $card.find(".body").html(fmt_body_txt(card.desc));
-
-            var canvas = $card.find(".header > canvas");
-            var renderer = new cr.DungeonCellRenderer();
-            util.init_canvas(canvas[0],
-                renderer.cell_width * describe_scale,
-                renderer.cell_height * describe_scale);
-            renderer.init(canvas[0]);
-            renderer.draw_from_texture(t, 0, 0, tex, 0, 0, 0, false,
-                describe_scale);
-            $popup.append($card);
-        });
-        var s = scroller($popup[0]);
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
-        });
-        return $popup;
-    }
-
-    function describe_god(desc)
-    {
-        var use_extra_pane = (desc.extra.length > 0);
-
-        if (use_extra_pane)
-            var $popup = $(".templates > #describe-god-extra").clone();
-        else
-            var $popup = $(".templates > #describe-god-basic").clone();
-        $popup.find(".header > span").addClass("fg" + desc.colour).html(
-                                                                    desc.name);
-
-        var canvas = $popup.find(".header > canvas")[0];
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas(canvas,
-            renderer.cell_width * describe_scale,
-            renderer.cell_height * describe_scale);
-        renderer.init(canvas);
-        renderer.draw_from_texture(desc.tile.t, 0, 0,
-                                   desc.tile.tex, 0, 0, 0, false,
-                                   describe_scale);
-
-        var $body = $popup.children(".body");
-        var $footer = $popup.find(".footer > .paneset");
-        var $panes = $body.children(".pane");
-
-        if (!desc.is_altar)
-            $footer.find('.join-keyhelp').remove();
-        else
-            $footer.find('.join-keyhelp').append(desc.service_fee)
-
-        $panes.eq(0).find(".desc").html(desc.description);
-        $panes.eq(0).find(".god-favour td.title")
-                    .addClass("fg"+desc.colour).html(desc.title);
-        $panes.eq(0).find(".god-favour td.favour")
-                    .addClass("fg"+desc.colour).html(desc.favour);
-        var powers_list = desc.powers_list.split("\n").slice(3, -1);
-        var $powers = $panes.eq(0).find(".god-powers");
-        var re = /^(<[a-z]*>)?(.*\.) *(\(.*\))?$/;
-        for (var i = 0; i < powers_list.length; i++)
-        {
-            var matches = powers_list[i].match(re);
-            var colour = (matches.length == 4 && matches[1] === "")
-                ? 8 : desc.colour;
-            var power = matches[2], cost = matches[3] || "";
-            $powers.append("
            "
-                +power+"
            "+cost+"
            ");
-        }
-
-        desc.powers = fmt_body_txt(desc.powers);
-        if (desc.info_table.length !== "")
-        {
-            desc.powers += "
            "
-                            + util.formatted_string_to_html(desc.info_table)
-                            + "
            ";
-        }
-        $panes.eq(1).html(desc.powers);
-
-        $panes.eq(2).html(
-                    fmt_body_txt(desc.wrath));
-        if (use_extra_pane)
-        {
-            $panes.eq(3).html("
            "
-                                + util.formatted_string_to_html(desc.extra)
-                                + "
            ");
-        }
-
-        var num_panes = (use_extra_pane ? 3 : 2)
-        for (var i = 0; i <= num_panes; i++)
-            scroller($panes.eq(i)[0]);
-
-
-        $popup.on("keydown keypress", function (event) {
-            var enter = event.which == 13, space = event.which == 32;
-            if (enter || space)
-                return;
-            var s = scroller($panes.filter(".current")[0]);
-            scroller_handle_key(s, event);
-        });
-
-        $popup.on("keydown", function (event) {
-            if (event.key === "!" || event.key === "^")
-            {
-                paneset_cycle($body);
-                paneset_cycle($footer);
-            }
-        });
-        paneset_cycle($body);
-        paneset_cycle($footer);
-
-        return $popup;
-    }
-
-    function describe_god_update(msg)
-    {
-        var $popup = ui.top_popup();
-        if (!$popup.hasClass("describe-god"))
-            return;
-        if (msg.pane !== undefined && client.is_watching())
-        {
-            paneset_cycle($popup.children(".body"), msg.pane);
-            var $footer = $popup.find(".footer > .paneset");
-            if ($footer.length > 0)
-                paneset_cycle($footer, msg.pane);
-        }
-        if (msg.prompt !== undefined)
-            $popup.children(".footer").html(msg.prompt).addClass("fg3");
-    }
-
-    function describe_item_spell_success(desc)
-    {
-        var $popup = ui.top_popup();
-        if (desc.body !== undefined)
-        {
-            var $body = $popup.find(".simplebar-content");
-            $body.html(fmt_body_txt(desc.body));
-        }
-    }
-
-    function describe_monster(desc)
-    {
-        var $popup = $(".templates > .describe-monster").clone();
-        $popup.find(".header > span").html(desc.title);
-        var $body = $popup.find(".body.paneset");
-        var $footer = $popup.find(".footer > .paneset");
-        var $panes = $body.find(".pane");
-        var $footer_panes = $footer.find(".pane");
-        $panes.eq(0).html(_fmt_spellset_html(desc.body));
-        _fmt_spells_list($panes.eq(0), desc.spellset, false);
-        var have_quote = desc.quote !== "";
-        var have_status = desc.status !== "";
-
-        var footer0 = "Description";
-        if (have_status)
-            footer0 += " | Status";
-        if (have_quote)
-            footer0 += " | Quote";
-
-        var footer1 = "Description";
-        if (have_status)
-            footer1 += " | Status";
-        if (have_quote)
-            footer1 += " | Quote";
-
-        var footer2 = "Description";
-        if (have_status)
-            footer2 += " | Status";
-        if (have_quote)
-            footer2 += " | Quote";
-
-        $footer_panes.eq(0).html(footer0);
-        $footer_panes.eq(1).html(footer1);
-        $footer_panes.eq(2).html(footer2);
-
-        if (have_quote)
-            $panes.eq(2).html(_fmt_spellset_html(desc.quote));
-        else
-        {
-            $panes.eq(2).remove();
-            $footer_panes.eq(2).remove();
-        }
-
-        if (have_status)
-            $panes.eq(1).html(fmt_body_txt(desc.status));
-        else
-        {
-            $panes.eq(1).remove();
-            $footer_panes.eq(1).remove();
-        }
-
-        if (!have_status && !have_quote)
-            $footer.parent().remove();
-
-        var $canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas($canvas[0],
-            renderer.cell_width * describe_scale,
-            renderer.cell_height * describe_scale);
-        renderer.init($canvas[0]);
-
-        if ((desc.fg_idx >= main.MAIN_MAX) && desc.doll)
-        {
-            var mcache_map = {};
-            if (desc.mcache)
-            {
-                for (var i = 0; i < desc.mcache.length; ++i)
-                    mcache_map[desc.mcache[i][0]] = i;
-            }
-            $.each(desc.doll, function (i, doll_part) {
-                var xofs = 0;
-                var yofs = Math.max(0, player.get_tile_info(desc.doll[0][0]).h - 32);
-                if (mcache_map[doll_part[0]] !== undefined)
-                {
-                    var mind = mcache_map[doll_part[0]];
-                    xofs = desc.mcache[mind][1];
-                    yofs += desc.mcache[mind][2];
-                }
-                renderer.draw_player(doll_part[0],
-                        0, 0, xofs, yofs, doll_part[1], describe_scale);
-            });
-        }
-
-        if ((desc.fg_idx >= player.MCACHE_START) && desc.mcache)
-        {
-            $.each(desc.mcache, function (i, mcache_part) {
-                if (mcache_part) {
-                    var yofs = Math.max(0, player.get_tile_info(mcache_part[0]).h - 32);
-                    renderer.draw_player(mcache_part[0],
-                            0, 0, mcache_part[1], mcache_part[2]+yofs,
-                            undefined, describe_scale);
-                }
-            });
-        }
-        else if (desc.fg_idx > 0 && desc.fg_idx <= main.MAIN_MAX)
-        {
-            renderer.draw_foreground(0, 0, { t: {
-                fg: { value: desc.fg_idx }, bg: 0, icons: [],
-            }}, describe_scale);
-        }
-
-        renderer.draw_foreground(0, 0, { t: {
-            fg: enums.prepare_fg_flags(desc.flag),
-            bg: 0,
-            icons: desc.icons,
-        }}, describe_scale);
-
-        for (var i = 0; i < $panes.length; i++)
-            scroller($panes.eq(i)[0]);
-
-        $popup.on("keydown keypress", function (event) {
-            var s = scroller($panes.filter(".current")[0]);
-            scroller_handle_key(s, event);
-        });
-        $popup.on("keydown", function (event) {
-            if (event.key === "!")
-            {
-                paneset_cycle($body);
-                if (have_quote || have_status)
-                    paneset_cycle($footer);
-            }
-        });
-        paneset_cycle($body);
-        if (have_quote || have_status)
-            paneset_cycle($footer);
-
-        return $popup;
-    }
-
-    function describe_monster_update(msg)
-    {
-        var $popup = ui.top_popup();
-        if (!$popup.hasClass("describe-monster"))
-            return;
-        if (msg.pane !== undefined && client.is_watching())
-        {
-            paneset_cycle($popup.children(".body"), msg.pane);
-            var $footer = $popup.find(".footer > .paneset");
-            if ($footer.length > 0)
-                paneset_cycle($footer, msg.pane);
-        }
-    }
-
-    function version(desc)
-    {
-        var $popup = $(".templates > .describe-generic").clone();
-        $popup.find(".header > span").html(desc.information);
-        var $body = $popup.find(".body");
-        $body.html(fmt_body_txt(desc.features) + fmt_body_txt(desc.changes));
-        var s = scroller($body[0]);
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
-        });
-
-        var t = gui.STARTUP_STONESOUP, tex = enums.texture.GUI;
-        var $canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas($canvas[0],
-            renderer.cell_width * describe_scale,
-            renderer.cell_height * describe_scale);
-        renderer.init($canvas[0]);
-        renderer.draw_from_texture(t, 0, 0, tex, 0, 0, 0, false,
-            describe_scale);
-
-        return $popup;
-    }
-
-    var update_server_scroll_timeout = null;
-    var scroller_from_server = false;
-
-    function scroller_handle_key(scroller, event)
-    {
-        if (event.altKey || event.shiftkey || event.ctrlKey) {
-            if (update_server_scroll_timeout)
-                update_server_scroll();
-            return;
-        }
-
-        var handled = true;
-
-        if (event.type === "keydown")
-            switch (event.which)
-            {
-                case 33: // page up
-                    scroller_scroll_page(scroller, -1);
-                    break;
-                case 34: // page down
-                    scroller_scroll_page(scroller, 1);
-                    break;
-                case 35: // end
-                    scroller_scroll_to_line(scroller, 2147483647); //int32_t max
-                    break;
-                case 36: // home
-                    scroller_scroll_to_line(scroller, 0);
-                    break;
-                case 38: // up
-                    scroller_scroll_line(scroller, -1);
-                    break;
-                case 40: // down
-                    scroller_scroll_line(scroller, 1);
-                    break;
-                default:
-                    handled = false;
-                    break;
-            }
-        else if (event.type === "keypress")
-            switch (String.fromCharCode(event.which))
-            {
-                case " ": case ">": case "+": case '\'':
-                    scroller_scroll_page(scroller, 1);
-                    break;
-                case "-": case "<": case ";":
-                    scroller_scroll_page(scroller, -1);
-                    break;
-                default:
-                    handled = false;
-                    break;
-            }
-        else
-            handled = false;
-
-        if (handled)
-        {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-        return handled;
-    }
-
-    function scroller_line_height(scroller)
-    {
-        var span = $(scroller.scrollElement).siblings('.scroller-lhd')[0];
-        var rect = span.getBoundingClientRect();
-        return rect.bottom - rect.top;
-    }
-
-    function scroller_scroll_page(scroller, dir)
-    {
-        var line_height = scroller_line_height(scroller);
-        var contents = $(scroller.scrollElement);
-        // XX this is a bit weird, maybe context[0] is the wrong thing to use?
-        // The -24 is to compensate for the top/bottom shades. In practice, the
-        // top line ends up a bit in the shade in long docs, possibly it should
-        // be adjusted for.
-        var page_shift = contents[0].getBoundingClientRect().height - 24;
-        page_shift = Math.floor(page_shift / line_height) * line_height;
-        contents[0].scrollTop += page_shift * dir;
-        update_server_scroll();
-    }
-
-    function scroller_scroll_line(scroller, dir)
-    {
-        var line_height = scroller_line_height(scroller);
-        var contents = $(scroller.scrollElement);
-        contents[0].scrollTop += line_height * dir;
-        update_server_scroll(scroller);
-    }
-
-    function scroller_scroll_to_line(scroller, line)
-    {
-        var $scroller = $(scroller.scrollElement);
-        // TODO: can this work without special-casing int32_t max, where any
-        // pos greater than the max scrolls to end?
-        if (line == 2147483647) // FS_START_AT_END
-        {
-            // special case for webkit: excessively large values don't work
-            var inner_h = $(scroller.contentElement).outerHeight();
-            $scroller[0].scrollTop = inner_h - $scroller.parent().outerHeight();
-        }
-        else
-        {
-            var line_height = scroller_line_height(scroller);
-            line *= line_height;
-            $scroller[0].scrollTop = line;
-        }
-    }
-
-    function update_server_scroll()
-    {
-        if (update_server_scroll_timeout)
-        {
-            clearTimeout(update_server_scroll_timeout);
-            update_server_scroll_timeout = null;
-        }
-        var $popup = ui.top_popup();
-        if (!$popup.hasClass("formatted-scroller"))
-            return;
-        var body = $popup.find(".simplebar-scroll-content").parent()[0];
-        var s = scroller(body);
-        var container = s.scrollElement;
-        var line_height = scroller_line_height(s);
-        comm.send_message("formatted_scroller_scroll", {
-            scroll: Math.round(container.scrollTop / line_height),
-        });
-    }
-
-    function scroller_onscroll()
-    {
-        // don't tell the server we scrolled, when we did so because the
-        // server told us to; not absolutely necessary, but nice to have
-        if (scroller_from_server)
-            return;
-        if (!update_server_scroll_timeout)
-            update_server_scroll_timeout = setTimeout(update_server_scroll, 100);
-    }
-
-    function formatted_scroller(desc)
-    {
-        var $popup = $(".templates > .formatted-scroller").clone();
-        var $body = $popup.children(".body");
-        var body_html = util.formatted_string_to_html(desc.text);
-        if (desc.highlight !== "")
-        {
-            var rexp = '[^\n]*('+desc.highlight+')[^\n]*\n?';
-            var re = new RegExp(rexp, 'g');
-            body_html = body_html.replace(re, function (line) {
-                return "" + line + "";
-            });
-        }
-        $popup.attr("data-tag", desc.tag);
-        $body.html(body_html);
-        if (desc.more)
-            $popup.children(".more").html(util.formatted_string_to_html(desc.more));
-        else
-            $popup.children(".more").remove();
-
-        // XX why do some layouts use a span inside of a div, some just use
-        // the div? (Answer remains unclear to me, but something about
-        // preformatting + nested spans did mess this up when I tried to use
-        // a template span here)
-        if (desc.title)
-            $popup.children(".header").html(util.formatted_string_to_html(desc.title));
-        else
-            $popup.children(".header").remove();
-
-        var s = scroller($body[0]);
-        var scroll_elem = s.scrollElement;
-        scroll_elem.addEventListener("scroll", scroller_onscroll);
-        $popup.on("keydown keypress", function (event) {
-            if (event.which !== 36 || desc.tag !== "help")
-                scroller_handle_key(s, event);
-        });
-        if (desc.easy_exit && options.get("tile_web_mouse_control"))
-        {
-            $popup.on("click", function () {
-                // XX a bit ad hoc
-                comm.send_message("key", { keycode: 27 });
-            });
-        }
-        return $popup;
+import $ from "jquery";
+
+import comm from "./comm";
+import client from "./client";
+
+import ui from "./ui";
+import enums from "./enums";
+import cr from "./cell_renderer";
+import util from "./util";
+import scroller from "./scroller";
+import main from "../../../game_data/static/tileinfo-main";
+import gui from "../../../game_data/static/tileinfo-gui";
+import player from "../../../game_data/static/tileinfo-player";
+import options from "./options";
+
+const describe_scale = 2.0;
+
+function fmt_body_txt(txt) {
+  return (
+    txt
+      // convert double linebreaks into paragraph markers
+      .split("\n\n")
+      .map((s) => `
            ${util.formatted_string_to_html(s)}
            `)
+      .filter((s) => s !== "
            ")
+      .join("")
+      // replace single linebreaks with manual linebreaks
+      .split("\n")
+      .join("
            ")
+  );
+}
+
+function _fmt_spellset_html(desc) {
+  const desc_parts = desc.split("SPELLSET_PLACEHOLDER").map(fmt_body_txt);
+  if (desc_parts.length === 2)
+    desc_parts.splice(1, 0, "
            ");
+  return desc_parts.join("");
+}
+
+function _fmt_spells_list(root, spellset, colour) {
+  const $container = root.find("#spellset_placeholder");
+  // XX this container only seems to be added if there are spells, do
+  // we actually need to remove it again?
+  if ($container.length === 0 && spellset.length !== 0) {
+    root.prepend("
            Buggy spellset!
            ");
+    return;
+  }
+  $container.attr("id", "").addClass("menu_contents spellset");
+  if (spellset.length === 0) {
+    $container.remove();
+    return;
+  }
+  $.each(spellset, (_i, book) => {
+    if (book.label.trim()) $container.append(book.label);
+    const $list = $("
              ");
+    $.each(book.spells, (_i, spell) => {
+      const $item = $("
            1. ");
+      const $canvas = $("");
+      const letter = spell.letter;
+
+      const renderer = new cr.DungeonCellRenderer();
+      util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
+      renderer.init($canvas[0]);
+      renderer.draw_from_texture(
+        spell.tile,
+        0,
+        0,
+        enums.texture.GUI,
+        0,
+        0,
+        0,
+        false
+      );
+      $item.append($canvas);
+
+      const label = ` ${letter} - ${spell.title}`;
+      $item.append(`${util.formatted_string_to_html(label)}`);
+
+      if (spell.effect !== undefined)
+        $item.append(
+          `${util.formatted_string_to_html(spell.effect)} `
+        );
+      if (spell.range_string !== undefined)
+        $item.append(
+          "" +
+            util.formatted_string_to_html(spell.range_string) +
+            " "
+        );
+
+      $list.append($item);
+      if (colour) $item.addClass(`fg${spell.colour}`);
+      $item.on("click", () => {
+        comm.send_message("input", { text: letter });
+      });
+    });
+    $container.append($list);
+  });
+}
+
+function paneset_cycle($el, next) {
+  const $panes = $el.children(".pane");
+  const $current = $panes.filter(".current").removeClass("current");
+  if (next === undefined) next = $panes.index($current) + 1;
+  $panes.eq(next % $panes.length).addClass("current");
+}
+
+function progress_bar(msg) {
+  const $popup = $(".templates > .progress-bar").clone();
+  if (msg.title === "") $popup.children(".header").remove();
+  else $popup.find(".header > span").html(msg.title);
+  $popup
+    .children(".bar-text")
+    .html(`${util.formatted_string_to_html(msg.bar_text)}`);
+  $popup.children(".status > span").html(msg.status);
+  return $popup;
+}
+
+function progress_bar_update(msg) {
+  const $popup = ui.top_popup();
+  if (!$popup.hasClass("progress-bar")) return;
+  $popup
+    .children(".bar-text")
+    .html(`${util.formatted_string_to_html(msg.bar_text)}`);
+  $popup.children(".status")[0].textContent = msg.status;
+}
+
+function describe_generic(desc) {
+  const $popup = $(".templates > .describe-generic").clone();
+  const $body = $popup.children(".body");
+  if (desc.title === "") $popup.children(".header").remove();
+  else $popup.find(".header > span").html(desc.title);
+  $body.html(fmt_body_txt(desc.body + desc.footer));
+  const s = scroller($popup.children(".body")[0]);
+  s.contentElement.className += " describe-generic-body";
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+
+  const canvas = $popup.find(".header > canvas");
+  if (desc.tile) {
+    const renderer = new cr.DungeonCellRenderer();
+    util.init_canvas(
+      canvas[0],
+      renderer.cell_width * describe_scale,
+      renderer.cell_height * describe_scale
+    );
+    renderer.init(canvas[0]);
+    renderer.draw_from_texture(
+      desc.tile.t,
+      0,
+      0,
+      desc.tile.tex,
+      0,
+      0,
+      desc.tile.ymax,
+      false,
+      describe_scale
+    );
+  } else canvas.remove();
+
+  return $popup;
+}
+
+function describe_feature_wide(desc) {
+  const $popup = $(".templates > .describe-feature").clone();
+  const $feat_tmpl = $(".templates > .describe-generic");
+  desc.feats.forEach((feat) => {
+    const $feat = $feat_tmpl
+      .clone()
+      .removeClass("hidden")
+      .addClass("describe-feature-feat");
+    $feat.find(".header > span").html(feat.title);
+    if (feat.body !== feat.title) {
+      let text = feat.body;
+      if (feat.quote) text += `\n\n${feat.quote}`;
+      $feat.find(".body").html(util.formatted_string_to_html(text));
+    } else $feat.find(".body").remove();
+
+    const canvas = $feat.find(".header > canvas");
+    const renderer = new cr.DungeonCellRenderer();
+    util.init_canvas(
+      canvas[0],
+      renderer.cell_width * describe_scale,
+      renderer.cell_height * describe_scale
+    );
+    renderer.init(canvas[0]);
+    renderer.draw_from_texture(
+      feat.tile.t,
+      0,
+      0,
+      feat.tile.tex,
+      0,
+      0,
+      feat.tile.ymax,
+      false,
+      describe_scale
+    );
+    $popup.append($feat);
+  });
+  if (desc.actions) {
+    $popup.append("
              ");
+    $popup.find(".actions").html(clickify_actions(desc.actions));
+  }
+
+  const s = scroller($popup[0]);
+  $popup.on("keydown keypress", (event) => {
+    const key = String.fromCharCode(event.which);
+    if (key !== "<" && key !== ">")
+      // XX not always
+      scroller_handle_key(s, event);
+  });
+  return $popup;
+}
+
+// Given some string like "e(v)oke", produce a span with the `data-hotkey`
+// attribute set on that span. This auto-enables clicking. This will
+// handle both a final period, and a sequence of prefix words that do not
+// have a hotkey marked in them.
+// TODO: it might be more robust to produce structured info on the server
+// side...
+function clickify_action(action_text) {
+  let suffix = "";
+  let prefix = "";
+  // makes some assumptions about how this is joined...see describe.cc
+  // _actions_desc.
+  if (action_text.endsWith(".")) {
+    // could be more elegant...
+    suffix = ".";
+    action_text = action_text.slice(0, -1);
+  }
+  if (action_text.startsWith("or ")) {
+    prefix = "or ";
+    action_text = action_text.substr(3);
+  }
+  const hotkeys = action_text.match(/\(.\)/); // very inclusive for the key name
+  let data_attr = "";
+  if (hotkeys) data_attr = ` data-hotkey='${hotkeys[0][1]}'`;
+  return `${prefix}${action_text}${suffix}`;
+}
+
+// Turn a list of actions like that found in the describe item popup into
+// clickable links.
+function clickify_actions(actions_text) {
+  // assumes that the list is joined via ", ", including the final
+  // element. (I.e. this will break without the Oxford comma.)
+  const words = actions_text.split(", ");
+  const linkized = [];
+  words.forEach((w) => {
+    linkized.push(clickify_action(w));
+  });
+  return linkized.join(", ");
+}
+
+function describe_item(desc) {
+  const $popup = $(".templates > .describe-item").clone();
+  $popup.find(".header > span").html(desc.title);
+  const $body = $popup.find(".body");
+  $body.html(_fmt_spellset_html(desc.body));
+  _fmt_spells_list($body, desc.spellset, true);
+  const s = scroller($body[0]);
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+  if (desc.actions)
+    $popup.find(".actions").html(clickify_actions(desc.actions));
+  else $popup.find(".actions").remove();
+
+  const canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(
+    canvas[0],
+    renderer.cell_width * describe_scale,
+    renderer.cell_height * describe_scale
+  );
+  renderer.init(canvas[0]);
+
+  desc.tiles.forEach((tile) => {
+    renderer.draw_from_texture(
+      tile.t,
+      0,
+      0,
+      tile.tex,
+      0,
+      0,
+      tile.ymax,
+      false,
+      describe_scale
+    );
+  });
+
+  return $popup;
+}
+
+function format_spell_html(desc) {
+  const parts = desc.match(/(^[\s\S]*\n\n)(Level: [^\n]+)(\n\n[\s\S]*)$/);
+  if (parts == null || parts.length !== 4) return fmt_body_txt(desc);
+  parts[2] = parts[2].replace(/ /g, " ");
+  return fmt_body_txt(parts[1]) + parts[2] + fmt_body_txt(parts[3]);
+}
+
+function describe_spell(desc) {
+  const $popup = $(".templates > .describe-spell").clone();
+  $popup.find(".header > span").html(desc.title);
+  $popup.find(".body").html(format_spell_html(desc.desc));
+  const s = scroller($popup.find(".body")[0]);
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+  if (desc.can_mem) $popup.find(".actions").removeClass("hidden");
+
+  const canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(
+    canvas[0],
+    renderer.cell_width * describe_scale,
+    renderer.cell_height * describe_scale
+  );
+  renderer.init(canvas[0]);
+  renderer.draw_from_texture(
+    desc.tile.t,
+    0,
+    0,
+    desc.tile.tex,
+    0,
+    0,
+    desc.tile.ymax,
+    false,
+    describe_scale
+  );
+
+  return $popup;
+}
+
+function describe_cards(desc) {
+  const $popup = $(".templates > .describe-cards").clone();
+  const $card_tmpl = $(".templates > .describe-generic");
+  const t = gui.NEMELEX_CARD,
+    tex = enums.texture.GUI;
+  desc.cards.forEach((card) => {
+    const $card = $card_tmpl
+      .clone()
+      .removeClass("hidden")
+      .addClass("describe-card");
+    $card.find(".header > span").html(card.name);
+    $card.find(".body").html(fmt_body_txt(card.desc));
+
+    const canvas = $card.find(".header > canvas");
+    const renderer = new cr.DungeonCellRenderer();
+    util.init_canvas(
+      canvas[0],
+      renderer.cell_width * describe_scale,
+      renderer.cell_height * describe_scale
+    );
+    renderer.init(canvas[0]);
+    renderer.draw_from_texture(t, 0, 0, tex, 0, 0, 0, false, describe_scale);
+    $popup.append($card);
+  });
+  const s = scroller($popup[0]);
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+  return $popup;
+}
+
+function describe_god(desc) {
+  const use_extra_pane = desc.extra.length > 0;
+
+  $popup = $(
+    `.templates > #describe-god-${use_extra_pane ? "extra" : "basic"}`
+  ).clone();
+  $popup.find(".header > span").addClass(`fg${desc.colour}`).html(desc.name);
+
+  const canvas = $popup.find(".header > canvas")[0];
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(
+    canvas,
+    renderer.cell_width * describe_scale,
+    renderer.cell_height * describe_scale
+  );
+  renderer.init(canvas);
+  renderer.draw_from_texture(
+    desc.tile.t,
+    0,
+    0,
+    desc.tile.tex,
+    0,
+    0,
+    0,
+    false,
+    describe_scale
+  );
+
+  const $body = $popup.children(".body");
+  const $footer = $popup.find(".footer > .paneset");
+  const $panes = $body.children(".pane");
+
+  if (!desc.is_altar) $footer.find(".join-keyhelp").remove();
+  else $footer.find(".join-keyhelp").append(desc.service_fee);
+
+  $panes.eq(0).find(".desc").html(desc.description);
+  $panes
+    .eq(0)
+    .find(".god-favour td.title")
+    .addClass(`fg${desc.colour}`)
+    .html(desc.title);
+  $panes
+    .eq(0)
+    .find(".god-favour td.favour")
+    .addClass(`fg${desc.colour}`)
+    .html(desc.favour);
+  const powers_list = desc.powers_list.split("\n").slice(3, -1);
+  const $powers = $panes.eq(0).find(".god-powers");
+  const re = /^(<[a-z]*>)?(.*\.) *(\(.*\))?$/;
+  for (let i = 0; i < powers_list.length; i++) {
+    const matches = powers_list[i].match(re);
+    const colour =
+      matches.length === 4 && matches[1] === "" ? 8 : desc.colour;
+    const power = matches[2],
+      cost = matches[3] || "";
+    $powers.append(
+      "
              " +
+        power +
+        "
              " +
+        cost +
+        "
              "
+    );
+  }
+
+  desc.powers = fmt_body_txt(desc.powers);
+  if (desc.info_table.length !== "") {
+    desc.powers +=
+      "
              " +
+      util.formatted_string_to_html(desc.info_table) +
+      "
              ";
+  }
+  $panes.eq(1).html(desc.powers);
+
+  $panes.eq(2).html(fmt_body_txt(desc.wrath));
+  if (use_extra_pane) {
+    $panes
+      .eq(3)
+      .html(
+        `
              ${util.formatted_string_to_html(desc.extra)}
              `
+      );
+  }
+
+  const num_panes = use_extra_pane ? 3 : 2;
+  for (let i = 0; i <= num_panes; i++) scroller($panes.eq(i)[0]);
+
+  $popup.on("keydown keypress", (event) => {
+    const enter = event.which === 13,
+      space = event.which === 32;
+    if (enter || space) return;
+    const s = scroller($panes.filter(".current")[0]);
+    scroller_handle_key(s, event);
+  });
+
+  $popup.on("keydown", (event) => {
+    if (event.key === "!" || event.key === "^") {
+      paneset_cycle($body);
+      paneset_cycle($footer);
     }
-
-    function formatted_scroller_update(msg)
-    {
-        var $popup = ui.top_popup();
-        if (!$popup.hasClass("formatted-scroller"))
-            return;
-        var s = scroller($popup.find(".body")[0]);
-        if (msg.text !== undefined)
-        {
-            var $body = $(s.contentElement);
-            $body.html(util.formatted_string_to_html(msg.text));
-            var ss = $popup.find(".body").eq(0).data("scroller");
-            ss.recalculateImmediate();
-        }
-        if (msg.scroll !== undefined && (!msg.from_webtiles || client.is_watching()))
-        {
-            scroller_from_server = true;
-            scroller_scroll_to_line(s, msg.scroll);
-            scroller_from_server = false;
-        }
+  });
+  paneset_cycle($body);
+  paneset_cycle($footer);
+
+  return $popup;
+}
+
+function describe_god_update(msg) {
+  const $popup = ui.top_popup();
+  if (!$popup.hasClass("describe-god")) return;
+  if (msg.pane !== undefined && client.is_watching()) {
+    paneset_cycle($popup.children(".body"), msg.pane);
+    const $footer = $popup.find(".footer > .paneset");
+    if ($footer.length > 0) paneset_cycle($footer, msg.pane);
+  }
+  if (msg.prompt !== undefined)
+    $popup.children(".footer").html(msg.prompt).addClass("fg3");
+}
+
+function describe_item_spell_success(desc) {
+  const $popup = ui.top_popup();
+  if (desc.body !== undefined) {
+    const $body = $popup.find(".simplebar-content");
+    $body.html(fmt_body_txt(desc.body));
+  }
+}
+
+function describe_monster(desc) {
+  const $popup = $(".templates > .describe-monster").clone();
+  $popup.find(".header > span").html(desc.title);
+  const $body = $popup.find(".body.paneset");
+  const $footer = $popup.find(".footer > .paneset");
+  const $panes = $body.find(".pane");
+  const $footer_panes = $footer.find(".pane");
+  $panes.eq(0).html(_fmt_spellset_html(desc.body));
+  _fmt_spells_list($panes.eq(0), desc.spellset, false);
+  const have_quote = desc.quote !== "";
+  const have_status = desc.status !== "";
+
+  let footer0 = 'Description';
+  if (have_status) footer0 += " | Status";
+  if (have_quote) footer0 += " | Quote";
+
+  let footer1 = "Description";
+  if (have_status) footer1 += ' | Status';
+  if (have_quote) footer1 += " | Quote";
+
+  let footer2 = "Description";
+  if (have_status) footer2 += " | Status";
+  if (have_quote) footer2 += ' | Quote';
+
+  $footer_panes.eq(0).html(footer0);
+  $footer_panes.eq(1).html(footer1);
+  $footer_panes.eq(2).html(footer2);
+
+  if (have_quote) $panes.eq(2).html(_fmt_spellset_html(desc.quote));
+  else {
+    $panes.eq(2).remove();
+    $footer_panes.eq(2).remove();
+  }
+
+  if (have_status) $panes.eq(1).html(fmt_body_txt(desc.status));
+  else {
+    $panes.eq(1).remove();
+    $footer_panes.eq(1).remove();
+  }
+
+  if (!have_status && !have_quote) $footer.parent().remove();
+
+  const $canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(
+    $canvas[0],
+    renderer.cell_width * describe_scale,
+    renderer.cell_height * describe_scale
+  );
+  renderer.init($canvas[0]);
+
+  if (desc.fg_idx >= main.MAIN_MAX && desc.doll) {
+    const mcache_map = {};
+    if (desc.mcache) {
+      for (let i = 0; i < desc.mcache.length; ++i)
+        mcache_map[desc.mcache[i][0]] = i;
     }
-
-    function msgwin_get_line(msg)
-    {
-        var $popup = $(".templates > .msgwin-get-line").clone();
-        $popup.children(".header").html(util.formatted_string_to_html(msg.prompt));
-        return $popup;
-    }
-
-    function focus_button($button)
+    $.each(desc.doll, (_i, doll_part) => {
+      let xofs = 0;
+      let yofs = Math.max(0, player.get_tile_info(desc.doll[0][0]).h - 32);
+      if (mcache_map[doll_part[0]] !== undefined) {
+        const mind = mcache_map[doll_part[0]];
+        xofs = desc.mcache[mind][1];
+        yofs += desc.mcache[mind][2];
+      }
+      renderer.draw_player(
+        doll_part[0],
+        0,
+        0,
+        xofs,
+        yofs,
+        doll_part[1],
+        describe_scale
+      );
+    });
+  }
+
+  if (desc.fg_idx >= player.MCACHE_START && desc.mcache) {
+    $.each(desc.mcache, (_i, mcache_part) => {
+      if (mcache_part) {
+        const yofs = Math.max(0, player.get_tile_info(mcache_part[0]).h - 32);
+        renderer.draw_player(
+          mcache_part[0],
+          0,
+          0,
+          mcache_part[1],
+          mcache_part[2] + yofs,
+          undefined,
+          describe_scale
+        );
+      }
+    });
+  } else if (desc.fg_idx > 0 && desc.fg_idx <= main.MAIN_MAX) {
+    renderer.draw_foreground(
+      0,
+      0,
+      {
+        t: {
+          fg: { value: desc.fg_idx },
+          bg: 0,
+          icons: [],
+        },
+      },
+      describe_scale
+    );
+  }
+
+  renderer.draw_foreground(
+    0,
+    0,
     {
-        var $popup = $button.closest(".newgame-choice");
-        var menu_id = $button.closest("[menu_id]").attr("menu_id");
-        $popup.find(".button.selected").removeClass("selected");
-        $button.addClass("selected");
-        var $scr = $button.closest(".simplebar-scroll-content");
-        if ($scr.length === 1)
-        {
-            var br = $button[0].getBoundingClientRect();
-            var gr = $scr.parent()[0].getBoundingClientRect();
-            var delta = br.top < gr.top ? br.top - gr.top :
-                    br.bottom > gr.bottom ? br.bottom - gr.bottom : 0;
-            $scr[0].scrollTop += delta;
-        }
-
-        var $descriptions = $popup.find(".descriptions");
-        paneset_cycle($descriptions, $button.attr("data-description-index"));
-        comm.send_message("outer_menu_focus", {
-            hotkey: ui.utf8_from_key_value($button.attr("data-hotkey")),
-            menu_id: menu_id,
-        });
+      t: {
+        fg: enums.prepare_fg_flags(desc.flag),
+        bg: 0,
+        icons: desc.icons,
+      },
+    },
+    describe_scale
+  );
+
+  for (let i = 0; i < $panes.length; i++) scroller($panes.eq(i)[0]);
+
+  $popup.on("keydown keypress", (event) => {
+    const s = scroller($panes.filter(".current")[0]);
+    scroller_handle_key(s, event);
+  });
+  $popup.on("keydown", (event) => {
+    if (event.key === "!") {
+      paneset_cycle($body);
+      if (have_quote || have_status) paneset_cycle($footer);
     }
-
-    function newgame_choice(msg)
-    {
-        var $popup = $(".templates > .newgame-choice").clone();
-        if (msg.doll)
-        {
-            var $canvas = $("");
-            var $title = $("");
-            var $prompt = $("
              ");
-            $popup.children(".header").append($canvas).append($title).after($prompt);
-            $title.html(util.formatted_string_to_html(msg.title));
-            $prompt.html(util.formatted_string_to_html(msg.prompt));
-            var renderer = new cr.DungeonCellRenderer();
-            util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
-            renderer.init($canvas[0]);
-            $.each(msg.doll, function (i, doll_part) {
-                renderer.draw_player(doll_part[0], 0, 0, 0, 0, doll_part[1]);
-            });
-        }
-        else
-            $popup.children(".header").html(util.formatted_string_to_html(msg.title));
-        var renderer = new cr.DungeonCellRenderer();
-        var $descriptions = $popup.find(".descriptions");
-
-        function build_item_grid(data, $container, fat)
-        {
-            $container.attr("menu_id", data.menu_id);
-            $.each(data.buttons, function (i, button) {
-                var $button = $("
              ");
-                if ((button.tile || []).length > 0 || fat)
-                {
-                    var $canvas = $("");
-                    util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
-                    renderer.init($canvas[0]);
-
-                    $.each(button.tile || [], function (_, tile) {
-                        renderer.draw_from_texture(tile.t, 0, 0, tile.tex, 0, 0, tile.ymax, false);
-                    });
-                    $button.append($canvas);
-                }
-                $.each(button.labels || [button.label], function (i, label) {
-                    // TODO: this has somewhat weird behavior if multiple spans
-                    // are produced from the formatted string...should they
-                    // really have a flex-grow property?
-                    var $lbl = $(util.formatted_string_to_html(label)).css("flex-grow", "1");
-                    $button.append($lbl);
-                });
-                // at least remove empty spans because of the above issue:
-                $button.find("span:empty").remove();
-                $button.attr("style", "grid-row:"+(button.y+1)+"; grid-column:"+(button.x+1)+";");
-                $descriptions.append(" " + button.description + "");
-                $button.attr("data-description-index", $descriptions.children().length - 1);
-                $button.attr("data-hotkey", ui.key_value_from_utf8(button.hotkey));
-                $button.addClass("hlc-" + button.highlight_colour);
-                $container.append($button);
-
-                $button.on('hover', function () { focus_button($(this)) });
-            });
-            $.each(data.labels, function (i, button) {
-                var $button = $("
              ");
-                $button.append(util.formatted_string_to_html(button.label));
-                $button.attr("style", "grid-row:"+(button.y+1)+"; grid-column:"+(button.x+1)+";");
-                $container.append($button);
-            });
-        }
-
-        var $main = $popup.find(".main-items");
-        build_item_grid(msg["main-items"], $main, true);
-        build_item_grid(msg["sub-items"], $popup.find(".sub-items"));
-        scroller($main.parent()[0]);
-
-        return $popup;
+  });
+  paneset_cycle($body);
+  if (have_quote || have_status) paneset_cycle($footer);
+
+  return $popup;
+}
+
+function describe_monster_update(msg) {
+  const $popup = ui.top_popup();
+  if (!$popup.hasClass("describe-monster")) return;
+  if (msg.pane !== undefined && client.is_watching()) {
+    paneset_cycle($popup.children(".body"), msg.pane);
+    const $footer = $popup.find(".footer > .paneset");
+    if ($footer.length > 0) paneset_cycle($footer, msg.pane);
+  }
+}
+
+function version(desc) {
+  const $popup = $(".templates > .describe-generic").clone();
+  $popup.find(".header > span").html(desc.information);
+  const $body = $popup.find(".body");
+  $body.html(fmt_body_txt(desc.features) + fmt_body_txt(desc.changes));
+  const s = scroller($body[0]);
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+
+  const t = gui.STARTUP_STONESOUP,
+    tex = enums.texture.GUI;
+  const $canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(
+    $canvas[0],
+    renderer.cell_width * describe_scale,
+    renderer.cell_height * describe_scale
+  );
+  renderer.init($canvas[0]);
+  renderer.draw_from_texture(t, 0, 0, tex, 0, 0, 0, false, describe_scale);
+
+  return $popup;
+}
+
+let update_server_scroll_timeout = null;
+let scroller_from_server = false;
+
+function scroller_handle_key(scroller, event) {
+  if (event.altKey || event.shiftkey || event.ctrlKey) {
+    if (update_server_scroll_timeout) update_server_scroll();
+    return;
+  }
+
+  let handled = true;
+
+  if (event.type === "keydown")
+    switch (event.which) {
+      case 33: // page up
+        scroller_scroll_page(scroller, -1);
+        break;
+      case 34: // page down
+        scroller_scroll_page(scroller, 1);
+        break;
+      case 35: // end
+        scroller_scroll_to_line(scroller, 2147483647); //int32_t max
+        break;
+      case 36: // home
+        scroller_scroll_to_line(scroller, 0);
+        break;
+      case 38: // up
+        scroller_scroll_line(scroller, -1);
+        break;
+      case 40: // down
+        scroller_scroll_line(scroller, 1);
+        break;
+      default:
+        handled = false;
+        break;
     }
-
-    function newgame_choice_update(msg)
-    {
-        if (!client.is_watching() && msg.from_client)
-            return;
-        var $popup = ui.top_popup();
-        if (!$popup || !$popup.hasClass("newgame-choice"))
-            return;
-        var hotkey = ui.key_value_from_utf8(msg.button_focus);
-        focus_button($popup.find("[data-hotkey='"+hotkey+"']"));
+  else if (event.type === "keypress")
+    switch (String.fromCharCode(event.which)) {
+      case " ":
+      case ">":
+      case "+":
+      case "'":
+        scroller_scroll_page(scroller, 1);
+        break;
+      case "-":
+      case "<":
+      case ";":
+        scroller_scroll_page(scroller, -1);
+        break;
+      default:
+        handled = false;
+        break;
     }
-
-    function newgame_random_combo(msg)
-    {
-        var $popup = $(".templates > .describe-generic").clone();
-        $popup.find(".header > span").html(util.formatted_string_to_html(msg.prompt));
-        $popup.find(".body").html("Do you want to play this combination? [Y/n/q]");
-
-        var $canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
+  else handled = false;
+
+  if (handled) {
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  return handled;
+}
+
+function scroller_line_height(scroller) {
+  const span = $(scroller.scrollElement).siblings(".scroller-lhd")[0];
+  const rect = span.getBoundingClientRect();
+  return rect.bottom - rect.top;
+}
+
+function scroller_scroll_page(scroller, dir) {
+  const line_height = scroller_line_height(scroller);
+  const contents = $(scroller.scrollElement);
+  // XX this is a bit weird, maybe context[0] is the wrong thing to use?
+  // The -24 is to compensate for the top/bottom shades. In practice, the
+  // top line ends up a bit in the shade in long docs, possibly it should
+  // be adjusted for.
+  let page_shift = contents[0].getBoundingClientRect().height - 24;
+  page_shift = Math.floor(page_shift / line_height) * line_height;
+  contents[0].scrollTop += page_shift * dir;
+  update_server_scroll();
+}
+
+function scroller_scroll_line(scroller, dir) {
+  const line_height = scroller_line_height(scroller);
+  const contents = $(scroller.scrollElement);
+  contents[0].scrollTop += line_height * dir;
+  update_server_scroll(scroller);
+}
+
+function scroller_scroll_to_line(scroller, line) {
+  const $scroller = $(scroller.scrollElement);
+  // TODO: can this work without special-casing int32_t max, where any
+  // pos greater than the max scrolls to end?
+  if (line === 2147483647) {
+    // FS_START_AT_END
+    // special case for webkit: excessively large values don't work
+    const inner_h = $(scroller.contentElement).outerHeight();
+    $scroller[0].scrollTop = inner_h - $scroller.parent().outerHeight();
+  } else {
+    const line_height = scroller_line_height(scroller);
+    line *= line_height;
+    $scroller[0].scrollTop = line;
+  }
+}
+
+function update_server_scroll() {
+  if (update_server_scroll_timeout) {
+    clearTimeout(update_server_scroll_timeout);
+    update_server_scroll_timeout = null;
+  }
+  const $popup = ui.top_popup();
+  if (!$popup.hasClass("formatted-scroller")) return;
+  const body = $popup.find(".simplebar-scroll-content").parent()[0];
+  const s = scroller(body);
+  const container = s.scrollElement;
+  const line_height = scroller_line_height(s);
+  comm.send_message("formatted_scroller_scroll", {
+    scroll: Math.round(container.scrollTop / line_height),
+  });
+}
+
+function scroller_onscroll() {
+  // don't tell the server we scrolled, when we did so because the
+  // server told us to; not absolutely necessary, but nice to have
+  if (scroller_from_server) return;
+  if (!update_server_scroll_timeout)
+    update_server_scroll_timeout = setTimeout(update_server_scroll, 100);
+}
+
+function formatted_scroller(desc) {
+  const $popup = $(".templates > .formatted-scroller").clone();
+  const $body = $popup.children(".body");
+  let body_html = util.formatted_string_to_html(desc.text);
+  if (desc.highlight !== "") {
+    const rexp = `[^\n]*(${desc.highlight})[^\n]*\n?`;
+    const re = new RegExp(rexp, "g");
+    body_html = body_html.replace(
+      re,
+      (line) => `${line}`
+    );
+  }
+  $popup.attr("data-tag", desc.tag);
+  $body.html(body_html);
+  if (desc.more)
+    $popup.children(".more").html(util.formatted_string_to_html(desc.more));
+  else $popup.children(".more").remove();
+
+  // XX why do some layouts use a span inside of a div, some just use
+  // the div? (Answer remains unclear to me, but something about
+  // preformatting + nested spans did mess this up when I tried to use
+  // a template span here)
+  if (desc.title)
+    $popup.children(".header").html(util.formatted_string_to_html(desc.title));
+  else $popup.children(".header").remove();
+
+  const s = scroller($body[0]);
+  const scroll_elem = s.scrollElement;
+  scroll_elem.addEventListener("scroll", scroller_onscroll);
+  $popup.on("keydown keypress", (event) => {
+    if (event.which !== 36 || desc.tag !== "help")
+      scroller_handle_key(s, event);
+  });
+  if (desc.easy_exit && options.get("tile_web_mouse_control")) {
+    $popup.on("click", () => {
+      // XX a bit ad hoc
+      comm.send_message("key", { keycode: 27 });
+    });
+  }
+  return $popup;
+}
+
+function formatted_scroller_update(msg) {
+  const $popup = ui.top_popup();
+  if (!$popup.hasClass("formatted-scroller")) return;
+  const s = scroller($popup.find(".body")[0]);
+  if (msg.text !== undefined) {
+    const $body = $(s.contentElement);
+    $body.html(util.formatted_string_to_html(msg.text));
+    const ss = $popup.find(".body").eq(0).data("scroller");
+    ss.recalculateImmediate();
+  }
+  if (
+    msg.scroll !== undefined &&
+    (!msg.from_webtiles || client.is_watching())
+  ) {
+    scroller_from_server = true;
+    scroller_scroll_to_line(s, msg.scroll);
+    scroller_from_server = false;
+  }
+}
+
+function msgwin_get_line(msg) {
+  const $popup = $(".templates > .msgwin-get-line").clone();
+  $popup.children(".header").html(util.formatted_string_to_html(msg.prompt));
+  return $popup;
+}
+
+function focus_button($button) {
+  const $popup = $button.closest(".newgame-choice");
+  const menu_id = $button.closest("[menu_id]").attr("menu_id");
+  $popup.find(".button.selected").removeClass("selected");
+  $button.addClass("selected");
+  const $scr = $button.closest(".simplebar-scroll-content");
+  if ($scr.length === 1) {
+    const br = $button[0].getBoundingClientRect();
+    const gr = $scr.parent()[0].getBoundingClientRect();
+    const delta =
+      br.top < gr.top
+        ? br.top - gr.top
+        : br.bottom > gr.bottom
+        ? br.bottom - gr.bottom
+        : 0;
+    $scr[0].scrollTop += delta;
+  }
+
+  const $descriptions = $popup.find(".descriptions");
+  paneset_cycle($descriptions, $button.attr("data-description-index"));
+  comm.send_message("outer_menu_focus", {
+    hotkey: ui.utf8_from_key_value($button.attr("data-hotkey")),
+    menu_id: menu_id,
+  });
+}
+
+function newgame_choice(msg) {
+  const $popup = $(".templates > .newgame-choice").clone();
+  if (msg.doll) {
+    const $canvas = $("");
+    const $title = $("");
+    const $prompt = $("
              ");
+    $popup.children(".header").append($canvas).append($title).after($prompt);
+    $title.html(util.formatted_string_to_html(msg.title));
+    $prompt.html(util.formatted_string_to_html(msg.prompt));
+    const renderer = new cr.DungeonCellRenderer();
+    util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
+    renderer.init($canvas[0]);
+    $.each(msg.doll, (_i, doll_part) => {
+      renderer.draw_player(doll_part[0], 0, 0, 0, 0, doll_part[1]);
+    });
+  } else
+    $popup.children(".header").html(util.formatted_string_to_html(msg.title));
+  const renderer = new cr.DungeonCellRenderer();
+  const $descriptions = $popup.find(".descriptions");
+
+  function build_item_grid(data, $container, fat) {
+    $container.attr("menu_id", data.menu_id);
+    $.each(data.buttons, (_i, button) => {
+      const $button = $("
              ");
+      if ((button.tile || []).length > 0 || fat) {
+        const $canvas = $("");
         util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
         renderer.init($canvas[0]);
-        $.each(msg.doll, function (i, doll_part) {
-            renderer.draw_player(doll_part[0], 0, 0, 0, 0, doll_part[1]);
-        });
 
-        return $popup;
-    }
-
-    function game_over(desc)
-    {
-        var $popup = $(".templates > .game-over").clone();
-        $popup.find(".header > span").html(desc.title);
-        $popup.children(".body").html(fmt_body_txt(desc.body));
-        var s = scroller($popup.children(".body")[0]);
-        $popup.on("keydown keypress", function (event) {
-            scroller_handle_key(s, event);
+        $.each(button.tile || [], (_, tile) => {
+          renderer.draw_from_texture(
+            tile.t,
+            0,
+            0,
+            tile.tex,
+            0,
+            0,
+            tile.ymax,
+            false
+          );
         });
-
-        var canvas = $popup.find(".header > canvas");
-        var renderer = new cr.DungeonCellRenderer();
-        util.init_canvas(canvas[0], renderer.cell_width, renderer.cell_height);
-        renderer.init(canvas[0]);
-        renderer.draw_from_texture(desc.tile.t, 0, 0, desc.tile.tex, 0, 0, desc.tile.ymax, false);
-
-        return $popup;
-    }
-
-    function seed_selection(desc)
-    {
-        var $popup = $(".templates > .seed-selection").clone();
-        $popup.find(".header").html(desc.title);
-        $popup.find(".body-text").html(desc.body);
-        $popup.find(".footer").html(desc.footer);
-        if (!desc.show_pregen_toggle)
-            $popup.find(".pregen-toggle").remove();
-        scroller($popup.find(".body")[0]);
-
-        var $input = $popup.find("input[type=text]");
-        var input_val = $input.val();
-        $input.on("input change", function (event) {
-            var valid_seed = $input.val().match(/^\d*$/);
-            if (valid_seed)
-                input_val = $input.val();
-            else
-                $input.val(input_val);
-        });
-
-        return $popup;
-    }
-
-    var ui_handlers = {
-        "describe-generic" : describe_generic,
-        "describe-feature-wide" : describe_feature_wide,
-        "describe-item" : describe_item,
-        "describe-spell" : describe_spell,
-        "describe-cards" : describe_cards,
-        "describe-god" : describe_god,
-        "describe-monster" : describe_monster,
-        "version" : version,
-        "formatted-scroller" : formatted_scroller,
-        "progress-bar" : progress_bar,
-        "seed-selection" : seed_selection,
-        "msgwin-get-line" : msgwin_get_line,
-        "newgame-choice": newgame_choice,
-        "newgame-random-combo": newgame_random_combo,
-        "game-over" : game_over,
-    };
-
-    function register_ui_handlers(dict)
-    {
-        $.extend(ui_handlers, dict);
-    }
-
-    function recv_ui_push(msg)
-    {
-        var popup = null
-        var handler = ui_handlers[msg.type];
-        try
-        {
-            popup = handler
-                ? handler(msg)
-                : $("
              Unhandled UI type " + msg.type + "
              ");
-        }
-        catch (err)
-        {
-            console.log(err);
-            popup = $("
              Buggy UI of type " + msg.type + "
              ");
-        }
-        ui.show_popup(popup, msg["ui-centred"], msg.generation_id);
-    }
-
-    function recv_ui_pop(msg)
-    {
-        ui.hide_popup();
-    }
-
-    var ui_stack_handled = false;
-
-    function recv_ui_stack(msg)
-    {
-        if (!client.is_watching())
-            return;
-        // only process once on load
-        if (ui_stack_handled)
-            return;
-
-        for (var i = 0; i < msg.items.length; i++)
-            comm.handle_message(msg.items[i]);
-        ui_stack_handled = true;
-    }
-
-    function recv_ui_state(msg)
-    {
-        var ui_handlers = {
-            "describe-god" : describe_god_update,
-            "describe-monster" : describe_monster_update,
-            "formatted-scroller" : formatted_scroller_update,
-            "progress-bar" : progress_bar_update,
-            "newgame-choice" : newgame_choice_update,
-            "describe-spell-success" : describe_item_spell_success,
-        };
-        var handler = ui_handlers[msg.type];
-        if (handler)
-            handler(msg);
-    }
-
-    function recv_ui_scroll(msg)
-    {
-        var $popup = ui.top_popup();
-        // formatted scrollers send their own synchronization messages
-        if ($popup === undefined
-            || $popup.hasClass("formatted-scroller")
-            || $popup.hasClass("menu"))
-            return;
-
-        if (msg.scroll !== undefined && (!msg.from_webtiles || client.is_watching()))
-        {
-            var body = $popup.find(".simplebar-scroll-content").parent();
-            if (body.length === 1)
-                scroller_scroll_to_line(scroller(body[0]), msg.scroll);
-        }
-    }
-
-    function ui_layouts_cleanup()
-    {
-        ui_stack_handled = false;
-        if (update_server_scroll_timeout)
-        {
-            clearTimeout(update_server_scroll_timeout);
-            update_server_scroll_timeout = null;
-        }
-    }
-
-    $(document).off("game_init.ui-layouts")
-        .on("game_init.ui-layouts", function () {
-        $(document).off("game_cleanup.ui-layouts")
-                   .on("game_cleanup.ui-layouts", ui_layouts_cleanup);
+        $button.append($canvas);
+      }
+      $.each(button.labels || [button.label], (_i, label) => {
+        // TODO: this has somewhat weird behavior if multiple spans
+        // are produced from the formatted string...should they
+        // really have a flex-grow property?
+        const $lbl = $(util.formatted_string_to_html(label)).css(
+          "flex-grow",
+          "1"
+        );
+        $button.append($lbl);
+      });
+      // at least remove empty spans because of the above issue:
+      $button.find("span:empty").remove();
+      $button.attr(
+        "style",
+        `grid-row:${button.y + 1}; grid-column:${button.x + 1};`
+      );
+      $descriptions.append(` ${button.description}`);
+      $button.attr(
+        "data-description-index",
+        $descriptions.children().length - 1
+      );
+      $button.attr("data-hotkey", ui.key_value_from_utf8(button.hotkey));
+      $button.addClass(`hlc-${button.highlight_colour}`);
+      $container.append($button);
+
+      $button.on("hover", function () {
+        focus_button($(this));
+      });
     });
-
-    comm.register_handlers({
-        "ui-push": recv_ui_push,
-        "ui-pop": recv_ui_pop,
-        "ui-stack": recv_ui_stack,
-        "ui-state": recv_ui_state,
-        "ui-scroller-scroll": recv_ui_scroll,
+    $.each(data.labels, (_i, button) => {
+      const $button = $("
              ");
+      $button.append(util.formatted_string_to_html(button.label));
+      $button.attr(
+        "style",
+        `grid-row:${button.y + 1}; grid-column:${button.x + 1};`
+      );
+      $container.append($button);
     });
-
-    return {
-        register_handlers: register_ui_handlers,
-    };
+  }
+
+  const $main = $popup.find(".main-items");
+  build_item_grid(msg["main-items"], $main, true);
+  build_item_grid(msg["sub-items"], $popup.find(".sub-items"));
+  scroller($main.parent()[0]);
+
+  return $popup;
+}
+
+function newgame_choice_update(msg) {
+  if (!client.is_watching() && msg.from_client) return;
+  const $popup = ui.top_popup();
+  if (!$popup || !$popup.hasClass("newgame-choice")) return;
+  const hotkey = ui.key_value_from_utf8(msg.button_focus);
+  focus_button($popup.find(`[data-hotkey='${hotkey}']`));
+}
+
+function newgame_random_combo(msg) {
+  const $popup = $(".templates > .describe-generic").clone();
+  $popup.find(".header > span").html(util.formatted_string_to_html(msg.prompt));
+  $popup.find(".body").html("Do you want to play this combination? [Y/n/q]");
+
+  const $canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas($canvas[0], renderer.cell_width, renderer.cell_height);
+  renderer.init($canvas[0]);
+  $.each(msg.doll, (_i, doll_part) => {
+    renderer.draw_player(doll_part[0], 0, 0, 0, 0, doll_part[1]);
+  });
+
+  return $popup;
+}
+
+function game_over(desc) {
+  const $popup = $(".templates > .game-over").clone();
+  $popup.find(".header > span").html(desc.title);
+  $popup.children(".body").html(fmt_body_txt(desc.body));
+  const s = scroller($popup.children(".body")[0]);
+  $popup.on("keydown keypress", (event) => {
+    scroller_handle_key(s, event);
+  });
+
+  const canvas = $popup.find(".header > canvas");
+  const renderer = new cr.DungeonCellRenderer();
+  util.init_canvas(canvas[0], renderer.cell_width, renderer.cell_height);
+  renderer.init(canvas[0]);
+  renderer.draw_from_texture(
+    desc.tile.t,
+    0,
+    0,
+    desc.tile.tex,
+    0,
+    0,
+    desc.tile.ymax,
+    false
+  );
+
+  return $popup;
+}
+
+function seed_selection(desc) {
+  const $popup = $(".templates > .seed-selection").clone();
+  $popup.find(".header").html(desc.title);
+  $popup.find(".body-text").html(desc.body);
+  $popup.find(".footer").html(desc.footer);
+  if (!desc.show_pregen_toggle) $popup.find(".pregen-toggle").remove();
+  scroller($popup.find(".body")[0]);
+
+  const $input = $popup.find("input[type=text]");
+  let input_val = $input.val();
+  $input.on("input change", (_event) => {
+    const valid_seed = $input.val().match(/^\d*$/);
+    if (valid_seed) input_val = $input.val();
+    else $input.val(input_val);
+  });
+
+  return $popup;
+}
+
+const ui_handlers = {
+  "describe-generic": describe_generic,
+  "describe-feature-wide": describe_feature_wide,
+  "describe-item": describe_item,
+  "describe-spell": describe_spell,
+  "describe-cards": describe_cards,
+  "describe-god": describe_god,
+  "describe-monster": describe_monster,
+  version: version,
+  "formatted-scroller": formatted_scroller,
+  "progress-bar": progress_bar,
+  "seed-selection": seed_selection,
+  "msgwin-get-line": msgwin_get_line,
+  "newgame-choice": newgame_choice,
+  "newgame-random-combo": newgame_random_combo,
+  "game-over": game_over,
+};
+
+function register_ui_handlers(dict) {
+  $.extend(ui_handlers, dict);
+}
+
+function recv_ui_push(msg) {
+  let popup = null;
+  const handler = ui_handlers[msg.type];
+  try {
+    popup = handler
+      ? handler(msg)
+      : $(`
              Unhandled UI type ${msg.type}
              `);
+  } catch (err) {
+    console.log(err);
+    popup = $(`
              Buggy UI of type ${msg.type}
              `);
+  }
+  ui.show_popup(popup, msg["ui-centred"], msg.generation_id);
+}
+
+function recv_ui_pop(_msg) {
+  ui.hide_popup();
+}
+
+let ui_stack_handled = false;
+
+function recv_ui_stack(msg) {
+  if (!client.is_watching()) return;
+  // only process once on load
+  if (ui_stack_handled) return;
+
+  for (let i = 0; i < msg.items.length; i++) comm.handle_message(msg.items[i]);
+  ui_stack_handled = true;
+}
+
+function recv_ui_state(msg) {
+  const ui_handlers = {
+    "describe-god": describe_god_update,
+    "describe-monster": describe_monster_update,
+    "formatted-scroller": formatted_scroller_update,
+    "progress-bar": progress_bar_update,
+    "newgame-choice": newgame_choice_update,
+    "describe-spell-success": describe_item_spell_success,
+  };
+  const handler = ui_handlers[msg.type];
+  if (handler) handler(msg);
+}
+
+function recv_ui_scroll(msg) {
+  const $popup = ui.top_popup();
+  // formatted scrollers send their own synchronization messages
+  if (
+    $popup === undefined ||
+    $popup.hasClass("formatted-scroller") ||
+    $popup.hasClass("menu")
+  )
+    return;
+
+  if (
+    msg.scroll !== undefined &&
+    (!msg.from_webtiles || client.is_watching())
+  ) {
+    const body = $popup.find(".simplebar-scroll-content").parent();
+    if (body.length === 1)
+      scroller_scroll_to_line(scroller(body[0]), msg.scroll);
+  }
+}
+
+function ui_layouts_cleanup() {
+  ui_stack_handled = false;
+  if (update_server_scroll_timeout) {
+    clearTimeout(update_server_scroll_timeout);
+    update_server_scroll_timeout = null;
+  }
+}
+
+$(document)
+  .off("game_init.ui-layouts")
+  .on("game_init.ui-layouts", () => {
+    $(document)
+      .off("game_cleanup.ui-layouts")
+      .on("game_cleanup.ui-layouts", ui_layouts_cleanup);
+  });
+
+comm.register_handlers({
+  "ui-push": recv_ui_push,
+  "ui-pop": recv_ui_pop,
+  "ui-stack": recv_ui_stack,
+  "ui-state": recv_ui_state,
+  "ui-scroller-scroll": recv_ui_scroll,
 });
+
+export default {
+  register_handlers: register_ui_handlers,
+};
diff --git a/crawl-ref/source/webserver/client/game/src/ui.js b/crawl-ref/source/webserver/client/game/src/ui.js
index febc30a13a1..a847f196fd3 100644
--- a/crawl-ref/source/webserver/client/game/src/ui.js
+++ b/crawl-ref/source/webserver/client/game/src/ui.js
@@ -1,515 +1,491 @@
-define(["jquery", "comm", "client", "./options", "./focus-trap"],
-function ($, comm, client, options, focus_trap) {
-    "use strict";
-
-    // Touch event duration
-    var touchstart = 0;
-
-    function wrap_popup(elem, ephemeral)
-    {
-        var wrapper = $(".templates > .ui-popup").clone();
-        wrapper.data("ephemeral", ephemeral);
-        wrapper.find(".ui-popup-inner").append(elem.removeClass("hidden"));
-        return wrapper;
+import $ from "jquery";
+import { createFocusTrap } from "focus-trap";
+
+import comm from "./comm";
+import client from "./client";
+
+import options from "./options";
+
+// Touch event duration
+let touchstart = 0;
+
+function wrap_popup(elem, ephemeral) {
+  const wrapper = $(".templates > .ui-popup").clone();
+  wrapper.data("ephemeral", ephemeral);
+  wrapper.find(".ui-popup-inner").append(elem.removeClass("hidden"));
+  return wrapper;
+}
+
+function unwrap_popup(wrapper) {
+  console.assert(
+    wrapper.hasClass("ui-popup"),
+    "trying to unwrap something that hasn't been wrapped"
+  );
+  return wrapper.find(".ui-popup-inner").children();
+}
+
+function maybe_prevent_server_from_handling_key(ev) {
+  const $focused = $(document.activeElement);
+  if (!$focused.is("[data-sync-id]")) return;
+  if ($focused.is("input[type=text]")) ev.stopPropagation();
+  // stop server handling checkbox/button space/enter key events
+  const checkbox = $focused.is("input[type=checkbox]");
+  const button = $focused.is("input[type=button], button");
+  const enter = ev.which === 13;
+  const space = ev.which === 32;
+  if ((checkbox || button) && (enter || space)) ev.stopPropagation();
+}
+
+function popup_keydown_handler(ev) {
+  const wrapper = $("#ui-stack").children().last();
+  const focused =
+    document.activeElement !== document.body ? document.activeElement : null;
+
+  // bail if inside a (legacy) input dialog (from line_reader)
+  if ($(focused).closest("#input_dialog").length === 1) return;
+  // or if outside the ui stack (probably the chat dialog)
+  if ($(focused).closest("#ui-stack").length !== 1) return;
+
+  if (ev.key === "Escape" && focused) {
+    document.activeElement.blur();
+    ev.stopPropagation();
+  }
+
+  if (ev.key === "Tab") {
+    if (focused) {
+      ev.stopPropagation();
+      return;
     }
 
-    function unwrap_popup(wrapper)
-    {
-        console.assert(wrapper.hasClass("ui-popup"), "trying to unwrap something that hasn't been wrapped");
-        return wrapper.find(".ui-popup-inner").children();
+    const focusable = wrapper[0].querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    (ev.shiftKey ? last : first).focus();
+    ev.preventDefault();
+    ev.stopPropagation();
+  }
+  ui_hotkey_handler(ev);
+  maybe_prevent_server_from_handling_key(ev);
+}
+
+function popup_keypress_handler(ev) {
+  maybe_prevent_server_from_handling_key(ev);
+}
+
+function target_outside_game(ev) {
+  // I think this is for filtering clicks to the chat window, which is
+  // supposed to work even with a popup in place
+  return (
+    $(ev.target).closest("#game").length !== 1 ||
+    // Also allow zooming and scrolling on mobile browsers
+    ev.type === "touchstart"
+  );
+}
+
+function popup_clickoutside_handler(ev) {
+  // this simulates the focus-trap click outside to deactivate code,
+  // since for crawl we really need to send a "close popup" message
+  // to the server rather than do it in the client.
+  // TODO this lets through clicks that are in the popup's margin?
+  // using parent() doesn't help with this issue because the space is
+  // still in the border of ui-popup-outer. Maybe this is ok...
+  if (!target_outside_game(ev) && !top_popup()[0].contains(ev.target)) {
+    comm.send_message("key", { keycode: 27 });
+    if (ev.type === "touchend") {
+      // head off a `click` event, hopefully
+      ev.preventDefault();
+      return;
     }
-
-    function maybe_prevent_server_from_handling_key(ev)
-    {
-        var $focused = $(document.activeElement);
-        if (!$focused.is("[data-sync-id]"))
-            return;
-        if ($focused.is("input[type=text]"))
-            ev.stopPropagation();
-        // stop server handling checkbox/button space/enter key events
-        var checkbox = $focused.is("input[type=checkbox]");
-        var button = $focused.is("input[type=button], button");
-        var enter = ev.which == 13;
-        var space = ev.which == 32;
-        if ((checkbox || button) && (enter || space))
-            ev.stopPropagation();
-    }
-
-    function popup_keydown_handler(ev)
-    {
-        var wrapper = $("#ui-stack").children().last();
-        var focused = document.activeElement != document.body ?
-                document.activeElement : null;
-
-        // bail if inside a (legacy) input dialog (from line_reader)
-        if ($(focused).closest("#input_dialog").length === 1)
-            return;
-        // or if outside the ui stack (probably the chat dialog)
-        if ($(focused).closest("#ui-stack").length !== 1)
-            return;
-
-        if (ev.key == "Escape" && focused)
-        {
-            document.activeElement.blur();
-            ev.stopPropagation();
-        }
-
-        if (ev.key == "Tab")
-        {
-            if (focused)
-            {
-                ev.stopPropagation();
-                return;
+  }
+  // otherwise, ignore -- focus-trap checkPointerDown should get it
+  // next.
+}
+
+function popup_touchstart_handler(_ev) {
+  touchstart = Date.now();
+}
+
+function popup_touchend_handler(ev) {
+  if (Date.now() - 500 < touchstart) popup_clickoutside_handler(ev);
+}
+
+function context_disable(ev) {
+  // never disable the context menu for text input
+  if (!$(ev.target).is(":input")) ev.preventDefault();
+}
+
+function disable_contextmenu() {
+  document.addEventListener("contextmenu", context_disable, true);
+}
+
+function undisable_contextmenu() {
+  document.removeEventListener("contextmenu", context_disable, true);
+}
+
+function show_popup(id, centred, generation_id) {
+  const $ui_stack = $("#ui-stack");
+  const elem = $(id);
+  const ephemeral = elem.parent().length === 0;
+  elem.detach();
+
+  console.assert(elem.length === 1, "no popup to show");
+  const wrapper = wrap_popup(elem, ephemeral);
+  wrapper.toggleClass("centred", centred === true);
+  wrapper.attr("data-generation-id", generation_id);
+  $ui_stack.append(wrapper);
+  wrapper
+    .stop(true, true)
+    .fadeIn(100, () => {
+      if (client.is_watching()) return;
+      wrapper[0].focus_trap = createFocusTrap(elem[0], {
+        escapeDeactivates: false, // explicitly handled
+        clickOutsideDeactivates: false, // explicitly handled
+        fallbackFocus: document.body,
+        onActivate: () => {
+          if ($("#ui-stack").children().length === 1) {
+            document.addEventListener("keydown", popup_keydown_handler, true);
+            document.addEventListener("keypress", popup_keypress_handler, true);
+            if (options.get("tile_web_mouse_control")) {
+              document.addEventListener(
+                "mousedown",
+                popup_clickoutside_handler,
+                true
+              );
+              document.addEventListener(
+                "touchstart",
+                popup_touchstart_handler,
+                true
+              );
+              document.addEventListener(
+                "touchend",
+                popup_touchend_handler,
+                true
+              );
             }
-
-            var focusable = wrapper[0].querySelectorAll(
-                'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-            if (focusable.length == 0)
-                return;
-            var first = focusable[0];
-            var last = focusable[focusable.length-1];
-            (ev.shiftKey ? last : first).focus();
-            ev.preventDefault();
-            ev.stopPropagation();
-        }
-        ui_hotkey_handler(ev);
-        maybe_prevent_server_from_handling_key(ev);
-    }
-
-    function popup_keypress_handler(ev)
-    {
-        maybe_prevent_server_from_handling_key(ev);
-    }
-
-    function target_outside_game(ev)
-    {
-
-        // I think this is for filtering clicks to the chat window, which is
-        // supposed to work even with a popup in place
-        return ($(ev.target).closest("#game").length !== 1
-            // Also allow zooming and scrolling on mobile browsers
-            || ev.type === 'touchstart');
-    }
-
-    function popup_clickoutside_handler(ev)
-    {
-        // this simulates the focus-trap click outside to deactivate code,
-        // since for crawl we really need to send a "close popup" message
-        // to the server rather than do it in the client.
-        // TODO this lets through clicks that are in the popup's margin?
-        // using parent() doesn't help with this issue because the space is
-        // still in the border of ui-popup-outer. Maybe this is ok...
-        if (!target_outside_game(ev) && !top_popup()[0].contains(ev.target))
-        {
-            comm.send_message("key", { keycode: 27 });
-            if (ev.type == "touchend")
-            {
-                // head off a `click` event, hopefully
-                ev.preventDefault();
-                return;
-            }
-        }
-        // otherwise, ignore -- focus-trap checkPointerDown should get it
-        // next.
-    }
-
-    function popup_touchstart_handler(ev)
-    {
-        touchstart = Date.now();
-    }
-
-    function popup_touchend_handler(ev)
-    {
-        if (Date.now() - 500 < touchstart)
-            popup_clickoutside_handler(ev);
-    }
-
-    function context_disable(ev)
-    {
-        // never disable the context menu for text input
-        if (!$(ev.target).is(':input'))
-            ev.preventDefault();
-    }
-
-    function disable_contextmenu()
-    {
-        document.addEventListener("contextmenu", context_disable, true);
-    }
-
-    function undisable_contextmenu()
-    {
-        document.removeEventListener("contextmenu", context_disable, true);
-    }
-
-    function show_popup(id, centred, generation_id)
-    {
-        var $ui_stack = $("#ui-stack");
-        var elem = $(id);
-        var ephemeral = elem.parent().length === 0;
-        elem.detach();
-
-        console.assert(elem.length === 1, "no popup to show");
-        var wrapper = wrap_popup(elem, ephemeral);
-        wrapper.toggleClass("centred", centred == true);
-        wrapper.attr("data-generation-id", generation_id);
-        $("#ui-stack").append(wrapper);
-        wrapper.stop(true, true).fadeIn(100, function () {
-            if (client.is_watching())
-                return;
-            wrapper[0].focus_trap = focus_trap(elem[0], {
-                escapeDeactivates: false, // explicitly handled
-                clickOutsideDeactivates: false, // explicitly handled
-                fallbackFocus: document.body,
-                onActivate: function () {
-                    if ($("#ui-stack").children().length == 1) {
-                        document.addEventListener("keydown",
-                            popup_keydown_handler, true);
-                        document.addEventListener("keypress",
-                            popup_keypress_handler, true);
-                        if (options.get("tile_web_mouse_control"))
-                        {
-                            document.addEventListener("mousedown",
-                                popup_clickoutside_handler, true);
-                            document.addEventListener("touchstart",
-                                popup_touchstart_handler, true);
-                            document.addEventListener("touchend",
-                                popup_touchend_handler, true);
-                        }
-                        disable_contextmenu();
-                    }
-                },
-                onDeactivate: function () {
-                    if ($("#ui-stack").children().length == 1) {
-                        document.removeEventListener("keydown",
-                            popup_keydown_handler, true);
-                        document.removeEventListener("keypress",
-                            popup_keypress_handler, true);
-                        if (options.get("tile_web_mouse_control"))
-                        {
-                            document.removeEventListener("mousedown",
-                                popup_clickoutside_handler, true);
-                            document.removeEventListener("touchstart",
-                                popup_touchstart_handler, true);
-                            document.removeEventListener("touchend",
-                                popup_touchend_handler, true);
-                        }
-                        undisable_contextmenu();
-                    }
-                },
-                allowOutsideClick: target_outside_game,
-            }).activate();
-        }).css("display","");
-        if (client.is_watching())
-            wrapper.find("input, button").attr("disabled", true);
-        if (elem.find(".paneset").length > 0)
-            ui_resize_handler();
-    }
-
-    function hide_popup(show_below)
-    {
-        var $ui_stack = $("#ui-stack");
-        var wrapper = $ui_stack.children().last();
-        console.assert(wrapper.length === 1, "no popup to hide");
-
-        var elem = unwrap_popup(wrapper).blur();
-        if (!wrapper.data("ephemeral"))
-            elem.detach().addClass("hidden").appendTo("body");
-        if (wrapper[0].focus_trap)
-            wrapper[0].focus_trap.deactivate();
-        wrapper.remove();
-
-        if (show_below === false)
-            return;
-
-        // Now show revealed menu
-        var wrapper = $ui_stack.children().last();
-        if (wrapper.length > 0)
-        {
-            elem = unwrap_popup(wrapper);
-            wrapper.stop(true, true).fadeIn(100, function () {
-                elem.focus();
-            }).css("display","");
-        }
-    }
-
-    function top_popup()
-    {
-        var $popup = $("#ui-stack").children().last();
-        if ($popup.length === 0)
-            return;
-        return $popup.find(".ui-popup-inner").children().eq(0);
-    }
-
-    function hide_all_popups()
-    {
-        var $ui_stack = $("#ui-stack");
-        while ($ui_stack.children().length > 0)
-            hide_popup(false);
-    }
-
-    function ui_key_handler (ev)
-    {
-        if (client.is_watching())
-            return;
-        var $popup = top_popup();
-        if ($popup === undefined)
-            return;
-
-        var new_ev = $.extend({}, ev);
-        new_ev.type = ev.type.replace(/^game_/, "");
-        $popup.triggerHandler(new_ev);
-
-        if (new_ev.isDefaultPrevented())
-            ev.preventDefault();
-        if (new_ev.isImmediatePropagationStopped())
-            ev.stopImmediatePropagation();
-    }
-
-    function ui_resize_handler (ev)
-    {
-        if ($.browser.webkit)
-        {
-            $("#ui-stack .paneset").each(function (i, el) {
-                $(el).children(".pane").css("height", "");
-                var height = $(el).outerHeight() + "px";
-                $(el).children(".pane").css("height", height);
-            });
-
-            $("#ui-stack [data-simplebar]").each(function (i, el) {
-                $(el).data("scroller").recalculateImmediate();
-            });
-        }
-    }
-
-    function utf8_from_key_value(key)
-    {
-        if (key.length === 1)
-            return key.charCodeAt(0);
-        else switch (key) {
-            case "Tab": return 9;
-            case "Enter": return 13;
-            case "Escape": return 27;
-            default: return 0;
-        }
-    }
-
-    function key_value_from_utf8(num)
-    {
-        switch (num) {
-            case 9: return "Tab";
-            case 13: return "Enter";
-            case 27: return "Escape";
-            default: return String.fromCharCode(num);
-        }
-    }
-
-    function ui_hotkey_handler(ev) {
-        if (ev.type === "click") {
-            var key_value = $(ev.currentTarget).attr("data-hotkey");
-            var keycode = utf8_from_key_value(key_value);
-            if (keycode)
-                comm.send_message("key", { keycode: keycode });
-        } else if (ev.type == "keydown") {
-            var $elem = $("#ui-stack [data-hotkey=\""+event.key+"\"]");
-            if ($elem.length === 1) {
-                $elem.click();
-                ev.preventDefault();
-                ev.stopPropagation();
-            }
-        }
-    }
-
-    function ui_input_handler(ev) {
-        // this check is intended to fix a race condition when starting the
-        // game: don't send any state info to the server until we have
-        // received some. I'm not sure if it is really the right solution...
-        if (!has_received_ui_state)
-            return;
-        var state_msg = {};
-        sync_save_state(ev.target, state_msg);
-        send_state_sync(ev.target, state_msg);
-    }
-
-    function ui_focus_handler(ev) {
-        if (ev.type === "focusin") {
-            var $elem = $(ev.target);
-            if ($elem.closest(".ui-popup[data-generation-id]").length == 0)
-                return;
-            if (!$elem.is("[data-sync-id]"))
-            {
-                console.warn("tabbed to non-syncable element: ", $elem[0]);
-                return;
+            disable_contextmenu();
+          }
+        },
+        onDeactivate: () => {
+          if ($("#ui-stack").children().length === 1) {
+            document.removeEventListener(
+              "keydown",
+              popup_keydown_handler,
+              true
+            );
+            document.removeEventListener(
+              "keypress",
+              popup_keypress_handler,
+              true
+            );
+            if (options.get("tile_web_mouse_control")) {
+              document.removeEventListener(
+                "mousedown",
+                popup_clickoutside_handler,
+                true
+              );
+              document.removeEventListener(
+                "touchstart",
+                popup_touchstart_handler,
+                true
+              );
+              document.removeEventListener(
+                "touchend",
+                popup_touchend_handler,
+                true
+              );
             }
-            send_state_sync($elem, { has_focus: true });
-        } else if (ev.type === "focusout") {
-            if (!ev.relatedTarget && top_popup())
-                send_state_sync(top_popup(), { has_focus: true });
-        }
-    }
-
-    var MO = new MutationObserver(function(mutations) {
-        mutations.forEach(function(record) {
-            var $chat = $(record.target);
-            if ($chat.css("display") === "none")
-                $chat[0].focus_trap.deactivate();
-        });
-    });
-
-    function ui_chat_focus_handler(ev) {
-        if ($("#chat").hasClass("focus-trap"))
-            return;
-
-        var $chat = $("#chat");
-        $chat[0].focus_trap = focus_trap($chat[0], {
-            escapeDeactivates: true, // n.b. this apparently isn't doing
-                                     // anything, over and above escape simply
-                                     // hiding the chat div
-            onActivate: function () {
-                $chat.addClass("focus-trap");
-                /* detect chat.js calling hide() via style attribute */
-                MO.observe($chat[0], {
-                    attributes : true,
-                    attributeFilter : ['style'],
-                });
-            },
-            onDeactivate: function () {
-                $chat.removeClass("focus-trap");
-            },
-            returnFocusOnDeactivate: false,
-            clickOutsideDeactivates: true,
-        }).activate();
-    }
-
-    options.add_listener(function ()
-    {
-        var size = options.get("tile_font_crt_size");
-        $("#ui-stack").css("font-size", size === 0 ? "" : (size + "px"));
-
-        var family = options.get("tile_font_crt_family");
-        if (family !== "" && family !== "monospace")
-        {
-            family += ", monospace";
-            $("#ui-stack").css("font-family", family);
-        }
-
-        $("#ui-stack").attr('data-display-mode',
-                options.get("tile_display_mode"));
+            undisable_contextmenu();
+          }
+        },
+        allowOutsideClick: target_outside_game,
+      }).activate();
+    })
+    .css("display", "");
+  if (client.is_watching())
+    wrapper.find("input, button").attr("disabled", true);
+  if (elem.find(".paneset").length > 0) ui_resize_handler();
+}
+
+function hide_popup(show_below) {
+  const $ui_stack = $("#ui-stack");
+  const wrapper = $ui_stack.children().last();
+  console.assert(wrapper.length === 1, "no popup to hide");
+
+  let elem = unwrap_popup(wrapper).blur();
+  if (!wrapper.data("ephemeral"))
+    elem.detach().addClass("hidden").appendTo("body");
+  if (wrapper[0].focus_trap) wrapper[0].focus_trap.deactivate();
+  wrapper.remove();
+
+  if (show_below === false) return;
+
+  // Now show revealed menu
+  const wrapper2 = $ui_stack.children().last();
+  if (wrapper2.length > 0) {
+    elem = unwrap_popup(wrapper2);
+    wrapper2
+      .stop(true, true)
+      .fadeIn(100, () => {
+        elem.focus();
+      })
+      .css("display", "");
+  }
+}
+
+function top_popup() {
+  const $popup = $("#ui-stack").children().last();
+  if ($popup.length === 0) return;
+  return $popup.find(".ui-popup-inner").children().eq(0);
+}
+
+function hide_all_popups() {
+  const $ui_stack = $("#ui-stack");
+  while ($ui_stack.children().length > 0) hide_popup(false);
+}
+
+function ui_key_handler(ev) {
+  if (client.is_watching()) return;
+  const $popup = top_popup();
+  if ($popup === undefined) return;
+
+  const new_ev = $.extend({}, ev);
+  new_ev.type = ev.type.replace(/^game_/, "");
+  $popup.triggerHandler(new_ev);
+
+  if (new_ev.isDefaultPrevented()) ev.preventDefault();
+  if (new_ev.isImmediatePropagationStopped()) ev.stopImmediatePropagation();
+}
+
+function ui_resize_handler(_ev) {
+  if ($.browser.webkit) {
+    $("#ui-stack .paneset").each((_i, el) => {
+      $(el).children(".pane").css("height", "");
+      const height = `${$(el).outerHeight()}px`;
+      $(el).children(".pane").css("height", height);
     });
 
-    var has_received_ui_state = false;
-    $(document).off("game_init.ui")
-        .on("game_init.ui", function () {
-        has_received_ui_state = false;
-        $(document).off("game_keydown.ui game_keypress.ui")
-            .on("game_keydown.ui", ui_key_handler)
-            .on("game_keypress.ui", ui_key_handler)
-            .off("click.ui", "[data-hotkey]")
-            .on("click.ui", "[data-hotkey]", ui_hotkey_handler)
-            .off("input.ui focus.ui", "[data-sync-id]")
-            .on("input.ui focus.ui", "[data-sync-id]", ui_input_handler)
-            .off("focusin.ui focusout.ui")
-            .on("focusin.ui focusout.ui", ui_focus_handler)
-            .off("focusin.ui", "#chat_input")
-            .on("focusin.ui", "#chat_input",  ui_chat_focus_handler);
-        $(window).off("resize.ui").on("resize.ui", ui_resize_handler);
+    $("#ui-stack [data-simplebar]").each((_i, el) => {
+      $(el).data("scroller").recalculateImmediate();
     });
-
-    function sync_save_state(elem, state)
-    {
-        switch (elem.type)
-        {
-            case "text":
-                state.text = elem.value;
-                return;
-            case "checkbox":
-                state.checked = elem.checked;
-                return;
-        }
-    }
-
-    function sync_load_state(elem, state)
-    {
-        switch (elem.type)
-        {
-            case "text":
-                elem.value = state.text;
-                break;
-            case "checkbox":
-                elem.checked = state.checked;
-                break;
-            default:
-                return;
-        }
+  }
+}
+
+function utf8_from_key_value(key) {
+  if (key.length === 1) return key.charCodeAt(0);
+  else
+    switch (key) {
+      case "Tab":
+        return 9;
+      case "Enter":
+        return 13;
+      case "Escape":
+        return 27;
+      default:
+        return 0;
     }
-
-    var receiving_ui_state = false;
-
-    function send_state_sync(elem, state)
-    {
-        if (receiving_ui_state)
-            return;
-        // TODO: remove the existence check once enough time has passed for
-        // browser caches to expire
-        if (client.in_game && !client.in_game() || client.is_watching())
-            return;
-        var $target_popup = $(elem).closest("[data-generation-id]");
-        if ($target_popup[0] != top_popup().closest("[data-generation-id]")[0])
-            return;
-        state.generation_id = +$target_popup.attr("data-generation-id");
-        state.widget_id = $(elem).attr("data-sync-id") || null;
-        comm.send_message("ui_state_sync", state);
+}
+
+function key_value_from_utf8(num) {
+  switch (num) {
+    case 9:
+      return "Tab";
+    case 13:
+      return "Enter";
+    case 27:
+      return "Escape";
+    default:
+      return String.fromCharCode(num);
+  }
+}
+
+function ui_hotkey_handler(ev) {
+  if (ev.type === "click") {
+    const key_value = $(ev.currentTarget).attr("data-hotkey");
+    const keycode = utf8_from_key_value(key_value);
+    if (keycode) comm.send_message("key", { keycode: keycode });
+  } else if (ev.type === "keydown") {
+    const $elem = $(`#ui-stack [data-hotkey="${event.key}"]`);
+    if ($elem.length === 1) {
+      $elem.click();
+      ev.preventDefault();
+      ev.stopPropagation();
     }
-
-    function sync_focus_state(elem)
-    {
-        if (client.is_watching())
-            top_popup().find(".style-focused").removeClass("style-focused");
-        if (elem)
-        {
-            elem.focus();
-            if (client.is_watching())
-                $(elem).addClass("style-focused");
-        }
-        else
-            document.activeElement.blur();
+  }
+}
+
+function ui_input_handler(ev) {
+  // this check is intended to fix a race condition when starting the
+  // game: don't send any state info to the server until we have
+  // received some. I'm not sure if it is really the right solution...
+  if (!has_received_ui_state) return;
+  const state_msg = {};
+  sync_save_state(ev.target, state_msg);
+  send_state_sync(ev.target, state_msg);
+}
+
+function ui_focus_handler(ev) {
+  if (ev.type === "focusin") {
+    const $elem = $(ev.target);
+    if ($elem.closest(".ui-popup[data-generation-id]").length === 0) return;
+    if (!$elem.is("[data-sync-id]")) {
+      console.warn("tabbed to non-syncable element: ", $elem[0]);
+      return;
     }
+    send_state_sync($elem, { has_focus: true });
+  } else if (ev.type === "focusout") {
+    if (!ev.relatedTarget && top_popup())
+      send_state_sync(top_popup(), { has_focus: true });
+  }
+}
+
+const MO = new MutationObserver((mutations) => {
+  mutations.forEach((record) => {
+    const $chat = $(record.target);
+    if ($chat.css("display") === "none") $chat[0].focus_trap.deactivate();
+  });
+});
 
-    comm.register_handlers({
-        "ui-state-sync": function (msg) {
-            has_received_ui_state = true;
-            if (msg.from_webtiles && !client.is_watching())
-                return;
-            var popup = top_popup();
-            if (!popup)
-                return;
-            var generation_id = +popup.closest("[data-generation-id]")
-                    .attr("data-generation-id");
-            if (generation_id != msg.generation_id)
-                return;
-            var elem = msg.widget_id != "" ?
-                    popup.find('[data-sync-id='+msg.widget_id+']')[0] : null;
-            try {
-                receiving_ui_state = true;
-                if (msg.has_focus)
-                    sync_focus_state(elem);
-                else if (elem)
-                    sync_load_state(elem, msg);
-            } finally {
-                receiving_ui_state = false;
-            }
-        },
-    });
+function ui_chat_focus_handler(_ev) {
+  if ($("#chat").hasClass("focus-trap")) return;
+
+  const $chat = $("#chat");
+  $chat[0].focus_trap = focus_trap($chat[0], {
+    escapeDeactivates: true, // n.b. this apparently isn't doing
+    // anything, over and above escape simply
+    // hiding the chat div
+    onActivate: () => {
+      $chat.addClass("focus-trap");
+      /* detect chat.js calling hide() via style attribute */
+      MO.observe($chat[0], {
+        attributes: true,
+        attributeFilter: ["style"],
+      });
+    },
+    onDeactivate: () => {
+      $chat.removeClass("focus-trap");
+    },
+    returnFocusOnDeactivate: false,
+    clickOutsideDeactivates: true,
+  }).activate();
+}
+
+options.add_listener(() => {
+  const size = options.get("tile_font_crt_size");
+  $("#ui-stack").css("font-size", size === 0 ? "" : `${size}px`);
+
+  let family = options.get("tile_font_crt_family");
+  if (family !== "" && family !== "monospace") {
+    family += ", monospace";
+    $("#ui-stack").css("font-family", family);
+  }
+
+  $("#ui-stack").attr("data-display-mode", options.get("tile_display_mode"));
+});
 
-    return {
-        show_popup: show_popup,
-        hide_popup: hide_popup,
-        top_popup: top_popup,
-        disable_contextmenu: disable_contextmenu,
-        undisable_contextmenu: undisable_contextmenu,
-        target_outside_game: target_outside_game,
-        hide_all_popups: hide_all_popups,
-        utf8_from_key_value: utf8_from_key_value,
-        key_value_from_utf8: key_value_from_utf8,
-        sync_focus_state: sync_focus_state,
-    };
+let has_received_ui_state = false;
+$(document)
+  .off("game_init.ui")
+  .on("game_init.ui", () => {
+    has_received_ui_state = false;
+    $(document)
+      .off("game_keydown.ui game_keypress.ui")
+      .on("game_keydown.ui", ui_key_handler)
+      .on("game_keypress.ui", ui_key_handler)
+      .off("click.ui", "[data-hotkey]")
+      .on("click.ui", "[data-hotkey]", ui_hotkey_handler)
+      .off("input.ui focus.ui", "[data-sync-id]")
+      .on("input.ui focus.ui", "[data-sync-id]", ui_input_handler)
+      .off("focusin.ui focusout.ui")
+      .on("focusin.ui focusout.ui", ui_focus_handler)
+      .off("focusin.ui", "#chat_input")
+      .on("focusin.ui", "#chat_input", ui_chat_focus_handler);
+    $(window).off("resize.ui").on("resize.ui", ui_resize_handler);
+  });
+
+function sync_save_state(elem, state) {
+  switch (elem.type) {
+    case "text":
+      state.text = elem.value;
+      return;
+    case "checkbox":
+      state.checked = elem.checked;
+      return;
+  }
+}
+
+function sync_load_state(elem, state) {
+  switch (elem.type) {
+    case "text":
+      elem.value = state.text;
+      break;
+    case "checkbox":
+      elem.checked = state.checked;
+      break;
+    default:
+      return;
+  }
+}
+
+let receiving_ui_state = false;
+
+function send_state_sync(elem, state) {
+  if (receiving_ui_state) return;
+  // TODO: remove the existence check once enough time has passed for
+  // browser caches to expire
+  if ((client.in_game && !client.in_game()) || client.is_watching()) return;
+  const $target_popup = $(elem).closest("[data-generation-id]");
+  if ($target_popup[0] !== top_popup().closest("[data-generation-id]")[0])
+    return;
+  state.generation_id = +$target_popup.attr("data-generation-id");
+  state.widget_id = $(elem).attr("data-sync-id") || null;
+  comm.send_message("ui_state_sync", state);
+}
+
+function sync_focus_state(elem) {
+  if (client.is_watching())
+    top_popup().find(".style-focused").removeClass("style-focused");
+  if (elem) {
+    elem.focus();
+    if (client.is_watching()) $(elem).addClass("style-focused");
+  } else document.activeElement.blur();
+}
+
+comm.register_handlers({
+  "ui-state-sync": (msg) => {
+    has_received_ui_state = true;
+    if (msg.from_webtiles && !client.is_watching()) return;
+    const popup = top_popup();
+    if (!popup) return;
+    const generation_id = +popup
+      .closest("[data-generation-id]")
+      .attr("data-generation-id");
+    if (generation_id !== msg.generation_id) return;
+    const elem =
+      msg.widget_id !== ""
+        ? popup.find(`[data-sync-id=${msg.widget_id}]`)[0]
+        : null;
+    try {
+      receiving_ui_state = true;
+      if (msg.has_focus) sync_focus_state(elem);
+      else if (elem) sync_load_state(elem, msg);
+    } finally {
+      receiving_ui_state = false;
+    }
+  },
 });
+
+export default {
+  show_popup: show_popup,
+  hide_popup: hide_popup,
+  top_popup: top_popup,
+  disable_contextmenu: disable_contextmenu,
+  undisable_contextmenu: undisable_contextmenu,
+  target_outside_game: target_outside_game,
+  hide_all_popups: hide_all_popups,
+  utf8_from_key_value: utf8_from_key_value,
+  key_value_from_utf8: key_value_from_utf8,
+  sync_focus_state: sync_focus_state,
+};
diff --git a/crawl-ref/source/webserver/client/game/src/util.js b/crawl-ref/source/webserver/client/game/src/util.js
index 0446be8410a..5e2051cb2af 100644
--- a/crawl-ref/source/webserver/client/game/src/util.js
+++ b/crawl-ref/source/webserver/client/game/src/util.js
@@ -1,171 +1,147 @@
-define([],
-function () {
-    "use strict";
+const cols = {
+  black: 0,
+  blue: 1,
+  green: 2,
+  cyan: 3,
+  red: 4,
+  magenta: 5,
+  brown: 6,
+  lightgrey: 7,
+  lightgray: 7,
+  darkgrey: 8,
+  darkgray: 8,
+  lightblue: 9,
+  lightgreen: 10,
+  lightcyan: 11,
+  lightred: 12,
+  lightmagenta: 13,
+  yellow: 14,
+  h: 14,
+  white: 15,
+  w: 15,
+};
 
-    var cols = {
-        "black": 0,
-        "blue": 1,
-        "green": 2,
-        "cyan": 3,
-        "red": 4,
-        "magenta": 5,
-        "brown": 6,
-        "lightgrey": 7,
-        "lightgray": 7,
-        "darkgrey": 8,
-        "darkgray": 8,
-        "lightblue": 9,
-        "lightgreen": 10,
-        "lightcyan": 11,
-        "lightred": 12,
-        "lightmagenta": 13,
-        "yellow": 14,
-        "h": 14,
-        "white": 15,
-        "w": 15
-    };
+function escape_html(str) {
+  return str.replace(/&/g, "&").replace(//g, ">");
+}
 
-    function escape_html(str) {
-        return str.replace(/&/g,'&').replace(//g,'>');
+function formatted_string_to_html(str) {
+  // this is a bit weird because the crawl binary never closes color
+  // tags in auto-generated format_string text (which is a valid color
+  // string), but we don't want the crazy arbitrary nesting of spans
+  // this can lead to. So it ensures that only one fg and one bg span
+  // are involved at any time.
+  const cur_fg = [];
+  let bg_open = false; // XX nesting bg tags not handled
+  let filtered = str.replace(
+    /?|>|&/gi,
+    (str, p1) => {
+      if (p1 === undefined) p1 = "";
+      let closing = false;
+      let bg = false;
+      if (p1.match(/^\//)) {
+        p1 = p1.substr(1);
+        closing = true;
+      }
+      if (p1.match(/^bg:/)) {
+        bg = true;
+        p1 = p1.substr(3);
+      }
+      if (p1 in cols && !str.match(/^<$/)) {
+        if (closing) {
+          if (bg && bg_open) {
+            bg_open = false;
+            return "";
+          } else if (cur_fg.length > 0) {
+            cur_fg.pop();
+            if (cur_fg.length > 0) {
+              // restart the previous color
+              return (
+                ``
+              );
+            } else return "";
+          }
+          // mismatched close tag
+          return "";
+        } else if (bg) {
+          let text = ``;
+          if (bg_open) text = `${text}`;
+          // if a fg span is currently open, close it before the
+          // new background span, and reopen it inside that span.
+          // This ensures that fg spans are always nested inside
+          // bg spans.
+          if (cur_fg.length > 0) {
+            text =
+              "" +
+              text +
+              "";
+          }
+          bg_open = true;
+          return text;
+        } else {
+          let text = ``;
+          // close out a currently open fg span, to keep only one
+          // at a time
+          if (cur_fg.length > 0) text = `${text}`;
+          cur_fg.push(cols[p1]);
+          return text;
+        }
+      } else {
+        if (str.match(/^< 0) filtered += "";
+  if (bg_open) filtered += "";
+  // TODO: eliminate empty spans?
+  return filtered;
+}
 
-    function formatted_string_to_html(str)
-    {
-        // this is a bit weird because the crawl binary never closes color
-        // tags in auto-generated format_string text (which is a valid color
-        // string), but we don't want the crazy arbitrary nesting of spans
-        // this can lead to. So it ensures that only one fg and one bg span
-        // are involved at any time.
-        var cur_fg = [];
-        var bg_open = false; // XX nesting bg tags not handled
-        var filtered = str.replace(/?|>|&/ig, function (str, p1) {
-            if (p1 === undefined)
-                p1 = "";
-            var closing = false;
-            var bg = false;
-            if (p1.match(/^\//))
-            {
-                p1 = p1.substr(1);
-                closing = true;
-            }
-            if (p1.match(/^bg:/))
-            {
-                bg = true;
-                p1 = p1.substr(3);
-            }
-            if (p1 in cols && !str.match(/^<$/))
-            {
-                if (closing)
-                {
-                    if (bg && bg_open)
-                    {
-                        bg_open = false;
-                        return "";
-                    }
-                    else if (cur_fg.length > 0)
-                    {
-                        cur_fg.pop();
-                        if (cur_fg.length > 0)
-                        {
-                            // restart the previous color
-                            return "";
-                        }
-                        else
-                            return "";
-                    }
-                    // mismatched close tag
-                    return "";
-                }
-                else if (bg)
-                {
-                    var text = "";
-                    if (bg_open)
-                        text = "" + text;
-                    // if a fg span is currently open, close it before the
-                    // new background span, and reopen it inside that span.
-                    // This ensures that fg spans are always nested inside
-                    // bg spans.
-                    if (cur_fg.length > 0)
-                    {
-                        text = "" + text
-                                + "";
-                    }
-                    bg_open = true;
-                    return text;
-                }
-                else
-                {
-                    var text = ""
-                    // close out a currently open fg span, to keep only one
-                    // at a time
-                    if (cur_fg.length > 0)
-                        text = "" + text;
-                    cur_fg.push(cols[p1]);
-                    return text;
-                }
-            }
-            else
-            {
-                if (str.match(/^< 0)
-            filtered += "";
-        if (bg_open)
-            filtered += "";
-        // TODO: eliminate empty spans?
-        return filtered;
-    }
-
-    function init_canvas(element, w, h) {
-        // in an ideal world, we might be able to just apply a scale by ratio
-        // here and be done with it. However, fractional pixel snapping is
-        // very dicey and varied across browsers. So the scale by ratio will
-        // mostly need to be manually applied when a canvas created by this
-        // function is used. Things might be simpler if this value consistently
-        // represented just the device vs logical pixel ratio, but aside from
-        // safari, it also factors in browser zoom.
-        const ratio = window.devicePixelRatio;
-        element.width = Math.floor(w * ratio);
-        element.height = Math.floor(h * ratio);
-        // var ctx = element.getContext('2d');
-        // ctx.resetTransform();
-        // ctx.scale(ratio, ratio);
-        element.style.width = w + 'px';
-        element.style.height = h + 'px';
-    }
+function init_canvas(element, w, h) {
+  // in an ideal world, we might be able to just apply a scale by ratio
+  // here and be done with it. However, fractional pixel snapping is
+  // very dicey and varied across browsers. So the scale by ratio will
+  // mostly need to be manually applied when a canvas created by this
+  // function is used. Things might be simpler if this value consistently
+  // represented just the device vs logical pixel ratio, but aside from
+  // safari, it also factors in browser zoom.
+  const ratio = window.devicePixelRatio;
+  element.width = Math.floor(w * ratio);
+  element.height = Math.floor(h * ratio);
+  // var ctx = element.getContext('2d');
+  // ctx.resetTransform();
+  // ctx.scale(ratio, ratio);
+  element.style.width = `${w}px`;
+  element.style.height = `${h}px`;
+}
 
-    function make_key(x, y) {
-        // Zig-zag encode X and Y.
-        x = (x << 1) ^ (x >> 31);
-        y = (y << 1) ^ (y >> 31);
+function make_key(x, y) {
+  // Zig-zag encode X and Y.
+  x = (x << 1) ^ (x >> 31);
+  y = (y << 1) ^ (y >> 31);
 
-        // Interleave the bits of X and Y.
-        x &= 0xFFFF;
-        x = (x | (x << 8)) & 0x00FF00FF;
-        x = (x | (x << 4)) & 0x0F0F0F0F;
-        x = (x | (x << 2)) & 0x33333333;
-        x = (x | (x << 1)) & 0x55555555;
+  // Interleave the bits of X and Y.
+  x &= 0xffff;
+  x = (x | (x << 8)) & 0x00ff00ff;
+  x = (x | (x << 4)) & 0x0f0f0f0f;
+  x = (x | (x << 2)) & 0x33333333;
+  x = (x | (x << 1)) & 0x55555555;
 
-        y &= 0xFFFF;
-        y = (y | (y << 8)) & 0x00FF00FF;
-        y = (y | (y << 4)) & 0x0F0F0F0F;
-        y = (y | (y << 2)) & 0x33333333;
-        y = (y | (y << 1)) & 0x55555555;
-
-        var result = x | (y << 1);
-        return result;
-    }
+  y &= 0xffff;
+  y = (y | (y << 8)) & 0x00ff00ff;
+  y = (y | (y << 4)) & 0x0f0f0f0f;
+  y = (y | (y << 2)) & 0x33333333;
+  y = (y | (y << 1)) & 0x55555555;
 
+  const result = x | (y << 1);
+  return result;
+}
 
-    return {
-        formatted_string_to_html: formatted_string_to_html,
-        init_canvas: init_canvas,
-        make_key: make_key
-    };
-});
+export default {
+  formatted_string_to_html: formatted_string_to_html,
+  init_canvas: init_canvas,
+  make_key: make_key,
+};
diff --git a/crawl-ref/source/webserver/client/game/src/view_data.js b/crawl-ref/source/webserver/client/game/src/view_data.js
index e38e99d5ba7..5b47149cb5a 100644
--- a/crawl-ref/source/webserver/client/game/src/view_data.js
+++ b/crawl-ref/source/webserver/client/game/src/view_data.js
@@ -1,91 +1,78 @@
-define(["jquery", "comm"], function ($, comm) {
-    "use strict";
-
-    var exports = {};
-
-    function VColour(r, g, b, a)
-    {
-        return {r: r, g: g, b: b, a: a};
-    }
-
-    // Compare tilereg-dgn.cc
-    var flash_colours = [
-        VColour(  0,   0,   0,   0), // BLACK (transparent)
-        VColour(  0,   0, 128, 100), // BLUE
-        VColour(  0, 128,   0, 100), // GREEN
-        VColour(  0, 128, 128, 100), // CYAN
-        VColour(128,   0,   0, 100), // RED
-        VColour(150,   0, 150, 100), // MAGENTA
-        VColour(165,  91,   0, 100), // BROWN
-        VColour( 50,  50,  50, 150), // LIGHTGRAY
-        VColour(  0,   0,   0, 150), // DARKGRAY
-        VColour( 64,  64, 255, 100), // LIGHTBLUE
-        VColour( 64, 255,  64, 100), // LIGHTGREEN
-        VColour(  0, 255, 255, 100), // LIGHTCYAN
-        VColour(255,  64,  64, 100), // LIGHTRED
-        VColour(255,  64, 255, 100), // LIGHTMAGENTA
-        VColour(150, 150,   0, 100), // YELLOW
-        VColour(255, 255, 255, 100), // WHITE
-    ];
-
-    exports.get_flash_colour = function(flash_colour, flash_alpha)
-    {
-        if (!flash_colour)
-            return null;
-        const colour = flash_colours[flash_colour];
-
-        if (flash_alpha === undefined)
-            flash_alpha = 0;
-
-        if (flash_alpha === 0)
-            return colour;
-
-        return VColour(colour.r, colour.g, colour.b, flash_alpha);
-    }
-
-    exports.cursor_locs = [];
-    function place_cursor(type, loc)
-    {
-        var old_loc;
-        if (exports.cursor_locs[type])
-        {
-            old_loc = exports.cursor_locs[type];
-        }
-
-        exports.cursor_locs[type] = loc;
-
-        var rerender = [];
-
-        if (old_loc)
-            rerender.push(old_loc);
-
-        if (loc)
-            rerender.push(loc);
-
-        $("#dungeon").trigger("update_cells", [rerender]);
-    }
-
-    exports.place_cursor = place_cursor;
-    exports.remove_cursor = function (type)
-    {
-        place_cursor(type, null);
-    }
-
-    function handle_cursor_message(data)
-    {
-        place_cursor(data.id, data.loc);
-    }
-
-    function init()
-    {
-        exports.cursor_locs = [];
-    }
-
-    $(document).bind("game_init", init);
-
-    comm.register_handlers({
-        "cursor": handle_cursor_message,
-    });
-
-    return exports;
+import $ from "jquery";
+import comm from "./comm";
+
+const exports = {};
+
+function VColour(r, g, b, a) {
+  return { r: r, g: g, b: b, a: a };
+}
+
+// Compare tilereg-dgn.cc
+const flash_colours = [
+  VColour(0, 0, 0, 0), // BLACK (transparent)
+  VColour(0, 0, 128, 100), // BLUE
+  VColour(0, 128, 0, 100), // GREEN
+  VColour(0, 128, 128, 100), // CYAN
+  VColour(128, 0, 0, 100), // RED
+  VColour(150, 0, 150, 100), // MAGENTA
+  VColour(165, 91, 0, 100), // BROWN
+  VColour(50, 50, 50, 150), // LIGHTGRAY
+  VColour(0, 0, 0, 150), // DARKGRAY
+  VColour(64, 64, 255, 100), // LIGHTBLUE
+  VColour(64, 255, 64, 100), // LIGHTGREEN
+  VColour(0, 255, 255, 100), // LIGHTCYAN
+  VColour(255, 64, 64, 100), // LIGHTRED
+  VColour(255, 64, 255, 100), // LIGHTMAGENTA
+  VColour(150, 150, 0, 100), // YELLOW
+  VColour(255, 255, 255, 100), // WHITE
+];
+
+exports.get_flash_colour = (flash_colour, flash_alpha) => {
+  if (!flash_colour) return null;
+  const colour = flash_colours[flash_colour];
+
+  if (flash_alpha === undefined) flash_alpha = 0;
+
+  if (flash_alpha === 0) return colour;
+
+  return VColour(colour.r, colour.g, colour.b, flash_alpha);
+};
+
+exports.cursor_locs = [];
+function place_cursor(type, loc) {
+  let old_loc;
+  if (exports.cursor_locs[type]) {
+    old_loc = exports.cursor_locs[type];
+  }
+
+  exports.cursor_locs[type] = loc;
+
+  const rerender = [];
+
+  if (old_loc) rerender.push(old_loc);
+
+  if (loc) rerender.push(loc);
+
+  $("#dungeon").trigger("update_cells", [rerender]);
+}
+
+exports.place_cursor = place_cursor;
+exports.remove_cursor = (type) => {
+  place_cursor(type, null);
+};
+
+function handle_cursor_message(data) {
+  place_cursor(data.id, data.loc);
+}
+
+function init() {
+  exports.cursor_locs = [];
+}
+
+$(document).bind("game_init", init);
+
+comm.register_handlers({
+  cursor: handle_cursor_message,
 });
+
+export default exports;
diff --git a/crawl-ref/source/webserver/client/game/vite.config.js b/crawl-ref/source/webserver/client/game/vite.config.js
new file mode 100644
index 00000000000..2e656a95417
--- /dev/null
+++ b/crawl-ref/source/webserver/client/game/vite.config.js
@@ -0,0 +1,16 @@
+export default {
+  build: {
+    lib: {
+      entry: "src/main.js",
+      formats: ["iife"],
+      name: "DCSSGame",
+    },
+    modulePreload: false,
+    assetsDir: "static",
+    rollupOptions: {
+      input: "src/main.js",
+      output: { entryFileNames: "static/game.js" },
+      external: { jquery: "window.jQuery" },
+    },
+  },
+};
diff --git a/crawl-ref/source/webserver/client/lobby/biome.json b/crawl-ref/source/webserver/client/lobby/biome.json
new file mode 100644
index 00000000000..46dead6d230
--- /dev/null
+++ b/crawl-ref/source/webserver/client/lobby/biome.json
@@ -0,0 +1,39 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.6/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": ["*", "src/*", "!src/contrib"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noVar": "error"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}
diff --git a/crawl-ref/source/webserver/client/lobby/index.html b/crawl-ref/source/webserver/client/lobby/index.html
index 7eb31ec53c0..3cff8685ff4 100644
--- a/crawl-ref/source/webserver/client/lobby/index.html
+++ b/crawl-ref/source/webserver/client/lobby/index.html
@@ -1,13 +1,362 @@
-
-
+
+
   
-    
-    
-    
-    Crawl Lobby
+    WebTiles - Dungeon Crawl Stone Soup
+    
+    
+    
+    
+    
+    
   
   
-    
              
-    
+    
+
+    
+
+    
              
+      
+    
              
+
+    
              
+      
              
+        Loading...
              
+
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
              
+
+      
+
+      
+    
              
+
+    
              
+
+    
+
+    
+
+    
   
 
diff --git a/crawl-ref/source/webserver/client/lobby/package-lock.json b/crawl-ref/source/webserver/client/lobby/package-lock.json
index 7df11ffcd9c..ce1a80f2b29 100644
--- a/crawl-ref/source/webserver/client/lobby/package-lock.json
+++ b/crawl-ref/source/webserver/client/lobby/package-lock.json
@@ -1,17 +1,179 @@
 {
-  "name": "lobby",
+  "name": "crawl-lobby",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "lobby",
+      "name": "crawl-lobby",
       "version": "0.0.0",
+      "dependencies": {
+        "@biomejs/biome": "^2.2.6",
+        "jquery": "^1.12.4",
+        "jquery.browser": "^0.1.0",
+        "jquery.cookie": "^1.4.1",
+        "tablesorter": "^2.32.0"
+      },
       "devDependencies": {
+        "@types/jquery": "1.x",
         "typescript": "~5.9.3",
         "vite": "^7.1.7"
       }
     },
+    "node_modules/@biomejs/biome": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-2.2.6.tgz",
+      "integrity": "sha512-yKTCNGhek0rL5OEW1jbLeZX8LHaM8yk7+3JRGv08my+gkpmtb5dDE+54r2ZjZx0ediFEn1pYBOJSmOdDP9xtFw==",
+      "license": "MIT OR Apache-2.0",
+      "bin": {
+        "biome": "bin/biome"
+      },
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/biome"
+      },
+      "optionalDependencies": {
+        "@biomejs/cli-darwin-arm64": "2.2.6",
+        "@biomejs/cli-darwin-x64": "2.2.6",
+        "@biomejs/cli-linux-arm64": "2.2.6",
+        "@biomejs/cli-linux-arm64-musl": "2.2.6",
+        "@biomejs/cli-linux-x64": "2.2.6",
+        "@biomejs/cli-linux-x64-musl": "2.2.6",
+        "@biomejs/cli-win32-arm64": "2.2.6",
+        "@biomejs/cli-win32-x64": "2.2.6"
+      }
+    },
+    "node_modules/@biomejs/cli-darwin-arm64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.2.6.tgz",
+      "integrity": "sha512-UZPmn3M45CjTYulgcrFJFZv7YmK3pTxTJDrFYlNElT2FNnkkX4fsxjExTSMeWKQYoZjvekpH5cvrYZZlWu3yfA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-darwin-x64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.2.6.tgz",
+      "integrity": "sha512-HOUIquhHVgh/jvxyClpwlpl/oeMqntlteL89YqjuFDiZ091P0vhHccwz+8muu3nTyHWM5FQslt+4Jdcd67+xWQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-arm64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.2.6.tgz",
+      "integrity": "sha512-BpGtuMJGN+o8pQjvYsUKZ+4JEErxdSmcRD/JG3mXoWc6zrcA7OkuyGFN1mDggO0Q1n7qXxo/PcupHk8gzijt5g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-arm64-musl": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.2.6.tgz",
+      "integrity": "sha512-TjCenQq3N6g1C+5UT3jE1bIiJb5MWQvulpUngTIpFsL4StVAUXucWD0SL9MCW89Tm6awWfeXBbZBAhJwjyFbRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-x64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-2.2.6.tgz",
+      "integrity": "sha512-1HaM/dpI/1Z68zp8ZdT6EiBq+/O/z97a2AiHMl+VAdv5/ELckFt9EvRb8hDHpk8hUMoz03gXkC7VPXOVtU7faA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-linux-x64-musl": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.2.6.tgz",
+      "integrity": "sha512-1ZcBux8zVM3JhWN2ZCPaYf0+ogxXG316uaoXJdgoPZcdK/rmRcRY7PqHdAos2ExzvjIdvhQp72UcveI98hgOog==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-win32-arm64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.2.6.tgz",
+      "integrity": "sha512-h3A88G8PGM1ryTeZyLlSdfC/gz3e95EJw9BZmA6Po412DRqwqPBa2Y9U+4ZSGUAXCsnSQE00jLV8Pyrh0d+jQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@biomejs/cli-win32-x64": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-2.2.6.tgz",
+      "integrity": "sha512-yx0CqeOhPjYQ5ZXgPfu8QYkgBhVJyvWe36as7jRuPrKPO5ylVDfwVtPQ+K/mooNTADW0IhxOZm3aPu16dP8yNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.10",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz",
@@ -769,6 +931,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/jquery": {
+      "version": "1.10.45",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-1.10.45.tgz",
+      "integrity": "sha512-JvoVtPbu1wrcOldn5gvuyJqr7DLX6I657N68Fqj5S7AUutdYZqabQjfP7dY6Gee7/Afo1uajwcORVlQfnsjkLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/esbuild": {
       "version": "0.25.10",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz",
@@ -844,6 +1013,28 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/jquery": {
+      "version": "1.12.4",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
+      "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
+      "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
+      "license": "MIT"
+    },
+    "node_modules/jquery.browser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz",
+      "integrity": "sha512-5GjtLzzEBzxs/nwSVpCbSdk0acssfKsP7Upp43zmdHVV1Vb6E9VayyqPAQlfLrTeZL3YSWocCbkOvKdAc2CN4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/jquery.cookie": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
+      "integrity": "sha512-c/hZOOL+8VSw/FkTVH637gS1/6YzMSCROpTZ2qBYwJ7s7sHajU7uBkSSiE5+GXWwrfCCyO+jsYjUQ7Hs2rIxAA==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -964,6 +1155,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/tablesorter": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/tablesorter/-/tablesorter-2.32.0.tgz",
+      "integrity": "sha512-tKjx6H+ZVoxND5ukDIVvF4AKEIw0ZJde/e6YlAZlUOKI0o0xD2RZLTb2tKB1hiDHkHGLHGQ7ndvd0Pnkj5Xzjw==",
+      "license": "(MIT OR GPL-2.0)",
+      "dependencies": {
+        "jquery": ">=1.2.6"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
diff --git a/crawl-ref/source/webserver/client/lobby/package.json b/crawl-ref/source/webserver/client/lobby/package.json
index 4e3625aaeee..cea0b6c956a 100644
--- a/crawl-ref/source/webserver/client/lobby/package.json
+++ b/crawl-ref/source/webserver/client/lobby/package.json
@@ -5,11 +5,23 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview"
+    "build": "vite build && npm run copy",
+    "lint": "biome lint",
+    "lint:fix": "biome lint --write --unsafe",
+    "format": "biome format",
+    "preview": "vite preview",
+    "copy": "cp dist/index.html ../../templates/client.html && cp dist/static/* ../../static"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.2.6",
+    "@types/jquery": "1.x",
     "typescript": "~5.9.3",
     "vite": "^7.1.7"
+  },
+  "dependencies": {
+    "jquery": "^1.12.4",
+    "jquery.browser": "^0.1.0",
+    "jquery.cookie": "^1.4.1",
+    "tablesorter": "^2.32.0"
   }
 }
diff --git a/crawl-ref/source/webserver/client/lobby/public/vite.svg b/crawl-ref/source/webserver/client/lobby/public/vite.svg
deleted file mode 100644
index e7b8dfb1b2a..00000000000
--- a/crawl-ref/source/webserver/client/lobby/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/crawl-ref/source/webserver/client/lobby/src/app.js b/crawl-ref/source/webserver/client/lobby/src/app.js
index feff2b0b8e4..77d7c14ffe8 100644
--- a/crawl-ref/source/webserver/client/lobby/src/app.js
+++ b/crawl-ref/source/webserver/client/lobby/src/app.js
@@ -1,12 +1,2 @@
-require.config({
-    baseUrl: '/static/scripts',
-    shim: {
-        'client': ['jquery']
-    },
-    paths: {
-        'jquery': '/static/scripts/contrib/jquery'
-    },
-    waitSeconds: 0
-});
-
-require(['client']);
+import "./style.css";
+import "./client";
diff --git a/crawl-ref/source/webserver/client/lobby/src/chat.js b/crawl-ref/source/webserver/client/lobby/src/chat.js
index 7a749be952e..37d7811e68f 100644
--- a/crawl-ref/source/webserver/client/lobby/src/chat.js
+++ b/crawl-ref/source/webserver/client/lobby/src/chat.js
@@ -1,236 +1,196 @@
-define(["jquery", "comm", "linkify"], function ($, comm, linkify) {
-    var new_message_count = 0;
-    var spectators = {
-            count: 0,
-            names: ""
-    };
-    var history_limit = 25;
-    var message_history = [];
-    var unsent_message = "";
-    var history_pos = -1;
-    var chat_hidden = false;
-
-    function update_spectators(data)
-    {
-        delete data["msg"];
-        $.extend(spectators, data);
-        $("#spectator_count").html(data.count + " spectators");
-        $("#spectator_list").html(data.names);
-        $(document).trigger("spectators_changed", [spectators]);
+import $ from "jquery";
+import comm from "./comm";
+import linkify from "./linkify";
+
+let new_message_count = 0;
+const spectators = {
+  count: 0,
+  names: "",
+};
+const history_limit = 25;
+const message_history = [];
+let unsent_message = "";
+let history_pos = -1;
+let chat_hidden = false;
+
+function update_spectators(data) {
+  delete data.msg;
+  $.extend(spectators, data);
+  $("#spectator_count").html(`${data.count} spectators`);
+  $("#spectator_list").html(data.names);
+  $(document).trigger("spectators_changed", [spectators]);
+}
+
+function receive_message(data) {
+  const msg = $("
              ").append(data.content);
+  const histcon = $("#chat_history_container")[0];
+  const atBottom =
+    Math.abs(histcon.scrollHeight - histcon.scrollTop - histcon.clientHeight) <
+    1.0;
+  msg.find(".chat_msg").html(linkify(msg.find(".chat_msg").text()));
+  $("#chat_history").append(`${msg.html()}
              `);
+  if (atBottom) histcon.scrollTop = histcon.scrollHeight;
+  if ($("#chat_body").css("display") === "none" && !data.meta) {
+    new_message_count++;
+    update_message_count();
+  }
+  $(document).trigger("chat_message", [data.content]);
+}
+
+function show_in_chat(text) {
+  receive_message({ content: text });
+}
+
+function handle_dump(data) {
+  const msg = $("")
+    .addClass("chat_msg chat_automated")
+    .text(`${data.url}.txt`);
+  receive_message({ content: msg[0].outerHTML });
+}
+
+function update_message_count() {
+  const press_key = new_message_count > 0 ? " (Press F12)" : "";
+  $("#message_count").html(`${new_message_count} new messages${press_key}`);
+  $("#message_count").toggleClass("has_new", new_message_count > 0);
+}
+
+function chat_message_send(e) {
+  // The Enter key sends a message.
+  if (e.which === 13) {
+    const content = $("#chat_input").val();
+    e.preventDefault();
+    e.stopPropagation();
+    if (content !== "") {
+      comm.send_message("chat_msg", {
+        text: content,
+      });
+      $("#chat_input").val("");
+      $("#chat_history_container").scrollTop(
+        $("#chat_history_container")[0].scrollHeight
+      );
+      message_history.unshift(content);
+      if (message_history.length > history_limit)
+        message_history.length = history_limit;
+      history_pos = -1;
+      unsent_message = "";
     }
-
-    function receive_message(data)
-    {
-        var msg = $("
              ").append(data.content);
-        var histcon = $('#chat_history_container')[0];
-        var atBottom = Math.abs(histcon.scrollHeight - histcon.scrollTop
-                                - histcon.clientHeight) < 1.0;
-        msg.find(".chat_msg").html(linkify(msg.find(".chat_msg").text()));
-        $("#chat_history").append(msg.html() + "
              ");
-        if (atBottom)
-            histcon.scrollTop = histcon.scrollHeight;
-        if ($("#chat_body").css("display") === "none" && !data.meta)
-        {
-            new_message_count++;
-            update_message_count();
-        }
-        $(document).trigger("chat_message", [data.content]);
-    }
-
-    function show_in_chat(text)
-    {
-        receive_message({"content": text});
-    }
-
-    function handle_dump(data)
-    {
-        var msg = $("").addClass("chat_msg chat_automated")
-                             .text(data.url + ".txt")
-        receive_message({ content: msg[0].outerHTML });
-    }
-
-    function update_message_count()
-    {
-        var press_key = new_message_count > 0 ? " (Press F12)" : "";
-        $("#message_count").html(new_message_count + " new messages" + press_key);
-        $("#message_count").toggleClass("has_new", new_message_count > 0);
-    }
-
-    function chat_message_send(e)
-    {
-        // The Enter key sends a message.
-        if (e.which == 13)
-        {
-            var content = $("#chat_input").val();
-            e.preventDefault();
-            e.stopPropagation();
-            if (content != "")
-            {
-                comm.send_message("chat_msg", {
-                    text: content
-                });
-                $("#chat_input").val("");
-                $('#chat_history_container').scrollTop($('#chat_history_container')[0].scrollHeight);
-                message_history.unshift(content)
-                if (message_history.length > history_limit)
-                    message_history.length = history_limit;
-                history_pos = -1;
-                unsent_message = ""
-            }
-            return false;
-        }
-        // Up arrow to access message history.
-        else if (e.which == 38 && !e.shiftKey)
-        {
-            e.preventDefault();
-            e.stopPropagation();
-            var lim = Math.min(message_history.length, history_limit)
-            if (message_history.length && history_pos < lim - 1)
-            {
-                /* Save any unsent input line before reading history so it can
-                 * be reloaded after going past the beginning of message
-                 * history with down arrow. */
-                var cur_line = $("#chat_input").val()
-                if (history_pos == -1)
-                    unsent_message = cur_line;
-                $("#chat_input").val(message_history[++history_pos]);
-            }
-        }
-        // Down arrow to access message history and any unsent message.
-        else if (e.which == 40 && !e.shiftKey)
-        {
-            e.preventDefault();
-            e.stopPropagation();
-            if (message_history.length && history_pos > -1)
-            {
-                if (history_pos == 0)
-                {
-                    message = unsent_message;
-                    history_pos--;
-                }
-                else
-                    message = message_history[--history_pos];
-                $("#chat_input").val(message);
-            }
-        }
-        // Esc key or F12 again to return to game.
-        else if (e.which == 27 || e.which == 123)
-        {
-            e.preventDefault();
-            e.stopPropagation();
-            toggle();
-            $(document.activeElement).blur();
-        }
-        return true;
+    return false;
+  }
+  // Up arrow to access message history.
+  else if (e.which === 38 && !e.shiftKey) {
+    e.preventDefault();
+    e.stopPropagation();
+    const lim = Math.min(message_history.length, history_limit);
+    if (message_history.length && history_pos < lim - 1) {
+      /* Save any unsent input line before reading history so it can
+       * be reloaded after going past the beginning of message
+       * history with down arrow. */
+      const cur_line = $("#chat_input").val();
+      if (history_pos === -1) unsent_message = cur_line;
+      $("#chat_input").val(message_history[++history_pos]);
     }
-
-    function toggle()
-    {
-        if ($("#chat_body").css("display") === "none")
-        {
-            $("#chat_body").slideDown(200);
-            new_message_count = 0;
-            update_message_count();
-            $("#message_count").html("(Esc: close)");
-            $('#chat_history_container').scrollTop($('#chat_history_container')[0].scrollHeight);
-        }
-        else
-        {
-            $("#chat_body").slideUp(200);
-            update_message_count();
-        }
-    }
-
-    function toggle_entire_chat()
-    {
-        if ($("#chat").css("display") === "none")
-        {
-            chat_hidden = false;
-            // slide looks odd if the chat box is already 1 line
-            if ($("#chat_body").css("display") === "none")
-                $("#chat").show();
-            else
-                $("#chat").slideDown(200);
-        }
-        else
-        {
-            chat_hidden = true;
-            $(document.activeElement).blur();
-            // slide looks odd if the chat box is already 1 line
-            if ($("#chat_body").css("display") === "none")
-                $("#chat").hide();
-            else
-                $("#chat").slideUp(200);
-        }
-        $("#chat_hidden").toggle(chat_hidden);
-    }
-
-    function super_hide_chat()
-    {
-        // this hides chat and deletes the + div, so needs a reload or logout
-        // to get back the chat window.
-        if ($("#chat").css("display") != "none")
-            toggle_entire_chat();
-        $("#chat_hidden").remove();
-    }
-
-    function reset_visibility(in_game)
-    {
-        if (!in_game)
-        {
-            $("#chat").hide()
-            $("#chat_hidden").hide()
-        }
-        else
-        {
-            $("#chat").toggle(!chat_hidden);
-            $("#chat_hidden").toggle(chat_hidden);
-        }
-    }
-
-    function focus()
-    {
-        if (!$("#chat_hidden").length)
-            return;
-        if ($("#chat_hidden").css("display") != "none")
-            toggle_entire_chat();
-        if ($("#chat_body").css("display") === "none")
-            toggle();
-
-        $("#chat_history_container").scrollTop($("#chat_history").height());
-        $("#chat_input").focus();
-    }
-
-    function clear()
-    {
-        $("#spectator_list").html(" ");
-        $("#chat_history").html("");
-        $("#spectator_count").html("0 spectators");
-        new_message_count = 0;
-        update_message_count();
-        $("#chat_body").slideUp(200);
+  }
+  // Down arrow to access message history and any unsent message.
+  else if (e.which === 40 && !e.shiftKey) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (message_history.length && history_pos > -1) {
+      if (history_pos === 0) {
+        message = unsent_message;
+        history_pos--;
+      } else message = message_history[--history_pos];
+      $("#chat_input").val(message);
     }
+  }
+  // Esc key or F12 again to return to game.
+  else if (e.which === 27 || e.which === 123) {
+    e.preventDefault();
+    e.stopPropagation();
+    toggle();
+    $(document.activeElement).blur();
+  }
+  return true;
+}
+
+function toggle() {
+  if ($("#chat_body").css("display") === "none") {
+    $("#chat_body").slideDown(200);
+    new_message_count = 0;
+    update_message_count();
+    $("#message_count").html("(Esc: close)");
+    $("#chat_history_container").scrollTop(
+      $("#chat_history_container")[0].scrollHeight
+    );
+  } else {
+    $("#chat_body").slideUp(200);
+    update_message_count();
+  }
+}
+
+function toggle_entire_chat() {
+  if ($("#chat").css("display") === "none") {
+    chat_hidden = false;
+    // slide looks odd if the chat box is already 1 line
+    if ($("#chat_body").css("display") === "none") $("#chat").show();
+    else $("#chat").slideDown(200);
+  } else {
+    chat_hidden = true;
+    $(document.activeElement).blur();
+    // slide looks odd if the chat box is already 1 line
+    if ($("#chat_body").css("display") === "none") $("#chat").hide();
+    else $("#chat").slideUp(200);
+  }
+  $("#chat_hidden").toggle(chat_hidden);
+}
+
+function super_hide_chat() {
+  // this hides chat and deletes the + div, so needs a reload or logout
+  // to get back the chat window.
+  if ($("#chat").css("display") !== "none") toggle_entire_chat();
+  $("#chat_hidden").remove();
+}
+
+function reset_visibility(in_game) {
+  if (!in_game) {
+    $("#chat").hide();
+    $("#chat_hidden").hide();
+  } else {
+    $("#chat").toggle(!chat_hidden);
+    $("#chat_hidden").toggle(chat_hidden);
+  }
+}
+
+function focus() {
+  if (!$("#chat_hidden").length) return;
+  if ($("#chat_hidden").css("display") !== "none") toggle_entire_chat();
+  if ($("#chat_body").css("display") === "none") toggle();
+
+  $("#chat_history_container").scrollTop($("#chat_history").height());
+  $("#chat_input").focus();
+}
+
+function clear() {
+  $("#spectator_list").html(" ");
+  $("#chat_history").html("");
+  $("#spectator_count").html("0 spectators");
+  new_message_count = 0;
+  update_message_count();
+  $("#chat_body").slideUp(200);
+}
+
+$(document).ready(() => {
+  $("#chat_input").bind("keydown", chat_message_send);
+  $("#chat_caption").bind("click", toggle);
+  $("#chat_hide_button").bind("click", toggle_entire_chat);
+  $("#chat_hidden").bind("click", toggle_entire_chat);
+});
 
-    $(document).ready(function () {
-        $("#chat_input").bind("keydown", chat_message_send);
-        $("#chat_caption").bind("click", toggle);
-        $("#chat_hide_button").bind("click", toggle_entire_chat);
-        $("#chat_hidden").bind("click", toggle_entire_chat);
-    });
-
-    comm.register_handlers({
-        "dump": handle_dump,
-        "chat": receive_message,
-        "update_spectators": update_spectators,
-        "toggle_chat": toggle_entire_chat,
-        "super_hide_chat": super_hide_chat
-    });
-
-    return {
-        spectators: spectators,
-        clear: clear,
-        focus: focus,
-        reset_visibility: reset_visibility,
-        show_in_chat: show_in_chat,
-    }
+comm.register_handlers({
+  dump: handle_dump,
+  chat: receive_message,
+  update_spectators: update_spectators,
+  toggle_chat: toggle_entire_chat,
+  super_hide_chat: super_hide_chat,
 });
+
+export default { spectators, clear, focus, reset_visibility, show_in_chat };
diff --git a/crawl-ref/source/webserver/client/lobby/src/client.js b/crawl-ref/source/webserver/client/lobby/src/client.js
index f4467446729..fca76b81294 100644
--- a/crawl-ref/source/webserver/client/lobby/src/client.js
+++ b/crawl-ref/source/webserver/client/lobby/src/client.js
@@ -1,1800 +1,1597 @@
-define(["exports", "jquery", "key_conversion", "chat", "comm",
-        "contrib/jquery.cookie", "contrib/jquery.tablesorter",
-        "contrib/jquery.waitforimages", "contrib/inflate"],
-function (exports, $, key_conversion, chat, comm) {
-
-    // Need to keep this global for backwards compatibility :(
-    window.current_layer = "crt";
-
-    window.debug_mode = false;
-
-    window.log_messages = false;
-    window.log_message_size = false;
-
-    var delay_timeout = undefined;
-    var message_inhibit = 0;
-    var message_queue = [];
-
-    var watching = false;
-    var watching_username;
-    var playing = false;
-    var logging_in = false;
-    var showing_close_message = false;
-    var current_hash;
-    var exit_reason, exit_message, exit_dump;
-    var normal_exit = ["saved", "cancel", "quit", "won", "bailed out", "dead"];
-    next_loading_img = 0;
-
-    var send_message = comm.send_message;
-
-    var game_version = null;
-    var loaded_modules = null;
-    var text_decoder = null;
-    if ("TextDecoder" in window)
-        text_decoder = new TextDecoder('utf-8');
-
-    window.log = function (text)
-    {
-        if (window.console && window.console.log)
-            window.console.log(text);
-    }
-
-    function handle_message(msg)
-    {
-        if (typeof msg === "string")
-        {
-            // Javascript code
-            eval(msg);
-        }
-        else
-        {
-            comm.handle_message(msg);
-        }
-    }
-
-    function enqueue_messages(msgtext)
-    {
-        if (msgtext.match(/^{/))
-        {
-            // JSON message
-            var msgobj;
-            try
-            {
-                // Can't use JSON.parse here, because 0.11 and older send
-                // invalid JSON messages
-                msgobj = eval("(" + msgtext + ")");
-            }
-            catch (e)
-            {
-                console.error("Parsing error:", e);
-                console.error("Source message:", msgtext);
-                return;
-            }
-            var msgs = msgobj.msgs;
-            if (msgs == null)
-                msgs = [ msgobj ];
-            for (var i in msgs)
-            {
-                if (window.log_messages && window.log_messages !== 2)
-                    console.log("Message: " + msgs[i].msg, msgs[i]);
-                if (!comm.handle_message_immediately(msgs[i]))
-                    message_queue.push(msgs[i]);
-            }
-        }
-        else
-        {
-            // Javascript code
-            message_queue.push(msgtext);
-        }
-        handle_message_backlog();
-    }
-
-    function handle_message_backlog()
-    {
-        while (message_queue.length
-               && (message_inhibit == 0))
-        {
-            var msg = message_queue.shift();
-            if (window.debug_mode)
-            {
-                handle_message(msg);
-            }
-            else
-            {
-                try
-                {
-                    handle_message(msg);
-                }
-                catch (err)
-                {
-                    console.error("Error in message:", msg);
-                    console.error(err.message);
-                    console.error(err.stack);
-                }
-            }
-        }
-    }
-
-    function inhibit_messages()
-    {
-        message_inhibit++;
-    }
-    function uninhibit_messages()
-    {
-        if (message_inhibit > 0)
-            message_inhibit--;
-        handle_message_backlog();
-    }
-
-    exports.inhibit_messages = inhibit_messages;
-    exports.uninhibit_messages = uninhibit_messages;
-
-    function delay(ms)
-    {
-        if (!("hidden" in document) || !document["hidden"])
-        {
-            clearTimeout(delay_timeout);
-            inhibit_messages();
-            delay_timeout = setTimeout(delay_ended, ms);
-        }
-    }
-
-    function delay_ended()
-    {
-        delay_timeout = undefined;
-        uninhibit_messages();
-    }
-
-    exports.delay = delay;
-
-    function show_prompt(title, footer)
-    {
-        $("#loader_text").hide();
-        $("#prompt_title").html(title);
-        $("#prompt_footer").html(footer);
-        $("#prompt .login_placeholder").append($("#login"));
-        $("#login_form").show();
-        $("#login .extra_links").hide();
-        $("#username").focus();
-        $("#prompt").show();
-    }
-
-    function hide_prompt(game)
-    {
-        $("#prompt").hide();
-        $("#lobby .login_placeholder").append($("#login"));
-        $("#login .extra_links").show();
-        $("#loader_text").show();
-    }
-
-    var layers = ["crt", "normal", "lobby", "loader"]
-
-    function in_game()
-    {
-        return current_layer != "lobby" && current_layer != "loader"
-               && !showing_close_message;
-    }
-
-    exports.in_game = in_game;
-
-    function set_layer(layer)
-    {
-        if (showing_close_message) return;
-
-        hide_prompt();
-
-        $.each(layers, function (i, l) {
-            if (l == layer)
-                $("#" + l).show();
-            else
-                $("#" + l).hide();
-        });
-        current_layer = layer;
-
-        chat.reset_visibility(in_game());
-    }
-
-    function register_layer(name)
-    {
-        if (layers.indexOf(name) == -1)
-            layers.push(name);
-    }
-
-    exports.set_layer = set_layer;
-    exports.register_layer = register_layer;
-
-    function do_layout()
-    {
-        $("#loader").height($(window).height());
-        if (window.do_layout)
-            window.do_layout();
-    }
-
-    function handle_keypress(e)
-    {
-        if (!in_game()) return;
-        if ($(document.activeElement).hasClass("text")) return;
-
-        // Fix for FF < 25:
-        // https://developer.mozilla.org/en-US/docs/Web/Reference/Events/keydown#preventDefault%28%29_of_keydown_event
-        if (e.isDefaultPrevented()) return;
-
-        if (e.ctrlKey || e.altKey)
-        {
-            // allow AltGr keys on various non-english keyboard layouts, not
-            // needed for Mozilla where neither ctrlKey or altKey is set
-            if ($.browser.mozilla || !e.ctrlKey || !e.altKey)
-            {
-                //log("CTRL key: " + e.ctrlKey + " " + e.which
-                //    + " " + String.fromCharCode(e.which));
-                return;
-            }
-        }
-
-        if ((e.which == 0) ||
-            (e.which == 8) || /* Backspace gets a keypress in FF, but not Chrome
-                                 so we handle it in keydown */
-            (e.which == 9))   /* Tab gives a keypress in Opera even when it is
+// biome-ignore assist/source/organizeImports: must be imported first
+import $ from "jquery";
+
+import "jquery.cookie";
+import "tablesorter";
+import "./contrib/jquery.waitforimages";
+import "./contrib/inflate";
+
+import { requirejs, define } from "./contrib/require";
+
+import key_conversion from "./key_conversion";
+
+import chat from "./chat";
+import comm from "./comm";
+
+const client = {};
+
+// Need to keep this global for backwards compatibility :(
+window.current_layer = "crt";
+
+window.debug_mode = false;
+
+window.log_messages = false;
+window.log_message_size = false;
+
+let delay_timeout;
+let message_inhibit = 0;
+const message_queue = [];
+
+let playing = false;
+let watching = false;
+let watching_username;
+let showing_close_message = false;
+let current_hash;
+let exit_reason, exit_message, exit_dump;
+const normal_exit = ["saved", "cancel", "quit", "won", "bailed out", "dead"];
+let next_loading_img = 0;
+
+const send_message = comm.send_message;
+
+let game_version = null;
+let game_script = null;
+let loaded_modules = null;
+let text_decoder = null;
+if ("TextDecoder" in window) text_decoder = new TextDecoder("utf-8");
+
+window.log = (text) => {
+  if (window.console?.log) window.console.log(text);
+};
+
+function handle_message(msg) {
+  if (typeof msg === "string") {
+    // Javascript code
+    // biome-ignore lint/security/noGlobalEval: necessary for sockets
+    eval(msg);
+  } else {
+    comm.handle_message(msg);
+  }
+}
+
+function enqueue_messages(msgtext) {
+  if (msgtext.match(/^{/)) {
+    // JSON message
+    let msgobj;
+    try {
+      // Can't use JSON.parse here, because 0.11 and older send
+      // invalid JSON messages
+      msgobj = eval(`(${msgtext})`);
+    } catch (e) {
+      console.error("Parsing error:", e);
+      console.error("Source message:", msgtext);
+      return;
+    }
+    let msgs = msgobj.msgs;
+    if (msgs == null) msgs = [msgobj];
+    for (const i in msgs) {
+      if (window.log_messages && window.log_messages !== 2)
+        console.log(`Message: ${msgs[i].msg}`, msgs[i]);
+      if (!comm.handle_message_immediately(msgs[i]))
+        message_queue.push(msgs[i]);
+    }
+  } else {
+    // Javascript code
+    message_queue.push(msgtext);
+  }
+  handle_message_backlog();
+}
+
+function handle_message_backlog() {
+  while (message_queue.length && message_inhibit === 0) {
+    const msg = message_queue.shift();
+    if (window.debug_mode) {
+      handle_message(msg);
+    } else {
+      try {
+        handle_message(msg);
+      } catch (err) {
+        console.error("Error in message:", msg);
+        console.error(err);
+      }
+    }
+  }
+}
+
+function inhibit_messages() {
+  message_inhibit++;
+}
+function uninhibit_messages() {
+  if (message_inhibit > 0) message_inhibit--;
+  handle_message_backlog();
+}
+
+function delay(ms) {
+  if (!("hidden" in document) || !document.hidden) {
+    clearTimeout(delay_timeout);
+    inhibit_messages();
+    delay_timeout = setTimeout(delay_ended, ms);
+  }
+}
+
+function delay_ended() {
+  delay_timeout = undefined;
+  uninhibit_messages();
+}
+
+function show_prompt(title, footer) {
+  $("#loader_text").hide();
+  $("#prompt_title").html(title);
+  $("#prompt_footer").html(footer);
+  $("#prompt .login_placeholder").append($("#login"));
+  $("#login_form").show();
+  $("#login .extra_links").hide();
+  $("#username").focus();
+  $("#prompt").show();
+}
+
+function hide_prompt(_game) {
+  $("#prompt").hide();
+  $("#lobby .login_placeholder").append($("#login"));
+  $("#login .extra_links").show();
+  $("#loader_text").show();
+}
+
+const layers = ["crt", "normal", "lobby", "loader"];
+
+function in_game() {
+  return (
+    current_layer !== "lobby" &&
+    current_layer !== "loader" &&
+    !showing_close_message
+  );
+}
+
+function set_layer(layer) {
+  if (showing_close_message) return;
+
+  hide_prompt();
+
+  $.each(layers, (_i, l) => {
+    if (l === layer) $(`#${l}`).show();
+    else $(`#${l}`).hide();
+  });
+  current_layer = layer;
+
+  chat.reset_visibility(in_game());
+}
+
+function register_layer(name) {
+  if (layers.indexOf(name) === -1) layers.push(name);
+}
+
+function do_layout() {
+  $("#loader").height($(window).height());
+  if (window.do_layout) window.do_layout();
+}
+
+function handle_keypress(e) {
+  if (!in_game()) return;
+  if ($(document.activeElement).hasClass("text")) return;
+
+  // Fix for FF < 25:
+  // https://developer.mozilla.org/en-US/docs/Web/Reference/Events/keydown#preventDefault%28%29_of_keydown_event
+  if (e.isDefaultPrevented()) return;
+
+  if (e.ctrlKey || e.altKey) {
+    // allow AltGr keys on various non-english keyboard layouts, not
+    // needed for Mozilla where neither ctrlKey or altKey is set
+    if ($.browser.mozilla || !e.ctrlKey || !e.altKey) {
+      //log("CTRL key: " + e.ctrlKey + " " + e.which
+      //    + " " + String.fromCharCode(e.which));
+      return;
+    }
+  }
+
+  if (
+    e.which === 0 ||
+    e.which === 8 /* Backspace gets a keypress in FF, but not Chrome
+                                 so we handle it in keydown */ ||
+    e.which === 9
+  ) {
+    /* Tab gives a keypress in Opera even when it is
                                  suppressed in keydown */
-        {
-            return;
-        }
+    return;
+  }
 
-        // Give the game a chance to handle the key
-        if (!retrigger_event(e, "game_keypress"))
-            return;
+  // Give the game a chance to handle the key
+  if (!retrigger_event(e, "game_keypress")) return;
 
-        if (watching)
-            return;
+  if (watching) return;
 
-        e.preventDefault();
+  e.preventDefault();
 
-        var s = String.fromCharCode(e.which);
-        if (s == "{")
-        {
-            send_bytes(["{".charCodeAt(0)]);
-        }
-        else
-            send_message("input", { text: s });
-    }
+  const s = String.fromCharCode(e.which);
+  if (s === "{") {
+    send_bytes(["{".charCodeAt(0)]);
+  } else send_message("input", { text: s });
+}
 
-    function send_keycode(code)
-    {
-        /* TODO: Use send_message for these as soon as crawl uses a proper
+function send_keycode(code) {
+  /* TODO: Use send_message for these as soon as crawl uses a proper
            JSON parser */
-        socket.send('{"msg":"key","keycode":' + code + '}');
-    }
-
-    function send_bytes(bytes)
-    {
-        s = '{"msg":"input","data":[';
-        $.each(bytes, function (i, code) {
-            if (i == 0)
-                s += code;
-            else
-                s += "," + code;
-        });
-        s += "]}";
-        socket.send(s);
-    }
-
-    function retrigger_event(ev, new_type)
-    {
-        var new_ev = $.extend({}, ev);
-        new_ev.type = new_type;
-        $(new_ev.target).trigger(new_ev);
-        if (new_ev.isDefaultPrevented())
-            ev.preventDefault();
-        if (new_ev.isPropagationStopped())
-        {
-            ev.stopImmediatePropagation();
-            return false;
-        }
-        else
-            return true;
-    }
-
-    function handle_keydown(e)
-    {
-        if ($("#stale_processes_message").is(":visible"))
-        {
-            e.preventDefault();
-            send_message("stop_stale_process_purge");
-            hide_dialog();
-            return;
-        }
-        if ($("#force_terminate").is(":visible"))
-        {
-            e.preventDefault();
-            if (e.which == "y".charCodeAt(0))
-                force_terminate_yes();
-            else
-                force_terminate_no();
-            return;
-        }
-
-        if (!in_game())
-        {
-            if (e.which == 27)
-            {
-                e.preventDefault();
-                hide_dialog();
-            }
-            return;
-        }
-        if ($(document.activeElement).hasClass("text")) return;
-
-        // supposedly `e.code` is defined on some jquery versions? not ours,
-        // though.
-        var code = e.originalEvent.code ? e.originalEvent.code : e.code;
-
-        // normalize numpad keycodes for the sake of shift and ctrl mappings.
-        // This is because sometimes, for some events, browsers will send the
-        // non-numpad keycode for digits, and we want to consistently convert
-        // modified numpad codes. This is independent of key_conversion.codes.
-        // useful tool: https://keyjs.dev/#keyboard-events-inspector
-        if (code && (e.which >= 48 && e.which <= 57))
-        {
-            switch (code)
-            {
-                case "Numpad0": e.which = 96; break;
-                case "Numpad1": e.which = 97; break;
-                case "Numpad2": e.which = 98; break;
-                case "Numpad3": e.which = 99; break;
-                case "Numpad4": e.which = 100; break;
-                case "Numpad5": e.which = 101; break;
-                case "Numpad6": e.which = 102; break;
-                case "Numpad7": e.which = 103; break;
-                case "Numpad8": e.which = 104; break;
-                case "Numpad9": e.which = 105; break;
-                default: break;
-            }
-        }
-
-        // Give the game a chance to handle the key
-        if (!retrigger_event(e, "game_keydown"))
-            return;
-
-        if (watching)
-        {
-            if (!e.ctrlKey && !e.shiftKey && !e.altKey)
-            {
-               if (e.which == 27)
-                {
-                    e.preventDefault();
-                    location.hash = "#lobby";
-                }
-                else if (e.which == 123) // F12
-                {
-                    e.preventDefault();
-                    chat.focus();
-                }
-            }
-            return;
-        }
-
-        if (e.ctrlKey && !e.shiftKey && !e.altKey)
-        {
-            if (e.which in key_conversion.ctrl)
-            {
-                e.preventDefault();
-                send_keycode(key_conversion.ctrl[e.which]);
-            }
-            else if ($.inArray(String.fromCharCode(e.which),
-                               key_conversion.captured_control_keys) != -1)
-            {
-                e.preventDefault();
-                var code = e.which - "A".charCodeAt(0) + 1; // Compare the CONTROL macro in defines.h
-                send_keycode(code);
-            }
-        }
-        else if (!e.ctrlKey && e.shiftKey && !e.altKey)
-        {
-            if (e.which in key_conversion.shift)
-            {
-                e.preventDefault();
-                send_keycode(key_conversion.shift[e.which]);
-            }
-        }
-        else if (e.ctrlKey && e.shiftKey && !e.altKey)
-        {
-            if (e.which in key_conversion.ctrlshift)
-            {
-                e.preventDefault();
-                send_keycode(key_conversion.ctrlshift[e.which]);
-            }
-        }
-        else if (!e.ctrlKey && !e.shiftKey && e.altKey)
-        {
-            if (e.which < 32) return;
-
-            e.preventDefault();
-            send_bytes([27, e.which]); // XX ???
-        }
-        else if (!e.ctrlKey && !e.shiftKey && !e.altKey)
-        {
-            if (e.which == 123
-                || code && code == "F12") // probably unncessesary for now
-            {
-                e.preventDefault();
-                chat.focus();
-            }
-            else if (key_conversion.codes // <- cache safety, remove someday
-                && key_conversion.code_conversion_enabled()
-                && code && code in key_conversion.codes)
-            {
-                e.preventDefault();
-                send_keycode(key_conversion.codes[code]);
-            }
-            else if (e.which in key_conversion.simple)
-            {
-                e.preventDefault();
-                send_keycode(key_conversion.simple[e.which]);
-            }
-            else if (e.which in key_conversion.legacy)
-            {
-                // for current versions, these should be entirely shadowed.
-                // pre-0.27: values here are used, see comments in
-                // key_conversion.js
-                // 0.27-0.28: game.js set these values in key_conversion.simple
-                // 0.29 onwards: key_conversion.codes preempts all of these
-                e.preventDefault();
-                send_keycode(key_conversion.legacy[e.which]);
-            }
-            // else
-            //    log("Unhandled key: " + e.which + ", " + code);
-        }
-    }
-
-    function start_login()
-    {
-        if (get_login_cookie())
-        {
-            $("#login_form").hide();
-            $("#reg_link").hide();
-            $("#forgot_link").hide();
-            $("#login_message").html("Logging in...");
-            send_message("token_login", {
-                cookie: get_login_cookie()
-            });
-            set_login_cookie(null);
-        }
-        else
-            $("#username").focus();
-    }
-
-    var current_user;
-
-    // keep in mind that client-side, you can't rely on this variable being
-    // real. All admin actions needed to be validated on the server. Here it
-    // is only for whether to show the UI at all.
-    var admin_user = false;
-
-    function login()
-    {
-        $("#login_form").hide();
-        $("#reg_link").hide();
-        $("#forgot_link").hide();
-        $("#login_message").html("Logging in...");
-        var username = $("#username").val();
-        var password = $("#password").val();
-        send_message("login", {
-            username: username,
-            password: password
-        });
-        return false;
-    }
-
-    function auth_error(data)
-    {
-        var reason = data.reason;
-        if (reason)
-            $("#login_message").html(reason);
-        else
-            $("#login_message").html("Login failed.");
-    }
-
-    function login_failed(data)
-    {
-        auth_error(data);
-        $("#login_form").show();
-        $("#reg_link").show();
-        $("#forgot_link").show();
-        current_user = null;
-        admin_user = false;
-    }
-
-    function logged_in(data)
-    {
-        var username = data.username;
-        hide_prompt();
-        $("#login_message").html("Logged in as " + username);
-        current_user = username;
-        admin_user = data.admin;
-        hide_dialog();
-        $("#login_form").hide();
-        $("#reg_link").hide();
-        $("#forgot_link").hide();
-        $('#chem_link').show();
-        $('#chpw_link').show();
-        $("#logout_link").show();
-
-        chat.reset_visibility(true);
-        $("#chat_input").show();
-        $("#chat_login_text").hide();
-        if (admin_user)
-            $("#admin_panel_button").show();
-        else
-            $("#admin_panel_button").hide();
-
-        send_message("set_login_cookie");
-
-        if (!watching)
-        {
-            current_hash = null;
-            hash_changed();
-        }
-    }
-
-    function set_login_cookie(data)
-    {
-        if (data)
-            $.cookie("login", data.cookie, { expires: data.expires });
-        else
-            $.cookie("login", null);
-    }
-
-    function get_login_cookie()
-    {
-        return $.cookie("login");
-    }
-
-    function handle_logout(data)
-    {
-        logout(false);
-        auth_error(data);
-    }
-
-    function logout(force_reload=true)
-    {
-        if (get_login_cookie())
-        {
-            send_message("forget_login_cookie", {
-                cookie: get_login_cookie()
-            });
-            set_login_cookie(null);
-        }
-        current_user = null;
-        admin_user = false;
-        $("#login_form").show();
-        $("#reg_link").show();
-        $("#forgot_link").show();
-        $('#chem_link').hide();
-        $('#chpw_link').hide();
-        $("#logout_link").hide();
-        $("#account_restricted").hide();
-        $("#play_now").html("");
-
-        $("#admin_panel_button").hide();
-        $("#admin_panel").hide();
-        // unless this results from a player click directly, it'll prompt the
-        // player. So we skip it for a logout message from the server. This
-        // *should* be ok, maybe with some glitches.
-        if (force_reload)
-            location.reload();
-    }
-
-    function toggle_admin_panel()
-    {
-        if (admin_user)
-            $("#admin_panel").toggle();
-    }
-
-    function admin_announce()
-    {
-        var text = $("#announcement_text").val();
-        if (text.length > 0)
-        {
-            send_message("admin_announce", {text: text});
-            $("#announcement_text").val('');
-        }
-    }
-
-    function admin_pw_reset()
-    {
-        var username = $("#admin_username").val();
-        if (username.length == 0)
-            admin_log_msg("No username provided!");
-        else
-            send_message("admin_pw_reset", {username: username});
-    }
-
-    function admin_pw_reset_done(data)
-    {
-        if (data.error)
-            admin_log_msg("Password reset failed: " + data.error);
-        else
-        {
-            admin_log_msg("Password reset token set for " + data.username);
-            $("#ok_message_content").html("
              Password reset info:
              ");
-            $("#ok_message_content").append("
              Username: " + data.username + "
              ");
-            $("#ok_message_content").append("
              User email: " + data.email + "
              ");
-            $("#ok_message_content").append("
              Message to send:
              " + data.email_body + "
              ");
-            show_dialog("#floating_ok_message");
-        }
-    }
-
-    function admin_pw_reset_clear()
-    {
-        var username = $("#admin_username").val();
-        if (username.length == 0)
-            admin_log_msg("No username provided!");
-        else
-        {
-            admin_log_msg("Password reset token cleared for " + username);
-            send_message("admin_pw_reset_clear", {username: username});
-        }
-    }
-
-    function admin_log_msg(text)
-    {
-        $("#admin_panel_log").append(
-            '
              ' + text + "
              ");
-    }
-
-    function admin_log(data)
-    {
-        admin_log_msg(data.text);
-    }
-
-    function server_announcement(data)
-    {
-        var text = 'Serverwide announcement: '
-            + data.text + '';
-        chat.show_in_chat(text);
-    }
-
-    function show_dialog(id)
-    {
-        $(".floating_dialog").hide();
-        var elem = $(id);
-        elem.stop(true, true).fadeIn(100, function () {
-            elem.focus();
-        });
-        center_element(elem);
-        $("#overlay").show();
-    }
-    function center_element(elem)
-    {
-        var left = $(window).width() / 2 - elem.outerWidth() / 2;
-        if (left < 0) left = 0;
-        var top = $(window).height() / 2 - elem.outerHeight() / 2;
-        if (top < 0) top = 0;
-        if (top > 50) top = 50;
-        var offset = elem.offset();
-        if (offset.left != left || offset.top != top)
-            elem.offset({ left: left, top: top });
-    }
-    function hide_dialog()
-    {
-        showing_close_message = false;
-        $(".floating_dialog").blur().hide();
-        $("#overlay").hide();
-    }
-    exports.show_dialog = show_dialog;
-    exports.hide_dialog = hide_dialog;
-    exports.center_element = center_element;
-
-    function handle_dialog(data)
-    {
-        var dialog = $("
              ");
-        dialog.html(data.html);
-        $("body").append(dialog);
-        dialog.find("[data-key]").on("click", function (ev) {
-            var key = $(this).data("key");
-            send_bytes([key.charCodeAt(0)]);
-        });
-        show_dialog(dialog);
-    }
-
-    function possessive(name)
-    {
-        return name + "'" + (name.slice(-1) === "s" ? "" : "s");
-    }
-
-    function exit_reason_message(reason, watched_name)
-    {
-        if (watched_name)
-        {
-            switch (reason)
-            {
-            case "quit":
-            case "won":
-            case "bailed out":
-            case "dead":
-                return null;
-            case "cancel":
-                return watched_name + " quit before creating a character.";
-            case "saved":
-                return watched_name + " stopped playing (saved).";
-            case "crash":
-                return possessive(watched_name) + " game crashed.";
-            case "error":
-                return possessive(watched_name)
-                       + " game was terminated due to an error.";
-            case "disconnect":
-                return watched_name + " has been disconnected.";
-            default:
-                return possessive(watched_name) + " game ended unexpectedly."
-                       + (reason != "unknown" ? " (" + reason + ")" : "");
-            }
-        }
-        else
-        {
-            switch (reason)
-            {
-            case "quit":
-            case "won":
-            case "bailed out":
-            case "dead":
-            case "saved":
-            case "cancel":
-                return null;
-            case "crash":
-                return "Unfortunately your game crashed.";
-            case "error":
-                return "Unfortunately your game terminated due to an error.";
-            case "disconnect":
-                return "You have been disconnected.";
-            default:
-                return "Unfortunately your game ended unexpectedly."
-                       + (reason != "unknown" ? " (" + reason + ")" : "");
-            }
-        }
-    }
-
-    function show_exit_dialog(reason, message, dump, watched_name)
-    {
-        var reason_msg = exit_reason_message(reason, watched_name);
-        if (reason_msg != null)
-            $("#exit_game_reason").text(reason_msg).show();
-        else
-            $("#exit_game_reason").hide();
-
-        if (message)
-            $("#exit_game_message").text(message.replace(/\s+$/, "")).show();
-        else
-            $("#exit_game_message").hide();
-
-        if (dump)
-        {
-            var a = $("").attr("target", "_blank")
-                            .attr("href", dump + ".txt");
-            if (reason === "saved")
-                a.text("Character dump");
-            else if (reason === "crash")
-                a.text("Crash log");
-            else
-                a.text("Morgue file");
-            $("#exit_game_dump").html(a).show();
-        }
-        else
-            $("#exit_game_dump").hide();
-
-        show_dialog("#exit_game");
-    }
-
-    function start_register()
-    {
-        show_dialog("#register");
-        $("#reg_username").focus();
-    }
-
-    function cancel_register()
-    {
-        hide_dialog();
-    }
-
-    function register()
-    {
-        var username = $("#reg_username").val();
-        var password = $("#reg_password").val();
-        var password_repeat = $("#reg_repeat_password").val();
-        var email = $("#reg_email").val();
-
-        if (username.indexOf(" ") >= 0)
-        {
-            $("#register_message").html("The username can't contain spaces.");
-            return false;
-        }
-
-        if (password !== password_repeat)
-        {
-            $("#register_message").html("Passwords don't match.");
-            return false;
-        }
-
-        send_message("register", {
-            username: username,
-            password: password,
-            email: email
-        });
-
-        return false;
-    }
-
-    function register_failed(data)
-    {
-        $("#register_message").html(data.reason);
-    }
-
-
-    function ask_change_password()
-    {
-        send_message("start_change_password");
-    }
-
-    function start_change_password(data)
-    {
-        $("#chpw_message").html("");
-        show_dialog("#change_password");
-        $("#change_cur_password").focus();
-    }
-
-    function cancel_change_password()
-    {
-        hide_dialog();
-    }
-
-    function change_password_done(data)
-    {
-        $("#ok_message_content").html("Password changed!");
-        show_dialog("#floating_ok_message");
-    }
-
-    function change_password()
-    {
-        var cur_password = $("#change_cur_password").val();
-        var new_password = $("#change_new_password").val();
-        var new_password_repeat = $("#change_repeat_password").val();
-
-        if (new_password !== new_password_repeat)
-        {
-            $("#chpw_message").html("Passwords don't match.");
-            return false;
-        }
-
-        send_message("change_password", {
-            cur_password: cur_password,
-            new_password: new_password,
-        });
-
-        return false;
-    }
-
-    function change_password_failed(data)
-    {
-        var msg = "Password change failed!";
-        if (data.reason)
-            msg = msg + " " + data.reason;
-        $("#ok_message_content").html(msg);
-        show_dialog("#floating_ok_message");
-    }
-
-    function ask_change_email()
-    {
-        send_message("start_change_email");
-    }
-
-    function start_change_email(data)
-    {
-        $("#chem_current").html(data.email);
-        $("#chem_message").html("");
-        show_dialog("#change_email");
-        $("#chem_email").focus();
-    }
-
-    function cancel_change_email()
-    {
-        hide_dialog();
-    }
-
-    function change_email()
-    {
-        var email = $("#chem_email").val();
-
-        send_message("change_email", {
-            email: email
-        });
-
-        return false;
-    }
-
-    function change_email_failed(data)
-    {
-        $("#chem_message").html(data.reason);
-    }
-
-    function change_email_done(data)
-    {
-        if ( data.email == "" )
-        {
-            $("#ok_message_content").html("Your account is no longer associated with an email address.");
-        }
-        else
-        {
-            $("#ok_message_content").html("Your email address has been set to " + data.email + ".");
-        }
-
-        show_dialog("#floating_ok_message");
-    }
-
-    function start_forgot_password()
-    {
-        $("#forgot_message").html("");
-        show_dialog("#forgot");
-        $("#forgot_email").focus();
-    }
-
-    function cancel_forgot_password()
-    {
-        hide_dialog();
-    }
-
-    function forgot_password()
-    {
-        var email = $("#forgot_email").val();
-
-        if (email.indexOf(" ") >= 0)
-        {
-            $("#forgot_message").html("The email address can't contain spaces.");
-            return false;
-        }
-
-        send_message("forgot_password", {
-            email: email
-        });
-
-        return false;
-    }
-
-    function forgot_password_failed(data)
-    {
-        $("#forgot_message").html(data.reason);
-    }
-
-    function forgot_password_done()
-    {
-        show_dialog("#forgot_2");
-    }
-
-    function reset_password()
-    {
-        var token = $("#reset_pw_token").val();
-        var password = $("#reset_pw_password").val();
-        var password_repeat = $("#reset_pw_repeat_password").val();
-
-        if (password !== password_repeat)
-        {
-            $("#reset_pw_message").html("Passwords don't match.");
-            return false;
-        }
-
-        send_message("reset_password", {
-            token: token,
-            password: password
-        });
-
-        return false;
-    }
-
-    function cancel_reset_password()
-    {
-        do_reload_url()
-    }
-
-    function reset_password_failed(data)
-    {
-        $("#reset_pw_message").html(data.reason);
-    }
-
-    var editing_rc;
-    function edit_rc(id)
-    {
-        send_message("get_rc", { game_id: id });
-        editing_rc = id;
-    }
-
-    function rcfile_contents(data)
-    {
-        // Ignores wrong rcfile if on a slow connection we clicked two different
-        // "edit rc" buttons quickly
-        if (data.game_id && data.game_id !== editing_rc)
-            return;
-        $("#rc_file_contents").val(data.contents);
-        show_dialog("#rc_edit");
-        $("#rc_file_contents").focus();
-    }
-
-    function send_rc()
-    {
-        send_message("set_rc", {
-            game_id: editing_rc,
-            contents: $("#rc_file_contents").val()
-        });
-        hide_dialog();
-        return false;
-    }
-
-    function pong(data)
-    {
-        send_message("pong");
-        return true;
-    }
-
-    function connection_closed(data)
-    {
-        var msg = data.reason;
-        set_layer("crt");
-        hide_dialog();
-        chat.reset_visibility(false);
-        $("#crt").html(msg + "

              ");
-        showing_close_message = true;
-        return true;
-    }
-
-    function play_now(id)
-    {
-        showing_close_message = false;
-        send_message("play", {
-            game_id: id
-        });
-    }
-
-    function select_next_loading_img()
-    {
-        var imgs = $("#loader img");
-        next_loading_img = Math.floor(Math.random() * imgs.length);
-        // remove the lazy loading attribute, causing the image to load.
-        // (N.b. I didn't find standards-level documentation indicating that
-        // this must do anything, but it does have the desired behavior on
-        // firefox/chrome at the time of testing.)
-        // This never bothers to add back the lazy loading attribute, under
-        // the assumption that all images will be cached.
-        if ($(imgs[next_loading_img]).attr("loading"))
-            $(imgs[next_loading_img]).removeAttr("loading");
-    }
-
-    function show_loading_screen()
-    {
-        if (current_layer == "loader")
-            return;
-        var imgs = $("#loader img");
-        next_loading_img = Math.min(imgs.length - 1, next_loading_img); // sanity check
-        imgs.hide();
-        $(imgs[next_loading_img]).show();
-        set_layer("loader");
-    }
-
-    function cleanup()
-    {
-        document.title = "WebTiles - Dungeon Crawl Stone Soup";
-
-        hide_dialog();
-
-        $(document).trigger("game_cleanup");
-        $("#game").html('');
-
-        chat.clear();
-        key_conversion.reset_keycodes();
-
-        watching = false;
-    }
-
-    function go_lobby()
-    {
-        var was_watching = watching;
-
-        cleanup();
-        current_hash = "#lobby";
+  socket.send(`{"msg":"key","keycode":${code}}`);
+}
+
+function send_bytes(bytes) {
+  s = '{"msg":"input","data":[';
+  $.each(bytes, (i, code) => {
+    if (i === 0) s += code;
+    else s += `,${code}`;
+  });
+  s += "]}";
+  socket.send(s);
+}
+
+function retrigger_event(ev, new_type) {
+  const new_ev = $.extend({}, ev);
+  new_ev.type = new_type;
+  $(new_ev.target).trigger(new_ev);
+  if (new_ev.isDefaultPrevented()) ev.preventDefault();
+  if (new_ev.isPropagationStopped()) {
+    ev.stopImmediatePropagation();
+    return false;
+  } else return true;
+}
+
+function handle_keydown(e) {
+  if ($("#stale_processes_message").is(":visible")) {
+    e.preventDefault();
+    send_message("stop_stale_process_purge");
+    hide_dialog();
+    return;
+  }
+  if ($("#force_terminate").is(":visible")) {
+    e.preventDefault();
+    if (e.which === "y".charCodeAt(0)) force_terminate_yes();
+    else force_terminate_no();
+    return;
+  }
+
+  if (!in_game()) {
+    if (e.which === 27) {
+      e.preventDefault();
+      hide_dialog();
+    }
+    return;
+  }
+  if ($(document.activeElement).hasClass("text")) return;
+
+  // supposedly `e.code` is defined on some jquery versions? not ours,
+  // though.
+  const code = e.originalEvent.code ? e.originalEvent.code : e.code;
+
+  // normalize numpad keycodes for the sake of shift and ctrl mappings.
+  // This is because sometimes, for some events, browsers will send the
+  // non-numpad keycode for digits, and we want to consistently convert
+  // modified numpad codes. This is independent of key_conversion.codes.
+  // useful tool: https://keyjs.dev/#keyboard-events-inspector
+  if (code && e.which >= 48 && e.which <= 57) {
+    switch (code) {
+      case "Numpad0":
+        e.which = 96;
+        break;
+      case "Numpad1":
+        e.which = 97;
+        break;
+      case "Numpad2":
+        e.which = 98;
+        break;
+      case "Numpad3":
+        e.which = 99;
+        break;
+      case "Numpad4":
+        e.which = 100;
+        break;
+      case "Numpad5":
+        e.which = 101;
+        break;
+      case "Numpad6":
+        e.which = 102;
+        break;
+      case "Numpad7":
+        e.which = 103;
+        break;
+      case "Numpad8":
+        e.which = 104;
+        break;
+      case "Numpad9":
+        e.which = 105;
+        break;
+      default:
+        break;
+    }
+  }
+
+  // Give the game a chance to handle the key
+  if (!retrigger_event(e, "game_keydown")) return;
+
+  if (watching) {
+    if (!e.ctrlKey && !e.shiftKey && !e.altKey) {
+      if (e.which === 27) {
+        e.preventDefault();
         location.hash = "#lobby";
-        set_layer("lobby");
-        $("#username").focus();
-
-        if (exit_reason)
-        {
-            if (was_watching || normal_exit.indexOf(exit_reason) === -1
-                || exit_message && exit_message.length > 0)
-            {
-                show_exit_dialog(exit_reason, exit_message, exit_dump,
-                                 was_watching ? watching_username : null);
-            }
-        }
-        exit_reason = null;
-        exit_message = null;
-        exit_dump = null;
-        if (current_user)
-            select_next_loading_img();
-
-        if ( $("#reset_pw").length )
-        {
-            show_dialog("#reset_pw");
-        }
-    }
-
-    function go_admin()
-    {
-        $("#admin_panel").show();
-    }
-
-    function set_account_hold()
-    {
-        $("#account_restricted").show();
-    }
-
-    function clear_account_hold()
-    {
-        $("#account_restricted").hide();
-    }
-
-    function login_required(data)
-    {
-        cleanup();
-        show_loading_screen();
-        show_prompt("Login required to play "
-                    + data.game + ":",
-                    "              Back to lobby");
-    }
-
-    function chat_login(data)
-    {
-        if (!in_game() || !watching) return;
-
-        var a = $("Close");
-        a.click(hide_prompt);
-        show_prompt("Login to chat:", a);
-    }
-
-    var new_list = null;
-
-    function lobby_entry(data)
-    {
-        var single = false;
-        if (new_list == null)
-        {
-            single = true;
-            new_list = $("#player_list").clone();
-        }
-
-        var id = "game-" + data.id;
-        var entry = new_list.find("#" + id);
-        if (entry.length == 0)
-        {
-            entry = $("#game_entry_template").clone();
-            entry.attr("id", id);
-            new_list.append(entry);
-        }
-
-        function set(key, value)
-        {
-            entry.find("." + key).html(value);
-        }
-
-        var username_entry = $(make_watch_link(data));
-        username_entry.text(data.username);
-        set("username", username_entry);
-        set("game_id", data.game_id);
-        set("xl", data.xl);
-        set("char", data.char);
-        set("place", data.place);
-        if (data.turn && data.dur)
-        {
-            set("turn", data.turn);
-            set("dur", format_duration(parseInt(data.dur)));
-
-            new_list.removeClass("no_game_times");
-        }
-        set("god", data.god || "");
-        set("title", data.title);
-        set("idle_time", format_idle_time(data.idle_time));
-        entry.find(".idle_time")
-            .data("time", data.idle_time)
-            .attr("data-time", "" + data.idle_time);
-        entry.find(".idle_time")
-            .data("sort", "" + data.idle_time)
-            .attr("data-sort", "" + data.idle_time);
-        set("spectator_count", data.spectator_count > 0 ? data.spectator_count : "");
-        if (entry.find(".milestone").text() !== data.milestone)
-        {
-            if (single)
-                roll_in_new_milestone(entry, data.milestone);
-            else
-                set("milestone", data.milestone);
-        }
-
-        if (single)
-            lobby_complete();
-    }
-
-    var lobby_idle_timer = setInterval(update_lobby_idle_times, 1000);
-    function update_lobby_idle_times()
-    {
-        $("#player_list .idle_time").each(function () {
-            var $this = $(this);
-            var time = $this.data("time");
-            if (time)
-            {
-                time++;
-                $this.html(format_idle_time(time));
-                $this.data("time", time)
-                    .attr("data-time", "" + time);
-                $this.data("sort", "" + time)
-                    .attr("data-sort", "" + time);
-            }
-        });
-    }
-
-    function lobby_remove(data)
-    {
-        $("#game-" + data.id).remove();
-        if ($("#player_list tbody tr").length == 0)
-            $("#lobby_body").hide();
-    }
-
-    function lobby_clear()
-    {
-        new_list = $("#player_list").clone();
-        new_list.find("tbody").html("");
-    }
-    function lobby_complete()
-    {
-        var old_list = $("#player_list");
-        var sortlist;
-        if (new_list.find("tbody tr").length > 0)
-        {
-            $("#lobby_body").show();
-            if (old_list[0].config)
-                sortlist = old_list[0].config.sortList;
-            else
-                sortlist = [[0, 0]];
-            new_list.tablesorter({
-                sortList: sortlist,
-                textExtraction: extract_text_or_data,
-                headers: { 0: { sorter: "text" } }
-            });
-        }
-        else
-            $("#lobby_body").hide();
-        old_list.replaceWith(new_list);
-        new_list = null;
-    }
-
-    function make_watch_link(data)
-    {
-        if (data.username.startsWith("[account hold]"))
-            return ""; // don't linkify, watching disabled
-        else
-            return "";
-    }
-
-    function format_duration(seconds)
-    {
-        var elem = $("");
-        if (seconds == 0)
-        {
-            elem.text("");
-        }
-        else if (seconds < 60)
-        {
-            elem.text(seconds + "s");
-        }
-        else if (seconds < (60 * 60))
-        {
-            elem.text(Math.floor(seconds / 60) + "m");
-        }
-        else
-        {
-            elem.text(Math.floor(seconds / (60 * 60)) + "h " +
-                (Math.floor(seconds / 60) % 60) + "m");
-        }
-        return elem;
-    }
-
-    function format_idle_time(seconds)
-    {
-        var elem = $("");
-        if (seconds == 0)
-        {
-            elem.text("");
-        }
-        else if (seconds < 120)
-        {
-            elem.text(seconds + "s");
-        }
-        else if (seconds < (60 * 60))
-        {
-            elem.text(Math.round(seconds / 60) + "m");
-        }
-        else
-        {
-            elem.text(Math.round(seconds / (60 * 60)) + "h");
-        }
-        return elem;
-    }
-
-    function extract_text_or_data(elem)
-    {
-        var $elem = $(elem);
-        if ($elem.data("sort"))
-            return $elem.data("sort");
-        else
-            return $elem.text();
-    }
-
-    function roll_in_new_milestone(row, milestone)
-    {
-        var td = row.find(".milestone_col");
-        if (td.length == 0) return;
-
-        var new_milestone = td.find(".new_milestone");
-        new_milestone.text(milestone);
-
-        var milestones = td.find(".new_milestone, .milestone");
-        milestones.animate({ top: "-1.1em" }, function () {
-            milestones.text(milestone);
-            milestones.css({ top: 0 });
-        });
-    }
-
-
-    function force_terminate_no()
-    {
-        send_message("force_terminate", { answer: false });
-        hide_dialog();
-    }
-    function force_terminate_yes()
-    {
-        send_message("force_terminate", { answer: true });
-        hide_dialog();
-    }
-    function handle_stale_processes(data)
-    {
-        $(".game_name").html(data.game);
-        $(".recover_timeout").html("" + data.timeout);
-        show_dialog("#stale_processes_message");
-    }
-    function handle_force_terminate(data)
-    {
-        show_dialog("#force_terminate");
-    }
-
-    comm.register_handlers({
-        "stale_processes": handle_stale_processes,
-        "force_terminate?": handle_force_terminate
+      } else if (e.which === 123) {
+        // F12
+        e.preventDefault();
+        chat.focus();
+      }
+    }
+    return;
+  }
+
+  if (e.ctrlKey && !e.shiftKey && !e.altKey) {
+    if (e.which in key_conversion.ctrl) {
+      e.preventDefault();
+      send_keycode(key_conversion.ctrl[e.which]);
+    } else if (
+      $.inArray(
+        String.fromCharCode(e.which),
+        key_conversion.captured_control_keys
+      ) !== -1
+    ) {
+      e.preventDefault();
+      const code = e.which - "A".charCodeAt(0) + 1; // Compare the CONTROL macro in defines.h
+      send_keycode(code);
+    }
+  } else if (!e.ctrlKey && e.shiftKey && !e.altKey) {
+    if (e.which in key_conversion.shift) {
+      e.preventDefault();
+      send_keycode(key_conversion.shift[e.which]);
+    }
+  } else if (e.ctrlKey && e.shiftKey && !e.altKey) {
+    if (e.which in key_conversion.ctrlshift) {
+      e.preventDefault();
+      send_keycode(key_conversion.ctrlshift[e.which]);
+    }
+  } else if (!e.ctrlKey && !e.shiftKey && e.altKey) {
+    if (e.which < 32) return;
+
+    e.preventDefault();
+    send_bytes([27, e.which]); // XX ???
+  } else if (!e.ctrlKey && !e.shiftKey && !e.altKey) {
+    if (e.which === 123 || (code && code === "F12")) {
+      // probably unncessesary for now
+      e.preventDefault();
+      chat.focus();
+    } else if (
+      key_conversion.codes && // <- cache safety, remove someday
+      key_conversion.code_conversion_enabled() &&
+      code &&
+      code in key_conversion.codes
+    ) {
+      e.preventDefault();
+      send_keycode(key_conversion.codes[code]);
+    } else if (e.which in key_conversion.simple) {
+      e.preventDefault();
+      send_keycode(key_conversion.simple[e.which]);
+    } else if (e.which in key_conversion.legacy) {
+      // for current versions, these should be entirely shadowed.
+      // pre-0.27: values here are used, see comments in
+      // key_conversion.js
+      // 0.27-0.28: game.js set these values in key_conversion.simple
+      // 0.29 onwards: key_conversion.codes preempts all of these
+      e.preventDefault();
+      send_keycode(key_conversion.legacy[e.which]);
+    }
+    // else
+    //    log("Unhandled key: " + e.which + ", " + code);
+  }
+}
+
+function start_login() {
+  if (get_login_cookie()) {
+    $("#login_form").hide();
+    $("#reg_link").hide();
+    $("#forgot_link").hide();
+    $("#login_message").html("Logging in...");
+    send_message("token_login", {
+      cookie: get_login_cookie(),
     });
-
-    function watching_started(data)
-    {
-        watching = true;
-        watching_username = data.username;
-        playing = false;
-    }
-    exports.is_watching = function ()
-    {
-        return watching;
-    }
-
-    function crawl_started()
-    {
-        playing = true;
-        watching = false;
-    }
-
-    function crawl_ended(data)
-    {
-        playing = false;
-
-        exit_reason = data.reason;
-        exit_message = data.message;
-        exit_dump = data.dump;
-    }
-
-    function hash_changed()
-    {
-        if (location.hash === current_hash)
-            return;
-        current_hash = location.hash;
-
-        var watch = location.hash.match(/^#watch-(.+)/i);
-        var play = location.hash.match(/^#play-(.+)/i);
-        if (watch)
-        {
-            var watch_user = watch[1];
-            send_message("watch", {
-                username: watch_user
-            });
-        }
-        else if (play)
-        {
-            var game_id = play[1];
-            send_message("play", {
-                game_id: game_id
-            });
-        }
-        else
-        {
-            send_message("go_lobby");
-        }
-    }
-
-    function set_game_links(data)
-    {
-        $("#play_now").html(data.content);
-        $("#play_now .edit_rc_link").click(function (ev) {
-            // $(this).data("game_id") will return a number for values like
-            // "0.24", so explicitly coerce to string.
-            var id = $(this).data("game_id").toString();
-            edit_rc(id);
-        });
-    }
-
-    function set_html(data)
-    {
-        $("#" + data.id).html(data.content);
-    }
-
-    requirejs.onResourceLoad = function (context, map, depArray) {
-        if (loaded_modules != null)
-            loaded_modules.push(map.id);
-    }
-
-    function receive_game_client(data)
-    {
-        if (game_version == null || data["version"] != game_version)
-        {
-            $(document).off();
-            bind_document_events();
-            for (var i in loaded_modules)
-                requirejs.undef(loaded_modules[i]);
-            loaded_modules = [];
-        }
-        game_version = data["version"];
-
-        inhibit_messages();
-        show_loading_screen();
-        delete window.game_loading;
-        $("#game").html(data.content);
-        if (data.content.indexOf("game_loading") === -1)
-        {
-            // old version, uninhibit can happen too early
-            $("#game").waitForImages(uninhibit_messages);
-        }
-        else
-        {
-            $("#game").waitForImages(function ()
-            {
-                var load_interval = setInterval(check_loading, 50);
-
-                function check_loading()
-                {
-                    if (window.game_loading)
-                    {
-                        delete window.game_loading;
-                        uninhibit_messages();
-                        clearInterval(load_interval);
-                    }
-                }
-            });
-        }
-    }
-
-    function do_set_layer(data)
-    {
-        set_layer(data.layer);
-    }
-
-    function do_reload_url()
-    {
-        window.location.assign('/');
-    }
-
-    function handle_multi_message(data)
-    {
-        var msg;
-        while (msg = data.msgs.pop())
-            message_queue.unshift(msg);
-    }
-
-    function decode_utf8(bufs, callback)
-    {
-        if (text_decoder)
-            callback(text_decoder.decode(bufs));
-        else
-        {
-            // this approach is only a fallback for older browsers because the
-            // order of the callback isn't guaranteed, so messages can get
-            // queued out of order. TODO: maybe just fall back on uncompressed
-            // sockets instead?
-            var b = new Blob([bufs]);
-            var f = new FileReader();
-            f.onload = function(e) {
-                callback(e.target.result)
-            }
-            f.readAsText(b, "UTF-8");
-        }
-    }
-
-    var blob_construction_supported = true;
-    try {
-        var blob = new Blob([new Uint8Array([0])]);
-    }
-    catch (e)
-    {
-        blob_construction_supported = false;
-        log("Blob construction not supported, disabling compression");
-    }
-
-    function inflate_works_on_ua()
-    {
-        if (!blob_construction_supported)
-            return false;
-        var b = $.browser;
-        if (b.chrome && b.version.match("^14\."))
-            return false; // doesn't support binary frames
-        if (b.chrome && b.version.match("^19\."))
-            return false; // buggy Blob builder
-        if (b.safari)
-            return false;
-        if (b.opera)
-            return false; // errors in inflate.js (?)
-        return true;
-    }
-
-    function bind_document_events()
-    {
-        $(document).on("keypress.client", handle_keypress);
-        $(document).on("keydown.client", handle_keydown);
-    }
-
-    // Global functions for backwards compatibility (HACK)
-    window.log = log;
-    window.set_layer = set_layer;
-    window.assert = function () {};
-    window.abs = function (x) { if (x < 0) return -x; else return x; }
-
-    comm.register_immediate_handlers({
-        "ping": pong,
-        "close": connection_closed,
+    set_login_cookie(null);
+  } else $("#username").focus();
+}
+
+let current_user;
+
+// keep in mind that client-side, you can't rely on this variable being
+// real. All admin actions needed to be validated on the server. Here it
+// is only for whether to show the UI at all.
+let admin_user = false;
+
+function login() {
+  $("#login_form").hide();
+  $("#reg_link").hide();
+  $("#forgot_link").hide();
+  $("#login_message").html("Logging in...");
+  const username = $("#username").val();
+  const password = $("#password").val();
+  send_message("login", {
+    username: username,
+    password: password,
+  });
+  return false;
+}
+
+function auth_error(data) {
+  const reason = data.reason;
+  if (reason) $("#login_message").html(reason);
+  else $("#login_message").html("Login failed.");
+}
+
+function login_failed(data) {
+  auth_error(data);
+  $("#login_form").show();
+  $("#reg_link").show();
+  $("#forgot_link").show();
+  current_user = null;
+  admin_user = false;
+}
+
+function logged_in(data) {
+  const username = data.username;
+  hide_prompt();
+  $("#login_message").html(`Logged in as ${username}`);
+  current_user = username;
+  admin_user = data.admin;
+  hide_dialog();
+  $("#login_form").hide();
+  $("#reg_link").hide();
+  $("#forgot_link").hide();
+  $("#chem_link").show();
+  $("#chpw_link").show();
+  $("#logout_link").show();
+
+  chat.reset_visibility(true);
+  $("#chat_input").show();
+  $("#chat_login_text").hide();
+  if (admin_user) $("#admin_panel_button").show();
+  else $("#admin_panel_button").hide();
+
+  send_message("set_login_cookie");
+
+  if (!watching) {
+    current_hash = null;
+    hash_changed();
+  }
+}
+
+function set_login_cookie(data) {
+  if (data) $.cookie("login", data.cookie, { expires: data.expires });
+  else $.cookie("login", null);
+}
+
+function get_login_cookie() {
+  return $.cookie("login");
+}
+
+function handle_logout(data) {
+  logout(false);
+  auth_error(data);
+}
+
+function logout(force_reload = true) {
+  if (get_login_cookie()) {
+    send_message("forget_login_cookie", {
+      cookie: get_login_cookie(),
     });
-
-    comm.register_handlers({
-        "multi": handle_multi_message,
-
-        "set_game_links": set_game_links,
-        "html": set_html,
-        "show_dialog": handle_dialog,
-        "hide_dialog": hide_dialog,
-
-        "lobby_clear": lobby_clear,
-        "lobby_entry": lobby_entry,
-        "lobby_remove": lobby_remove,
-        "lobby_complete": lobby_complete,
-
-        "go_lobby": go_lobby,
-        "go_admin": go_admin,
-        "set_account_hold": set_account_hold,
-        "clear_account_hold": clear_account_hold,
-        "login_required": login_required,
-        "game_started": crawl_started,
-        "game_ended": crawl_ended,
-        "server_announcement": server_announcement,
-
-        "login_success": logged_in,
-        "login_fail": login_failed,
-        "auth_error": auth_error,
-        "logout": handle_logout,
-        "login_cookie": set_login_cookie,
-        "register_fail": register_failed,
-        "start_change_email": start_change_email,
-        "change_email_fail": change_email_failed,
-        "change_email_done": change_email_done,
-        "start_change_password": start_change_password,
-        "change_password_done": change_password_done,
-        "change_password_fail": change_password_failed,
-        "forgot_password_fail": forgot_password_failed,
-        "forgot_password_done": forgot_password_done,
-        "reset_password_fail": reset_password_failed,
-
-        "admin_log": admin_log,
-        "admin_pw_reset_done": admin_pw_reset_done,
-
-        "watching_started": watching_started,
-
-        "rcfile_contents": rcfile_contents,
-
-        "game_client": receive_game_client,
-
-        "layer": do_set_layer,
-
-        "reload_url": do_reload_url,
+    set_login_cookie(null);
+  }
+  current_user = null;
+  admin_user = false;
+  $("#login_form").show();
+  $("#reg_link").show();
+  $("#forgot_link").show();
+  $("#chem_link").hide();
+  $("#chpw_link").hide();
+  $("#logout_link").hide();
+  $("#account_restricted").hide();
+  $("#play_now").html("");
+
+  $("#admin_panel_button").hide();
+  $("#admin_panel").hide();
+  // unless this results from a player click directly, it'll prompt the
+  // player. So we skip it for a logout message from the server. This
+  // *should* be ok, maybe with some glitches.
+  if (force_reload) location.reload();
+}
+
+function toggle_admin_panel() {
+  if (admin_user) $("#admin_panel").toggle();
+}
+
+function admin_announce() {
+  const text = $("#announcement_text").val();
+  if (text.length > 0) {
+    send_message("admin_announce", { text: text });
+    $("#announcement_text").val("");
+  }
+}
+
+function admin_pw_reset() {
+  const username = $("#admin_username").val();
+  if (username.length === 0) admin_log_msg("No username provided!");
+  else send_message("admin_pw_reset", { username: username });
+}
+
+function admin_pw_reset_done(data) {
+  if (data.error) admin_log_msg(`Password reset failed: ${data.error}`);
+  else {
+    admin_log_msg(`Password reset token set for ${data.username}`);
+    $("#ok_message_content").html(
+      "
              Password reset info:
              "
+    );
+    $("#ok_message_content").append(
+      `
              Username: ${data.username}
              `
+    );
+    $("#ok_message_content").append(
+      `
              User email: ${data.email}
              `
+    );
+    $("#ok_message_content").append(
+      `
              Message to send:
              ${data.email_body}
              `
+    );
+    show_dialog("#floating_ok_message");
+  }
+}
+
+function admin_pw_reset_clear() {
+  const username = $("#admin_username").val();
+  if (username.length === 0) admin_log_msg("No username provided!");
+  else {
+    admin_log_msg(`Password reset token cleared for ${username}`);
+    send_message("admin_pw_reset_clear", { username: username });
+  }
+}
+
+function admin_log_msg(text) {
+  $("#admin_panel_log").append(`
              ${text}
              `);
+}
+
+function admin_log(data) {
+  admin_log_msg(data.text);
+}
+
+function server_announcement(data) {
+  const text =
+    'Serverwide announcement: ' +
+    data.text +
+    "";
+  chat.show_in_chat(text);
+}
+
+function show_dialog(id) {
+  $(".floating_dialog").hide();
+  const elem = $(id);
+  elem.stop(true, true).fadeIn(100, () => {
+    elem.focus();
+  });
+  center_element(elem);
+  $("#overlay").show();
+}
+function center_element(elem) {
+  let left = $(window).width() / 2 - elem.outerWidth() / 2;
+  if (left < 0) left = 0;
+  let top = $(window).height() / 2 - elem.outerHeight() / 2;
+  if (top < 0) top = 0;
+  if (top > 50) top = 50;
+  const offset = elem.offset();
+  if (offset.left !== left || offset.top !== top)
+    elem.offset({ left: left, top: top });
+}
+function hide_dialog() {
+  showing_close_message = false;
+  $(".floating_dialog").blur().hide();
+  $("#overlay").hide();
+}
+
+function handle_dialog(data) {
+  const dialog = $("
              ");
+  dialog.html(data.html);
+  $("body").append(dialog);
+  dialog.find("[data-key]").on("click", function (_ev) {
+    const key = $(this).data("key");
+    send_bytes([key.charCodeAt(0)]);
+  });
+  show_dialog(dialog);
+}
+
+function possessive(name) {
+  return `${name}'${name.slice(-1) === "s" ? "" : "s"}`;
+}
+
+function exit_reason_message(reason, watched_name) {
+  if (watched_name) {
+    switch (reason) {
+      case "quit":
+      case "won":
+      case "bailed out":
+      case "dead":
+        return null;
+      case "cancel":
+        return `${watched_name} quit before creating a character.`;
+      case "saved":
+        return `${watched_name} stopped playing (saved).`;
+      case "crash":
+        return `${possessive(watched_name)} game crashed.`;
+      case "error":
+        return `${possessive(
+          watched_name
+        )} game was terminated due to an error.`;
+      case "disconnect":
+        return `${watched_name} has been disconnected.`;
+      default:
+        return (
+          possessive(watched_name) +
+          " game ended unexpectedly." +
+          (reason !== "unknown" ? ` (${reason})` : "")
+        );
+    }
+  } else {
+    switch (reason) {
+      case "quit":
+      case "won":
+      case "bailed out":
+      case "dead":
+      case "saved":
+      case "cancel":
+        return null;
+      case "crash":
+        return "Unfortunately your game crashed.";
+      case "error":
+        return "Unfortunately your game terminated due to an error.";
+      case "disconnect":
+        return "You have been disconnected.";
+      default:
+        return (
+          "Unfortunately your game ended unexpectedly." +
+          (reason !== "unknown" ? ` (${reason})` : "")
+        );
+    }
+  }
+}
+
+function show_exit_dialog(reason, message, dump, watched_name) {
+  const reason_msg = exit_reason_message(reason, watched_name);
+  if (reason_msg != null) $("#exit_game_reason").text(reason_msg).show();
+  else $("#exit_game_reason").hide();
+
+  if (message) $("#exit_game_message").text(message.replace(/\s+$/, "")).show();
+  else $("#exit_game_message").hide();
+
+  if (dump) {
+    const a = $("").attr("target", "_blank").attr("href", `${dump}.txt`);
+    if (reason === "saved") a.text("Character dump");
+    else if (reason === "crash") a.text("Crash log");
+    else a.text("Morgue file");
+    $("#exit_game_dump").html(a).show();
+  } else $("#exit_game_dump").hide();
+
+  show_dialog("#exit_game");
+}
+
+function start_register() {
+  show_dialog("#register");
+  $("#reg_username").focus();
+}
+
+function cancel_register() {
+  hide_dialog();
+}
+
+function register() {
+  const username = $("#reg_username").val();
+  const password = $("#reg_password").val();
+  const password_repeat = $("#reg_repeat_password").val();
+  const email = $("#reg_email").val();
+
+  if (username.indexOf(" ") >= 0) {
+    $("#register_message").html("The username can't contain spaces.");
+    return false;
+  }
+
+  if (password !== password_repeat) {
+    $("#register_message").html("Passwords don't match.");
+    return false;
+  }
+
+  send_message("register", {
+    username: username,
+    password: password,
+    email: email,
+  });
+
+  return false;
+}
+
+function register_failed(data) {
+  $("#register_message").html(data.reason);
+}
+
+function ask_change_password() {
+  send_message("start_change_password");
+}
+
+function start_change_password(_data) {
+  $("#chpw_message").html("");
+  show_dialog("#change_password");
+  $("#change_cur_password").focus();
+}
+
+function cancel_change_password() {
+  hide_dialog();
+}
+
+function change_password_done(_data) {
+  $("#ok_message_content").html("Password changed!");
+  show_dialog("#floating_ok_message");
+}
+
+function change_password() {
+  const cur_password = $("#change_cur_password").val();
+  const new_password = $("#change_new_password").val();
+  const new_password_repeat = $("#change_repeat_password").val();
+
+  if (new_password !== new_password_repeat) {
+    $("#chpw_message").html("Passwords don't match.");
+    return false;
+  }
+
+  send_message("change_password", {
+    cur_password: cur_password,
+    new_password: new_password,
+  });
+
+  return false;
+}
+
+function change_password_failed(data) {
+  let msg = "Password change failed!";
+  if (data.reason) msg = `${msg} ${data.reason}`;
+  $("#ok_message_content").html(msg);
+  show_dialog("#floating_ok_message");
+}
+
+function ask_change_email() {
+  send_message("start_change_email");
+}
+
+function start_change_email(data) {
+  $("#chem_current").html(data.email);
+  $("#chem_message").html("");
+  show_dialog("#change_email");
+  $("#chem_email").focus();
+}
+
+function cancel_change_email() {
+  hide_dialog();
+}
+
+function change_email() {
+  const email = $("#chem_email").val();
+
+  send_message("change_email", {
+    email: email,
+  });
+
+  return false;
+}
+
+function change_email_failed(data) {
+  $("#chem_message").html(data.reason);
+}
+
+function change_email_done(data) {
+  if (data.email === "") {
+    $("#ok_message_content").html(
+      "Your account is no longer associated with an email address."
+    );
+  } else {
+    $("#ok_message_content").html(
+      `Your email address has been set to ${data.email}.`
+    );
+  }
+
+  show_dialog("#floating_ok_message");
+}
+
+function start_forgot_password() {
+  $("#forgot_message").html("");
+  show_dialog("#forgot");
+  $("#forgot_email").focus();
+}
+
+function cancel_forgot_password() {
+  hide_dialog();
+}
+
+function forgot_password() {
+  const email = $("#forgot_email").val();
+
+  if (email.indexOf(" ") >= 0) {
+    $("#forgot_message").html("The email address can't contain spaces.");
+    return false;
+  }
+
+  send_message("forgot_password", {
+    email: email,
+  });
+
+  return false;
+}
+
+function forgot_password_failed(data) {
+  $("#forgot_message").html(data.reason);
+}
+
+function forgot_password_done() {
+  show_dialog("#forgot_2");
+}
+
+function reset_password() {
+  const token = $("#reset_pw_token").val();
+  const password = $("#reset_pw_password").val();
+  const password_repeat = $("#reset_pw_repeat_password").val();
+
+  if (password !== password_repeat) {
+    $("#reset_pw_message").html("Passwords don't match.");
+    return false;
+  }
+
+  send_message("reset_password", {
+    token: token,
+    password: password,
+  });
+
+  return false;
+}
+
+function cancel_reset_password() {
+  do_reload_url();
+}
+
+function reset_password_failed(data) {
+  $("#reset_pw_message").html(data.reason);
+}
+
+let editing_rc;
+function edit_rc(id) {
+  send_message("get_rc", { game_id: id });
+  editing_rc = id;
+}
+
+function rcfile_contents(data) {
+  // Ignores wrong rcfile if on a slow connection we clicked two different
+  // "edit rc" buttons quickly
+  if (data.game_id && data.game_id !== editing_rc) return;
+  $("#rc_file_contents").val(data.contents);
+  show_dialog("#rc_edit");
+  $("#rc_file_contents").focus();
+}
+
+function send_rc() {
+  send_message("set_rc", {
+    game_id: editing_rc,
+    contents: $("#rc_file_contents").val(),
+  });
+  hide_dialog();
+  return false;
+}
+
+function pong(_data) {
+  send_message("pong");
+  return true;
+}
+
+function connection_closed(data) {
+  const msg = data.reason;
+  set_layer("crt");
+  hide_dialog();
+  chat.reset_visibility(false);
+  $("#crt").html(`${msg}

              `);
+  showing_close_message = true;
+  return true;
+}
+
+function _play_now(id) {
+  showing_close_message = false;
+  send_message("play", {
+    game_id: id,
+  });
+}
+
+function select_next_loading_img() {
+  const imgs = $("#loader img");
+  next_loading_img = Math.floor(Math.random() * imgs.length);
+  // remove the lazy loading attribute, causing the image to load.
+  // (N.b. I didn't find standards-level documentation indicating that
+  // this must do anything, but it does have the desired behavior on
+  // firefox/chrome at the time of testing.)
+  // This never bothers to add back the lazy loading attribute, under
+  // the assumption that all images will be cached.
+  if ($(imgs[next_loading_img]).attr("loading"))
+    $(imgs[next_loading_img]).removeAttr("loading");
+}
+
+function show_loading_screen() {
+  if (current_layer === "loader") return;
+  const imgs = $("#loader img");
+  next_loading_img = Math.min(imgs.length - 1, next_loading_img); // sanity check
+  imgs.hide();
+  $(imgs[next_loading_img]).show();
+  set_layer("loader");
+}
+
+function cleanup() {
+  document.title = "WebTiles - Dungeon Crawl Stone Soup";
+
+  hide_dialog();
+
+  $(document).trigger("game_cleanup");
+  $("#game").html('');
+
+  chat.clear();
+  key_conversion.reset_keycodes();
+
+  watching = false;
+}
+
+function go_lobby() {
+  const was_watching = watching;
+
+  cleanup();
+  current_hash = "#lobby";
+  location.hash = "#lobby";
+  set_layer("lobby");
+  $("#username").focus();
+
+  if (exit_reason) {
+    if (
+      was_watching ||
+      normal_exit.indexOf(exit_reason) === -1 ||
+      (exit_message && exit_message.length > 0)
+    ) {
+      show_exit_dialog(
+        exit_reason,
+        exit_message,
+        exit_dump,
+        was_watching ? watching_username : null
+      );
+    }
+  }
+  exit_reason = null;
+  exit_message = null;
+  exit_dump = null;
+  if (current_user) select_next_loading_img();
+
+  if ($("#reset_pw").length) {
+    show_dialog("#reset_pw");
+  }
+}
+
+function go_admin() {
+  $("#admin_panel").show();
+}
+
+function set_account_hold() {
+  $("#account_restricted").show();
+}
+
+function clear_account_hold() {
+  $("#account_restricted").hide();
+}
+
+function login_required(data) {
+  cleanup();
+  show_loading_screen();
+  show_prompt(
+    `Login required to play ${data.game}:`,
+    "              Back to lobby"
+  );
+}
+
+function chat_login(_data) {
+  if (!in_game() || !watching) return;
+
+  const a = $("Close");
+  a.click(hide_prompt);
+  show_prompt("Login to chat:", a);
+}
+
+let new_list = null;
+
+function lobby_entry(data) {
+  let single = false;
+  if (new_list == null) {
+    single = true;
+    new_list = $("#player_list").clone();
+  }
+
+  const id = `game-${data.id}`;
+  let entry = new_list.find(`#${id}`);
+  if (entry.length === 0) {
+    entry = $("#game_entry_template").clone();
+    entry.attr("id", id);
+    new_list.append(entry);
+  }
+
+  function set(key, value) {
+    entry.find(`.${key}`).html(value);
+  }
+
+  const username_entry = $(make_watch_link(data));
+  username_entry.text(data.username);
+  set("username", username_entry);
+  set("game_id", data.game_id);
+  set("xl", data.xl);
+  set("char", data.char);
+  set("place", data.place);
+  if (data.turn && data.dur) {
+    set("turn", data.turn);
+    set("dur", format_duration(parseInt(data.dur, 10)));
+
+    new_list.removeClass("no_game_times");
+  }
+  set("god", data.god || "");
+  set("title", data.title);
+  set("idle_time", format_idle_time(data.idle_time));
+  entry
+    .find(".idle_time")
+    .data("time", data.idle_time)
+    .attr("data-time", `${data.idle_time}`);
+  entry
+    .find(".idle_time")
+    .data("sort", `${data.idle_time}`)
+    .attr("data-sort", `${data.idle_time}`);
+  set("spectator_count", data.spectator_count > 0 ? data.spectator_count : "");
+  if (entry.find(".milestone").text() !== data.milestone) {
+    if (single) roll_in_new_milestone(entry, data.milestone);
+    else set("milestone", data.milestone);
+  }
+
+  if (single) lobby_complete();
+}
+
+const _lobby_idle_timer = setInterval(update_lobby_idle_times, 1000);
+function update_lobby_idle_times() {
+  $("#player_list .idle_time").each(function () {
+    const $this = $(this);
+    let time = $this.data("time");
+    if (time) {
+      time++;
+      $this.html(format_idle_time(time));
+      $this.data("time", time).attr("data-time", `${time}`);
+      $this.data("sort", `${time}`).attr("data-sort", `${time}`);
+    }
+  });
+}
+
+function lobby_remove(data) {
+  $(`#game-${data.id}`).remove();
+  if ($("#player_list tbody tr").length === 0) $("#lobby_body").hide();
+}
+
+function lobby_clear() {
+  new_list = $("#player_list").clone();
+  new_list.find("tbody").html("");
+}
+function lobby_complete() {
+  const old_list = $("#player_list");
+  let sortlist;
+  if (new_list.find("tbody tr").length > 0) {
+    $("#lobby_body").show();
+    if (old_list[0].config) sortlist = old_list[0].config.sortList;
+    else sortlist = [[0, 0]];
+    new_list.tablesorter({
+      sortList: sortlist,
+      textExtraction: extract_text_or_data,
+      headers: { 0: { sorter: "text" } },
     });
+  } else $("#lobby_body").hide();
+  old_list.replaceWith(new_list);
+  new_list = null;
+}
+
+function make_watch_link(data) {
+  if (data.username.startsWith("[account hold]"))
+    return ""; // don't linkify, watching disabled
+  else return ``;
+}
+
+function format_duration(seconds) {
+  const elem = $("");
+  if (seconds === 0) {
+    elem.text("");
+  } else if (seconds < 60) {
+    elem.text(`${seconds}s`);
+  } else if (seconds < 60 * 60) {
+    elem.text(`${Math.floor(seconds / 60)}m`);
+  } else {
+    elem.text(
+      Math.floor(seconds / (60 * 60)) +
+        "h " +
+        (Math.floor(seconds / 60) % 60) +
+        "m"
+    );
+  }
+  return elem;
+}
+
+function format_idle_time(seconds) {
+  const elem = $("");
+  if (seconds === 0) {
+    elem.text("");
+  } else if (seconds < 120) {
+    elem.text(`${seconds}s`);
+  } else if (seconds < 60 * 60) {
+    elem.text(`${Math.round(seconds / 60)}m`);
+  } else {
+    elem.text(`${Math.round(seconds / (60 * 60))}h`);
+  }
+  return elem;
+}
+
+function extract_text_or_data(elem) {
+  const $elem = $(elem);
+  if ($elem.data("sort")) return $elem.data("sort");
+  else return $elem.text();
+}
+
+function roll_in_new_milestone(row, milestone) {
+  const td = row.find(".milestone_col");
+  if (td.length === 0) return;
+
+  const new_milestone = td.find(".new_milestone");
+  new_milestone.text(milestone);
+
+  const milestones = td.find(".new_milestone, .milestone");
+  milestones.animate({ top: "-1.1em" }, () => {
+    milestones.text(milestone);
+    milestones.css({ top: 0 });
+  });
+}
+
+function force_terminate_no() {
+  send_message("force_terminate", { answer: false });
+  hide_dialog();
+}
+function force_terminate_yes() {
+  send_message("force_terminate", { answer: true });
+  hide_dialog();
+}
+function handle_stale_processes(data) {
+  $(".game_name").html(data.game);
+  $(".recover_timeout").html(`${data.timeout}`);
+  show_dialog("#stale_processes_message");
+}
+function handle_force_terminate(_data) {
+  show_dialog("#force_terminate");
+}
+
+comm.register_handlers({
+  stale_processes: handle_stale_processes,
+  "force_terminate?": handle_force_terminate,
+});
 
-    $(document).ready(function () {
-        bind_document_events();
+function watching_started(data) {
+  watching = true;
+  watching_username = data.username;
+  playing = false;
+}
+const is_watching = () => watching;
+
+function crawl_started() {
+  playing = true;
+  watching = false;
+}
+
+function crawl_ended(data) {
+  playing = false;
+
+  exit_reason = data.reason;
+  exit_message = data.message;
+  exit_dump = data.dump;
+}
+
+function hash_changed() {
+  if (location.hash === current_hash) return;
+  current_hash = location.hash;
+
+  const watch = location.hash.match(/^#watch-(.+)/i);
+  const play = location.hash.match(/^#play-(.+)/i);
+  if (watch) {
+    const watch_user = watch[1];
+    send_message("watch", {
+      username: watch_user,
+    });
+  } else if (play) {
+    const game_id = play[1];
+    send_message("play", {
+      game_id: game_id,
+    });
+  } else {
+    send_message("go_lobby");
+  }
+}
+
+function set_game_links(data) {
+  $("#play_now").html(data.content);
+  $("#play_now .edit_rc_link").click(function (_ev) {
+    // $(this).data("game_id") will return a number for values like
+    // "0.24", so explicitly coerce to string.
+    const id = $(this).data("game_id").toString();
+    edit_rc(id);
+  });
+}
+
+function set_html(data) {
+  $(`#${data.id}`).html(data.content);
+}
+
+requirejs.onResourceLoad = (_context, map, _depArray) => {
+  if (loaded_modules != null) loaded_modules.push(map.id);
+};
+
+function receive_game_client(data) {
+  if (game_version == null || data.version !== game_version) {
+    $(document).off();
+    bind_document_events();
+    for (const i in loaded_modules) requirejs.undef(loaded_modules[i]);
+    loaded_modules = [];
+  }
+  if (game_script) {
+    document.head.removeChild(game_script);
+  }
+  game_version = data.version;
+
+  inhibit_messages();
+  show_loading_screen();
+  delete window.game_loading;
+
+  const waitForImages = () => {
+    $("#game").waitForImages(() => {
+      const load_interval = setInterval(check_loading, 50);
+
+      function check_loading() {
+        if (window.game_loading) {
+          delete window.game_loading;
+          uninhibit_messages();
+          clearInterval(load_interval);
+        }
+      }
+    });
+  };
+  if (data.content.indexOf("") >= 0) {
+    // New version. There is maybe a less hacky way to make ourselves available
+    // to the game but this also works.
+    window.DCSS ??= {};
+    window.DCSS.comm = comm;
+    window.DCSS.client = client;
+    window.DCSS.key_conversion = key_conversion;
+    window.game_loading = true;
+    window.jQuery = $;
+    inhibit_messages();
+    $("#game").html(data.content);
+    const script = document.createElement("script");
+    script.src = `/gamedata/${data.version}/game.js`;
+    document.head.appendChild(script);
+    game_script = script;
+    waitForImages();
+  } else if (data.content.indexOf("game_loading") === -1) {
+    // Very old version, uninhibit can happen too early
+    $("#game").html(data.content);
+    $("#game").waitForImages(uninhibit_messages);
+  } else {
+    define("comm", comm);
+    define("client", client);
+    define("key_conversion", key_conversion);
+    define("jquery", $);
+    $("#game").html(data.content);
+    waitForImages();
+  }
+}
+
+function do_set_layer(data) {
+  set_layer(data.layer);
+}
+
+function do_reload_url() {
+  window.location.assign("/");
+}
+
+function handle_multi_message(data) {
+  let msg = data.msgs.pop();
+  while (msg) {
+    message_queue.unshift(msg);
+    msg = data.msgs.pop();
+  }
+}
+
+function decode_utf8(bufs, callback) {
+  if (text_decoder) callback(text_decoder.decode(bufs));
+  else {
+    // this approach is only a fallback for older browsers because the
+    // order of the callback isn't guaranteed, so messages can get
+    // queued out of order. TODO: maybe just fall back on uncompressed
+    // sockets instead?
+    const b = new Blob([bufs]);
+    const f = new FileReader();
+    f.onload = (e) => {
+      callback(e.target.result);
+    };
+    f.readAsText(b, "UTF-8");
+  }
+}
+
+let blob_construction_supported = true;
+try {
+  const _blob = new Blob([new Uint8Array([0])]);
+} catch (_e) {
+  blob_construction_supported = false;
+  log("Blob construction not supported, disabling compression");
+}
+
+function inflate_works_on_ua() {
+  if (!blob_construction_supported) return false;
+  const b = $.browser;
+  if (b.chrome && b.version.match("^14.")) return false; // doesn't support binary frames
+  if (b.chrome && b.version.match("^19.")) return false; // buggy Blob builder
+  if (b.safari) return false;
+  if (b.opera) return false; // errors in inflate.js (?)
+  return true;
+}
+
+function bind_document_events() {
+  $(document).on("keypress.client", handle_keypress);
+  $(document).on("keydown.client", handle_keydown);
+}
+
+// Global functions for backwards compatibility (HACK)
+window.log = log;
+window.set_layer = set_layer;
+window.assert = () => {};
+window.abs = (x) => {
+  if (x < 0) return -x;
+  else return x;
+};
+
+comm.register_immediate_handlers({
+  ping: pong,
+  close: connection_closed,
+});
 
-        $(window).resize(function (ev) {
-            do_layout();
-        });
+comm.register_handlers({
+  multi: handle_multi_message,
+
+  set_game_links: set_game_links,
+  html: set_html,
+  show_dialog: handle_dialog,
+  hide_dialog: hide_dialog,
+
+  lobby_clear: lobby_clear,
+  lobby_entry: lobby_entry,
+  lobby_remove: lobby_remove,
+  lobby_complete: lobby_complete,
+
+  go_lobby: go_lobby,
+  go_admin: go_admin,
+  set_account_hold: set_account_hold,
+  clear_account_hold: clear_account_hold,
+  login_required: login_required,
+  game_started: crawl_started,
+  game_ended: crawl_ended,
+  server_announcement: server_announcement,
+
+  login_success: logged_in,
+  login_fail: login_failed,
+  auth_error: auth_error,
+  logout: handle_logout,
+  login_cookie: set_login_cookie,
+  register_fail: register_failed,
+  start_change_email: start_change_email,
+  change_email_fail: change_email_failed,
+  change_email_done: change_email_done,
+  start_change_password: start_change_password,
+  change_password_done: change_password_done,
+  change_password_fail: change_password_failed,
+  forgot_password_fail: forgot_password_failed,
+  forgot_password_done: forgot_password_done,
+  reset_password_fail: reset_password_failed,
+
+  admin_log: admin_log,
+  admin_pw_reset_done: admin_pw_reset_done,
+
+  watching_started: watching_started,
+
+  rcfile_contents: rcfile_contents,
+
+  game_client: receive_game_client,
+
+  layer: do_set_layer,
+
+  reload_url: do_reload_url,
+});
 
-        $(window).bind("beforeunload", function (ev) {
-            if (location.hash.match(/^#play-(.+)/i) &&
-                socket.readyState == 1)
-            {
-                ev.preventDefault();
-                ev.returnValue = '';
-                // n.b. this return value is ignored by 95% of browsers
-                return "Really save and quit the game?";
-            }
+$(document).ready(() => {
+  bind_document_events();
+
+  $(window).resize((_ev) => {
+    do_layout();
+  });
+
+  $(window).bind("beforeunload", (ev) => {
+    if (location.hash.match(/^#play-(.+)/i) && socket.readyState === 1) {
+      ev.preventDefault();
+      ev.returnValue = "";
+      // n.b. this return value is ignored by 95% of browsers
+      return "Really save and quit the game?";
+    }
+  });
+
+  $(".hide_dialog").click(hide_dialog);
+
+  $("#login_form").bind("submit", login);
+  $("#logout_link").bind("click", logout);
+  $("#chat_login_link").bind("click", chat_login);
+
+  $("#reg_link").bind("click", start_register);
+  $("#register_form").bind("submit", register);
+  $("#reg_cancel").bind("click", cancel_register);
+
+  $("#chem_link").bind("click", ask_change_email);
+  $("#chem_form").bind("submit", change_email);
+  $("#chem_cancel").bind("click", cancel_change_email);
+  $("#chpw_link").bind("click", ask_change_password);
+  $("#chpw_form").bind("submit", change_password);
+  $("#chpw_cancel").bind("click", cancel_change_password);
+
+  $("#floating_ok_message input").bind("click", hide_dialog);
+
+  $("#forgot_link").bind("click", start_forgot_password);
+  $("#forgot_form").bind("submit", forgot_password);
+  $("#forgot_cancel").bind("click", cancel_forgot_password);
+
+  $("#forgot_2 input").bind("click", hide_dialog);
+
+  if ($("#reset_pw").length) {
+    $("#reset_pw_cancel").bind("click", cancel_reset_password);
+    $("#reset_pw_form").bind("submit", reset_password);
+  }
+
+  $("#rc_edit_form").bind("submit", send_rc);
+
+  $("#force_terminate_no").click(force_terminate_no);
+  $("#force_terminate_yes").click(force_terminate_yes);
+
+  $("#admin_panel_button").click(toggle_admin_panel);
+  $("#announcement_submit").click(admin_announce);
+  $("#admin_pw_reset").click(admin_pw_reset);
+  $("#admin_pw_reset_clear").click(admin_pw_reset_clear);
+
+  do_layout();
+
+  let inflater = null;
+
+  if (
+    "Uint8Array" in window &&
+    "Blob" in window &&
+    "FileReader" in window &&
+    "ArrayBuffer" in window &&
+    inflate_works_on_ua() &&
+    !$.cookie("no-compression")
+  ) {
+    inflater = new Inflater();
+  }
+
+  if ("MozWebSocket" in window) {
+    window.WebSocket = MozWebSocket;
+  }
+
+  if ("WebSocket" in window) {
+    // socket_server is set in the client.html template
+    if (inflater) socket = new WebSocket(socket_server);
+    else socket = new WebSocket(socket_server, "no-compression");
+    socket.binaryType = "arraybuffer";
+
+    socket.onopen = () => {
+      window.onhashchange = hash_changed;
+
+      start_login();
+
+      current_hash = null;
+      hash_changed();
+    };
+
+    socket.onmessage = (msg) => {
+      if (inflater && msg.data instanceof ArrayBuffer) {
+        const data = new Uint8Array(msg.data.byteLength + 4);
+        data.set(new Uint8Array(msg.data), 0);
+        data.set([0, 0, 255, 255], msg.data.byteLength);
+        const decompressed = inflater.append(data);
+        if (decompressed === -1) {
+          console.error("Decompression error!");
+          const _x = inflater.append(data);
+        }
+        decode_utf8(decompressed, (s) => {
+          if (window.log_messages === 2) console.log(`Message: ${s}`);
+          if (window.log_message_size) {
+            console.log(
+              "Message size: " +
+                s.length +
+                " (compressed " +
+                msg.data.byteLength +
+                ")"
+            );
+          }
+          enqueue_messages(s);
         });
+        return;
+      }
 
-        $(".hide_dialog").click(hide_dialog);
-
-        $("#login_form").bind("submit", login);
-        $("#logout_link").bind("click", logout);
-        $("#chat_login_link").bind("click", chat_login);
-
-        $("#reg_link").bind("click", start_register);
-        $("#register_form").bind("submit", register);
-        $("#reg_cancel").bind("click", cancel_register);
+      if (window.log_messages === 2) console.log(`Message: ${msg.data}`);
+      if (window.log_message_size)
+        console.log(`Message size: ${msg.data.length}`);
 
-        $("#chem_link").bind("click", ask_change_email);
-        $("#chem_form").bind("submit", change_email);
-        $("#chem_cancel").bind("click", cancel_change_email);
-        $("#chpw_link").bind("click", ask_change_password);
-        $("#chpw_form").bind("submit", change_password);
-        $("#chpw_cancel").bind("click", cancel_change_password);
+      enqueue_messages(msg.data);
+    };
 
-        $("#floating_ok_message input").bind("click", hide_dialog);
-
-        $("#forgot_link").bind("click", start_forgot_password);
-        $("#forgot_form").bind("submit", forgot_password);
-        $("#forgot_cancel").bind("click", cancel_forgot_password);
-
-        $("#forgot_2 input").bind("click", hide_dialog);
-
-        if ( $("#reset_pw").length )
-        {
-            $("#reset_pw_cancel").bind("click", cancel_reset_password);
-            $("#reset_pw_form").bind("submit", reset_password);
-        }
-
-        $("#rc_edit_form").bind("submit", send_rc);
-
-        $("#force_terminate_no").click(force_terminate_no);
-        $("#force_terminate_yes").click(force_terminate_yes);
-
-        $("#admin_panel_button").click(toggle_admin_panel);
-        $("#announcement_submit").click(admin_announce);
-        $("#admin_pw_reset").click(admin_pw_reset);
-        $("#admin_pw_reset_clear").click(admin_pw_reset_clear);
-
-        do_layout();
-
-        var inflater = null;
-
-        if ("Uint8Array" in window &&
-            "Blob" in window &&
-            "FileReader" in window &&
-            "ArrayBuffer" in window &&
-            inflate_works_on_ua() &&
-            !$.cookie("no-compression"))
-        {
-            inflater = new Inflater();
-        }
-
-        if ("MozWebSocket" in window)
-        {
-            window.WebSocket = MozWebSocket;
-        }
+    socket.onerror = () => {
+      if (!showing_close_message) {
+        set_layer("crt");
+        $("#crt").html("");
+        $("#crt").append("The WebSocket connection failed.
              ");
+        showing_close_message = true;
+      }
+    };
 
-        if ("WebSocket" in window)
-        {
-            // socket_server is set in the client.html template
-            if (inflater)
-                socket = new WebSocket(socket_server);
-            else
-                socket = new WebSocket(socket_server, "no-compression");
-            socket.binaryType = "arraybuffer";
-
-            socket.onopen = function ()
-            {
-                window.onhashchange = hash_changed;
-
-                start_login();
-
-                current_hash = null;
-                hash_changed();
-            };
-
-            socket.onmessage = function (msg)
-            {
-                if (inflater && msg.data instanceof ArrayBuffer)
-                {
-                    var data = new Uint8Array(msg.data.byteLength + 4);
-                    data.set(new Uint8Array(msg.data), 0);
-                    data.set([0, 0, 255, 255], msg.data.byteLength);
-                    var decompressed = inflater.append(data);
-                    if (decompressed === -1)
-                    {
-                        console.error("Decompression error!");
-                        var x = inflater.append(data);
-                    }
-                    decode_utf8(decompressed, function (s) {
-                        if (window.log_messages === 2)
-                            console.log("Message: " + s);
-                        if (window.log_message_size)
-                        {
-                            console.log("Message size: " + s.length
-                                + " (compressed " + msg.data.byteLength + ")");
-                        }
-                        enqueue_messages(s);
-                    });
-                    return;
-                }
-
-                if (window.log_messages === 2)
-                    console.log("Message: " + msg.data);
-                if (window.log_message_size)
-                    console.log("Message size: " + msg.data.length);
-
-                enqueue_messages(msg.data);
-            };
-
-            socket.onerror = function ()
-            {
-                if (!showing_close_message)
-                {
-                    set_layer("crt");
-                    $("#crt").html("");
-                    $("#crt").append("The WebSocket connection failed.
              ");
-                    showing_close_message = true;
-                }
-            };
-
-            socket.onclose = function (ev)
-            {
-                if (!showing_close_message)
-                {
-                    set_layer("crt");
-                    $("#crt").html("");
-                    $("#crt").append("The Websocket connection was closed.
              ");
-                    if (ev.reason)
-                    {
-                        $("#crt").append("Reason:
              " + ev.reason + "
              ");
-                    }
-                    $("#crt").append("Reload to try again.
              ");
-                    showing_close_message = true;
-                }
-            };
-        }
-        else
-        {
-            set_layer("crt");
-            $("#crt").html("Sadly, your browser does not support WebSockets. 

              ");
-            $("#crt").append("The following browsers can be used to run WebTiles: ");
-            $("#crt").append("
              • Chrome 6 and greater
                • " +
-                             "
              • Firefox 4 and 5, after enabling the " +
-                             "network.websocket.override-security-block setting in " +
-                             "about:config
              • Opera 11, after " +
-                             " enabling WebSockets in opera:config#Enable%20WebSockets" +
-                             "
              • Safari 5
              ");
+    socket.onclose = (ev) => {
+      if (!showing_close_message) {
+        set_layer("crt");
+        $("#crt").html("");
+        $("#crt").append("The Websocket connection was closed.
              ");
+        if (ev.reason) {
+          $("#crt").append(`Reason:
              ${ev.reason}
              `);
         }
-    });
-
-    function abs(x)
-    {
-        return x > 0 ? x : -x;
-    }
-
-    return exports;
+        $("#crt").append("Reload to try again.
              ");
+        showing_close_message = true;
+      }
+    };
+  } else {
+    set_layer("crt");
+    $("#crt").html("Sadly, your browser does not support WebSockets. 

              ");
+    $("#crt").append("The following browsers can be used to run WebTiles: ");
+    $("#crt").append(
+      "
              • Chrome 6 and greater
                • " +
+        "
              • Firefox 4 and 5, after enabling the " +
+        "network.websocket.override-security-block setting in " +
+        "about:config
              • Opera 11, after " +
+        " enabling WebSockets in opera:config#Enable%20WebSockets" +
+        "
              • Safari 5
              "
+    );
+  }
 });
+
+function _abs(x) {
+  return x > 0 ? x : -x;
+}
+
+client.inhibit_messages = inhibit_messages;
+client.uninhibit_messages = uninhibit_messages;
+client.delay = delay;
+client.in_game = in_game;
+client.set_layer = set_layer;
+client.register_layer = register_layer;
+client.show_dialog = show_dialog;
+client.hide_dialog = hide_dialog;
+client.center_element = center_element;
+client.is_watching = is_watching;
+
+export default client;
diff --git a/crawl-ref/source/webserver/client/lobby/src/comm.js b/crawl-ref/source/webserver/client/lobby/src/comm.js
index 6c0a77daba7..bee28d5c58c 100644
--- a/crawl-ref/source/webserver/client/lobby/src/comm.js
+++ b/crawl-ref/source/webserver/client/lobby/src/comm.js
@@ -1,54 +1,57 @@
-define(["jquery", "contrib/jquery.json"], function ($) {
-    window.socket = null;
-
-    function send_message(msg, data)
-    {
-        data = data || {};
-        data["msg"] = msg;
-        socket.send($.toJSON(data));
-    }
+import $ from "jquery";
 
-    // JSON message handlers
-    var message_handlers = {};
-    var immediate_handlers = {};
+window.socket = null;
 
-    function register_message_handlers(dict)
-    {
-        $.extend(message_handlers, dict);
-    }
+function send_message(msg, data) {
+  data = data || {};
+  data.msg = msg;
+  socket.send(JSON.stringify(data));
+}
 
-    function register_immediate_handlers(dict)
-    {
-        $.extend(immediate_handlers, dict);
-    }
+// JSON message handlers
+const message_handlers = {};
+const immediate_handlers = {};
 
-    function handle_message(msg)
-    {
-        var handler = message_handlers[msg.msg];
-        if (!handler)
-        {
-            console.error("Unknown message type: " + msg.msg);
-            return;
-        }
-        handler(msg);
-    }
+function register_message_handlers(dict) {
+  $.extend(message_handlers, dict);
+}
+
+function register_immediate_handlers(dict) {
+  $.extend(immediate_handlers, dict);
+}
+
+function handle_message(msg) {
+  const handler = message_handlers[msg.msg];
+  if (!handler) {
+    console.error(`Unknown message type: ${msg.msg}`);
+    return;
+  }
+  try {
+    handler(msg);
+  } catch (e) {
+    console.error("Error handling message", msg);
+    console.error(e);
+    throw e;
+  }
+}
 
-    function handle_message_immediately(msg)
-    {
-        var handler = immediate_handlers[msg.msg];
-        if (handler)
-        {
-            return handler(msg);
-        }
-        else
-            return false;
+function handle_message_immediately(msg) {
+  const handler = immediate_handlers[msg.msg];
+  if (handler) {
+    try {
+      return handler(msg);
+    } catch (e) {
+      console.error("Error handling message immediately", msg);
+      console.error(e);
+      throw e;
     }
+  } else return false;
+}
 
-    return {
-        send_message: send_message,
-        register_handlers: register_message_handlers,
-        register_immediate_handlers: register_immediate_handlers,
-        handle_message: handle_message,
-        handle_message_immediately: handle_message_immediately,
-    };
-});
+export default {
+  send_message,
+  register_handlers: register_message_handlers,
+  register_immediate_handlers,
+  handle_message,
+  handle_message_immediately,
+};
diff --git a/crawl-ref/source/webserver/client/lobby/src/contrib/ba-linkify.min.js b/crawl-ref/source/webserver/client/lobby/src/contrib/ba-linkify.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..cf43836c5ad4156eca46066b2eb8c05c535bd84a
GIT binary patch
literal 2837
zcmb7GZFAeW5x&p&D`+IOMU#?jCw3aijAA>!&ULQSPOsl2IR}E^i%5VJ0a9;|`rEsd
zY+uru>r6EwcJb_DvAX~k7@q&=oI8KzE&o;2S!JDHGM#7f#_2ol#o!&0o8i@m;nl^(
z$4)V|wi*qGq13!kTn|L4hE-iIq_AeVAS>ozrC%Ja47)Mi_fS@wI!jXP^n~kl)*SXw
zuEKJ|oO`LAyUtpt_@&{6Q)EJFBO|BLk*pn?O6PAs|I6Vza{lsRaDh-E)Cfz2H9~{XB5V<^5N;4|A;_5E5CS5Ch#?Y)
z6e5GjAqofup&`n$qK5bqqK0T7T8K5o24agyB3dBI5h+9^qAjF=j2cJ@nLyT%2GT+{
zh%>|s#5rPxxI|nd;YdOx5fX_cMv@>&kz_~;BnpW}QnpAcBugZuZIDj(kiVYNp5>OG8gi4@NC~`yPP}C|Y4OP;D
zs1mAzT0+%O2FgOwF=$Akfoh>vP-`eMw}s|pN^@udP3hCriJ=qd47z|Wp)2Sbx`Ez;
z7Ke@yXrojTRg8-G6jhF@K&4P=P}!gll|f}utx#>S95Bw!tdK%3!Vg{fq5NUEf3p{_--s
z4$V9MkuPqN1M=q!o~Pj^*NgY@0r+U&hnJU|?3y3Ckqr3-9ly>}a<@wWPH<^D6I*IX1HerT*CabmlERc01%W|8nnF
z-QDx`c&m+u-F0y?8Tg~|8JmN8r#R)R8oR_&aiChYY)Y!uRY?bo6Hj%dYio1t9Edx1
z-wyZVXMbLuZ2Yae+Xh=;w;y-++{$nLJHPVR0b{-mrgPu;kN$(d@t6J=|K6|1aas3T
zC(};m?y|VIowoBJ2)au>&a{lkT!&=T?DwlQD`amK6a%@IqSv_Y?k-qOFXrP%!U}He
z&opj5eh41>cY{Le#HM31I-Jgiqxo=PrLnzcAW~l6+1^9{(j^O`)Hc(N+(+eZ6WopK
z;BH`=(Ac_13gi1AoYwQs%DuZ=l1y i) {
+                                l = i;
+                        }
+                        m[0] = l;
+
+                        // Adjust last length count to fill out codes, if needed
+                        for (y = 1 << j; j < i; j++, y <<= 1) {
+                                if ((y -= c[j]) < 0) {
+                                        return Z_DATA_ERROR;
+                                }
+                        }
+                        if ((y -= c[i]) < 0) {
+                                return Z_DATA_ERROR;
+                        }
+                        c[i] += y;
+
+                        // Generate starting offsets into the value table for each length
+                        x[1] = j = 0;
+                        p = 1;
+                        xp = 2;
+                        while (--i !== 0) { // note that i == g from above
+                                x[xp] = (j += c[p]);
+                                xp++;
+                                p++;
+                        }
+
+                        // Make a table of values in order of bit lengths
+                        i = 0;
+                        p = 0;
+                        do {
+                                if ((j = b[bindex + p]) !== 0) {
+                                        v[x[j]++] = i;
+                                }
+                                p++;
+                        } while (++i < n);
+                        n = x[g]; // set n to length of v
+
+                        // Generate the Huffman codes and for each, make the table entries
+                        x[0] = i = 0; // first Huffman code is zero
+                        p = 0; // grab values in bit order
+                        h = -1; // no tables yet--level -1
+                        w = -l; // bits decoded == (l * h)
+                        u[0] = 0; // just to keep compilers happy
+                        q = 0; // ditto
+                        z = 0; // ditto
+
+                        // go through the bit lengths (k already is bits in shortest code)
+                        for (; k <= g; k++) {
+                                a = c[k];
+                                while (a-- !== 0) {
+                                        // here i is the Huffman code of length k bits for value *p
+                                        // make tables up to required level
+                                        while (k > w + l) {
+                                                h++;
+                                                w += l; // previous table always l bits
+                                                // compute minimum size table less than or equal to l bits
+                                                z = g - w;
+                                                z = (z > l) ? l : z; // table size upper limit
+                                                if ((f = 1 << (j = k - w)) > a + 1) { // try a k-w bit table
+                                                        // too few codes for
+                                                        // k-w bit table
+                                                        f -= a + 1; // deduct codes from patterns left
+                                                        xp = k;
+                                                        if (j < z) {
+                                                                while (++j < z) { // try smaller tables up to z bits
+                                                                        if ((f <<= 1) <= c[++xp])
+                                                                                break; // enough codes to use up j bits
+                                                                        f -= c[xp]; // else deduct codes from patterns
+                                                                }
+                                                        }
+                                                }
+                                                z = 1 << j; // table entries for j-bit table
+
+                                                // allocate new table
+                                                if (hn[0] + z > MANY) { // (note: doesn't matter for fixed)
+                                                        return Z_DATA_ERROR; // overflow of MANY
+                                                }
+                                                u[h] = q = /* hp+ */hn[0]; // DEBUG
+                                                hn[0] += z;
+
+                                                // connect to last table, if there is one
+                                                if (h !== 0) {
+                                                        x[h] = i; // save pattern for backing up
+                                                        r[0] = /* (byte) */j; // bits in this table
+                                                        r[1] = /* (byte) */l; // bits to dump before this table
+                                                        j = i >>> (w - l);
+                                                        r[2] = /* (int) */(q - u[h - 1] - j); // offset to this table
+                                                        hp.set(r, (u[h - 1] + j) * 3);
+                                                        // to
+                                                        // last
+                                                        // table
+                                                } else {
+                                                        t[0] = q; // first table is returned result
+                                                }
+                                        }
+
+                                        // set up table entry in r
+                                        r[1] = /* (byte) */(k - w);
+                                        if (p >= n) {
+                                                r[0] = 128 + 64; // out of values--invalid code
+                                        } else if (v[p] < s) {
+                                                r[0] = /* (byte) */(v[p] < 256 ? 0 : 32 + 64); // 256 is
+                                                // end-of-block
+                                                r[2] = v[p++]; // simple code is just the value
+                                        } else {
+                                                r[0] = /* (byte) */(e[v[p] - s] + 16 + 64); // non-simple--look
+                                                // up in lists
+                                                r[2] = d[v[p++] - s];
+                                        }
+
+                                        // fill code-like entries with r
+                                        f = 1 << (k - w);
+                                        for (j = i >>> w; j < z; j += f) {
+                                                hp.set(r, (q + j) * 3);
+                                        }
+
+                                        // backwards increment the k-bit code i
+                                        for (j = 1 << (k - 1); (i & j) !== 0; j >>>= 1) {
+                                                i ^= j;
+                                        }
+                                        i ^= j;
+
+                                        // backup over finished tables
+                                        mask = (1 << w) - 1; // needed on HP, cc -O bug
+                                        while ((i & mask) != x[h]) {
+                                                h--; // don't need to update q
+                                                w -= l;
+                                                mask = (1 << w) - 1;
+                                        }
+                                }
+                        }
+                        // Return Z_BUF_ERROR if we were given an incomplete table
+                        return y !== 0 && g != 1 ? Z_BUF_ERROR : Z_OK;
+                }
+
+                function initWorkArea(vsize) {
+                        var i;
+                        if (!hn) {
+                                hn = []; // []; //new Array(1);
+                                v = []; // new Array(vsize);
+                                c = new Int32Array(BMAX + 1); // new Array(BMAX + 1);
+                                r = []; // new Array(3);
+                                u = new Int32Array(BMAX); // new Array(BMAX);
+                                x = new Int32Array(BMAX + 1); // new Array(BMAX + 1);
+                        }
+                        if (v.length < vsize) {
+                                v = []; // new Array(vsize);
+                        }
+                        for (i = 0; i < vsize; i++) {
+                                v[i] = 0;
+                        }
+                        for (i = 0; i < BMAX + 1; i++) {
+                                c[i] = 0;
+                        }
+                        for (i = 0; i < 3; i++) {
+                                r[i] = 0;
+                        }
+                        // for(int i=0; i 257)) {
+                                if (result == Z_DATA_ERROR) {
+                                        z.msg = "oversubscribed distance tree";
+                                } else if (result == Z_BUF_ERROR) {
+                                        z.msg = "incomplete distance tree";
+                                        result = Z_DATA_ERROR;
+                                } else if (result != Z_MEM_ERROR) {
+                                        z.msg = "empty distance tree with lengths";
+                                        result = Z_DATA_ERROR;
+                                }
+                                return result;
+                        }
+
+                        return Z_OK;
+                };
+
+        }
+
+        InfTree.inflate_trees_fixed = function(bl, // literal desired/actual bit depth
+        bd, // distance desired/actual bit depth
+        tl,// literal/length tree result
+        td,// distance tree result
+        z // for memory allocation
+        ) {
+                bl[0] = fixed_bl;
+                bd[0] = fixed_bd;
+                tl[0] = fixed_tl;
+                td[0] = fixed_td;
+                return Z_OK;
+        };
+
+        // InfCodes
+
+        // waiting for "i:"=input,
+        // "o:"=output,
+        // "x:"=nothing
+        var START = 0; // x: set up for LEN
+        var LEN = 1; // i: get length/literal/eob next
+        var LENEXT = 2; // i: getting length extra (have base)
+        var DIST = 3; // i: get distance next
+        var DISTEXT = 4;// i: getting distance extra
+        var COPY = 5; // o: copying bytes in window, waiting
+        // for space
+        var LIT = 6; // o: got literal, waiting for output
+        // space
+        var WASH = 7; // o: got eob, possibly still output
+        // waiting
+        var END = 8; // x: got eob and all data flushed
+        var BADCODE = 9;// x: got error
+
+        function InfCodes() {
+                var that = this;
+
+                var mode; // current inflate_codes mode
+
+                // mode dependent information
+                var len = 0;
+
+                var tree; // pointer into tree
+                var tree_index = 0;
+                var need = 0; // bits needed
+
+                var lit = 0;
+
+                // if EXT or COPY, where and how much
+                var get = 0; // bits to get for extra
+                var dist = 0; // distance back to copy from
+
+                var lbits = 0; // ltree bits decoded per branch
+                var dbits = 0; // dtree bits decoder per branch
+                var ltree; // literal/length/eob tree
+                var ltree_index = 0; // literal/length/eob tree
+                var dtree; // distance tree
+                var dtree_index = 0; // distance tree
+
+                // Called with number of bytes left to write in window at least 258
+                // (the maximum string length) and number of input bytes available
+                // at least ten. The ten bytes are six bytes for the longest length/
+                // distance pair plus four bytes for overloading the bit buffer.
+
+                function inflate_fast(bl, bd, tl, tl_index, td, td_index, s, z) {
+                        var t; // temporary pointer
+                        var tp; // temporary pointer
+                        var tp_index; // temporary pointer
+                        var e; // extra bits or operation
+                        var b; // bit buffer
+                        var k; // bits in bit buffer
+                        var p; // input data pointer
+                        var n; // bytes available there
+                        var q; // output window write pointer
+                        var m; // bytes to end of window or read pointer
+                        var ml; // mask for literal/length tree
+                        var md; // mask for distance tree
+                        var c; // bytes to copy
+                        var d; // distance back to copy from
+                        var r; // copy source pointer
+
+                        var tp_index_t_3; // (tp_index+t)*3
+
+                        // load input, output, bit values
+                        p = z.next_in_index;
+                        n = z.avail_in;
+                        b = s.bitb;
+                        k = s.bitk;
+                        q = s.write;
+                        m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                        // initialize masks
+                        ml = inflate_mask[bl];
+                        md = inflate_mask[bd];
+
+                        // do until not enough input or output space for fast loop
+                        do { // assume called with m >= 258 && n >= 10
+                                // get literal/length code
+                                while (k < (20)) { // max bits for literal/length code
+                                        n--;
+                                        b |= (z.read_byte(p++) & 0xff) << k;
+                                        k += 8;
+                                }
+
+                                t = b & ml;
+                                tp = tl;
+                                tp_index = tl_index;
+                                tp_index_t_3 = (tp_index + t) * 3;
+                                if ((e = tp[tp_index_t_3]) === 0) {
+                                        b >>= (tp[tp_index_t_3 + 1]);
+                                        k -= (tp[tp_index_t_3 + 1]);
+
+                                        s.window[q++] = /* (byte) */tp[tp_index_t_3 + 2];
+                                        m--;
+                                        continue;
+                                }
+                                do {
+
+                                        b >>= (tp[tp_index_t_3 + 1]);
+                                        k -= (tp[tp_index_t_3 + 1]);
+
+                                        if ((e & 16) !== 0) {
+                                                e &= 15;
+                                                c = tp[tp_index_t_3 + 2] + (/* (int) */b & inflate_mask[e]);
+
+                                                b >>= e;
+                                                k -= e;
+
+                                                // decode distance base of block to copy
+                                                while (k < (15)) { // max bits for distance code
+                                                        n--;
+                                                        b |= (z.read_byte(p++) & 0xff) << k;
+                                                        k += 8;
+                                                }
+
+                                                t = b & md;
+                                                tp = td;
+                                                tp_index = td_index;
+                                                tp_index_t_3 = (tp_index + t) * 3;
+                                                e = tp[tp_index_t_3];
+
+                                                do {
+
+                                                        b >>= (tp[tp_index_t_3 + 1]);
+                                                        k -= (tp[tp_index_t_3 + 1]);
+
+                                                        if ((e & 16) !== 0) {
+                                                                // get extra bits to add to distance base
+                                                                e &= 15;
+                                                                while (k < (e)) { // get extra bits (up to 13)
+                                                                        n--;
+                                                                        b |= (z.read_byte(p++) & 0xff) << k;
+                                                                        k += 8;
+                                                                }
+
+                                                                d = tp[tp_index_t_3 + 2] + (b & inflate_mask[e]);
+
+                                                                b >>= (e);
+                                                                k -= (e);
+
+                                                                // do the copy
+                                                                m -= c;
+                                                                if (q >= d) { // offset before dest
+                                                                        // just copy
+                                                                        r = q - d;
+                                                                        if (q - r > 0 && 2 > (q - r)) {
+                                                                                s.window[q++] = s.window[r++]; // minimum
+                                                                                // count is
+                                                                                // three,
+                                                                                s.window[q++] = s.window[r++]; // so unroll
+                                                                                // loop a
+                                                                                // little
+                                                                                c -= 2;
+                                                                        } else {
+                                                                                s.window.set(s.window.subarray(r, r + 2), q);
+                                                                                q += 2;
+                                                                                r += 2;
+                                                                                c -= 2;
+                                                                        }
+                                                                } else { // else offset after destination
+                                                                        r = q - d;
+                                                                        do {
+                                                                                r += s.end; // force pointer in window
+                                                                        } while (r < 0); // covers invalid distances
+                                                                        e = s.end - r;
+                                                                        if (c > e) { // if source crosses,
+                                                                                c -= e; // wrapped copy
+                                                                                if (q - r > 0 && e > (q - r)) {
+                                                                                        do {
+                                                                                                s.window[q++] = s.window[r++];
+                                                                                        } while (--e !== 0);
+                                                                                } else {
+                                                                                        s.window.set(s.window.subarray(r, r + e), q);
+                                                                                        q += e;
+                                                                                        r += e;
+                                                                                        e = 0;
+                                                                                }
+                                                                                r = 0; // copy rest from start of window
+                                                                        }
+
+                                                                }
+
+                                                                // copy all or what's left
+                                                                if (q - r > 0 && c > (q - r)) {
+                                                                        do {
+                                                                                s.window[q++] = s.window[r++];
+                                                                        } while (--c !== 0);
+                                                                } else {
+                                                                        s.window.set(s.window.subarray(r, r + c), q);
+                                                                        q += c;
+                                                                        r += c;
+                                                                        c = 0;
+                                                                }
+                                                                break;
+                                                        } else if ((e & 64) === 0) {
+                                                                t += tp[tp_index_t_3 + 2];
+                                                                t += (b & inflate_mask[e]);
+                                                                tp_index_t_3 = (tp_index + t) * 3;
+                                                                e = tp[tp_index_t_3];
+                                                        } else {
+                                                                z.msg = "invalid distance code";
+
+                                                                c = z.avail_in - n;
+                                                                c = (k >> 3) < c ? k >> 3 : c;
+                                                                n += c;
+                                                                p -= c;
+                                                                k -= c << 3;
+
+                                                                s.bitb = b;
+                                                                s.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                s.write = q;
+
+                                                                return Z_DATA_ERROR;
+                                                        }
+                                                } while (true);
+                                                break;
+                                        }
+
+                                        if ((e & 64) === 0) {
+                                                t += tp[tp_index_t_3 + 2];
+                                                t += (b & inflate_mask[e]);
+                                                tp_index_t_3 = (tp_index + t) * 3;
+                                                if ((e = tp[tp_index_t_3]) === 0) {
+
+                                                        b >>= (tp[tp_index_t_3 + 1]);
+                                                        k -= (tp[tp_index_t_3 + 1]);
+
+                                                        s.window[q++] = /* (byte) */tp[tp_index_t_3 + 2];
+                                                        m--;
+                                                        break;
+                                                }
+                                        } else if ((e & 32) !== 0) {
+
+                                                c = z.avail_in - n;
+                                                c = (k >> 3) < c ? k >> 3 : c;
+                                                n += c;
+                                                p -= c;
+                                                k -= c << 3;
+
+                                                s.bitb = b;
+                                                s.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                s.write = q;
+
+                                                return Z_STREAM_END;
+                                        } else {
+                                                z.msg = "invalid literal/length code";
+
+                                                c = z.avail_in - n;
+                                                c = (k >> 3) < c ? k >> 3 : c;
+                                                n += c;
+                                                p -= c;
+                                                k -= c << 3;
+
+                                                s.bitb = b;
+                                                s.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                s.write = q;
+
+                                                return Z_DATA_ERROR;
+                                        }
+                                } while (true);
+                        } while (m >= 258 && n >= 10);
+
+                        // not enough input or output--restore pointers and return
+                        c = z.avail_in - n;
+                        c = (k >> 3) < c ? k >> 3 : c;
+                        n += c;
+                        p -= c;
+                        k -= c << 3;
+
+                        s.bitb = b;
+                        s.bitk = k;
+                        z.avail_in = n;
+                        z.total_in += p - z.next_in_index;
+                        z.next_in_index = p;
+                        s.write = q;
+
+                        return Z_OK;
+                }
+
+                that.init = function(bl, bd, tl, tl_index, td, td_index, z) {
+                        mode = START;
+                        lbits = /* (byte) */bl;
+                        dbits = /* (byte) */bd;
+                        ltree = tl;
+                        ltree_index = tl_index;
+                        dtree = td;
+                        dtree_index = td_index;
+                        tree = null;
+                };
+
+                that.proc = function(s, z, r) {
+                        var j; // temporary storage
+                        var t; // temporary pointer
+                        var tindex; // temporary pointer
+                        var e; // extra bits or operation
+                        var b = 0; // bit buffer
+                        var k = 0; // bits in bit buffer
+                        var p = 0; // input data pointer
+                        var n; // bytes available there
+                        var q; // output window write pointer
+                        var m; // bytes to end of window or read pointer
+                        var f; // pointer to copy strings from
+
+                        // copy input/output information to locals (UPDATE macro restores)
+                        p = z.next_in_index;
+                        n = z.avail_in;
+                        b = s.bitb;
+                        k = s.bitk;
+                        q = s.write;
+                        m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                        // process input and output based on current state
+                        while (true) {
+                                switch (mode) {
+                                // waiting for "i:"=input, "o:"=output, "x:"=nothing
+                                case START: // x: set up for LEN
+                                        if (m >= 258 && n >= 10) {
+
+                                                s.bitb = b;
+                                                s.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                s.write = q;
+                                                r = inflate_fast(lbits, dbits, ltree, ltree_index, dtree, dtree_index, s, z);
+
+                                                p = z.next_in_index;
+                                                n = z.avail_in;
+                                                b = s.bitb;
+                                                k = s.bitk;
+                                                q = s.write;
+                                                m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                                                if (r != Z_OK) {
+                                                        mode = r == Z_STREAM_END ? WASH : BADCODE;
+                                                        break;
+                                                }
+                                        }
+                                        need = lbits;
+                                        tree = ltree;
+                                        tree_index = ltree_index;
+
+                                        mode = LEN;
+                                case LEN: // i: get length/literal/eob next
+                                        j = need;
+
+                                        while (k < (j)) {
+                                                if (n !== 0)
+                                                        r = Z_OK;
+                                                else {
+
+                                                        s.bitb = b;
+                                                        s.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        s.write = q;
+                                                        return s.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        tindex = (tree_index + (b & inflate_mask[j])) * 3;
+
+                                        b >>>= (tree[tindex + 1]);
+                                        k -= (tree[tindex + 1]);
+
+                                        e = tree[tindex];
+
+                                        if (e === 0) { // literal
+                                                lit = tree[tindex + 2];
+                                                mode = LIT;
+                                                break;
+                                        }
+                                        if ((e & 16) !== 0) { // length
+                                                get = e & 15;
+                                                len = tree[tindex + 2];
+                                                mode = LENEXT;
+                                                break;
+                                        }
+                                        if ((e & 64) === 0) { // next table
+                                                need = e;
+                                                tree_index = tindex / 3 + tree[tindex + 2];
+                                                break;
+                                        }
+                                        if ((e & 32) !== 0) { // end of block
+                                                mode = WASH;
+                                                break;
+                                        }
+                                        mode = BADCODE; // invalid code
+                                        z.msg = "invalid literal/length code";
+                                        r = Z_DATA_ERROR;
+
+                                        s.bitb = b;
+                                        s.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        s.write = q;
+                                        return s.inflate_flush(z, r);
+
+                                case LENEXT: // i: getting length extra (have base)
+                                        j = get;
+
+                                        while (k < (j)) {
+                                                if (n !== 0)
+                                                        r = Z_OK;
+                                                else {
+
+                                                        s.bitb = b;
+                                                        s.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        s.write = q;
+                                                        return s.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        len += (b & inflate_mask[j]);
+
+                                        b >>= j;
+                                        k -= j;
+
+                                        need = dbits;
+                                        tree = dtree;
+                                        tree_index = dtree_index;
+                                        mode = DIST;
+                                case DIST: // i: get distance next
+                                        j = need;
+
+                                        while (k < (j)) {
+                                                if (n !== 0)
+                                                        r = Z_OK;
+                                                else {
+
+                                                        s.bitb = b;
+                                                        s.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        s.write = q;
+                                                        return s.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        tindex = (tree_index + (b & inflate_mask[j])) * 3;
+
+                                        b >>= tree[tindex + 1];
+                                        k -= tree[tindex + 1];
+
+                                        e = (tree[tindex]);
+                                        if ((e & 16) !== 0) { // distance
+                                                get = e & 15;
+                                                dist = tree[tindex + 2];
+                                                mode = DISTEXT;
+                                                break;
+                                        }
+                                        if ((e & 64) === 0) { // next table
+                                                need = e;
+                                                tree_index = tindex / 3 + tree[tindex + 2];
+                                                break;
+                                        }
+                                        mode = BADCODE; // invalid code
+                                        z.msg = "invalid distance code";
+                                        r = Z_DATA_ERROR;
+
+                                        s.bitb = b;
+                                        s.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        s.write = q;
+                                        return s.inflate_flush(z, r);
+
+                                case DISTEXT: // i: getting distance extra
+                                        j = get;
+
+                                        while (k < (j)) {
+                                                if (n !== 0)
+                                                        r = Z_OK;
+                                                else {
+
+                                                        s.bitb = b;
+                                                        s.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        s.write = q;
+                                                        return s.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        dist += (b & inflate_mask[j]);
+
+                                        b >>= j;
+                                        k -= j;
+
+                                        mode = COPY;
+                                case COPY: // o: copying bytes in window, waiting for space
+                                        f = q - dist;
+                                        while (f < 0) { // modulo window size-"while" instead
+                                                f += s.end; // of "if" handles invalid distances
+                                        }
+                                        while (len !== 0) {
+
+                                                if (m === 0) {
+                                                        if (q == s.end && s.read !== 0) {
+                                                                q = 0;
+                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
+                                                        }
+                                                        if (m === 0) {
+                                                                s.write = q;
+                                                                r = s.inflate_flush(z, r);
+                                                                q = s.write;
+                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                                                                if (q == s.end && s.read !== 0) {
+                                                                        q = 0;
+                                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
+                                                                }
+
+                                                                if (m === 0) {
+                                                                        s.bitb = b;
+                                                                        s.bitk = k;
+                                                                        z.avail_in = n;
+                                                                        z.total_in += p - z.next_in_index;
+                                                                        z.next_in_index = p;
+                                                                        s.write = q;
+                                                                        return s.inflate_flush(z, r);
+                                                                }
+                                                        }
+                                                }
+
+                                                s.window[q++] = s.window[f++];
+                                                m--;
+
+                                                if (f == s.end)
+                                                        f = 0;
+                                                len--;
+                                        }
+                                        mode = START;
+                                        break;
+                                case LIT: // o: got literal, waiting for output space
+                                        if (m === 0) {
+                                                if (q == s.end && s.read !== 0) {
+                                                        q = 0;
+                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
+                                                }
+                                                if (m === 0) {
+                                                        s.write = q;
+                                                        r = s.inflate_flush(z, r);
+                                                        q = s.write;
+                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                                                        if (q == s.end && s.read !== 0) {
+                                                                q = 0;
+                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
+                                                        }
+                                                        if (m === 0) {
+                                                                s.bitb = b;
+                                                                s.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                s.write = q;
+                                                                return s.inflate_flush(z, r);
+                                                        }
+                                                }
+                                        }
+                                        r = Z_OK;
+
+                                        s.window[q++] = /* (byte) */lit;
+                                        m--;
+
+                                        mode = START;
+                                        break;
+                                case WASH: // o: got eob, possibly more output
+                                        if (k > 7) { // return unused byte, if any
+                                                k -= 8;
+                                                n++;
+                                                p--; // can always return one
+                                        }
+
+                                        s.write = q;
+                                        r = s.inflate_flush(z, r);
+                                        q = s.write;
+                                        m = q < s.read ? s.read - q - 1 : s.end - q;
+
+                                        if (s.read != s.write) {
+                                                s.bitb = b;
+                                                s.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                s.write = q;
+                                                return s.inflate_flush(z, r);
+                                        }
+                                        mode = END;
+                                case END:
+                                        r = Z_STREAM_END;
+                                        s.bitb = b;
+                                        s.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        s.write = q;
+                                        return s.inflate_flush(z, r);
+
+                                case BADCODE: // x: got error
+
+                                        r = Z_DATA_ERROR;
+
+                                        s.bitb = b;
+                                        s.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        s.write = q;
+                                        return s.inflate_flush(z, r);
+
+                                default:
+                                        r = Z_STREAM_ERROR;
+
+                                        s.bitb = b;
+                                        s.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        s.write = q;
+                                        return s.inflate_flush(z, r);
+                                }
+                        }
+                };
+
+                that.free = function(z) {
+                        // ZFREE(z, c);
+                };
+
+        }
+
+        // InfBlocks
+
+        // Table for deflate from PKZIP's appnote.txt.
+        var border = [ // Order of the bit length code lengths
+        16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15 ];
+
+        var TYPE = 0; // get type bits (3, including end bit)
+        var LENS = 1; // get lengths for stored
+        var STORED = 2;// processing stored block
+        var TABLE = 3; // get table lengths
+        var BTREE = 4; // get bit lengths tree for a dynamic
+        // block
+        var DTREE = 5; // get length, distance trees for a
+        // dynamic block
+        var CODES = 6; // processing fixed or dynamic block
+        var DRY = 7; // output remaining window bytes
+        var DONELOCKS = 8; // finished last block, done
+        var BADBLOCKS = 9; // ot a data error--stuck here
+
+        function InfBlocks(z, w) {
+                var that = this;
+
+                var mode = TYPE; // current inflate_block mode
+
+                var left = 0; // if STORED, bytes left to copy
+
+                var table = 0; // table lengths (14 bits)
+                var index = 0; // index into blens (or border)
+                var blens; // bit lengths of codes
+                var bb = [ 0 ]; // bit length tree depth
+                var tb = [ 0 ]; // bit length decoding tree
+
+                var codes = new InfCodes(); // if CODES, current state
+
+                var last = 0; // true if this block is the last block
+
+                var hufts = new Int32Array(MANY * 3); // single malloc for tree space
+                var check = 0; // check on output
+                var inftree = new InfTree();
+
+                that.bitk = 0; // bits in bit buffer
+                that.bitb = 0; // bit buffer
+                that.window = new Uint8Array(w); // sliding window
+                that.end = w; // one byte after sliding window
+                that.read = 0; // window read pointer
+                that.write = 0; // window write pointer
+
+                that.reset = function(z, c) {
+                        if (c)
+                                c[0] = check;
+                        // if (mode == BTREE || mode == DTREE) {
+                        // }
+                        if (mode == CODES) {
+                                codes.free(z);
+                        }
+                        mode = TYPE;
+                        that.bitk = 0;
+                        that.bitb = 0;
+                        that.read = that.write = 0;
+                };
+
+                that.reset(z, null);
+
+                // copy as much as possible from the sliding window to the output area
+                that.inflate_flush = function(z, r) {
+                        var n;
+                        var p;
+                        var q;
+
+                        // local copies of source and destination pointers
+                        p = z.next_out_index;
+                        q = that.read;
+
+                        // compute number of bytes to copy as far as end of window
+                        n = /* (int) */((q <= that.write ? that.write : that.end) - q);
+                        if (n > z.avail_out)
+                                n = z.avail_out;
+                        if (n !== 0 && r == Z_BUF_ERROR)
+                                r = Z_OK;
+
+                        // update counters
+                        z.avail_out -= n;
+                        z.total_out += n;
+
+                        // copy as far as end of window
+                        z.next_out.set(that.window.subarray(q, q + n), p);
+                        p += n;
+                        q += n;
+
+                        // see if more to copy at beginning of window
+                        if (q == that.end) {
+                                // wrap pointers
+                                q = 0;
+                                if (that.write == that.end)
+                                        that.write = 0;
+
+                                // compute bytes to copy
+                                n = that.write - q;
+                                if (n > z.avail_out)
+                                        n = z.avail_out;
+                                if (n !== 0 && r == Z_BUF_ERROR)
+                                        r = Z_OK;
+
+                                // update counters
+                                z.avail_out -= n;
+                                z.total_out += n;
+
+                                // copy
+                                z.next_out.set(that.window.subarray(q, q + n), p);
+                                p += n;
+                                q += n;
+                        }
+
+                        // update pointers
+                        z.next_out_index = p;
+                        that.read = q;
+
+                        // done
+                        return r;
+                };
+
+                that.proc = function(z, r) {
+                        var t; // temporary storage
+                        var b; // bit buffer
+                        var k; // bits in bit buffer
+                        var p; // input data pointer
+                        var n; // bytes available there
+                        var q; // output window write pointer
+                        var m; // bytes to end of window or read pointer
+
+                        var i;
+
+                        // copy input/output information to locals (UPDATE macro restores)
+                        // {
+                        p = z.next_in_index;
+                        n = z.avail_in;
+                        b = that.bitb;
+                        k = that.bitk;
+                        // }
+                        // {
+                        q = that.write;
+                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+                        // }
+
+                        // process input based on current state
+                        // DEBUG dtree
+                        while (true) {
+                                switch (mode) {
+                                case TYPE:
+
+                                        while (k < (3)) {
+                                                if (n !== 0) {
+                                                        r = Z_OK;
+                                                } else {
+                                                        that.bitb = b;
+                                                        that.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        that.write = q;
+                                                        return that.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+                                        t = /* (int) */(b & 7);
+                                        last = t & 1;
+
+                                        switch (t >>> 1) {
+                                        case 0: // stored
+                                                // {
+                                                b >>>= (3);
+                                                k -= (3);
+                                                // }
+                                                t = k & 7; // go to byte boundary
+
+                                                // {
+                                                b >>>= (t);
+                                                k -= (t);
+                                                // }
+                                                mode = LENS; // get length of stored block
+                                                break;
+                                        case 1: // fixed
+                                                // {
+                                                var bl = []; // new Array(1);
+                                                var bd = []; // new Array(1);
+                                                var tl = [ [] ]; // new Array(1);
+                                                var td = [ [] ]; // new Array(1);
+
+                                                InfTree.inflate_trees_fixed(bl, bd, tl, td, z);
+                                                codes.init(bl[0], bd[0], tl[0], 0, td[0], 0, z);
+                                                // }
+
+                                                // {
+                                                b >>>= (3);
+                                                k -= (3);
+                                                // }
+
+                                                mode = CODES;
+                                                break;
+                                        case 2: // dynamic
+
+                                                // {
+                                                b >>>= (3);
+                                                k -= (3);
+                                                // }
+
+                                                mode = TABLE;
+                                                break;
+                                        case 3: // illegal
+
+                                                // {
+                                                b >>>= (3);
+                                                k -= (3);
+                                                // }
+                                                mode = BADBLOCKS;
+                                                z.msg = "invalid block type";
+                                                r = Z_DATA_ERROR;
+
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        break;
+                                case LENS:
+
+                                        while (k < (32)) {
+                                                if (n !== 0) {
+                                                        r = Z_OK;
+                                                } else {
+                                                        that.bitb = b;
+                                                        that.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        that.write = q;
+                                                        return that.inflate_flush(z, r);
+                                                }
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        if ((((~b) >>> 16) & 0xffff) != (b & 0xffff)) {
+                                                mode = BADBLOCKS;
+                                                z.msg = "invalid stored block lengths";
+                                                r = Z_DATA_ERROR;
+
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        left = (b & 0xffff);
+                                        b = k = 0; // dump bits
+                                        mode = left !== 0 ? STORED : (last !== 0 ? DRY : TYPE);
+                                        break;
+                                case STORED:
+                                        if (n === 0) {
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+
+                                        if (m === 0) {
+                                                if (q == that.end && that.read !== 0) {
+                                                        q = 0;
+                                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+                                                }
+                                                if (m === 0) {
+                                                        that.write = q;
+                                                        r = that.inflate_flush(z, r);
+                                                        q = that.write;
+                                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+                                                        if (q == that.end && that.read !== 0) {
+                                                                q = 0;
+                                                                m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+                                                        }
+                                                        if (m === 0) {
+                                                                that.bitb = b;
+                                                                that.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                that.write = q;
+                                                                return that.inflate_flush(z, r);
+                                                        }
+                                                }
+                                        }
+                                        r = Z_OK;
+
+                                        t = left;
+                                        if (t > n)
+                                                t = n;
+                                        if (t > m)
+                                                t = m;
+                                        that.window.set(z.read_buf(p, t), q);
+                                        p += t;
+                                        n -= t;
+                                        q += t;
+                                        m -= t;
+                                        if ((left -= t) !== 0)
+                                                break;
+                                        mode = last !== 0 ? DRY : TYPE;
+                                        break;
+                                case TABLE:
+
+                                        while (k < (14)) {
+                                                if (n !== 0) {
+                                                        r = Z_OK;
+                                                } else {
+                                                        that.bitb = b;
+                                                        that.bitk = k;
+                                                        z.avail_in = n;
+                                                        z.total_in += p - z.next_in_index;
+                                                        z.next_in_index = p;
+                                                        that.write = q;
+                                                        return that.inflate_flush(z, r);
+                                                }
+
+                                                n--;
+                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                k += 8;
+                                        }
+
+                                        table = t = (b & 0x3fff);
+                                        if ((t & 0x1f) > 29 || ((t >> 5) & 0x1f) > 29) {
+                                                mode = BADBLOCKS;
+                                                z.msg = "too many length or distance symbols";
+                                                r = Z_DATA_ERROR;
+
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        t = 258 + (t & 0x1f) + ((t >> 5) & 0x1f);
+                                        if (!blens || blens.length < t) {
+                                                blens = []; // new Array(t);
+                                        } else {
+                                                for (i = 0; i < t; i++) {
+                                                        blens[i] = 0;
+                                                }
+                                        }
+
+                                        // {
+                                        b >>>= (14);
+                                        k -= (14);
+                                        // }
+
+                                        index = 0;
+                                        mode = BTREE;
+                                case BTREE:
+                                        while (index < 4 + (table >>> 10)) {
+                                                while (k < (3)) {
+                                                        if (n !== 0) {
+                                                                r = Z_OK;
+                                                        } else {
+                                                                that.bitb = b;
+                                                                that.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                that.write = q;
+                                                                return that.inflate_flush(z, r);
+                                                        }
+                                                        n--;
+                                                        b |= (z.read_byte(p++) & 0xff) << k;
+                                                        k += 8;
+                                                }
+
+                                                blens[border[index++]] = b & 7;
+
+                                                // {
+                                                b >>>= (3);
+                                                k -= (3);
+                                                // }
+                                        }
+
+                                        while (index < 19) {
+                                                blens[border[index++]] = 0;
+                                        }
+
+                                        bb[0] = 7;
+                                        t = inftree.inflate_trees_bits(blens, bb, tb, hufts, z);
+                                        if (t != Z_OK) {
+                                                r = t;
+                                                if (r == Z_DATA_ERROR) {
+                                                        blens = null;
+                                                        mode = BADBLOCKS;
+                                                }
+
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+
+                                        index = 0;
+                                        mode = DTREE;
+                                case DTREE:
+                                        while (true) {
+                                                t = table;
+                                                if (!(index < 258 + (t & 0x1f) + ((t >> 5) & 0x1f))) {
+                                                        break;
+                                                }
+
+                                                var h;
+                                                var j, c;
+
+                                                t = bb[0];
+
+                                                while (k < (t)) {
+                                                        if (n !== 0) {
+                                                                r = Z_OK;
+                                                        } else {
+                                                                that.bitb = b;
+                                                                that.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                that.write = q;
+                                                                return that.inflate_flush(z, r);
+                                                        }
+                                                        n--;
+                                                        b |= (z.read_byte(p++) & 0xff) << k;
+                                                        k += 8;
+                                                }
+
+                                                // if (tb[0] == -1) {
+                                                // System.err.println("null...");
+                                                // }
+
+                                                t = hufts[(tb[0] + (b & inflate_mask[t])) * 3 + 1];
+                                                c = hufts[(tb[0] + (b & inflate_mask[t])) * 3 + 2];
+
+                                                if (c < 16) {
+                                                        b >>>= (t);
+                                                        k -= (t);
+                                                        blens[index++] = c;
+                                                } else { // c == 16..18
+                                                        i = c == 18 ? 7 : c - 14;
+                                                        j = c == 18 ? 11 : 3;
+
+                                                        while (k < (t + i)) {
+                                                                if (n !== 0) {
+                                                                        r = Z_OK;
+                                                                } else {
+                                                                        that.bitb = b;
+                                                                        that.bitk = k;
+                                                                        z.avail_in = n;
+                                                                        z.total_in += p - z.next_in_index;
+                                                                        z.next_in_index = p;
+                                                                        that.write = q;
+                                                                        return that.inflate_flush(z, r);
+                                                                }
+                                                                n--;
+                                                                b |= (z.read_byte(p++) & 0xff) << k;
+                                                                k += 8;
+                                                        }
+
+                                                        b >>>= (t);
+                                                        k -= (t);
+
+                                                        j += (b & inflate_mask[i]);
+
+                                                        b >>>= (i);
+                                                        k -= (i);
+
+                                                        i = index;
+                                                        t = table;
+                                                        if (i + j > 258 + (t & 0x1f) + ((t >> 5) & 0x1f) || (c == 16 && i < 1)) {
+                                                                blens = null;
+                                                                mode = BADBLOCKS;
+                                                                z.msg = "invalid bit length repeat";
+                                                                r = Z_DATA_ERROR;
+
+                                                                that.bitb = b;
+                                                                that.bitk = k;
+                                                                z.avail_in = n;
+                                                                z.total_in += p - z.next_in_index;
+                                                                z.next_in_index = p;
+                                                                that.write = q;
+                                                                return that.inflate_flush(z, r);
+                                                        }
+
+                                                        c = c == 16 ? blens[i - 1] : 0;
+                                                        do {
+                                                                blens[i++] = c;
+                                                        } while (--j !== 0);
+                                                        index = i;
+                                                }
+                                        }
+
+                                        tb[0] = -1;
+                                        // {
+                                        var bl_ = []; // new Array(1);
+                                        var bd_ = []; // new Array(1);
+                                        var tl_ = []; // new Array(1);
+                                        var td_ = []; // new Array(1);
+                                        bl_[0] = 9; // must be <= 9 for lookahead assumptions
+                                        bd_[0] = 6; // must be <= 9 for lookahead assumptions
+
+                                        t = table;
+                                        t = inftree.inflate_trees_dynamic(257 + (t & 0x1f), 1 + ((t >> 5) & 0x1f), blens, bl_, bd_, tl_, td_, hufts, z);
+
+                                        if (t != Z_OK) {
+                                                if (t == Z_DATA_ERROR) {
+                                                        blens = null;
+                                                        mode = BADBLOCKS;
+                                                }
+                                                r = t;
+
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        codes.init(bl_[0], bd_[0], hufts, tl_[0], hufts, td_[0], z);
+                                        // }
+                                        mode = CODES;
+                                case CODES:
+                                        that.bitb = b;
+                                        that.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        that.write = q;
+
+                                        if ((r = codes.proc(that, z, r)) != Z_STREAM_END) {
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        r = Z_OK;
+                                        codes.free(z);
+
+                                        p = z.next_in_index;
+                                        n = z.avail_in;
+                                        b = that.bitb;
+                                        k = that.bitk;
+                                        q = that.write;
+                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+
+                                        if (last === 0) {
+                                                mode = TYPE;
+                                                break;
+                                        }
+                                        mode = DRY;
+                                case DRY:
+                                        that.write = q;
+                                        r = that.inflate_flush(z, r);
+                                        q = that.write;
+                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
+                                        if (that.read != that.write) {
+                                                that.bitb = b;
+                                                that.bitk = k;
+                                                z.avail_in = n;
+                                                z.total_in += p - z.next_in_index;
+                                                z.next_in_index = p;
+                                                that.write = q;
+                                                return that.inflate_flush(z, r);
+                                        }
+                                        mode = DONELOCKS;
+                                case DONELOCKS:
+                                        r = Z_STREAM_END;
+
+                                        that.bitb = b;
+                                        that.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        that.write = q;
+                                        return that.inflate_flush(z, r);
+                                case BADBLOCKS:
+                                        r = Z_DATA_ERROR;
+
+                                        that.bitb = b;
+                                        that.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        that.write = q;
+                                        return that.inflate_flush(z, r);
+
+                                default:
+                                        r = Z_STREAM_ERROR;
+
+                                        that.bitb = b;
+                                        that.bitk = k;
+                                        z.avail_in = n;
+                                        z.total_in += p - z.next_in_index;
+                                        z.next_in_index = p;
+                                        that.write = q;
+                                        return that.inflate_flush(z, r);
+                                }
+                        }
+                };
+
+                that.free = function(z) {
+                        that.reset(z, null);
+                        that.window = null;
+                        hufts = null;
+                        // ZFREE(z, s);
+                };
+
+                that.set_dictionary = function(d, start, n) {
+                        that.window.set(d.subarray(start, start + n), 0);
+                        that.read = that.write = n;
+                };
+
+                // Returns true if inflate is currently at the end of a block generated
+                // by Z_SYNC_FLUSH or Z_FULL_FLUSH.
+                that.sync_point = function() {
+                        return mode == LENS ? 1 : 0;
+                };
+
+        }
+
+        // Inflate
+
+        // preset dictionary flag in zlib header
+        var PRESET_DICT = 0x20;
+
+        var Z_DEFLATED = 8;
+
+        var METHOD = 0; // waiting for method byte
+        var FLAG = 1; // waiting for flag byte
+        var DICT4 = 2; // four dictionary check bytes to go
+        var DICT3 = 3; // three dictionary check bytes to go
+        var DICT2 = 4; // two dictionary check bytes to go
+        var DICT1 = 5; // one dictionary check byte to go
+        var DICT0 = 6; // waiting for inflateSetDictionary
+        var BLOCKS = 7; // decompressing blocks
+        var DONE = 12; // finished check, done
+        var BAD = 13; // got an error--stay here
+
+        var mark = [ 0, 0, 0xff, 0xff ];
+
+        function Inflate() {
+                var that = this;
+
+                that.mode = 0; // current inflate mode
+
+                // mode dependent information
+                that.method = 0; // if FLAGS, method byte
+
+                // if CHECK, check values to compare
+                that.was = [ 0 ]; // new Array(1); // computed check value
+                that.need = 0; // stream check value
+
+                // if BAD, inflateSync's marker bytes count
+                that.marker = 0;
+
+                // mode independent information
+                that.wbits = 0; // log2(window size) (8..15, defaults to 15)
+
+                // this.blocks; // current inflate_blocks state
+
+                function inflateReset(z) {
+                        if (!z || !z.istate)
+                                return Z_STREAM_ERROR;
+
+                        z.total_in = z.total_out = 0;
+                        z.msg = null;
+                        z.istate.mode = BLOCKS;
+                        z.istate.blocks.reset(z, null);
+                        return Z_OK;
+                }
+
+                that.inflateEnd = function(z) {
+                        if (that.blocks)
+                                that.blocks.free(z);
+                        that.blocks = null;
+                        // ZFREE(z, z->state);
+                        return Z_OK;
+                };
+
+                that.inflateInit = function(z, w) {
+                        z.msg = null;
+                        that.blocks = null;
+
+                        // set window size
+                        if (w < 8 || w > 15) {
+                                that.inflateEnd(z);
+                                return Z_STREAM_ERROR;
+                        }
+                        that.wbits = w;
+
+                        z.istate.blocks = new InfBlocks(z, 1 << w);
+
+                        // reset state
+                        inflateReset(z);
+                        return Z_OK;
+                };
+
+                that.inflate = function(z, f) {
+                        var r;
+                        var b;
+
+                        if (!z || !z.istate || !z.next_in)
+                                return Z_STREAM_ERROR;
+                        f = f == Z_FINISH ? Z_BUF_ERROR : Z_OK;
+                        r = Z_BUF_ERROR;
+                        while (true) {
+                                // System.out.println("mode: "+z.istate.mode);
+                                switch (z.istate.mode) {
+                                case METHOD:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        if (((z.istate.method = z.read_byte(z.next_in_index++)) & 0xf) != Z_DEFLATED) {
+                                                z.istate.mode = BAD;
+                                                z.msg = "unknown compression method";
+                                                z.istate.marker = 5; // can't try inflateSync
+                                                break;
+                                        }
+                                        if ((z.istate.method >> 4) + 8 > z.istate.wbits) {
+                                                z.istate.mode = BAD;
+                                                z.msg = "invalid window size";
+                                                z.istate.marker = 5; // can't try inflateSync
+                                                break;
+                                        }
+                                        z.istate.mode = FLAG;
+                                case FLAG:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        b = (z.read_byte(z.next_in_index++)) & 0xff;
+
+                                        if ((((z.istate.method << 8) + b) % 31) !== 0) {
+                                                z.istate.mode = BAD;
+                                                z.msg = "incorrect header check";
+                                                z.istate.marker = 5; // can't try inflateSync
+                                                break;
+                                        }
+
+                                        if ((b & PRESET_DICT) === 0) {
+                                                z.istate.mode = BLOCKS;
+                                                break;
+                                        }
+                                        z.istate.mode = DICT4;
+                                case DICT4:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        z.istate.need = ((z.read_byte(z.next_in_index++) & 0xff) << 24) & 0xff000000;
+                                        z.istate.mode = DICT3;
+                                case DICT3:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        z.istate.need += ((z.read_byte(z.next_in_index++) & 0xff) << 16) & 0xff0000;
+                                        z.istate.mode = DICT2;
+                                case DICT2:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        z.istate.need += ((z.read_byte(z.next_in_index++) & 0xff) << 8) & 0xff00;
+                                        z.istate.mode = DICT1;
+                                case DICT1:
+
+                                        if (z.avail_in === 0)
+                                                return r;
+                                        r = f;
+
+                                        z.avail_in--;
+                                        z.total_in++;
+                                        z.istate.need += (z.read_byte(z.next_in_index++) & 0xff);
+                                        z.istate.mode = DICT0;
+                                        return Z_NEED_DICT;
+                                case DICT0:
+                                        z.istate.mode = BAD;
+                                        z.msg = "need dictionary";
+                                        z.istate.marker = 0; // can try inflateSync
+                                        return Z_STREAM_ERROR;
+                                case BLOCKS:
+
+                                        r = z.istate.blocks.proc(z, r);
+                                        if (r == Z_DATA_ERROR) {
+                                                z.istate.mode = BAD;
+                                                z.istate.marker = 0; // can try inflateSync
+                                                break;
+                                        }
+                                        if (r == Z_OK) {
+                                                r = f;
+                                        }
+                                        if (r != Z_STREAM_END) {
+                                                return r;
+                                        }
+                                        r = f;
+                                        z.istate.blocks.reset(z, z.istate.was);
+                                        z.istate.mode = DONE;
+                                case DONE:
+                                        return Z_STREAM_END;
+                                case BAD:
+                                        return Z_DATA_ERROR;
+                                default:
+                                        return Z_STREAM_ERROR;
+                                }
+                        }
+                };
+
+                that.inflateSetDictionary = function(z, dictionary, dictLength) {
+                        var index = 0;
+                        var length = dictLength;
+                        if (!z || !z.istate || z.istate.mode != DICT0)
+                                return Z_STREAM_ERROR;
+
+                        if (length >= (1 << z.istate.wbits)) {
+                                length = (1 << z.istate.wbits) - 1;
+                                index = dictLength - length;
+                        }
+                        z.istate.blocks.set_dictionary(dictionary, index, length);
+                        z.istate.mode = BLOCKS;
+                        return Z_OK;
+                };
+
+                that.inflateSync = function(z) {
+                        var n; // number of bytes to look at
+                        var p; // pointer to bytes
+                        var m; // number of marker bytes found in a row
+                        var r, w; // temporaries to save total_in and total_out
+
+                        // set up
+                        if (!z || !z.istate)
+                                return Z_STREAM_ERROR;
+                        if (z.istate.mode != BAD) {
+                                z.istate.mode = BAD;
+                                z.istate.marker = 0;
+                        }
+                        if ((n = z.avail_in) === 0)
+                                return Z_BUF_ERROR;
+                        p = z.next_in_index;
+                        m = z.istate.marker;
+
+                        // search
+                        while (n !== 0 && m < 4) {
+                                if (z.read_byte(p) == mark[m]) {
+                                        m++;
+                                } else if (z.read_byte(p) !== 0) {
+                                        m = 0;
+                                } else {
+                                        m = 4 - m;
+                                }
+                                p++;
+                                n--;
+                        }
+
+                        // restore
+                        z.total_in += p - z.next_in_index;
+                        z.next_in_index = p;
+                        z.avail_in = n;
+                        z.istate.marker = m;
+
+                        // return no joy or set up to restart on a new block
+                        if (m != 4) {
+                                return Z_DATA_ERROR;
+                        }
+                        r = z.total_in;
+                        w = z.total_out;
+                        inflateReset(z);
+                        z.total_in = r;
+                        z.total_out = w;
+                        z.istate.mode = BLOCKS;
+                        return Z_OK;
+                };
+
+                // Returns true if inflate is currently at the end of a block generated
+                // by Z_SYNC_FLUSH or Z_FULL_FLUSH. This function is used by one PPP
+                // implementation to provide an additional safety check. PPP uses
+                // Z_SYNC_FLUSH
+                // but removes the length bytes of the resulting empty stored block. When
+                // decompressing, PPP checks that at the end of input packet, inflate is
+                // waiting for these length bytes.
+                that.inflateSyncPoint = function(z) {
+                        if (!z || !z.istate || !z.istate.blocks)
+                                return Z_STREAM_ERROR;
+                        return z.istate.blocks.sync_point();
+                };
+        }
+
+        // ZStream
+
+        function ZStream() {
+        }
+
+        ZStream.prototype = {
+                inflateInit : function(bits) {
+                        var that = this;
+                        that.istate = new Inflate();
+                        if (!bits)
+                                bits = MAX_BITS;
+                        return that.istate.inflateInit(that, bits);
+                },
+
+                inflate : function(f) {
+                        var that = this;
+                        if (!that.istate)
+                                return Z_STREAM_ERROR;
+                        return that.istate.inflate(that, f);
+                },
+
+                inflateEnd : function() {
+                        var that = this;
+                        if (!that.istate)
+                                return Z_STREAM_ERROR;
+                        var ret = that.istate.inflateEnd(that);
+                        that.istate = null;
+                        return ret;
+                },
+
+                inflateSync : function() {
+                        var that = this;
+                        if (!that.istate)
+                                return Z_STREAM_ERROR;
+                        return that.istate.inflateSync(that);
+                },
+                inflateSetDictionary : function(dictionary, dictLength) {
+                        var that = this;
+                        if (!that.istate)
+                                return Z_STREAM_ERROR;
+                        return that.istate.inflateSetDictionary(that, dictionary, dictLength);
+                },
+                read_byte : function(start) {
+                        var that = this;
+                        return that.next_in.subarray(start, start + 1)[0];
+                },
+                read_buf : function(start, size) {
+                        var that = this;
+                        return that.next_in.subarray(start, start + size);
+                }
+        };
+
+        // Inflater
+
+        function Inflater() {
+                var that = this;
+                var z = new ZStream();
+                var bufsize = 512;
+                var flush = Z_NO_FLUSH;
+                var buf = new Uint8Array(bufsize);
+                var nomoreinput = false;
+
+                z.inflateInit();
+                z.next_out = buf;
+
+                that.append = function(data, onprogress) {
+                        var err, buffers = [], lastIndex = 0, bufferIndex = 0, bufferSize = 0, array;
+                        if (data.length === 0)
+                                return;
+                        z.next_in_index = 0;
+                        z.next_in = data;
+                        z.avail_in = data.length;
+                        do {
+                                z.next_out_index = 0;
+                                z.avail_out = bufsize;
+                                err = z.inflate(flush);
+                                if (err == Z_BUF_ERROR)
+                                        return -1;
+                                if (err != Z_OK && err != Z_STREAM_END)
+                                        throw "inflating: " + z.msg;
+                                if ((nomoreinput || err == Z_STREAM_END) && (z.avail_out == data.length))
+                                        return -1;
+                                if (z.next_out_index)
+                                        if (z.next_out_index == bufsize)
+                                                buffers.push(new Uint8Array(buf));
+                                        else
+                                                buffers.push(new Uint8Array(buf.subarray(0, z.next_out_index)));
+                                bufferSize += z.next_out_index;
+                                if (onprogress && z.next_in_index > 0 && z.next_in_index != lastIndex) {
+                                        onprogress(z.next_in_index);
+                                        lastIndex = z.next_in_index;
+                                }
+                        } while (z.avail_in > 0);
+                        array = new Uint8Array(bufferSize);
+                        buffers.forEach(function(chunk) {
+                                array.set(chunk, bufferIndex);
+                                bufferIndex += chunk.length;
+                        });
+                        return array;
+                };
+                that.flush = function() {
+                        z.inflateEnd();
+                };
+        }
+
+    obj.Inflater = Inflater;
+})(globalThis);
diff --git a/crawl-ref/source/webserver/client/lobby/src/contrib/jquery.waitforimages.js b/crawl-ref/source/webserver/client/lobby/src/contrib/jquery.waitforimages.js
new file mode 100644
index 00000000000..af2fa30dec9
--- /dev/null
+++ b/crawl-ref/source/webserver/client/lobby/src/contrib/jquery.waitforimages.js
@@ -0,0 +1,135 @@
+import jQuery from "jquery";
+
+/*
+ * waitForImages 1.3.2
+ * -----------------
+ * Provides a callback when all images have loaded in your given selector.
+ * http://www.alexanderdickson.com/
+ *
+ *
+ * Copyright (c) 2011 Alex Dickson
+ * Licensed under the MIT licenses.
+ * See website for more info.
+ *
+ */
+
+;(function($) {
+
+    // CSS properties which contain references to images.
+    $.waitForImages = {
+        hasImageProperties: [
+        'backgroundImage',
+        'listStyleImage',
+        'borderImage',
+        'borderCornerImage'
+        ]
+    };
+
+    // Custom selector to find `img` elements that have a valid `src` attribute and have not already loaded.
+    $.expr[':'].uncached = function(obj) {
+        return $(obj).is('img[src!=""]') && ! obj.complete;
+    };
+
+    $.fn.waitForImages = function(finishedCallback, eachCallback, waitForAll) {
+
+        // Handle options object.
+        if ($.isPlainObject(arguments[0])) {
+            eachCallback = finishedCallback.each;
+            waitForAll = finishedCallback.waitForAll;
+            finishedCallback = finishedCallback.finished;
+        }
+
+        // Handle missing callbacks.
+        finishedCallback = finishedCallback || $.noop;
+        eachCallback = eachCallback || $.noop;
+
+        // Convert waitForAll to Boolean
+        waitForAll = !! waitForAll;
+
+        // Ensure callbacks are functions.
+        if (!$.isFunction(finishedCallback) || !$.isFunction(eachCallback)) {
+            throw new TypeError('An invalid callback was supplied.');
+        };
+
+        return this.each(function() {
+            // Build a list of all imgs, dependent on what images will be considered.
+            var obj = $(this),
+                allImgs = [];
+
+            if (waitForAll) {
+                // CSS properties which may contain an image.
+                var hasImgProperties = $.waitForImages.hasImageProperties || [],
+                    matchUrl = /url\((['"]?)(.*?)\1\)/g;
+
+                // Get all elements, as any one of them could have a background image.
+                obj.find('*').each(function() {
+                    var element = $(this);
+
+                    // If an `img` element, add it. But keep iterating in case it has a background image too.
+                    if (element.is('img:uncached')) {
+                        allImgs.push({
+                            src: element.attr('src'),
+                            element: element[0]
+                        });
+                    }
+
+                    $.each(hasImgProperties, function(i, property) {
+                        var propertyValue = element.css(property);
+                        // If it doesn't contain this property, skip.
+                        if ( ! propertyValue) {
+                            return true;
+                        }
+
+                        // Get all url() of this element.
+                        var match;
+                        while (match = matchUrl.exec(propertyValue)) {
+                            allImgs.push({
+                                src: match[2],
+                                element: element[0]
+                            });
+                        };
+                    });
+                });
+            } else {
+                // For images only, the task is simpler.
+                obj
+                 .find('img:uncached')
+                 .each(function() {
+                    allImgs.push({
+                        src: this.src,
+                        element: this
+                    });
+                });
+            };
+
+            var allImgsLength = allImgs.length,
+                allImgsLoaded = 0;
+
+            // If no images found, don't bother.
+            if (allImgsLength == 0) {
+                finishedCallback.call(obj[0]);
+            };
+
+            $.each(allImgs, function(i, img) {
+
+                var image = new Image;
+
+                // Handle the image loading and error with the same callback.
+                $(image).bind('load error', function(event) {
+                    allImgsLoaded++;
+
+                    // If an error occurred with loading the image, set the third argument accordingly.
+                    eachCallback.call(img.element, allImgsLoaded, allImgsLength, event.type == 'load');
+
+                    if (allImgsLoaded == allImgsLength) {
+                        finishedCallback.call(obj[0]);
+                        return false;
+                    };
+
+                });
+
+                image.src = img.src;
+            });
+        });
+    };
+})(jQuery);
diff --git a/crawl-ref/source/webserver/client/lobby/src/contrib/require.js b/crawl-ref/source/webserver/client/lobby/src/contrib/require.js
new file mode 100644
index 00000000000..ec9eb99e664
--- /dev/null
+++ b/crawl-ref/source/webserver/client/lobby/src/contrib/require.js
@@ -0,0 +1,39 @@
+/*
+ RequireJS 2.1.6 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
+ Available via the MIT or new BSD license.
+ see: http://github.com/jrburke/requirejs for details
+*/
+var requirejs,require,define;
+(function(ba){function J(b){return"[object Function]"===N.call(b)}function K(b){return"[object Array]"===N.call(b)}function z(b,c){if(b){var d;for(d=0;dthis.depCount&&!this.defined){if(J(n)){if(this.events.error&&this.map.isDefine||h.onError!==ca)try{e=k.execCb(c,n,b,e)}catch(d){a=d}else e=k.execCb(c,n,b,e);this.map.isDefine&&((b=this.module)&&void 0!==b.exports&&b.exports!==
+this.exports?e=b.exports:void 0===e&&this.usingExports&&(e=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else e=n;this.exports=e;if(this.map.isDefine&&!this.ignore&&(r[c]=e,h.onResourceLoad))h.onResourceLoad(k,this.map,this.depMaps);y(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=
+!0)}}else this.fetch()}},callPlugin:function(){var a=this.map,b=a.id,d=l(a.prefix);this.depMaps.push(d);u(d,"defined",v(this,function(e){var n,d;d=this.map.name;var g=this.map.parentMap?this.map.parentMap.name:null,C=k.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(e.normalize&&(d=e.normalize(d,function(a){return c(a,g,!0)})||""),e=l(a.prefix+"!"+d,this.map.parentMap),u(e,"defined",v(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),
+d=m(q,e.id)){this.depMaps.push(e);if(this.events.error)d.on("error",v(this,function(a){this.emit("error",a)}));d.enable()}}else n=v(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),n.error=v(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];H(q,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),n.fromText=v(this,function(e,c){var d=a.name,g=l(d),i=Q;c&&(e=c);i&&(Q=!1);s(g);t(j.config,b)&&(j.config[d]=j.config[b]);try{h.exec(e)}catch(D){return w(B("fromtexteval",
+"fromText eval for "+b+" failed: "+D,D,[b]))}i&&(Q=!0);this.depMaps.push(g);k.completeLoad(d);C([d],n)}),e.load(a.name,C,n,j)}));k.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;z(this.depMaps,v(this,function(a,b){var c,e;if("string"===typeof a){a=l(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=m(P,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;u(a,"defined",v(this,function(a){this.defineDep(b,
+a);this.check()}));this.errback&&u(a,"error",v(this,this.errback))}c=a.id;e=q[c];!t(P,c)&&(e&&!e.enabled)&&k.enable(a,this)}));H(this.pluginMaps,v(this,function(a){var b=m(q,a.id);b&&!b.enabled&&k.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){z(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};k={config:j,contextName:b,registry:q,defined:r,urlFetched:V,defQueue:I,Module:$,makeModuleMap:l,
+nextTick:h.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=j.pkgs,c=j.shim,e={paths:!0,config:!0,map:!0};H(a,function(a,b){e[b]?"map"===b?(j.map||(j.map={}),S(j[b],a,!0,!0)):S(j[b],a,!0):j[b]=a});a.shim&&(H(a.shim,function(a,b){K(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=k.makeShimExports(a);c[b]=a}),j.shim=c);a.packages&&(z(a.packages,function(a){a="string"===typeof a?{name:a}:a;b[a.name]={name:a.name,
+location:a.location||a.name,main:(a.main||"main").replace(ka,"").replace(fa,"")}}),j.pkgs=b);H(q,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=l(b))});if(a.deps||a.callback)k.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ba,arguments));return b||a.exports&&da(a.exports)}},makeRequire:function(a,f){function d(e,c,g){var i,j;f.enableBuildCallback&&(c&&J(c))&&(c.__requireJsBuild=!0);if("string"===typeof e){if(J(c))return w(B("requireargs",
+"Invalid require call"),g);if(a&&t(P,e))return P[e](q[a.id]);if(h.get)return h.get(k,e,a,d);i=l(e,a,!1,!0);i=i.id;return!t(r,i)?w(B("notloaded",'Module name "'+i+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):r[i]}M();k.nextTick(function(){M();j=s(l(null,a));j.skipMap=f.skipMap;j.init(e,c,g,{enabled:!0});E()});return d}f=f||{};S(d,{isBrowser:A,toUrl:function(b){var d,f=b.lastIndexOf("."),g=b.split("/")[0];if(-1!==f&&(!("."===g||".."===g)||1g.attachEvent.toString().indexOf("[native code"))&&!Z?(Q=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)):(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=d,M=g,E?y.insertBefore(g,E):y.appendChild(g),
+M=null,g;if(ea)try{importScripts(d),b.completeLoad(c)}catch(l){b.onError(B("importscripts","importScripts failed for "+c+" at "+d,l,[c]))}};A&&O(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(L=b.getAttribute("data-main"))return s=L,u.baseUrl||(F=s.split("/"),s=F.pop(),ga=F.length?F.join("/")+"/":"./",u.baseUrl=ga),s=s.replace(fa,""),h.jsExtRegExp.test(s)&&(s=L),u.deps=u.deps?u.deps.concat(s):[s],!0});define=function(b,c,d){var h,g;"string"!==typeof b&&(d=c,c=b,b=null);
+K(c)||(d=c,c=null);!c&&J(d)&&(c=[],d.length&&(d.toString().replace(ma,"").replace(na,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(Q){if(!(h=M))R&&"interactive"===R.readyState||O(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return R=b}),h=R;h&&(b||(b=h.getAttribute("data-requiremodule")),g=G[h.getAttribute("data-requirecontext")])}(g?g.defQueue:U).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};
+h(u)}})(this);
+export {
+    requirejs, require, define
+}
\ No newline at end of file
diff --git a/crawl-ref/source/webserver/client/lobby/src/key_conversion.js b/crawl-ref/source/webserver/client/lobby/src/key_conversion.js
index 6a43e42f914..37f79136b8c 100644
--- a/crawl-ref/source/webserver/client/lobby/src/key_conversion.js
+++ b/crawl-ref/source/webserver/client/lobby/src/key_conversion.js
@@ -1,350 +1,375 @@
-define(function() {
-    // This file is not versioned, which leads to some caveats: it may require
-    // a webserver restart to edit, and it needs to work for *all* versions of
-    // crawl on the webtiles server. For that reason it doesn't change often
-    // or easily. If needed, values here can be overridden in `game.js`, and
-    // this is the recommended way to make version-specific tweaks.
-    var val;
-    // Key codes - from cio.h
-    val = -255
-    var CK_DELETE = val++
-
-    var CK_UP = val++
-    var CK_DOWN = val++
-    var CK_LEFT = val++
-    var CK_RIGHT = val++
-    var CK_INSERT = val++
-    var CK_HOME = val++
-    var CK_END = val++
-    var CK_CLEAR = val++
-    var CK_PGUP = val++
-    var CK_PGDN = val++
-    var CK_TAB_PLACEHOLDER = val++ // placeholder value, not used
-
-    var CK_SHIFT_UP = val++
-    var CK_SHIFT_DOWN = val++
-    var CK_SHIFT_LEFT = val++
-    var CK_SHIFT_RIGHT = val++
-    var CK_SHIFT_INSERT = val++
-    var CK_SHIFT_HOME = val++
-    var CK_SHIFT_END = val++
-    var CK_SHIFT_CLEAR = val++
-    var CK_SHIFT_PGUP = val++
-    var CK_SHIFT_PGDN = val++
-    var CK_SHIFT_TAB = val++
-
-    var CK_CTRL_UP = val++
-    var CK_CTRL_DOWN = val++
-    var CK_CTRL_LEFT = val++
-    var CK_CTRL_RIGHT = val++
-    var CK_CTRL_INSERT = val++
-    var CK_CTRL_HOME = val++
-    var CK_CTRL_END = val++
-    var CK_CTRL_CLEAR = val++
-    var CK_CTRL_PGUP = val++
-    var CK_CTRL_PGDN = val++
-    var CK_CTRL_TAB = val++
-
-    var CK_CTRL_SHIFT_UP = val++
-    var CK_CTRL_SHIFT_DOWN = val++
-    var CK_CTRL_SHIFT_LEFT = val++
-    var CK_CTRL_SHIFT_RIGHT = val++
-    var CK_CTRL_SHIFT_INSERT = val++
-    var CK_CTRL_SHIFT_HOME = val++
-    var CK_CTRL_SHIFT_END = val++
-    var CK_CTRL_SHIFT_CLEAR = val++
-    var CK_CTRL_SHIFT_PGUP = val++
-    var CK_CTRL_SHIFT_PGDN = val++
-    var CK_CTRL_SHIFT_TAB = val++
-
-    // placeholders, not used except for math
-    var CK_ENTER_PLACEHOLDER = val++
-    var CK_BKSP_PLACEHOLDER = val++
-    var CK_ESCAPE_PLACEHOLDER = val++
-    var CK_DELETE_PLACEHOLDER = val++
-    var CK_SPACE_PLACEHOLDER = val++
-     // various things here may be hard to enter in some browsers..
-    var CK_SHIFT_ENTER = val++
-    var CK_SHIFT_BKSP = val++
-    var CK_SHIFT_ESCAPE = val++
-    var CK_SHIFT_DELETE = val++
-    var CK_SHIFT_SPACE = val++
-    var CK_CTRL_ENTER = val++
-    var CK_CTRL_BKSP = val++
-    var CK_CTRL_ESCAPE = val++
-    var CK_CTRL_DELETE = val++
-    var CK_CTRL_SPACE = val++
-    var CK_CTRL_SHIFT_ENTER = val++
-    var CK_CTRL_SHIFT_BKSP = val++
-    var CK_CTRL_SHIFT_ESCAPE = val++
-    var CK_CTRL_SHIFT_DELETE = val++
-    var CK_CTRL_SHIFT_SPACE = val++
-
-    // Mouse codes. XX these don't match cio.h?
-    val = -10009
-    var CK_MOUSE_MOVE  = val++
-    var CK_MOUSE_CMD = val++
-    var CK_MOUSE_B1 = val++
-    var CK_MOUSE_B2 = val++
-    var CK_MOUSE_B3 = val++
-    var CK_MOUSE_B4 = val++
-    var CK_MOUSE_B5 = val++
-    var CK_MOUSE_CLICK = val++
-
-    var key_conversion = {}
-    var shift_key_conversion = {}
-    var ctrl_key_conversion = {}
-    var ctrlshift_key_conversion = {}
-    var legacy_key_conversion = {}
-    var code_conversion = {}
-
-    var do_code_conversion = false;
-
-    function enable_code_conversion()
-    {
-        do_code_conversion = true;
+import $ from "jquery";
+import "jquery.browser";
+
+// This file is not versioned, which leads to some caveats: it may require
+// a webserver restart to edit, and it needs to work for *all* versions of
+// crawl on the webtiles server. For that reason it doesn't change often
+// or easily. If needed, values here can be overridden in `game.js`, and
+// this is the recommended way to make version-specific tweaks.
+let val;
+// Key codes - from cio.h
+val = -255;
+const CK_DELETE = val++;
+
+const CK_UP = val++;
+const CK_DOWN = val++;
+const CK_LEFT = val++;
+const CK_RIGHT = val++;
+const CK_INSERT = val++;
+const CK_HOME = val++;
+const CK_END = val++;
+const CK_CLEAR = val++;
+const CK_PGUP = val++;
+const CK_PGDN = val++;
+const _CK_TAB_PLACEHOLDER = val++; // placeholder value, not used
+
+const CK_SHIFT_UP = val++;
+const CK_SHIFT_DOWN = val++;
+const CK_SHIFT_LEFT = val++;
+const CK_SHIFT_RIGHT = val++;
+const CK_SHIFT_INSERT = val++;
+const CK_SHIFT_HOME = val++;
+const CK_SHIFT_END = val++;
+const CK_SHIFT_CLEAR = val++;
+const CK_SHIFT_PGUP = val++;
+const CK_SHIFT_PGDN = val++;
+const CK_SHIFT_TAB = val++;
+
+const CK_CTRL_UP = val++;
+const CK_CTRL_DOWN = val++;
+const CK_CTRL_LEFT = val++;
+const CK_CTRL_RIGHT = val++;
+const CK_CTRL_INSERT = val++;
+const CK_CTRL_HOME = val++;
+const CK_CTRL_END = val++;
+const CK_CTRL_CLEAR = val++;
+const CK_CTRL_PGUP = val++;
+const CK_CTRL_PGDN = val++;
+const _CK_CTRL_TAB = val++;
+
+const CK_CTRL_SHIFT_UP = val++;
+const CK_CTRL_SHIFT_DOWN = val++;
+const CK_CTRL_SHIFT_LEFT = val++;
+const CK_CTRL_SHIFT_RIGHT = val++;
+const CK_CTRL_SHIFT_INSERT = val++;
+const CK_CTRL_SHIFT_HOME = val++;
+const CK_CTRL_SHIFT_END = val++;
+const CK_CTRL_SHIFT_CLEAR = val++;
+const CK_CTRL_SHIFT_PGUP = val++;
+const CK_CTRL_SHIFT_PGDN = val++;
+const _CK_CTRL_SHIFT_TAB = val++;
+
+// placeholders, not used except for math
+const _CK_ENTER_PLACEHOLDER = val++;
+const _CK_BKSP_PLACEHOLDER = val++;
+const _CK_ESCAPE_PLACEHOLDER = val++;
+const _CK_DELETE_PLACEHOLDER = val++;
+const _CK_SPACE_PLACEHOLDER = val++;
+// various things here may be hard to enter in some browsers..
+const CK_SHIFT_ENTER = val++;
+const CK_SHIFT_BKSP = val++;
+const CK_SHIFT_ESCAPE = val++;
+const CK_SHIFT_DELETE = val++;
+const CK_SHIFT_SPACE = val++;
+const CK_CTRL_ENTER = val++;
+const CK_CTRL_BKSP = val++;
+const CK_CTRL_ESCAPE = val++;
+const CK_CTRL_DELETE = val++;
+const CK_CTRL_SPACE = val++;
+const CK_CTRL_SHIFT_ENTER = val++;
+const CK_CTRL_SHIFT_BKSP = val++;
+const CK_CTRL_SHIFT_ESCAPE = val++;
+const CK_CTRL_SHIFT_DELETE = val++;
+const CK_CTRL_SHIFT_SPACE = val++;
+
+// Mouse codes. XX these don't match cio.h?
+val = -10009;
+const _CK_MOUSE_MOVE = val++;
+const _CK_MOUSE_CMD = val++;
+const _CK_MOUSE_B1 = val++;
+const _CK_MOUSE_B2 = val++;
+const _CK_MOUSE_B3 = val++;
+const _CK_MOUSE_B4 = val++;
+const _CK_MOUSE_B5 = val++;
+const _CK_MOUSE_CLICK = val++;
+
+let key_conversion = {};
+let shift_key_conversion = {};
+let ctrl_key_conversion = {};
+let ctrlshift_key_conversion = {};
+let legacy_key_conversion = {};
+let code_conversion = {};
+
+let do_code_conversion = false;
+
+function enable_code_conversion() {
+  do_code_conversion = true;
+}
+
+function code_conversion_enabled() {
+  return do_code_conversion;
+}
+
+function reset_keycodes() {
+  // reset so that older versions that are unaware of this var still
+  // work.
+  do_code_conversion = false;
+
+  // TODO: keycodes are deprecated in js...
+  key_conversion = {
+    // XX 13 (enter) is unhandled?? Always handled in other code?
+    27: 27, // Escape
+    8: 8, // Backspace
+    9: 9, // Tab
+    46: CK_DELETE, // back compat
+
+    // Numpad / Arrow keys
+    45: CK_INSERT,
+    35: CK_END,
+    40: CK_DOWN,
+    34: CK_PGDN,
+    37: CK_LEFT,
+    12: CK_CLEAR,
+    39: CK_RIGHT,
+    36: CK_HOME,
+    38: CK_UP,
+    33: CK_PGUP,
+  };
+
+  legacy_key_conversion = {
+    // The keycode mappings for function keys here were wrong for a very
+    // long time. They should start with -265 to match ncurses keycodes,
+    // but the code used numpad internal dcss keycodes for years and
+    // no one noticed. In fact, various incorrect changes happened to
+    // the crawl binary to accommodate. For this reason, we still need
+    // to use these keycodes for old versions. Overridden in 0.27+.
+    112: -1011, // F1
+    113: -1012,
+    114: -1013,
+    115: -1014,
+    116: -1015,
+    117: -1016,
+    118: -1017,
+    119: -1018,
+    120: -1019,
+    121: -1020,
+    //    122: -1021, // Don't occupy F11, it's used for fullscreen
+    //    123: -1022, // used for chat
+
+    // without special handling, numpad keys just get mapped to their
+    // ordinary versions in modern browsers. Leave it that way for
+    // legacy purposes.
+  };
+
+  // Legacy fixup: this is used pre-0.27 to handle cases where a keyboard
+  // sends specialized numpad number keycodes but no keypress events. It's
+  // not clear to me when this happens (a previous comment says that it's
+  // chrome-specific, but it is definitely not all chrome browsers and not
+  // all keyboards). But, it may still happen. The fixup converts the keycodes
+  // to number keys. Overridden for 0.27+. In many (most?) browser
+  // scenario this happens automatically for pre-0.27.
+  if (!$.browser.mozilla) {
+    for (let i = 0; i <= 9; i++) {
+      legacy_key_conversion[96 + i] = 48 + i;
     }
-
-    function code_conversion_enabled()
-    {
-        return do_code_conversion;
-    }
-
-    function reset_keycodes()
-    {
-        // reset so that older versions that are unaware of this var still
-        // work.
-        do_code_conversion = false;
-
-        // TODO: keycodes are deprecated in js...
-        key_conversion = {
-            // XX 13 (enter) is unhandled?? Always handled in other code?
-            27: 27, // Escape
-            8: 8,   // Backspace
-            9: 9,   // Tab
-            46: CK_DELETE, // back compat
-
-            // Numpad / Arrow keys
-            45: CK_INSERT,
-            35: CK_END,
-            40: CK_DOWN,
-            34: CK_PGDN,
-            37: CK_LEFT,
-            12: CK_CLEAR,
-            39: CK_RIGHT,
-            36: CK_HOME,
-            38: CK_UP,
-            33: CK_PGUP,
-        };
-
-        legacy_key_conversion = {
-            // The keycode mappings for function keys here were wrong for a very
-            // long time. They should start with -265 to match ncurses keycodes,
-            // but the code used numpad internal dcss keycodes for years and
-            // no one noticed. In fact, various incorrect changes happened to
-            // the crawl binary to accommodate. For this reason, we still need
-            // to use these keycodes for old versions. Overridden in 0.27+.
-            112: -1011, // F1
-            113: -1012,
-            114: -1013,
-            115: -1014,
-            116: -1015,
-            117: -1016,
-            118: -1017,
-            119: -1018,
-            120: -1019,
-            121: -1020,
-            //    122: -1021, // Don't occupy F11, it's used for fullscreen
-            //    123: -1022, // used for chat
-
-            // without special handling, numpad keys just get mapped to their
-            // ordinary versions in modern browsers. Leave it that way for
-            // legacy purposes.
-        }
-
-        // Legacy fixup: this is used pre-0.27 to handle cases where a keyboard
-        // sends specialized numpad number keycodes but no keypress events. It's
-        // not clear to me when this happens (a previous comment says that it's
-        // chrome-specific, but it is definitely not all chrome browsers and not
-        // all keyboards). But, it may still happen. The fixup converts the keycodes
-        // to number keys. Overridden for 0.27+. In many (most?) browser
-        // scenario this happens automatically for pre-0.27.
-        if (!$.browser.mozilla)
-        {
-            for (var i = 0; i <= 9; i++)
-            {
-                legacy_key_conversion[96 + i] = 48 + i;
-            }
-        }
-
-        code_conversion = {
-            "Delete": CK_DELETE,
-
-            // see cio.h for these codes
-            "Numpad0": -1000,
-            "Numpad1": -1001,
-            "Numpad2": -1002,
-            "Numpad3": -1003,
-            "Numpad4": -1004,
-            "Numpad5": -1005,
-            "Numpad6": -1006,
-            "Numpad7": -1007,
-            "Numpad8": -1008,
-            "Numpad9": -1009,
-            "NumpadEnter": -1010,
-            "NumpadDivide": -1012,
-            "NumpadMultiply": -1015,
-            "NumpadAdd": -1016,
-            "NumpadSubtract": -1018,
-            "NumpadDecimal": -1019,
-            "NumpadEqual": -1021,
-            // XX NumpadComma?
-            "F1": -265,
-            "F2": -266,
-            "F3": -267,
-            "F4": -268,
-            "F5": -269,
-            "F6": -270,
-            "F7": -271,
-            "F8": -272,
-            "F9": -273,
-            "F10": -274,
-            // reserve F11 for the browser (full screen)
-            // reserve F12 for toggling chat
-            "F13": -277,
-            // F13 may also show up as printscr, but we don't want to bind that
-            "F14": -278,
-            "F15": -279,
-            "F16": -280,
-            "F17": -281,
-            "F18": -282,
-            "F19": -283,
-        }
-
-        if ($.browser.opera)
-        {
-            // TODO is this still a thing?
-            // Opera uses 107 for keydown for =/+, but reports 43 ('+') in the
-            // keypress regardless of whether shift is pressed. Unfortunately
-            // it also uses 107/43 for numpad +, so we can't distinguish those.
-            // We are handling this Opera-specifically so that other browsers
-            // can continue to distinguish the two.
-            key_conversion[107] = 61;
-        }
-
-        // TODO: convert these to use `code` instead of keycodes somehow?
-        shift_key_conversion = {
-            9: CK_SHIFT_TAB,
-
-            // Numpad / Arrow keys
-            45: CK_SHIFT_INSERT,
-            35: CK_SHIFT_END,
-            40: CK_SHIFT_DOWN,
-            34: CK_SHIFT_PGDN,
-            37: CK_SHIFT_LEFT,
-            12: CK_SHIFT_CLEAR,
-            39: CK_SHIFT_RIGHT,
-            36: CK_SHIFT_HOME,
-            38: CK_SHIFT_UP,
-            33: CK_SHIFT_PGUP,
-
-            // Numpad on mac / with numlock, matches local tiles behavior in
-            // just converting to shifted navigation keys
-            97: CK_SHIFT_END,
-            98: CK_SHIFT_DOWN,
-            99: CK_SHIFT_PGDN,
-            100: CK_SHIFT_LEFT,
-            102: CK_SHIFT_RIGHT,
-            103: CK_SHIFT_HOME,
-            104: CK_SHIFT_UP,
-            105: CK_SHIFT_PGUP,
-
-            13: CK_SHIFT_ENTER,
-            8:  CK_SHIFT_BKSP,
-            27: CK_SHIFT_ESCAPE,
-            46: CK_SHIFT_DELETE,
-            32: CK_SHIFT_SPACE,
-        };
-
-        ctrl_key_conversion = {
-            // Numpad / Arrow keys
-            45: CK_CTRL_INSERT,
-            35: CK_CTRL_END,
-            40: CK_CTRL_DOWN,
-            34: CK_CTRL_PGDN,
-            37: CK_CTRL_LEFT,
-            12: CK_CTRL_CLEAR,
-            39: CK_CTRL_RIGHT,
-            36: CK_CTRL_HOME,
-            38: CK_CTRL_UP,
-            33: CK_CTRL_PGUP,
-
-            // Numpad on mac / with numlock
-            97: CK_CTRL_END,
-            98: CK_CTRL_DOWN,
-            99: CK_CTRL_PGDN,
-            100: CK_CTRL_LEFT,
-            102: CK_CTRL_RIGHT,
-            103: CK_CTRL_HOME,
-            104: CK_CTRL_UP,
-            105: CK_CTRL_PGUP,
-
-            13: CK_CTRL_ENTER,
-            8:  CK_CTRL_BKSP,
-            27: CK_CTRL_ESCAPE,
-            46: CK_CTRL_DELETE,
-            32: CK_CTRL_SPACE,
-        };
-
-        ctrlshift_key_conversion = {
-            // Numpad / Arrow keys
-            45: CK_CTRL_SHIFT_INSERT,
-            35: CK_CTRL_SHIFT_END,
-            40: CK_CTRL_SHIFT_DOWN,
-            34: CK_CTRL_SHIFT_PGDN,
-            37: CK_CTRL_SHIFT_LEFT,
-            12: CK_CTRL_SHIFT_CLEAR,
-            39: CK_CTRL_SHIFT_RIGHT,
-            36: CK_CTRL_SHIFT_HOME,
-            38: CK_CTRL_SHIFT_UP,
-            33: CK_CTRL_SHIFT_PGUP,
-
-            // Numpad on mac / with numlock
-            97: CK_CTRL_SHIFT_END,
-            98: CK_CTRL_SHIFT_DOWN,
-            99: CK_CTRL_SHIFT_PGDN,
-            100: CK_CTRL_SHIFT_LEFT,
-            102: CK_CTRL_SHIFT_RIGHT,
-            103: CK_CTRL_SHIFT_HOME,
-            104: CK_CTRL_SHIFT_UP,
-            105: CK_CTRL_SHIFT_PGUP,
-
-            13: CK_CTRL_SHIFT_ENTER,
-            8:  CK_CTRL_SHIFT_BKSP,
-            27: CK_CTRL_SHIFT_ESCAPE,
-            46: CK_CTRL_SHIFT_DELETE,
-            32: CK_CTRL_SHIFT_SPACE,
-        };
-    }
-
-    reset_keycodes();
-
-    var captured_control_keys = [
-        "O", "Q", "F", "P", "W", "A", "T", "X", "S", "G", "I", "D", "E",
-        "H", "J", "K", "L", "Y", "U", "B", "N", "C", "M",
-        "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"
-    ];
-
-    return {
-        simple: key_conversion,
-        shift: shift_key_conversion,
-        ctrl: ctrl_key_conversion,
-        ctrlshift: ctrlshift_key_conversion,
-        codes: code_conversion,
-        legacy: legacy_key_conversion,
-        captured_control_keys: captured_control_keys,
-        reset_keycodes: reset_keycodes,
-        enable_code_conversion: enable_code_conversion,
-        code_conversion_enabled: code_conversion_enabled
-    }
-});
+  }
+
+  code_conversion = {
+    Delete: CK_DELETE,
+
+    // see cio.h for these codes
+    Numpad0: -1000,
+    Numpad1: -1001,
+    Numpad2: -1002,
+    Numpad3: -1003,
+    Numpad4: -1004,
+    Numpad5: -1005,
+    Numpad6: -1006,
+    Numpad7: -1007,
+    Numpad8: -1008,
+    Numpad9: -1009,
+    NumpadEnter: -1010,
+    NumpadDivide: -1012,
+    NumpadMultiply: -1015,
+    NumpadAdd: -1016,
+    NumpadSubtract: -1018,
+    NumpadDecimal: -1019,
+    NumpadEqual: -1021,
+    // XX NumpadComma?
+    F1: -265,
+    F2: -266,
+    F3: -267,
+    F4: -268,
+    F5: -269,
+    F6: -270,
+    F7: -271,
+    F8: -272,
+    F9: -273,
+    F10: -274,
+    // reserve F11 for the browser (full screen)
+    // reserve F12 for toggling chat
+    F13: -277,
+    // F13 may also show up as printscr, but we don't want to bind that
+    F14: -278,
+    F15: -279,
+    F16: -280,
+    F17: -281,
+    F18: -282,
+    F19: -283,
+  };
+
+  if ($.browser.opera) {
+    // TODO is this still a thing?
+    // Opera uses 107 for keydown for =/+, but reports 43 ('+') in the
+    // keypress regardless of whether shift is pressed. Unfortunately
+    // it also uses 107/43 for numpad +, so we can't distinguish those.
+    // We are handling this Opera-specifically so that other browsers
+    // can continue to distinguish the two.
+    key_conversion[107] = 61;
+  }
+
+  // TODO: convert these to use `code` instead of keycodes somehow?
+  shift_key_conversion = {
+    9: CK_SHIFT_TAB,
+
+    // Numpad / Arrow keys
+    45: CK_SHIFT_INSERT,
+    35: CK_SHIFT_END,
+    40: CK_SHIFT_DOWN,
+    34: CK_SHIFT_PGDN,
+    37: CK_SHIFT_LEFT,
+    12: CK_SHIFT_CLEAR,
+    39: CK_SHIFT_RIGHT,
+    36: CK_SHIFT_HOME,
+    38: CK_SHIFT_UP,
+    33: CK_SHIFT_PGUP,
+
+    // Numpad on mac / with numlock, matches local tiles behavior in
+    // just converting to shifted navigation keys
+    97: CK_SHIFT_END,
+    98: CK_SHIFT_DOWN,
+    99: CK_SHIFT_PGDN,
+    100: CK_SHIFT_LEFT,
+    102: CK_SHIFT_RIGHT,
+    103: CK_SHIFT_HOME,
+    104: CK_SHIFT_UP,
+    105: CK_SHIFT_PGUP,
+
+    13: CK_SHIFT_ENTER,
+    8: CK_SHIFT_BKSP,
+    27: CK_SHIFT_ESCAPE,
+    46: CK_SHIFT_DELETE,
+    32: CK_SHIFT_SPACE,
+  };
+
+  ctrl_key_conversion = {
+    // Numpad / Arrow keys
+    45: CK_CTRL_INSERT,
+    35: CK_CTRL_END,
+    40: CK_CTRL_DOWN,
+    34: CK_CTRL_PGDN,
+    37: CK_CTRL_LEFT,
+    12: CK_CTRL_CLEAR,
+    39: CK_CTRL_RIGHT,
+    36: CK_CTRL_HOME,
+    38: CK_CTRL_UP,
+    33: CK_CTRL_PGUP,
+
+    // Numpad on mac / with numlock
+    97: CK_CTRL_END,
+    98: CK_CTRL_DOWN,
+    99: CK_CTRL_PGDN,
+    100: CK_CTRL_LEFT,
+    102: CK_CTRL_RIGHT,
+    103: CK_CTRL_HOME,
+    104: CK_CTRL_UP,
+    105: CK_CTRL_PGUP,
+
+    13: CK_CTRL_ENTER,
+    8: CK_CTRL_BKSP,
+    27: CK_CTRL_ESCAPE,
+    46: CK_CTRL_DELETE,
+    32: CK_CTRL_SPACE,
+  };
+
+  ctrlshift_key_conversion = {
+    // Numpad / Arrow keys
+    45: CK_CTRL_SHIFT_INSERT,
+    35: CK_CTRL_SHIFT_END,
+    40: CK_CTRL_SHIFT_DOWN,
+    34: CK_CTRL_SHIFT_PGDN,
+    37: CK_CTRL_SHIFT_LEFT,
+    12: CK_CTRL_SHIFT_CLEAR,
+    39: CK_CTRL_SHIFT_RIGHT,
+    36: CK_CTRL_SHIFT_HOME,
+    38: CK_CTRL_SHIFT_UP,
+    33: CK_CTRL_SHIFT_PGUP,
+
+    // Numpad on mac / with numlock
+    97: CK_CTRL_SHIFT_END,
+    98: CK_CTRL_SHIFT_DOWN,
+    99: CK_CTRL_SHIFT_PGDN,
+    100: CK_CTRL_SHIFT_LEFT,
+    102: CK_CTRL_SHIFT_RIGHT,
+    103: CK_CTRL_SHIFT_HOME,
+    104: CK_CTRL_SHIFT_UP,
+    105: CK_CTRL_SHIFT_PGUP,
+
+    13: CK_CTRL_SHIFT_ENTER,
+    8: CK_CTRL_SHIFT_BKSP,
+    27: CK_CTRL_SHIFT_ESCAPE,
+    46: CK_CTRL_SHIFT_DELETE,
+    32: CK_CTRL_SHIFT_SPACE,
+  };
+}
+
+reset_keycodes();
+
+const captured_control_keys = [
+  "O",
+  "Q",
+  "F",
+  "P",
+  "W",
+  "A",
+  "T",
+  "X",
+  "S",
+  "G",
+  "I",
+  "D",
+  "E",
+  "H",
+  "J",
+  "K",
+  "L",
+  "Y",
+  "U",
+  "B",
+  "N",
+  "C",
+  "M",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "0",
+];
+
+export default {
+  simple: key_conversion,
+  shift: shift_key_conversion,
+  ctrl: ctrl_key_conversion,
+  ctrlshift: ctrlshift_key_conversion,
+  codes: code_conversion,
+  legacy: legacy_key_conversion,
+  captured_control_keys,
+  reset_keycodes,
+  enable_code_conversion,
+  code_conversion_enabled,
+};
diff --git a/crawl-ref/source/webserver/client/lobby/src/linkify.js b/crawl-ref/source/webserver/client/lobby/src/linkify.js
index 9e70f659358..3de1e37619b 100644
--- a/crawl-ref/source/webserver/client/lobby/src/linkify.js
+++ b/crawl-ref/source/webserver/client/lobby/src/linkify.js
@@ -1,33 +1,28 @@
-define(["jquery", "contrib/ba-linkify.min"], function ($) {
-    "use strict";
+import $ from "jquery";
+import "./contrib/ba-linkify.min";
 
-    var ALLOWED_PROTOCOLS = ["http", "https", "ftp", "irc"];
+const ALLOWED_PROTOCOLS = ["http", "https", "ftp", "irc"];
 
-    var ba_linkify = window.linkify;
-    delete window.linkify;
+const ba_linkify = window.linkify;
+delete window.linkify;
 
-    function escape_html(str) {
-        return str.replace(/&/g,'&').replace(//g,'>');
-    }
+function escape_html(str) {
+  return str.replace(/&/g, "&").replace(//g, ">");
+}
 
-    function linkify(text)
-    {
-        return ba_linkify(text,
-        {
-            callback: function (text, href)
-            {
-                if (!href)
-                    return escape_html(text);
-                if (!ALLOWED_PROTOCOLS.some(function (p) {
-                        return href.indexOf(p+ "://") === 0; }))
-                {
-                    return escape_html(text);
-                }
-                return $("").attr("href", href).attr("target", "_blank")
-                    .text(text)[0].outerHTML;
-            }
-        });
-    }
+function linkify(text) {
+  return ba_linkify(text, {
+    callback: (text, href) => {
+      if (!href) return escape_html(text);
+      if (
+        !ALLOWED_PROTOCOLS.some((p) => href.indexOf(`${p}://`) === 0)
+      ) {
+        return escape_html(text);
+      }
+      return $("").attr("href", href).attr("target", "_blank").text(text)[0]
+        .outerHTML;
+    },
+  });
+}
 
-    return linkify;
-});
+export default linkify;
diff --git a/crawl-ref/source/webserver/client/lobby/src/main.js b/crawl-ref/source/webserver/client/lobby/src/main.js
index f098b267cf3..4550705a7a5 100644
--- a/crawl-ref/source/webserver/client/lobby/src/main.js
+++ b/crawl-ref/source/webserver/client/lobby/src/main.js
@@ -1,4 +1,5 @@
-import './app.ts'
+// Redundant
+import "./app";
 
 // document.querySelector('#app')!.innerHTML = `
 //   
              
@@ -18,4 +19,4 @@ import './app.ts'
 //   
              
 // `
 
-// setupCounter(document.querySelector('#counter')!)
\ No newline at end of file
+// setupCounter(document.querySelector('#counter')!)
diff --git a/crawl-ref/source/webserver/client/lobby/src/style.css b/crawl-ref/source/webserver/client/lobby/src/style.css
new file mode 100644
index 00000000000..22f8bcdfcdb
--- /dev/null
+++ b/crawl-ref/source/webserver/client/lobby/src/style.css
@@ -0,0 +1,507 @@
+html,
+body,
+#loader {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: black;
+  color: white;
+  font: 16px monospace;
+}
+
+#login {
+  text-align: right;
+  float: right;
+}
+
+#crt {
+  display: inline-block;
+}
+
+#lobby {
+  padding: 8px;
+}
+
+#lobby_body {
+  text-align: center;
+}
+
+#account_restricted {
+  margin: 8px;
+}
+
+#prompt {
+  top: 50%;
+  left: 50%;
+  position: absolute;
+  z-index: 4000;
+}
+
+#prompt > div {
+  background-color: black;
+  width: 34em;
+  margin-left: -17em;
+  margin-top: -10ex;
+  padding: 1em 2ex;
+  border: 1px solid white;
+}
+
+#prompt #login {
+  float: none;
+  text-align: left;
+  margin: 2ex 0;
+}
+
+#prompt_game {
+  font-weight: bold;
+}
+
+#player_list {
+  width: 100%;
+  text-align: left;
+  line-height: 1.1em;
+}
+
+#player_list th.header {
+  cursor: pointer;
+  padding-left: 1px;
+  padding-right: 17px;
+}
+#player_list th.headerSortDown {
+  background-image: url("asc.gif");
+  background-repeat: no-repeat;
+  background-position: center left;
+  padding-left: 17px;
+  padding-right: 1px;
+}
+#player_list th.headerSortUp {
+  background-image: url("desc.gif");
+  background-repeat: no-repeat;
+  background-position: center left;
+  padding-left: 17px;
+  padding-right: 1px;
+}
+
+#player_list th.xl.header {
+  width: 2em;
+  text-align: right;
+  padding-left: 17px;
+  padding-right: 5px;
+}
+#player_list th.xl.headerSortDown,
+#player_list th.xl.headerSortUp {
+  padding-right: 5px;
+}
+#player_list td.xl {
+  text-align: right;
+  padding-right: 5px;
+}
+#player_list th.char {
+  width: 3em;
+}
+#player_list th.place {
+  width: 3em;
+}
+#player_list th.turn {
+  width: 3em;
+}
+#player_list th.dur {
+  width: 4em;
+}
+#player_list.no_game_times .turn,
+#player_list.no_game_times .dur {
+  display: none;
+}
+
+#player_list th.idle_time {
+  width: 3em;
+}
+#player_list th.spectator_count {
+  width: 1em;
+}
+
+#player_list th.milestone_col {
+  width: 20em;
+}
+
+#player_list tr:hover {
+  background-color: #101010;
+}
+
+#player_list .milestone_container {
+  overflow-y: hidden;
+  height: 1.1em;
+}
+#player_list .milestone {
+  position: relative;
+}
+#player_list .new_milestone {
+  position: relative;
+}
+
+#play_now {
+  padding-top: 10px;
+}
+
+#admin_panel {
+  border: 1px solid lightgray;
+  padding: 10px;
+}
+
+#admin_panel_button {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+#admin_panel #announcement_text {
+  width: 60%;
+}
+
+.floating_dialog {
+  position: absolute;
+  left: 50px;
+  top: 50px;
+
+  border: 1px solid lightgray;
+  padding: 10px;
+  background-color: black;
+
+  z-index: 3000;
+}
+
+.floating_dialog .title {
+  text-align: center;
+}
+
+#register label {
+  width: 200px;
+  float: left;
+}
+
+#reg_cancel {
+  float: left;
+}
+
+#reg_submit {
+  float: right;
+}
+
+#forgot label {
+  width: 200px;
+  float: left;
+}
+
+#forgot_cancel {
+  float: left;
+}
+
+#forgot_submit {
+  float: right;
+}
+
+#reset_pw label {
+  width: 200px;
+  float: left;
+}
+
+#reset_pw_cancel {
+  float: left;
+}
+
+#reset_pw_submit {
+  float: right;
+}
+
+#change_cur_password,
+#change_new_password,
+#change_repeat_password {
+  float: right;
+}
+
+#chpw_form label {
+  float: left;
+}
+
+.text {
+  background-color: black;
+  color: white;
+  border: 1px solid white;
+}
+.button {
+  background-color: #dddddd;
+  border: 1px solid white;
+}
+
+#exit_game_dump {
+  text-align: right;
+}
+
+#chat {
+  background: rgba(0, 0, 0, 0.85);
+  width: 400px;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+
+  color: #a2a2a2;
+
+  font-size: small;
+
+  padding: 5px;
+  border: 1px solid #626262;
+
+  z-index: 3000;
+}
+
+#chat_hidden {
+  background: rgba(0, 0, 0, 0.85);
+  width: 1em;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+
+  color: #a2a2a2;
+
+  font-size: small;
+  text-align: center;
+
+  padding: 5px;
+  border: 1px solid #626262;
+
+  z-index: 3000;
+}
+
+#chat a {
+  color: inherit;
+  font-weight: inherit;
+}
+
+#chat_hidden a {
+  color: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+}
+
+#chat_caption {
+  font-weight: normal;
+  text-decoration: none;
+}
+
+#chat_caption:hover {
+  background-color: #111111;
+}
+
+#chat_login_text {
+  border-top: 1px dashed #626262;
+}
+
+.chat_automated {
+  color: white;
+  font-style: italic;
+}
+
+#message_count {
+  float: right;
+}
+#chat_hide_button_span {
+  text-align: center;
+  padding-left: 5px;
+  padding-right: 3px;
+  float: right;
+}
+#message_count.has_new {
+  font-weight: bolder;
+  color: green;
+}
+
+#chat_history_container {
+  width: 100%;
+  max-height: 200px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  margin-bottom: 3px;
+}
+
+#chat_history {
+  width: 100%;
+}
+
+.chat_sender {
+  font-weight: bold;
+}
+
+#spectator_list .player {
+  font-weight: bold;
+}
+
+#spectator_list .watcher {
+  font-weight: normal;
+}
+
+#chat_input {
+  width: 394px;
+  font: small monospace;
+}
+
+a:link,
+a:active,
+a:visited {
+  color: white;
+  font-weight: bold;
+}
+
+a:hover {
+  color: lightgrey;
+  font-weight: bold;
+}
+
+#loader {
+  display: table;
+  text-align: center;
+  width: 100%;
+  margin: 0px;
+  padding: 0px;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+#loader_center {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+#overlay {
+  display: none;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  opacity: 0.7;
+  z-index: 2000;
+}
+
+.hidden,
+.templates {
+  display: none !important;
+}
+
+/* These are just here for compatibility with older versions */
+.fg0 {
+  color: rgb(0, 0, 0);
+}
+.fg1 {
+  color: rgb(0, 82, 255);
+}
+.fg2 {
+  color: rgb(100, 185, 70);
+}
+.fg3 {
+  color: rgb(0, 180, 180);
+}
+.fg4 {
+  color: rgb(255, 48, 0);
+}
+.fg5 {
+  color: rgb(238, 92, 238);
+}
+.fg6 {
+  color: rgb(165, 91, 0);
+}
+.fg7 {
+  color: rgb(162, 162, 162);
+}
+.fg8 {
+  color: rgb(82, 82, 82);
+}
+.fg9 {
+  color: rgb(82, 102, 255);
+}
+.fg10 {
+  color: rgb(82, 255, 82);
+}
+.fg11 {
+  color: rgb(82, 255, 255);
+}
+.fg12 {
+  color: rgb(255, 82, 82);
+}
+.fg13 {
+  color: rgb(255, 82, 255);
+}
+.fg14 {
+  color: rgb(255, 255, 82);
+}
+.fg15 {
+  color: rgb(255, 255, 255);
+}
+
+.bg0 {
+  background-color: rgb(0, 0, 0);
+}
+.bg1 {
+  background-color: rgb(0, 82, 255);
+}
+.bg2 {
+  background-color: rgb(100, 185, 70);
+}
+.bg3 {
+  background-color: rgb(0, 180, 180);
+}
+.bg4 {
+  background-color: rgb(255, 48, 0);
+}
+.bg5 {
+  background-color: rgb(238, 92, 238);
+}
+.bg6 {
+  background-color: rgb(165, 91, 0);
+}
+.bg7 {
+  background-color: rgb(162, 162, 162);
+}
+.bg8 {
+  background-color: rgb(82, 82, 82);
+}
+.bg9 {
+  background-color: rgb(82, 102, 255);
+}
+.bg10 {
+  background-color: rgb(82, 255, 82);
+}
+.bg11 {
+  background-color: rgb(82, 255, 255);
+}
+.bg12 {
+  background-color: rgb(255, 82, 82);
+}
+.bg13 {
+  background-color: rgb(255, 82, 255);
+}
+.bg14 {
+  background-color: rgb(255, 255, 82);
+}
+.bg15 {
+  background-color: rgb(255, 255, 255);
+}
+
+#stats {
+  display: inline-block;
+  vertical-align: top;
+  position: absolute;
+}
+
+#minimap,
+#minimap_overlay {
+  position: absolute;
+}
+
+.simplebar-content pre {
+  white-space: pre-wrap;
+}
diff --git a/crawl-ref/source/webserver/client/lobby/tsconfig.json b/crawl-ref/source/webserver/client/lobby/tsconfig.json
index 4ba8dd95cfe..202282c9cd7 100644
--- a/crawl-ref/source/webserver/client/lobby/tsconfig.json
+++ b/crawl-ref/source/webserver/client/lobby/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2022",
+    "allowJs": true,
     "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
diff --git a/crawl-ref/source/webserver/client/lobby/vite.config.js b/crawl-ref/source/webserver/client/lobby/vite.config.js
new file mode 100644
index 00000000000..16f76e5e341
--- /dev/null
+++ b/crawl-ref/source/webserver/client/lobby/vite.config.js
@@ -0,0 +1,3 @@
+export default {
+  build: { assetsDir: "static" },
+};
diff --git a/crawl-ref/source/webserver/game_data/templates/game.html b/crawl-ref/source/webserver/game_data/templates/game.html
index 2b67931171f..9daf402b2d2 100644
--- a/crawl-ref/source/webserver/game_data/templates/game.html
+++ b/crawl-ref/source/webserver/game_data/templates/game.html
@@ -1,17 +1,4 @@
-
+
 
-
-  
-    WebTiles - Dungeon Crawl Stone Soup
-    
-    
-    
-    
-    
-    
-    
-  
-  
-    
-
-                  
-
-    
              
-      
-    
              
-
-    
              
-      
              
-        Loading...
              
-
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-        
-      
              
-
-      
-
-      
-    
              
-
-    
              
-
-    
-
-    
-
-    
-  
-
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000000..1af8c93fac0
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1358 @@
+{
+    "name": "crawl-workspace",
+    "version": "0.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "crawl-workspace",
+            "version": "0.0.0",
+            "workspaces": [
+                "crawl-ref/source/webserver/client/lobby",
+                "crawl-ref/source/webserver/client/game"
+            ]
+        },
+        "client/game": {
+            "name": "crawl-game",
+            "version": "0.0.0",
+            "extraneous": true,
+            "dependencies": {
+                "focus-trap": "^7.6.5",
+                "jquery": "^1.12.4"
+            },
+            "devDependencies": {
+                "@biomejs/biome": "^2.2.6",
+                "typescript": "~5.9.3",
+                "vite": "^7.1.7"
+            }
+        },
+        "client/lobby": {
+            "name": "crawl-lobby",
+            "version": "0.0.0",
+            "extraneous": true,
+            "dependencies": {
+                "jquery": "^1.12.4",
+                "jquery.browser": "^0.1.0",
+                "jquery.cookie": "^1.4.1",
+                "tablesorter": "^2.32.0"
+            },
+            "devDependencies": {
+                "@biomejs/biome": "^2.2.6",
+                "@types/jquery": "1.x",
+                "typescript": "~5.9.3",
+                "vite": "^7.1.7"
+            }
+        },
+        "crawl-ref/source/webserver/client/game": {
+            "name": "crawl-game",
+            "version": "0.0.0",
+            "dependencies": {
+                "focus-trap": "^7.6.5",
+                "jquery": "^1.12.4"
+            },
+            "devDependencies": {
+                "@biomejs/biome": "^2.2.6",
+                "typescript": "~5.9.3",
+                "vite": "^7.1.7"
+            }
+        },
+        "crawl-ref/source/webserver/client/lobby": {
+            "name": "crawl-lobby",
+            "version": "0.0.0",
+            "dependencies": {
+                "jquery": "^1.12.4",
+                "jquery.browser": "^0.1.0",
+                "jquery.cookie": "^1.4.1",
+                "tablesorter": "^2.32.0"
+            },
+            "devDependencies": {
+                "@biomejs/biome": "^2.2.6",
+                "@types/jquery": "1.x",
+                "typescript": "~5.9.3",
+                "vite": "^7.1.7"
+            }
+        },
+        "node_modules/@biomejs/biome": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-2.2.6.tgz",
+            "integrity": "sha512-yKTCNGhek0rL5OEW1jbLeZX8LHaM8yk7+3JRGv08my+gkpmtb5dDE+54r2ZjZx0ediFEn1pYBOJSmOdDP9xtFw==",
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "bin": {
+                "biome": "bin/biome"
+            },
+            "engines": {
+                "node": ">=14.21.3"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/biome"
+            },
+            "optionalDependencies": {
+                "@biomejs/cli-darwin-arm64": "2.2.6",
+                "@biomejs/cli-darwin-x64": "2.2.6",
+                "@biomejs/cli-linux-arm64": "2.2.6",
+                "@biomejs/cli-linux-arm64-musl": "2.2.6",
+                "@biomejs/cli-linux-x64": "2.2.6",
+                "@biomejs/cli-linux-x64-musl": "2.2.6",
+                "@biomejs/cli-win32-arm64": "2.2.6",
+                "@biomejs/cli-win32-x64": "2.2.6"
+            }
+        },
+        "node_modules/@biomejs/cli-darwin-arm64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.2.6.tgz",
+            "integrity": "sha512-UZPmn3M45CjTYulgcrFJFZv7YmK3pTxTJDrFYlNElT2FNnkkX4fsxjExTSMeWKQYoZjvekpH5cvrYZZlWu3yfA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-darwin-x64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.2.6.tgz",
+            "integrity": "sha512-HOUIquhHVgh/jvxyClpwlpl/oeMqntlteL89YqjuFDiZ091P0vhHccwz+8muu3nTyHWM5FQslt+4Jdcd67+xWQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-linux-arm64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.2.6.tgz",
+            "integrity": "sha512-BpGtuMJGN+o8pQjvYsUKZ+4JEErxdSmcRD/JG3mXoWc6zrcA7OkuyGFN1mDggO0Q1n7qXxo/PcupHk8gzijt5g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-linux-arm64-musl": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.2.6.tgz",
+            "integrity": "sha512-TjCenQq3N6g1C+5UT3jE1bIiJb5MWQvulpUngTIpFsL4StVAUXucWD0SL9MCW89Tm6awWfeXBbZBAhJwjyFbRQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-linux-x64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-2.2.6.tgz",
+            "integrity": "sha512-1HaM/dpI/1Z68zp8ZdT6EiBq+/O/z97a2AiHMl+VAdv5/ELckFt9EvRb8hDHpk8hUMoz03gXkC7VPXOVtU7faA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-linux-x64-musl": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.2.6.tgz",
+            "integrity": "sha512-1ZcBux8zVM3JhWN2ZCPaYf0+ogxXG316uaoXJdgoPZcdK/rmRcRY7PqHdAos2ExzvjIdvhQp72UcveI98hgOog==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-win32-arm64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.2.6.tgz",
+            "integrity": "sha512-h3A88G8PGM1ryTeZyLlSdfC/gz3e95EJw9BZmA6Po412DRqwqPBa2Y9U+4ZSGUAXCsnSQE00jLV8Pyrh0d+jQw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@biomejs/cli-win32-x64": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-2.2.6.tgz",
+            "integrity": "sha512-yx0CqeOhPjYQ5ZXgPfu8QYkgBhVJyvWe36as7jRuPrKPO5ylVDfwVtPQ+K/mooNTADW0IhxOZm3aPu16dP8yNQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT OR Apache-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=14.21.3"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.11.tgz",
+            "integrity": "sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.11.tgz",
+            "integrity": "sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.11.tgz",
+            "integrity": "sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.11.tgz",
+            "integrity": "sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.11.tgz",
+            "integrity": "sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.11.tgz",
+            "integrity": "sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.11.tgz",
+            "integrity": "sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.11.tgz",
+            "integrity": "sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.11.tgz",
+            "integrity": "sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.11.tgz",
+            "integrity": "sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.11.tgz",
+            "integrity": "sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.11.tgz",
+            "integrity": "sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.11.tgz",
+            "integrity": "sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.11.tgz",
+            "integrity": "sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.11.tgz",
+            "integrity": "sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.11.tgz",
+            "integrity": "sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.11.tgz",
+            "integrity": "sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.11.tgz",
+            "integrity": "sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.11.tgz",
+            "integrity": "sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.11.tgz",
+            "integrity": "sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.11.tgz",
+            "integrity": "sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openharmony-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.11.tgz",
+            "integrity": "sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.11.tgz",
+            "integrity": "sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.11.tgz",
+            "integrity": "sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.11.tgz",
+            "integrity": "sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.11.tgz",
+            "integrity": "sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
+            "integrity": "sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.5.tgz",
+            "integrity": "sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.5.tgz",
+            "integrity": "sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.5.tgz",
+            "integrity": "sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.5.tgz",
+            "integrity": "sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.5.tgz",
+            "integrity": "sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.5.tgz",
+            "integrity": "sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.5.tgz",
+            "integrity": "sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.5.tgz",
+            "integrity": "sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.5.tgz",
+            "integrity": "sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.5.tgz",
+            "integrity": "sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.5.tgz",
+            "integrity": "sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.5.tgz",
+            "integrity": "sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.5.tgz",
+            "integrity": "sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.5.tgz",
+            "integrity": "sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz",
+            "integrity": "sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.5.tgz",
+            "integrity": "sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-openharmony-arm64": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.5.tgz",
+            "integrity": "sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.5.tgz",
+            "integrity": "sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.5.tgz",
+            "integrity": "sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-gnu": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.5.tgz",
+            "integrity": "sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.5.tgz",
+            "integrity": "sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/jquery": {
+            "version": "1.10.45",
+            "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-1.10.45.tgz",
+            "integrity": "sha512-JvoVtPbu1wrcOldn5gvuyJqr7DLX6I657N68Fqj5S7AUutdYZqabQjfP7dY6Gee7/Afo1uajwcORVlQfnsjkLQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/crawl-game": {
+            "resolved": "crawl-ref/source/webserver/client/game",
+            "link": true
+        },
+        "node_modules/crawl-lobby": {
+            "resolved": "crawl-ref/source/webserver/client/lobby",
+            "link": true
+        },
+        "node_modules/esbuild": {
+            "version": "0.25.11",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.11.tgz",
+            "integrity": "sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.25.11",
+                "@esbuild/android-arm": "0.25.11",
+                "@esbuild/android-arm64": "0.25.11",
+                "@esbuild/android-x64": "0.25.11",
+                "@esbuild/darwin-arm64": "0.25.11",
+                "@esbuild/darwin-x64": "0.25.11",
+                "@esbuild/freebsd-arm64": "0.25.11",
+                "@esbuild/freebsd-x64": "0.25.11",
+                "@esbuild/linux-arm": "0.25.11",
+                "@esbuild/linux-arm64": "0.25.11",
+                "@esbuild/linux-ia32": "0.25.11",
+                "@esbuild/linux-loong64": "0.25.11",
+                "@esbuild/linux-mips64el": "0.25.11",
+                "@esbuild/linux-ppc64": "0.25.11",
+                "@esbuild/linux-riscv64": "0.25.11",
+                "@esbuild/linux-s390x": "0.25.11",
+                "@esbuild/linux-x64": "0.25.11",
+                "@esbuild/netbsd-arm64": "0.25.11",
+                "@esbuild/netbsd-x64": "0.25.11",
+                "@esbuild/openbsd-arm64": "0.25.11",
+                "@esbuild/openbsd-x64": "0.25.11",
+                "@esbuild/openharmony-arm64": "0.25.11",
+                "@esbuild/sunos-x64": "0.25.11",
+                "@esbuild/win32-arm64": "0.25.11",
+                "@esbuild/win32-ia32": "0.25.11",
+                "@esbuild/win32-x64": "0.25.11"
+            }
+        },
+        "node_modules/fdir": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "picomatch": "^3 || ^4"
+            },
+            "peerDependenciesMeta": {
+                "picomatch": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/focus-trap": {
+            "version": "7.6.5",
+            "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.5.tgz",
+            "integrity": "sha512-7Ke1jyybbbPZyZXFxEftUtxFGLMpE2n6A+z//m4CRDlj0hW+o3iYSmh8nFlYMurOiJVDmJRilUQtJr08KfIxlg==",
+            "license": "MIT",
+            "dependencies": {
+                "tabbable": "^6.2.0"
+            }
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/jquery": {
+            "version": "1.12.4",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
+            "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
+            "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
+            "license": "MIT"
+        },
+        "node_modules/jquery.browser": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz",
+            "integrity": "sha512-5GjtLzzEBzxs/nwSVpCbSdk0acssfKsP7Upp43zmdHVV1Vb6E9VayyqPAQlfLrTeZL3YSWocCbkOvKdAc2CN4g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/jquery.cookie": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
+            "integrity": "sha512-c/hZOOL+8VSw/FkTVH637gS1/6YzMSCROpTZ2qBYwJ7s7sHajU7uBkSSiE5+GXWwrfCCyO+jsYjUQ7Hs2rIxAA==",
+            "license": "MIT"
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.11",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.52.5",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
+            "integrity": "sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.8"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-android-arm-eabi": "4.52.5",
+                "@rollup/rollup-android-arm64": "4.52.5",
+                "@rollup/rollup-darwin-arm64": "4.52.5",
+                "@rollup/rollup-darwin-x64": "4.52.5",
+                "@rollup/rollup-freebsd-arm64": "4.52.5",
+                "@rollup/rollup-freebsd-x64": "4.52.5",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.52.5",
+                "@rollup/rollup-linux-arm-musleabihf": "4.52.5",
+                "@rollup/rollup-linux-arm64-gnu": "4.52.5",
+                "@rollup/rollup-linux-arm64-musl": "4.52.5",
+                "@rollup/rollup-linux-loong64-gnu": "4.52.5",
+                "@rollup/rollup-linux-ppc64-gnu": "4.52.5",
+                "@rollup/rollup-linux-riscv64-gnu": "4.52.5",
+                "@rollup/rollup-linux-riscv64-musl": "4.52.5",
+                "@rollup/rollup-linux-s390x-gnu": "4.52.5",
+                "@rollup/rollup-linux-x64-gnu": "4.52.5",
+                "@rollup/rollup-linux-x64-musl": "4.52.5",
+                "@rollup/rollup-openharmony-arm64": "4.52.5",
+                "@rollup/rollup-win32-arm64-msvc": "4.52.5",
+                "@rollup/rollup-win32-ia32-msvc": "4.52.5",
+                "@rollup/rollup-win32-x64-gnu": "4.52.5",
+                "@rollup/rollup-win32-x64-msvc": "4.52.5",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/tabbable": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+            "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+            "license": "MIT"
+        },
+        "node_modules/tablesorter": {
+            "version": "2.32.0",
+            "resolved": "https://registry.npmjs.org/tablesorter/-/tablesorter-2.32.0.tgz",
+            "integrity": "sha512-tKjx6H+ZVoxND5ukDIVvF4AKEIw0ZJde/e6YlAZlUOKI0o0xD2RZLTb2tKB1hiDHkHGLHGQ7ndvd0Pnkj5Xzjw==",
+            "license": "(MIT OR GPL-2.0)",
+            "dependencies": {
+                "jquery": ">=1.2.6"
+            }
+        },
+        "node_modules/tinyglobby": {
+            "version": "0.2.15",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+            "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/SuperchupuDev"
+            }
+        },
+        "node_modules/typescript": {
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/vite": {
+            "version": "7.1.10",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz",
+            "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.25.0",
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3",
+                "postcss": "^8.5.6",
+                "rollup": "^4.43.0",
+                "tinyglobby": "^0.2.15"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^20.19.0 || >=22.12.0",
+                "jiti": ">=1.21.0",
+                "less": "^4.0.0",
+                "lightningcss": "^1.21.0",
+                "sass": "^1.70.0",
+                "sass-embedded": "^1.70.0",
+                "stylus": ">=0.54.8",
+                "sugarss": "^5.0.0",
+                "terser": "^5.16.0",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "jiti": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
+                }
+            }
+        }
+    }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000000..174918da132
--- /dev/null
+++ b/package.json
@@ -0,0 +1,18 @@
+{
+    "name": "crawl-workspace",
+    "private": true,
+    "version": "0.0.0",
+    "packageManager": "npm@10.9.3",
+    "workspaces": ["crawl-ref/source/webserver/client/lobby", "crawl-ref/source/webserver/client/game"],
+    "scripts": {
+        "build": "npm run build:lobby && npm run build:game",
+        "build:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run build",
+        "build:game": "cd crawl-ref/source/webserver/client/game && npm run build",
+        "lint": "npm run lint:lobby && npm run lint:game",
+        "lint:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run lint",
+        "lint:game": "cd crawl-ref/source/webserver/client/game && npm run lint",
+        "format": "npm run format:lobby && npm run format:game",
+        "format:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run format",
+        "format:game": "cd crawl-ref/source/webserver/client/game && npm run format"
+    }
+}
\ No newline at end of file

From d3d2f5c6e2f503d35cc9da63b0cab21d6fa193a0 Mon Sep 17 00:00:00 2001
From: mumra 
Date: Sun, 19 Oct 2025 09:09:39 +0100
Subject: [PATCH 4/6] Update workflows for JavaScript bundling

Add necessary steps in the Makefile and in CI to produce the .js
bundles as required when dependencies have changed, running `npm ci`
as necessary if any package.json or related files have changed.

CI pipelines have a nodejs installation added. I have not included
nodejs in deps.py, as the installation varies from system to system.
This must be documented in a further commit (once I am confident what
the documentation needs to be exactly).
---
 .github/workflows/ci.yml                      |   14 +
 crawl-ref/source/Makefile                     |   44 +-
 crawl-ref/source/webserver/Makefile           |    2 -
 .../webserver/client/game/package-lock.json   | 1084 --------------
 .../source/webserver/client/game/package.json |    2 +-
 .../webserver/client/lobby/package-lock.json  | 1274 -----------------
 .../webserver/client/lobby/package.json       |    2 +-
 package.json                                  |    2 +-
 8 files changed, 56 insertions(+), 2368 deletions(-)
 delete mode 100644 crawl-ref/source/webserver/client/game/package-lock.json
 delete mode 100644 crawl-ref/source/webserver/client/lobby/package-lock.json

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ec901e97c73..d486f262f04 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -30,6 +30,16 @@ jobs:
         run: util/checkconventionalcommit.py
         working-directory: crawl-ref/source
         continue-on-error: true
+      - name: Setup node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22.20.0
+      - name: Install node.js dependencies
+        run: npm ci
+      - name: JavaScript linting (biome)
+        run: npm run lint
+      - name: JavaScript formatting (biome)
+        run: npm run format
 
   build_source:
     permissions:
@@ -139,6 +149,10 @@ jobs:
       - name: Install dependencies
         run: ./deps.py --compiler ${{ matrix.compiler }} --build-opts "${{ matrix.build_opts }}" --debug-opts "${{ matrix.debug }}"
         working-directory: .github/workflows
+      - name: Setup node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22.20.0
       - name: Setup ccache
         uses: hendrikmuhs/ccache-action@v1.2
         with:
diff --git a/crawl-ref/source/Makefile b/crawl-ref/source/Makefile
index dd528664530..1efb984ecab 100644
--- a/crawl-ref/source/Makefile
+++ b/crawl-ref/source/Makefile
@@ -1326,20 +1326,54 @@ TITLEIMGS = denzi_dragon denzi_kitchen_duty denzi_summoner \
             benadryl_antaeus king7artist_eustachio benadryl_oni \
             ylam_formicid_shrikes lemurrobot_gozag_vaults
 
+GENERATEDJS = $(TILEINFOJS:%=webserver/game_data/static/tileinfo-%.js)
+
+WEBSERVERGAME = webserver/game_data/static/game.js
+
+WEBSERVERLOBBY = webserver/static/index-*.js \
+				 webserver/static/index-*.css \
+				 webserver/templates/client.html
+
 STATICFILES = $(TILEIMAGEFILES:%=webserver/game_data/static/%.png) \
-              webserver/static/stone_soup_icon-32x32.png \
-              $(TITLEIMGS:%=webserver/static/title_%.png) \
-              $(TILEINFOJS:%=webserver/game_data/static/tileinfo-%.js) \
-              webserver/webtiles/version.txt
+			  webserver/static/stone_soup_icon-32x32.png \
+			  $(TITLEIMGS:%=webserver/static/title_%.png) \
+			  $(GENERATEDJS) \
+			  $(WEBSERVERGAME) \
+			  $(WEBSERVERLOBBY) \
+			  webserver/webtiles/version.txt
 
 $(TILEINFOJS:%=$(RLTILES)/tileinfo-%.js): build-rltiles
 
 webserver/webtiles/version.txt: .ver
 	@git describe $(MERGE_BASE) > webserver/webtiles/version.txt
 
-webserver/game_data/static/%.js: $(RLTILES)/%.js
+webserver/game_data/static/tileinfo-%.js: $(RLTILES)/tileinfo-%.js
 	$(QUIET_COPY)$(COPY) $< webserver/game_data/static/
 
+NPMPACKAGELOCKS = ../../package.json \
+				../../package-lock.json \
+				webserver/client/game/package.json \
+				webserver/client/lobby/package.json \
+
+NPMNODEMODULES = ../../node_modules/.modified
+
+$(NPMNODEMODULES): $(NPMPACKAGELOCKS)
+	npm ci
+	@rm -f ../../node_modules/.modified
+	@touch -m ../../node_modules/.modified
+
+$(WEBSERVERGAME): $(GENERATEDJS) webserver/client/game/src/*.js $(NPMNODEMODULES)
+	cd webserver/client/game
+	echo Build GAME
+	npm run build
+
+$(WEBSERVERLOBBY): webserver/client/lobby/src/*.js $(NPMNODEMODULES)
+	@rm -f webserver/static/index-*.js
+	@rm -f webserver/static/index-*.css
+	cd webserver/client/lobby
+	echo Build LOBBY
+	npm run build
+
 clean-webserver:
 	$(RM) $(STATICFILES) webserver/*.pyc
 
diff --git a/crawl-ref/source/webserver/Makefile b/crawl-ref/source/webserver/Makefile
index fa867235218..bdb55630c30 100644
--- a/crawl-ref/source/webserver/Makefile
+++ b/crawl-ref/source/webserver/Makefile
@@ -1,9 +1,7 @@
 lint:
 	flake8 --mypy-config=mypy.ini *.py webtiles/*.py
 
-
 format:
 	isort --check-only --recursive .
 
-
 .PHONY: lint format
diff --git a/crawl-ref/source/webserver/client/game/package-lock.json b/crawl-ref/source/webserver/client/game/package-lock.json
deleted file mode 100644
index 84b5abeb8da..00000000000
--- a/crawl-ref/source/webserver/client/game/package-lock.json
+++ /dev/null
@@ -1,1084 +0,0 @@
-{
-  "name": "crawl-game",
-  "version": "0.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "crawl-game",
-      "version": "0.0.0",
-      "dependencies": {
-        "jquery": "^1.12.4"
-      },
-      "devDependencies": {
-        "typescript": "~5.9.3",
-        "vite": "^7.1.7"
-      }
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz",
-      "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz",
-      "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz",
-      "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz",
-      "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz",
-      "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz",
-      "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz",
-      "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz",
-      "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz",
-      "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz",
-      "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz",
-      "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz",
-      "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz",
-      "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz",
-      "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz",
-      "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz",
-      "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz",
-      "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz",
-      "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz",
-      "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz",
-      "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz",
-      "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz",
-      "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz",
-      "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz",
-      "integrity": "sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz",
-      "integrity": "sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz",
-      "integrity": "sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz",
-      "integrity": "sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz",
-      "integrity": "sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz",
-      "integrity": "sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz",
-      "integrity": "sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz",
-      "integrity": "sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz",
-      "integrity": "sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz",
-      "integrity": "sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz",
-      "integrity": "sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz",
-      "integrity": "sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz",
-      "integrity": "sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz",
-      "integrity": "sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz",
-      "integrity": "sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz",
-      "integrity": "sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz",
-      "integrity": "sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz",
-      "integrity": "sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz",
-      "integrity": "sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz",
-      "integrity": "sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz",
-      "integrity": "sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz",
-      "integrity": "sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/esbuild": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz",
-      "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.10",
-        "@esbuild/android-arm": "0.25.10",
-        "@esbuild/android-arm64": "0.25.10",
-        "@esbuild/android-x64": "0.25.10",
-        "@esbuild/darwin-arm64": "0.25.10",
-        "@esbuild/darwin-x64": "0.25.10",
-        "@esbuild/freebsd-arm64": "0.25.10",
-        "@esbuild/freebsd-x64": "0.25.10",
-        "@esbuild/linux-arm": "0.25.10",
-        "@esbuild/linux-arm64": "0.25.10",
-        "@esbuild/linux-ia32": "0.25.10",
-        "@esbuild/linux-loong64": "0.25.10",
-        "@esbuild/linux-mips64el": "0.25.10",
-        "@esbuild/linux-ppc64": "0.25.10",
-        "@esbuild/linux-riscv64": "0.25.10",
-        "@esbuild/linux-s390x": "0.25.10",
-        "@esbuild/linux-x64": "0.25.10",
-        "@esbuild/netbsd-arm64": "0.25.10",
-        "@esbuild/netbsd-x64": "0.25.10",
-        "@esbuild/openbsd-arm64": "0.25.10",
-        "@esbuild/openbsd-x64": "0.25.10",
-        "@esbuild/openharmony-arm64": "0.25.10",
-        "@esbuild/sunos-x64": "0.25.10",
-        "@esbuild/win32-arm64": "0.25.10",
-        "@esbuild/win32-ia32": "0.25.10",
-        "@esbuild/win32-x64": "0.25.10"
-      }
-    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/jquery": {
-      "version": "1.12.4",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
-      "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
-      "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
-      "license": "MIT"
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.4.tgz",
-      "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.52.4",
-        "@rollup/rollup-android-arm64": "4.52.4",
-        "@rollup/rollup-darwin-arm64": "4.52.4",
-        "@rollup/rollup-darwin-x64": "4.52.4",
-        "@rollup/rollup-freebsd-arm64": "4.52.4",
-        "@rollup/rollup-freebsd-x64": "4.52.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.52.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.52.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.52.4",
-        "@rollup/rollup-linux-arm64-musl": "4.52.4",
-        "@rollup/rollup-linux-loong64-gnu": "4.52.4",
-        "@rollup/rollup-linux-ppc64-gnu": "4.52.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.52.4",
-        "@rollup/rollup-linux-riscv64-musl": "4.52.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.52.4",
-        "@rollup/rollup-linux-x64-gnu": "4.52.4",
-        "@rollup/rollup-linux-x64-musl": "4.52.4",
-        "@rollup/rollup-openharmony-arm64": "4.52.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.52.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.52.4",
-        "@rollup/rollup-win32-x64-gnu": "4.52.4",
-        "@rollup/rollup-win32-x64-msvc": "4.52.4",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/vite": {
-      "version": "7.1.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz",
-      "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.25.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    }
-  }
-}
diff --git a/crawl-ref/source/webserver/client/game/package.json b/crawl-ref/source/webserver/client/game/package.json
index 4c62da85b17..a7fae72ab01 100644
--- a/crawl-ref/source/webserver/client/game/package.json
+++ b/crawl-ref/source/webserver/client/game/package.json
@@ -1,7 +1,7 @@
 {
   "name": "crawl-game",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/crawl-ref/source/webserver/client/lobby/package-lock.json b/crawl-ref/source/webserver/client/lobby/package-lock.json
deleted file mode 100644
index ce1a80f2b29..00000000000
--- a/crawl-ref/source/webserver/client/lobby/package-lock.json
+++ /dev/null
@@ -1,1274 +0,0 @@
-{
-  "name": "crawl-lobby",
-  "version": "0.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "crawl-lobby",
-      "version": "0.0.0",
-      "dependencies": {
-        "@biomejs/biome": "^2.2.6",
-        "jquery": "^1.12.4",
-        "jquery.browser": "^0.1.0",
-        "jquery.cookie": "^1.4.1",
-        "tablesorter": "^2.32.0"
-      },
-      "devDependencies": {
-        "@types/jquery": "1.x",
-        "typescript": "~5.9.3",
-        "vite": "^7.1.7"
-      }
-    },
-    "node_modules/@biomejs/biome": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-2.2.6.tgz",
-      "integrity": "sha512-yKTCNGhek0rL5OEW1jbLeZX8LHaM8yk7+3JRGv08my+gkpmtb5dDE+54r2ZjZx0ediFEn1pYBOJSmOdDP9xtFw==",
-      "license": "MIT OR Apache-2.0",
-      "bin": {
-        "biome": "bin/biome"
-      },
-      "engines": {
-        "node": ">=14.21.3"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/biome"
-      },
-      "optionalDependencies": {
-        "@biomejs/cli-darwin-arm64": "2.2.6",
-        "@biomejs/cli-darwin-x64": "2.2.6",
-        "@biomejs/cli-linux-arm64": "2.2.6",
-        "@biomejs/cli-linux-arm64-musl": "2.2.6",
-        "@biomejs/cli-linux-x64": "2.2.6",
-        "@biomejs/cli-linux-x64-musl": "2.2.6",
-        "@biomejs/cli-win32-arm64": "2.2.6",
-        "@biomejs/cli-win32-x64": "2.2.6"
-      }
-    },
-    "node_modules/@biomejs/cli-darwin-arm64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.2.6.tgz",
-      "integrity": "sha512-UZPmn3M45CjTYulgcrFJFZv7YmK3pTxTJDrFYlNElT2FNnkkX4fsxjExTSMeWKQYoZjvekpH5cvrYZZlWu3yfA==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-darwin-x64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.2.6.tgz",
-      "integrity": "sha512-HOUIquhHVgh/jvxyClpwlpl/oeMqntlteL89YqjuFDiZ091P0vhHccwz+8muu3nTyHWM5FQslt+4Jdcd67+xWQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-linux-arm64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.2.6.tgz",
-      "integrity": "sha512-BpGtuMJGN+o8pQjvYsUKZ+4JEErxdSmcRD/JG3mXoWc6zrcA7OkuyGFN1mDggO0Q1n7qXxo/PcupHk8gzijt5g==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-linux-arm64-musl": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.2.6.tgz",
-      "integrity": "sha512-TjCenQq3N6g1C+5UT3jE1bIiJb5MWQvulpUngTIpFsL4StVAUXucWD0SL9MCW89Tm6awWfeXBbZBAhJwjyFbRQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-linux-x64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-2.2.6.tgz",
-      "integrity": "sha512-1HaM/dpI/1Z68zp8ZdT6EiBq+/O/z97a2AiHMl+VAdv5/ELckFt9EvRb8hDHpk8hUMoz03gXkC7VPXOVtU7faA==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-linux-x64-musl": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.2.6.tgz",
-      "integrity": "sha512-1ZcBux8zVM3JhWN2ZCPaYf0+ogxXG316uaoXJdgoPZcdK/rmRcRY7PqHdAos2ExzvjIdvhQp72UcveI98hgOog==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-win32-arm64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.2.6.tgz",
-      "integrity": "sha512-h3A88G8PGM1ryTeZyLlSdfC/gz3e95EJw9BZmA6Po412DRqwqPBa2Y9U+4ZSGUAXCsnSQE00jLV8Pyrh0d+jQw==",
-      "cpu": [
-        "arm64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@biomejs/cli-win32-x64": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-2.2.6.tgz",
-      "integrity": "sha512-yx0CqeOhPjYQ5ZXgPfu8QYkgBhVJyvWe36as7jRuPrKPO5ylVDfwVtPQ+K/mooNTADW0IhxOZm3aPu16dP8yNQ==",
-      "cpu": [
-        "x64"
-      ],
-      "license": "MIT OR Apache-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=14.21.3"
-      }
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz",
-      "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz",
-      "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz",
-      "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz",
-      "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz",
-      "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz",
-      "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz",
-      "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz",
-      "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz",
-      "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz",
-      "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz",
-      "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz",
-      "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz",
-      "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz",
-      "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz",
-      "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz",
-      "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz",
-      "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz",
-      "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz",
-      "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz",
-      "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz",
-      "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz",
-      "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz",
-      "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz",
-      "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.4.tgz",
-      "integrity": "sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.4.tgz",
-      "integrity": "sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.4.tgz",
-      "integrity": "sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.4.tgz",
-      "integrity": "sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.4.tgz",
-      "integrity": "sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.4.tgz",
-      "integrity": "sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.4.tgz",
-      "integrity": "sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.4.tgz",
-      "integrity": "sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.4.tgz",
-      "integrity": "sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.4.tgz",
-      "integrity": "sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.4.tgz",
-      "integrity": "sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.4.tgz",
-      "integrity": "sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.4.tgz",
-      "integrity": "sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.4.tgz",
-      "integrity": "sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.4.tgz",
-      "integrity": "sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.4.tgz",
-      "integrity": "sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.4.tgz",
-      "integrity": "sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.4.tgz",
-      "integrity": "sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.4.tgz",
-      "integrity": "sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.4.tgz",
-      "integrity": "sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.4.tgz",
-      "integrity": "sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.4.tgz",
-      "integrity": "sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/jquery": {
-      "version": "1.10.45",
-      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-1.10.45.tgz",
-      "integrity": "sha512-JvoVtPbu1wrcOldn5gvuyJqr7DLX6I657N68Fqj5S7AUutdYZqabQjfP7dY6Gee7/Afo1uajwcORVlQfnsjkLQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/esbuild": {
-      "version": "0.25.10",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz",
-      "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.10",
-        "@esbuild/android-arm": "0.25.10",
-        "@esbuild/android-arm64": "0.25.10",
-        "@esbuild/android-x64": "0.25.10",
-        "@esbuild/darwin-arm64": "0.25.10",
-        "@esbuild/darwin-x64": "0.25.10",
-        "@esbuild/freebsd-arm64": "0.25.10",
-        "@esbuild/freebsd-x64": "0.25.10",
-        "@esbuild/linux-arm": "0.25.10",
-        "@esbuild/linux-arm64": "0.25.10",
-        "@esbuild/linux-ia32": "0.25.10",
-        "@esbuild/linux-loong64": "0.25.10",
-        "@esbuild/linux-mips64el": "0.25.10",
-        "@esbuild/linux-ppc64": "0.25.10",
-        "@esbuild/linux-riscv64": "0.25.10",
-        "@esbuild/linux-s390x": "0.25.10",
-        "@esbuild/linux-x64": "0.25.10",
-        "@esbuild/netbsd-arm64": "0.25.10",
-        "@esbuild/netbsd-x64": "0.25.10",
-        "@esbuild/openbsd-arm64": "0.25.10",
-        "@esbuild/openbsd-x64": "0.25.10",
-        "@esbuild/openharmony-arm64": "0.25.10",
-        "@esbuild/sunos-x64": "0.25.10",
-        "@esbuild/win32-arm64": "0.25.10",
-        "@esbuild/win32-ia32": "0.25.10",
-        "@esbuild/win32-x64": "0.25.10"
-      }
-    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/jquery": {
-      "version": "1.12.4",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
-      "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
-      "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
-      "license": "MIT"
-    },
-    "node_modules/jquery.browser": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz",
-      "integrity": "sha512-5GjtLzzEBzxs/nwSVpCbSdk0acssfKsP7Upp43zmdHVV1Vb6E9VayyqPAQlfLrTeZL3YSWocCbkOvKdAc2CN4g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/jquery.cookie": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
-      "integrity": "sha512-c/hZOOL+8VSw/FkTVH637gS1/6YzMSCROpTZ2qBYwJ7s7sHajU7uBkSSiE5+GXWwrfCCyO+jsYjUQ7Hs2rIxAA==",
-      "license": "MIT"
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.52.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.4.tgz",
-      "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.52.4",
-        "@rollup/rollup-android-arm64": "4.52.4",
-        "@rollup/rollup-darwin-arm64": "4.52.4",
-        "@rollup/rollup-darwin-x64": "4.52.4",
-        "@rollup/rollup-freebsd-arm64": "4.52.4",
-        "@rollup/rollup-freebsd-x64": "4.52.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.52.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.52.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.52.4",
-        "@rollup/rollup-linux-arm64-musl": "4.52.4",
-        "@rollup/rollup-linux-loong64-gnu": "4.52.4",
-        "@rollup/rollup-linux-ppc64-gnu": "4.52.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.52.4",
-        "@rollup/rollup-linux-riscv64-musl": "4.52.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.52.4",
-        "@rollup/rollup-linux-x64-gnu": "4.52.4",
-        "@rollup/rollup-linux-x64-musl": "4.52.4",
-        "@rollup/rollup-openharmony-arm64": "4.52.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.52.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.52.4",
-        "@rollup/rollup-win32-x64-gnu": "4.52.4",
-        "@rollup/rollup-win32-x64-msvc": "4.52.4",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/tablesorter": {
-      "version": "2.32.0",
-      "resolved": "https://registry.npmjs.org/tablesorter/-/tablesorter-2.32.0.tgz",
-      "integrity": "sha512-tKjx6H+ZVoxND5ukDIVvF4AKEIw0ZJde/e6YlAZlUOKI0o0xD2RZLTb2tKB1hiDHkHGLHGQ7ndvd0Pnkj5Xzjw==",
-      "license": "(MIT OR GPL-2.0)",
-      "dependencies": {
-        "jquery": ">=1.2.6"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/vite": {
-      "version": "7.1.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz",
-      "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.25.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    }
-  }
-}
diff --git a/crawl-ref/source/webserver/client/lobby/package.json b/crawl-ref/source/webserver/client/lobby/package.json
index cea0b6c956a..b9f100b0c6b 100644
--- a/crawl-ref/source/webserver/client/lobby/package.json
+++ b/crawl-ref/source/webserver/client/lobby/package.json
@@ -1,7 +1,7 @@
 {
   "name": "crawl-lobby",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/package.json b/package.json
index 174918da132..49551e3bd80 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "crawl-workspace",
     "private": true,
-    "version": "0.0.0",
+    "version": "0.0.1",
     "packageManager": "npm@10.9.3",
     "workspaces": ["crawl-ref/source/webserver/client/lobby", "crawl-ref/source/webserver/client/game"],
     "scripts": {

From eee4cc3595f439daf479dad75e2f0fd160a3a17c Mon Sep 17 00:00:00 2001
From: mumra 
Date: Sun, 19 Oct 2025 12:43:42 +0100
Subject: [PATCH 5/6] Fix various linting issues and some cleanup

---
 .../rltiles/tool/tile_list_processor.cc       |    2 +
 crawl-ref/source/webserver/.gitignore         |    2 +-
 .../client/game/src/cell_renderer.js          |   19 +-
 .../source/webserver/client/game/src/game.js  |   17 +-
 .../webserver/client/game/src/options.js      |    2 +-
 .../webserver/client/lobby/src/client.js      |   11 +-
 .../lobby/src/contrib/ba-linkify.min.js       |  Bin 2837 -> 2847 bytes
 .../client/lobby/src/contrib/inflate.js       |    4 +-
 .../client/lobby/src/contrib/require.js       |   52 +-
 .../webserver/client/lobby/src/style.css      |    1 +
 .../static/scripts/contrib/ba-linkify.min.js  |  Bin 2837 -> 0 bytes
 .../static/scripts/contrib/inflate.js         | 2138 -----------------
 .../static/scripts/contrib/jquery.cookie.js   |   91 -
 .../static/scripts/contrib/jquery.js          |    2 -
 .../static/scripts/contrib/jquery.json.js     |  193 --
 .../scripts/contrib/jquery.tablesorter.js     |   16 -
 .../scripts/contrib/jquery.waitforimages.js   |  133 -
 .../static/scripts/contrib/require.js         |   36 -
 crawl-ref/source/webserver/static/style.css   |  434 ----
 19 files changed, 56 insertions(+), 3097 deletions(-)
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/ba-linkify.min.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/inflate.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/jquery.cookie.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/jquery.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/jquery.json.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/jquery.tablesorter.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/jquery.waitforimages.js
 delete mode 100644 crawl-ref/source/webserver/static/scripts/contrib/require.js
 delete mode 100644 crawl-ref/source/webserver/static/style.css

diff --git a/crawl-ref/source/rltiles/tool/tile_list_processor.cc b/crawl-ref/source/rltiles/tool/tile_list_processor.cc
index 9e3603daeaa..2ea91c92647 100644
--- a/crawl-ref/source/rltiles/tool/tile_list_processor.cc
+++ b/crawl-ref/source/rltiles/tool/tile_list_processor.cc
@@ -1679,8 +1679,10 @@ bool tile_list_processor::write_data(bool image, bool code)
         else
         {
             for (const auto &abstract : m_abstract)
+            {
                 fprintf(fp, "import %s from \"./tileinfo-%s\"\n",
                         abstract.first.c_str(), abstract.first.c_str());
+            }
         }
         fprintf(fp, "// This file has been automatically generated.\n\n");
         fprintf(fp, "const exports = { ");
diff --git a/crawl-ref/source/webserver/.gitignore b/crawl-ref/source/webserver/.gitignore
index 5624774d36d..df88ed4c772 100644
--- a/crawl-ref/source/webserver/.gitignore
+++ b/crawl-ref/source/webserver/.gitignore
@@ -8,4 +8,4 @@ banned_players.txt
 webtiles/version.txt
 Pipfile
 Pipfile.lock
-templates/client.html
\ No newline at end of file
+templates/client.html
diff --git a/crawl-ref/source/webserver/client/game/src/cell_renderer.js b/crawl-ref/source/webserver/client/game/src/cell_renderer.js
index 3ee131af33c..ab67f827d29 100644
--- a/crawl-ref/source/webserver/client/game/src/cell_renderer.js
+++ b/crawl-ref/source/webserver/client/game/src/cell_renderer.js
@@ -1,16 +1,16 @@
 import $ from "jquery";
 
-import view_data from "./view_data";
+import dngn from "../../../game_data/static/tileinfo-dngn";
 import gui from "../../../game_data/static/tileinfo-gui";
+import icons from "../../../game_data/static/tileinfo-icons";
 import main from "../../../game_data/static/tileinfo-main";
 import tileinfo_player from "../../../game_data/static/tileinfo-player";
-import icons from "../../../game_data/static/tileinfo-icons";
-import dngn from "../../../game_data/static/tileinfo-dngn";
 import enums from "./enums";
 import map_knowledge from "./map_knowledge";
-import tileinfos from "./tileinfos";
-import player from "./player";
 import options from "./options";
+import player from "./player";
+import tileinfos from "./tileinfos";
+import view_data from "./view_data";
 
 function DungeonCellRenderer() {
   this.set_cell_size(32, 32);
@@ -463,15 +463,12 @@ $.extend(DungeonCellRenderer.prototype, {
     }
   },
 
-  render_cell: function () {
-    if (window.debug_mode) this.do_render_cell.apply(this, arguments);
+  render_cell: function (cx, cy, x, y, map_cell, cell) {
+    if (window.debug_mode) this.do_render_cell(cx, cy, x, y, map_cell, cell);
     else {
       try {
-        this.do_render_cell.apply(this, arguments);
+        this.do_render_cell(cx, cy, x, y, map_cell, cell);
       } catch (err) {
-        const cx = arguments[0];
-        const cy = arguments[1];
-        const cell = arguments[5];
         console.error(
           "Error while drawing cell " +
             obj_to_str(cell) +
diff --git a/crawl-ref/source/webserver/client/game/src/game.js b/crawl-ref/source/webserver/client/game/src/game.js
index 2bc3750c65e..ffcadf5d334 100644
--- a/crawl-ref/source/webserver/client/game/src/game.js
+++ b/crawl-ref/source/webserver/client/game/src/game.js
@@ -1,15 +1,15 @@
 import $ from "jquery";
 
-import comm from "./comm";
 import client from "./client";
-import key_conversion from "./key_conversion";
-import dungeon_renderer from "./dungeon_renderer";
+import comm from "./comm";
 import display from "./display";
-import minimap from "./minimap";
+import dungeon_renderer from "./dungeon_renderer";
 import enums from "./enums";
+import key_conversion from "./key_conversion";
 import messages from "./messages";
-import options from "./options";
+import minimap from "./minimap";
 import mouse_control from "./mouse_control";
+import options from "./options";
 
 import "./text";
 import "./menu";
@@ -21,7 +21,6 @@ import "./ui-layouts";
 let layout_parameters = null,
   ui_state,
   input_mode;
-const _stat_width = 42;
 let msg_height;
 const show_diameter = 17;
 
@@ -98,8 +97,10 @@ function layout_params_differ(old_params, new_params) {
 }
 
 function layout(params, force) {
-  const window_width = (params.window_width = $(window).width());
-  const window_height = (params.window_height = $(window).height());
+  const window_width = $(window).width();
+  params.window_width = window_width;
+  const window_height = $(window).height();
+  params.window_height = window_height;
 
   if (!force && !layout_params_differ(layout_parameters, params)) return false;
 
diff --git a/crawl-ref/source/webserver/client/game/src/options.js b/crawl-ref/source/webserver/client/game/src/options.js
index 216fd80a166..5e99f62f872 100644
--- a/crawl-ref/source/webserver/client/game/src/options.js
+++ b/crawl-ref/source/webserver/client/game/src/options.js
@@ -62,5 +62,5 @@ export default {
   set: set_option,
   send: send_option,
   clear: clear_options,
-  add_listener: add_listener,
+  add_listener,
 };
diff --git a/crawl-ref/source/webserver/client/lobby/src/client.js b/crawl-ref/source/webserver/client/lobby/src/client.js
index fca76b81294..c068e4a060c 100644
--- a/crawl-ref/source/webserver/client/lobby/src/client.js
+++ b/crawl-ref/source/webserver/client/lobby/src/client.js
@@ -1,4 +1,3 @@
-// biome-ignore assist/source/organizeImports: must be imported first
 import $ from "jquery";
 
 import "jquery.cookie";
@@ -6,12 +5,10 @@ import "tablesorter";
 import "./contrib/jquery.waitforimages";
 import "./contrib/inflate";
 
-import { requirejs, define } from "./contrib/require";
-
-import key_conversion from "./key_conversion";
-
 import chat from "./chat";
 import comm from "./comm";
+import { define, requirejs } from "./contrib/require";
+import key_conversion from "./key_conversion";
 
 const client = {};
 
@@ -27,6 +24,9 @@ let delay_timeout;
 let message_inhibit = 0;
 const message_queue = [];
 
+// XX: The "playing" variable has always been unused, but keeping for now
+// just in case it's ever useful and for debugging purposes (could probably safely remove though).
+// biome-ignore lint/correctness/noUnusedVariables: Keeping for now
 let playing = false;
 let watching = false;
 let watching_username;
@@ -65,6 +65,7 @@ function enqueue_messages(msgtext) {
     try {
       // Can't use JSON.parse here, because 0.11 and older send
       // invalid JSON messages
+      // biome-ignore lint/security/noGlobalEval: Necessary (if unfortunate) as per comment
       msgobj = eval(`(${msgtext})`);
     } catch (e) {
       console.error("Parsing error:", e);
diff --git a/crawl-ref/source/webserver/client/lobby/src/contrib/ba-linkify.min.js b/crawl-ref/source/webserver/client/lobby/src/contrib/ba-linkify.min.js
index cf43836c5ad4156eca46066b2eb8c05c535bd84a..fbfa495d2e6a8ede50378f15bd3da1e9e292356e 100644
GIT binary patch
delta 87
zcmbO#HeYN)(!}KEjn6CDc@;Fu6f*M^GBv9+(-bCWb0{+^Ozz__0+I(f+<+t-XAqE#
g;B)|zGdM$mHNHLEkzCTDXfPwwY1ntX`EZ89fk(Bv3S
uhskp}LnSmE^>R}4(n~Vb)EpIUZ7Vgc3v3;&ff{(Y8YcI0c}~90this.depCount&&!this.defined){if(J(n)){if(this.events.error&&this.map.isDefine||h.onError!==ca)try{e=k.execCb(c,n,b,e)}catch(d){a=d}else e=k.execCb(c,n,b,e);this.map.isDefine&&((b=this.module)&&void 0!==b.exports&&b.exports!==
-this.exports?e=b.exports:void 0===e&&this.usingExports&&(e=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else e=n;this.exports=e;if(this.map.isDefine&&!this.ignore&&(r[c]=e,h.onResourceLoad))h.onResourceLoad(k,this.map,this.depMaps);y(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=
-!0)}}else this.fetch()}},callPlugin:function(){var a=this.map,b=a.id,d=l(a.prefix);this.depMaps.push(d);u(d,"defined",v(this,function(e){var n,d;d=this.map.name;var g=this.map.parentMap?this.map.parentMap.name:null,C=k.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(e.normalize&&(d=e.normalize(d,function(a){return c(a,g,!0)})||""),e=l(a.prefix+"!"+d,this.map.parentMap),u(e,"defined",v(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),
-d=m(q,e.id)){this.depMaps.push(e);if(this.events.error)d.on("error",v(this,function(a){this.emit("error",a)}));d.enable()}}else n=v(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),n.error=v(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];H(q,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),n.fromText=v(this,function(e,c){var d=a.name,g=l(d),i=Q;c&&(e=c);i&&(Q=!1);s(g);t(j.config,b)&&(j.config[d]=j.config[b]);try{h.exec(e)}catch(D){return w(B("fromtexteval",
-"fromText eval for "+b+" failed: "+D,D,[b]))}i&&(Q=!0);this.depMaps.push(g);k.completeLoad(d);C([d],n)}),e.load(a.name,C,n,j)}));k.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;z(this.depMaps,v(this,function(a,b){var c,e;if("string"===typeof a){a=l(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=m(P,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;u(a,"defined",v(this,function(a){this.defineDep(b,
+e);if (t(r,e)&&(!n||n.defineEmitComplete))"defined"===f&&b(r[e]);else if (n=s(a),n.error&&"error"===f)b(n.error);else n.on(f,b)}function w(a,f){var b=a.requireModules,e=!1;if (f)f(a);else if (z(b,function(f){if (f=m(q,f))f.error=a,f.events.error&&(e=!0,f.emit("error",a))}),!e)h.onError(a)}function x(){U.length&&(ja.apply(I,[I.length-1,0].concat(U)),U=[])}function y(a){delete q[a];delete W[a]}function G(a,f,b){var e=a.map.id;a.error?a.emit("error",a.error):(f[e]=!0,z(a.depMaps,function(e,c){var d=e.id,
+g=m(q,d);g&&(!a.depMatched[c]&&!b[d])&&(m(f,d)?(a.defineDep(c,r[d]),a.check()):G(g,f,b))}),b[e]=!0)}function E(){var a,f,b,e,n=(b=1E3*j.waitSeconds)&&k.startTime+b<(new Date).getTime(),c=[],i=[],g=!1,l=!0;if (!X){X=!0;H(W,function(b){a=b.map;f=a.id;if (b.enabled&&(a.isDefine||i.push(b),!b.error))if (!b.inited&&n)p(f)?g=e=!0:(c.push(f),d(f));else if (!b.inited&&(b.fetched&&a.isDefine)&&(g=!0,!a.prefix))return l=!1});if (n&&c.length)return b=B("timeout","Load timeout for modules: "+c,null,c),b.contextName=
+k.contextName,w(b);l&&z(i,function(a){G(a,{},{})});if ((!n||e)&&g)if ((A||ea)&&!Y)Y=setTimeout(function(){Y=0;E()},50);X=!1}}function F(a){t(r,a[0])||s(l(a[0],null,!0)).init(a[1],a[2])}function L(a){var a=a.currentTarget||a.srcElement,b=k.onScriptLoad;a.detachEvent&&!Z?a.detachEvent("onreadystatechange",b):a.removeEventListener("load",b,!1);b=k.onScriptError;(!a.detachEvent||Z)&&a.removeEventListener("error",b,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}function M(){var a;for (x();I.length;){a=
+I.shift();if (null===a[0])return w(B("mismatch","Mismatched anonymous define() module: "+a[a.length-1]));F(a)}}var X,$,k,P,Y,j={waitSeconds:7,baseUrl:"./",paths:{},pkgs:{},shim:{},config:{}},q={},W={},aa={},I=[],r={},V={},N=1,O=1;P={require:function(a){return a.require?a.require:a.require=k.makeRequire(a.map)},exports:function(a){a.usingExports=!0;if (a.map.isDefine)return a.exports?a.exports:a.exports=r[a.map.id]={}},module:function(a){return a.module?a.module:a.module={id:a.map.id,uri:a.map.url,config:function(){var b=
+m(j.pkgs,a.map.id);return(b?m(j.config,a.map.id+"/"+b.main):m(j.config,a.map.id))||{}},exports:r[a.map.id]}}};$=function(a){this.events=m(aa,a.id)||{};this.map=a;this.shim=m(j.shim,a.id);this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};$.prototype={init:function(a,b,c,e){e=e||{};if (!this.inited){this.factory=b;if (c)this.on("error",c);else this.events.error&&(c=v(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.errback=c;this.inited=
+!0;this.ignore=e.ignore;e.enabled||this.enabled?this.enable():this.check()}},defineDep:function(a,b){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=b)},fetch:function(){if (!this.fetched){this.fetched=!0;k.startTime=(new Date).getTime();var a=this.map;if (this.shim)k.makeRequire(this.map,{enableBuildCallback:!0})(this.shim.deps||[],v(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a=
+this.map.url;V[a]||(V[a]=!0,k.load(this.map.id,a))},check:function(){if (this.enabled&&!this.enabling){var a,b,c=this.map.id;b=this.depExports;var e=this.exports,n=this.factory;if (this.inited)if (this.error)this.emit("error",this.error);else{if (!this.defining){this.defining=!0;if (1>this.depCount&&!this.defined){if (J(n)){if (this.events.error&&this.map.isDefine||h.onError!==ca)try{e=k.execCb(c,n,b,e)}catch (d){a=d}else e=k.execCb(c,n,b,e);this.map.isDefine&&((b=this.module)&&void 0!==b.exports&&b.exports!==
+this.exports?e=b.exports:void 0===e&&this.usingExports&&(e=this.exports));if (a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else e=n;this.exports=e;if (this.map.isDefine&&!this.ignore&&(r[c]=e,h.onResourceLoad))h.onResourceLoad(k,this.map,this.depMaps);y(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=
+!0)}}else this.fetch()}},callPlugin:function(){var a=this.map,b=a.id,d=l(a.prefix);this.depMaps.push(d);u(d,"defined",v(this,function(e){var n,d;d=this.map.name;var g=this.map.parentMap?this.map.parentMap.name:null,C=k.makeRequire(a.parentMap,{enableBuildCallback:!0});if (this.map.unnormalized){if (e.normalize&&(d=e.normalize(d,function(a){return c(a,g,!0)})||""),e=l(a.prefix+"!"+d,this.map.parentMap),u(e,"defined",v(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),
+d=m(q,e.id)){this.depMaps.push(e);if (this.events.error)d.on("error",v(this,function(a){this.emit("error",a)}));d.enable()}}else n=v(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),n.error=v(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];H(q,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),n.fromText=v(this,function(e,c){var d=a.name,g=l(d),i=Q;c&&(e=c);i&&(Q=!1);s(g);t(j.config,b)&&(j.config[d]=j.config[b]);try{h.exec(e)}catch (D){return w(B("fromtexteval",
+"fromText eval for "+b+" failed: "+D,D,[b]))}i&&(Q=!0);this.depMaps.push(g);k.completeLoad(d);C([d],n)}),e.load(a.name,C,n,j)}));k.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;z(this.depMaps,v(this,function(a,b){var c,e;if ("string"===typeof a){a=l(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if (c=m(P,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;u(a,"defined",v(this,function(a){this.defineDep(b,
 a);this.check()}));this.errback&&u(a,"error",v(this,this.errback))}c=a.id;e=q[c];!t(P,c)&&(e&&!e.enabled)&&k.enable(a,this)}));H(this.pluginMaps,v(this,function(a){var b=m(q,a.id);b&&!b.enabled&&k.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){z(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};k={config:j,contextName:b,registry:q,defined:r,urlFetched:V,defQueue:I,Module:$,makeModuleMap:l,
-nextTick:h.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=j.pkgs,c=j.shim,e={paths:!0,config:!0,map:!0};H(a,function(a,b){e[b]?"map"===b?(j.map||(j.map={}),S(j[b],a,!0,!0)):S(j[b],a,!0):j[b]=a});a.shim&&(H(a.shim,function(a,b){K(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=k.makeShimExports(a);c[b]=a}),j.shim=c);a.packages&&(z(a.packages,function(a){a="string"===typeof a?{name:a}:a;b[a.name]={name:a.name,
-location:a.location||a.name,main:(a.main||"main").replace(ka,"").replace(fa,"")}}),j.pkgs=b);H(q,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=l(b))});if(a.deps||a.callback)k.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ba,arguments));return b||a.exports&&da(a.exports)}},makeRequire:function(a,f){function d(e,c,g){var i,j;f.enableBuildCallback&&(c&&J(c))&&(c.__requireJsBuild=!0);if("string"===typeof e){if(J(c))return w(B("requireargs",
-"Invalid require call"),g);if(a&&t(P,e))return P[e](q[a.id]);if(h.get)return h.get(k,e,a,d);i=l(e,a,!1,!0);i=i.id;return!t(r,i)?w(B("notloaded",'Module name "'+i+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):r[i]}M();k.nextTick(function(){M();j=s(l(null,a));j.skipMap=f.skipMap;j.init(e,c,g,{enabled:!0});E()});return d}f=f||{};S(d,{isBrowser:A,toUrl:function(b){var d,f=b.lastIndexOf("."),g=b.split("/")[0];if(-1!==f&&(!("."===g||".."===g)||1g.attachEvent.toString().indexOf("[native code"))&&!Z?(Q=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)):(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=d,M=g,E?y.insertBefore(g,E):y.appendChild(g),
-M=null,g;if(ea)try{importScripts(d),b.completeLoad(c)}catch(l){b.onError(B("importscripts","importScripts failed for "+c+" at "+d,l,[c]))}};A&&O(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(L=b.getAttribute("data-main"))return s=L,u.baseUrl||(F=s.split("/"),s=F.pop(),ga=F.length?F.join("/")+"/":"./",u.baseUrl=ga),s=s.replace(fa,""),h.jsExtRegExp.test(s)&&(s=L),u.deps=u.deps?u.deps.concat(s):[s],!0});define=function(b,c,d){var h,g;"string"!==typeof b&&(d=c,c=b,b=null);
-K(c)||(d=c,c=null);!c&&J(d)&&(c=[],d.length&&(d.toString().replace(ma,"").replace(na,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(Q){if(!(h=M))R&&"interactive"===R.readyState||O(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return R=b}),h=R;h&&(b||(b=h.getAttribute("data-requiremodule")),g=G[h.getAttribute("data-requirecontext")])}(g?g.defQueue:U).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};
+M=null,g;if (ea)try{importScripts(d),b.completeLoad(c)}catch (l){b.onError(B("importscripts","importScripts failed for "+c+" at "+d,l,[c]))}};A&&O(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if (L=b.getAttribute("data-main"))return s=L,u.baseUrl||(F=s.split("/"),s=F.pop(),ga=F.length?F.join("/")+"/":"./",u.baseUrl=ga),s=s.replace(fa,""),h.jsExtRegExp.test(s)&&(s=L),u.deps=u.deps?u.deps.concat(s):[s],!0});define=function(b,c,d){var h,g;"string"!==typeof b&&(d=c,c=b,b=null);
+K(c)||(d=c,c=null);!c&&J(d)&&(c=[],d.length&&(d.toString().replace(ma,"").replace(na,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if (Q){if (!(h=M))R&&"interactive"===R.readyState||O(document.getElementsByTagName("script"),function(b){if ("interactive"===b.readyState)return R=b}),h=R;h&&(b||(b=h.getAttribute("data-requiremodule")),g=G[h.getAttribute("data-requirecontext")])}(g?g.defQueue:U).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};
 h(u)}})(this);
 export {
     requirejs, require, define
-}
\ No newline at end of file
+}
diff --git a/crawl-ref/source/webserver/client/lobby/src/style.css b/crawl-ref/source/webserver/client/lobby/src/style.css
index 22f8bcdfcdb..f7605c9da3a 100644
--- a/crawl-ref/source/webserver/client/lobby/src/style.css
+++ b/crawl-ref/source/webserver/client/lobby/src/style.css
@@ -389,6 +389,7 @@ a:hover {
 
 .hidden,
 .templates {
+  /* biome-ignore lint/complexity/noImportantStyles: necessary for legacy reasons */
   display: none !important;
 }
 
diff --git a/crawl-ref/source/webserver/static/scripts/contrib/ba-linkify.min.js b/crawl-ref/source/webserver/static/scripts/contrib/ba-linkify.min.js
deleted file mode 100644
index cf43836c5ad4156eca46066b2eb8c05c535bd84a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2837
zcmb7GZFAeW5x&p&D`+IOMU#?jCw3aijAA>!&ULQSPOsl2IR}E^i%5VJ0a9;|`rEsd
zY+uru>r6EwcJb_DvAX~k7@q&=oI8KzE&o;2S!JDHGM#7f#_2ol#o!&0o8i@m;nl^(
z$4)V|wi*qGq13!kTn|L4hE-iIq_AeVAS>ozrC%Ja47)Mi_fS@wI!jXP^n~kl)*SXw
zuEKJ|oO`LAyUtpt_@&{6Q)EJFBO|BLk*pn?O6PAs|I6Vza{lsRaDh-E)Cfz2H9~{XB5V<^5N;4|A;_5E5CS5Ch#?Y)
z6e5GjAqofup&`n$qK5bqqK0T7T8K5o24agyB3dBI5h+9^qAjF=j2cJ@nLyT%2GT+{
zh%>|s#5rPxxI|nd;YdOx5fX_cMv@>&kz_~;BnpW}QnpAcBugZuZIDj(kiVYNp5>OG8gi4@NC~`yPP}C|Y4OP;D
zs1mAzT0+%O2FgOwF=$Akfoh>vP-`eMw}s|pN^@udP3hCriJ=qd47z|Wp)2Sbx`Ez;
z7Ke@yXrojTRg8-G6jhF@K&4P=P}!gll|f}utx#>S95Bw!tdK%3!Vg{fq5NUEf3p{_--s
z4$V9MkuPqN1M=q!o~Pj^*NgY@0r+U&hnJU|?3y3Ckqr3-9ly>}a<@wWPH<^D6I*IX1HerT*CabmlERc01%W|8nnF
z-QDx`c&m+u-F0y?8Tg~|8JmN8r#R)R8oR_&aiChYY)Y!uRY?bo6Hj%dYio1t9Edx1
z-wyZVXMbLuZ2Yae+Xh=;w;y-++{$nLJHPVR0b{-mrgPu;kN$(d@t6J=|K6|1aas3T
zC(};m?y|VIowoBJ2)au>&a{lkT!&=T?DwlQD`amK6a%@IqSv_Y?k-qOFXrP%!U}He
z&opj5eh41>cY{Le#HM31I-Jgiqxo=PrLnzcAW~l6+1^9{(j^O`)Hc(N+(+eZ6WopK
z;BH`=(Ac_13gi1AoYwQs%DuZ=l1y i) {
-                                l = i;
-                        }
-                        m[0] = l;
-
-                        // Adjust last length count to fill out codes, if needed
-                        for (y = 1 << j; j < i; j++, y <<= 1) {
-                                if ((y -= c[j]) < 0) {
-                                        return Z_DATA_ERROR;
-                                }
-                        }
-                        if ((y -= c[i]) < 0) {
-                                return Z_DATA_ERROR;
-                        }
-                        c[i] += y;
-
-                        // Generate starting offsets into the value table for each length
-                        x[1] = j = 0;
-                        p = 1;
-                        xp = 2;
-                        while (--i !== 0) { // note that i == g from above
-                                x[xp] = (j += c[p]);
-                                xp++;
-                                p++;
-                        }
-
-                        // Make a table of values in order of bit lengths
-                        i = 0;
-                        p = 0;
-                        do {
-                                if ((j = b[bindex + p]) !== 0) {
-                                        v[x[j]++] = i;
-                                }
-                                p++;
-                        } while (++i < n);
-                        n = x[g]; // set n to length of v
-
-                        // Generate the Huffman codes and for each, make the table entries
-                        x[0] = i = 0; // first Huffman code is zero
-                        p = 0; // grab values in bit order
-                        h = -1; // no tables yet--level -1
-                        w = -l; // bits decoded == (l * h)
-                        u[0] = 0; // just to keep compilers happy
-                        q = 0; // ditto
-                        z = 0; // ditto
-
-                        // go through the bit lengths (k already is bits in shortest code)
-                        for (; k <= g; k++) {
-                                a = c[k];
-                                while (a-- !== 0) {
-                                        // here i is the Huffman code of length k bits for value *p
-                                        // make tables up to required level
-                                        while (k > w + l) {
-                                                h++;
-                                                w += l; // previous table always l bits
-                                                // compute minimum size table less than or equal to l bits
-                                                z = g - w;
-                                                z = (z > l) ? l : z; // table size upper limit
-                                                if ((f = 1 << (j = k - w)) > a + 1) { // try a k-w bit table
-                                                        // too few codes for
-                                                        // k-w bit table
-                                                        f -= a + 1; // deduct codes from patterns left
-                                                        xp = k;
-                                                        if (j < z) {
-                                                                while (++j < z) { // try smaller tables up to z bits
-                                                                        if ((f <<= 1) <= c[++xp])
-                                                                                break; // enough codes to use up j bits
-                                                                        f -= c[xp]; // else deduct codes from patterns
-                                                                }
-                                                        }
-                                                }
-                                                z = 1 << j; // table entries for j-bit table
-
-                                                // allocate new table
-                                                if (hn[0] + z > MANY) { // (note: doesn't matter for fixed)
-                                                        return Z_DATA_ERROR; // overflow of MANY
-                                                }
-                                                u[h] = q = /* hp+ */hn[0]; // DEBUG
-                                                hn[0] += z;
-
-                                                // connect to last table, if there is one
-                                                if (h !== 0) {
-                                                        x[h] = i; // save pattern for backing up
-                                                        r[0] = /* (byte) */j; // bits in this table
-                                                        r[1] = /* (byte) */l; // bits to dump before this table
-                                                        j = i >>> (w - l);
-                                                        r[2] = /* (int) */(q - u[h - 1] - j); // offset to this table
-                                                        hp.set(r, (u[h - 1] + j) * 3);
-                                                        // to
-                                                        // last
-                                                        // table
-                                                } else {
-                                                        t[0] = q; // first table is returned result
-                                                }
-                                        }
-
-                                        // set up table entry in r
-                                        r[1] = /* (byte) */(k - w);
-                                        if (p >= n) {
-                                                r[0] = 128 + 64; // out of values--invalid code
-                                        } else if (v[p] < s) {
-                                                r[0] = /* (byte) */(v[p] < 256 ? 0 : 32 + 64); // 256 is
-                                                // end-of-block
-                                                r[2] = v[p++]; // simple code is just the value
-                                        } else {
-                                                r[0] = /* (byte) */(e[v[p] - s] + 16 + 64); // non-simple--look
-                                                // up in lists
-                                                r[2] = d[v[p++] - s];
-                                        }
-
-                                        // fill code-like entries with r
-                                        f = 1 << (k - w);
-                                        for (j = i >>> w; j < z; j += f) {
-                                                hp.set(r, (q + j) * 3);
-                                        }
-
-                                        // backwards increment the k-bit code i
-                                        for (j = 1 << (k - 1); (i & j) !== 0; j >>>= 1) {
-                                                i ^= j;
-                                        }
-                                        i ^= j;
-
-                                        // backup over finished tables
-                                        mask = (1 << w) - 1; // needed on HP, cc -O bug
-                                        while ((i & mask) != x[h]) {
-                                                h--; // don't need to update q
-                                                w -= l;
-                                                mask = (1 << w) - 1;
-                                        }
-                                }
-                        }
-                        // Return Z_BUF_ERROR if we were given an incomplete table
-                        return y !== 0 && g != 1 ? Z_BUF_ERROR : Z_OK;
-                }
-
-                function initWorkArea(vsize) {
-                        var i;
-                        if (!hn) {
-                                hn = []; // []; //new Array(1);
-                                v = []; // new Array(vsize);
-                                c = new Int32Array(BMAX + 1); // new Array(BMAX + 1);
-                                r = []; // new Array(3);
-                                u = new Int32Array(BMAX); // new Array(BMAX);
-                                x = new Int32Array(BMAX + 1); // new Array(BMAX + 1);
-                        }
-                        if (v.length < vsize) {
-                                v = []; // new Array(vsize);
-                        }
-                        for (i = 0; i < vsize; i++) {
-                                v[i] = 0;
-                        }
-                        for (i = 0; i < BMAX + 1; i++) {
-                                c[i] = 0;
-                        }
-                        for (i = 0; i < 3; i++) {
-                                r[i] = 0;
-                        }
-                        // for(int i=0; i 257)) {
-                                if (result == Z_DATA_ERROR) {
-                                        z.msg = "oversubscribed distance tree";
-                                } else if (result == Z_BUF_ERROR) {
-                                        z.msg = "incomplete distance tree";
-                                        result = Z_DATA_ERROR;
-                                } else if (result != Z_MEM_ERROR) {
-                                        z.msg = "empty distance tree with lengths";
-                                        result = Z_DATA_ERROR;
-                                }
-                                return result;
-                        }
-
-                        return Z_OK;
-                };
-
-        }
-
-        InfTree.inflate_trees_fixed = function(bl, // literal desired/actual bit depth
-        bd, // distance desired/actual bit depth
-        tl,// literal/length tree result
-        td,// distance tree result
-        z // for memory allocation
-        ) {
-                bl[0] = fixed_bl;
-                bd[0] = fixed_bd;
-                tl[0] = fixed_tl;
-                td[0] = fixed_td;
-                return Z_OK;
-        };
-
-        // InfCodes
-
-        // waiting for "i:"=input,
-        // "o:"=output,
-        // "x:"=nothing
-        var START = 0; // x: set up for LEN
-        var LEN = 1; // i: get length/literal/eob next
-        var LENEXT = 2; // i: getting length extra (have base)
-        var DIST = 3; // i: get distance next
-        var DISTEXT = 4;// i: getting distance extra
-        var COPY = 5; // o: copying bytes in window, waiting
-        // for space
-        var LIT = 6; // o: got literal, waiting for output
-        // space
-        var WASH = 7; // o: got eob, possibly still output
-        // waiting
-        var END = 8; // x: got eob and all data flushed
-        var BADCODE = 9;// x: got error
-
-        function InfCodes() {
-                var that = this;
-
-                var mode; // current inflate_codes mode
-
-                // mode dependent information
-                var len = 0;
-
-                var tree; // pointer into tree
-                var tree_index = 0;
-                var need = 0; // bits needed
-
-                var lit = 0;
-
-                // if EXT or COPY, where and how much
-                var get = 0; // bits to get for extra
-                var dist = 0; // distance back to copy from
-
-                var lbits = 0; // ltree bits decoded per branch
-                var dbits = 0; // dtree bits decoder per branch
-                var ltree; // literal/length/eob tree
-                var ltree_index = 0; // literal/length/eob tree
-                var dtree; // distance tree
-                var dtree_index = 0; // distance tree
-
-                // Called with number of bytes left to write in window at least 258
-                // (the maximum string length) and number of input bytes available
-                // at least ten. The ten bytes are six bytes for the longest length/
-                // distance pair plus four bytes for overloading the bit buffer.
-
-                function inflate_fast(bl, bd, tl, tl_index, td, td_index, s, z) {
-                        var t; // temporary pointer
-                        var tp; // temporary pointer
-                        var tp_index; // temporary pointer
-                        var e; // extra bits or operation
-                        var b; // bit buffer
-                        var k; // bits in bit buffer
-                        var p; // input data pointer
-                        var n; // bytes available there
-                        var q; // output window write pointer
-                        var m; // bytes to end of window or read pointer
-                        var ml; // mask for literal/length tree
-                        var md; // mask for distance tree
-                        var c; // bytes to copy
-                        var d; // distance back to copy from
-                        var r; // copy source pointer
-
-                        var tp_index_t_3; // (tp_index+t)*3
-
-                        // load input, output, bit values
-                        p = z.next_in_index;
-                        n = z.avail_in;
-                        b = s.bitb;
-                        k = s.bitk;
-                        q = s.write;
-                        m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                        // initialize masks
-                        ml = inflate_mask[bl];
-                        md = inflate_mask[bd];
-
-                        // do until not enough input or output space for fast loop
-                        do { // assume called with m >= 258 && n >= 10
-                                // get literal/length code
-                                while (k < (20)) { // max bits for literal/length code
-                                        n--;
-                                        b |= (z.read_byte(p++) & 0xff) << k;
-                                        k += 8;
-                                }
-
-                                t = b & ml;
-                                tp = tl;
-                                tp_index = tl_index;
-                                tp_index_t_3 = (tp_index + t) * 3;
-                                if ((e = tp[tp_index_t_3]) === 0) {
-                                        b >>= (tp[tp_index_t_3 + 1]);
-                                        k -= (tp[tp_index_t_3 + 1]);
-
-                                        s.window[q++] = /* (byte) */tp[tp_index_t_3 + 2];
-                                        m--;
-                                        continue;
-                                }
-                                do {
-
-                                        b >>= (tp[tp_index_t_3 + 1]);
-                                        k -= (tp[tp_index_t_3 + 1]);
-
-                                        if ((e & 16) !== 0) {
-                                                e &= 15;
-                                                c = tp[tp_index_t_3 + 2] + (/* (int) */b & inflate_mask[e]);
-
-                                                b >>= e;
-                                                k -= e;
-
-                                                // decode distance base of block to copy
-                                                while (k < (15)) { // max bits for distance code
-                                                        n--;
-                                                        b |= (z.read_byte(p++) & 0xff) << k;
-                                                        k += 8;
-                                                }
-
-                                                t = b & md;
-                                                tp = td;
-                                                tp_index = td_index;
-                                                tp_index_t_3 = (tp_index + t) * 3;
-                                                e = tp[tp_index_t_3];
-
-                                                do {
-
-                                                        b >>= (tp[tp_index_t_3 + 1]);
-                                                        k -= (tp[tp_index_t_3 + 1]);
-
-                                                        if ((e & 16) !== 0) {
-                                                                // get extra bits to add to distance base
-                                                                e &= 15;
-                                                                while (k < (e)) { // get extra bits (up to 13)
-                                                                        n--;
-                                                                        b |= (z.read_byte(p++) & 0xff) << k;
-                                                                        k += 8;
-                                                                }
-
-                                                                d = tp[tp_index_t_3 + 2] + (b & inflate_mask[e]);
-
-                                                                b >>= (e);
-                                                                k -= (e);
-
-                                                                // do the copy
-                                                                m -= c;
-                                                                if (q >= d) { // offset before dest
-                                                                        // just copy
-                                                                        r = q - d;
-                                                                        if (q - r > 0 && 2 > (q - r)) {
-                                                                                s.window[q++] = s.window[r++]; // minimum
-                                                                                // count is
-                                                                                // three,
-                                                                                s.window[q++] = s.window[r++]; // so unroll
-                                                                                // loop a
-                                                                                // little
-                                                                                c -= 2;
-                                                                        } else {
-                                                                                s.window.set(s.window.subarray(r, r + 2), q);
-                                                                                q += 2;
-                                                                                r += 2;
-                                                                                c -= 2;
-                                                                        }
-                                                                } else { // else offset after destination
-                                                                        r = q - d;
-                                                                        do {
-                                                                                r += s.end; // force pointer in window
-                                                                        } while (r < 0); // covers invalid distances
-                                                                        e = s.end - r;
-                                                                        if (c > e) { // if source crosses,
-                                                                                c -= e; // wrapped copy
-                                                                                if (q - r > 0 && e > (q - r)) {
-                                                                                        do {
-                                                                                                s.window[q++] = s.window[r++];
-                                                                                        } while (--e !== 0);
-                                                                                } else {
-                                                                                        s.window.set(s.window.subarray(r, r + e), q);
-                                                                                        q += e;
-                                                                                        r += e;
-                                                                                        e = 0;
-                                                                                }
-                                                                                r = 0; // copy rest from start of window
-                                                                        }
-
-                                                                }
-
-                                                                // copy all or what's left
-                                                                if (q - r > 0 && c > (q - r)) {
-                                                                        do {
-                                                                                s.window[q++] = s.window[r++];
-                                                                        } while (--c !== 0);
-                                                                } else {
-                                                                        s.window.set(s.window.subarray(r, r + c), q);
-                                                                        q += c;
-                                                                        r += c;
-                                                                        c = 0;
-                                                                }
-                                                                break;
-                                                        } else if ((e & 64) === 0) {
-                                                                t += tp[tp_index_t_3 + 2];
-                                                                t += (b & inflate_mask[e]);
-                                                                tp_index_t_3 = (tp_index + t) * 3;
-                                                                e = tp[tp_index_t_3];
-                                                        } else {
-                                                                z.msg = "invalid distance code";
-
-                                                                c = z.avail_in - n;
-                                                                c = (k >> 3) < c ? k >> 3 : c;
-                                                                n += c;
-                                                                p -= c;
-                                                                k -= c << 3;
-
-                                                                s.bitb = b;
-                                                                s.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                s.write = q;
-
-                                                                return Z_DATA_ERROR;
-                                                        }
-                                                } while (true);
-                                                break;
-                                        }
-
-                                        if ((e & 64) === 0) {
-                                                t += tp[tp_index_t_3 + 2];
-                                                t += (b & inflate_mask[e]);
-                                                tp_index_t_3 = (tp_index + t) * 3;
-                                                if ((e = tp[tp_index_t_3]) === 0) {
-
-                                                        b >>= (tp[tp_index_t_3 + 1]);
-                                                        k -= (tp[tp_index_t_3 + 1]);
-
-                                                        s.window[q++] = /* (byte) */tp[tp_index_t_3 + 2];
-                                                        m--;
-                                                        break;
-                                                }
-                                        } else if ((e & 32) !== 0) {
-
-                                                c = z.avail_in - n;
-                                                c = (k >> 3) < c ? k >> 3 : c;
-                                                n += c;
-                                                p -= c;
-                                                k -= c << 3;
-
-                                                s.bitb = b;
-                                                s.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                s.write = q;
-
-                                                return Z_STREAM_END;
-                                        } else {
-                                                z.msg = "invalid literal/length code";
-
-                                                c = z.avail_in - n;
-                                                c = (k >> 3) < c ? k >> 3 : c;
-                                                n += c;
-                                                p -= c;
-                                                k -= c << 3;
-
-                                                s.bitb = b;
-                                                s.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                s.write = q;
-
-                                                return Z_DATA_ERROR;
-                                        }
-                                } while (true);
-                        } while (m >= 258 && n >= 10);
-
-                        // not enough input or output--restore pointers and return
-                        c = z.avail_in - n;
-                        c = (k >> 3) < c ? k >> 3 : c;
-                        n += c;
-                        p -= c;
-                        k -= c << 3;
-
-                        s.bitb = b;
-                        s.bitk = k;
-                        z.avail_in = n;
-                        z.total_in += p - z.next_in_index;
-                        z.next_in_index = p;
-                        s.write = q;
-
-                        return Z_OK;
-                }
-
-                that.init = function(bl, bd, tl, tl_index, td, td_index, z) {
-                        mode = START;
-                        lbits = /* (byte) */bl;
-                        dbits = /* (byte) */bd;
-                        ltree = tl;
-                        ltree_index = tl_index;
-                        dtree = td;
-                        dtree_index = td_index;
-                        tree = null;
-                };
-
-                that.proc = function(s, z, r) {
-                        var j; // temporary storage
-                        var t; // temporary pointer
-                        var tindex; // temporary pointer
-                        var e; // extra bits or operation
-                        var b = 0; // bit buffer
-                        var k = 0; // bits in bit buffer
-                        var p = 0; // input data pointer
-                        var n; // bytes available there
-                        var q; // output window write pointer
-                        var m; // bytes to end of window or read pointer
-                        var f; // pointer to copy strings from
-
-                        // copy input/output information to locals (UPDATE macro restores)
-                        p = z.next_in_index;
-                        n = z.avail_in;
-                        b = s.bitb;
-                        k = s.bitk;
-                        q = s.write;
-                        m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                        // process input and output based on current state
-                        while (true) {
-                                switch (mode) {
-                                // waiting for "i:"=input, "o:"=output, "x:"=nothing
-                                case START: // x: set up for LEN
-                                        if (m >= 258 && n >= 10) {
-
-                                                s.bitb = b;
-                                                s.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                s.write = q;
-                                                r = inflate_fast(lbits, dbits, ltree, ltree_index, dtree, dtree_index, s, z);
-
-                                                p = z.next_in_index;
-                                                n = z.avail_in;
-                                                b = s.bitb;
-                                                k = s.bitk;
-                                                q = s.write;
-                                                m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                                                if (r != Z_OK) {
-                                                        mode = r == Z_STREAM_END ? WASH : BADCODE;
-                                                        break;
-                                                }
-                                        }
-                                        need = lbits;
-                                        tree = ltree;
-                                        tree_index = ltree_index;
-
-                                        mode = LEN;
-                                case LEN: // i: get length/literal/eob next
-                                        j = need;
-
-                                        while (k < (j)) {
-                                                if (n !== 0)
-                                                        r = Z_OK;
-                                                else {
-
-                                                        s.bitb = b;
-                                                        s.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        s.write = q;
-                                                        return s.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        tindex = (tree_index + (b & inflate_mask[j])) * 3;
-
-                                        b >>>= (tree[tindex + 1]);
-                                        k -= (tree[tindex + 1]);
-
-                                        e = tree[tindex];
-
-                                        if (e === 0) { // literal
-                                                lit = tree[tindex + 2];
-                                                mode = LIT;
-                                                break;
-                                        }
-                                        if ((e & 16) !== 0) { // length
-                                                get = e & 15;
-                                                len = tree[tindex + 2];
-                                                mode = LENEXT;
-                                                break;
-                                        }
-                                        if ((e & 64) === 0) { // next table
-                                                need = e;
-                                                tree_index = tindex / 3 + tree[tindex + 2];
-                                                break;
-                                        }
-                                        if ((e & 32) !== 0) { // end of block
-                                                mode = WASH;
-                                                break;
-                                        }
-                                        mode = BADCODE; // invalid code
-                                        z.msg = "invalid literal/length code";
-                                        r = Z_DATA_ERROR;
-
-                                        s.bitb = b;
-                                        s.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        s.write = q;
-                                        return s.inflate_flush(z, r);
-
-                                case LENEXT: // i: getting length extra (have base)
-                                        j = get;
-
-                                        while (k < (j)) {
-                                                if (n !== 0)
-                                                        r = Z_OK;
-                                                else {
-
-                                                        s.bitb = b;
-                                                        s.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        s.write = q;
-                                                        return s.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        len += (b & inflate_mask[j]);
-
-                                        b >>= j;
-                                        k -= j;
-
-                                        need = dbits;
-                                        tree = dtree;
-                                        tree_index = dtree_index;
-                                        mode = DIST;
-                                case DIST: // i: get distance next
-                                        j = need;
-
-                                        while (k < (j)) {
-                                                if (n !== 0)
-                                                        r = Z_OK;
-                                                else {
-
-                                                        s.bitb = b;
-                                                        s.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        s.write = q;
-                                                        return s.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        tindex = (tree_index + (b & inflate_mask[j])) * 3;
-
-                                        b >>= tree[tindex + 1];
-                                        k -= tree[tindex + 1];
-
-                                        e = (tree[tindex]);
-                                        if ((e & 16) !== 0) { // distance
-                                                get = e & 15;
-                                                dist = tree[tindex + 2];
-                                                mode = DISTEXT;
-                                                break;
-                                        }
-                                        if ((e & 64) === 0) { // next table
-                                                need = e;
-                                                tree_index = tindex / 3 + tree[tindex + 2];
-                                                break;
-                                        }
-                                        mode = BADCODE; // invalid code
-                                        z.msg = "invalid distance code";
-                                        r = Z_DATA_ERROR;
-
-                                        s.bitb = b;
-                                        s.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        s.write = q;
-                                        return s.inflate_flush(z, r);
-
-                                case DISTEXT: // i: getting distance extra
-                                        j = get;
-
-                                        while (k < (j)) {
-                                                if (n !== 0)
-                                                        r = Z_OK;
-                                                else {
-
-                                                        s.bitb = b;
-                                                        s.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        s.write = q;
-                                                        return s.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        dist += (b & inflate_mask[j]);
-
-                                        b >>= j;
-                                        k -= j;
-
-                                        mode = COPY;
-                                case COPY: // o: copying bytes in window, waiting for space
-                                        f = q - dist;
-                                        while (f < 0) { // modulo window size-"while" instead
-                                                f += s.end; // of "if" handles invalid distances
-                                        }
-                                        while (len !== 0) {
-
-                                                if (m === 0) {
-                                                        if (q == s.end && s.read !== 0) {
-                                                                q = 0;
-                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
-                                                        }
-                                                        if (m === 0) {
-                                                                s.write = q;
-                                                                r = s.inflate_flush(z, r);
-                                                                q = s.write;
-                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                                                                if (q == s.end && s.read !== 0) {
-                                                                        q = 0;
-                                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
-                                                                }
-
-                                                                if (m === 0) {
-                                                                        s.bitb = b;
-                                                                        s.bitk = k;
-                                                                        z.avail_in = n;
-                                                                        z.total_in += p - z.next_in_index;
-                                                                        z.next_in_index = p;
-                                                                        s.write = q;
-                                                                        return s.inflate_flush(z, r);
-                                                                }
-                                                        }
-                                                }
-
-                                                s.window[q++] = s.window[f++];
-                                                m--;
-
-                                                if (f == s.end)
-                                                        f = 0;
-                                                len--;
-                                        }
-                                        mode = START;
-                                        break;
-                                case LIT: // o: got literal, waiting for output space
-                                        if (m === 0) {
-                                                if (q == s.end && s.read !== 0) {
-                                                        q = 0;
-                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
-                                                }
-                                                if (m === 0) {
-                                                        s.write = q;
-                                                        r = s.inflate_flush(z, r);
-                                                        q = s.write;
-                                                        m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                                                        if (q == s.end && s.read !== 0) {
-                                                                q = 0;
-                                                                m = q < s.read ? s.read - q - 1 : s.end - q;
-                                                        }
-                                                        if (m === 0) {
-                                                                s.bitb = b;
-                                                                s.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                s.write = q;
-                                                                return s.inflate_flush(z, r);
-                                                        }
-                                                }
-                                        }
-                                        r = Z_OK;
-
-                                        s.window[q++] = /* (byte) */lit;
-                                        m--;
-
-                                        mode = START;
-                                        break;
-                                case WASH: // o: got eob, possibly more output
-                                        if (k > 7) { // return unused byte, if any
-                                                k -= 8;
-                                                n++;
-                                                p--; // can always return one
-                                        }
-
-                                        s.write = q;
-                                        r = s.inflate_flush(z, r);
-                                        q = s.write;
-                                        m = q < s.read ? s.read - q - 1 : s.end - q;
-
-                                        if (s.read != s.write) {
-                                                s.bitb = b;
-                                                s.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                s.write = q;
-                                                return s.inflate_flush(z, r);
-                                        }
-                                        mode = END;
-                                case END:
-                                        r = Z_STREAM_END;
-                                        s.bitb = b;
-                                        s.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        s.write = q;
-                                        return s.inflate_flush(z, r);
-
-                                case BADCODE: // x: got error
-
-                                        r = Z_DATA_ERROR;
-
-                                        s.bitb = b;
-                                        s.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        s.write = q;
-                                        return s.inflate_flush(z, r);
-
-                                default:
-                                        r = Z_STREAM_ERROR;
-
-                                        s.bitb = b;
-                                        s.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        s.write = q;
-                                        return s.inflate_flush(z, r);
-                                }
-                        }
-                };
-
-                that.free = function(z) {
-                        // ZFREE(z, c);
-                };
-
-        }
-
-        // InfBlocks
-
-        // Table for deflate from PKZIP's appnote.txt.
-        var border = [ // Order of the bit length code lengths
-        16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15 ];
-
-        var TYPE = 0; // get type bits (3, including end bit)
-        var LENS = 1; // get lengths for stored
-        var STORED = 2;// processing stored block
-        var TABLE = 3; // get table lengths
-        var BTREE = 4; // get bit lengths tree for a dynamic
-        // block
-        var DTREE = 5; // get length, distance trees for a
-        // dynamic block
-        var CODES = 6; // processing fixed or dynamic block
-        var DRY = 7; // output remaining window bytes
-        var DONELOCKS = 8; // finished last block, done
-        var BADBLOCKS = 9; // ot a data error--stuck here
-
-        function InfBlocks(z, w) {
-                var that = this;
-
-                var mode = TYPE; // current inflate_block mode
-
-                var left = 0; // if STORED, bytes left to copy
-
-                var table = 0; // table lengths (14 bits)
-                var index = 0; // index into blens (or border)
-                var blens; // bit lengths of codes
-                var bb = [ 0 ]; // bit length tree depth
-                var tb = [ 0 ]; // bit length decoding tree
-
-                var codes = new InfCodes(); // if CODES, current state
-
-                var last = 0; // true if this block is the last block
-
-                var hufts = new Int32Array(MANY * 3); // single malloc for tree space
-                var check = 0; // check on output
-                var inftree = new InfTree();
-
-                that.bitk = 0; // bits in bit buffer
-                that.bitb = 0; // bit buffer
-                that.window = new Uint8Array(w); // sliding window
-                that.end = w; // one byte after sliding window
-                that.read = 0; // window read pointer
-                that.write = 0; // window write pointer
-
-                that.reset = function(z, c) {
-                        if (c)
-                                c[0] = check;
-                        // if (mode == BTREE || mode == DTREE) {
-                        // }
-                        if (mode == CODES) {
-                                codes.free(z);
-                        }
-                        mode = TYPE;
-                        that.bitk = 0;
-                        that.bitb = 0;
-                        that.read = that.write = 0;
-                };
-
-                that.reset(z, null);
-
-                // copy as much as possible from the sliding window to the output area
-                that.inflate_flush = function(z, r) {
-                        var n;
-                        var p;
-                        var q;
-
-                        // local copies of source and destination pointers
-                        p = z.next_out_index;
-                        q = that.read;
-
-                        // compute number of bytes to copy as far as end of window
-                        n = /* (int) */((q <= that.write ? that.write : that.end) - q);
-                        if (n > z.avail_out)
-                                n = z.avail_out;
-                        if (n !== 0 && r == Z_BUF_ERROR)
-                                r = Z_OK;
-
-                        // update counters
-                        z.avail_out -= n;
-                        z.total_out += n;
-
-                        // copy as far as end of window
-                        z.next_out.set(that.window.subarray(q, q + n), p);
-                        p += n;
-                        q += n;
-
-                        // see if more to copy at beginning of window
-                        if (q == that.end) {
-                                // wrap pointers
-                                q = 0;
-                                if (that.write == that.end)
-                                        that.write = 0;
-
-                                // compute bytes to copy
-                                n = that.write - q;
-                                if (n > z.avail_out)
-                                        n = z.avail_out;
-                                if (n !== 0 && r == Z_BUF_ERROR)
-                                        r = Z_OK;
-
-                                // update counters
-                                z.avail_out -= n;
-                                z.total_out += n;
-
-                                // copy
-                                z.next_out.set(that.window.subarray(q, q + n), p);
-                                p += n;
-                                q += n;
-                        }
-
-                        // update pointers
-                        z.next_out_index = p;
-                        that.read = q;
-
-                        // done
-                        return r;
-                };
-
-                that.proc = function(z, r) {
-                        var t; // temporary storage
-                        var b; // bit buffer
-                        var k; // bits in bit buffer
-                        var p; // input data pointer
-                        var n; // bytes available there
-                        var q; // output window write pointer
-                        var m; // bytes to end of window or read pointer
-
-                        var i;
-
-                        // copy input/output information to locals (UPDATE macro restores)
-                        // {
-                        p = z.next_in_index;
-                        n = z.avail_in;
-                        b = that.bitb;
-                        k = that.bitk;
-                        // }
-                        // {
-                        q = that.write;
-                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-                        // }
-
-                        // process input based on current state
-                        // DEBUG dtree
-                        while (true) {
-                                switch (mode) {
-                                case TYPE:
-
-                                        while (k < (3)) {
-                                                if (n !== 0) {
-                                                        r = Z_OK;
-                                                } else {
-                                                        that.bitb = b;
-                                                        that.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        that.write = q;
-                                                        return that.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-                                        t = /* (int) */(b & 7);
-                                        last = t & 1;
-
-                                        switch (t >>> 1) {
-                                        case 0: // stored
-                                                // {
-                                                b >>>= (3);
-                                                k -= (3);
-                                                // }
-                                                t = k & 7; // go to byte boundary
-
-                                                // {
-                                                b >>>= (t);
-                                                k -= (t);
-                                                // }
-                                                mode = LENS; // get length of stored block
-                                                break;
-                                        case 1: // fixed
-                                                // {
-                                                var bl = []; // new Array(1);
-                                                var bd = []; // new Array(1);
-                                                var tl = [ [] ]; // new Array(1);
-                                                var td = [ [] ]; // new Array(1);
-
-                                                InfTree.inflate_trees_fixed(bl, bd, tl, td, z);
-                                                codes.init(bl[0], bd[0], tl[0], 0, td[0], 0, z);
-                                                // }
-
-                                                // {
-                                                b >>>= (3);
-                                                k -= (3);
-                                                // }
-
-                                                mode = CODES;
-                                                break;
-                                        case 2: // dynamic
-
-                                                // {
-                                                b >>>= (3);
-                                                k -= (3);
-                                                // }
-
-                                                mode = TABLE;
-                                                break;
-                                        case 3: // illegal
-
-                                                // {
-                                                b >>>= (3);
-                                                k -= (3);
-                                                // }
-                                                mode = BADBLOCKS;
-                                                z.msg = "invalid block type";
-                                                r = Z_DATA_ERROR;
-
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        break;
-                                case LENS:
-
-                                        while (k < (32)) {
-                                                if (n !== 0) {
-                                                        r = Z_OK;
-                                                } else {
-                                                        that.bitb = b;
-                                                        that.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        that.write = q;
-                                                        return that.inflate_flush(z, r);
-                                                }
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        if ((((~b) >>> 16) & 0xffff) != (b & 0xffff)) {
-                                                mode = BADBLOCKS;
-                                                z.msg = "invalid stored block lengths";
-                                                r = Z_DATA_ERROR;
-
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        left = (b & 0xffff);
-                                        b = k = 0; // dump bits
-                                        mode = left !== 0 ? STORED : (last !== 0 ? DRY : TYPE);
-                                        break;
-                                case STORED:
-                                        if (n === 0) {
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-
-                                        if (m === 0) {
-                                                if (q == that.end && that.read !== 0) {
-                                                        q = 0;
-                                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-                                                }
-                                                if (m === 0) {
-                                                        that.write = q;
-                                                        r = that.inflate_flush(z, r);
-                                                        q = that.write;
-                                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-                                                        if (q == that.end && that.read !== 0) {
-                                                                q = 0;
-                                                                m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-                                                        }
-                                                        if (m === 0) {
-                                                                that.bitb = b;
-                                                                that.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                that.write = q;
-                                                                return that.inflate_flush(z, r);
-                                                        }
-                                                }
-                                        }
-                                        r = Z_OK;
-
-                                        t = left;
-                                        if (t > n)
-                                                t = n;
-                                        if (t > m)
-                                                t = m;
-                                        that.window.set(z.read_buf(p, t), q);
-                                        p += t;
-                                        n -= t;
-                                        q += t;
-                                        m -= t;
-                                        if ((left -= t) !== 0)
-                                                break;
-                                        mode = last !== 0 ? DRY : TYPE;
-                                        break;
-                                case TABLE:
-
-                                        while (k < (14)) {
-                                                if (n !== 0) {
-                                                        r = Z_OK;
-                                                } else {
-                                                        that.bitb = b;
-                                                        that.bitk = k;
-                                                        z.avail_in = n;
-                                                        z.total_in += p - z.next_in_index;
-                                                        z.next_in_index = p;
-                                                        that.write = q;
-                                                        return that.inflate_flush(z, r);
-                                                }
-
-                                                n--;
-                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                k += 8;
-                                        }
-
-                                        table = t = (b & 0x3fff);
-                                        if ((t & 0x1f) > 29 || ((t >> 5) & 0x1f) > 29) {
-                                                mode = BADBLOCKS;
-                                                z.msg = "too many length or distance symbols";
-                                                r = Z_DATA_ERROR;
-
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        t = 258 + (t & 0x1f) + ((t >> 5) & 0x1f);
-                                        if (!blens || blens.length < t) {
-                                                blens = []; // new Array(t);
-                                        } else {
-                                                for (i = 0; i < t; i++) {
-                                                        blens[i] = 0;
-                                                }
-                                        }
-
-                                        // {
-                                        b >>>= (14);
-                                        k -= (14);
-                                        // }
-
-                                        index = 0;
-                                        mode = BTREE;
-                                case BTREE:
-                                        while (index < 4 + (table >>> 10)) {
-                                                while (k < (3)) {
-                                                        if (n !== 0) {
-                                                                r = Z_OK;
-                                                        } else {
-                                                                that.bitb = b;
-                                                                that.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                that.write = q;
-                                                                return that.inflate_flush(z, r);
-                                                        }
-                                                        n--;
-                                                        b |= (z.read_byte(p++) & 0xff) << k;
-                                                        k += 8;
-                                                }
-
-                                                blens[border[index++]] = b & 7;
-
-                                                // {
-                                                b >>>= (3);
-                                                k -= (3);
-                                                // }
-                                        }
-
-                                        while (index < 19) {
-                                                blens[border[index++]] = 0;
-                                        }
-
-                                        bb[0] = 7;
-                                        t = inftree.inflate_trees_bits(blens, bb, tb, hufts, z);
-                                        if (t != Z_OK) {
-                                                r = t;
-                                                if (r == Z_DATA_ERROR) {
-                                                        blens = null;
-                                                        mode = BADBLOCKS;
-                                                }
-
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-
-                                        index = 0;
-                                        mode = DTREE;
-                                case DTREE:
-                                        while (true) {
-                                                t = table;
-                                                if (!(index < 258 + (t & 0x1f) + ((t >> 5) & 0x1f))) {
-                                                        break;
-                                                }
-
-                                                var h;
-                                                var j, c;
-
-                                                t = bb[0];
-
-                                                while (k < (t)) {
-                                                        if (n !== 0) {
-                                                                r = Z_OK;
-                                                        } else {
-                                                                that.bitb = b;
-                                                                that.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                that.write = q;
-                                                                return that.inflate_flush(z, r);
-                                                        }
-                                                        n--;
-                                                        b |= (z.read_byte(p++) & 0xff) << k;
-                                                        k += 8;
-                                                }
-
-                                                // if (tb[0] == -1) {
-                                                // System.err.println("null...");
-                                                // }
-
-                                                t = hufts[(tb[0] + (b & inflate_mask[t])) * 3 + 1];
-                                                c = hufts[(tb[0] + (b & inflate_mask[t])) * 3 + 2];
-
-                                                if (c < 16) {
-                                                        b >>>= (t);
-                                                        k -= (t);
-                                                        blens[index++] = c;
-                                                } else { // c == 16..18
-                                                        i = c == 18 ? 7 : c - 14;
-                                                        j = c == 18 ? 11 : 3;
-
-                                                        while (k < (t + i)) {
-                                                                if (n !== 0) {
-                                                                        r = Z_OK;
-                                                                } else {
-                                                                        that.bitb = b;
-                                                                        that.bitk = k;
-                                                                        z.avail_in = n;
-                                                                        z.total_in += p - z.next_in_index;
-                                                                        z.next_in_index = p;
-                                                                        that.write = q;
-                                                                        return that.inflate_flush(z, r);
-                                                                }
-                                                                n--;
-                                                                b |= (z.read_byte(p++) & 0xff) << k;
-                                                                k += 8;
-                                                        }
-
-                                                        b >>>= (t);
-                                                        k -= (t);
-
-                                                        j += (b & inflate_mask[i]);
-
-                                                        b >>>= (i);
-                                                        k -= (i);
-
-                                                        i = index;
-                                                        t = table;
-                                                        if (i + j > 258 + (t & 0x1f) + ((t >> 5) & 0x1f) || (c == 16 && i < 1)) {
-                                                                blens = null;
-                                                                mode = BADBLOCKS;
-                                                                z.msg = "invalid bit length repeat";
-                                                                r = Z_DATA_ERROR;
-
-                                                                that.bitb = b;
-                                                                that.bitk = k;
-                                                                z.avail_in = n;
-                                                                z.total_in += p - z.next_in_index;
-                                                                z.next_in_index = p;
-                                                                that.write = q;
-                                                                return that.inflate_flush(z, r);
-                                                        }
-
-                                                        c = c == 16 ? blens[i - 1] : 0;
-                                                        do {
-                                                                blens[i++] = c;
-                                                        } while (--j !== 0);
-                                                        index = i;
-                                                }
-                                        }
-
-                                        tb[0] = -1;
-                                        // {
-                                        var bl_ = []; // new Array(1);
-                                        var bd_ = []; // new Array(1);
-                                        var tl_ = []; // new Array(1);
-                                        var td_ = []; // new Array(1);
-                                        bl_[0] = 9; // must be <= 9 for lookahead assumptions
-                                        bd_[0] = 6; // must be <= 9 for lookahead assumptions
-
-                                        t = table;
-                                        t = inftree.inflate_trees_dynamic(257 + (t & 0x1f), 1 + ((t >> 5) & 0x1f), blens, bl_, bd_, tl_, td_, hufts, z);
-
-                                        if (t != Z_OK) {
-                                                if (t == Z_DATA_ERROR) {
-                                                        blens = null;
-                                                        mode = BADBLOCKS;
-                                                }
-                                                r = t;
-
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        codes.init(bl_[0], bd_[0], hufts, tl_[0], hufts, td_[0], z);
-                                        // }
-                                        mode = CODES;
-                                case CODES:
-                                        that.bitb = b;
-                                        that.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        that.write = q;
-
-                                        if ((r = codes.proc(that, z, r)) != Z_STREAM_END) {
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        r = Z_OK;
-                                        codes.free(z);
-
-                                        p = z.next_in_index;
-                                        n = z.avail_in;
-                                        b = that.bitb;
-                                        k = that.bitk;
-                                        q = that.write;
-                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-
-                                        if (last === 0) {
-                                                mode = TYPE;
-                                                break;
-                                        }
-                                        mode = DRY;
-                                case DRY:
-                                        that.write = q;
-                                        r = that.inflate_flush(z, r);
-                                        q = that.write;
-                                        m = /* (int) */(q < that.read ? that.read - q - 1 : that.end - q);
-                                        if (that.read != that.write) {
-                                                that.bitb = b;
-                                                that.bitk = k;
-                                                z.avail_in = n;
-                                                z.total_in += p - z.next_in_index;
-                                                z.next_in_index = p;
-                                                that.write = q;
-                                                return that.inflate_flush(z, r);
-                                        }
-                                        mode = DONELOCKS;
-                                case DONELOCKS:
-                                        r = Z_STREAM_END;
-
-                                        that.bitb = b;
-                                        that.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        that.write = q;
-                                        return that.inflate_flush(z, r);
-                                case BADBLOCKS:
-                                        r = Z_DATA_ERROR;
-
-                                        that.bitb = b;
-                                        that.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        that.write = q;
-                                        return that.inflate_flush(z, r);
-
-                                default:
-                                        r = Z_STREAM_ERROR;
-
-                                        that.bitb = b;
-                                        that.bitk = k;
-                                        z.avail_in = n;
-                                        z.total_in += p - z.next_in_index;
-                                        z.next_in_index = p;
-                                        that.write = q;
-                                        return that.inflate_flush(z, r);
-                                }
-                        }
-                };
-
-                that.free = function(z) {
-                        that.reset(z, null);
-                        that.window = null;
-                        hufts = null;
-                        // ZFREE(z, s);
-                };
-
-                that.set_dictionary = function(d, start, n) {
-                        that.window.set(d.subarray(start, start + n), 0);
-                        that.read = that.write = n;
-                };
-
-                // Returns true if inflate is currently at the end of a block generated
-                // by Z_SYNC_FLUSH or Z_FULL_FLUSH.
-                that.sync_point = function() {
-                        return mode == LENS ? 1 : 0;
-                };
-
-        }
-
-        // Inflate
-
-        // preset dictionary flag in zlib header
-        var PRESET_DICT = 0x20;
-
-        var Z_DEFLATED = 8;
-
-        var METHOD = 0; // waiting for method byte
-        var FLAG = 1; // waiting for flag byte
-        var DICT4 = 2; // four dictionary check bytes to go
-        var DICT3 = 3; // three dictionary check bytes to go
-        var DICT2 = 4; // two dictionary check bytes to go
-        var DICT1 = 5; // one dictionary check byte to go
-        var DICT0 = 6; // waiting for inflateSetDictionary
-        var BLOCKS = 7; // decompressing blocks
-        var DONE = 12; // finished check, done
-        var BAD = 13; // got an error--stay here
-
-        var mark = [ 0, 0, 0xff, 0xff ];
-
-        function Inflate() {
-                var that = this;
-
-                that.mode = 0; // current inflate mode
-
-                // mode dependent information
-                that.method = 0; // if FLAGS, method byte
-
-                // if CHECK, check values to compare
-                that.was = [ 0 ]; // new Array(1); // computed check value
-                that.need = 0; // stream check value
-
-                // if BAD, inflateSync's marker bytes count
-                that.marker = 0;
-
-                // mode independent information
-                that.wbits = 0; // log2(window size) (8..15, defaults to 15)
-
-                // this.blocks; // current inflate_blocks state
-
-                function inflateReset(z) {
-                        if (!z || !z.istate)
-                                return Z_STREAM_ERROR;
-
-                        z.total_in = z.total_out = 0;
-                        z.msg = null;
-                        z.istate.mode = BLOCKS;
-                        z.istate.blocks.reset(z, null);
-                        return Z_OK;
-                }
-
-                that.inflateEnd = function(z) {
-                        if (that.blocks)
-                                that.blocks.free(z);
-                        that.blocks = null;
-                        // ZFREE(z, z->state);
-                        return Z_OK;
-                };
-
-                that.inflateInit = function(z, w) {
-                        z.msg = null;
-                        that.blocks = null;
-
-                        // set window size
-                        if (w < 8 || w > 15) {
-                                that.inflateEnd(z);
-                                return Z_STREAM_ERROR;
-                        }
-                        that.wbits = w;
-
-                        z.istate.blocks = new InfBlocks(z, 1 << w);
-
-                        // reset state
-                        inflateReset(z);
-                        return Z_OK;
-                };
-
-                that.inflate = function(z, f) {
-                        var r;
-                        var b;
-
-                        if (!z || !z.istate || !z.next_in)
-                                return Z_STREAM_ERROR;
-                        f = f == Z_FINISH ? Z_BUF_ERROR : Z_OK;
-                        r = Z_BUF_ERROR;
-                        while (true) {
-                                // System.out.println("mode: "+z.istate.mode);
-                                switch (z.istate.mode) {
-                                case METHOD:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        if (((z.istate.method = z.read_byte(z.next_in_index++)) & 0xf) != Z_DEFLATED) {
-                                                z.istate.mode = BAD;
-                                                z.msg = "unknown compression method";
-                                                z.istate.marker = 5; // can't try inflateSync
-                                                break;
-                                        }
-                                        if ((z.istate.method >> 4) + 8 > z.istate.wbits) {
-                                                z.istate.mode = BAD;
-                                                z.msg = "invalid window size";
-                                                z.istate.marker = 5; // can't try inflateSync
-                                                break;
-                                        }
-                                        z.istate.mode = FLAG;
-                                case FLAG:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        b = (z.read_byte(z.next_in_index++)) & 0xff;
-
-                                        if ((((z.istate.method << 8) + b) % 31) !== 0) {
-                                                z.istate.mode = BAD;
-                                                z.msg = "incorrect header check";
-                                                z.istate.marker = 5; // can't try inflateSync
-                                                break;
-                                        }
-
-                                        if ((b & PRESET_DICT) === 0) {
-                                                z.istate.mode = BLOCKS;
-                                                break;
-                                        }
-                                        z.istate.mode = DICT4;
-                                case DICT4:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        z.istate.need = ((z.read_byte(z.next_in_index++) & 0xff) << 24) & 0xff000000;
-                                        z.istate.mode = DICT3;
-                                case DICT3:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        z.istate.need += ((z.read_byte(z.next_in_index++) & 0xff) << 16) & 0xff0000;
-                                        z.istate.mode = DICT2;
-                                case DICT2:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        z.istate.need += ((z.read_byte(z.next_in_index++) & 0xff) << 8) & 0xff00;
-                                        z.istate.mode = DICT1;
-                                case DICT1:
-
-                                        if (z.avail_in === 0)
-                                                return r;
-                                        r = f;
-
-                                        z.avail_in--;
-                                        z.total_in++;
-                                        z.istate.need += (z.read_byte(z.next_in_index++) & 0xff);
-                                        z.istate.mode = DICT0;
-                                        return Z_NEED_DICT;
-                                case DICT0:
-                                        z.istate.mode = BAD;
-                                        z.msg = "need dictionary";
-                                        z.istate.marker = 0; // can try inflateSync
-                                        return Z_STREAM_ERROR;
-                                case BLOCKS:
-
-                                        r = z.istate.blocks.proc(z, r);
-                                        if (r == Z_DATA_ERROR) {
-                                                z.istate.mode = BAD;
-                                                z.istate.marker = 0; // can try inflateSync
-                                                break;
-                                        }
-                                        if (r == Z_OK) {
-                                                r = f;
-                                        }
-                                        if (r != Z_STREAM_END) {
-                                                return r;
-                                        }
-                                        r = f;
-                                        z.istate.blocks.reset(z, z.istate.was);
-                                        z.istate.mode = DONE;
-                                case DONE:
-                                        return Z_STREAM_END;
-                                case BAD:
-                                        return Z_DATA_ERROR;
-                                default:
-                                        return Z_STREAM_ERROR;
-                                }
-                        }
-                };
-
-                that.inflateSetDictionary = function(z, dictionary, dictLength) {
-                        var index = 0;
-                        var length = dictLength;
-                        if (!z || !z.istate || z.istate.mode != DICT0)
-                                return Z_STREAM_ERROR;
-
-                        if (length >= (1 << z.istate.wbits)) {
-                                length = (1 << z.istate.wbits) - 1;
-                                index = dictLength - length;
-                        }
-                        z.istate.blocks.set_dictionary(dictionary, index, length);
-                        z.istate.mode = BLOCKS;
-                        return Z_OK;
-                };
-
-                that.inflateSync = function(z) {
-                        var n; // number of bytes to look at
-                        var p; // pointer to bytes
-                        var m; // number of marker bytes found in a row
-                        var r, w; // temporaries to save total_in and total_out
-
-                        // set up
-                        if (!z || !z.istate)
-                                return Z_STREAM_ERROR;
-                        if (z.istate.mode != BAD) {
-                                z.istate.mode = BAD;
-                                z.istate.marker = 0;
-                        }
-                        if ((n = z.avail_in) === 0)
-                                return Z_BUF_ERROR;
-                        p = z.next_in_index;
-                        m = z.istate.marker;
-
-                        // search
-                        while (n !== 0 && m < 4) {
-                                if (z.read_byte(p) == mark[m]) {
-                                        m++;
-                                } else if (z.read_byte(p) !== 0) {
-                                        m = 0;
-                                } else {
-                                        m = 4 - m;
-                                }
-                                p++;
-                                n--;
-                        }
-
-                        // restore
-                        z.total_in += p - z.next_in_index;
-                        z.next_in_index = p;
-                        z.avail_in = n;
-                        z.istate.marker = m;
-
-                        // return no joy or set up to restart on a new block
-                        if (m != 4) {
-                                return Z_DATA_ERROR;
-                        }
-                        r = z.total_in;
-                        w = z.total_out;
-                        inflateReset(z);
-                        z.total_in = r;
-                        z.total_out = w;
-                        z.istate.mode = BLOCKS;
-                        return Z_OK;
-                };
-
-                // Returns true if inflate is currently at the end of a block generated
-                // by Z_SYNC_FLUSH or Z_FULL_FLUSH. This function is used by one PPP
-                // implementation to provide an additional safety check. PPP uses
-                // Z_SYNC_FLUSH
-                // but removes the length bytes of the resulting empty stored block. When
-                // decompressing, PPP checks that at the end of input packet, inflate is
-                // waiting for these length bytes.
-                that.inflateSyncPoint = function(z) {
-                        if (!z || !z.istate || !z.istate.blocks)
-                                return Z_STREAM_ERROR;
-                        return z.istate.blocks.sync_point();
-                };
-        }
-
-        // ZStream
-
-        function ZStream() {
-        }
-
-        ZStream.prototype = {
-                inflateInit : function(bits) {
-                        var that = this;
-                        that.istate = new Inflate();
-                        if (!bits)
-                                bits = MAX_BITS;
-                        return that.istate.inflateInit(that, bits);
-                },
-
-                inflate : function(f) {
-                        var that = this;
-                        if (!that.istate)
-                                return Z_STREAM_ERROR;
-                        return that.istate.inflate(that, f);
-                },
-
-                inflateEnd : function() {
-                        var that = this;
-                        if (!that.istate)
-                                return Z_STREAM_ERROR;
-                        var ret = that.istate.inflateEnd(that);
-                        that.istate = null;
-                        return ret;
-                },
-
-                inflateSync : function() {
-                        var that = this;
-                        if (!that.istate)
-                                return Z_STREAM_ERROR;
-                        return that.istate.inflateSync(that);
-                },
-                inflateSetDictionary : function(dictionary, dictLength) {
-                        var that = this;
-                        if (!that.istate)
-                                return Z_STREAM_ERROR;
-                        return that.istate.inflateSetDictionary(that, dictionary, dictLength);
-                },
-                read_byte : function(start) {
-                        var that = this;
-                        return that.next_in.subarray(start, start + 1)[0];
-                },
-                read_buf : function(start, size) {
-                        var that = this;
-                        return that.next_in.subarray(start, start + size);
-                }
-        };
-
-        // Inflater
-
-        function Inflater() {
-                var that = this;
-                var z = new ZStream();
-                var bufsize = 512;
-                var flush = Z_NO_FLUSH;
-                var buf = new Uint8Array(bufsize);
-                var nomoreinput = false;
-
-                z.inflateInit();
-                z.next_out = buf;
-
-                that.append = function(data, onprogress) {
-                        var err, buffers = [], lastIndex = 0, bufferIndex = 0, bufferSize = 0, array;
-                        if (data.length === 0)
-                                return;
-                        z.next_in_index = 0;
-                        z.next_in = data;
-                        z.avail_in = data.length;
-                        do {
-                                z.next_out_index = 0;
-                                z.avail_out = bufsize;
-                                err = z.inflate(flush);
-                                if (err == Z_BUF_ERROR)
-                                        return -1;
-                                if (err != Z_OK && err != Z_STREAM_END)
-                                        throw "inflating: " + z.msg;
-                                if ((nomoreinput || err == Z_STREAM_END) && (z.avail_out == data.length))
-                                        return -1;
-                                if (z.next_out_index)
-                                        if (z.next_out_index == bufsize)
-                                                buffers.push(new Uint8Array(buf));
-                                        else
-                                                buffers.push(new Uint8Array(buf.subarray(0, z.next_out_index)));
-                                bufferSize += z.next_out_index;
-                                if (onprogress && z.next_in_index > 0 && z.next_in_index != lastIndex) {
-                                        onprogress(z.next_in_index);
-                                        lastIndex = z.next_in_index;
-                                }
-                        } while (z.avail_in > 0);
-                        array = new Uint8Array(bufferSize);
-                        buffers.forEach(function(chunk) {
-                                array.set(chunk, bufferIndex);
-                                bufferIndex += chunk.length;
-                        });
-                        return array;
-                };
-                that.flush = function() {
-                        z.inflateEnd();
-                };
-        }
-
-    obj.Inflater = Inflater;
-})(this);
diff --git a/crawl-ref/source/webserver/static/scripts/contrib/jquery.cookie.js b/crawl-ref/source/webserver/static/scripts/contrib/jquery.cookie.js
deleted file mode 100644
index a80bc91a72f..00000000000
--- a/crawl-ref/source/webserver/static/scripts/contrib/jquery.cookie.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/*jslint browser: true */ /*global jQuery: true */
-
-/**
- * jQuery Cookie plugin
- *
- * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- *
- */
-
-// TODO JsDoc
-
-/**
- * Create a cookie with the given key and value and other optional parameters.
- *
- * @example $.cookie('the_cookie', 'the_value');
- * @desc Set the value of a cookie.
- * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
- * @desc Create a cookie with all available options.
- * @example $.cookie('the_cookie', 'the_value');
- * @desc Create a session cookie.
- * @example $.cookie('the_cookie', null);
- * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
- *       used when the cookie was set.
- *
- * @param String key The key of the cookie.
- * @param String value The value of the cookie.
- * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
- * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
- *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
- *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
- *                             when the the browser exits.
- * @option String path The value of the path attribute of the cookie (default: path of page that created the cookie).
- * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
- * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
- *                        require a secure protocol (like HTTPS).
- * @type undefined
- *
- * @name $.cookie
- * @cat Plugins/Cookie
- * @author Klaus Hartl/klaus.hartl@stilbuero.de
- */
-
-/**
- * Get the value of a cookie with the given key.
- *
- * @example $.cookie('the_cookie');
- * @desc Get the value of a cookie.
- *
- * @param String key The key of the cookie.
- * @return The value of the cookie.
- * @type String
- *
- * @name $.cookie
- * @cat Plugins/Cookie
- * @author Klaus Hartl/klaus.hartl@stilbuero.de
- */
-jQuery.cookie = function (key, value, options) {
-
-    // key and at least value given, set cookie...
-    if (arguments.length > 1 && String(value) !== "[object Object]") {
-        options = jQuery.extend({}, options);
-
-        if (value === null || value === undefined) {
-            options.expires = -1;
-        }
-
-        if (typeof options.expires === 'number') {
-            var days = options.expires, t = options.expires = new Date();
-            t.setDate(t.getDate() + days);
-        }
-
-        value = String(value);
-
-        return (document.cookie = [
-            encodeURIComponent(key), '=',
-            options.raw ? value : encodeURIComponent(value),
-            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
-            options.path ? '; path=' + options.path : '',
-            options.domain ? '; domain=' + options.domain : '',
-            options.secure ? '; secure' : ''
-        ].join(''));
-    }
-
-    // key and possibly options given, get cookie...
-    options = value || {};
-    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
-    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
-};
diff --git a/crawl-ref/source/webserver/static/scripts/contrib/jquery.js b/crawl-ref/source/webserver/static/scripts/contrib/jquery.js
deleted file mode 100644
index c943d65d91a..00000000000
--- a/crawl-ref/source/webserver/static/scripts/contrib/jquery.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! jQuery v1.8.2 jquery.com | jquery.org/license */
-(function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(I,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:+d+""===d?+d:H.test(d)?p.parseJSON(d):d}catch(f){}p.data(a,c,d)}else d=b}return d}function K(a){var b;for(b in a){if(b==="data"&&p.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function ba(){return!1}function bb(){return!0}function bh(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function bi(a,b){do a=a[b];while(a&&a.nodeType!==1);return a}function bj(a,b,c){b=b||0;if(p.isFunction(b))return p.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return p.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=p.grep(a,function(a){return a.nodeType===1});if(be.test(b))return p.filter(b,d,!c);b=p.filter(b,d)}return p.grep(a,function(a,d){return p.inArray(a,b)>=0===c})}function bk(a){var b=bl.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}function bC(a,b){return a.getElementsByTagName(b)[0]||a.appendChild(a.ownerDocument.createElement(b))}function bD(a,b){if(b.nodeType!==1||!p.hasData(a))return;var c,d,e,f=p._data(a),g=p._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;d").appendTo(e.body),c=b.css("display");b.remove();if(c==="none"||c===""){bI=e.body.appendChild(bI||p.extend(e.createElement("iframe"),{frameBorder:0,width:0,height:0}));if(!bJ||!bI.createElement)bJ=(bI.contentWindow||bI.contentDocument).document,bJ.write(""),bJ.close();b=bJ.body.appendChild(bJ.createElement(a)),c=bH(b,"display"),e.body.removeChild(bI)}return bS[a]=c,c}function ci(a,b,c,d){var e;if(p.isArray(b))p.each(b,function(b,e){c||ce.test(a)?d(a,e):ci(a+"["+(typeof e=="object"?b:"")+"]",e,c,d)});else if(!c&&p.type(b)==="object")for(e in b)ci(a+"["+e+"]",b[e],c,d);else d(a,b)}function cz(a){return function(b,c){typeof b!="string"&&(c=b,b="*");var d,e,f,g=b.toLowerCase().split(s),h=0,i=g.length;if(p.isFunction(c))for(;h)[^>]*$|#([\w\-]*)$)/,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,y=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,z=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,A=/^-ms-/,B=/-([\da-z])/gi,C=function(a,b){return(b+"").toUpperCase()},D=function(){e.addEventListener?(e.removeEventListener("DOMContentLoaded",D,!1),p.ready()):e.readyState==="complete"&&(e.detachEvent("onreadystatechange",D),p.ready())},E={};p.fn=p.prototype={constructor:p,init:function(a,c,d){var f,g,h,i;if(!a)return this;if(a.nodeType)return this.context=this[0]=a,this.length=1,this;if(typeof a=="string"){a.charAt(0)==="<"&&a.charAt(a.length-1)===">"&&a.length>=3?f=[null,a,null]:f=u.exec(a);if(f&&(f[1]||!c)){if(f[1])return c=c instanceof p?c[0]:c,i=c&&c.nodeType?c.ownerDocument||c:e,a=p.parseHTML(f[1],i,!0),v.test(f[1])&&p.isPlainObject(c)&&this.attr.call(a,c,!0),p.merge(this,a);g=e.getElementById(f[2]);if(g&&g.parentNode){if(g.id!==f[2])return d.find(a);this.length=1,this[0]=g}return this.context=e,this.selector=a,this}return!c||c.jquery?(c||d).find(a):this.constructor(c).find(a)}return p.isFunction(a)?d.ready(a):(a.selector!==b&&(this.selector=a.selector,this.context=a.context),p.makeArray(a,this))},selector:"",jquery:"1.8.2",length:0,size:function(){return this.length},toArray:function(){return k.call(this)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=p.merge(this.constructor(),a);return d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")"),d},each:function(a,b){return p.each(this,a,b)},ready:function(a){return p.ready.promise().done(a),this},eq:function(a){return a=+a,a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(k.apply(this,arguments),"slice",k.call(arguments).join(","))},map:function(a){return this.pushStack(p.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:j,sort:[].sort,splice:[].splice},p.fn.init.prototype=p.fn,p.extend=p.fn.extend=function(){var a,c,d,e,f,g,h=arguments[0]||{},i=1,j=arguments.length,k=!1;typeof h=="boolean"&&(k=h,h=arguments[1]||{},i=2),typeof h!="object"&&!p.isFunction(h)&&(h={}),j===i&&(h=this,--i);for(;i0)return;d.resolveWith(e,[p]),p.fn.trigger&&p(e).trigger("ready").off("ready")},isFunction:function(a){return p.type(a)==="function"},isArray:Array.isArray||function(a){return p.type(a)==="array"},isWindow:function(a){return a!=null&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):E[m.call(a)]||"object"},isPlainObject:function(a){if(!a||p.type(a)!=="object"||a.nodeType||p.isWindow(a))return!1;try{if(a.constructor&&!n.call(a,"constructor")&&!n.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||n.call(a,d)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},error:function(a){throw new Error(a)},parseHTML:function(a,b,c){var d;return!a||typeof a!="string"?null:(typeof b=="boolean"&&(c=b,b=0),b=b||e,(d=v.exec(a))?[b.createElement(d[1])]:(d=p.buildFragment([a],b,c?null:[]),p.merge([],(d.cacheable?p.clone(d.fragment):d.fragment).childNodes)))},parseJSON:function(b){if(!b||typeof b!="string")return null;b=p.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(w.test(b.replace(y,"@").replace(z,"]").replace(x,"")))return(new Function("return "+b))();p.error("Invalid JSON: "+b)},parseXML:function(c){var d,e;if(!c||typeof c!="string")return null;try{a.DOMParser?(e=new DOMParser,d=e.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(f){d=b}return(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&p.error("Invalid XML: "+c),d},noop:function(){},globalEval:function(b){b&&r.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(A,"ms-").replace(B,C)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,c,d){var e,f=0,g=a.length,h=g===b||p.isFunction(a);if(d){if(h){for(e in a)if(c.apply(a[e],d)===!1)break}else for(;f0&&a[0]&&a[i-1]||i===0||p.isArray(a));if(j)for(;h-1)i.splice(c,1),e&&(c<=g&&g--,c<=h&&h--)}),this},has:function(a){return p.inArray(a,i)>-1},empty:function(){return i=[],this},disable:function(){return i=j=c=b,this},disabled:function(){return!i},lock:function(){return j=b,c||l.disable(),this},locked:function(){return!j},fireWith:function(a,b){return b=b||[],b=[a,b.slice?b.slice():b],i&&(!d||j)&&(e?j.push(b):k(b)),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!d}};return l},p.extend({Deferred:function(a){var b=[["resolve","done",p.Callbacks("once memory"),"resolved"],["reject","fail",p.Callbacks("once memory"),"rejected"],["notify","progress",p.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return p.Deferred(function(c){p.each(b,function(b,d){var f=d[0],g=a[b];e[d[1]](p.isFunction(g)?function(){var a=g.apply(this,arguments);a&&p.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f+"With"](this===e?c:this,[a])}:c[f])}),a=null}).promise()},promise:function(a){return a!=null?p.extend(a,d):d}},e={};return d.pipe=d.then,p.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[a^1][2].disable,b[2][2].lock),e[f[0]]=g.fire,e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=k.call(arguments),d=c.length,e=d!==1||a&&p.isFunction(a.promise)?d:0,f=e===1?a:p.Deferred(),g=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?k.call(arguments):d,c===h?f.notifyWith(b,c):--e||f.resolveWith(b,c)}},h,i,j;if(d>1){h=new Array(d),i=new Array(d),j=new Array(d);for(;b
              a",c=n.getElementsByTagName("*"),d=n.getElementsByTagName("a")[0],d.style.cssText="top:1px;float:left;opacity:.5";if(!c||!c.length)return{};f=e.createElement("select"),g=f.appendChild(e.createElement("option")),h=n.getElementsByTagName("input")[0],b={leadingWhitespace:n.firstChild.nodeType===3,tbody:!n.getElementsByTagName("tbody").length,htmlSerialize:!!n.getElementsByTagName("link").length,style:/top/.test(d.getAttribute("style")),hrefNormalized:d.getAttribute("href")==="/a",opacity:/^0.5/.test(d.style.opacity),cssFloat:!!d.style.cssFloat,checkOn:h.value==="on",optSelected:g.selected,getSetAttribute:n.className!=="t",enctype:!!e.createElement("form").enctype,html5Clone:e.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:e.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},h.checked=!0,b.noCloneChecked=h.cloneNode(!0).checked,f.disabled=!0,b.optDisabled=!g.disabled;try{delete n.test}catch(o){b.deleteExpando=!1}!n.addEventListener&&n.attachEvent&&n.fireEvent&&(n.attachEvent("onclick",m=function(){b.noCloneEvent=!1}),n.cloneNode(!0).fireEvent("onclick"),n.detachEvent("onclick",m)),h=e.createElement("input"),h.value="t",h.setAttribute("type","radio"),b.radioValue=h.value==="t",h.setAttribute("checked","checked"),h.setAttribute("name","t"),n.appendChild(h),i=e.createDocumentFragment(),i.appendChild(n.lastChild),b.checkClone=i.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=h.checked,i.removeChild(h),i.appendChild(n);if(n.attachEvent)for(k in{submit:!0,change:!0,focusin:!0})j="on"+k,l=j in n,l||(n.setAttribute(j,"return;"),l=typeof n[j]=="function"),b[k+"Bubbles"]=l;return p(function(){var c,d,f,g,h="padding:0;margin:0;border:0;display:block;overflow:hidden;",i=e.getElementsByTagName("body")[0];if(!i)return;c=e.createElement("div"),c.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",i.insertBefore(c,i.firstChild),d=e.createElement("div"),c.appendChild(d),d.innerHTML="
              t
              ",f=d.getElementsByTagName("td"),f[0].style.cssText="padding:0;margin:0;border:0;display:none",l=f[0].offsetHeight===0,f[0].style.display="",f[1].style.display="none",b.reliableHiddenOffsets=l&&f[0].offsetHeight===0,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",b.boxSizing=d.offsetWidth===4,b.doesNotIncludeMarginInBodyOffset=i.offsetTop!==1,a.getComputedStyle&&(b.pixelPosition=(a.getComputedStyle(d,null)||{}).top!=="1%",b.boxSizingReliable=(a.getComputedStyle(d,null)||{width:"4px"}).width==="4px",g=e.createElement("div"),g.style.cssText=d.style.cssText=h,g.style.marginRight=g.style.width="0",d.style.width="1px",d.appendChild(g),b.reliableMarginRight=!parseFloat((a.getComputedStyle(g,null)||{}).marginRight)),typeof d.style.zoom!="undefined"&&(d.innerHTML="",d.style.cssText=h+"width:1px;padding:1px;display:inline;zoom:1",b.inlineBlockNeedsLayout=d.offsetWidth===3,d.style.display="block",d.style.overflow="visible",d.innerHTML="
              ",d.firstChild.style.width="5px",b.shrinkWrapBlocks=d.offsetWidth!==3,c.style.zoom=1),i.removeChild(c),c=d=f=g=null}),i.removeChild(n),c=d=f=g=h=i=n=null,b}();var H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,I=/([A-Z])/g;p.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(p.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){return a=a.nodeType?p.cache[a[p.expando]]:a[p.expando],!!a&&!K(a)},data:function(a,c,d,e){if(!p.acceptData(a))return;var f,g,h=p.expando,i=typeof c=="string",j=a.nodeType,k=j?p.cache:a,l=j?a[h]:a[h]&&h;if((!l||!k[l]||!e&&!k[l].data)&&i&&d===b)return;l||(j?a[h]=l=p.deletedIds.pop()||p.guid++:l=h),k[l]||(k[l]={},j||(k[l].toJSON=p.noop));if(typeof c=="object"||typeof c=="function")e?k[l]=p.extend(k[l],c):k[l].data=p.extend(k[l].data,c);return f=k[l],e||(f.data||(f.data={}),f=f.data),d!==b&&(f[p.camelCase(c)]=d),i?(g=f[c],g==null&&(g=f[p.camelCase(c)])):g=f,g},removeData:function(a,b,c){if(!p.acceptData(a))return;var d,e,f,g=a.nodeType,h=g?p.cache:a,i=g?a[p.expando]:p.expando;if(!h[i])return;if(b){d=c?h[i]:h[i].data;if(d){p.isArray(b)||(b in d?b=[b]:(b=p.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,f=b.length;e1,null,!1))},removeData:function(a){return this.each(function(){p.removeData(this,a)})}}),p.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=p._data(a,b),c&&(!d||p.isArray(c)?d=p._data(a,b,p.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=p.queue(a,b),d=c.length,e=c.shift(),f=p._queueHooks(a,b),g=function(){p.dequeue(a,b)};e==="inprogress"&&(e=c.shift(),d--),e&&(b==="fx"&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return p._data(a,c)||p._data(a,c,{empty:p.Callbacks("once memory").add(function(){p.removeData(a,b+"queue",!0),p.removeData(a,c,!0)})})}}),p.fn.extend({queue:function(a,c){var d=2;return typeof a!="string"&&(c=a,a="fx",d--),arguments.length1)},removeAttr:function(a){return this.each(function(){p.removeAttr(this,a)})},prop:function(a,b){return p.access(this,p.prop,a,b,arguments.length>1)},removeProp:function(a){return a=p.propFix[a]||a,this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,f,g,h;if(p.isFunction(a))return this.each(function(b){p(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(s);for(c=0,d=this.length;c=0)d=d.replace(" "+c[f]+" "," ");e.className=a?p.trim(d):""}}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";return p.isFunction(a)?this.each(function(c){p(this).toggleClass(a.call(this,c,this.className,b),b)}):this.each(function(){if(c==="string"){var e,f=0,g=p(this),h=b,i=a.split(s);while(e=i[f++])h=d?h:!g.hasClass(e),g[h?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&p._data(this,"__className__",this.className),this.className=this.className||a===!1?"":p._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ",c=0,d=this.length;for(;c=0)return!0;return!1},val:function(a){var c,d,e,f=this[0];if(!arguments.length){if(f)return c=p.valHooks[f.type]||p.valHooks[f.nodeName.toLowerCase()],c&&"get"in c&&(d=c.get(f,"value"))!==b?d:(d=f.value,typeof d=="string"?d.replace(P,""):d==null?"":d);return}return e=p.isFunction(a),this.each(function(d){var f,g=p(this);if(this.nodeType!==1)return;e?f=a.call(this,d,g.val()):f=a,f==null?f="":typeof f=="number"?f+="":p.isArray(f)&&(f=p.map(f,function(a){return a==null?"":a+""})),c=p.valHooks[this.type]||p.valHooks[this.nodeName.toLowerCase()];if(!c||!("set"in c)||c.set(this,f,"value")===b)this.value=f})}}),p.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,f=a.selectedIndex,g=[],h=a.options,i=a.type==="select-one";if(f<0)return null;c=i?f:0,d=i?f+1:h.length;for(;c=0}),c.length||(a.selectedIndex=-1),c}}},attrFn:{},attr:function(a,c,d,e){var f,g,h,i=a.nodeType;if(!a||i===3||i===8||i===2)return;if(e&&p.isFunction(p.fn[c]))return p(a)[c](d);if(typeof a.getAttribute=="undefined")return p.prop(a,c,d);h=i!==1||!p.isXMLDoc(a),h&&(c=c.toLowerCase(),g=p.attrHooks[c]||(T.test(c)?M:L));if(d!==b){if(d===null){p.removeAttr(a,c);return}return g&&"set"in g&&h&&(f=g.set(a,d,c))!==b?f:(a.setAttribute(c,d+""),d)}return g&&"get"in g&&h&&(f=g.get(a,c))!==null?f:(f=a.getAttribute(c),f===null?b:f)},removeAttr:function(a,b){var c,d,e,f,g=0;if(b&&a.nodeType===1){d=b.split(s);for(;g=0}})});var V=/^(?:textarea|input|select)$/i,W=/^([^\.]*|)(?:\.(.+)|)$/,X=/(?:^|\s)hover(\.\S+|)\b/,Y=/^key/,Z=/^(?:mouse|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=function(a){return p.event.special.hover?a:a.replace(X,"mouseenter$1 mouseleave$1")};p.event={add:function(a,c,d,e,f){var g,h,i,j,k,l,m,n,o,q,r;if(a.nodeType===3||a.nodeType===8||!c||!d||!(g=p._data(a)))return;d.handler&&(o=d,d=o.handler,f=o.selector),d.guid||(d.guid=p.guid++),i=g.events,i||(g.events=i={}),h=g.handle,h||(g.handle=h=function(a){return typeof p!="undefined"&&(!a||p.event.triggered!==a.type)?p.event.dispatch.apply(h.elem,arguments):b},h.elem=a),c=p.trim(_(c)).split(" ");for(j=0;j=0&&(s=s.slice(0,-1),i=!0),s.indexOf(".")>=0&&(t=s.split("."),s=t.shift(),t.sort());if((!f||p.event.customEvent[s])&&!p.event.global[s])return;c=typeof c=="object"?c[p.expando]?c:new p.Event(s,c):new p.Event(s),c.type=s,c.isTrigger=!0,c.exclusive=i,c.namespace=t.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+t.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,m=s.indexOf(":")<0?"on"+s:"";if(!f){h=p.cache;for(j in h)h[j].events&&h[j].events[s]&&p.event.trigger(c,d,h[j].handle.elem,!0);return}c.result=b,c.target||(c.target=f),d=d!=null?p.makeArray(d):[],d.unshift(c),n=p.event.special[s]||{};if(n.trigger&&n.trigger.apply(f,d)===!1)return;q=[[f,n.bindType||s]];if(!g&&!n.noBubble&&!p.isWindow(f)){r=n.delegateType||s,k=$.test(r+s)?f:f.parentNode;for(l=f;k;k=k.parentNode)q.push([k,r]),l=k;l===(f.ownerDocument||e)&&q.push([l.defaultView||l.parentWindow||a,r])}for(j=0;j=0:p.find(m,this,null,[f]).length),h[m]&&j.push(l);j.length&&u.push({elem:f,matches:j})}o.length>q&&u.push({elem:this,matches:o.slice(q)});for(d=0;d0?this.on(b,null,a,c):this.trigger(b)},Y.test(b)&&(p.event.fixHooks[b]=p.event.keyHooks),Z.test(b)&&(p.event.fixHooks[b]=p.event.mouseHooks)}),function(a,b){function bc(a,b,c,d){c=c||[],b=b||r;var e,f,i,j,k=b.nodeType;if(!a||typeof a!="string")return c;if(k!==1&&k!==9)return[];i=g(b);if(!i&&!d)if(e=P.exec(a))if(j=e[1]){if(k===9){f=b.getElementById(j);if(!f||!f.parentNode)return c;if(f.id===j)return c.push(f),c}else if(b.ownerDocument&&(f=b.ownerDocument.getElementById(j))&&h(b,f)&&f.id===j)return c.push(f),c}else{if(e[2])return w.apply(c,x.call(b.getElementsByTagName(a),0)),c;if((j=e[3])&&_&&b.getElementsByClassName)return w.apply(c,x.call(b.getElementsByClassName(j),0)),c}return bp(a.replace(L,"$1"),b,c,d,i)}function bd(a){return function(b){var c=b.nodeName.toLowerCase();return c==="input"&&b.type===a}}function be(a){return function(b){var c=b.nodeName.toLowerCase();return(c==="input"||c==="button")&&b.type===a}}function bf(a){return z(function(b){return b=+b,z(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function bg(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}function bh(a,b){var c,d,f,g,h,i,j,k=C[o][a];if(k)return b?0:k.slice(0);h=a,i=[],j=e.preFilter;while(h){if(!c||(d=M.exec(h)))d&&(h=h.slice(d[0].length)),i.push(f=[]);c=!1;if(d=N.exec(h))f.push(c=new q(d.shift())),h=h.slice(c.length),c.type=d[0].replace(L," ");for(g in e.filter)(d=W[g].exec(h))&&(!j[g]||(d=j[g](d,r,!0)))&&(f.push(c=new q(d.shift())),h=h.slice(c.length),c.type=g,c.matches=d);if(!c)break}return b?h.length:h?bc.error(a):C(a,i).slice(0)}function bi(a,b,d){var e=b.dir,f=d&&b.dir==="parentNode",g=u++;return b.first?function(b,c,d){while(b=b[e])if(f||b.nodeType===1)return a(b,c,d)}:function(b,d,h){if(!h){var i,j=t+" "+g+" ",k=j+c;while(b=b[e])if(f||b.nodeType===1){if((i=b[o])===k)return b.sizset;if(typeof i=="string"&&i.indexOf(j)===0){if(b.sizset)return b}else{b[o]=k;if(a(b,d,h))return b.sizset=!0,b;b.sizset=!1}}}else while(b=b[e])if(f||b.nodeType===1)if(a(b,d,h))return b}}function bj(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function bk(a,b,c,d,e){var f,g=[],h=0,i=a.length,j=b!=null;for(;h-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==l)||((b=c).nodeType?j(a,c,d):k(a,c,d))}];for(;i1&&bj(m),i>1&&a.slice(0,i-1).join("").replace(L,"$1"),c,i0,f=a.length>0,g=function(h,i,j,k,m){var n,o,p,q=[],s=0,u="0",x=h&&[],y=m!=null,z=l,A=h||f&&e.find.TAG("*",m&&i.parentNode||i),B=t+=z==null?1:Math.E;y&&(l=i!==r&&i,c=g.el);for(;(n=A[u])!=null;u++){if(f&&n){for(o=0;p=a[o];o++)if(p(n,i,j)){k.push(n);break}y&&(t=B,c=++g.el)}d&&((n=!p&&n)&&s--,h&&x.push(n))}s+=u;if(d&&u!==s){for(o=0;p=b[o];o++)p(x,q,i,j);if(h){if(s>0)while(u--)!x[u]&&!q[u]&&(q[u]=v.call(k));q=bk(q)}w.apply(k,q),y&&!h&&q.length>0&&s+b.length>1&&bc.uniqueSort(k)}return y&&(t=B,l=z),x};return g.el=0,d?z(g):g}function bo(a,b,c,d){var e=0,f=b.length;for(;e2&&(j=h[0]).type==="ID"&&b.nodeType===9&&!f&&e.relative[h[1].type]){b=e.find.ID(j.matches[0].replace(V,""),b,f)[0];if(!b)return c;a=a.slice(h.shift().length)}for(g=W.POS.test(a)?-1:h.length-1;g>=0;g--){j=h[g];if(e.relative[k=j.type])break;if(l=e.find[k])if(d=l(j.matches[0].replace(V,""),R.test(h[0].type)&&b.parentNode||b,f)){h.splice(g,1),a=d.length&&h.join("");if(!a)return w.apply(c,x.call(d,0)),c;break}}}return i(a,m)(d,b,f,c,R.test(a)),c}function bq(){}var c,d,e,f,g,h,i,j,k,l,m=!0,n="undefined",o=("sizcache"+Math.random()).replace(".",""),q=String,r=a.document,s=r.documentElement,t=0,u=0,v=[].pop,w=[].push,x=[].slice,y=[].indexOf||function(a){var b=0,c=this.length;for(;be.cacheLength&&delete a[b.shift()],a[c]=d},a)},B=A(),C=A(),D=A(),E="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",G=F.replace("w","w#"),H="([*^$|!~]?=)",I="\\["+E+"*("+F+")"+E+"*(?:"+H+E+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+G+")|)|)"+E+"*\\]",J=":("+F+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+I+")|[^:]|\\\\.)*|.*))\\)|)",K=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+E+"*((?:-\\d)?\\d*)"+E+"*\\)|)(?=[^-]|$)",L=new RegExp("^"+E+"+|((?:^|[^\\\\])(?:\\\\.)*)"+E+"+$","g"),M=new RegExp("^"+E+"*,"+E+"*"),N=new RegExp("^"+E+"*([\\x20\\t\\r\\n\\f>+~])"+E+"*"),O=new RegExp(J),P=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,Q=/^:not/,R=/[\x20\t\r\n\f]*[+~]/,S=/:not\($/,T=/h\d/i,U=/input|select|textarea|button/i,V=/\\(?!\\)/g,W={ID:new RegExp("^#("+F+")"),CLASS:new RegExp("^\\.("+F+")"),NAME:new RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:new RegExp("^("+F.replace("w","w*")+")"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+J),POS:new RegExp(K,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+E+"*(even|odd|(([+-]|)(\\d*)n|)"+E+"*(?:([+-]|)"+E+"*(\\d+)|))"+E+"*\\)|)","i"),needsContext:new RegExp("^"+E+"*[>+~]|"+K,"i")},X=function(a){var b=r.createElement("div");try{return a(b)}catch(c){return!1}finally{b=null}},Y=X(function(a){return a.appendChild(r.createComment("")),!a.getElementsByTagName("*").length}),Z=X(function(a){return a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!==n&&a.firstChild.getAttribute("href")==="#"}),$=X(function(a){a.innerHTML="";var b=typeof a.lastChild.getAttribute("multiple");return b!=="boolean"&&b!=="string"}),_=X(function(a){return a.innerHTML="",!a.getElementsByClassName||!a.getElementsByClassName("e").length?!1:(a.lastChild.className="e",a.getElementsByClassName("e").length===2)}),ba=X(function(a){a.id=o+0,a.innerHTML="
              ",s.insertBefore(a,s.firstChild);var b=r.getElementsByName&&r.getElementsByName(o).length===2+r.getElementsByName(o+0).length;return d=!r.getElementById(o),s.removeChild(a),b});try{x.call(s.childNodes,0)[0].nodeType}catch(bb){x=function(a){var b,c=[];for(;b=this[a];a++)c.push(b);return c}}bc.matches=function(a,b){return bc(a,null,null,b)},bc.matchesSelector=function(a,b){return bc(b,null,null,[a]).length>0},f=bc.getText=function(a){var b,c="",d=0,e=a.nodeType;if(e){if(e===1||e===9||e===11){if(typeof a.textContent=="string")return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=f(a)}else if(e===3||e===4)return a.nodeValue}else for(;b=a[d];d++)c+=f(b);return c},g=bc.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?b.nodeName!=="HTML":!1},h=bc.contains=s.contains?function(a,b){var c=a.nodeType===9?a.documentElement:a,d=b&&b.parentNode;return a===d||!!(d&&d.nodeType===1&&c.contains&&c.contains(d))}:s.compareDocumentPosition?function(a,b){return b&&!!(a.compareDocumentPosition(b)&16)}:function(a,b){while(b=b.parentNode)if(b===a)return!0;return!1},bc.attr=function(a,b){var c,d=g(a);return d||(b=b.toLowerCase()),(c=e.attrHandle[b])?c(a):d||$?a.getAttribute(b):(c=a.getAttributeNode(b),c?typeof a[b]=="boolean"?a[b]?b:null:c.specified?c.value:null:null)},e=bc.selectors={cacheLength:50,createPseudo:z,match:W,attrHandle:Z?{}:{href:function(a){return a.getAttribute("href",2)},type:function(a){return a.getAttribute("type")}},find:{ID:d?function(a,b,c){if(typeof b.getElementById!==n&&!c){var d=b.getElementById(a);return d&&d.parentNode?[d]:[]}}:function(a,c,d){if(typeof c.getElementById!==n&&!d){var e=c.getElementById(a);return e?e.id===a||typeof e.getAttributeNode!==n&&e.getAttributeNode("id").value===a?[e]:b:[]}},TAG:Y?function(a,b){if(typeof b.getElementsByTagName!==n)return b.getElementsByTagName(a)}:function(a,b){var c=b.getElementsByTagName(a);if(a==="*"){var d,e=[],f=0;for(;d=c[f];f++)d.nodeType===1&&e.push(d);return e}return c},NAME:ba&&function(a,b){if(typeof b.getElementsByName!==n)return b.getElementsByName(name)},CLASS:_&&function(a,b,c){if(typeof b.getElementsByClassName!==n&&!c)return b.getElementsByClassName(a)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(V,""),a[3]=(a[4]||a[5]||"").replace(V,""),a[2]==="~="&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),a[1]==="nth"?(a[2]||bc.error(a[0]),a[3]=+(a[3]?a[4]+(a[5]||1):2*(a[2]==="even"||a[2]==="odd")),a[4]=+(a[6]+a[7]||a[2]==="odd")):a[2]&&bc.error(a[0]),a},PSEUDO:function(a){var b,c;if(W.CHILD.test(a[0]))return null;if(a[3])a[2]=a[3];else if(b=a[4])O.test(b)&&(c=bh(b,!0))&&(c=b.indexOf(")",b.length-c)-b.length)&&(b=b.slice(0,c),a[0]=a[0].slice(0,c)),a[2]=b;return a.slice(0,3)}},filter:{ID:d?function(a){return a=a.replace(V,""),function(b){return b.getAttribute("id")===a}}:function(a){return a=a.replace(V,""),function(b){var c=typeof b.getAttributeNode!==n&&b.getAttributeNode("id");return c&&c.value===a}},TAG:function(a){return a==="*"?function(){return!0}:(a=a.replace(V,"").toLowerCase(),function(b){return b.nodeName&&b.nodeName.toLowerCase()===a})},CLASS:function(a){var b=B[o][a];return b||(b=B(a,new RegExp("(^|"+E+")"+a+"("+E+"|$)"))),function(a){return b.test(a.className||typeof a.getAttribute!==n&&a.getAttribute("class")||"")}},ATTR:function(a,b,c){return function(d,e){var f=bc.attr(d,a);return f==null?b==="!=":b?(f+="",b==="="?f===c:b==="!="?f!==c:b==="^="?c&&f.indexOf(c)===0:b==="*="?c&&f.indexOf(c)>-1:b==="$="?c&&f.substr(f.length-c.length)===c:b==="~="?(" "+f+" ").indexOf(c)>-1:b==="|="?f===c||f.substr(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d){return a==="nth"?function(a){var b,e,f=a.parentNode;if(c===1&&d===0)return!0;if(f){e=0;for(b=f.firstChild;b;b=b.nextSibling)if(b.nodeType===1){e++;if(a===b)break}}return e-=d,e===c||e%c===0&&e/c>=0}:function(b){var c=b;switch(a){case"only":case"first":while(c=c.previousSibling)if(c.nodeType===1)return!1;if(a==="first")return!0;c=b;case"last":while(c=c.nextSibling)if(c.nodeType===1)return!1;return!0}}},PSEUDO:function(a,b){var c,d=e.pseudos[a]||e.setFilters[a.toLowerCase()]||bc.error("unsupported pseudo: "+a);return d[o]?d(b):d.length>1?(c=[a,a,"",b],e.setFilters.hasOwnProperty(a.toLowerCase())?z(function(a,c){var e,f=d(a,b),g=f.length;while(g--)e=y.call(a,f[g]),a[e]=!(c[e]=f[g])}):function(a){return d(a,0,c)}):d}},pseudos:{not:z(function(a){var b=[],c=[],d=i(a.replace(L,"$1"));return d[o]?z(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)if(f=g[h])a[h]=!(b[h]=f)}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:z(function(a){return function(b){return bc(a,b).length>0}}),contains:z(function(a){return function(b){return(b.textContent||b.innerText||f(b)).indexOf(a)>-1}}),enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&!!a.checked||b==="option"&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},parent:function(a){return!e.pseudos.empty(a)},empty:function(a){var b;a=a.firstChild;while(a){if(a.nodeName>"@"||(b=a.nodeType)===3||b===4)return!1;a=a.nextSibling}return!0},header:function(a){return T.test(a.nodeName)},text:function(a){var b,c;return a.nodeName.toLowerCase()==="input"&&(b=a.type)==="text"&&((c=a.getAttribute("type"))==null||c.toLowerCase()===b)},radio:bd("radio"),checkbox:bd("checkbox"),file:bd("file"),password:bd("password"),image:bd("image"),submit:be("submit"),reset:be("reset"),button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&a.type==="button"||b==="button"},input:function(a){return U.test(a.nodeName)},focus:function(a){var b=a.ownerDocument;return a===b.activeElement&&(!b.hasFocus||b.hasFocus())&&(!!a.type||!!a.href)},active:function(a){return a===a.ownerDocument.activeElement},first:bf(function(a,b,c){return[0]}),last:bf(function(a,b,c){return[b-1]}),eq:bf(function(a,b,c){return[c<0?c+b:c]}),even:bf(function(a,b,c){for(var d=0;d=0;)a.push(d);return a}),gt:bf(function(a,b,c){for(var d=c<0?c+b:c;++d",a.querySelectorAll("[selected]").length||e.push("\\["+E+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),a.querySelectorAll(":checked").length||e.push(":checked")}),X(function(a){a.innerHTML="
              ",a.querySelectorAll("[test^='']").length&&e.push("[*^$]="+E+"*(?:\"\"|'')"),a.innerHTML="",a.querySelectorAll(":enabled").length||e.push(":enabled",":disabled")}),e=new RegExp(e.join("|")),bp=function(a,d,f,g,h){if(!g&&!h&&(!e||!e.test(a))){var i,j,k=!0,l=o,m=d,n=d.nodeType===9&&a;if(d.nodeType===1&&d.nodeName.toLowerCase()!=="object"){i=bh(a),(k=d.getAttribute("id"))?l=k.replace(c,"\\$&"):d.setAttribute("id",l),l="[id='"+l+"'] ",j=i.length;while(j--)i[j]=l+i[j].join("");m=R.test(a)&&d.parentNode||d,n=i.join(",")}if(n)try{return w.apply(f,x.call(m.querySelectorAll(n),0)),f}catch(p){}finally{k||d.removeAttribute("id")}}return b(a,d,f,g,h)},h&&(X(function(b){a=h.call(b,"div");try{h.call(b,"[test!='']:sizzle"),f.push("!=",J)}catch(c){}}),f=new RegExp(f.join("|")),bc.matchesSelector=function(b,c){c=c.replace(d,"='$1']");if(!g(b)&&!f.test(c)&&(!e||!e.test(c)))try{var i=h.call(b,c);if(i||a||b.document&&b.document.nodeType!==11)return i}catch(j){}return bc(c,null,null,[b]).length>0})}(),e.pseudos.nth=e.pseudos.eq,e.filters=bq.prototype=e.pseudos,e.setFilters=new bq,bc.attr=p.attr,p.find=bc,p.expr=bc.selectors,p.expr[":"]=p.expr.pseudos,p.unique=bc.uniqueSort,p.text=bc.getText,p.isXMLDoc=bc.isXML,p.contains=bc.contains}(a);var bc=/Until$/,bd=/^(?:parents|prev(?:Until|All))/,be=/^.[^:#\[\.,]*$/,bf=p.expr.match.needsContext,bg={children:!0,contents:!0,next:!0,prev:!0};p.fn.extend({find:function(a){var b,c,d,e,f,g,h=this;if(typeof a!="string")return p(a).filter(function(){for(b=0,c=h.length;b0)for(e=d;e=0:p.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c,d=0,e=this.length,f=[],g=bf.test(a)||typeof a!="string"?p(a,b||this.context):0;for(;d-1:p.find.matchesSelector(c,a)){f.push(c);break}c=c.parentNode}}return f=f.length>1?p.unique(f):f,this.pushStack(f,"closest",a)},index:function(a){return a?typeof a=="string"?p.inArray(this[0],p(a)):p.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(a,b){var c=typeof a=="string"?p(a,b):p.makeArray(a&&a.nodeType?[a]:a),d=p.merge(this.get(),c);return this.pushStack(bh(c[0])||bh(d[0])?d:p.unique(d))},addBack:function(a){return this.add(a==null?this.prevObject:this.prevObject.filter(a))}}),p.fn.andSelf=p.fn.addBack,p.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return p.dir(a,"parentNode")},parentsUntil:function(a,b,c){return p.dir(a,"parentNode",c)},next:function(a){return bi(a,"nextSibling")},prev:function(a){return bi(a,"previousSibling")},nextAll:function(a){return p.dir(a,"nextSibling")},prevAll:function(a){return p.dir(a,"previousSibling")},nextUntil:function(a,b,c){return p.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return p.dir(a,"previousSibling",c)},siblings:function(a){return p.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return p.sibling(a.firstChild)},contents:function(a){return p.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:p.merge([],a.childNodes)}},function(a,b){p.fn[a]=function(c,d){var e=p.map(this,b,c);return bc.test(a)||(d=c),d&&typeof d=="string"&&(e=p.filter(d,e)),e=this.length>1&&!bg[a]?p.unique(e):e,this.length>1&&bd.test(a)&&(e=e.reverse()),this.pushStack(e,a,k.call(arguments).join(","))}}),p.extend({filter:function(a,b,c){return c&&(a=":not("+a+")"),b.length===1?p.find.matchesSelector(b[0],a)?[b[0]]:[]:p.find.matches(a,b)},dir:function(a,c,d){var e=[],f=a[c];while(f&&f.nodeType!==9&&(d===b||f.nodeType!==1||!p(f).is(d)))f.nodeType===1&&e.push(f),f=f[c];return e},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var bl="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",bm=/ jQuery\d+="(?:null|\d+)"/g,bn=/^\s+/,bo=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bp=/<([\w:]+)/,bq=/]","i"),bv=/^(?:checkbox|radio)$/,bw=/checked\s*(?:[^=]|=\s*.checked.)/i,bx=/\/(java|ecma)script/i,by=/^\s*\s*$/g,bz={option:[1,""],legend:[1,"
              ","
              "],thead:[1,"","
              "],tr:[2,"","
              "],td:[3,"","
              "],col:[2,"","
              "],area:[1,"",""],_default:[0,"",""]},bA=bk(e),bB=bA.appendChild(e.createElement("div"));bz.optgroup=bz.option,bz.tbody=bz.tfoot=bz.colgroup=bz.caption=bz.thead,bz.th=bz.td,p.support.htmlSerialize||(bz._default=[1,"X
              ","
              "]),p.fn.extend({text:function(a){return p.access(this,function(a){return a===b?p.text(this):this.empty().append((this[0]&&this[0].ownerDocument||e).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(p.isFunction(a))return this.each(function(b){p(this).wrapAll(a.call(this,b))});if(this[0]){var b=p(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return p.isFunction(a)?this.each(function(b){p(this).wrapInner(a.call(this,b))}):this.each(function(){var b=p(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=p.isFunction(a);return this.each(function(c){p(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){p.nodeName(this,"body")||p(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){(this.nodeType===1||this.nodeType===11)&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(a,this.firstChild)})},before:function(){if(!bh(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=p.clean(arguments);return this.pushStack(p.merge(a,this),"before",this.selector)}},after:function(){if(!bh(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=p.clean(arguments);return this.pushStack(p.merge(this,a),"after",this.selector)}},remove:function(a,b){var c,d=0;for(;(c=this[d])!=null;d++)if(!a||p.filter(a,[c]).length)!b&&c.nodeType===1&&(p.cleanData(c.getElementsByTagName("*")),p.cleanData([c])),c.parentNode&&c.parentNode.removeChild(c);return this},empty:function(){var a,b=0;for(;(a=this[b])!=null;b++){a.nodeType===1&&p.cleanData(a.getElementsByTagName("*"));while(a.firstChild)a.removeChild(a.firstChild)}return this},clone:function(a,b){return a=a==null?!1:a,b=b==null?a:b,this.map(function(){return p.clone(this,a,b)})},html:function(a){return p.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(bm,""):b;if(typeof a=="string"&&!bs.test(a)&&(p.support.htmlSerialize||!bu.test(a))&&(p.support.leadingWhitespace||!bn.test(a))&&!bz[(bp.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(bo,"<$1>");try{for(;d1&&typeof j=="string"&&bw.test(j))return this.each(function(){p(this).domManip(a,c,d)});if(p.isFunction(j))return this.each(function(e){var f=p(this);a[0]=j.call(this,e,c?f.html():b),f.domManip(a,c,d)});if(this[0]){e=p.buildFragment(a,this,k),g=e.fragment,f=g.firstChild,g.childNodes.length===1&&(g=f);if(f){c=c&&p.nodeName(f,"tr");for(h=e.cacheable||l-1;i0?this.clone(!0):this).get(),p(g[e])[b](d),f=f.concat(d);return this.pushStack(f,a,g.selector)}}),p.extend({clone:function(a,b,c){var d,e,f,g;p.support.html5Clone||p.isXMLDoc(a)||!bu.test("<"+a.nodeName+">")?g=a.cloneNode(!0):(bB.innerHTML=a.outerHTML,bB.removeChild(g=bB.firstChild));if((!p.support.noCloneEvent||!p.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!p.isXMLDoc(a)){bE(a,g),d=bF(a),e=bF(g);for(f=0;d[f];++f)e[f]&&bE(d[f],e[f])}if(b){bD(a,g);if(c){d=bF(a),e=bF(g);for(f=0;d[f];++f)bD(d[f],e[f])}}return d=e=null,g},clean:function(a,b,c,d){var f,g,h,i,j,k,l,m,n,o,q,r,s=b===e&&bA,t=[];if(!b||typeof b.createDocumentFragment=="undefined")b=e;for(f=0;(h=a[f])!=null;f++){typeof h=="number"&&(h+="");if(!h)continue;if(typeof h=="string")if(!br.test(h))h=b.createTextNode(h);else{s=s||bk(b),l=b.createElement("div"),s.appendChild(l),h=h.replace(bo,"<$1>"),i=(bp.exec(h)||["",""])[1].toLowerCase(),j=bz[i]||bz._default,k=j[0],l.innerHTML=j[1]+h+j[2];while(k--)l=l.lastChild;if(!p.support.tbody){m=bq.test(h),n=i==="table"&&!m?l.firstChild&&l.firstChild.childNodes:j[1]===""&&!m?l.childNodes:[];for(g=n.length-1;g>=0;--g)p.nodeName(n[g],"tbody")&&!n[g].childNodes.length&&n[g].parentNode.removeChild(n[g])}!p.support.leadingWhitespace&&bn.test(h)&&l.insertBefore(b.createTextNode(bn.exec(h)[0]),l.firstChild),h=l.childNodes,l.parentNode.removeChild(l)}h.nodeType?t.push(h):p.merge(t,h)}l&&(h=l=s=null);if(!p.support.appendChecked)for(f=0;(h=t[f])!=null;f++)p.nodeName(h,"input")?bG(h):typeof h.getElementsByTagName!="undefined"&&p.grep(h.getElementsByTagName("input"),bG);if(c){q=function(a){if(!a.type||bx.test(a.type))return d?d.push(a.parentNode?a.parentNode.removeChild(a):a):c.appendChild(a)};for(f=0;(h=t[f])!=null;f++)if(!p.nodeName(h,"script")||!q(h))c.appendChild(h),typeof h.getElementsByTagName!="undefined"&&(r=p.grep(p.merge([],h.getElementsByTagName("script")),q),t.splice.apply(t,[f+1,0].concat(r)),f+=r.length)}return t},cleanData:function(a,b){var c,d,e,f,g=0,h=p.expando,i=p.cache,j=p.support.deleteExpando,k=p.event.special;for(;(e=a[g])!=null;g++)if(b||p.acceptData(e)){d=e[h],c=d&&i[d];if(c){if(c.events)for(f in c.events)k[f]?p.event.remove(e,f):p.removeEvent(e,f,c.handle);i[d]&&(delete i[d],j?delete e[h]:e.removeAttribute?e.removeAttribute(h):e[h]=null,p.deletedIds.push(d))}}}}),function(){var a,b;p.uaMatch=function(a){a=a.toLowerCase();var b=/(chrome)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},a=p.uaMatch(g.userAgent),b={},a.browser&&(b[a.browser]=!0,b.version=a.version),b.chrome?b.webkit=!0:b.webkit&&(b.safari=!0),p.browser=b,p.sub=function(){function a(b,c){return new a.fn.init(b,c)}p.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function c(c,d){return d&&d instanceof p&&!(d instanceof a)&&(d=a(d)),p.fn.init.call(this,c,d,b)},a.fn.init.prototype=a.fn;var b=a(e);return a}}();var bH,bI,bJ,bK=/alpha\([^)]*\)/i,bL=/opacity=([^)]*)/,bM=/^(top|right|bottom|left)$/,bN=/^(none|table(?!-c[ea]).+)/,bO=/^margin/,bP=new RegExp("^("+q+")(.*)$","i"),bQ=new RegExp("^("+q+")(?!px)[a-z%]+$","i"),bR=new RegExp("^([-+])=("+q+")","i"),bS={},bT={position:"absolute",visibility:"hidden",display:"block"},bU={letterSpacing:0,fontWeight:400},bV=["Top","Right","Bottom","Left"],bW=["Webkit","O","Moz","ms"],bX=p.fn.toggle;p.fn.extend({css:function(a,c){return p.access(this,function(a,c,d){return d!==b?p.style(a,c,d):p.css(a,c)},a,c,arguments.length>1)},show:function(){return b$(this,!0)},hide:function(){return b$(this)},toggle:function(a,b){var c=typeof a=="boolean";return p.isFunction(a)&&p.isFunction(b)?bX.apply(this,arguments):this.each(function(){(c?a:bZ(this))?p(this).show():p(this).hide()})}}),p.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bH(a,"opacity");return c===""?"1":c}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":p.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!a||a.nodeType===3||a.nodeType===8||!a.style)return;var f,g,h,i=p.camelCase(c),j=a.style;c=p.cssProps[i]||(p.cssProps[i]=bY(j,i)),h=p.cssHooks[c]||p.cssHooks[i];if(d===b)return h&&"get"in h&&(f=h.get(a,!1,e))!==b?f:j[c];g=typeof d,g==="string"&&(f=bR.exec(d))&&(d=(f[1]+1)*f[2]+parseFloat(p.css(a,c)),g="number");if(d==null||g==="number"&&isNaN(d))return;g==="number"&&!p.cssNumber[i]&&(d+="px");if(!h||!("set"in h)||(d=h.set(a,d,e))!==b)try{j[c]=d}catch(k){}},css:function(a,c,d,e){var f,g,h,i=p.camelCase(c);return c=p.cssProps[i]||(p.cssProps[i]=bY(a.style,i)),h=p.cssHooks[c]||p.cssHooks[i],h&&"get"in h&&(f=h.get(a,!0,e)),f===b&&(f=bH(a,c)),f==="normal"&&c in bU&&(f=bU[c]),d||e!==b?(g=parseFloat(f),d||p.isNumeric(g)?g||0:f):f},swap:function(a,b,c){var d,e,f={};for(e in b)f[e]=a.style[e],a.style[e]=b[e];d=c.call(a);for(e in b)a.style[e]=f[e];return d}}),a.getComputedStyle?bH=function(b,c){var d,e,f,g,h=a.getComputedStyle(b,null),i=b.style;return h&&(d=h[c],d===""&&!p.contains(b.ownerDocument,b)&&(d=p.style(b,c)),bQ.test(d)&&bO.test(c)&&(e=i.width,f=i.minWidth,g=i.maxWidth,i.minWidth=i.maxWidth=i.width=d,d=h.width,i.width=e,i.minWidth=f,i.maxWidth=g)),d}:e.documentElement.currentStyle&&(bH=function(a,b){var c,d,e=a.currentStyle&&a.currentStyle[b],f=a.style;return e==null&&f&&f[b]&&(e=f[b]),bQ.test(e)&&!bM.test(b)&&(c=f.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":e,e=f.pixelLeft+"px",f.left=c,d&&(a.runtimeStyle.left=d)),e===""?"auto":e}),p.each(["height","width"],function(a,b){p.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth===0&&bN.test(bH(a,"display"))?p.swap(a,bT,function(){return cb(a,b,d)}):cb(a,b,d)},set:function(a,c,d){return b_(a,c,d?ca(a,b,d,p.support.boxSizing&&p.css(a,"boxSizing")==="border-box"):0)}}}),p.support.opacity||(p.cssHooks.opacity={get:function(a,b){return bL.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=p.isNumeric(b)?"alpha(opacity="+b*100+")":"",f=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&p.trim(f.replace(bK,""))===""&&c.removeAttribute){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bK.test(f)?f.replace(bK,e):f+" "+e}}),p(function(){p.support.reliableMarginRight||(p.cssHooks.marginRight={get:function(a,b){return p.swap(a,{display:"inline-block"},function(){if(b)return bH(a,"marginRight")})}}),!p.support.pixelPosition&&p.fn.position&&p.each(["top","left"],function(a,b){p.cssHooks[b]={get:function(a,c){if(c){var d=bH(a,b);return bQ.test(d)?p(a).position()[b]+"px":d}}}})}),p.expr&&p.expr.filters&&(p.expr.filters.hidden=function(a){return a.offsetWidth===0&&a.offsetHeight===0||!p.support.reliableHiddenOffsets&&(a.style&&a.style.display||bH(a,"display"))==="none"},p.expr.filters.visible=function(a){return!p.expr.filters.hidden(a)}),p.each({margin:"",padding:"",border:"Width"},function(a,b){p.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d<4;d++)f[a+bV[d]+b]=e[d]||e[d-2]||e[0];return f}},bO.test(a)||(p.cssHooks[a+b].set=b_)});var cd=/%20/g,ce=/\[\]$/,cf=/\r?\n/g,cg=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,ch=/^(?:select|textarea)/i;p.fn.extend({serialize:function(){return p.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?p.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ch.test(this.nodeName)||cg.test(this.type))}).map(function(a,b){var c=p(this).val();return c==null?null:p.isArray(c)?p.map(c,function(a,c){return{name:b.name,value:a.replace(cf,"\r\n")}}):{name:b.name,value:c.replace(cf,"\r\n")}}).get()}}),p.param=function(a,c){var d,e=[],f=function(a,b){b=p.isFunction(b)?b():b==null?"":b,e[e.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=p.ajaxSettings&&p.ajaxSettings.traditional);if(p.isArray(a)||a.jquery&&!p.isPlainObject(a))p.each(a,function(){f(this.name,this.value)});else for(d in a)ci(d,a[d],c,f);return e.join("&").replace(cd,"+")};var cj,ck,cl=/#.*$/,cm=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,cn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,co=/^(?:GET|HEAD)$/,cp=/^\/\//,cq=/\?/,cr=/)<[^<]*)*<\/script>/gi,cs=/([?&])_=[^&]*/,ct=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,cu=p.fn.load,cv={},cw={},cx=["*/"]+["*"];try{ck=f.href}catch(cy){ck=e.createElement("a"),ck.href="",ck=ck.href}cj=ct.exec(ck.toLowerCase())||[],p.fn.load=function(a,c,d){if(typeof a!="string"&&cu)return cu.apply(this,arguments);if(!this.length)return this;var e,f,g,h=this,i=a.indexOf(" ");return i>=0&&(e=a.slice(i,a.length),a=a.slice(0,i)),p.isFunction(c)?(d=c,c=b):c&&typeof c=="object"&&(f="POST"),p.ajax({url:a,type:f,dataType:"html",data:c,complete:function(a,b){d&&h.each(d,g||[a.responseText,b,a])}}).done(function(a){g=arguments,h.html(e?p("
              ").append(a.replace(cr,"")).find(e):a)}),this},p.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){p.fn[b]=function(a){return this.on(b,a)}}),p.each(["get","post"],function(a,c){p[c]=function(a,d,e,f){return p.isFunction(d)&&(f=f||e,e=d,d=b),p.ajax({type:c,url:a,data:d,success:e,dataType:f})}}),p.extend({getScript:function(a,c){return p.get(a,b,c,"script")},getJSON:function(a,b,c){return p.get(a,b,c,"json")},ajaxSetup:function(a,b){return b?cB(a,p.ajaxSettings):(b=a,a=p.ajaxSettings),cB(a,b),a},ajaxSettings:{url:ck,isLocal:cn.test(cj[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":cx},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":p.parseJSON,"text xml":p.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:cz(cv),ajaxTransport:cz(cw),ajax:function(a,c){function y(a,c,f,i){var k,s,t,u,w,y=c;if(v===2)return;v=2,h&&clearTimeout(h),g=b,e=i||"",x.readyState=a>0?4:0,f&&(u=cC(l,x,f));if(a>=200&&a<300||a===304)l.ifModified&&(w=x.getResponseHeader("Last-Modified"),w&&(p.lastModified[d]=w),w=x.getResponseHeader("Etag"),w&&(p.etag[d]=w)),a===304?(y="notmodified",k=!0):(k=cD(l,u),y=k.state,s=k.data,t=k.error,k=!t);else{t=y;if(!y||a)y="error",a<0&&(a=0)}x.status=a,x.statusText=(c||y)+"",k?o.resolveWith(m,[s,y,x]):o.rejectWith(m,[x,y,t]),x.statusCode(r),r=b,j&&n.trigger("ajax"+(k?"Success":"Error"),[x,l,k?s:t]),q.fireWith(m,[x,y]),j&&(n.trigger("ajaxComplete",[x,l]),--p.active||p.event.trigger("ajaxStop"))}typeof a=="object"&&(c=a,a=b),c=c||{};var d,e,f,g,h,i,j,k,l=p.ajaxSetup({},c),m=l.context||l,n=m!==l&&(m.nodeType||m instanceof p)?p(m):p.event,o=p.Deferred(),q=p.Callbacks("once memory"),r=l.statusCode||{},t={},u={},v=0,w="canceled",x={readyState:0,setRequestHeader:function(a,b){if(!v){var c=a.toLowerCase();a=u[c]=u[c]||a,t[a]=b}return this},getAllResponseHeaders:function(){return v===2?e:null},getResponseHeader:function(a){var c;if(v===2){if(!f){f={};while(c=cm.exec(e))f[c[1].toLowerCase()]=c[2]}c=f[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){return v||(l.mimeType=a),this},abort:function(a){return a=a||w,g&&g.abort(a),y(0,a),this}};o.promise(x),x.success=x.done,x.error=x.fail,x.complete=q.add,x.statusCode=function(a){if(a){var b;if(v<2)for(b in a)r[b]=[r[b],a[b]];else b=a[x.status],x.always(b)}return this},l.url=((a||l.url)+"").replace(cl,"").replace(cp,cj[1]+"//"),l.dataTypes=p.trim(l.dataType||"*").toLowerCase().split(s),l.crossDomain==null&&(i=ct.exec(l.url.toLowerCase())||!1,l.crossDomain=i&&i.join(":")+(i[3]?"":i[1]==="http:"?80:443)!==cj.join(":")+(cj[3]?"":cj[1]==="http:"?80:443)),l.data&&l.processData&&typeof l.data!="string"&&(l.data=p.param(l.data,l.traditional)),cA(cv,l,c,x);if(v===2)return x;j=l.global,l.type=l.type.toUpperCase(),l.hasContent=!co.test(l.type),j&&p.active++===0&&p.event.trigger("ajaxStart");if(!l.hasContent){l.data&&(l.url+=(cq.test(l.url)?"&":"?")+l.data,delete l.data),d=l.url;if(l.cache===!1){var z=p.now(),A=l.url.replace(cs,"$1_="+z);l.url=A+(A===l.url?(cq.test(l.url)?"&":"?")+"_="+z:"")}}(l.data&&l.hasContent&&l.contentType!==!1||c.contentType)&&x.setRequestHeader("Content-Type",l.contentType),l.ifModified&&(d=d||l.url,p.lastModified[d]&&x.setRequestHeader("If-Modified-Since",p.lastModified[d]),p.etag[d]&&x.setRequestHeader("If-None-Match",p.etag[d])),x.setRequestHeader("Accept",l.dataTypes[0]&&l.accepts[l.dataTypes[0]]?l.accepts[l.dataTypes[0]]+(l.dataTypes[0]!=="*"?", "+cx+"; q=0.01":""):l.accepts["*"]);for(k in l.headers)x.setRequestHeader(k,l.headers[k]);if(!l.beforeSend||l.beforeSend.call(m,x,l)!==!1&&v!==2){w="abort";for(k in{success:1,error:1,complete:1})x[k](l[k]);g=cA(cw,l,c,x);if(!g)y(-1,"No Transport");else{x.readyState=1,j&&n.trigger("ajaxSend",[x,l]),l.async&&l.timeout>0&&(h=setTimeout(function(){x.abort("timeout")},l.timeout));try{v=1,g.send(t,y)}catch(B){if(v<2)y(-1,B);else throw B}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var cE=[],cF=/\?/,cG=/(=)\?(?=&|$)|\?\?/,cH=p.now();p.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=cE.pop()||p.expando+"_"+cH++;return this[a]=!0,a}}),p.ajaxPrefilter("json jsonp",function(c,d,e){var f,g,h,i=c.data,j=c.url,k=c.jsonp!==!1,l=k&&cG.test(j),m=k&&!l&&typeof i=="string"&&!(c.contentType||"").indexOf("application/x-www-form-urlencoded")&&cG.test(i);if(c.dataTypes[0]==="jsonp"||l||m)return f=c.jsonpCallback=p.isFunction(c.jsonpCallback)?c.jsonpCallback():c.jsonpCallback,g=a[f],l?c.url=j.replace(cG,"$1"+f):m?c.data=i.replace(cG,"$1"+f):k&&(c.url+=(cF.test(j)?"&":"?")+c.jsonp+"="+f),c.converters["script json"]=function(){return h||p.error(f+" was not called"),h[0]},c.dataTypes[0]="json",a[f]=function(){h=arguments},e.always(function(){a[f]=g,c[f]&&(c.jsonpCallback=d.jsonpCallback,cE.push(f)),h&&p.isFunction(g)&&g(h[0]),h=g=b}),"script"}),p.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){return p.globalEval(a),a}}}),p.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),p.ajaxTransport("script",function(a){if(a.crossDomain){var c,d=e.head||e.getElementsByTagName("head")[0]||e.documentElement;return{send:function(f,g){c=e.createElement("script"),c.async="async",a.scriptCharset&&(c.charset=a.scriptCharset),c.src=a.url,c.onload=c.onreadystatechange=function(a,e){if(e||!c.readyState||/loaded|complete/.test(c.readyState))c.onload=c.onreadystatechange=null,d&&c.parentNode&&d.removeChild(c),c=b,e||g(200,"success")},d.insertBefore(c,d.firstChild)},abort:function(){c&&c.onload(0,1)}}}});var cI,cJ=a.ActiveXObject?function(){for(var a in cI)cI[a](0,1)}:!1,cK=0;p.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&cL()||cM()}:cL,function(a){p.extend(p.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(p.ajaxSettings.xhr()),p.support.ajax&&p.ajaxTransport(function(c){if(!c.crossDomain||p.support.cors){var d;return{send:function(e,f){var g,h,i=c.xhr();c.username?i.open(c.type,c.url,c.async,c.username,c.password):i.open(c.type,c.url,c.async);if(c.xhrFields)for(h in c.xhrFields)i[h]=c.xhrFields[h];c.mimeType&&i.overrideMimeType&&i.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(h in e)i.setRequestHeader(h,e[h])}catch(j){}i.send(c.hasContent&&c.data||null),d=function(a,e){var h,j,k,l,m;try{if(d&&(e||i.readyState===4)){d=b,g&&(i.onreadystatechange=p.noop,cJ&&delete cI[g]);if(e)i.readyState!==4&&i.abort();else{h=i.status,k=i.getAllResponseHeaders(),l={},m=i.responseXML,m&&m.documentElement&&(l.xml=m);try{l.text=i.responseText}catch(a){}try{j=i.statusText}catch(n){j=""}!h&&c.isLocal&&!c.crossDomain?h=l.text?200:404:h===1223&&(h=204)}}}catch(o){e||f(-1,o)}l&&f(h,j,l,k)},c.async?i.readyState===4?setTimeout(d,0):(g=++cK,cJ&&(cI||(cI={},p(a).unload(cJ)),cI[g]=d),i.onreadystatechange=d):d()},abort:function(){d&&d(0,1)}}}});var cN,cO,cP=/^(?:toggle|show|hide)$/,cQ=new RegExp("^(?:([-+])=|)("+q+")([a-z%]*)$","i"),cR=/queueHooks$/,cS=[cY],cT={"*":[function(a,b){var c,d,e=this.createTween(a,b),f=cQ.exec(b),g=e.cur(),h=+g||0,i=1,j=20;if(f){c=+f[2],d=f[3]||(p.cssNumber[a]?"":"px");if(d!=="px"&&h){h=p.css(e.elem,a,!0)||c||1;do i=i||".5",h=h/i,p.style(e.elem,a,h+d);while(i!==(i=e.cur()/g)&&i!==1&&--j)}e.unit=d,e.start=h,e.end=f[1]?h+(f[1]+1)*c:c}return e}]};p.Animation=p.extend(cW,{tweener:function(a,b){p.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");var c,d=0,e=a.length;for(;d-1,j={},k={},l,m;i?(k=e.position(),l=k.top,m=k.left):(l=parseFloat(g)||0,m=parseFloat(h)||0),p.isFunction(b)&&(b=b.call(a,c,f)),b.top!=null&&(j.top=b.top-f.top+l),b.left!=null&&(j.left=b.left-f.left+m),"using"in b?b.using.call(a,j):e.css(j)}},p.fn.extend({position:function(){if(!this[0])return;var a=this[0],b=this.offsetParent(),c=this.offset(),d=c_.test(b[0].nodeName)?{top:0,left:0}:b.offset();return c.top-=parseFloat(p.css(a,"marginTop"))||0,c.left-=parseFloat(p.css(a,"marginLeft"))||0,d.top+=parseFloat(p.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(p.css(b[0],"borderLeftWidth"))||0,{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||e.body;while(a&&!c_.test(a.nodeName)&&p.css(a,"position")==="static")a=a.offsetParent;return a||e.body})}}),p.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);p.fn[a]=function(e){return p.access(this,function(a,e,f){var g=da(a);if(f===b)return g?c in g?g[c]:g.document.documentElement[e]:a[e];g?g.scrollTo(d?p(g).scrollLeft():f,d?f:p(g).scrollTop()):a[e]=f},a,e,arguments.length,null)}}),p.each({Height:"height",Width:"width"},function(a,c){p.each({padding:"inner"+a,content:c,"":"outer"+a},function(d,e){p.fn[e]=function(e,f){var g=arguments.length&&(d||typeof e!="boolean"),h=d||(e===!0||f===!0?"margin":"border");return p.access(this,function(c,d,e){var f;return p.isWindow(c)?c.document.documentElement["client"+a]:c.nodeType===9?(f=c.documentElement,Math.max(c.body["scroll"+a],f["scroll"+a],c.body["offset"+a],f["offset"+a],f["client"+a])):e===b?p.css(c,d,e,h):p.style(c,d,e,h)},c,g?e:b,g,null)}})}),a.jQuery=a.$=p,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return p})})(window);
diff --git a/crawl-ref/source/webserver/static/scripts/contrib/jquery.json.js b/crawl-ref/source/webserver/static/scripts/contrib/jquery.json.js
deleted file mode 100644
index 7ba31e1aab5..00000000000
--- a/crawl-ref/source/webserver/static/scripts/contrib/jquery.json.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/**
- * jQuery JSON Plugin
- * version: 2.3 (2011-09-17)
- *
- * This document is licensed as free software under the terms of the
- * MIT License: http://www.opensource.org/licenses/mit-license.php
- *
- * Brantley Harris wrote this plugin. It is based somewhat on the JSON.org
- * website's http://www.json.org/json2.js, which proclaims:
- * "NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.", a sentiment that
- * I uphold.
- *
- * It is also influenced heavily by MochiKit's serializeJSON, which is
- * copyrighted 2005 by Bob Ippolito.
- */
-
-(function( $ ) {
-
-        var        escapeable = /["\\\x00-\x1f\x7f-\x9f]/g,
-                meta = {
-                        '\b': '\\b',
-                        '\t': '\\t',
-                        '\n': '\\n',
-                        '\f': '\\f',
-                        '\r': '\\r',
-                        '"' : '\\"',
-                        '\\': '\\\\'
-                };
-
-        /**
-         * jQuery.toJSON
-         * Converts the given argument into a JSON respresentation.
-         *
-         * @param o {Mixed} The json-serializble *thing* to be converted
-         *
-         * If an object has a toJSON prototype, that will be used to get the representation.
-         * Non-integer/string keys are skipped in the object, as are keys that point to a
-         * function.
-         *
-         */
-        $.toJSON = typeof JSON === 'object' && JSON.stringify
-                ? JSON.stringify
-                : function( o ) {
-
-                if ( o === null ) {
-                        return 'null';
-                }
-
-                var type = typeof o;
-
-                if ( type === 'undefined' ) {
-                        return undefined;
-                }
-                if ( type === 'number' || type === 'boolean' ) {
-                        return '' + o;
-                }
-                if ( type === 'string') {
-                        return $.quoteString( o );
-                }
-                if ( type === 'object' ) {
-                        if ( typeof o.toJSON === 'function' ) {
-                                return $.toJSON( o.toJSON() );
-                        }
-                        if ( o.constructor === Date ) {
-                                var        month = o.getUTCMonth() + 1,
-                                        day = o.getUTCDate(),
-                                        year = o.getUTCFullYear(),
-                                        hours = o.getUTCHours(),
-                                        minutes = o.getUTCMinutes(),
-                                        seconds = o.getUTCSeconds(),
-                                        milli = o.getUTCMilliseconds();
-
-                                if ( month < 10 ) {
-                                        month = '0' + month;
-                                }
-                                if ( day < 10 ) {
-                                        day = '0' + day;
-                                }
-                                if ( hours < 10 ) {
-                                        hours = '0' + hours;
-                                }
-                                if ( minutes < 10 ) {
-                                        minutes = '0' + minutes;
-                                }
-                                if ( seconds < 10 ) {
-                                        seconds = '0' + seconds;
-                                }
-                                if ( milli < 100 ) {
-                                        milli = '0' + milli;
-                                }
-                                if ( milli < 10 ) {
-                                        milli = '0' + milli;
-                                }
-                                return '"' + year + '-' + month + '-' + day + 'T' +
-                                        hours + ':' + minutes + ':' + seconds +
-                                        '.' + milli + 'Z"';
-                        }
-                        if ( o.constructor === Array ) {
-                                var ret = [];
-                                for ( var i = 0; i < o.length; i++ ) {
-                                        ret.push( $.toJSON( o[i] ) || 'null' );
-                                }
-                                return '[' + ret.join(',') + ']';
-                        }
-                        var        name,
-                                val,
-                                pairs = [];
-                        for ( var k in o ) {
-                                type = typeof k;
-                                if ( type === 'number' ) {
-                                        name = '"' + k + '"';
-                                } else if (type === 'string') {
-                                        name = $.quoteString(k);
-                                } else {
-                                        // Keys must be numerical or string. Skip others
-                                        continue;
-                                }
-                                type = typeof o[k];
-
-                                if ( type === 'function' || type === 'undefined' ) {
-                                        // Invalid values like these return undefined
-                                        // from toJSON, however those object members
-                                        // shouldn't be included in the JSON string at all.
-                                        continue;
-                                }
-                                val = $.toJSON( o[k] );
-                                pairs.push( name + ':' + val );
-                        }
-                        return '{' + pairs.join( ',' ) + '}';
-                }
-        };
-
-        /**
-         * jQuery.evalJSON
-         * Evaluates a given piece of json source.
-         *
-         * @param src {String}
-         */
-        $.evalJSON = typeof JSON === 'object' && JSON.parse
-                ? JSON.parse
-                : function( src ) {
-                return eval('(' + src + ')');
-        };
-
-        /**
-         * jQuery.secureEvalJSON
-         * Evals JSON in a way that is *more* secure.
-         *
-         * @param src {String}
-         */
-        $.secureEvalJSON = typeof JSON === 'object' && JSON.parse
-                ? JSON.parse
-                : function( src ) {
-
-                var filtered =
-                        src
-                        .replace( /\\["\\\/bfnrtu]/g, '@' )
-                        .replace( /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
-                        .replace( /(?:^|:|,)(?:\s*\[)+/g, '');
-
-                if ( /^[\],:{}\s]*$/.test( filtered ) ) {
-                        return eval( '(' + src + ')' );
-                } else {
-                        throw new SyntaxError( 'Error parsing JSON, source is not valid.' );
-                }
-        };
-
-        /**
-         * jQuery.quoteString
-         * Returns a string-repr of a string, escaping quotes intelligently.
-         * Mostly a support function for toJSON.
-         * Examples:
-         * >>> jQuery.quoteString('apple')
-         * "apple"
-         *
-         * >>> jQuery.quoteString('"Where are we going?", she asked.')
-         * "\"Where are we going?\", she asked."
-         */
-        $.quoteString = function( string ) {
-                if ( string.match( escapeable ) ) {
-                        return '"' + string.replace( escapeable, function( a ) {
-                                var c = meta[a];
-                                if ( typeof c === 'string' ) {
-                                        return c;
-                                }
-                                c = a.charCodeAt();
-                                return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
-                        }) + '"';
-                }
-                return '"' + string + '"';
-        };
-
-})( jQuery );
diff --git a/crawl-ref/source/webserver/static/scripts/contrib/jquery.tablesorter.js b/crawl-ref/source/webserver/static/scripts/contrib/jquery.tablesorter.js
deleted file mode 100644
index 299f9dee758..00000000000
--- a/crawl-ref/source/webserver/static/scripts/contrib/jquery.tablesorter.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- *
- * TableSorter 2.0 - Client-side table sorting with ease!
- * Version 2.0.5b
- * @requires jQuery v1.2.3
- *
- * Copyright (c) 2007 Christian Bach
- * Examples and docs at: http://tablesorter.com
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- *
- */
-(function($){$.extend({tablesorter:new
-function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",cssChildRow:"expand-child",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,sortLocaleCompare:true,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'/\.|\,/g',onRenderHeader:null,selectorHeaders:'thead th',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}if(table.tBodies.length==0)return;var rows=table.tBodies[0].rows;if(rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function checkHeaderOptionsSortingLocked(table,i){if((table.config.headers[i])&&(table.config.headers[i].lockedOrder))return table.config.headers[i].lockedOrder;return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('
              ').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i b["+i+"]) ? 1 : 0));";};function makeSortTextDesc(i){return"((b["+i+"] < a["+i+"]) ? -1 : ((b["+i+"] > a["+i+"]) ? 1 : 0));";};function makeSortNumeric(i){return"a["+i+"]-b["+i+"];";};function makeSortNumericDesc(i){return"b["+i+"]-a["+i+"];";};function sortText(a,b){if(table.config.sortLocaleCompare)return a.localeCompare(b);return((ab)?1:0));};function sortTextDesc(a,b){if(table.config.sortLocaleCompare)return b.localeCompare(a);return((ba)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$.data(this,"tablesorter",config);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){$this.trigger("sortStart");var $cell=$(this);var i=this.column;this.order=this.count++%2;if(this.lockedOrder)this.order=this.lockedOrder;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;ithis.depCount&&!this.defined){if(J(n)){if(this.events.error&&this.map.isDefine||h.onError!==ca)try{e=k.execCb(c,n,b,e)}catch(d){a=d}else e=k.execCb(c,n,b,e);this.map.isDefine&&((b=this.module)&&void 0!==b.exports&&b.exports!==
-this.exports?e=b.exports:void 0===e&&this.usingExports&&(e=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else e=n;this.exports=e;if(this.map.isDefine&&!this.ignore&&(r[c]=e,h.onResourceLoad))h.onResourceLoad(k,this.map,this.depMaps);y(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=
-!0)}}else this.fetch()}},callPlugin:function(){var a=this.map,b=a.id,d=l(a.prefix);this.depMaps.push(d);u(d,"defined",v(this,function(e){var n,d;d=this.map.name;var g=this.map.parentMap?this.map.parentMap.name:null,C=k.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(e.normalize&&(d=e.normalize(d,function(a){return c(a,g,!0)})||""),e=l(a.prefix+"!"+d,this.map.parentMap),u(e,"defined",v(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),
-d=m(q,e.id)){this.depMaps.push(e);if(this.events.error)d.on("error",v(this,function(a){this.emit("error",a)}));d.enable()}}else n=v(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),n.error=v(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];H(q,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),n.fromText=v(this,function(e,c){var d=a.name,g=l(d),i=Q;c&&(e=c);i&&(Q=!1);s(g);t(j.config,b)&&(j.config[d]=j.config[b]);try{h.exec(e)}catch(D){return w(B("fromtexteval",
-"fromText eval for "+b+" failed: "+D,D,[b]))}i&&(Q=!0);this.depMaps.push(g);k.completeLoad(d);C([d],n)}),e.load(a.name,C,n,j)}));k.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){W[this.map.id]=this;this.enabling=this.enabled=!0;z(this.depMaps,v(this,function(a,b){var c,e;if("string"===typeof a){a=l(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=m(P,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;u(a,"defined",v(this,function(a){this.defineDep(b,
-a);this.check()}));this.errback&&u(a,"error",v(this,this.errback))}c=a.id;e=q[c];!t(P,c)&&(e&&!e.enabled)&&k.enable(a,this)}));H(this.pluginMaps,v(this,function(a){var b=m(q,a.id);b&&!b.enabled&&k.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){z(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};k={config:j,contextName:b,registry:q,defined:r,urlFetched:V,defQueue:I,Module:$,makeModuleMap:l,
-nextTick:h.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=j.pkgs,c=j.shim,e={paths:!0,config:!0,map:!0};H(a,function(a,b){e[b]?"map"===b?(j.map||(j.map={}),S(j[b],a,!0,!0)):S(j[b],a,!0):j[b]=a});a.shim&&(H(a.shim,function(a,b){K(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=k.makeShimExports(a);c[b]=a}),j.shim=c);a.packages&&(z(a.packages,function(a){a="string"===typeof a?{name:a}:a;b[a.name]={name:a.name,
-location:a.location||a.name,main:(a.main||"main").replace(ka,"").replace(fa,"")}}),j.pkgs=b);H(q,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=l(b))});if(a.deps||a.callback)k.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ba,arguments));return b||a.exports&&da(a.exports)}},makeRequire:function(a,f){function d(e,c,g){var i,j;f.enableBuildCallback&&(c&&J(c))&&(c.__requireJsBuild=!0);if("string"===typeof e){if(J(c))return w(B("requireargs",
-"Invalid require call"),g);if(a&&t(P,e))return P[e](q[a.id]);if(h.get)return h.get(k,e,a,d);i=l(e,a,!1,!0);i=i.id;return!t(r,i)?w(B("notloaded",'Module name "'+i+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):r[i]}M();k.nextTick(function(){M();j=s(l(null,a));j.skipMap=f.skipMap;j.init(e,c,g,{enabled:!0});E()});return d}f=f||{};S(d,{isBrowser:A,toUrl:function(b){var d,f=b.lastIndexOf("."),g=b.split("/")[0];if(-1!==f&&(!("."===g||".."===g)||1g.attachEvent.toString().indexOf("[native code"))&&!Z?(Q=!0,g.attachEvent("onreadystatechange",b.onScriptLoad)):(g.addEventListener("load",b.onScriptLoad,!1),g.addEventListener("error",b.onScriptError,!1)),g.src=d,M=g,E?y.insertBefore(g,E):y.appendChild(g),
-M=null,g;if(ea)try{importScripts(d),b.completeLoad(c)}catch(l){b.onError(B("importscripts","importScripts failed for "+c+" at "+d,l,[c]))}};A&&O(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(L=b.getAttribute("data-main"))return s=L,u.baseUrl||(F=s.split("/"),s=F.pop(),ga=F.length?F.join("/")+"/":"./",u.baseUrl=ga),s=s.replace(fa,""),h.jsExtRegExp.test(s)&&(s=L),u.deps=u.deps?u.deps.concat(s):[s],!0});define=function(b,c,d){var h,g;"string"!==typeof b&&(d=c,c=b,b=null);
-K(c)||(d=c,c=null);!c&&J(d)&&(c=[],d.length&&(d.toString().replace(ma,"").replace(na,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(Q){if(!(h=M))R&&"interactive"===R.readyState||O(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return R=b}),h=R;h&&(b||(b=h.getAttribute("data-requiremodule")),g=G[h.getAttribute("data-requirecontext")])}(g?g.defQueue:U).push([b,c,d])};define.amd={jQuery:!0};h.exec=function(b){return eval(b)};
-h(u)}})(this);
diff --git a/crawl-ref/source/webserver/static/style.css b/crawl-ref/source/webserver/static/style.css
deleted file mode 100644
index f667a8b1d8d..00000000000
--- a/crawl-ref/source/webserver/static/style.css
+++ /dev/null
@@ -1,434 +0,0 @@
-html, body, #loader {
-    height: 100%;
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    background: black;
-    color: white;
-    font: 16px monospace;
-}
-
-#login {
-    text-align: right;
-    float: right;
-}
-
-#crt {
-    display: inline-block;
-}
-
-#lobby {
-    padding: 8px;
-}
-
-#lobby_body {
-    text-align: center;
-}
-
-#account_restricted {
-    margin: 8px;
-}
-
-#prompt {
-    top: 50%;
-    left: 50%;
-    position: absolute;
-    z-index: 4000;
-}
-
-#prompt > div {
-    background-color: black;
-    width: 34em;
-    margin-left: -17em;
-    margin-top: -10ex;
-    padding: 1em 2ex;
-    border: 1px solid white;
-}
-
-#prompt #login {
-    float: none;
-    text-align: left;
-    margin: 2ex 0;
-}
-
-#prompt_game {
-    font-weight: bold;
-}
-
-#player_list {
-    width: 100%;
-    text-align: left;
-    line-height: 1.1em;
-}
-
-#player_list th.header {
-    cursor: pointer;
-    padding-left: 1px;
-    padding-right: 17px;
-}
-#player_list th.headerSortDown {
-    background-image: url("asc.gif");
-    background-repeat: no-repeat;
-    background-position: center left;
-    padding-left: 17px;
-    padding-right: 1px;
-}
-#player_list th.headerSortUp {
-    background-image: url("desc.gif");
-    background-repeat: no-repeat;
-    background-position: center left;
-    padding-left: 17px;
-    padding-right: 1px;
-}
-
-#player_list th.xl.header {
-    width: 2em;
-    text-align: right;
-    padding-left: 17px;
-    padding-right: 5px;
-}
-#player_list th.xl.headerSortDown,
-#player_list th.xl.headerSortUp {
-    padding-right: 5px;
-}
-#player_list td.xl {
-    text-align: right;
-    padding-right: 5px;
-}
-#player_list th.char {
-    width: 3em;
-}
-#player_list th.place {
-    width: 3em;
-}
-#player_list th.turn {
-    width: 3em;
-}
-#player_list th.dur {
-    width: 4em;
-}
-#player_list.no_game_times .turn, #player_list.no_game_times .dur {
-    display: none;
-}
-
-#player_list th.idle_time {
-    width: 3em;
-}
-#player_list th.spectator_count {
-    width: 1em;
-}
-
-#player_list th.milestone_col {
-    width: 20em;
-}
-
-#player_list tr:hover {
-    background-color: #101010;
-}
-
-#player_list .milestone_container {
-    overflow-y: hidden;
-    height: 1.1em;
-}
-#player_list .milestone {
-    position: relative;
-}
-#player_list .new_milestone {
-    position: relative;
-}
-
-#play_now {
-    padding-top: 10px;
-}
-
-#admin_panel {
-    border: 1px solid lightgray;
-    padding: 10px;
-}
-
-#admin_panel_button {
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-#admin_panel #announcement_text {
-    width: 60%;
-}
-
-.floating_dialog {
-    position: absolute;
-    left: 50px;
-    top: 50px;
-
-    border: 1px solid lightgray;
-    padding: 10px;
-    background-color: black;
-
-    z-index: 3000;
-}
-
-.floating_dialog .title {
-    text-align: center;
-}
-
-#register label {
-    width: 200px;
-    float: left;
-}
-
-#reg_cancel {
-    float: left;
-}
-
-#reg_submit {
-    float: right;
-}
-
-#forgot label {
-    width: 200px;
-    float: left;
-}
-
-#forgot_cancel {
-    float: left;
-}
-
-#forgot_submit {
-    float: right;
-}
-
-#reset_pw label {
-    width: 200px;
-    float: left;
-}
-
-#reset_pw_cancel {
-    float: left;
-}
-
-#reset_pw_submit {
-    float: right;
-}
-
-#change_cur_password,#change_new_password,#change_repeat_password {
-    float: right;
-}
-
-#chpw_form label {
-    float: left;
-}
-
-.text {
-    background-color: black;
-    color: white;
-    border: 1px solid white;
-}
-.button {
-    background-color: #DDDDDD;
-    border: 1px solid white;
-}
-
-#exit_game_dump {
-    text-align: right;
-}
-
-#chat {
-    background: rgba(0, 0, 0, 0.85);
-    width: 400px;
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-
-    color: #A2A2A2;
-
-    font-size: small;
-
-    padding: 5px;
-    border: 1px solid #626262;
-
-    z-index: 3000;
-}
-
-#chat_hidden {
-    background: rgba(0, 0, 0, 0.85);
-    width: 1em;
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-
-    color: #A2A2A2;
-
-    font-size: small;
-    text-align: center;
-
-    padding: 5px;
-    border: 1px solid #626262;
-
-    z-index: 3000;
-}
-
-#chat a {
-    color: inherit;
-    font-weight: inherit;
-}
-
-#chat_hidden a {
-    color: inherit;
-    font-weight: inherit;
-    text-decoration: none;
-}
-
-#chat_caption {
-    font-weight: normal;
-    text-decoration: none;
-}
-
-#chat_caption:hover {
-    background-color: #111111;
-}
-
-#chat_login_text {
-    border-top: 1px dashed #626262;
-}
-
-.chat_automated {
-    color: white;
-    font-style: italic;
-}
-
-#message_count {
-    float: right;
-}
-#chat_hide_button_span {
-    text-align: center;
-    padding-left: 5px;
-    padding-right: 3px;
-    float: right;
-}
-#message_count.has_new {
-    font-weight: bolder;
-    color: green;
-}
-
-#chat_history_container {
-    width: 100%;
-    max-height: 200px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    word-wrap: break-word;
-    margin-bottom: 3px;
-}
-
-#chat_history {
-    width: 100%;
-}
-
-.chat_sender {
-    font-weight: bold;
-}
-
-#spectator_list .player {
-    font-weight: bold;
-}
-
-#spectator_list .watcher {
-    font-weight: normal;
-}
-
-#chat_input {
-    width: 394px;
-    font: small monospace;
-}
-
-a:link, a:active, a:visited {
-    color: white;
-    font-weight: bold;
-}
-
-a:hover {
-    color: lightgrey;
-    font-weight: bold;
-}
-
-#loader {
-    display: table;
-    text-align: center;
-    width: 100%;
-    margin: 0px;
-    padding: 0px;
-    position: fixed;
-    top: 0;
-    left: 0;
-}
-#loader_center {
-    display: table-cell;
-    vertical-align: middle;
-}
-
-#overlay {
-    display: none;
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: black;
-    opacity: 0.7;
-    z-index: 2000;
-}
-
-.hidden, .templates {
-    display: none !important;
-}
-
-/* These are just here for compatibility with older versions */
-.fg0 { color: rgb(  0,   0,   0); }
-.fg1 { color: rgb(  0,  82, 255); }
-.fg2 { color: rgb(100, 185,  70); }
-.fg3 { color: rgb(  0, 180, 180); }
-.fg4 { color: rgb(255,  48,   0); }
-.fg5 { color: rgb(238,  92, 238); }
-.fg6 { color: rgb(165,  91,   0); }
-.fg7 { color: rgb(162, 162, 162); }
-.fg8 { color: rgb( 82,  82,  82); }
-.fg9 { color: rgb( 82, 102, 255); }
-.fg10 { color: rgb( 82, 255,  82); }
-.fg11 { color: rgb( 82, 255, 255); }
-.fg12 { color: rgb(255,  82,  82); }
-.fg13 { color: rgb(255,  82, 255); }
-.fg14 { color: rgb(255, 255,  82); }
-.fg15 { color: rgb(255, 255, 255); }
-
-.bg0 { background-color: rgb(  0,   0,   0); }
-.bg1 { background-color: rgb(  0,  82, 255); }
-.bg2 { background-color: rgb(100, 185,  70); }
-.bg3 { background-color: rgb(  0, 180, 180); }
-.bg4 { background-color: rgb(255,  48,   0); }
-.bg5 { background-color: rgb(238,  92, 238); }
-.bg6 { background-color: rgb(165,  91,   0); }
-.bg7 { background-color: rgb(162, 162, 162); }
-.bg8 { background-color: rgb( 82,  82,  82); }
-.bg9 { background-color: rgb( 82, 102, 255); }
-.bg10 { background-color: rgb( 82, 255,  82); }
-.bg11 { background-color: rgb( 82, 255, 255); }
-.bg12 { background-color: rgb(255,  82,  82); }
-.bg13 { background-color: rgb(255,  82, 255); }
-.bg14 { background-color: rgb(255, 255,  82); }
-.bg15 { background-color: rgb(255, 255, 255); }
-
-#stats {
-    display: inline-block;
-    vertical-align: top;
-    position: absolute;
-}
-
-#minimap, #minimap_overlay {
-    position: absolute;
-}
-
-.simplebar-content pre {
-    white-space: pre-wrap;
-}

From 0eb80cc10fe686c36cfcce3f54bbfd2c21953851 Mon Sep 17 00:00:00 2001
From: mumra 
Date: Sun, 19 Oct 2025 17:48:22 +0100
Subject: [PATCH 6/6] Don't build bundles twice and be more Windows-friendly

---
 crawl-ref/source/Makefile                     |    8 +-
 .../source/webserver/client/game/package.json |    3 +-
 .../webserver/client/lobby/package.json       |    3 +-
 package-lock.json                             | 2035 ++++++++++++++++-
 package.json                                  |   28 +-
 5 files changed, 1995 insertions(+), 82 deletions(-)

diff --git a/crawl-ref/source/Makefile b/crawl-ref/source/Makefile
index 1efb984ecab..f5bd68db978 100644
--- a/crawl-ref/source/Makefile
+++ b/crawl-ref/source/Makefile
@@ -1363,16 +1363,12 @@ $(NPMNODEMODULES): $(NPMPACKAGELOCKS)
 	@touch -m ../../node_modules/.modified
 
 $(WEBSERVERGAME): $(GENERATEDJS) webserver/client/game/src/*.js $(NPMNODEMODULES)
-	cd webserver/client/game
-	echo Build GAME
-	npm run build
+	npm run build --workspace=crawl-game
 
 $(WEBSERVERLOBBY): webserver/client/lobby/src/*.js $(NPMNODEMODULES)
 	@rm -f webserver/static/index-*.js
 	@rm -f webserver/static/index-*.css
-	cd webserver/client/lobby
-	echo Build LOBBY
-	npm run build
+	npm run build --workspace=crawl-lobby
 
 clean-webserver:
 	$(RM) $(STATICFILES) webserver/*.pyc
diff --git a/crawl-ref/source/webserver/client/game/package.json b/crawl-ref/source/webserver/client/game/package.json
index a7fae72ab01..3b9ba53b3e3 100644
--- a/crawl-ref/source/webserver/client/game/package.json
+++ b/crawl-ref/source/webserver/client/game/package.json
@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run copy",
+    "build": "npm-run-all build:vite copy",
+    "build:vite": "vite build",
     "lint": "biome lint ./src/*",
     "lint:fix": "biome lint ./src/* --write --unsafe",
     "format": "biome format ./src/*",
diff --git a/crawl-ref/source/webserver/client/lobby/package.json b/crawl-ref/source/webserver/client/lobby/package.json
index b9f100b0c6b..8362a6edc35 100644
--- a/crawl-ref/source/webserver/client/lobby/package.json
+++ b/crawl-ref/source/webserver/client/lobby/package.json
@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build && npm run copy",
+    "build": "npm-run-all build:vite copy",
+    "build:vite": "vite build",
     "lint": "biome lint",
     "lint:fix": "biome lint --write --unsafe",
     "format": "biome format",
diff --git a/package-lock.json b/package-lock.json
index 1af8c93fac0..d011dd77e86 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,19 @@
 {
     "name": "crawl-workspace",
-    "version": "0.0.0",
+    "version": "0.0.1",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "crawl-workspace",
-            "version": "0.0.0",
+            "version": "0.0.1",
             "workspaces": [
                 "crawl-ref/source/webserver/client/lobby",
                 "crawl-ref/source/webserver/client/game"
-            ]
+            ],
+            "dependencies": {
+                "npm-run-all": "^4.1.5"
+            }
         },
         "client/game": {
             "name": "crawl-game",
@@ -45,7 +48,7 @@
         },
         "crawl-ref/source/webserver/client/game": {
             "name": "crawl-game",
-            "version": "0.0.0",
+            "version": "0.0.1",
             "dependencies": {
                 "focus-trap": "^7.6.5",
                 "jquery": "^1.12.4"
@@ -58,7 +61,7 @@
         },
         "crawl-ref/source/webserver/client/lobby": {
             "name": "crawl-lobby",
-            "version": "0.0.0",
+            "version": "0.0.1",
             "dependencies": {
                 "jquery": "^1.12.4",
                 "jquery.browser": "^0.1.0",
@@ -999,6 +1002,177 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/array-buffer-byte-length": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+            "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "is-array-buffer": "^3.0.5"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/arraybuffer.prototype.slice": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+            "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+            "license": "MIT",
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.1",
+                "call-bind": "^1.0.8",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.23.5",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.6",
+                "is-array-buffer": "^3.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/async-function": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+            "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/available-typed-arrays": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+            "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+            "license": "MIT",
+            "dependencies": {
+                "possible-typed-array-names": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "license": "MIT"
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+            "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+            "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.0",
+                "es-define-property": "^1.0.0",
+                "get-intrinsic": "^1.2.4",
+                "set-function-length": "^1.2.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/call-bind-apply-helpers": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/call-bound": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "get-intrinsic": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "license": "MIT",
+            "dependencies": {
+                "color-name": "1.1.3"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+            "license": "MIT"
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "license": "MIT"
+        },
         "node_modules/crawl-game": {
             "resolved": "crawl-ref/source/webserver/client/game",
             "link": true
@@ -1007,6 +1181,260 @@
             "resolved": "crawl-ref/source/webserver/client/lobby",
             "link": true
         },
+        "node_modules/cross-spawn": {
+            "version": "6.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+            "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
+            "license": "MIT",
+            "dependencies": {
+                "nice-try": "^1.0.4",
+                "path-key": "^2.0.1",
+                "semver": "^5.5.0",
+                "shebang-command": "^1.2.0",
+                "which": "^1.2.9"
+            },
+            "engines": {
+                "node": ">=4.8"
+            }
+        },
+        "node_modules/data-view-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+            "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "es-errors": "^1.3.0",
+                "is-data-view": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/data-view-byte-length": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+            "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "es-errors": "^1.3.0",
+                "is-data-view": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/inspect-js"
+            }
+        },
+        "node_modules/data-view-byte-offset": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+            "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "is-data-view": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/define-data-property": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+            "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+            "license": "MIT",
+            "dependencies": {
+                "es-define-property": "^1.0.0",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/define-properties": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+            "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+            "license": "MIT",
+            "dependencies": {
+                "define-data-property": "^1.0.1",
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/dunder-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/error-ex": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+            "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+            "license": "MIT",
+            "dependencies": {
+                "is-arrayish": "^0.2.1"
+            }
+        },
+        "node_modules/es-abstract": {
+            "version": "1.24.0",
+            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+            "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+            "license": "MIT",
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.2",
+                "arraybuffer.prototype.slice": "^1.0.4",
+                "available-typed-arrays": "^1.0.7",
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.4",
+                "data-view-buffer": "^1.0.2",
+                "data-view-byte-length": "^1.0.2",
+                "data-view-byte-offset": "^1.0.1",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.1",
+                "es-set-tostringtag": "^2.1.0",
+                "es-to-primitive": "^1.3.0",
+                "function.prototype.name": "^1.1.8",
+                "get-intrinsic": "^1.3.0",
+                "get-proto": "^1.0.1",
+                "get-symbol-description": "^1.1.0",
+                "globalthis": "^1.0.4",
+                "gopd": "^1.2.0",
+                "has-property-descriptors": "^1.0.2",
+                "has-proto": "^1.2.0",
+                "has-symbols": "^1.1.0",
+                "hasown": "^2.0.2",
+                "internal-slot": "^1.1.0",
+                "is-array-buffer": "^3.0.5",
+                "is-callable": "^1.2.7",
+                "is-data-view": "^1.0.2",
+                "is-negative-zero": "^2.0.3",
+                "is-regex": "^1.2.1",
+                "is-set": "^2.0.3",
+                "is-shared-array-buffer": "^1.0.4",
+                "is-string": "^1.1.1",
+                "is-typed-array": "^1.1.15",
+                "is-weakref": "^1.1.1",
+                "math-intrinsics": "^1.1.0",
+                "object-inspect": "^1.13.4",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.7",
+                "own-keys": "^1.0.1",
+                "regexp.prototype.flags": "^1.5.4",
+                "safe-array-concat": "^1.1.3",
+                "safe-push-apply": "^1.0.0",
+                "safe-regex-test": "^1.1.0",
+                "set-proto": "^1.0.0",
+                "stop-iteration-iterator": "^1.1.0",
+                "string.prototype.trim": "^1.2.10",
+                "string.prototype.trimend": "^1.0.9",
+                "string.prototype.trimstart": "^1.0.8",
+                "typed-array-buffer": "^1.0.3",
+                "typed-array-byte-length": "^1.0.3",
+                "typed-array-byte-offset": "^1.0.4",
+                "typed-array-length": "^1.0.7",
+                "unbox-primitive": "^1.1.0",
+                "which-typed-array": "^1.1.19"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/es-define-property": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-errors": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-set-tostringtag": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.6",
+                "has-tostringtag": "^1.0.2",
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-to-primitive": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+            "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+            "license": "MIT",
+            "dependencies": {
+                "is-callable": "^1.2.7",
+                "is-date-object": "^1.0.5",
+                "is-symbol": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/esbuild": {
             "version": "0.25.11",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.11.tgz",
@@ -1049,6 +1477,15 @@
                 "@esbuild/win32-x64": "0.25.11"
             }
         },
+        "node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
         "node_modules/fdir": {
             "version": "6.5.0",
             "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1076,6 +1513,21 @@
                 "tabbable": "^6.2.0"
             }
         },
+        "node_modules/for-each": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+            "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+            "license": "MIT",
+            "dependencies": {
+                "is-callable": "^1.2.7"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/fsevents": {
             "version": "2.3.3",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1091,76 +1543,894 @@
                 "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
             }
         },
-        "node_modules/jquery": {
-            "version": "1.12.4",
-            "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
-            "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
-            "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
-            "license": "MIT"
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
         },
-        "node_modules/jquery.browser": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz",
-            "integrity": "sha512-5GjtLzzEBzxs/nwSVpCbSdk0acssfKsP7Upp43zmdHVV1Vb6E9VayyqPAQlfLrTeZL3YSWocCbkOvKdAc2CN4g==",
+        "node_modules/function.prototype.name": {
+            "version": "1.1.8",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+            "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
             "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.3",
+                "define-properties": "^1.2.1",
+                "functions-have-names": "^1.2.3",
+                "hasown": "^2.0.2",
+                "is-callable": "^1.2.7"
+            },
             "engines": {
-                "node": ">= 0.4.0"
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/jquery.cookie": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
-            "integrity": "sha512-c/hZOOL+8VSw/FkTVH637gS1/6YzMSCROpTZ2qBYwJ7s7sHajU7uBkSSiE5+GXWwrfCCyO+jsYjUQ7Hs2rIxAA==",
-            "license": "MIT"
+        "node_modules/functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
         },
-        "node_modules/nanoid": {
-            "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
+        "node_modules/generator-function": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+            "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
             "license": "MIT",
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
-            },
             "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+                "node": ">= 0.4"
             }
         },
-        "node_modules/picocolors": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/picomatch": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-            "dev": true,
+        "node_modules/get-intrinsic": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
             "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.1",
+                "function-bind": "^1.1.2",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-symbols": "^1.1.0",
+                "hasown": "^2.0.2",
+                "math-intrinsics": "^1.1.0"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">= 0.4"
             },
             "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/postcss": {
-            "version": "8.5.6",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
+        "node_modules/get-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/get-symbol-description": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+            "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.6"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/globalthis": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+            "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+            "license": "MIT",
+            "dependencies": {
+                "define-properties": "^1.2.1",
+                "gopd": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "license": "ISC"
+        },
+        "node_modules/has-bigints": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+            "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/has-property-descriptors": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+            "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+            "license": "MIT",
+            "dependencies": {
+                "es-define-property": "^1.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+            "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+            "license": "MIT",
+            "dependencies": {
+                "has-symbols": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/hosted-git-info": {
+            "version": "2.8.9",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+            "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+            "license": "ISC"
+        },
+        "node_modules/internal-slot": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+            "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "hasown": "^2.0.2",
+                "side-channel": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-array-buffer": {
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+            "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.3",
+                "get-intrinsic": "^1.2.6"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-arrayish": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+            "license": "MIT"
+        },
+        "node_modules/is-async-function": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+            "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+            "license": "MIT",
+            "dependencies": {
+                "async-function": "^1.0.0",
+                "call-bound": "^1.0.3",
+                "get-proto": "^1.0.1",
+                "has-tostringtag": "^1.0.2",
+                "safe-regex-test": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-bigint": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+            "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+            "license": "MIT",
+            "dependencies": {
+                "has-bigints": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-boolean-object": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+            "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-callable": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-core-module": {
+            "version": "2.16.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+            "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+            "license": "MIT",
+            "dependencies": {
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-data-view": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+            "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "get-intrinsic": "^1.2.6",
+                "is-typed-array": "^1.1.13"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-date-object": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+            "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-finalizationregistry": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+            "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-generator-function": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+            "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.4",
+                "generator-function": "^2.0.0",
+                "get-proto": "^1.0.1",
+                "has-tostringtag": "^1.0.2",
+                "safe-regex-test": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-map": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+            "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-negative-zero": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+            "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-number-object": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+            "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-regex": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+            "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "gopd": "^1.2.0",
+                "has-tostringtag": "^1.0.2",
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-set": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+            "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-shared-array-buffer": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+            "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-string": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+            "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-symbol": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+            "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "has-symbols": "^1.1.0",
+                "safe-regex-test": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-typed-array": {
+            "version": "1.1.15",
+            "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+            "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+            "license": "MIT",
+            "dependencies": {
+                "which-typed-array": "^1.1.16"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakmap": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+            "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakref": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+            "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/is-weakset": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+            "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "get-intrinsic": "^1.2.6"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/isarray": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+            "license": "MIT"
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "license": "ISC"
+        },
+        "node_modules/jquery": {
+            "version": "1.12.4",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-1.12.4.tgz",
+            "integrity": "sha512-UEVp7PPK9xXYSk8xqXCJrkXnKZtlgWkd2GsAQbMRFK6S/ePU2JN5G2Zum8hIVjzR3CpdfSqdqAzId/xd4TJHeg==",
+            "deprecated": "This version is deprecated. Please upgrade to the latest version or find support at https://www.herodevs.com/support/jquery-nes.",
+            "license": "MIT"
+        },
+        "node_modules/jquery.browser": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/jquery.browser/-/jquery.browser-0.1.0.tgz",
+            "integrity": "sha512-5GjtLzzEBzxs/nwSVpCbSdk0acssfKsP7Upp43zmdHVV1Vb6E9VayyqPAQlfLrTeZL3YSWocCbkOvKdAc2CN4g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/jquery.cookie": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/jquery.cookie/-/jquery.cookie-1.4.1.tgz",
+            "integrity": "sha512-c/hZOOL+8VSw/FkTVH637gS1/6YzMSCROpTZ2qBYwJ7s7sHajU7uBkSSiE5+GXWwrfCCyO+jsYjUQ7Hs2rIxAA==",
+            "license": "MIT"
+        },
+        "node_modules/json-parse-better-errors": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+            "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+            "license": "MIT"
+        },
+        "node_modules/load-json-file": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+            "integrity": "sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==",
+            "license": "MIT",
+            "dependencies": {
+                "graceful-fs": "^4.1.2",
+                "parse-json": "^4.0.0",
+                "pify": "^3.0.0",
+                "strip-bom": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/math-intrinsics": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/memorystream": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
+            "integrity": "sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==",
+            "engines": {
+                "node": ">= 0.10.0"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "license": "ISC",
+            "dependencies": {
+                "brace-expansion": "^1.1.7"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/nice-try": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+            "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+            "license": "MIT"
+        },
+        "node_modules/normalize-package-data": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+            "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "hosted-git-info": "^2.1.4",
+                "resolve": "^1.10.0",
+                "semver": "2 || 3 || 4 || 5",
+                "validate-npm-package-license": "^3.0.1"
+            }
+        },
+        "node_modules/npm-run-all": {
+            "version": "4.1.5",
+            "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
+            "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "chalk": "^2.4.1",
+                "cross-spawn": "^6.0.5",
+                "memorystream": "^0.3.1",
+                "minimatch": "^3.0.4",
+                "pidtree": "^0.3.0",
+                "read-pkg": "^3.0.0",
+                "shell-quote": "^1.6.1",
+                "string.prototype.padend": "^3.0.0"
+            },
+            "bin": {
+                "npm-run-all": "bin/npm-run-all/index.js",
+                "run-p": "bin/run-p/index.js",
+                "run-s": "bin/run-s/index.js"
+            },
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.13.4",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.assign": {
+            "version": "4.1.7",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+            "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.3",
+                "define-properties": "^1.2.1",
+                "es-object-atoms": "^1.0.0",
+                "has-symbols": "^1.1.0",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/own-keys": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+            "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+            "license": "MIT",
+            "dependencies": {
+                "get-intrinsic": "^1.2.6",
+                "object-keys": "^1.1.1",
+                "safe-push-apply": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/parse-json": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+            "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+            "license": "MIT",
+            "dependencies": {
+                "error-ex": "^1.3.1",
+                "json-parse-better-errors": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+            "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "license": "MIT"
+        },
+        "node_modules/path-type": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+            "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+            "license": "MIT",
+            "dependencies": {
+                "pify": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pidtree": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.1.tgz",
+            "integrity": "sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==",
+            "license": "MIT",
+            "bin": {
+                "pidtree": "bin/pidtree.js"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/pify": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+            "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/possible-typed-array-names": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+            "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
                 },
                 {
                     "type": "tidelift",
@@ -1173,12 +2443,88 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "nanoid": "^3.3.11",
-                "picocolors": "^1.1.1",
-                "source-map-js": "^1.2.1"
+                "nanoid": "^3.3.11",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/read-pkg": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+            "integrity": "sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==",
+            "license": "MIT",
+            "dependencies": {
+                "load-json-file": "^4.0.0",
+                "normalize-package-data": "^2.3.2",
+                "path-type": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/reflect.getprototypeof": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+            "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.23.9",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.0.0",
+                "get-intrinsic": "^1.2.7",
+                "get-proto": "^1.0.1",
+                "which-builtin-type": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/regexp.prototype.flags": {
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+            "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "define-properties": "^1.2.1",
+                "es-errors": "^1.3.0",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "set-function-name": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/resolve": {
+            "version": "1.22.10",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+            "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+            "license": "MIT",
+            "dependencies": {
+                "is-core-module": "^2.16.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            },
+            "bin": {
+                "resolve": "bin/resolve"
             },
             "engines": {
-                "node": "^10 || ^12 || >=14"
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
         "node_modules/rollup": {
@@ -1223,6 +2569,218 @@
                 "fsevents": "~2.3.2"
             }
         },
+        "node_modules/safe-array-concat": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+            "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.2",
+                "get-intrinsic": "^1.2.6",
+                "has-symbols": "^1.1.0",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">=0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/safe-push-apply": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+            "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/safe-regex-test": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+            "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "is-regex": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/semver": {
+            "version": "5.7.2",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+            "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver"
+            }
+        },
+        "node_modules/set-function-length": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+            "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+            "license": "MIT",
+            "dependencies": {
+                "define-data-property": "^1.1.4",
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2",
+                "get-intrinsic": "^1.2.4",
+                "gopd": "^1.0.1",
+                "has-property-descriptors": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/set-function-name": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+            "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+            "license": "MIT",
+            "dependencies": {
+                "define-data-property": "^1.1.4",
+                "es-errors": "^1.3.0",
+                "functions-have-names": "^1.2.3",
+                "has-property-descriptors": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/set-proto": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+            "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/shebang-command": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+            "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+            "license": "MIT",
+            "dependencies": {
+                "shebang-regex": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+            "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/shell-quote": {
+            "version": "1.8.3",
+            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+            "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3",
+                "side-channel-list": "^1.0.0",
+                "side-channel-map": "^1.0.1",
+                "side-channel-weakmap": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-list": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-map": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-weakmap": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3",
+                "side-channel-map": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/source-map-js": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1233,6 +2791,158 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/spdx-correct": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+            "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-exceptions": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+            "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+            "license": "CC-BY-3.0"
+        },
+        "node_modules/spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "license": "MIT",
+            "dependencies": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-license-ids": {
+            "version": "3.0.22",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz",
+            "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==",
+            "license": "CC0-1.0"
+        },
+        "node_modules/stop-iteration-iterator": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+            "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "internal-slot": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/string.prototype.padend": {
+            "version": "3.1.6",
+            "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.6.tgz",
+            "integrity": "sha512-XZpspuSB7vJWhvJc9DLSlrXl1mcA2BdoY5jjnS135ydXqLoqhs96JjDtCkjJEQHvfqZIp9hBuBMgI589peyx9Q==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.7",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.23.2",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trim": {
+            "version": "1.2.10",
+            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+            "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.2",
+                "define-data-property": "^1.1.4",
+                "define-properties": "^1.2.1",
+                "es-abstract": "^1.23.5",
+                "es-object-atoms": "^1.0.0",
+                "has-property-descriptors": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trimend": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+            "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.2",
+                "define-properties": "^1.2.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/string.prototype.trimstart": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+            "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.7",
+                "define-properties": "^1.2.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "license": "MIT",
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/tabbable": {
             "version": "6.2.0",
             "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
@@ -1265,6 +2975,80 @@
                 "url": "https://github.com/sponsors/SuperchupuDev"
             }
         },
+        "node_modules/typed-array-buffer": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+            "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "es-errors": "^1.3.0",
+                "is-typed-array": "^1.1.14"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/typed-array-byte-length": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+            "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.8",
+                "for-each": "^0.3.3",
+                "gopd": "^1.2.0",
+                "has-proto": "^1.2.0",
+                "is-typed-array": "^1.1.14"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-byte-offset": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+            "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+            "license": "MIT",
+            "dependencies": {
+                "available-typed-arrays": "^1.0.7",
+                "call-bind": "^1.0.8",
+                "for-each": "^0.3.3",
+                "gopd": "^1.2.0",
+                "has-proto": "^1.2.0",
+                "is-typed-array": "^1.1.15",
+                "reflect.getprototypeof": "^1.0.9"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/typed-array-length": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+            "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind": "^1.0.7",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "is-typed-array": "^1.1.13",
+                "possible-typed-array-names": "^1.0.0",
+                "reflect.getprototypeof": "^1.0.6"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/typescript": {
             "version": "5.9.3",
             "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -1279,6 +3063,34 @@
                 "node": ">=14.17"
             }
         },
+        "node_modules/unbox-primitive": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+            "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.3",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.1.0",
+                "which-boxed-primitive": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
         "node_modules/vite": {
             "version": "7.1.10",
             "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.10.tgz",
@@ -1353,6 +3165,103 @@
                     "optional": true
                 }
             }
+        },
+        "node_modules/which": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+            "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+            "license": "ISC",
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "which": "bin/which"
+            }
+        },
+        "node_modules/which-boxed-primitive": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+            "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+            "license": "MIT",
+            "dependencies": {
+                "is-bigint": "^1.1.0",
+                "is-boolean-object": "^1.2.1",
+                "is-number-object": "^1.1.1",
+                "is-string": "^1.1.1",
+                "is-symbol": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-builtin-type": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+            "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "function.prototype.name": "^1.1.6",
+                "has-tostringtag": "^1.0.2",
+                "is-async-function": "^2.0.0",
+                "is-date-object": "^1.1.0",
+                "is-finalizationregistry": "^1.1.0",
+                "is-generator-function": "^1.0.10",
+                "is-regex": "^1.2.1",
+                "is-weakref": "^1.0.2",
+                "isarray": "^2.0.5",
+                "which-boxed-primitive": "^1.1.0",
+                "which-collection": "^1.0.2",
+                "which-typed-array": "^1.1.16"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-collection": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+            "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+            "license": "MIT",
+            "dependencies": {
+                "is-map": "^2.0.3",
+                "is-set": "^2.0.3",
+                "is-weakmap": "^2.0.2",
+                "is-weakset": "^2.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/which-typed-array": {
+            "version": "1.1.19",
+            "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+            "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+            "license": "MIT",
+            "dependencies": {
+                "available-typed-arrays": "^1.0.7",
+                "call-bind": "^1.0.8",
+                "call-bound": "^1.0.4",
+                "for-each": "^0.3.5",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-tostringtag": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
         }
     }
 }
diff --git a/package.json b/package.json
index 49551e3bd80..003a386241d 100644
--- a/package.json
+++ b/package.json
@@ -3,16 +3,22 @@
     "private": true,
     "version": "0.0.1",
     "packageManager": "npm@10.9.3",
-    "workspaces": ["crawl-ref/source/webserver/client/lobby", "crawl-ref/source/webserver/client/game"],
+    "workspaces": [
+        "crawl-ref/source/webserver/client/lobby",
+        "crawl-ref/source/webserver/client/game"
+    ],
     "scripts": {
-        "build": "npm run build:lobby && npm run build:game",
-        "build:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run build",
-        "build:game": "cd crawl-ref/source/webserver/client/game && npm run build",
-        "lint": "npm run lint:lobby && npm run lint:game",
-        "lint:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run lint",
-        "lint:game": "cd crawl-ref/source/webserver/client/game && npm run lint",
-        "format": "npm run format:lobby && npm run format:game",
-        "format:lobby": "cd crawl-ref/source/webserver/client/lobby && npm run format",
-        "format:game": "cd crawl-ref/source/webserver/client/game && npm run format"
+        "build": "npm-run-all build:lobby build:game",
+        "build:lobby": "npm run build --workspace=crawl-lobby",
+        "build:game": "npm run build --workspace=crawl-game",
+        "lint": "npm-run-all lint:lobby lint:game",
+        "lint:lobby": "npm run lint --workspace=crawl-lobby",
+        "lint:game": "npm run lint --workspace=crawl-game",
+        "format": "npm-run-all format:lobby format:game",
+        "format:lobby": "npm run format --workspace=crawl-lobby",
+        "format:game": "npm run format --workspace=crawl-game"
+    },
+    "dependencies": {
+        "npm-run-all": "^4.1.5"
     }
-}
\ No newline at end of file
+}