Merge pull request #11 from mathieux51/dev

v1.0.11

.gitignore

@@ -22,4 +22,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-.now
+.now
+.vercel

README.md

@@ -7,6 +7,11 @@ npm i
 npm start
 ```
 
+# To do
+
+- [ ] Use [DiskStorage](https://recordrtc.org/global.html#DiskStorage) or block recording after 45mins
+- [ ] Vu meter
+
 ## Related
 
 - [Guide to Safari webrtc](https://webrtchacks.com/guide-to-safari-webrtc/)

package.json

@@ -1,30 +1,30 @@
 {
   "name": "direct-podcast",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "private": true,
   "dependencies": {
-    "@sentry/browser": "^5.15.4",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
+    "@sentry/browser": "^5.20.1",
+    "@testing-library/jest-dom": "^5.11.1",
+    "@testing-library/react": "^10.4.7",
+    "@testing-library/user-event": "^12.0.14",
     "file-saver": "^2.0.2",
-    "polished": "^3.5.1",
+    "polished": "^3.6.5",
     "react": "^16.13.1",
     "react-app-polyfill": "^1.0.6",
     "react-dom": "^16.13.1",
-    "react-google-recaptcha-v3": "^1.4.1",
+    "react-google-recaptcha-v3": "^1.5.2",
     "react-scripts": "3.4.1",
-    "recordrtc": "^5.5.9",
-    "styled-components": "^5.1.0",
+    "recordrtc": "^5.6.1",
+    "styled-components": "^5.1.1",
     "styled-media-helper": "^2.0.2",
-    "webrtc-adapter": "^7.5.1"
+    "webrtc-adapter": "^7.6.3"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "deploy": "bash scripts/deploy.bash"
+    "deploy": "sh scripts/deploy.sh"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -42,7 +42,7 @@
     ]
   },
   "devDependencies": {
-    "acorn": "^7.1.1",
+    "acorn": "^7.3.1",
     "acorn-jsx": "^5.2.0"
   },
   "description": "direct podcast",

public/index.html

@@ -49,7 +49,7 @@
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#005064" />
     <meta name="msapplication-TileColor" content="#005064" />
     <meta name="theme-color" content="#005064" />
-    <title>direct podcast</title>
+    <title>Direct podcast</title>
     <meta
       name="description"
       content="Je clique, j'autorise l'accès à mon micro, je parle et lorsque j’ai terminé, je clique une seconde fois pour arrêter mon enregistrement. Le fichier sonore se télécharge automatiquement."

scripts/deploy.bash → scripts/deploy.sh

@@ -2,6 +2,7 @@
 
 set -o errexit
 set -o nounset
+set -o pipefail
 
 npx now \
   --no-clipboard \

src/components/CreativeCommonIcon.js

@@ -4,13 +4,13 @@ const CreativeCommonIcon = ({ className, viewBox = "0 0 80 15" }) => (
   <svg width="100%" viewBox={viewBox} className={className}>
     <defs>
       <clipPath clipPathUnits="userSpaceOnUse" id="a">
-        <path stroke-width=".922" d="M171.998 239.12h20.614v12.484h-20.614z" />
+        <path strokeWidth=".922" d="M171.998 239.12h20.614v12.484h-20.614z" />
       </clipPath>
     </defs>
     <path
       fill="#fff"
       stroke="#000"
-      stroke-width="1.042"
+      strokeWidth="1.042"
       d="M170.5 237.862h80v15h-80z"
       transform="matrix(.9875 0 0 .93335 -167.875 -221.476)"
     />
@@ -21,7 +21,7 @@ const CreativeCommonIcon = ({ className, viewBox = "0 0 80 15" }) => (
     />
     <g
       transform="matrix(.94924 0 0 .89719 -161.127 -212.602)"
-      clip-path="url(#a)"
+      clipPath="url(#a)"
     >
       <path
         d="M190.064 245.362a7.047 7.047 0 01-14.094.009v-.009a7.047 7.047 0 1114.094-.008v.008z"
@@ -31,10 +31,10 @@ const CreativeCommonIcon = ({ className, viewBox = "0 0 80 15" }) => (
     </g>
     <path
       d="M29.052 6.901c.242 0 .426-.05.551-.15.126-.1.188-.247.188-.442 0-.193-.062-.34-.188-.44-.125-.102-.309-.153-.551-.153h-.851v1.185h.851m.052 2.45c.309 0 .54-.062.695-.184.157-.123.236-.308.236-.555 0-.243-.077-.424-.232-.544-.154-.123-.387-.184-.7-.184h-.902v1.467h.903m1.43-2.015c.33.09.586.257.768.5.18.242.271.54.271.892 0 .54-.194.943-.583 1.208-.389.265-.98.397-1.774.397h-2.553v-5.6h2.31c.828 0 1.427.118 1.797.353.373.235.56.611.56 1.129 0 .273-.068.505-.204.698-.136.19-.333.33-.592.423m.906-2.603h1.682L34.48 6.73l1.359-1.996h1.686l-2.274 3.241v2.36h-1.538v-2.36l-2.273-3.24m5.254 2.843h2.51v1.091h-2.51V7.577m3.712-2.844h1.718l2.17 3.841v-3.84h1.458v5.6h-1.718l-2.17-3.842v3.841h-1.458v-5.6m11.588 5.293a4.092 4.092 0 01-.883.311c-.307.07-.626.105-.96.105-.993 0-1.78-.26-2.36-.78-.582-.523-.872-1.23-.872-2.123 0-.895.29-1.603.871-2.123.58-.523 1.368-.784 2.362-.784.333 0 .652.035.959.105.306.07.6.174.883.311v1.16a3.446 3.446 0 00-.843-.402 2.966 2.966 0 00-.876-.127c-.548 0-.98.165-1.294.495-.314.33-.472.785-.472 1.365 0 .578.158 1.032.472 1.362.314.33.746.495 1.294.495.307 0 .599-.043.876-.128s.558-.219.843-.401v1.159m1.162-2.45h2.51v1.092h-2.51V7.577m3.712-2.844h1.719l2.17 3.841v-3.84h1.458v5.6h-1.718l-2.17-3.842v3.841h-1.459v-5.6m8.396 1.092v3.417h.551c.629 0 1.108-.146 1.438-.439.333-.293.5-.718.5-1.275 0-.555-.165-.978-.496-1.268-.33-.29-.81-.435-1.442-.435h-.551m-1.539-1.092h1.622c.906 0 1.58.062 2.022.184.445.12.826.325 1.143.615a2.4 2.4 0 01.623.874c.136.33.204.704.204 1.122 0 .422-.068.8-.204 1.133a2.4 2.4 0 01-.623.873c-.32.29-.703.497-1.15.62-.448.12-1.12.18-2.015.18h-1.622v-5.6"
-      font-size="8.259"
-      font-weight="700"
+      fontSize="8.259"
+      fontWeight="700"
       fill="#fff"
-      font-family="Bitstream Vera Sans"
+      fontFamily="Bitstream Vera Sans"
     />
   </svg>
 )

src/components/Main.js

@@ -7,7 +7,7 @@ import MicOff from "./MicOff"
 import Timer from "./Timer"
 import Footer from "./Footer"
 import usePrevious from "../hooks/usePrevious"
-import elementInvisible from "../style/elementInvisible"
+// import elementInvisible from "../style/elementInvisible"
 
 const addZero = (str) => (str.length === 1 ? `0${str}` : str)
 
@@ -62,6 +62,7 @@ const StyledMicOff = styled(MicOff)`
 const handleStopRecording = ({ recorder, setRecorder, a }) => () => {
   const blob = recorder.getBlob()
   saveAs(blob, getFilename())
+  recorder.destroy()
   setRecorder(null)
 }
 

src/components/Tooltip.js

@@ -57,7 +57,7 @@ const Tooltip = ({ className, children, isVisible }) => (
       <p>
         Je clique --> J'autorise l'accès à mon micro --> Je parle --> Lorsque
         j’ai terminé, je clique une seconde fois pour arrêter mon enregistrement
-        --> Le fichier sonore se télécharge automatiquement.
+        --> Le fichier sonore se télécharge automatiquement sur votre appareil.
       </p>
       <I></I>
     </Right>

src/index.js

@@ -8,7 +8,7 @@ import * as serviceWorker from "./serviceWorker"
 
 if (process.env.NODE_ENV !== "development") {
   Sentry.init({
-    release: "v1.0.10",
+    release: "v1.0.11",
     dsn:
       "https://[email protected]/5208585",
   })