obi-sdk 0.2.1 → 0.3.2

package/dist/ui/components/audio-equalizer.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+interface VolumeData {
+    speaker: "USER" | "ASSISTANT";
+    volume: number;
+    spectrum: number[];
+}
+export declare class AudioEqualizer extends LitElement {
+    volume: VolumeData;
+    private canvasRef;
+    private barCount;
+    private animationFrame;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private startAnimation;
+    private stopAnimation;
+    private drawEqualizer;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/ui/components/control-panel.d.ts

@@ -0,0 +1,12 @@
+import { SDKState } from "@obi/obi-session";
+import { LitElement } from "lit";
+export declare class ObiControlPanel extends LitElement {
+    state: SDKState;
+    voiceEnabled: boolean;
+    screenEnabled: boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    private handleVoiceClick;
+    private handleScreenClick;
+    private handleStopClick;
+}

package/dist/ui/components/courses/course-modal.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from "lit";
+import { CourseData } from "./courses";
+import "./courses";
+export declare class CourseModal extends LitElement {
+    static styles: import("lit").CSSResult;
+    courses: CourseData[];
+    loading: boolean;
+    error: string;
+    apiKey: string;
+    onCourseSelect?: (id: string) => void;
+    onClose?: () => void;
+    private apiBaseUrl;
+    private handleCourseSelect;
+    private handleClose;
+    private fetchCourses;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/courses/courses.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from "lit";
+export type CourseData = {
+    id: string;
+    name: string;
+    description: string;
+    imageSrc: string;
+};
+export declare class Course extends LitElement {
+    static styles: import("lit").CSSResult;
+    id: string;
+    name: string;
+    description: string;
+    imageSrc: string;
+    onSelect?: (id: string) => void;
+    private handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+export declare class CourseList extends LitElement {
+    static styles: import("lit").CSSResult;
+    courses: CourseData[];
+    loading: boolean;
+    error: string;
+    onCourseSelect?: (id: string) => void;
+    private handleCourseSelect;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/courses/index.d.ts

@@ -0,0 +1 @@
+export * from "./course-modal";

package/dist/ui/components/dot-loader.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+export declare class DotLoader extends LitElement {
+    private activeDots;
+    private numDots;
+    private containerWidth;
+    private dotSize;
+    private bounceHeight;
+    private animationDuration;
+    private pauseDuration;
+    private overlapFactor;
+    private color;
+    private timeoutIds;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private startAnimation;
+    private stopAnimation;
+    private animateSequence;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/icons.d.ts

@@ -0,0 +1,6 @@
+export declare const pauseIcon: import("lit").TemplateResult<1>;
+export declare const playIcon: import("lit").TemplateResult<1>;
+export declare const powerIcon: import("lit").TemplateResult<1>;
+export declare const closeIcon: import("lit").TemplateResult<1>;
+export declare const bookOpenIcon: import("lit").TemplateResult<1>;
+export declare const obiIcon: import("lit").TemplateResult<1>;

package/dist/ui/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./status-widget";
+export * from "./control-panel";
+export * from "./obi-widget";
+export * from "./audio-equalizer";
+export * from "./dot-loader";
+export * from "./nav-icon";
+export * from "./navigation-bar";
+export * from "./searching-loader";
+export * from "./courses/courses";
+export * from "./courses/course-modal";
+export declare function defineCustomElements(): void;

package/dist/ui/components/nav-icon.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from "lit";
+export declare class NavIcon extends LitElement {
+    static styles: import("lit").CSSResult;
+    id: string;
+    isActive: boolean;
+    isSpecial: boolean;
+    onClick?: (id: string, isActive: boolean) => void;
+    private handleClick;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/navigation-bar.d.ts

@@ -0,0 +1,19 @@
+import { SDKState } from "@obi/obi-session";
+import { LitElement } from "lit";
+import "./nav-icon";
+export declare class NavigationBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    isActive: boolean;
+    isScreenActive: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    currentState: SDKState;
+    direction: "up" | "down";
+    onItemSelect?: (id: string, isActive: boolean) => void;
+    constructor();
+    connectedCallback(): void;
+    private handleIconClick;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/obi-widget.d.ts

@@ -0,0 +1,50 @@
+import { LitElement, nothing } from "lit";
+import "./navigation-bar";
+import "./courses";
+import "./audio-equalizer";
+import "./dot-loader";
+import "./searching-loader";
+export declare class ObiWidget extends LitElement {
+    private apiKey;
+    private isActive;
+    private position;
+    private user;
+    private state;
+    private storedActiveState;
+    private showCourseModal;
+    private isHovering;
+    private navVisible;
+    private activeSession;
+    private volume;
+    private sessionToken;
+    private roomToken;
+    private roomUrl;
+    private boundSaveSessionData;
+    private closeNavTimeoutRef;
+    constructor();
+    private updateFromConfig;
+    static styles: import("lit").CSSResult;
+    private connectObi;
+    private handleSessionStart;
+    /**
+     * Check if there's an existing session stored in localStorage
+     * and attempt to reconnect if a valid session is found
+     */
+    private checkExistingSession;
+    /**
+     * Clear session-related data from localStorage
+     */
+    private clearSessionStorage;
+    connectedCallback(): void;
+    private saveSessionData;
+    disconnectedCallback(): void;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    /**
+     * Terminate the session completely and clear storage
+     * This is used when a user explicitly wants to end a session
+     */
+    private terminateSession;
+    private handleItemSelect;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}

package/dist/ui/components/searching-loader.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from "lit";
+export declare class SearchingLoader extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/ui/components/status-widget.d.ts

@@ -0,0 +1,8 @@
+import { SDKState } from "@obi/obi-session";
+import { LitElement } from "lit";
+export declare class ObiStatusWidget extends LitElement {
+    state: SDKState;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    private getStatusText;
+}

package/dist/ui/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./storage";

package/dist/utils/storage.d.ts

@@ -0,0 +1,45 @@
+/**
+ * StorageManager provides namespaced access to browser localStorage
+ * to prevent key conflicts with other applications.
+ */
+import { SDKState } from "../core";
+export interface SessionData {
+    sessionToken: string;
+    roomToken: string;
+    roomUrl: string;
+    obiState: SDKState;
+    sessionExpiry: string;
+}
+export declare class StorageManager {
+    private namespace;
+    /**
+     * Create a new StorageManager with a specific namespace
+     * @param namespace The namespace to prefix all keys with
+     */
+    constructor(namespace: string);
+    /**
+     * Get a value from localStorage with the namespace prefix
+     * @param key The key to retrieve
+     * @returns The stored value or null if not found
+     */
+    getItem(key: string): string | null;
+    /**
+     * Set a value in localStorage with the namespace prefix
+     * @param key The key to set
+     * @param value The value to store
+     */
+    setItem(key: string, value: string): void;
+    /**
+     * Remove a value from localStorage with the namespace prefix
+     * @param key The key to remove
+     */
+    removeItem(key: string): void;
+    /**
+     * Clear all keys that belong to this namespace
+     */
+    clear(): void;
+}
+export declare const STORAGE_KEYS: {
+    SESSION_DATA: string;
+};
+export declare const storage: StorageManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "obi-sdk",
-  "version": "0.2.1",
+  "version": "0.3.2",
   "description": "JavaScript SDK for Obi",
   "type": "module",
   "main": "dist/obi-sdk.umd.js",
@@ -10,19 +10,6 @@
     "dist",
     "index.d.ts"
   ],
-  "scripts": {
-    "dev": "DEV_MODE=true vite",
-    "build": "tsc && vite build",
-    "build:loader": "vite build --config vite.loader.config.js",
-    "build:standalone": "vite build --config vite.standalone.config.js",
-    "build:modular": "vite build --config vite.modular.config.js",
-    "build:all": "npm run build && npm run build:loader && npm run build:standalone && npm run build:modular",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "preview": "vite preview",
-    "types": "tsc --emitDeclarationOnly",
-    "prepublishOnly": "npm run build:all"
-  },
   "keywords": [
     "obi",
     "sdk",
@@ -37,11 +24,11 @@
   "license": "SEE LICENSE IN LICENSE.txt",
   "homepage": "https://www.iamobi.ai",
   "dependencies": {
-    "eventemitter3": "^4.0.7",
+    "html2canvas-pro": "^1.5.11",
     "lit": "^3.0.0",
-    "livekit-client": "^2.11.4",
-    "ts-pattern": "^5.0.6",
-    "zod": "^3.22.0"
+    "ts-pattern": "^5.7.0",
+    "zod": "^3.22.0",
+    "@obi/obi-session": "0.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -49,6 +36,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^8.56.0",
+    "@types/html2canvas": "^1.0.0",
+    "@types/node": "^22.15.18",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -60,8 +49,21 @@
     "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
     "terser": "^5.39.0",
-    "typescript": "^5.0.2",
+    "typescript": "^5.8.3",
     "vite": "^4.5.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:standalone": "vite build --config vite.standalone.config.js",
+    "build:modular": "vite build --config vite.modular.config.js",
+    "build:publish": "pnpm build && pnpm build:standalone && pnpm build:modular",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "preview": "vite preview",
+    "types": "tsc --emitDeclarationOnly",
+    "clean": "rimraf dist"
   }
 }