fix: resolves process undefined and logs more data for browser types

Author: lukeocodes

examples/browser-prerecorded/index.html

@@ -4,7 +4,7 @@
     <script src="../../dist/umd/deepgram.js"></script>
     <script>
       const { createClient } = deepgram;
-      const _deepgram = createClient("deepgram-api-key", {
+      const _deepgram = createClient("3d75575499a7908f7f01483469c8105897e37c1a", {
         global: {
           fetch: {
             options: {
@@ -26,7 +26,7 @@
           }
         );
 
-        if (error) throw error;
+        if (error) console.error(error, result);
         if (!error) console.dir(result, { depth: null });
       };
 
@@ -38,7 +38,7 @@
           }
         );
 
-        if (error) throw error;
+        if (error) console.error(error, result);
         if (!error) console.dir(result, { depth: null });
       };
 

src/lib/constants.ts

@@ -2,12 +2,22 @@ import { convertProtocolToWs, isBrowser } from "./helpers";
 import { version } from "./version";
 import type { DefaultNamespaceOptions, DefaultClientOptions } from "./types";
 
-export const NODE_VERSION = process.versions.node;
+export const NODE_VERSION =
+  typeof process !== "undefined" && process.versions && process.versions.node
+    ? process.versions.node
+    : "unknown";
+
+export const BROWSER_AGENT =
+  typeof window !== "undefined" && window.navigator && window.navigator.userAgent
+    ? window.navigator.userAgent
+    : "unknown";
 
 export const DEFAULT_HEADERS = {
   "Content-Type": `application/json`,
   "X-Client-Info": `@deepgram/sdk; ${isBrowser() ? "browser" : "server"}; v${version}`,
-  "User-Agent": `@deepgram/sdk/${version} ${isBrowser() ? "javascript" : `node/${NODE_VERSION}`}`,
+  "User-Agent": `@deepgram/sdk/${version} ${
+    isBrowser() ? `javascript ${BROWSER_AGENT}` : `node/${NODE_VERSION}`
+  }`,
 };
 
 export const DEFAULT_URL = "https://api.deepgram.com";

webpack.config.js

@@ -1,5 +1,4 @@
 const path = require("path");
-const webpack = require("webpack");
 
 module.exports = {
   entry: "./src/index.ts",
@@ -25,9 +24,4 @@ module.exports = {
   resolve: {
     extensions: [".ts", ".js", ".json"],
   },
-  plugins: [
-    new webpack.DefinePlugin({
-      "process.versions.node": JSON.stringify(process.versions.node),
-    }),
-  ],
 };