commit e018ebdb7a316dd0238c27f31aee0f09a878b11f Author: Will0mane <100951314+Will0mane@users.noreply.github.com> Date: Mon Jun 1 23:07:37 2026 +0200 initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c2658d7 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/ diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..86a656b --- /dev/null +++ b/package-lock.json @@ -0,0 +1,780 @@ +{ + "name": "talkie", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "talkie", + "version": "1.0.0", + "dependencies": { + "express": "^4.18.2", + "ws": "^8.16.0" + } + }, + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", + "dependencies": { + "mime-types": "~2.1.34", + "negotiator": "0.6.3" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==" + }, + "node_modules/body-parser": { + "version": "1.20.5", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.5.tgz", + "integrity": "sha512-3grm+/2tUOvu2cjJkvsIxrv/wVpfXQW4PsQHYm7yk4vfpu7Ekl6nEsYBoJUL6qDwZUx8wUhQ8tR2qz+ad9c9OA==", + "dependencies": { + "bytes": "~3.1.2", + "content-type": "~1.0.5", + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "~1.2.0", + "http-errors": "~2.0.1", + "iconv-lite": "~0.4.24", + "on-finished": "~2.4.1", + "qs": "~6.15.1", + "raw-body": "~2.5.3", + "type-is": "~1.6.18", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "node_modules/bytes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", + "engines": { + "node": ">= 0.8" + } + }, + "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==", + "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==", + "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/content-disposition": { + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", + "dependencies": { + "safe-buffer": "5.2.1" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/content-type": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie": { + "version": "0.7.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", + "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/cookie-signature": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz", + "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==" + }, + "node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dependencies": { + "ms": "2.0.0" + } + }, + "node_modules/depd": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/destroy": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", + "engines": { + "node": ">= 0.8", + "npm": "1.2.8000 || >= 1.4.16" + } + }, + "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==", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==" + }, + "node_modules/encodeurl": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", + "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", + "engines": { + "node": ">= 0.8" + } + }, + "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==", + "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==", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-object-atoms": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz", + "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==" + }, + "node_modules/etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/express": { + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz", + "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==", + "dependencies": { + "accepts": "~1.3.8", + "array-flatten": "1.1.1", + "body-parser": "~1.20.5", + "content-disposition": "~0.5.4", + "content-type": "~1.0.4", + "cookie": "~0.7.1", + "cookie-signature": "~1.0.6", + "debug": "2.6.9", + "depd": "2.0.0", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "~1.3.1", + "fresh": "~0.5.2", + "http-errors": "~2.0.0", + "merge-descriptors": "1.0.3", + "methods": "~1.1.2", + "on-finished": "~2.4.1", + "parseurl": "~1.3.3", + "path-to-regexp": "~0.1.12", + "proxy-addr": "~2.0.7", + "qs": "~6.15.1", + "range-parser": "~1.2.1", + "safe-buffer": "5.2.1", + "send": "~0.19.0", + "serve-static": "~1.16.2", + "setprototypeof": "1.2.0", + "statuses": "~2.0.1", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + }, + "engines": { + "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/finalhandler": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz", + "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==", + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "on-finished": "~2.4.1", + "parseurl": "~1.3.3", + "statuses": "~2.0.2", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/forwarded": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "engines": { + "node": ">= 0.6" + } + }, + "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==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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==", + "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": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "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==", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "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==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz", + "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/http-errors": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz", + "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==", + "dependencies": { + "depd": "~2.0.0", + "inherits": "~2.0.4", + "setprototypeof": "~1.2.0", + "statuses": "~2.0.2", + "toidentifier": "~1.0.1" + }, + "engines": { + "node": ">= 0.8" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "node_modules/ipaddr.js": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", + "engines": { + "node": ">= 0.10" + } + }, + "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==", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/merge-descriptors": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz", + "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==", + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==" + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "engines": { + "node": ">= 0.6" + } + }, + "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==", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/on-finished": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/path-to-regexp": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz", + "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==" + }, + "node_modules/proxy-addr": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", + "dependencies": { + "forwarded": "0.2.0", + "ipaddr.js": "1.9.1" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/qs": { + "version": "6.15.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz", + "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==", + "dependencies": { + "side-channel": "^1.1.0" + }, + "engines": { + "node": ">=0.6" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/raw-body": { + "version": "2.5.3", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz", + "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==", + "dependencies": { + "bytes": "~3.1.2", + "http-errors": "~2.0.1", + "iconv-lite": "~0.4.24", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "node_modules/send": { + "version": "0.19.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz", + "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==", + "dependencies": { + "debug": "2.6.9", + "depd": "2.0.0", + "destroy": "1.2.0", + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "~0.5.2", + "http-errors": "~2.0.1", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "~2.4.1", + "range-parser": "~1.2.1", + "statuses": "~2.0.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==" + }, + "node_modules/serve-static": { + "version": "1.16.3", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz", + "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==", + "dependencies": { + "encodeurl": "~2.0.0", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "~0.19.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" + }, + "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==", + "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.1", + "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz", + "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==", + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.4" + }, + "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==", + "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==", + "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/statuses": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz", + "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/toidentifier": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", + "engines": { + "node": ">=0.6" + } + }, + "node_modules/type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "dependencies": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/ws": { + "version": "8.21.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz", + "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..ca375ef --- /dev/null +++ b/package.json @@ -0,0 +1,13 @@ +{ + "name": "talkie", + "version": "1.0.0", + "description": "Browser-based walkie-talkie via WebRTC", + "main": "server.js", + "scripts": { + "start": "node server.js" + }, + "dependencies": { + "express": "^4.18.2", + "ws": "^8.16.0" + } +} diff --git a/public/app.js b/public/app.js new file mode 100644 index 0000000..797e291 --- /dev/null +++ b/public/app.js @@ -0,0 +1,304 @@ +const STUN_CONFIG = { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }; + +let ws = null; +let myId = null; +let myName = ''; +let localStream = null; +const peers = new Map(); // peerId -> RTCPeerConnection + +// --- DOM --- +const joinScreen = document.getElementById('join-screen'); +const talkieScreen = document.getElementById('talkie-screen'); +const inputName = document.getElementById('input-name'); +const inputRoom = document.getElementById('input-room'); +const btnJoin = document.getElementById('btn-join'); +const btnLeave = document.getElementById('btn-leave'); +const roomLabel = document.getElementById('room-label'); +const peersList = document.getElementById('peers-list'); +const pttBtn = document.getElementById('ptt-btn'); +const btnLockMic = document.getElementById('btn-lock-mic'); +const statusText = document.getElementById('status-text'); + +let micLocked = false; + +// --- JOIN --- +btnJoin.addEventListener('click', joinRoom); +inputRoom.addEventListener('keydown', e => { if (e.key === 'Enter') joinRoom(); }); + +async function joinRoom() { + const name = inputName.value.trim() || 'Anonimo'; + const room = inputRoom.value.trim().toUpperCase(); + if (!room) { inputRoom.focus(); return; } + + myName = name; + + try { + localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: false }); + } catch { + alert('Impossibile accedere al microfono. Controlla i permessi del browser.'); + return; + } + + // Mute microphone until PTT pressed + setMic(false); + + connectWS(room, name); +} + +// --- WEBSOCKET --- +function connectWS(room, name) { + const proto = location.protocol === 'https:' ? 'wss' : 'ws'; + ws = new WebSocket(`${proto}://${location.host}`); + + ws.onopen = () => { + ws.send(JSON.stringify({ type: 'join', room, name })); + showTalkieScreen(room); + }; + + ws.onmessage = ({ data }) => { + const msg = JSON.parse(data); + handleSignal(msg); + }; + + ws.onclose = () => { + leaveRoom(); + }; +} + +async function handleSignal(msg) { + switch (msg.type) { + case 'id': + myId = msg.id; + break; + + case 'peers': + // Existing peers: I (new joiner) initiate offers to each + for (const peer of msg.peers) { + addPeerToUI(peer.id, peer.name); + await createOffer(peer.id); + } + break; + + case 'peer-joined': + addPeerToUI(msg.id, msg.name); + // They will send us an offer; just prep the connection + getOrCreatePC(msg.id); + break; + + case 'offer': + await handleOffer(msg.from, msg.sdp); + break; + + case 'answer': + await peers.get(msg.from)?.setRemoteDescription(new RTCSessionDescription(msg.sdp)); + break; + + case 'ice': + try { + await peers.get(msg.from)?.addIceCandidate(new RTCIceCandidate(msg.candidate)); + } catch {} + break; + + case 'peer-left': + peers.get(msg.id)?.close(); + peers.delete(msg.id); + removePeerFromUI(msg.id); + break; + + case 'talking': + setPeerTalking(msg.id, msg.active); + break; + } +} + +// --- WEBRTC --- +function getOrCreatePC(peerId) { + if (peers.has(peerId)) return peers.get(peerId); + + const pc = new RTCPeerConnection(STUN_CONFIG); + peers.set(peerId, pc); + + // Add local tracks + localStream.getTracks().forEach(track => pc.addTrack(track, localStream)); + + // Remote audio + pc.ontrack = ({ streams }) => { + attachAudio(peerId, streams[0]); + }; + + // ICE candidates + pc.onicecandidate = ({ candidate }) => { + if (candidate) { + ws.send(JSON.stringify({ type: 'ice', to: peerId, candidate })); + } + }; + + pc.onconnectionstatechange = () => { + if (['failed', 'disconnected', 'closed'].includes(pc.connectionState)) { + peers.delete(peerId); + } + }; + + return pc; +} + +async function createOffer(peerId) { + const pc = getOrCreatePC(peerId); + const offer = await pc.createOffer(); + await pc.setLocalDescription(offer); + ws.send(JSON.stringify({ type: 'offer', to: peerId, sdp: pc.localDescription })); +} + +async function handleOffer(peerId, sdp) { + const pc = getOrCreatePC(peerId); + await pc.setRemoteDescription(new RTCSessionDescription(sdp)); + const answer = await pc.createAnswer(); + await pc.setLocalDescription(answer); + ws.send(JSON.stringify({ type: 'answer', to: peerId, sdp: pc.localDescription })); +} + +function attachAudio(peerId, stream) { + let audio = document.getElementById(`audio-${peerId}`); + if (!audio) { + audio = document.createElement('audio'); + audio.id = `audio-${peerId}`; + audio.autoplay = true; + audio.style.display = 'none'; + document.body.appendChild(audio); + } + audio.srcObject = stream; +} + +// --- PTT --- +function setMic(enabled) { + if (!localStream) return; + localStream.getAudioTracks().forEach(t => t.enabled = enabled); +} + +function startTalking() { + if (micLocked) return; + setMic(true); + pttBtn.classList.add('active'); + statusText.textContent = 'Stai trasmettendo...'; + statusText.style.color = '#22c55e'; + ws?.send(JSON.stringify({ type: 'talking', active: true })); +} + +function stopTalking() { + if (micLocked) return; + setMic(false); + pttBtn.classList.remove('active'); + statusText.textContent = 'Rilascia per ascoltare'; + statusText.style.color = ''; + ws?.send(JSON.stringify({ type: 'talking', active: false })); +} + +function toggleMicLock() { + micLocked = !micLocked; + if (micLocked) { + setMic(true); + pttBtn.classList.add('active'); + btnLockMic.classList.add('locked'); + btnLockMic.querySelector('svg').innerHTML = ` + + + + `; + btnLockMic.childNodes[2].textContent = ' Mic attivo — clicca per disattivare'; + statusText.textContent = 'Microfono sempre attivo'; + statusText.style.color = '#e05252'; + ws?.send(JSON.stringify({ type: 'talking', active: true })); + } else { + setMic(false); + pttBtn.classList.remove('active'); + btnLockMic.classList.remove('locked'); + btnLockMic.querySelector('svg').innerHTML = ` + + + `; + btnLockMic.childNodes[2].textContent = ' Microfono sempre attivo'; + statusText.textContent = 'Rilascia per ascoltare'; + statusText.style.color = ''; + ws?.send(JSON.stringify({ type: 'talking', active: false })); + } +} + +btnLockMic.addEventListener('click', toggleMicLock); + +// Mouse events +pttBtn.addEventListener('mousedown', startTalking); +pttBtn.addEventListener('mouseup', stopTalking); +pttBtn.addEventListener('mouseleave', stopTalking); + +// Touch events (mobile) +pttBtn.addEventListener('touchstart', e => { e.preventDefault(); startTalking(); }, { passive: false }); +pttBtn.addEventListener('touchend', e => { e.preventDefault(); stopTalking(); }, { passive: false }); + +// Space bar shortcut +document.addEventListener('keydown', e => { + if (e.code === 'Space' && !e.repeat && talkieScreen.classList.contains('active')) { + e.preventDefault(); + startTalking(); + } +}); +document.addEventListener('keyup', e => { + if (e.code === 'Space' && talkieScreen.classList.contains('active')) { + stopTalking(); + } +}); + +// --- UI --- +function showTalkieScreen(room) { + joinScreen.classList.remove('active'); + talkieScreen.classList.add('active'); + roomLabel.textContent = `# ${room}`; + peersList.innerHTML = ''; +} + +function addPeerToUI(peerId, name) { + if (document.getElementById(`peer-${peerId}`)) return; + const initial = (name || '?')[0].toUpperCase(); + const el = document.createElement('div'); + el.className = 'peer-item'; + el.id = `peer-${peerId}`; + el.innerHTML = ` +
${initial}
+ ${escapeHtml(name)} + ● parlando + `; + peersList.appendChild(el); +} + +function removePeerFromUI(peerId) { + document.getElementById(`peer-${peerId}`)?.remove(); + document.getElementById(`audio-${peerId}`)?.remove(); +} + +function setPeerTalking(peerId, active) { + const el = document.getElementById(`peer-${peerId}`); + if (!el) return; + el.classList.toggle('talking', active); +} + +function escapeHtml(str) { + return str.replace(/&/g,'&').replace(//g,'>'); +} + +// --- LEAVE --- +btnLeave.addEventListener('click', leaveRoom); + +function leaveRoom() { + ws?.close(); + ws = null; + peers.forEach(pc => pc.close()); + peers.clear(); + localStream?.getTracks().forEach(t => t.stop()); + localStream = null; + document.querySelectorAll('audio[id^="audio-"]').forEach(a => a.remove()); + + talkieScreen.classList.remove('active'); + joinScreen.classList.add('active'); + peersList.innerHTML = ''; + if (micLocked) toggleMicLock(); + stopTalking(); +} diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4f3b7d1 --- /dev/null +++ b/public/index.html @@ -0,0 +1,54 @@ + + + + + + Talkie + + + + + +
+ +

Walkie-talkie nel browser, gratis

+
+ + + +
+
+ + +
+
+ + +
+ +
+ +
+
Rilascia per ascoltare
+ + +
+
+ + + + diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..30eb64a --- /dev/null +++ b/public/style.css @@ -0,0 +1,221 @@ +* { box-sizing: border-box; margin: 0; padding: 0; } + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + background: #0f0f13; + color: #e8e8f0; + min-height: 100dvh; + display: flex; + align-items: center; + justify-content: center; +} + +.screen { display: none; width: 100%; max-width: 420px; padding: 24px; } +.screen.active { display: flex; flex-direction: column; align-items: center; gap: 20px; } + +/* JOIN */ +.logo { font-size: 2.4rem; font-weight: 700; letter-spacing: -1px; } +.subtitle { color: #888; font-size: 0.9rem; } + +.form { + display: flex; + flex-direction: column; + gap: 12px; + width: 100%; +} + +input { + width: 100%; + padding: 14px 16px; + border: 1.5px solid #2a2a3a; + border-radius: 12px; + background: #1a1a24; + color: #e8e8f0; + font-size: 1rem; + outline: none; + transition: border-color 0.2s; +} +input:focus { border-color: #5b5ef4; } +input::placeholder { color: #555; } + +#btn-join { + padding: 14px; + background: #5b5ef4; + color: white; + border: none; + border-radius: 12px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + transition: background 0.2s, transform 0.1s; +} +#btn-join:hover { background: #4749d4; } +#btn-join:active { transform: scale(0.98); } + +/* TALKIE */ +#talkie-screen.active { + flex-direction: column; + justify-content: space-between; + min-height: 100dvh; + padding: 24px; +} + +.header { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; +} + +#room-label { + font-size: 1.1rem; + font-weight: 700; + color: #5b5ef4; + letter-spacing: 2px; +} + +#btn-leave { + padding: 8px 14px; + background: transparent; + color: #888; + border: 1.5px solid #2a2a3a; + border-radius: 8px; + cursor: pointer; + font-size: 0.85rem; + transition: color 0.2s, border-color 0.2s; +} +#btn-leave:hover { color: #e05252; border-color: #e05252; } + +/* PEERS LIST */ +#peers-list { + width: 100%; + display: flex; + flex-direction: column; + gap: 8px; + flex: 1; + padding: 16px 0; +} + +.peer-item { + display: flex; + align-items: center; + gap: 12px; + padding: 12px 16px; + background: #1a1a24; + border-radius: 12px; + border: 1.5px solid #2a2a3a; + transition: border-color 0.2s; +} + +.peer-item.talking { + border-color: #22c55e; + background: #0d1f14; +} + +.peer-avatar { + width: 38px; + height: 38px; + border-radius: 50%; + background: #2a2a3a; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.1rem; + font-weight: 700; + color: #5b5ef4; + flex-shrink: 0; +} + +.peer-item.talking .peer-avatar { + background: #22c55e22; + color: #22c55e; +} + +.peer-name { font-size: 0.95rem; font-weight: 500; } + +.talking-badge { + margin-left: auto; + font-size: 0.75rem; + color: #22c55e; + font-weight: 600; + opacity: 0; + transition: opacity 0.2s; +} +.peer-item.talking .talking-badge { opacity: 1; } + +/* PTT */ +.ptt-area { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + padding-bottom: 16px; + width: 100%; +} + +#status-text { + font-size: 0.85rem; + color: #666; + transition: color 0.2s; +} + +#ptt-btn { + width: 160px; + height: 160px; + border-radius: 50%; + background: #1a1a24; + border: 3px solid #2a2a3a; + color: #888; + cursor: pointer; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 10px; + transition: all 0.15s; + user-select: none; + -webkit-user-select: none; + touch-action: none; +} + +#ptt-btn svg { width: 44px; height: 44px; } +#ptt-btn span { font-size: 0.75rem; font-weight: 500; text-align: center; line-height: 1.3; } + +#ptt-btn:hover { border-color: #5b5ef4; color: #5b5ef4; } + +#ptt-btn.active { + background: #22c55e18; + border-color: #22c55e; + color: #22c55e; + transform: scale(1.05); + box-shadow: 0 0 32px #22c55e44; +} + +#ptt-btn.active span::before { content: 'Stai trasmettendo'; } +#ptt-btn:not(.active) span::before { content: 'Tieni premuto per parlare'; } +#ptt-btn span { font-size: 0; } +#ptt-btn span::before { font-size: 0.75rem; } + +#btn-lock-mic { + display: flex; + align-items: center; + gap: 8px; + padding: 10px 20px; + background: transparent; + border: 1.5px solid #2a2a3a; + border-radius: 24px; + color: #888; + font-size: 0.85rem; + font-weight: 500; + cursor: pointer; + transition: all 0.2s; + user-select: none; +} +#btn-lock-mic svg { width: 16px; height: 16px; flex-shrink: 0; } +#btn-lock-mic:hover { border-color: #5b5ef4; color: #5b5ef4; } +#btn-lock-mic.locked { + background: #e05252; + border-color: #e05252; + color: white; +} +#btn-lock-mic.locked:hover { background: #c04040; border-color: #c04040; } diff --git a/server.js b/server.js new file mode 100644 index 0000000..604552e --- /dev/null +++ b/server.js @@ -0,0 +1,81 @@ +const express = require('express'); +const { WebSocketServer } = require('ws'); +const { randomUUID } = require('crypto'); +const path = require('path'); + +const app = express(); +app.use(express.static(path.join(__dirname, 'public'))); + +const server = app.listen(3000, () => { + console.log('Talkie running on http://localhost:3000'); +}); + +const wss = new WebSocketServer({ server }); + +// roomId -> Set of { ws, id, name } +const rooms = new Map(); + +function getRoomMembers(roomId) { + return rooms.get(roomId) ?? new Set(); +} + +function broadcast(roomId, data, excludeId = null) { + const msg = JSON.stringify(data); + getRoomMembers(roomId).forEach(client => { + if (client.id !== excludeId && client.ws.readyState === 1) { + client.ws.send(msg); + } + }); +} + +wss.on('connection', (ws) => { + const clientId = randomUUID(); + let clientRoom = null; + let clientName = 'Anonimo'; + + ws.send(JSON.stringify({ type: 'id', id: clientId })); + + ws.on('message', (raw) => { + let msg; + try { msg = JSON.parse(raw); } catch { return; } + + if (msg.type === 'join') { + clientRoom = msg.room.trim().toUpperCase(); + clientName = (msg.name || 'Anonimo').slice(0, 20); + + if (!rooms.has(clientRoom)) rooms.set(clientRoom, new Set()); + const room = rooms.get(clientRoom); + + // Tell new user about existing peers + const peers = [...room].map(c => ({ id: c.id, name: c.name })); + ws.send(JSON.stringify({ type: 'peers', peers })); + + // Tell existing peers about the new user + broadcast(clientRoom, { type: 'peer-joined', id: clientId, name: clientName }); + + room.add({ ws, id: clientId, name: clientName }); + } + + // WebRTC signaling: forward to specific peer + if (['offer', 'answer', 'ice'].includes(msg.type)) { + const room = getRoomMembers(clientRoom); + const target = [...room].find(c => c.id === msg.to); + if (target?.ws.readyState === 1) { + target.ws.send(JSON.stringify({ ...msg, from: clientId })); + } + } + + // Talking state: broadcast to room + if (msg.type === 'talking') { + broadcast(clientRoom, { type: 'talking', id: clientId, name: clientName, active: msg.active }, clientId); + } + }); + + ws.on('close', () => { + if (!clientRoom) return; + const room = getRoomMembers(clientRoom); + room.forEach(c => { if (c.id === clientId) room.delete(c); }); + broadcast(clientRoom, { type: 'peer-left', id: clientId, name: clientName }); + if (room.size === 0) rooms.delete(clientRoom); + }); +});