diff --git a/.pnp.cjs b/.pnp.cjs index 570c2426..450ba249 100755 --- a/.pnp.cjs +++ b/.pnp.cjs @@ -60,8 +60,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["react-firebase-hooks", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:5.1.1"],\ ["react-icons", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:4.8.0"],\ ["react-lineto", "npm:3.3.0"],\ - ["react-media-recorder", "npm:1.6.6"],\ - ["react-mic", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:12.4.6"],\ + ["react-media-recorder", "npm:1.6.5"],\ ["react-player", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:2.12.0"],\ ["react-string-replace", "npm:1.1.0"],\ ["react-toastify", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:9.1.2"],\ @@ -2396,17 +2395,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["automation-events", [\ - ["npm:5.0.3", {\ - "packageLocation": "./.yarn/cache/automation-events-npm-5.0.3-3982bf01b9-8a9334e89d.zip/node_modules/automation-events/",\ - "packageDependencies": [\ - ["automation-events", "npm:5.0.3"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["autoprefixer", [\ ["npm:10.4.14", {\ "packageLocation": "./.yarn/cache/autoprefixer-npm-10.4.14-1e0b8c34fb-e9f18e664a.zip/node_modules/autoprefixer/",\ @@ -2531,19 +2519,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["broker-factory", [\ - ["npm:3.0.75", {\ - "packageLocation": "./.yarn/cache/broker-factory-npm-3.0.75-c7ab8f5cd5-68c846a62a.zip/node_modules/broker-factory/",\ - "packageDependencies": [\ - ["broker-factory", "npm:3.0.75"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["fast-unique-numbers", "npm:7.0.2"],\ - ["tslib", "npm:2.5.0"],\ - ["worker-factory", "npm:6.0.76"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["browserslist", [\ ["npm:4.21.5", {\ "packageLocation": "./.yarn/cache/browserslist-npm-4.21.5-e3b9e9d029-9755986b22.zip/node_modules/browserslist/",\ @@ -2782,19 +2757,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["compilerr", [\ - ["npm:10.0.2", {\ - "packageLocation": "./.yarn/cache/compilerr-npm-10.0.2-3e722899d8-ea4a9f2730.zip/node_modules/compilerr/",\ - "packageDependencies": [\ - ["compilerr", "npm:10.0.2"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["dashify", "npm:2.0.0"],\ - ["indefinite-article", "npm:0.0.2"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["concat-map", [\ ["npm:0.0.1", {\ "packageLocation": "./.yarn/cache/concat-map-npm-0.0.1-85a921b7ee-902a9f5d89.zip/node_modules/concat-map/",\ @@ -2902,15 +2864,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["dashify", [\ - ["npm:2.0.0", {\ - "packageLocation": "./.yarn/cache/dashify-npm-2.0.0-7c0a7ccfd6-f13233f38f.zip/node_modules/dashify/",\ - "packageDependencies": [\ - ["dashify", "npm:2.0.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["debug", [\ ["npm:3.2.7", {\ "packageLocation": "./.yarn/cache/debug-npm-3.2.7-754e818c7a-b3d8c59407.zip/node_modules/debug/",\ @@ -3702,60 +3655,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["extendable-media-recorder", [\ - ["npm:6.6.10", {\ - "packageLocation": "./.yarn/cache/extendable-media-recorder-npm-6.6.10-b815a56d83-51a4255852.zip/node_modules/extendable-media-recorder/",\ - "packageDependencies": [\ - ["extendable-media-recorder", "npm:6.6.10"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["media-encoder-host", "npm:8.0.88"],\ - ["multi-buffer-data-view", "npm:3.0.24"],\ - ["recorder-audio-worklet", "npm:5.1.39"],\ - ["standardized-audio-context", "npm:25.3.43"],\ - ["subscribable-things", "npm:2.1.14"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["extendable-media-recorder-wav-encoder", [\ - ["npm:7.0.85", {\ - "packageLocation": "./.yarn/cache/extendable-media-recorder-wav-encoder-npm-7.0.85-c69c802342-3c58fa5e41.zip/node_modules/extendable-media-recorder-wav-encoder/",\ - "packageDependencies": [\ - ["extendable-media-recorder-wav-encoder", "npm:7.0.85"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["extendable-media-recorder-wav-encoder-broker", "npm:7.0.77"],\ - ["extendable-media-recorder-wav-encoder-worker", "npm:8.0.76"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["extendable-media-recorder-wav-encoder-broker", [\ - ["npm:7.0.77", {\ - "packageLocation": "./.yarn/cache/extendable-media-recorder-wav-encoder-broker-npm-7.0.77-884e9f1892-6bf063169e.zip/node_modules/extendable-media-recorder-wav-encoder-broker/",\ - "packageDependencies": [\ - ["extendable-media-recorder-wav-encoder-broker", "npm:7.0.77"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["broker-factory", "npm:3.0.75"],\ - ["extendable-media-recorder-wav-encoder-worker", "npm:8.0.76"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["extendable-media-recorder-wav-encoder-worker", [\ - ["npm:8.0.76", {\ - "packageLocation": "./.yarn/cache/extendable-media-recorder-wav-encoder-worker-npm-8.0.76-947ae1dfae-fecdd6ccc3.zip/node_modules/extendable-media-recorder-wav-encoder-worker/",\ - "packageDependencies": [\ - ["extendable-media-recorder-wav-encoder-worker", "npm:8.0.76"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["tslib", "npm:2.5.0"],\ - ["worker-factory", "npm:6.0.76"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["fast-deep-equal", [\ ["npm:3.1.3", {\ "packageLocation": "./.yarn/cache/fast-deep-equal-npm-3.1.3-790edcfcf5-e21a9d8d84.zip/node_modules/fast-deep-equal/",\ @@ -3797,17 +3696,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["fast-unique-numbers", [\ - ["npm:7.0.2", {\ - "packageLocation": "./.yarn/cache/fast-unique-numbers-npm-7.0.2-1ff2badbe7-66a27baf37.zip/node_modules/fast-unique-numbers/",\ - "packageDependencies": [\ - ["fast-unique-numbers", "npm:7.0.2"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["fastparse", [\ ["npm:1.1.2", {\ "packageLocation": "./.yarn/cache/fastparse-npm-1.1.2-6a35154770-c4d199809d.zip/node_modules/fastparse/",\ @@ -4495,15 +4383,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["indefinite-article", [\ - ["npm:0.0.2", {\ - "packageLocation": "./.yarn/cache/indefinite-article-npm-0.0.2-cf886e7a36-5edd5cd34a.zip/node_modules/indefinite-article/",\ - "packageDependencies": [\ - ["indefinite-article", "npm:0.0.2"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["indent-string", [\ ["npm:4.0.0", {\ "packageLocation": "./.yarn/cache/indent-string-npm-4.0.0-7b717435b2-824cfb9929.zip/node_modules/indent-string/",\ @@ -5158,46 +5037,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["media-encoder-host", [\ - ["npm:8.0.88", {\ - "packageLocation": "./.yarn/cache/media-encoder-host-npm-8.0.88-1a1127401e-0c7e5bed73.zip/node_modules/media-encoder-host/",\ - "packageDependencies": [\ - ["media-encoder-host", "npm:8.0.88"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["media-encoder-host-broker", "npm:7.0.78"],\ - ["media-encoder-host-worker", "npm:9.1.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["media-encoder-host-broker", [\ - ["npm:7.0.78", {\ - "packageLocation": "./.yarn/cache/media-encoder-host-broker-npm-7.0.78-6ddcf730a2-d39c310b50.zip/node_modules/media-encoder-host-broker/",\ - "packageDependencies": [\ - ["media-encoder-host-broker", "npm:7.0.78"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["broker-factory", "npm:3.0.75"],\ - ["fast-unique-numbers", "npm:7.0.2"],\ - ["media-encoder-host-worker", "npm:9.1.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["media-encoder-host-worker", [\ - ["npm:9.1.0", {\ - "packageLocation": "./.yarn/cache/media-encoder-host-worker-npm-9.1.0-13dee28912-760f46f446.zip/node_modules/media-encoder-host-worker/",\ - "packageDependencies": [\ - ["media-encoder-host-worker", "npm:9.1.0"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["extendable-media-recorder-wav-encoder-broker", "npm:7.0.77"],\ - ["tslib", "npm:2.5.0"],\ - ["worker-factory", "npm:6.0.76"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["memoize-one", [\ ["npm:5.2.1", {\ "packageLocation": "./.yarn/cache/memoize-one-npm-5.2.1-ee0f8be979-a3cba7b824.zip/node_modules/memoize-one/",\ @@ -5395,17 +5234,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["multi-buffer-data-view", [\ - ["npm:3.0.24", {\ - "packageLocation": "./.yarn/cache/multi-buffer-data-view-npm-3.0.24-75b082426f-93fb4905ff.zip/node_modules/multi-buffer-data-view/",\ - "packageDependencies": [\ - ["multi-buffer-data-view", "npm:3.0.24"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["mz", [\ ["npm:2.7.0", {\ "packageLocation": "./.yarn/cache/mz-npm-2.7.0-ec3cef4ec2-8427de0ece.zip/node_modules/mz/",\ @@ -5538,8 +5366,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["react-firebase-hooks", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:5.1.1"],\ ["react-icons", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:4.8.0"],\ ["react-lineto", "npm:3.3.0"],\ - ["react-media-recorder", "npm:1.6.6"],\ - ["react-mic", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:12.4.6"],\ + ["react-media-recorder", "npm:1.6.5"],\ ["react-player", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:2.12.0"],\ ["react-string-replace", "npm:1.1.0"],\ ["react-toastify", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:9.1.2"],\ @@ -6345,32 +6172,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["react-ga", [\ - ["npm:2.7.0", {\ - "packageLocation": "./.yarn/cache/react-ga-npm-2.7.0-87bdce9bdf-15d8571c15.zip/node_modules/react-ga/",\ - "packageDependencies": [\ - ["react-ga", "npm:2.7.0"]\ - ],\ - "linkType": "SOFT"\ - }],\ - ["virtual:e1956ab5c33c6a3771f6a7a5970951d6b7a3cf85899f7243d2c8eaa604a12264dcaf1730152746b01bea7925dfaad73fbd473dddf94ef1cd64ae6dae7a019003#npm:2.7.0", {\ - "packageLocation": "./.yarn/__virtual__/react-ga-virtual-c2cf70fb02/0/cache/react-ga-npm-2.7.0-87bdce9bdf-15d8571c15.zip/node_modules/react-ga/",\ - "packageDependencies": [\ - ["react-ga", "virtual:e1956ab5c33c6a3771f6a7a5970951d6b7a3cf85899f7243d2c8eaa604a12264dcaf1730152746b01bea7925dfaad73fbd473dddf94ef1cd64ae6dae7a019003#npm:2.7.0"],\ - ["@types/prop-types", null],\ - ["@types/react", "npm:18.0.27"],\ - ["prop-types", "npm:15.8.1"],\ - ["react", "npm:18.2.0"]\ - ],\ - "packagePeers": [\ - "@types/prop-types",\ - "@types/react",\ - "prop-types",\ - "react"\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["react-icons", [\ ["npm:4.8.0", {\ "packageLocation": "./.yarn/cache/react-icons-npm-4.8.0-aa5423cd6c-4dbba7ad98.zip/node_modules/react-icons/",\ @@ -6414,38 +6215,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { }]\ ]],\ ["react-media-recorder", [\ - ["npm:1.6.6", {\ - "packageLocation": "./.yarn/cache/react-media-recorder-npm-1.6.6-73b5eabb2e-9dcb7f8b84.zip/node_modules/react-media-recorder/",\ + ["npm:1.6.5", {\ + "packageLocation": "./.yarn/cache/react-media-recorder-npm-1.6.5-d2f7ee76b0-0ace642df6.zip/node_modules/react-media-recorder/",\ "packageDependencies": [\ - ["react-media-recorder", "npm:1.6.6"],\ - ["extendable-media-recorder", "npm:6.6.10"],\ - ["extendable-media-recorder-wav-encoder", "npm:7.0.85"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["react-mic", [\ - ["npm:12.4.6", {\ - "packageLocation": "./.yarn/cache/react-mic-npm-12.4.6-282ff3c11b-b134169b12.zip/node_modules/react-mic/",\ - "packageDependencies": [\ - ["react-mic", "npm:12.4.6"]\ - ],\ - "linkType": "SOFT"\ - }],\ - ["virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:12.4.6", {\ - "packageLocation": "./.yarn/__virtual__/react-mic-virtual-e1956ab5c3/0/cache/react-mic-npm-12.4.6-282ff3c11b-b134169b12.zip/node_modules/react-mic/",\ - "packageDependencies": [\ - ["react-mic", "virtual:bf6aaa3c042cc1a42ee2910afd2615e1727d392da84fae76c4ff4b04654d9bc15e6952fab427843d598f4a94d8eaa3198f30dab7b7c8d523ed6cd30ef92cfb66#npm:12.4.6"],\ - ["@types/prop-types", null],\ - ["@types/react", "npm:18.0.27"],\ - ["prop-types", "npm:15.8.1"],\ - ["react", "npm:18.2.0"],\ - ["react-ga", "virtual:e1956ab5c33c6a3771f6a7a5970951d6b7a3cf85899f7243d2c8eaa604a12264dcaf1730152746b01bea7925dfaad73fbd473dddf94ef1cd64ae6dae7a019003#npm:2.7.0"]\ - ],\ - "packagePeers": [\ - "@types/prop-types",\ - "@types/react",\ - "react"\ + ["react-media-recorder", "npm:1.6.5"]\ ],\ "linkType": "HARD"\ }]\ @@ -6575,34 +6348,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["recorder-audio-worklet", [\ - ["npm:5.1.39", {\ - "packageLocation": "./.yarn/cache/recorder-audio-worklet-npm-5.1.39-d9790798b0-5ea8d7a174.zip/node_modules/recorder-audio-worklet/",\ - "packageDependencies": [\ - ["recorder-audio-worklet", "npm:5.1.39"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["broker-factory", "npm:3.0.75"],\ - ["fast-unique-numbers", "npm:7.0.2"],\ - ["recorder-audio-worklet-processor", "npm:4.2.21"],\ - ["standardized-audio-context", "npm:25.3.43"],\ - ["subscribable-things", "npm:2.1.14"],\ - ["tslib", "npm:2.5.0"],\ - ["worker-factory", "npm:6.0.76"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ - ["recorder-audio-worklet-processor", [\ - ["npm:4.2.21", {\ - "packageLocation": "./.yarn/cache/recorder-audio-worklet-processor-npm-4.2.21-9bc59a2810-78074c9b09.zip/node_modules/recorder-audio-worklet-processor/",\ - "packageDependencies": [\ - ["recorder-audio-worklet-processor", "npm:4.2.21"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["regenerator-runtime", [\ ["npm:0.13.11", {\ "packageLocation": "./.yarn/cache/regenerator-runtime-npm-0.13.11-90bf536060-27481628d2.zip/node_modules/regenerator-runtime/",\ @@ -6711,15 +6456,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["rxjs-interop", [\ - ["npm:2.0.0", {\ - "packageLocation": "./.yarn/cache/rxjs-interop-npm-2.0.0-3efb8202be-621263f0d3.zip/node_modules/rxjs-interop/",\ - "packageDependencies": [\ - ["rxjs-interop", "npm:2.0.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["safe-buffer", [\ ["npm:5.2.1", {\ "packageLocation": "./.yarn/cache/safe-buffer-npm-5.2.1-3481c8aa9b-b99c4b41fd.zip/node_modules/safe-buffer/",\ @@ -6918,18 +6654,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["standardized-audio-context", [\ - ["npm:25.3.43", {\ - "packageLocation": "./.yarn/cache/standardized-audio-context-npm-25.3.43-8c2f93e2b8-041ff9e2b9.zip/node_modules/standardized-audio-context/",\ - "packageDependencies": [\ - ["standardized-audio-context", "npm:25.3.43"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["automation-events", "npm:5.0.3"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["stop-iteration-iterator", [\ ["npm:1.0.0", {\ "packageLocation": "./.yarn/cache/stop-iteration-iterator-npm-1.0.0-ea451e1609-d04173690b.zip/node_modules/stop-iteration-iterator/",\ @@ -7080,18 +6804,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["subscribable-things", [\ - ["npm:2.1.14", {\ - "packageLocation": "./.yarn/cache/subscribable-things-npm-2.1.14-818dc1c0f4-8a4cc4d42b.zip/node_modules/subscribable-things/",\ - "packageDependencies": [\ - ["subscribable-things", "npm:2.1.14"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["rxjs-interop", "npm:2.0.0"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["sucrase", [\ ["npm:3.32.0", {\ "packageLocation": "./.yarn/cache/sucrase-npm-3.32.0-77d3fb5106-79f760aef5.zip/node_modules/sucrase/",\ @@ -7623,19 +7335,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ - ["worker-factory", [\ - ["npm:6.0.76", {\ - "packageLocation": "./.yarn/cache/worker-factory-npm-6.0.76-46a5ac4412-d07d547d96.zip/node_modules/worker-factory/",\ - "packageDependencies": [\ - ["worker-factory", "npm:6.0.76"],\ - ["@babel/runtime", "npm:7.21.0"],\ - ["compilerr", "npm:10.0.2"],\ - ["fast-unique-numbers", "npm:7.0.2"],\ - ["tslib", "npm:2.5.0"]\ - ],\ - "linkType": "HARD"\ - }]\ - ]],\ ["wrap-ansi", [\ ["npm:7.0.0", {\ "packageLocation": "./.yarn/cache/wrap-ansi-npm-7.0.0-ad6e1a0554-a790b846fd.zip/node_modules/wrap-ansi/",\ diff --git a/package.json b/package.json index 4451c726..aaf38463 100644 --- a/package.json +++ b/package.json @@ -36,8 +36,7 @@ "react-firebase-hooks": "^5.1.1", "react-icons": "^4.8.0", "react-lineto": "^3.3.0", - "react-media-recorder": "^1.6.6", - "react-mic": "^12.4.6", + "react-media-recorder": "1.6.5", "react-player": "^2.12.0", "react-string-replace": "^1.1.0", "react-toastify": "^9.1.2", diff --git a/src/pages/test.tsx b/src/pages/test.tsx index 075a42ea..163aa853 100644 --- a/src/pages/test.tsx +++ b/src/pages/test.tsx @@ -1,13 +1,19 @@ /* eslint-disable @next/next/no-img-element */ + import Head from "next/head"; import Navbar from "@/components/Navbar"; - import {ToastContainer} from "react-toastify"; import {withIronSessionSsr} from "iron-session/next"; import {sessionOptions} from "@/lib/session"; import useUser from "@/hooks/useUser"; import Sidebar from "@/components/Sidebar"; -import {ReactMediaRecorder} from "react-media-recorder"; +import dynamic from "next/dynamic"; +import {BsCheckCircleFill, BsMicFill, BsPauseCircle, BsPlayCircle, BsPlayFill, BsTrashFill} from "react-icons/bs"; +import {useEffect, useState} from "react"; + +const ReactMediaRecorder = dynamic(() => import("react-media-recorder").then((mod) => mod.ReactMediaRecorder), { + ssr: false, +}); export const getServerSideProps = withIronSessionSsr(({req, res}) => { const user = req.session.user; @@ -30,6 +36,21 @@ export const getServerSideProps = withIronSessionSsr(({req, res}) => { export default function Page() { const {user} = useUser({redirectTo: "/login"}); + const [recordingDuration, setRecordingDuration] = useState(0); + const [isRecording, setIsRecording] = useState(false); + + useEffect(() => { + let recordingInterval: NodeJS.Timer | undefined = undefined; + if (isRecording) { + recordingInterval = setInterval(() => setRecordingDuration((prev) => prev + 1), 1000); + } else if (recordingInterval) { + clearInterval(recordingInterval); + } + + return () => { + if (recordingInterval) clearInterval(recordingInterval); + }; + }, [isRecording]); return ( <> @@ -51,13 +72,115 @@ export default function Page() {
( -
-

{status}

- - -