@djust-b2b/djust-front-sdk 1.22.3 → 1.23.0

package/lib/{src/settings → settings}/fetch-instance.d.ts

@@ -1,5 +1,5 @@
 import { DjustConfig } from "../interfaces/models/common";
-type ClientConfig = {
+export type ClientConfig = {
     baseUrl: string;
     clientId: string;
     apiKey: string;
@@ -11,8 +11,8 @@ type ClientConfig = {
     storeViewId?: string;
     customerAccountId?: string;
     clientName?: string;
-    dsn?: string;
     env?: string;
+    dsn?: string;
 };
 export declare const initialize: (initConfig: ClientConfig) => void;
 export declare const updateConfiguration: (newConfig: Partial<ClientConfig>) => void;
@@ -25,4 +25,3 @@ export declare const enhancedFetch: <T = any>({ path, method, params, body, }: R
     headers: Headers;
     status: number;
 }>;
-export {};

package/lib/{src/settings → settings}/fetch-instance.js

@@ -34,24 +34,54 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.enhancedFetch = exports.updateConfiguration = exports.initialize = void 0;
-const Sentry = __importStar(require("@sentry/node"));
 const qs = __importStar(require("query-string"));
+const Sentry = __importStar(require("@sentry/browser"));
 require("isomorphic-fetch");
+const SDK_VERSION = require("../../package.json").version || "unknown";
 let clientConfig = {
     baseUrl: "",
     clientId: "",
     apiKey: "",
     dsn: "https://39ef5198e24fa0ec7b743c460bd1ca63@o1191347.ingest.us.sentry.io/4508879498575872",
+    env: "development",
+    clientName: "Djust",
 };
-let isSDKInitialized = false;
 const initialize = (initConfig) => {
     clientConfig = {
         ...initConfig,
     };
-    if (!isSDKInitialized) {
-        Sentry.init(clientConfig); // ✅ Pass clientConfig dynamically
-        isSDKInitialized = true;
-        console.log("[Djust SDK] Initialized with client config:", clientConfig);
+    if (clientConfig.dsn) {
+        Sentry.init({
+            dsn: clientConfig.dsn ||
+                "https://39ef5198e24fa0ec7b743c460bd1ca63@o1191347.ingest.us.sentry.io/4508879498575872",
+            environment: `${clientConfig.clientName}-${clientConfig.env}`,
+            release: `${SDK_VERSION || "unknown"}`,
+            integrations: [
+                Sentry.browserTracingIntegration(),
+                Sentry.replayIntegration(),
+                Sentry.httpClientIntegration(),
+                Sentry.breadcrumbsIntegration({
+                    console: true,
+                    dom: true,
+                    fetch: true,
+                    history: true,
+                    xhr: true,
+                }),
+                Sentry.browserApiErrorsIntegration({
+                    setTimeout: true,
+                    setInterval: true,
+                    requestAnimationFrame: true,
+                    XMLHttpRequest: true,
+                    eventTarget: true,
+                }),
+            ],
+            tracesSampleRate: 1.0,
+            replaysSessionSampleRate: 0.1,
+            replaysOnErrorSampleRate: 1.0,
+            profilesSampleRate: 1.0,
+            sendDefaultPii: true,
+        });
+        console.log(`[Djust SDK] Sentry initialized in ${clientConfig.clientName || "unknown"} environment: ${clientConfig.env || "unknown"}.`);
     }
 };
 exports.initialize = initialize;
@@ -98,8 +128,10 @@ const isPublicRoute = (path, method) => {
 const enhancedFetch = async ({ path, method, params = {}, body, }) => {
     var _a, _b, _c, _d, _e, _f;
     if (!isClientInitialized(clientConfig)) {
-        const error = new Error('[Djust SDK] SDK not initialized. Provide both client ID and API key via the "initialize" method.');
-        Sentry.captureException(error);
+        const error = new Error("[Djust SDK] SDK not initialized.");
+        Sentry.captureException(error, {
+            tags: { env: clientConfig.env },
+        });
         throw error;
     }
     const { clientId, apiKey, accessToken, locale, headers } = clientConfig;
@@ -108,8 +140,11 @@ const enhancedFetch = async ({ path, method, params = {}, body, }) => {
         "dj-api-key": apiKey,
         "Content-Type": "application/json",
     });
-    if (!isPublicRoute(path, method) && accessToken)
-        requestHeaders.append("Authorization", `Bearer ${accessToken}`);
+    if (!isPublicRoute(path, method)) {
+        if (accessToken) {
+            requestHeaders.append("Authorization", `Bearer ${accessToken}`);
+        }
+    }
     if (locale)
         requestHeaders.append("locale", locale);
     // Use provided params or fallback to clientConfig defaults
@@ -141,22 +176,31 @@ const enhancedFetch = async ({ path, method, params = {}, body, }) => {
         const { status, headers } = response;
         if (!response.ok) {
             const errorMessage = await response.text();
-            const error = new Error(`[Djust SDK] Erreur HTTP ${status}: ${errorMessage}`);
-            Sentry.withScope((scope) => {
-                scope.setExtra("path", path);
-                scope.setExtra("method", method);
-                scope.setExtra("status", status);
-                scope.setExtra("params", params);
-                scope.setExtra("body", body);
-                scope.setExtra("headers", headers);
-                scope.setExtra("clientName", clientConfig.clientName);
-                scope.setExtra("env", clientConfig.env);
-                Sentry.captureException(error);
+            const error = new Error(`[Djust SDK] HTTP error ${response.status}: ${errorMessage}`);
+            Sentry.captureException(error, {
+                extra: {
+                    url: fullPath,
+                    method,
+                    response: response,
+                    errorMessage: errorMessage,
+                    status: response.status,
+                    env: clientConfig.env,
+                    headers: (() => {
+                        const headersObj = {};
+                        requestHeaders.forEach((value, key) => {
+                            headersObj[key] = value;
+                        });
+                        return headersObj;
+                    })(),
+                    body: body ? body : null,
+                    params,
+                },
             });
             throw error;
         }
         const isJsonResponse = (_d = headers
             .get("content-type")) === null || _d === void 0 ? void 0 : _d.includes("application/json");
+        // Additional check: ensure the response has content before attempting to parse JSON
         let responseText = await response.text();
         function isJsonString(str) {
             if (typeof str !== "string")
@@ -184,18 +228,8 @@ const enhancedFetch = async ({ path, method, params = {}, body, }) => {
         return { data, headers, status };
     }
     catch (error) {
-        Sentry.withScope((scope) => {
-            scope.setExtra("path", path);
-            scope.setExtra("method", method);
-            scope.setExtra("params", params);
-            scope.setExtra("body", body);
-            scope.setExtra("headers", headers);
-            scope.setExtra("clientName", clientConfig.clientName);
-            scope.setExtra("env", clientConfig.env);
-            Sentry.captureException(error);
-        });
-        console.error("[Djust SDK] Erreur Fetch: ", error);
-        throw new Error(`[Djust SDK] ${error.message || "Une erreur inconnue est survenue."}`);
+        Sentry.captureException(error, { tags: { env: clientConfig.env } });
+        throw new Error(`[Djust SDK] ${error || "Unknown error occurred"}`);
     }
 };
 exports.enhancedFetch = enhancedFetch;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@djust-b2b/djust-front-sdk",
-  "version": "1.22.3",
-  "description": "DJUST Front SDK is a versatile JavaScript Software Development Kit (SDK) ",
+  "version": "1.23.0",
+  "description": "DJUST Front SDK is a versatile JavaScript Software Development Kit (SDK)",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -40,8 +40,8 @@
     "ts-jest": "^29.0.0",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typedoc": "^0.27.1",
-    "typedoc-plugin-markdown": "^4.3.0",
+    "typedoc": "0.27.3",
+    "typedoc-plugin-markdown": "4.3.1",
     "typescript": "^5.6.3",
     "vitest": "latest"
   },
@@ -50,8 +50,7 @@
     "lib/**/**.d.ts"
   ],
   "dependencies": {
-    "@sentry/node": "^9.2.0",
-    "@sentry/profiling-node": "^9.2.0",
+    "@sentry/browser": "^9.2.0",
     "isomorphic-fetch": "^3.0.0",
     "query-string": "^7.1.1"
   },

package/lib/instrument.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/instrument.js

@@ -1,15 +0,0 @@
-"use strict";
-const Sentry = require("@sentry/node");
-const { nodeProfilingIntegration } = require("@sentry/profiling-node");
-const SDK_VERSION = require("../package.json").version;
-const dsn = "https://39ef5198e24fa0ec7b743c460bd1ca63@o1191347.ingest.us.sentry.io/4508879498575872"; // Replace with your actual DSN
-const clientName = "djust"; // Replace with your actual client name
-const env = "preprod"; // Replace with your actual environment
-Sentry.init({
-    dsn,
-    environment: `${clientName}-${env}`,
-    release: `${clientName}-${env}-${SDK_VERSION}`, // Replace with your SDK version
-    integrations: [nodeProfilingIntegration(), Sentry.nativeNodeFetchIntegration()],
-    tracesSampleRate: 1.0, // Adjust for production
-    profilesSampleRate: 1.0,
-});