@boldvideo/bold-js 0.3.5 → 0.4.0

package/dist/index.cjs

@@ -72,9 +72,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/client.ts
-var import_axios = __toESM(require("axios"), 1);
+var import_axios2 = __toESM(require("axios"), 1);
+var import_js_cookie = __toESM(require("js-cookie"), 1);
 
 // src/lib/fetchers.ts
+var import_axios = __toESM(require("axios"), 1);
 function get(client, url) {
   return __async(this, null, function* () {
     try {
@@ -84,7 +86,16 @@ function get(client, url) {
       }
       return res.data;
     } catch (error) {
-      console.error(`Error fetching data from URL: ${url}`, error);
+      if (import_axios.default.isAxiosError(error)) {
+        console.error("fetching error details:", {
+          message: error.message,
+          code: error.code,
+          config: error.config,
+          response: error.response
+        });
+      } else {
+        console.error(`Error fetching data from URL: ${url}`, error);
+      }
       throw error;
     }
   });
@@ -202,14 +213,15 @@ function sendEvent(client, eventName, data, debug) {
 var [throttledSendEvent] = throttle(sendEvent, 5e3);
 function trackEvent(client, userId, options) {
   return (video, event) => {
+    var _a;
     const eventDetails = __spreadProps(__spreadValues({}, basicInfos()), {
       userId,
       videoId: video.id,
       title: video.title,
       videoDuration: video.duration,
-      currentTime: event.target.currentTime || 0
+      currentTime: ((_a = event.target) == null ? void 0 : _a.currentTime) || 0
     });
-    if (event.type == "timeupdate") {
+    if (event.type == "timeupdate" || event.type == "time-update") {
       throttledSendEvent(
         client,
         getEventName(event),
@@ -230,14 +242,16 @@ function trackPageView(client, userId, options) {
     sendEvent(client, "page_view", eventDetails, options.debug);
   };
 }
-function getEventName({ type }) {
-  switch (type) {
+function getEventName(event) {
+  switch (event.type) {
     case "pause":
       return "video_pause";
     case "play":
       return "video_resume";
     case "loadedmetadata":
+    case "loaded-metadata":
       return "video_load";
+    case "time-update":
     case "timeupdate":
       return "video_progress";
     default:
@@ -247,7 +261,7 @@ function getEventName({ type }) {
 function basicInfos() {
   return {
     url: location.href,
-    domain: "localhost:3000",
+    domain: location.hostname,
     referrer: document.referrer || null,
     deviceWidth: window.innerWidth,
     userAgent: navigator.userAgent
@@ -255,26 +269,39 @@ function basicInfos() {
 }
 
 // src/lib/client.ts
+var generateUserId = () => {
+  return [...Array(30)].map(() => Math.random().toString(36)[2]).join("");
+};
+var getUserId = () => {
+  const localStorageKey = "boldvideo_user_id";
+  let userId = import_js_cookie.default.get(localStorageKey);
+  if (!userId) {
+    userId = generateUserId();
+    import_js_cookie.default.set(localStorageKey, userId, { expires: 365 });
+  }
+  return userId;
+};
 function createClient(apiKey, options = { debug: false }) {
   var _a;
   if (!apiKey || typeof apiKey !== "string") {
     throw new Error("API key is missing or invalid");
   }
+  const userId = getUserId();
   const { debug } = options;
   const apiClientOptions = {
     baseURL: (_a = options.baseURL) != null ? _a : "https://app.boldvideo.io/api/v1/",
     headers: {
-      Authorization: apiKey
+      Authorization: apiKey,
+      "X-User-Id": userId
     }
   };
   let apiClient;
   try {
-    apiClient = import_axios.default.create(apiClientOptions);
+    apiClient = import_axios2.default.create(apiClientOptions);
   } catch (error) {
     console.error("Error creating API client", error);
     throw error;
   }
-  const userId = [...Array(30)].map(() => Math.random().toString(36)[2]).join("");
   return {
     settings: fetchSettings(apiClient),
     videos: {

package/dist/index.js

@@ -39,9 +39,11 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/lib/client.ts
-import axios from "axios";
+import axios2 from "axios";
+import Cookies from "js-cookie";
 
 // src/lib/fetchers.ts
+import axios from "axios";
 function get(client, url) {
   return __async(this, null, function* () {
     try {
@@ -51,7 +53,16 @@ function get(client, url) {
       }
       return res.data;
     } catch (error) {
-      console.error(`Error fetching data from URL: ${url}`, error);
+      if (axios.isAxiosError(error)) {
+        console.error("fetching error details:", {
+          message: error.message,
+          code: error.code,
+          config: error.config,
+          response: error.response
+        });
+      } else {
+        console.error(`Error fetching data from URL: ${url}`, error);
+      }
       throw error;
     }
   });
@@ -169,14 +180,15 @@ function sendEvent(client, eventName, data, debug) {
 var [throttledSendEvent] = throttle(sendEvent, 5e3);
 function trackEvent(client, userId, options) {
   return (video, event) => {
+    var _a;
     const eventDetails = __spreadProps(__spreadValues({}, basicInfos()), {
       userId,
       videoId: video.id,
       title: video.title,
       videoDuration: video.duration,
-      currentTime: event.target.currentTime || 0
+      currentTime: ((_a = event.target) == null ? void 0 : _a.currentTime) || 0
     });
-    if (event.type == "timeupdate") {
+    if (event.type == "timeupdate" || event.type == "time-update") {
       throttledSendEvent(
         client,
         getEventName(event),
@@ -197,14 +209,16 @@ function trackPageView(client, userId, options) {
     sendEvent(client, "page_view", eventDetails, options.debug);
   };
 }
-function getEventName({ type }) {
-  switch (type) {
+function getEventName(event) {
+  switch (event.type) {
     case "pause":
       return "video_pause";
     case "play":
       return "video_resume";
     case "loadedmetadata":
+    case "loaded-metadata":
       return "video_load";
+    case "time-update":
     case "timeupdate":
       return "video_progress";
     default:
@@ -214,7 +228,7 @@ function getEventName({ type }) {
 function basicInfos() {
   return {
     url: location.href,
-    domain: "localhost:3000",
+    domain: location.hostname,
     referrer: document.referrer || null,
     deviceWidth: window.innerWidth,
     userAgent: navigator.userAgent
@@ -222,26 +236,39 @@ function basicInfos() {
 }
 
 // src/lib/client.ts
+var generateUserId = () => {
+  return [...Array(30)].map(() => Math.random().toString(36)[2]).join("");
+};
+var getUserId = () => {
+  const localStorageKey = "boldvideo_user_id";
+  let userId = Cookies.get(localStorageKey);
+  if (!userId) {
+    userId = generateUserId();
+    Cookies.set(localStorageKey, userId, { expires: 365 });
+  }
+  return userId;
+};
 function createClient(apiKey, options = { debug: false }) {
   var _a;
   if (!apiKey || typeof apiKey !== "string") {
     throw new Error("API key is missing or invalid");
   }
+  const userId = getUserId();
   const { debug } = options;
   const apiClientOptions = {
     baseURL: (_a = options.baseURL) != null ? _a : "https://app.boldvideo.io/api/v1/",
     headers: {
-      Authorization: apiKey
+      Authorization: apiKey,
+      "X-User-Id": userId
     }
   };
   let apiClient;
   try {
-    apiClient = axios.create(apiClientOptions);
+    apiClient = axios2.create(apiClientOptions);
   } catch (error) {
     console.error("Error creating API client", error);
     throw error;
   }
-  const userId = [...Array(30)].map(() => Math.random().toString(36)[2]).join("");
   return {
     settings: fetchSettings(apiClient),
     videos: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@boldvideo/bold-js",
   "license": "MIT",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/lib/client.ts

@@ -1,23 +1,54 @@
 import axios, { AxiosInstance } from "axios";
+import Cookies from "js-cookie";
 
-import { fetchVideo, fetchVideos, searchVideos, fetchSettings, fetchPlaylist, fetchPlaylists } from './fetchers'
-import { trackEvent, trackPageView } from './tracking'
+import {
+  fetchVideo,
+  fetchVideos,
+  searchVideos,
+  fetchSettings,
+  fetchPlaylist,
+  fetchPlaylists,
+} from "./fetchers";
+import { trackEvent, trackPageView } from "./tracking";
 
 type ClientOptions = {
-  baseURL?: string
-  debug: boolean
-}
+  baseURL?: string;
+  debug: boolean;
+};
+
+const generateUserId = (): string => {
+  return [...Array(30)].map(() => Math.random().toString(36)[2]).join("");
+};
+
+const getUserId = (): string => {
+  const localStorageKey = "boldvideo_user_id";
 
-function createClient(apiKey: string, options: ClientOptions = {debug: false}) {
-  if (!apiKey || typeof apiKey !== 'string') {
-    throw new Error('API key is missing or invalid');
+  let userId = Cookies.get(localStorageKey);
+
+  if (!userId) {
+    userId = generateUserId();
+    Cookies.set(localStorageKey, userId, { expires: 365 }); // 1-year expiration
   }
 
+  return userId;
+};
+
+function createClient(
+  apiKey: string,
+  options: ClientOptions = { debug: false }
+) {
+  if (!apiKey || typeof apiKey !== "string") {
+    throw new Error("API key is missing or invalid");
+  }
+
+  const userId = getUserId();
+
   const { debug } = options;
   const apiClientOptions = {
     baseURL: options.baseURL ?? "https://app.boldvideo.io/api/v1/",
     headers: {
       Authorization: apiKey,
+      "X-User-Id": userId,
     },
   };
 
@@ -30,10 +61,6 @@ function createClient(apiKey: string, options: ClientOptions = {debug: false}) {
     throw error;
   }
 
-  const userId = [...Array(30)]
-    .map(() => Math.random().toString(36)[2])
-    .join("");
-
   return {
     settings: fetchSettings(apiClient),
     videos: {

package/src/lib/fetchers.ts

@@ -1,3 +1,4 @@
+import axios from "axios";
 import { Video, Playlist, Settings } from "./types";
 import { AxiosInstance } from "axios";
 
@@ -18,7 +19,16 @@ async function get<TResponse>(
     }
     return res.data as TResponse;
   } catch (error) {
-    console.error(`Error fetching data from URL: ${url}`, error);
+    if (axios.isAxiosError(error)) {
+      console.error("fetching error details:", {
+        message: error.message,
+        code: error.code,
+        config: error.config,
+        response: error.response,
+      });
+    } else {
+      console.error(`Error fetching data from URL: ${url}`, error);
+    }
     throw error;
   }
 }

package/src/lib/types.ts

@@ -37,6 +37,8 @@ export type MenuItem = {
 export type Settings = {
   featured_playlists: Playlist[];
   menu_items: MenuItem[];
+  ai_avatar: string;
+  ai_name: string;
   meta_data: {
     channel_name: string;
     description: string;