1.0.0 - Official release

OvidijusParsiunas · Aug 23, 2023 · 5ced207 · 5ced207
1 parent 4df6420
commit 5ced207
Show file tree

Hide file tree

Showing 8 changed files with 96 additions and 32 deletions.
diff --git a/component/index.html b/component/index.html
@@ -4,26 +4,53 @@
   <head>
     <meta charset="utf-8" />
     <title>Speech To Element</title>
-    <script type="module" src="src/index.ts"></script>
-    <style>
-      html,
-      body {
-        height: 100%;
-        margin: 0px;
-      }
-    </style>
+    <link rel="stylesheet" href="indexStyle.css" />
+    <!-- Uncomment this when using Azure -->
+    <!-- <script src="https://aka.ms/csspeech/jsbrowserpackageraw"></script> -->
   </head>
   <body>
-    <div id="input-text" contenteditable="true" style="width: 300px; height: 20px; border: 1px solid grey"></div>
-    <input id="input-text-2" type="text" style="width: 300px; height: 20px; border: 1px solid grey" />
-    <textarea id="input-text-3" type="text" style="width: 300px; height: 20px; border: 1px solid grey"></textarea>
-    <button id="record-button">Record</button>
+    <h1 id="title">Speech To Element Development</h1>
+    <div id="text" contenteditable="true"></div>
+    <button id="button">Start</button>
+    <div id="error">Error, check the console for more details.</div>
     <script type="module">
       import SpeechToElement from './src/index';
-      const button = document.getElementById('record-button');
-      button.onclick = () => {
-        // const speechToInput = new SpeechToInput();
-        SpeechToElement.toggle({element: document.getElementById('input-text-3')});
+      const textEl = document.getElementById('text');
+      const buttonEl = document.getElementById('button');
+      const errorEl = document.getElementById('error');
+      buttonEl.onclick = () => {
+        errorEl.style.display = 'none';
+        // WebSpeech
+        SpeechToElement.toggle('webspeech', {
+          element: textEl,
+          onStart: () => {
+            buttonEl.innerText = 'Stop';
+          },
+          onStop: () => {
+            buttonEl.innerText = 'Start';
+          },
+          onError: () => {
+            errorEl.style.display = 'block';
+            buttonEl.innerText = 'Start';
+          },
+        });
+        // Azure
+        // set your REGION and SUBSCRIPTION-KEY
+        // SpeechToElement.toggle('azure', {
+        //   region: 'eastus',
+        //   subscriptionKey: '2473441130e84b6c84457e697ce0a108',
+        //   element: textEl,
+        //   onStart: () => {
+        //     buttonEl.innerText = 'Stop';
+        //   },
+        //   onStop: () => {
+        //     buttonEl.innerText = 'Start';
+        //   },
+        //   onError: () => {
+        //     errorEl.style.display = 'block';
+        //     buttonEl.innerText = 'Start';
+        //   },
+        // });
       };
     </script>
   </body>

diff --git a/component/indexStyle.css b/component/indexStyle.css
@@ -0,0 +1,37 @@
+body {
+  font-family: sans-serif;
+  text-align: center;
+}
+
+#title {
+  margin-top: 40px;
+}
+
+#text {
+  text-align: left;
+  width: 50%;
+  height: 200px;
+  border: 1px solid grey;
+  margin-top: 50px;
+  margin-left: auto;
+  margin-right: auto;
+  border-radius: 5px;
+  padding: 3px;
+}
+
+#button {
+  display: block;
+  margin-top: 25px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 80px;
+  height: 30px;
+  font-size: 18px;
+}
+
+#error {
+  display: none;
+  margin-top: 20px;
+  font-size: 18px;
+  color: red;
+}
diff --git a/component/package-lock.json b/component/package-lock.json
diff --git a/component/package.json b/component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "speech-to-element",
-  "version": "0.1.66",
+  "version": "1.0.0",
   "description": "Transcribe your speech into text, embed it into elements and more",
   "main": "dist/index.js",
   "scripts": {

diff --git a/examples/nextjs/package-lock.json b/examples/nextjs/package-lock.json
diff --git a/examples/ui/package-lock.json b/examples/ui/package-lock.json
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -1,6 +1,6 @@
 {
   "name": "speech-to-element-website",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
@@ -10,7 +10,7 @@
     "@types/node": "^16.18.38",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
-    "speech-to-element": "latest",
+    "speech-to-element": "1.0.0",
     "microsoft-cognitiveservices-speech-sdk": "^1.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",