reverieinc · souravmishra3093 · Mar 21, 2025
diff --git a/javascript/document-localization/README.md b/javascript/document-localization/README.md
@@ -5,7 +5,6 @@
 ### Prerequisites:
 
 - **VS Code** installed
-- **Live Server** extension installed in VS Code
 
 ### Running the Application:
 

diff --git a/javascript/document-localization/package.json b/javascript/document-localization/package.json
@@ -4,9 +4,9 @@
   "description": "- **VS Code** installed\r - **Live Server** extension installed in VS Code",
   "main": "script.js",
   "scripts": {
-  "start": "webpack serve --mode development",
-  "build": "webpack --mode production"
-},
+    "start": "webpack serve --mode development",
+    "build": "webpack --mode production"
+  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -19,6 +19,6 @@
     "webpack-dev-server": "^5.2.0"
   },
   "dependencies": {
-    "@reverieit/reverie-client": "^0.1.4"
+    "@reverieit/reverie-client": "^0.1.5"
   }
 }
diff --git a/javascript/language-identification-text/README.md b/javascript/language-identification-text/README.md
@@ -0,0 +1,59 @@
+# Identify Language by Text API
+
+## Steps to Run the Application
+
+### Prerequisites:
+
+- **VS Code** installed
+
+### Running the Application:
+
+1. **Install Dependencies**
+
+   - Open the terminal in VS Code
+   - Run:
+     ```sh
+     npm install
+     ```
+
+2. **Start the Dev Server**
+
+   - Run:
+     ```sh
+     npm start
+     ```
+   - This will start the Webpack Dev Server on `http://localhost:3000/`
+
+3. **Build for Production**
+
+   - Run:
+     ```sh
+     npm run build
+     ```
+   - This will generate the bundled files in the `dist/` folder
+
+4. **Using the Application**
+
+- Enter the Text.
+- View the detected language of the input text.
+
+## API Parameters
+
+| Parameter | Type   | Required | Description                                      |
+| --------- | ------ | -------- | ------------------------------------------------ |
+| `text`    | String | Yes      | The input text to process (Max: 512 characters). |
+
+## Language Code
+
+- Assamese (`as`)
+- Bengali (`bn`)
+- Gujarati (`gu`)
+- Hindi (`hi`)
+- Kannada (`kn`)
+- Malayalam (`ml`)
+- Marathi (`mr`)
+- Odia (`or`)
+- Punjabi (`pa`)
+- Tamil (`ta`)
+- Telugu (`te`)
+- English (`en`)
diff --git a/javascript/language-identification-text/dist/bundle.js b/javascript/language-identification-text/dist/bundle.js
diff --git a/javascript/language-identification-text/dist/bundle.js.LICENSE.txt b/javascript/language-identification-text/dist/bundle.js.LICENSE.txt
@@ -0,0 +1,5 @@
+/*!
+ * reverie-client
+ * Copyright(c) 2025 Reverie Language Technologies
+ * MIT Licensed
+ */
diff --git a/javascript/language-identification-text/dist/index.html b/javascript/language-identification-text/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Language Identification</title><script defer="defer" src="bundle.js"></script></head><body><h1>Language Identification</h1><label for="text-input">Enter text to identify language:</label> <textarea id="text-input" rows="4" cols="50" placeholder="Type your text here..."></textarea><br><br><button id="identifyLanguage">Identify Language</button><h2>Response:</h2><pre id="response-output"></pre><script src="dist/bundle.js"></script></body></html>
diff --git a/javascript/language-identification-text/index.html b/javascript/language-identification-text/index.html
@@ -10,11 +10,11 @@ <h1>Language Identification</h1>
     <label for="text-input">Enter text to identify language:</label>
     <textarea id="text-input" rows="4" cols="50" placeholder="Type your text here..."></textarea><br><br>
 
-    <button onclick="identifyLanguage()">Identify Language</button>
+    <button id="identifyLanguage">Identify Language</button>
 
     <h2>Response:</h2>
     <pre id="response-output"></pre>
 
-    <script src="script.js"></script>
+    <script src="dist/bundle.js"></script>
 </body>
 </html>
