Created a simple test page where I'll implement the recorder for the speaking module

This commit is contained in:
Tiago Ribeiro
2023-06-14 14:37:12 +01:00
parent 31e2e56833
commit 31f2eb510e
4 changed files with 146 additions and 574 deletions

311
.pnp.cjs generated
View File

@@ -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/",\