@auditauth/web 0.2.0-beta.2 → 0.2.0-beta.3

package/README.md

@@ -12,6 +12,17 @@ Install the package in your app.
 npm install @auditauth/web
 ```
 
+## TypeScript import compatibility
+
+`@auditauth/web` ships dual module output (ESM + CJS) with declaration files.
+You can import it in TypeScript projects with standard syntax:
+
+```ts
+import { AuditAuthWeb } from '@auditauth/web'
+```
+
+You do not need to append `.js` in consumer imports.
+
 ## Create an SDK instance
 
 Create one `AuditAuthWeb` instance with your AuditAuth config and a storage

package/dist/index.cjs

@@ -0,0 +1,22 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./sdk.js"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./sdk.js")
+});

package/dist/index.d.cts

@@ -0,0 +1,3 @@
+export { AuditAuthWeb } from './sdk.cjs';
+export { StorageAdapter } from './types.cjs';
+import '@auditauth/core';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from './sdk.js';
-export type * from './types.js';
+export { AuditAuthWeb } from './sdk.js';
+export { StorageAdapter } from './types.js';
+import '@auditauth/core';

package/dist/index.js

@@ -1 +1 @@
-export * from './sdk.js';
+export * from "./sdk.js";

package/dist/sdk.cjs

@@ -0,0 +1,189 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sdk_exports = {};
+__export(sdk_exports, {
+  AuditAuthWeb: () => AuditAuthWeb
+});
+module.exports = __toCommonJS(sdk_exports);
+var import_core = require("@auditauth/core");
+class AuditAuthWeb {
+  constructor(config, storage) {
+    this.config = config;
+    this.storage = storage;
+  }
+  getWithExpiry(key) {
+    const itemStr = this.storage.get(key);
+    if (!itemStr) return null;
+    const item = JSON.parse(itemStr);
+    if (Date.now() > item.expiresAt) {
+      this.storage.remove(key);
+      return null;
+    }
+    return item.value;
+  }
+  setWithExpiry(key, value, ttlSeconds) {
+    const now = Date.now();
+    const item = {
+      value,
+      expiresAt: now + ttlSeconds * 1e3
+    };
+    this.storage.set(key, JSON.stringify(item));
+  }
+  getSessionId() {
+    let session_id = this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.session_id);
+    if (!session_id) {
+      session_id = crypto.randomUUID();
+      this.setWithExpiry(import_core.CORE_SETTINGS.storage_keys.session_id, session_id, 60 * 5);
+    }
+    return session_id;
+  }
+  pushMetric(metric) {
+    const session_id = this.getSessionId();
+    const body = JSON.stringify({
+      appId: this.config.appId,
+      apiKey: this.config.apiKey,
+      session_id,
+      ...metric
+    });
+    const url = `${import_core.CORE_SETTINGS.domains.api}/metrics`;
+    if (navigator.sendBeacon) {
+      const blob = new Blob([body], { type: "application/json" });
+      navigator.sendBeacon(url, blob);
+      return;
+    }
+    fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body,
+      keepalive: true
+    }).catch(() => {
+    });
+  }
+  trackNavigationPath(path) {
+    this.pushMetric({
+      event_type: "navigation",
+      runtime: "browser",
+      target: {
+        type: "page",
+        path
+      }
+    });
+  }
+  initNavigationTracking() {
+    const track = () => {
+      this.pushMetric({
+        event_type: "navigation",
+        runtime: "browser",
+        target: {
+          type: "page",
+          path: window.location.pathname
+        }
+      });
+    };
+    window.addEventListener("popstate", track);
+    const originalPushState = history.pushState;
+    history.pushState = (...args) => {
+      originalPushState.apply(history, args);
+      track();
+    };
+  }
+  async fetch(input, init = {}) {
+    const start = performance.now();
+    let access = this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.access);
+    const doFetch = (token) => fetch(input, {
+      ...init,
+      credentials: "include",
+      headers: {
+        ...init.headers,
+        ...token ? { Authorization: `Bearer ${token}` } : {}
+      }
+    });
+    let res = await doFetch(access || void 0);
+    if (res.status === 401) {
+      const refreshData = await (0, import_core.refreshTokens)({ client_type: "browser" });
+      if (!refreshData) {
+        await this.logout();
+        return res;
+      }
+      this.setWithExpiry(
+        import_core.CORE_SETTINGS.storage_keys.access,
+        refreshData.access_token,
+        refreshData.access_expires_seconds
+      );
+      res = await doFetch(refreshData.access_token);
+    }
+    this.pushMetric({
+      event_type: "request",
+      runtime: "browser",
+      target: {
+        type: "api",
+        method: init.method || "GET",
+        path: typeof input === "string" ? input : input instanceof Request ? input.url : "",
+        status: res.status,
+        duration_ms: Math.round(performance.now() - start)
+      }
+    });
+    return res;
+  }
+  isAuthenticated() {
+    return !!this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.session);
+  }
+  getSessionUser() {
+    const value = this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.session);
+    return value ? value?.user : null;
+  }
+  async goToPortal() {
+    const access_token = this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.access);
+    if (!access_token) return this.login();
+    const url = await (0, import_core.buildPortalUrl)({ access_token, redirectUrl: this.config.redirectUrl });
+    window.location.href = url.href;
+  }
+  async logout() {
+    const access_token = this.getWithExpiry(import_core.CORE_SETTINGS.storage_keys.access);
+    await (0, import_core.revokeSession)({ access_token }).catch(() => {
+    });
+    this.storage.remove(import_core.CORE_SETTINGS.storage_keys.access);
+    this.storage.remove(import_core.CORE_SETTINGS.storage_keys.session);
+    window.location.reload();
+  }
+  async login() {
+    const url = await (0, import_core.buildAuthUrl)({
+      apiKey: this.config.apiKey,
+      redirectUrl: this.config.redirectUrl
+    });
+    window.location.href = url.href;
+  }
+  async handleRedirect() {
+    const url = new URL(window.location.href);
+    const code = url.searchParams.get("code");
+    try {
+      const { data } = await (0, import_core.authorizeCode)({ code, client_type: "browser" });
+      this.setWithExpiry(import_core.CORE_SETTINGS.storage_keys.access, data.access_token, data.access_expires_seconds);
+      this.setWithExpiry(import_core.CORE_SETTINGS.storage_keys.session, { user: data.user }, data.access_expires_seconds);
+      url.searchParams.delete("code");
+      window.history.replaceState({}, document.title, url.pathname + url.search);
+    } catch {
+      return null;
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuditAuthWeb
+});

package/dist/sdk.d.cts

@@ -0,0 +1,23 @@
+import { AuditAuthConfig } from '@auditauth/core';
+import { StorageAdapter } from './types.cjs';
+
+declare class AuditAuthWeb {
+    private config;
+    private storage;
+    constructor(config: AuditAuthConfig, storage: StorageAdapter);
+    private getWithExpiry;
+    private setWithExpiry;
+    private getSessionId;
+    private pushMetric;
+    trackNavigationPath(path: string): void;
+    initNavigationTracking(): void;
+    fetch(input: RequestInfo, init?: RequestInit): Promise<Response>;
+    isAuthenticated(): boolean;
+    getSessionUser(): any;
+    goToPortal(): Promise<void>;
+    logout(): Promise<void>;
+    login(): Promise<void>;
+    handleRedirect(): Promise<null | undefined>;
+}
+
+export { AuditAuthWeb };

package/dist/sdk.d.ts

@@ -1,5 +1,6 @@
-import { AuditAuthConfig } from "@auditauth/core";
-import type { StorageAdapter } from './types.js';
+import { AuditAuthConfig } from '@auditauth/core';
+import { StorageAdapter } from './types.js';
+
 declare class AuditAuthWeb {
     private config;
     private storage;
@@ -18,4 +19,5 @@ declare class AuditAuthWeb {
     login(): Promise<void>;
     handleRedirect(): Promise<null | undefined>;
 }
+
 export { AuditAuthWeb };

package/dist/sdk.js

@@ -1,164 +1,165 @@
 import { authorizeCode, buildAuthUrl, buildPortalUrl, CORE_SETTINGS, refreshTokens, revokeSession } from "@auditauth/core";
 class AuditAuthWeb {
-    constructor(config, storage) {
-        this.config = config;
-        this.storage = storage;
+  constructor(config, storage) {
+    this.config = config;
+    this.storage = storage;
+  }
+  getWithExpiry(key) {
+    const itemStr = this.storage.get(key);
+    if (!itemStr) return null;
+    const item = JSON.parse(itemStr);
+    if (Date.now() > item.expiresAt) {
+      this.storage.remove(key);
+      return null;
     }
-    getWithExpiry(key) {
-        const itemStr = this.storage.get(key);
-        if (!itemStr)
-            return null;
-        const item = JSON.parse(itemStr);
-        if (Date.now() > item.expiresAt) {
-            this.storage.remove(key);
-            return null;
-        }
-        return item.value;
-    }
-    setWithExpiry(key, value, ttlSeconds) {
-        const now = Date.now();
-        const item = {
-            value,
-            expiresAt: now + ttlSeconds * 1000,
-        };
-        this.storage.set(key, JSON.stringify(item));
-    }
-    getSessionId() {
-        let session_id = this.getWithExpiry(CORE_SETTINGS.storage_keys.session_id);
-        if (!session_id) {
-            session_id = crypto.randomUUID();
-            this.setWithExpiry(CORE_SETTINGS.storage_keys.session_id, session_id, 60 * 5);
-        }
-        return session_id;
-    }
-    pushMetric(metric) {
-        const session_id = this.getSessionId();
-        const body = JSON.stringify({
-            appId: this.config.appId,
-            apiKey: this.config.apiKey,
-            session_id,
-            ...metric,
-        });
-        const url = `${CORE_SETTINGS.domains.api}/metrics`;
-        if (navigator.sendBeacon) {
-            const blob = new Blob([body], { type: 'application/json' });
-            navigator.sendBeacon(url, blob);
-            return;
-        }
-        fetch(url, {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body,
-            keepalive: true,
-        }).catch(() => { });
-    }
-    trackNavigationPath(path) {
-        this.pushMetric({
-            event_type: 'navigation',
-            runtime: 'browser',
-            target: {
-                type: 'page',
-                path: path,
-            },
-        });
+    return item.value;
+  }
+  setWithExpiry(key, value, ttlSeconds) {
+    const now = Date.now();
+    const item = {
+      value,
+      expiresAt: now + ttlSeconds * 1e3
+    };
+    this.storage.set(key, JSON.stringify(item));
+  }
+  getSessionId() {
+    let session_id = this.getWithExpiry(CORE_SETTINGS.storage_keys.session_id);
+    if (!session_id) {
+      session_id = crypto.randomUUID();
+      this.setWithExpiry(CORE_SETTINGS.storage_keys.session_id, session_id, 60 * 5);
     }
-    initNavigationTracking() {
-        const track = () => {
-            this.pushMetric({
-                event_type: 'navigation',
-                runtime: 'browser',
-                target: {
-                    type: 'page',
-                    path: window.location.pathname,
-                },
-            });
-        };
-        window.addEventListener('popstate', track);
-        const originalPushState = history.pushState;
-        history.pushState = (...args) => {
-            originalPushState.apply(history, args);
-            track();
-        };
+    return session_id;
+  }
+  pushMetric(metric) {
+    const session_id = this.getSessionId();
+    const body = JSON.stringify({
+      appId: this.config.appId,
+      apiKey: this.config.apiKey,
+      session_id,
+      ...metric
+    });
+    const url = `${CORE_SETTINGS.domains.api}/metrics`;
+    if (navigator.sendBeacon) {
+      const blob = new Blob([body], { type: "application/json" });
+      navigator.sendBeacon(url, blob);
+      return;
     }
-    async fetch(input, init = {}) {
-        const start = performance.now();
-        let access = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
-        const doFetch = (token) => fetch(input, {
-            ...init,
-            credentials: 'include',
-            headers: {
-                ...init.headers,
-                ...(token ? { Authorization: `Bearer ${token}` } : {}),
-            },
-        });
-        let res = await doFetch(access || undefined);
-        if (res.status === 401) {
-            const refreshData = await refreshTokens({ client_type: 'browser' });
-            if (!refreshData) {
-                await this.logout();
-                return res;
-            }
-            this.setWithExpiry(CORE_SETTINGS.storage_keys.access, refreshData.access_token, refreshData.access_expires_seconds);
-            res = await doFetch(refreshData.access_token);
+    fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body,
+      keepalive: true
+    }).catch(() => {
+    });
+  }
+  trackNavigationPath(path) {
+    this.pushMetric({
+      event_type: "navigation",
+      runtime: "browser",
+      target: {
+        type: "page",
+        path
+      }
+    });
+  }
+  initNavigationTracking() {
+    const track = () => {
+      this.pushMetric({
+        event_type: "navigation",
+        runtime: "browser",
+        target: {
+          type: "page",
+          path: window.location.pathname
         }
-        this.pushMetric({
-            event_type: 'request',
-            runtime: 'browser',
-            target: {
-                type: 'api',
-                method: init.method || 'GET',
-                path: typeof input === 'string'
-                    ? input
-                    : input instanceof Request
-                        ? input.url
-                        : '',
-                status: res.status,
-                duration_ms: Math.round(performance.now() - start),
-            },
-        });
+      });
+    };
+    window.addEventListener("popstate", track);
+    const originalPushState = history.pushState;
+    history.pushState = (...args) => {
+      originalPushState.apply(history, args);
+      track();
+    };
+  }
+  async fetch(input, init = {}) {
+    const start = performance.now();
+    let access = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
+    const doFetch = (token) => fetch(input, {
+      ...init,
+      credentials: "include",
+      headers: {
+        ...init.headers,
+        ...token ? { Authorization: `Bearer ${token}` } : {}
+      }
+    });
+    let res = await doFetch(access || void 0);
+    if (res.status === 401) {
+      const refreshData = await refreshTokens({ client_type: "browser" });
+      if (!refreshData) {
+        await this.logout();
         return res;
+      }
+      this.setWithExpiry(
+        CORE_SETTINGS.storage_keys.access,
+        refreshData.access_token,
+        refreshData.access_expires_seconds
+      );
+      res = await doFetch(refreshData.access_token);
     }
-    isAuthenticated() {
-        return !!this.getWithExpiry(CORE_SETTINGS.storage_keys.session);
-    }
-    getSessionUser() {
-        const value = this.getWithExpiry(CORE_SETTINGS.storage_keys.session);
-        return value ? value?.user : null;
-    }
-    async goToPortal() {
-        const access_token = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
-        if (!access_token)
-            return this.login();
-        const url = await buildPortalUrl({ access_token, redirectUrl: this.config.redirectUrl });
-        window.location.href = url.href;
-    }
-    async logout() {
-        const access_token = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
-        await revokeSession({ access_token }).catch(() => { });
-        this.storage.remove(CORE_SETTINGS.storage_keys.access);
-        this.storage.remove(CORE_SETTINGS.storage_keys.session);
-        window.location.reload();
-    }
-    async login() {
-        const url = await buildAuthUrl({
-            apiKey: this.config.apiKey,
-            redirectUrl: this.config.redirectUrl,
-        });
-        window.location.href = url.href;
-    }
-    async handleRedirect() {
-        const url = new URL(window.location.href);
-        const code = url.searchParams.get('code');
-        try {
-            const { data } = await authorizeCode({ code, client_type: 'browser' });
-            this.setWithExpiry(CORE_SETTINGS.storage_keys.access, data.access_token, data.access_expires_seconds);
-            this.setWithExpiry(CORE_SETTINGS.storage_keys.session, { user: data.user }, data.access_expires_seconds);
-            url.searchParams.delete('code');
-            window.history.replaceState({}, document.title, url.pathname + url.search);
-        }
-        catch {
-            return null;
-        }
+    this.pushMetric({
+      event_type: "request",
+      runtime: "browser",
+      target: {
+        type: "api",
+        method: init.method || "GET",
+        path: typeof input === "string" ? input : input instanceof Request ? input.url : "",
+        status: res.status,
+        duration_ms: Math.round(performance.now() - start)
+      }
+    });
+    return res;
+  }
+  isAuthenticated() {
+    return !!this.getWithExpiry(CORE_SETTINGS.storage_keys.session);
+  }
+  getSessionUser() {
+    const value = this.getWithExpiry(CORE_SETTINGS.storage_keys.session);
+    return value ? value?.user : null;
+  }
+  async goToPortal() {
+    const access_token = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
+    if (!access_token) return this.login();
+    const url = await buildPortalUrl({ access_token, redirectUrl: this.config.redirectUrl });
+    window.location.href = url.href;
+  }
+  async logout() {
+    const access_token = this.getWithExpiry(CORE_SETTINGS.storage_keys.access);
+    await revokeSession({ access_token }).catch(() => {
+    });
+    this.storage.remove(CORE_SETTINGS.storage_keys.access);
+    this.storage.remove(CORE_SETTINGS.storage_keys.session);
+    window.location.reload();
+  }
+  async login() {
+    const url = await buildAuthUrl({
+      apiKey: this.config.apiKey,
+      redirectUrl: this.config.redirectUrl
+    });
+    window.location.href = url.href;
+  }
+  async handleRedirect() {
+    const url = new URL(window.location.href);
+    const code = url.searchParams.get("code");
+    try {
+      const { data } = await authorizeCode({ code, client_type: "browser" });
+      this.setWithExpiry(CORE_SETTINGS.storage_keys.access, data.access_token, data.access_expires_seconds);
+      this.setWithExpiry(CORE_SETTINGS.storage_keys.session, { user: data.user }, data.access_expires_seconds);
+      url.searchParams.delete("code");
+      window.history.replaceState({}, document.title, url.pathname + url.search);
+    } catch {
+      return null;
     }
+  }
 }
-export { AuditAuthWeb };
+export {
+  AuditAuthWeb
+};

package/dist/types.cjs

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/types.d.cts

@@ -0,0 +1,7 @@
+type StorageAdapter = {
+    get: (name: string) => string | null;
+    set: (name: string, value: string) => void;
+    remove: (name: string) => void;
+};
+
+export type { StorageAdapter };

package/dist/types.d.ts

@@ -3,4 +3,5 @@ type StorageAdapter = {
     set: (name: string, value: string) => void;
     remove: (name: string) => void;
 };
+
 export type { StorageAdapter };

package/dist/types.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auditauth/web",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.3",
   "description": "AuditAuth Web SDK (framework-agnostic)",
   "license": "MIT",
   "author": "Nimibyte",
@@ -24,10 +24,10 @@
     "security",
     "auditauth"
   ],
-  "module": "dist/index.js",
+  "module": "./dist/index.js",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -35,17 +35,20 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
-    "dev": "tsc -p tsconfig.build.json --watch",
-    "clean": "rm -rf dist"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "prepack": "npm run build"
   },
   "dependencies": {
-    "@auditauth/core": "^0.2.0-beta.2"
+    "@auditauth/core": "^0.2.0-beta.3"
   },
   "devDependencies": {
     "typescript": "^5.3.3"