diff --git a/javascript/language-identification-text/package.json b/javascript/language-identification-text/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "language-identification-text",
+  "version": "1.0.0",
+  "description": "",
+  "main": "script.js", "scripts": {
+    "start": "webpack serve --mode development",
+    "build": "webpack --mode production"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^7.1.2",
+    "html-webpack-plugin": "^5.6.3",
+    "style-loader": "^4.0.0",
+    "webpack": "^5.98.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
+  },
+  "dependencies": {
+    "@reverieit/reverie-client": "^0.1.4",
+    "reverie-client": "^0.1.2"
+  }
+}
diff --git a/javascript/language-identification-text/script.js b/javascript/language-identification-text/script.js
@@ -1,11 +1,14 @@
+import ReverieClient from "@reverieit/reverie-client";
 
 async function identifyLanguage() {
     const text = document.getElementById('text-input').value;
-    const apiKey = 'REV-API-KEY'; // Replace with your actual API key
-    const appID = 'REV-APP-ID'; // Replace with your actual app ID
-    const baseURL = 'https://revapi.reverieinc.com'; // Replace with the actual API base URL
 
-    // Validate text length
+    const reverieClient = new ReverieClient({
+        apiKey: "<YOUR-API-KEY>",
+        appId: "<YOUR-APP-ID>",
+    });
+
+
     if (!text) {
         alert('Text is required.');
         return;
@@ -16,38 +19,23 @@ async function identifyLanguage() {
     }
 
     // Calculate maxLength (this is an approximation of your Go code's logic)
-    const maxLength = Math.pow(2, Math.ceil(Math.sqrt(text.length)));
-
-    // Prepare request body
-    const requestBody = {
-        text: text,
-        max_length: maxLength > 512 ? 512 : maxLength
-    };
 
     try {
-        const response = await fetch(baseURL, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'REV-API-KEY': apiKey,
-                'REV-APP-ID': appID,
-                'REV-APPNAME': 'lang_id_text'
-            },
-            body: JSON.stringify(requestBody)
-        });
-
-        // Check if the response status is ok
-        if (!response.ok) {
-            const errorMessage = `API error: ${response.statusText}`;
-            document.getElementById('response-output').textContent = errorMessage;
-            return;
+        const response = await reverieClient.identify_language_by_text({ text: text });
+        // Extract the 'lang' field from the response
+        if (response.lang) {
+            document.getElementById('response-output').textContent = `Detected Language: ${response.lang}`;
+        } else {
+            document.getElementById('response-output').textContent = "Language could not be identified.";
         }
-
-        const result = await response.json();
-        // Assuming the response contains a 'language' field
-        document.getElementById('response-output').textContent = JSON.stringify(result, null, 2);
     } catch (error) {
         console.error('Error:', error);
         document.getElementById('response-output').textContent = 'An error occurred while identifying the language.';
     }
+
 }
