diff --git a/.github-disabled/DISCUSSION_TEMPLATE/issue-triage.yml b/.github-disabled/DISCUSSION_TEMPLATE/issue-triage.yml index 7c8ded3..e1a5a06 100644 --- a/.github-disabled/DISCUSSION_TEMPLATE/issue-triage.yml +++ b/.github-disabled/DISCUSSION_TEMPLATE/issue-triage.yml @@ -57,7 +57,7 @@ body: required: true - type: textarea attributes: - label: Environement + label: Environment description: | Please provide information about your environment. Include the following: - OS: diff --git a/.github-disabled/workflows/build-pull-request.yml b/.github-disabled/workflows/build-pull-request.yml index ca1ecbb..93dd05e 100644 --- a/.github-disabled/workflows/build-pull-request.yml +++ b/.github-disabled/workflows/build-pull-request.yml @@ -12,7 +12,7 @@ jobs: PR_NUMBER: ${{github.event.number}} steps: - name: Checkout repository - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: Setup node uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0 with: diff --git a/.github-disabled/workflows/deploy-pull-request.yml b/.github-disabled/workflows/deploy-pull-request.yml index 8d73178..14c1d44 100644 --- a/.github-disabled/workflows/deploy-pull-request.yml +++ b/.github-disabled/workflows/deploy-pull-request.yml @@ -39,7 +39,7 @@ jobs: path: dist - name: Deploy to Netlify id: netlify - uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0 + uses: nwtgck/actions-netlify@d22a32a27c918fe470bbc562e984f80ec48c2668 # v4.0.0 with: publish-dir: dist deploy-message: "Deploy PR ${{ steps.pr.outputs.id }}" diff --git a/.github-disabled/workflows/docker-pr.yml b/.github-disabled/workflows/docker-pr.yml index 0ebe56e..0964a6c 100644 --- a/.github-disabled/workflows/docker-pr.yml +++ b/.github-disabled/workflows/docker-pr.yml @@ -16,17 +16,17 @@ jobs: steps: - name: Checkout repository - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: Set up QEMU - uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3.7.0 + uses: docker/setup-qemu-action@96fe6ef7f33517b61c61be40b68a1882f3264fb8 # v4.2.0 - name: Set up Docker Buildx - uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3.12.0 + uses: docker/setup-buildx-action@bb05f3f5519dd87d3ba754cc423b652a5edd6d2c # v4.2.0 - name: Login to Docker Hub #Do not update this action from a outside PR if: github.event.pull_request.head.repo.fork == false - uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0 + uses: docker/login-action@af1e73f918a031802d376d3c8bbc3fe56130a9b0 # v4.4.0 with: username: ${{ secrets.DOCKER_USERNAME }} password: ${{ secrets.DOCKER_PASSWORD }} @@ -34,7 +34,7 @@ jobs: - name: Login to the Github Container registry #Do not update this action from a outside PR if: github.event.pull_request.head.repo.fork == false - uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0 + uses: docker/login-action@af1e73f918a031802d376d3c8bbc3fe56130a9b0 # v4.4.0 with: registry: ghcr.io username: ${{ github.actor }} @@ -43,14 +43,14 @@ jobs: - name: Extract metadata (tags, labels) for Docker, GHCR id: meta - uses: docker/metadata-action@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0 + uses: docker/metadata-action@dc802804100637a589fabce1cb79ff13a1411302 # v6.2.0 with: images: | ajbura/cinny ghcr.io/${{ github.repository }} - name: Build Docker image (no push) - uses: docker/build-push-action@bcafcacb16a39f128d818304e6c9c0c18556b85f # v7.1.0 + uses: docker/build-push-action@53b7df96c91f9c12dcc8a07bcb9ccacbed38856a # v7.3.0 with: context: . platforms: linux/amd64 diff --git a/.github-disabled/workflows/lockfile.yml b/.github-disabled/workflows/lockfile.yml index 0e700bf..dfc6ce3 100644 --- a/.github-disabled/workflows/lockfile.yml +++ b/.github-disabled/workflows/lockfile.yml @@ -14,7 +14,7 @@ jobs: pull-requests: write steps: - name: Checkout - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: NPM Lockfile Changes uses: codepunkt/npm-lockfile-changes@b40543471c36394409466fdb277a73a0856d7891 # v1.0.0 with: diff --git a/.github-disabled/workflows/netlify-dev.yml b/.github-disabled/workflows/netlify-dev.yml index 6c43018..1864e21 100644 --- a/.github-disabled/workflows/netlify-dev.yml +++ b/.github-disabled/workflows/netlify-dev.yml @@ -11,7 +11,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout repository - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: Setup node uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0 with: @@ -24,7 +24,7 @@ jobs: NODE_OPTIONS: '--max_old_space_size=4096' run: npm run build - name: Deploy to Netlify - uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0 + uses: nwtgck/actions-netlify@d22a32a27c918fe470bbc562e984f80ec48c2668 # v4.0.0 with: publish-dir: dist deploy-message: 'Dev deploy ${{ github.sha }}' diff --git a/.github-disabled/workflows/prod-deploy.yml b/.github-disabled/workflows/prod-deploy.yml index 3c150e5..51ff710 100644 --- a/.github-disabled/workflows/prod-deploy.yml +++ b/.github-disabled/workflows/prod-deploy.yml @@ -10,7 +10,7 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout repository - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: Setup node uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0 with: @@ -23,7 +23,7 @@ jobs: NODE_OPTIONS: '--max_old_space_size=4096' run: npm run build - name: Deploy to Netlify - uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0 + uses: nwtgck/actions-netlify@d22a32a27c918fe470bbc562e984f80ec48c2668 # v4.0.0 with: publish-dir: dist deploy-message: 'Prod deploy ${{ github.ref_name }}' @@ -52,8 +52,9 @@ jobs: gpg --export | xxd -p echo '${{ secrets.GNUPG_PASSPHRASE }}' | gpg --batch --yes --pinentry-mode loopback --passphrase-fd 0 --armor --detach-sign cinny-${{ steps.vars.outputs.tag }}.tar.gz - name: Upload tagged release - uses: softprops/action-gh-release@b4309332981a82ec1c5618f44dd2e27cc8bfbfda # v3.0.0 + uses: softprops/action-gh-release@718ea10b132b3b2eba29c1007bb80653f286566b # v3.0.1 with: + tag_name: ${{ github.ref_name }} files: | cinny-${{ steps.vars.outputs.tag }}.tar.gz cinny-${{ steps.vars.outputs.tag }}.tar.gz.asc @@ -66,31 +67,31 @@ jobs: packages: write steps: - name: Checkout repository - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2 + uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0 - name: Set up QEMU - uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3.7.0 + uses: docker/setup-qemu-action@96fe6ef7f33517b61c61be40b68a1882f3264fb8 # v4.2.0 - name: Set up Docker Buildx - uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3.12.0 + uses: docker/setup-buildx-action@bb05f3f5519dd87d3ba754cc423b652a5edd6d2c # v4.2.0 - name: Login to Docker Hub #Do not update this action from a outside PR - uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0 + uses: docker/login-action@af1e73f918a031802d376d3c8bbc3fe56130a9b0 # v4.4.0 with: username: ${{ secrets.DOCKER_USERNAME }} password: ${{ secrets.DOCKER_PASSWORD }} - name: Login to the Github Container registry #Do not update this action from a outside PR - uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0 + uses: docker/login-action@af1e73f918a031802d376d3c8bbc3fe56130a9b0 # v4.4.0 with: registry: ghcr.io username: ${{ github.actor }} password: ${{ secrets.GITHUB_TOKEN }} - name: Extract metadata (tags, labels) for Docker, GHCR id: meta - uses: docker/metadata-action@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0 + uses: docker/metadata-action@dc802804100637a589fabce1cb79ff13a1411302 # v6.2.0 with: images: | ${{ secrets.DOCKER_USERNAME }}/cinny ghcr.io/${{ github.repository }} - name: Build and push Docker image - uses: docker/build-push-action@bcafcacb16a39f128d818304e6c9c0c18556b85f # v7.1.0 + uses: docker/build-push-action@53b7df96c91f9c12dcc8a07bcb9ccacbed38856a # v7.3.0 with: context: . platforms: linux/amd64,linux/arm64 diff --git a/Dockerfile b/Dockerfile index 5772e56..7d98cc5 100644 --- a/Dockerfile +++ b/Dockerfile @@ -11,7 +11,7 @@ RUN npm run build ## App -FROM nginx:1.29.8-alpine +FROM nginx:1.31.2-alpine COPY --from=builder /src/dist /app COPY --from=builder /src/docker-nginx.conf /etc/nginx/conf.d/default.conf diff --git a/package-lock.json b/package-lock.json index 1ccaa03..b01cf47 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cinny", - "version": "4.12.2", + "version": "4.12.6", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cinny", - "version": "4.12.2", + "version": "4.12.6", "license": "AGPL-3.0-only", "dependencies": { "@atlaskit/pragmatic-drag-and-drop": "1.1.6", @@ -32,7 +32,7 @@ "emojibase-data": "15.3.2", "file-saver": "2.0.5", "focus-trap-react": "10.0.2", - "folds": "2.6.2", + "folds": "2.7.1", "html-dom-parser": "4.0.0", "html-react-parser": "4.2.0", "i18next": "23.12.2", @@ -43,7 +43,7 @@ "jotai": "2.6.0", "linkify-react": "4.3.2", "linkifyjs": "4.3.2", - "matrix-js-sdk": "41.5.0", + "matrix-js-sdk": "41.7.0", "matrix-widget-api": "1.16.1", "millify": "6.1.0", "pdfjs-dist": "4.2.67", @@ -58,7 +58,7 @@ "react-i18next": "15.0.0", "react-range": "1.8.14", "react-router-dom": "6.30.3", - "sanitize-html": "2.17.4", + "sanitize-html": "2.17.6", "slate": "0.123.0", "slate-dom": "0.123.0", "slate-history": "0.113.1", @@ -66,7 +66,7 @@ "ua-parser-js": "1.0.35" }, "devDependencies": { - "@element-hq/element-call-embedded": "0.19.1", + "@element-hq/element-call-embedded": "0.20.1", "@esbuild-plugins/node-globals-polyfill": "0.2.3", "@rollup/plugin-inject": "5.0.3", "@rollup/plugin-wasm": "6.1.1", @@ -1774,9 +1774,9 @@ } }, "node_modules/@element-hq/element-call-embedded": { - "version": "0.19.1", - "resolved": "https://registry.npmjs.org/@element-hq/element-call-embedded/-/element-call-embedded-0.19.1.tgz", - "integrity": "sha512-RDZY3P3LTx10ACaGhzkwh2+boNB3x54zHF/7v/cCyoQlAVfEYMhgMEb4CRTwJFwwYFe1r++6Higa0A0G5XxZ8Q==", + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@element-hq/element-call-embedded/-/element-call-embedded-0.20.1.tgz", + "integrity": "sha512-ODg2r7UmR8UjRpapLKbn6v1PS8fu/r58zdbvXMYaAlUEAC2f6L/9Moc9S4noG1+ARgWxY+m2vLmNDK9G9uFZYQ==", "dev": true }, "node_modules/@emotion/hash": { @@ -2386,9 +2386,9 @@ } }, "node_modules/@matrix-org/matrix-sdk-crypto-wasm": { - "version": "18.3.0", - "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-18.3.0.tgz", - "integrity": "sha512-9a4feyt8QLysARu7PHKaRWT+wcCd+IYH074LXp9QK5WqfN4zUXueRhiSSMNT18Bm+8q3sBR/4zxDxOSDR0M8Kg==", + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-18.3.1.tgz", + "integrity": "sha512-VRjWhE1UgHnPpJ3b9B5+8z71ZC/HICFngPPFIN6ktzmUBKI5RusPujzbAQUoB3CgZ0yU58L99AfSQS4YTztSWw==", "license": "Apache-2.0", "engines": { "node": ">= 18" @@ -6216,12 +6216,16 @@ "optional": true }, "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==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz", + "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==", "license": "MIT", "engines": { - "node": ">= 0.6" + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/conventional-commit-types": { @@ -7902,9 +7906,9 @@ } }, "node_modules/folds": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/folds/-/folds-2.6.2.tgz", - "integrity": "sha512-1HemxxSnBm8/U5kq1pDQrFkpltWgQN90DmWCZWkZb7D2pe8BhOJSwIRLjk9WxHcw6nn69oz2XNYIXtSw0LvX1w==", + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/folds/-/folds-2.7.1.tgz", + "integrity": "sha512-A1XGXJ4hp1W0cpFUIjYj9gPSzKVxqj9BlTBJTqmmtTUiEFDzXvhBITJdcqmlDsmcd756tu/iygSAzdky5fDcrg==", "license": "Apache-2.0", "peerDependencies": { "@vanilla-extract/css": "1.9.2", @@ -8479,6 +8483,7 @@ "version": "10.1.0", "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.1.0.tgz", "integrity": "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==", + "dev": true, "funding": [ "https://github.com/fb55/htmlparser2?sponsor=1", { @@ -8498,6 +8503,7 @@ "version": "7.0.1", "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz", "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==", + "dev": true, "license": "BSD-2-Clause", "engines": { "node": ">=0.12" @@ -10106,16 +10112,16 @@ "license": "Apache-2.0" }, "node_modules/matrix-js-sdk": { - "version": "41.5.0", - "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-41.5.0.tgz", - "integrity": "sha512-CK3h+qQJ4wkVEUgEWc5MdLjccXyiFqncCC53P+auqOhnX2U6tAFsRfnbML1QQiKIsFMzqTrAnF/4a5LUUOIeXg==", + "version": "41.7.0", + "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-41.7.0.tgz", + "integrity": "sha512-MP0xNv/VVRbshq00TE6EVo77IIXsQk0KjiVtgKV0t9j/V77a6Klt00QrrO0XykkTUsNC0+mQeBMxnx75rZO86Q==", "license": "Apache-2.0", "dependencies": { "@babel/runtime": "^7.12.5", - "@matrix-org/matrix-sdk-crypto-wasm": "^18.2.0", + "@matrix-org/matrix-sdk-crypto-wasm": "^18.3.1", "another-json": "^0.2.0", "bs58": "^6.0.0", - "content-type": "^1.0.4", + "content-type": "^2.0.0", "jwt-decode": "^4.0.0", "loglevel": "^1.9.2", "matrix-events-sdk": "0.0.1", @@ -11676,18 +11682,122 @@ "license": "MIT" }, "node_modules/sanitize-html": { - "version": "2.17.4", - "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.17.4.tgz", - "integrity": "sha512-2HW7v2ol/uAM7sX4hbD8Z59OGWmAPrvjL8E71UWlBcj6m+kcF6ilQBLny+cIgY214QJeJT5tQuxKKqX0SQqjGQ==", + "version": "2.17.6", + "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.17.6.tgz", + "integrity": "sha512-M4bo9tfv1yfhQZZKkc6dL07ALrGJtfvNOuhX3hU9AVPR/uPQ+nKOJBqTYc7LfMQblTW04mtSWDJWEyLvygJsLA==", "license": "MIT", "dependencies": { "deepmerge": "^4.2.2", "escape-string-regexp": "^4.0.0", - "htmlparser2": "^10.1.0", + "htmlparser2": "^12.0.0", "is-plain-object": "^5.0.0", "launder": "^1.7.1", "parse-srcset": "^1.0.2", "postcss": "^8.3.11" + }, + "engines": { + "node": ">=22.12.0" + } + }, + "node_modules/sanitize-html/node_modules/dom-serializer": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-3.1.1.tgz", + "integrity": "sha512-4MEa38/QexBob6gFNwu+EGdWvhJ1OKuNwdYY3Y3NyeWDQfnGeDYQUDfIRzWu5B5gsv03so2Uxd28YC6zrsx3Lw==", + "license": "MIT", + "dependencies": { + "domelementtype": "^3.0.0", + "domhandler": "^6.0.0", + "entities": "^8.0.0" + }, + "engines": { + "node": ">=20.19.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/sanitize-html/node_modules/domelementtype": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-3.0.0.tgz", + "integrity": "sha512-umCQid3jKbDmVjx8jGaW7uUykm4DEUeyV21hPxNMo2nV955DhUThwqyOIDtreepP31hl84X7G5U9ZfsWvIB3Pg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "BSD-2-Clause", + "engines": { + "node": ">=20.19.0" + } + }, + "node_modules/sanitize-html/node_modules/domhandler": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-6.0.1.tgz", + "integrity": "sha512-gYzvtM72ZtxQO0T048kd6HWSbbGCNOUwcnfQ01cqIJ4X2IYKFFHZ5mKvrQETcFXxsRObZulDaKmy//R7TPtsBg==", + "license": "BSD-2-Clause", + "dependencies": { + "domelementtype": "^3.0.0" + }, + "engines": { + "node": ">=20.19.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/sanitize-html/node_modules/domutils": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-4.0.2.tgz", + "integrity": "sha512-qI4JLRKnSzqFqr7hAlS5xQDusBCjKSEG4t4+7aNrIQMHBcsC2TGEhuyABJdYkgSewL57PNLYEiibY2iPKhKpaA==", + "license": "BSD-2-Clause", + "dependencies": { + "dom-serializer": "^3.0.0", + "domelementtype": "^3.0.0", + "domhandler": "^6.0.0" + }, + "engines": { + "node": ">=20.19.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/sanitize-html/node_modules/entities": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz", + "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=20.19.0" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/sanitize-html/node_modules/htmlparser2": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-12.0.0.tgz", + "integrity": "sha512-Tz7u1i95/g2x2jz81+x0FBVhBhY5aRTvD3tXXdFaljuNdzDLJ8UGNRrTcj2cgQvAg3iW/h77Fz15nLW0L0CrZw==", + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "MIT", + "dependencies": { + "domelementtype": "^3.0.0", + "domhandler": "^6.0.0", + "domutils": "^4.0.2", + "entities": "^8.0.0" + }, + "engines": { + "node": ">=20.19.0" } }, "node_modules/scheduler": { diff --git a/package.json b/package.json index 4c306e3..aa3e17d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cinny", - "version": "4.12.2", + "version": "4.12.6", "description": "Yet another matrix client", "main": "index.js", "type": "module", @@ -56,7 +56,7 @@ "emojibase-data": "15.3.2", "file-saver": "2.0.5", "focus-trap-react": "10.0.2", - "folds": "2.6.2", + "folds": "2.7.1", "html-dom-parser": "4.0.0", "html-react-parser": "4.2.0", "i18next": "23.12.2", @@ -67,7 +67,7 @@ "jotai": "2.6.0", "linkify-react": "4.3.2", "linkifyjs": "4.3.2", - "matrix-js-sdk": "41.5.0", + "matrix-js-sdk": "41.7.0", "matrix-widget-api": "1.16.1", "millify": "6.1.0", "pdfjs-dist": "4.2.67", @@ -82,7 +82,7 @@ "react-i18next": "15.0.0", "react-range": "1.8.14", "react-router-dom": "6.30.3", - "sanitize-html": "2.17.4", + "sanitize-html": "2.17.6", "slate": "0.123.0", "slate-dom": "0.123.0", "slate-history": "0.113.1", @@ -90,7 +90,7 @@ "ua-parser-js": "1.0.35" }, "devDependencies": { - "@element-hq/element-call-embedded": "0.19.1", + "@element-hq/element-call-embedded": "0.20.1", "@esbuild-plugins/node-globals-polyfill": "0.2.3", "@rollup/plugin-inject": "5.0.3", "@rollup/plugin-wasm": "6.1.1", diff --git a/src/app/components/CallEmbedProvider.tsx b/src/app/components/CallEmbedProvider.tsx index 94784e1..a6f6dec 100644 --- a/src/app/components/CallEmbedProvider.tsx +++ b/src/app/components/CallEmbedProvider.tsx @@ -148,11 +148,13 @@ function IncomingCall({ dm, info, onIgnore, onAnswer, onReject }: IncomingCallPr /> - + {roomName} - Incoming Call + + Incoming Call + {!livekitSupported && ( @@ -237,6 +239,7 @@ function IncomingCallListener({ callEmbed, joined }: IncomingCallListenerProps) // only process rtc notification reference events. // we do not want to wait to decrypt all events. if (event.getRelation()?.rel_type !== RelationType.Reference) return; + if (room?.isCallRoom()) return; if (event.isEncrypted()) { if (!event.isBeingDecrypted()) { diff --git a/src/app/components/editor/utils.ts b/src/app/components/editor/utils.ts index 90c549c..f63c5ac 100644 --- a/src/app/components/editor/utils.ts +++ b/src/app/components/editor/utils.ts @@ -241,15 +241,15 @@ export const getPointUntilChar = ( return targetPoint; }; -export const getPrevWorldRange = (editor: Editor): BaseRange | undefined => { +export const getPrevWordRange = (editor: Editor): BaseRange | undefined => { const { selection } = editor; if (!selection || !Range.isCollapsed(selection)) return undefined; const [cursorPoint] = Range.edges(selection); - const worldStartPoint = getPointUntilChar(editor, cursorPoint, { + const wordStartPoint = getPointUntilChar(editor, cursorPoint, { reverse: true, - match: (char) => char === ' ', + match: (char) => char === ' ' || char === '', }); - return worldStartPoint && Editor.range(editor, worldStartPoint, cursorPoint); + return wordStartPoint && Editor.range(editor, wordStartPoint, cursorPoint); }; export const isEmptyEditor = (editor: Editor): boolean => { diff --git a/src/app/components/page/style.css.ts b/src/app/components/page/style.css.ts index bd14cd5..b106320 100644 --- a/src/app/components/page/style.css.ts +++ b/src/app/components/page/style.css.ts @@ -111,6 +111,7 @@ export const PageHeroSection = style([ }, ]); + export const PageContentCenter = style([ DefaultReset, { diff --git a/src/app/features/call-status/CallControl.tsx b/src/app/features/call-status/CallControl.tsx index 6416fda..1808be9 100644 --- a/src/app/features/call-status/CallControl.tsx +++ b/src/app/features/call-status/CallControl.tsx @@ -12,6 +12,9 @@ type MicrophoneButtonProps = { disabled?: boolean; }; function MicrophoneButton({ enabled, onToggle, disabled }: MicrophoneButtonProps) { + const [micState, toggleMic] = useAsyncCallback(onToggle); + const loading = micState.status === AsyncStatus.Loading; + return ( onToggle()} + onClick={toggleMic} outlined - disabled={disabled} + disabled={disabled || loading} > @@ -82,6 +85,9 @@ type VideoButtonProps = { disabled?: boolean; }; function VideoButton({ enabled, onToggle, disabled }: VideoButtonProps) { + const [videoState, toggleVideo] = useAsyncCallback(onToggle); + const loading = videoState.status === AsyncStatus.Loading; + return ( onToggle()} + onClick={toggleVideo} outlined - disabled={disabled} + disabled={disabled || loading} > callEmbed.control.toggleMicrophone(), [callEmbed]); + const handleVideoToggle = useCallback(() => callEmbed.control.toggleVideo(), [callEmbed]); + const [hangupState, hangup] = useAsyncCallback( useCallback(() => callEmbed.hangup(), [callEmbed]) ); @@ -177,7 +186,7 @@ export function CallControl({ callEmbed.control.toggleMicrophone()} + onToggle={handleMicrophoneToggle} disabled={!callJoined} /> } callEmbed.control.toggleVideo()} + onToggle={handleVideoToggle} disabled={!callJoined} /> {!compact && ( diff --git a/src/app/features/call/CallControls.tsx b/src/app/features/call/CallControls.tsx index 72edc57..469b47a 100644 --- a/src/app/features/call/CallControls.tsx +++ b/src/app/features/call/CallControls.tsx @@ -71,6 +71,9 @@ export function CallControls({ callEmbed }: CallControlsProps) { setCords(undefined); }; + const handleMicrophoneToggle = useCallback(() => callEmbed.control.toggleMicrophone(), [callEmbed]); + const handleVideoToggle = useCallback(() => callEmbed.control.toggleVideo(), [callEmbed]); + const [hangupState, hangup] = useAsyncCallback( useCallback(() => callEmbed.hangup(), [callEmbed]) ); @@ -96,13 +99,13 @@ export function CallControls({ callEmbed }: CallControlsProps) { callEmbed.control.toggleMicrophone()} + onToggle={handleMicrophoneToggle} /> callEmbed.control.toggleSound()} /> {!compact && } - callEmbed.control.toggleVideo()} /> + callEmbed.control.toggleScreenshare()} diff --git a/src/app/features/call/Controls.tsx b/src/app/features/call/Controls.tsx index 143a802..6aa94ff 100644 --- a/src/app/features/call/Controls.tsx +++ b/src/app/features/call/Controls.tsx @@ -3,6 +3,7 @@ import { Icon, IconButton, Icons, Line, Text, Tooltip, TooltipProvider } from 'f import { useAtom } from 'jotai'; import * as css from './styles.css'; import { callChatAtom } from '../../state/callEmbed'; +import { AsyncStatus, useAsyncCallback } from '../../hooks/useAsyncCallback'; export function ControlDivider() { return ( @@ -12,9 +13,12 @@ export function ControlDivider() { type MicrophoneButtonProps = { enabled: boolean; - onToggle: () => void; + onToggle: () => Promise; }; export function MicrophoneButton({ enabled, onToggle }: MicrophoneButtonProps) { + const [micState, toggleMic] = useAsyncCallback(onToggle); + const loading = micState.status === AsyncStatus.Loading; + return ( onToggle()} + onClick={toggleMic} outlined + disabled={loading} > @@ -80,9 +85,12 @@ export function SoundButton({ enabled, onToggle }: SoundButtonProps) { type VideoButtonProps = { enabled: boolean; - onToggle: () => void; + onToggle: () => Promise; }; export function VideoButton({ enabled, onToggle }: VideoButtonProps) { + const [videoState, toggleVideo] = useAsyncCallback(onToggle); + const loading = videoState.status === AsyncStatus.Loading; + return ( onToggle()} + onClick={toggleVideo} outlined + disabled={loading} > toggleMicrophone(), [toggleMicrophone]); + const handleVideoToggle = useCallback(async () => toggleVideo(), [toggleVideo]); + return ( - + - + diff --git a/src/app/features/lobby/LobbyHero.css.tsx b/src/app/features/lobby/LobbyHero.css.tsx index ad7e938..3349213 100644 --- a/src/app/features/lobby/LobbyHero.css.tsx +++ b/src/app/features/lobby/LobbyHero.css.tsx @@ -6,6 +6,7 @@ export const LobbyHeroTopic = style({ WebkitLineClamp: 3, WebkitBoxOrient: 'vertical', overflow: 'hidden', + wordBreak: 'break-word', ':hover': { cursor: 'pointer', diff --git a/src/app/features/room/RoomInput.tsx b/src/app/features/room/RoomInput.tsx index f88ccf9..4667542 100644 --- a/src/app/features/room/RoomInput.tsx +++ b/src/app/features/room/RoomInput.tsx @@ -39,7 +39,7 @@ import { AutocompletePrefix, AutocompleteQuery, getAutocompleteQuery, - getPrevWorldRange, + getPrevWordRange, resetEditor, RoomMentionAutocomplete, UserMentionAutocomplete, @@ -411,7 +411,7 @@ export const RoomInput = forwardRef( sendTypingStatus(!isEmptyEditor(editor)); } - const prevWordRange = getPrevWorldRange(editor); + const prevWordRange = getPrevWordRange(editor); const query = prevWordRange ? getAutocompleteQuery(editor, prevWordRange, AUTOCOMPLETE_PREFIXES) : undefined; diff --git a/src/app/features/room/message/MessageEditor.tsx b/src/app/features/room/message/MessageEditor.tsx index 9a7567a..2d7f209 100644 --- a/src/app/features/room/message/MessageEditor.tsx +++ b/src/app/features/room/message/MessageEditor.tsx @@ -35,7 +35,7 @@ import { createEmoticonElement, customHtmlEqualsPlainText, getAutocompleteQuery, - getPrevWorldRange, + getPrevWordRange, htmlToEditorInput, moveCursor, plainToEditorInput, @@ -187,7 +187,7 @@ export const MessageEditor = as<'div', MessageEditorProps>( return; } - const prevWordRange = getPrevWorldRange(editor); + const prevWordRange = getPrevWordRange(editor); const query = prevWordRange ? getAutocompleteQuery(editor, prevWordRange, AUTOCOMPLETE_PREFIXES) : undefined; diff --git a/src/app/features/settings/about/About.tsx b/src/app/features/settings/about/About.tsx index 27539ae..ff217f0 100644 --- a/src/app/features/settings/about/About.tsx +++ b/src/app/features/settings/about/About.tsx @@ -46,7 +46,7 @@ export function About({ requestClose }: AboutProps) { Cinny - v4.12.2 + v4.12.6 Yet another matrix client. diff --git a/src/app/hooks/useAccountManagement.ts b/src/app/hooks/useAccountManagement.ts index 5eafedc..aeccd58 100644 --- a/src/app/hooks/useAccountManagement.ts +++ b/src/app/hooks/useAccountManagement.ts @@ -4,9 +4,9 @@ export const useAccountManagementActions = () => { const actions = useMemo( () => ({ profile: 'org.matrix.profile', - sessionsList: 'org.matrix.sessions_list', - sessionView: 'org.matrix.session_view', - sessionEnd: 'org.matrix.session_end', + sessionsList: 'org.matrix.devices_list', + sessionView: 'org.matrix.device_view', + sessionEnd: 'org.matrix.device_delete', accountDeactivate: 'org.matrix.account_deactivate', crossSigningReset: 'org.matrix.cross_signing_reset', }), diff --git a/src/app/pages/auth/AuthFooter.tsx b/src/app/pages/auth/AuthFooter.tsx index 22f21b4..8ae911d 100644 --- a/src/app/pages/auth/AuthFooter.tsx +++ b/src/app/pages/auth/AuthFooter.tsx @@ -15,7 +15,7 @@ export function AuthFooter() { target="_blank" rel="noreferrer" > - v4.12.2 + v4.12.6 Twitter diff --git a/src/app/pages/client/WelcomePage.tsx b/src/app/pages/client/WelcomePage.tsx index 8383036..f3e1171 100644 --- a/src/app/pages/client/WelcomePage.tsx +++ b/src/app/pages/client/WelcomePage.tsx @@ -24,7 +24,7 @@ export function WelcomePage() { target="_blank" rel="noreferrer noopener" > - v4.12.2 + v4.12.6 } diff --git a/src/app/plugins/call/CallControl.ts b/src/app/plugins/call/CallControl.ts index f4162d7..62f6966 100644 --- a/src/app/plugins/call/CallControl.ts +++ b/src/app/plugins/call/CallControl.ts @@ -14,8 +14,12 @@ export class CallControl extends EventEmitter implements CallControlState { private iframe: HTMLIFrameElement; + private bodyMutationObserver: MutationObserver; + private controlMutationObserver: MutationObserver; + private mediaStatePromiseResolver: undefined | (() => void); + private get document(): Document | undefined { return this.iframe.contentDocument ?? this.iframe.contentWindow?.document; } @@ -28,16 +32,25 @@ export class CallControl extends EventEmitter implements CallControlState { return screenshareBtn ?? undefined; } - private get settingsButton(): HTMLElement | undefined { + private get leaveButton(): Element | undefined { const leaveBtn = this.document?.querySelector('[data-testid="incall_leave"]'); - const settingsButton = leaveBtn?.previousElementSibling as HTMLElement | null; + return leaveBtn ?? undefined; + } - return settingsButton ?? undefined; + private get settingsButton(): HTMLElement | undefined { + const settingsButtonLeft = this.document?.querySelector( + '[data-testid="settings-bottom-left"]' + ) as HTMLButtonElement | undefined; + const settingsButtonCenter = this.document?.querySelector( + '[data-testid="settings-bottom-center"]' + ) as HTMLButtonElement | undefined; + + return settingsButtonLeft ?? settingsButtonCenter ?? undefined; } private get reactionsButton(): HTMLElement | undefined { - const reactionsButton = this.settingsButton?.previousElementSibling as HTMLElement | null; + const reactionsButton = this.leaveButton?.previousElementSibling as HTMLElement | null; return reactionsButton ?? undefined; } @@ -65,6 +78,7 @@ export class CallControl extends EventEmitter implements CallControlState { this.call = call; this.iframe = iframe; + this.bodyMutationObserver = new MutationObserver(this.onBodyMutation.bind(this)); this.controlMutationObserver = new MutationObserver(this.onControlMutation.bind(this)); } @@ -102,6 +116,30 @@ export class CallControl extends EventEmitter implements CallControlState { } public startObserving() { + if (!this.document) return; + + this.bodyMutationObserver.observe(this.document.body, { + childList: true, + subtree: false, // only direct children of body + }); + this.onBodyMutation(); + } + + private onBodyMutation() { + if (!this.document) return; + + this.document.body.style.setProperty('background', 'none', 'important'); + + const controls = this.leaveButton?.parentElement?.parentElement; + if (controls) { + controls.style.setProperty('position', 'absolute'); + controls.style.setProperty('visibility', 'hidden'); + } + + this.observeControls(); + } + + private observeControls() { this.controlMutationObserver.disconnect(); const screenshareBtn = this.screenshareButton; @@ -125,8 +163,14 @@ export class CallControl extends EventEmitter implements CallControlState { this.setSound(this.sound); } - private setMediaState(state: ElementMediaStatePayload) { - return this.call.transport.send(ElementWidgetActions.DeviceMute, state); + private async setMediaState(state: ElementMediaStatePayload) { + const data = await this.call.transport.send(ElementWidgetActions.DeviceMute, state); + return new Promise(resolve => { + if (this.mediaStatePromiseResolver) { + this.mediaStatePromiseResolver(); + } + this.mediaStatePromiseResolver = () => resolve(data); + }); } private setSound(sound: boolean): void { @@ -157,9 +201,14 @@ export class CallControl extends EventEmitter implements CallControlState { if (this.microphone && !this.sound) { this.toggleSound(); } + + if (this.mediaStatePromiseResolver) { + this.mediaStatePromiseResolver(); + this.mediaStatePromiseResolver = undefined; + } } - public onControlMutation() { + private onControlMutation() { const screenshare: boolean = this.screenshareButton?.getAttribute('data-kind') === 'primary'; const spotlight: boolean = this.spotlightButton?.checked ?? false; @@ -230,6 +279,7 @@ export class CallControl extends EventEmitter implements CallControlState { } public dispose() { + this.bodyMutationObserver.disconnect(); this.controlMutationObserver.disconnect(); } diff --git a/src/app/plugins/call/CallEmbed.ts b/src/app/plugins/call/CallEmbed.ts index f79b64b..8d03bc8 100644 --- a/src/app/plugins/call/CallEmbed.ts +++ b/src/app/plugins/call/CallEmbed.ts @@ -172,6 +172,10 @@ export class CallEmbed { const controlState = initialControlState ?? new CallControlState(true, false, true); this.control = new CallControl(controlState, call, iframe); + this.control.startObserving(); + iframe.onload = () => { + this.control.startObserving(); + }; let initialMediaEvent = true; this.disposables.push( @@ -272,21 +276,6 @@ export class CallEmbed { private onCallJoined(): void { this.joined = true; - this.applyStyles(); - this.control.startObserving(); - } - - private applyStyles(): void { - const doc = this.document; - if (!doc) return; - - doc.body.style.setProperty('background', 'none', 'important'); - const controls = doc.body.querySelector('[data-testid="incall_leave"]')?.parentElement - ?.parentElement; - if (controls) { - controls.style.setProperty('position', 'absolute'); - controls.style.setProperty('visibility', 'hidden'); - } } private onEvent(ev: MatrixEvent): void {