+
+document.addEventListener("DOMContentLoaded", function () {
+    document.getElementById("identifyLanguage").addEventListener("click", identifyLanguage);
+
+});
diff --git a/javascript/language-identification-text/webpack.config.js b/javascript/language-identification-text/webpack.config.js
@@ -0,0 +1,32 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+    mode: "development",
+    entry: './script.js',
+    output: {
+        filename: 'bundle.js',
+        path: path.resolve(__dirname, 'dist'),
+        clean: true,
+    },
+    devtool: 'inline-source-map',
+    devServer: {
+        static: path.resolve(__dirname, '.'),
+        port: 3000,
+        open: true,
+    },
+    module: {
+        rules: [
+            {
+                test: /\.css$/i,
+                use: ['style-loader', 'css-loader'],
+            },
+        ],
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: './index.html',
+            filename: 'index.html',
+        }),
+    ],
+};
diff --git a/javascript/language-identification-voice/README.md b/javascript/language-identification-voice/README.md
@@ -0,0 +1,59 @@
+# Identify Language by Voice API
+
+## Steps to Run the Application
+
+### Prerequisites:
+
+- **VS Code** installed
+
+### Running the Application:
+
+1. **Install Dependencies**
+
+   - Open the terminal in VS Code
+   - Run:
+     ```sh
+     npm install
+     ```
+
+2. **Start the Dev Server**
+
+   - Run:
+     ```sh
+     npm start
+     ```
+   - This will start the Webpack Dev Server on `http://localhost:3000/`
+
+3. **Build for Production**
+
+   - Run:
+     ```sh
+     npm run build
+     ```
+   - This will generate the bundled files in the `dist/` folder
+
+4. **Using the Application**
+
+- Upload the Audio File.
+- View the detected language of the audio file.
+
+## API Parameters
+
+| Element      | Type | Description                                                                                                            |
+| ------------ | ---- | ---------------------------------------------------------------------------------------------------------------------- |
+| `audio_file` | File | Local audio file’s path to obtain the transcript. **Note:** Audio file length should be **≤ 120 seconds (2 minutes).** |
+
+## Language Code
+
+- Assamese (`as`)
+- Bengali (`bn`)
+- Gujarati (`gu`)
+- Hindi (`hi`)
+- Kannada (`kn`)
+- Malayalam (`ml`)
+- Marathi (`mr`)
+- Odia (`or`)
+- Punjabi (`pa`)
+- Tamil (`ta`)
+- Telugu (`te`)
+- English (`en`)
diff --git a/javascript/language-identification-voice/dist/bundle.js b/javascript/language-identification-voice/dist/bundle.js
diff --git a/javascript/language-identification-voice/dist/bundle.js.LICENSE.txt b/javascript/language-identification-voice/dist/bundle.js.LICENSE.txt
@@ -0,0 +1,5 @@
+/*!
+ * reverie-client
+ * Copyright(c) 2025 Reverie Language Technologies
+ * MIT Licensed
+ */
diff --git a/javascript/language-identification-voice/dist/index.html b/javascript/language-identification-voice/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Audio Transcription</title><link rel="stylesheet" href="styles.css"><script src="dist/bundle.js"></script><script defer="defer" src="bundle.js"></script></head><body><div class="container"><h2>Upload Audio File</h2><input type="file" id="audioFile" accept="audio/*"> <button id="uploadBtn">Upload</button><p id="response"></p></div></body></html>
diff --git a/javascript/language-identification-voice/index.html b/javascript/language-identification-voice/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Audio Transcription</title>
+    <link rel="stylesheet" href="styles.css">
+    <script src="dist/bundle.js"></script>
+</head>
+<body>
+    <div class="container">
+        <h2>Upload Audio File</h2>
+        <input type="file" id="audioFile" accept="audio/*">
+        <button id="uploadBtn">Upload</button>
+        <div id="loader" class="hidden"></div> 
+        <p id="response"></p>
+    </div>
+</body>
+</html>
diff --git a/javascript/language-identification-voice/package.json b/javascript/language-identification-voice/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "language-identification-voice",
+  "version": "1.0.0",
+  "description": "",
+  "main": "script.js",
+  "scripts": {
+    "start": "webpack serve --mode development",
+    "build": "webpack --mode production"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "css-loader": "^7.1.2",
+    "html-webpack-plugin": "^5.6.3",
+    "style-loader": "^4.0.0",
+    "webpack": "^5.98.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
+  },
+  "dependencies": {
+    "@reverieit/reverie-client": "^0.1.5"
+  }
+}
diff --git a/javascript/language-identification-voice/script.js b/javascript/language-identification-voice/script.js
@@ -0,0 +1,35 @@
+import ReverieClient from "@reverieit/reverie-client";
+
+document.getElementById("uploadBtn").addEventListener("click", async () => {
+    const reverieClient = new ReverieClient({
+        apiKey: "<YOUR-API-KEY>",
+        appId: "<YOUR-APP-ID>",
+    });
+
+    const fileInput = document.getElementById("audioFile");
+    const loader = document.getElementById("loader");
+    const responseText = document.getElementById("response");
+
+    if (!fileInput.files.length) {
+        responseText.textContent = "Please select an audio file.";
+        return;
+    }
+    loader.classList.remove("hidden");
+
+    try {
+        const language = await reverieClient.uploadAudio({
+            file: fileInput.files[0],
+        });
+        if (language) {
+            responseText.textContent = `Language: ${language.language}`;
+        } else {
+            responseText.textContent = `Error: ${language.cause}`;
+        }
+    } catch (error) {
+        console.log(error);
+        responseText.textContent = "Upload failed. Please try again.";
+    }
+    finally {
+        loader.classList.add("hidden");
+    }
+});
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Language Identification</title><script defer="defer" src="bundle.js"></script></head><body><h1>Language Identification</h1><label for="text-input">Enter text to identify language:</label> <textarea id="text-input" rows="4" cols="50" placeholder="Type your text here..."></textarea><br><br><button id="identifyLanguage">Identify Language</button><h2>Response:</h2><pre id="response-output"></pre><script src="dist/bundle.js"></script></body></html>