@tbisoftware/phone 1.0.13 → 2.0.4

package/README.md

@@ -1,6 +1,6 @@
 # @tbisoftware/phone
 
-A reusable SIP phone component for React applications built with Tailwind CSS and JsSIP.
+A reusable SIP phone component for **React** and **Vue** applications built with Tailwind CSS and JsSIP.
 
 ## Installation
 
@@ -10,21 +10,35 @@ npm install @tbisoftware/phone
 
 ## Features
 
-- 📞 Full SIP/WebRTC phone functionality
-- 🎨 Beautiful UI built with Tailwind CSS
-- 🪝 Headless mode with `usePhoneManager` hook for custom UIs
-- 📱 Call history with localStorage persistence
-- 🌐 Internationalization support with custom labels
-- ⚡ Singleton pattern for reliable WebSocket connections
+- Multi-framework support: **React** and **Vue 3**
+- Full SIP/WebRTC phone functionality
+- Beautiful UI built with Tailwind CSS
+- Headless mode with `usePhoneManager` hook/composable for custom UIs
+- Call history with localStorage persistence
+- Internationalization support with custom labels
+- Singleton pattern for reliable WebSocket connections
+- Framework-agnostic core for custom integrations
 
-## Usage
+## Entry Points
 
-### Option 1: Ready-to-use Component
+| Import Path | Description |
+|-------------|-------------|
+| `@tbisoftware/phone` | Default React exports (backward compatible) |
+| `@tbisoftware/phone/react` | Explicit React exports |
+| `@tbisoftware/phone/vue` | Vue 3 exports |
+| `@tbisoftware/phone/core` | Framework-agnostic core (PhoneManager class) |
 
-The simplest way to add a phone to your app:
+---
+
+# React Usage
+
+## Option 1: Ready-to-use Component
+
+The simplest way to add a phone to your React app:
 
 ```tsx
 import { Phone } from "@tbisoftware/phone";
+// or explicitly: import { Phone } from "@tbisoftware/phone/react";
 
 const config = {
   websocketUrl: "wss://your-sip-server.com:8989",
@@ -37,7 +51,7 @@ const config = {
 
 function App() {
   return (
-    <Phone 
+    <Phone
       config={config}
       onCallStart={(number) => console.log('Calling:', number)}
       onCallEnd={(number, duration, status) => {
@@ -48,7 +62,7 @@ function App() {
 }
 ```
 
-### Option 2: Headless Hook for Custom UI
+## Option 2: Headless Hook for Custom UI
 
 Use `usePhoneManager` to build your own phone interface:
 
@@ -80,101 +94,32 @@ function CustomPhone() {
     onCallEnd: (number, duration, status) => {
       console.log(`Call ended: ${number}, ${duration}s, ${status}`);
     },
-    onStatusChange: (status) => console.log('Status:', status),
-    onConnectionChange: (status) => console.log('Connection:', status),
   });
 
   return (
     <div className="p-4 border rounded-lg">
-      {/* Connection indicator */}
-      <div className="flex items-center gap-2 mb-4">
-        <div className={`w-2 h-2 rounded-full ${
-          connectionStatus === 'connected' ? 'bg-green-500' :
-          connectionStatus === 'connecting' ? 'bg-yellow-500' :
-          'bg-red-500'
-        }`} />
-        <span className="text-sm text-gray-500">
-          {connectionStatus === 'connected' ? 'Ready' : 
-           connectionStatus === 'connecting' ? 'Connecting...' : 
-           'Disconnected'}
-        </span>
-      </div>
-
-      {/* Idle state - show input */}
       {status === 'disconnected' && (
         <div className="flex gap-2">
           <input
             type="tel"
             value={callNumber}
             onChange={(e) => setCallNumber(e.target.value)}
-            onKeyDown={(e) => e.key === 'Enter' && startCall(callNumber)}
             placeholder="Enter phone number"
-            className="flex-1 px-3 py-2 border rounded"
           />
           <button
             onClick={() => startCall(callNumber)}
             disabled={!isReady || callNumber.length < 9}
-            className="px-4 py-2 bg-green-500 text-white rounded disabled:opacity-50"
           >
             Call
           </button>
         </div>
       )}
 
-      {/* Calling state */}
-      {status === 'progress' && (
-        <div className="text-center">
-          <p className="text-lg">Calling {callNumber}...</p>
-          <button
-            onClick={endCall}
-            className="mt-4 px-4 py-2 bg-red-500 text-white rounded"
-          >
-            Cancel
-          </button>
-        </div>
-      )}
-
-      {/* In call */}
       {status === 'confirmed' && (
         <div className="text-center">
-          <p className="text-lg font-bold">{callNumber}</p>
-          <p className="text-2xl font-mono text-green-600">
-            {formatDuration(currentCallDuration)}
-          </p>
-          <button
-            onClick={endCall}
-            className="mt-4 px-4 py-2 bg-red-500 text-white rounded"
-          >
-            Hang Up
-          </button>
-        </div>
-      )}
-
-      {/* Call history */}
-      {status === 'disconnected' && callHistory.length > 0 && (
-        <div className="mt-4">
-          <h3 className="text-sm font-semibold mb-2">Recent Calls</h3>
-          <ul className="space-y-1">
-            {callHistory.slice(0, 5).map((entry) => (
-              <li 
-                key={entry.id}
-                className="flex justify-between text-sm cursor-pointer hover:bg-gray-50 p-1 rounded"
-                onClick={() => {
-                  setCallNumber(entry.number);
-                  startCall(entry.number);
-                }}
-              >
-                <span>{entry.number}</span>
-                <span className={
-                  entry.status === 'completed' ? 'text-green-500' :
-                  entry.status === 'failed' ? 'text-red-500' :
-                  'text-yellow-500'
-                }>
-                  {entry.status}
-                </span>
-              </li>
-            ))}
-          </ul>
+          <p>{callNumber}</p>
+          <p>{formatDuration(currentCallDuration)}</p>
+          <button onClick={endCall}>Hang Up</button>
         </div>
       )}
     </div>
@@ -182,23 +127,15 @@ function CustomPhone() {
 }
 ```
 
-### Option 3: Using Provider and usePhone Hook
+## Option 3: Using Provider and usePhone Hook
 
-For more complex scenarios where you need to access phone state from multiple components:
+For complex scenarios where you need to access phone state from multiple components:
 
 ```tsx
 import { PhoneProvider, usePhone } from "@tbisoftware/phone";
 
-const config = {
-  websocketUrl: "wss://your-sip-server.com:8989",
-  sipUri: "sip:user@domain.com",
-  password: "your-password",
-  registrarServer: "sip:domain.com",
-  displayName: "User Name",
-  authorizationUser: "auth-user",
-};
+const config = { /* ... */ };
 
-// Wrap your app with the provider
 function App() {
   return (
     <PhoneProvider config={config}>
@@ -208,10 +145,9 @@ function App() {
   );
 }
 
-// Access phone state from any child component
 function PhoneDialer() {
   const { callNumber, setCallNumber, startCall, isReady } = usePhone();
-  
+
   return (
     <div>
       <input
@@ -227,9 +163,9 @@ function PhoneDialer() {
 
 function CallStatus() {
   const { status, currentCallDuration, endCall } = usePhone();
-  
+
   if (status === 'disconnected') return null;
-  
+
   return (
     <div>
       <p>Status: {status}</p>
@@ -240,9 +176,222 @@ function CallStatus() {
 }
 ```
 
-## API Reference
+---
+
+# Vue 3 Usage
+
+## Option 1: Ready-to-use Component
+
+```vue
+<script setup lang="ts">
+import { Phone } from "@tbisoftware/phone/vue";
+
+const config = {
+  websocketUrl: "wss://your-sip-server.com:8989",
+  sipUri: "sip:user@domain.com",
+  password: "your-password",
+  registrarServer: "sip:domain.com",
+  displayName: "User Name",
+  authorizationUser: "auth-user",
+};
+
+function handleCallStart(number: string) {
+  console.log('Calling:', number);
+}
+
+function handleCallEnd(number: string, duration: number, status: string) {
+  console.log(`Call to ${number} ${status}. Duration: ${duration}s`);
+}
+</script>
+
+<template>
+  <Phone
+    :config="config"
+    @call-start="handleCallStart"
+    @call-end="handleCallEnd"
+  />
+</template>
+```
+
+## Option 2: Headless Composable for Custom UI
+
+Use `usePhoneManager` to build your own phone interface:
+
+```vue
+<script setup lang="ts">
+import { usePhoneManager } from "@tbisoftware/phone/vue";
+import { formatDuration } from "@tbisoftware/phone/core";
+
+const config = {
+  websocketUrl: "wss://your-sip-server.com:8989",
+  sipUri: "sip:user@domain.com",
+  password: "your-password",
+  registrarServer: "sip:domain.com",
+  displayName: "User Name",
+  authorizationUser: "auth-user",
+};
+
+const {
+  status,
+  callNumber,
+  setCallNumber,
+  callHistory,
+  currentCallDuration,
+  startCall,
+  endCall,
+  isReady,
+  connectionStatus,
+} = usePhoneManager(config, {
+  onCallStart: (number) => console.log('Starting call to:', number),
+  onCallEnd: (number, duration, status) => {
+    console.log(`Call ended: ${number}, ${duration}s, ${status}`);
+  },
+});
+</script>
+
+<template>
+  <div class="p-4 border rounded-lg">
+    <div v-if="status === 'disconnected'" class="flex gap-2">
+      <input
+        type="tel"
+        :value="callNumber"
+        @input="setCallNumber(($event.target as HTMLInputElement).value)"
+        placeholder="Enter phone number"
+      />
+      <button
+        @click="startCall(callNumber)"
+        :disabled="!isReady || callNumber.length < 9"
+      >
+        Call
+      </button>
+    </div>
+
+    <div v-if="status === 'confirmed'" class="text-center">
+      <p>{{ callNumber }}</p>
+      <p>{{ formatDuration(currentCallDuration) }}</p>
+      <button @click="endCall">Hang Up</button>
+    </div>
+  </div>
+</template>
+```
+
+## Option 3: Using Provider and usePhone Composable
+
+For complex scenarios where you need to access phone state from multiple components:
+
+```vue
+<!-- App.vue -->
+<script setup lang="ts">
+import { usePhoneProvider } from "@tbisoftware/phone/vue";
+import PhoneDialer from './PhoneDialer.vue';
+import CallStatus from './CallStatus.vue';
+
+const config = { /* ... */ };
 
-### `<Phone />` Component Props
+usePhoneProvider({ config });
+</script>
+
+<template>
+  <PhoneDialer />
+  <CallStatus />
+</template>
+```
+
+```vue
+<!-- PhoneDialer.vue -->
+<script setup lang="ts">
+import { usePhone } from "@tbisoftware/phone/vue";
+
+const { callNumber, setCallNumber, startCall, isReady } = usePhone();
+</script>
+
+<template>
+  <div>
+    <input
+      :value="callNumber"
+      @input="setCallNumber(($event.target as HTMLInputElement).value)"
+    />
+    <button @click="startCall(callNumber)" :disabled="!isReady">
+      Call
+    </button>
+  </div>
+</template>
+```
+
+```vue
+<!-- CallStatus.vue -->
+<script setup lang="ts">
+import { usePhone } from "@tbisoftware/phone/vue";
+
+const { status, currentCallDuration, endCall } = usePhone();
+</script>
+
+<template>
+  <div v-if="status !== 'disconnected'">
+    <p>Status: {{ status }}</p>
+    <p v-if="status === 'confirmed'">Duration: {{ currentCallDuration }}s</p>
+    <button @click="endCall">End Call</button>
+  </div>
+</template>
+```
+
+---
+
+# Core Usage (Framework-Agnostic)
+
+For custom integrations or other frameworks, you can use the `PhoneManager` class directly:
+
+```typescript
+import { PhoneManager } from "@tbisoftware/phone/core";
+
+const config = {
+  websocketUrl: "wss://your-sip-server.com:8989",
+  sipUri: "sip:user@domain.com",
+  password: "your-password",
+  registrarServer: "sip:domain.com",
+  displayName: "User Name",
+  authorizationUser: "auth-user",
+};
+
+const manager = new PhoneManager(
+  config,
+  {
+    onStatusChange: (status) => console.log('Status:', status),
+    onCallStart: (number) => console.log('Calling:', number),
+    onCallEnd: (number, duration, status) => {
+      console.log(`Call ended: ${number}, ${duration}s, ${status}`);
+    },
+    onConnectionChange: (status) => console.log('Connection:', status),
+  },
+  {
+    persistHistory: true,
+    historyKey: 'my-phone-history',
+  }
+);
+
+// Initialize the phone
+manager.initialize();
+
+// Make a call
+manager.startCall('+1234567890');
+
+// End the call
+manager.endCall();
+
+// Access state
+console.log(manager.state.status);
+console.log(manager.state.isReady);
+console.log(manager.state.callHistory);
+
+// Clean up when done
+manager.destroy();
+```
+
+---
+
+# API Reference
+
+## `<Phone />` Component Props
 
 | Prop | Type | Description |
 |------|------|-------------|
@@ -253,7 +402,7 @@ function CallStatus() {
 | `onStatusChange` | `(status: PhoneStatus) => void` | Callback when status changes |
 | `labels` | `Partial<PhoneLabels>` | Custom labels for internationalization |
 
-### `usePhoneManager(config, options)` Hook
+## `usePhoneManager(config, options)` Hook/Composable
 
 Returns an object with:
 
@@ -271,7 +420,7 @@ Returns an object with:
 | `connectionStatus` | `ConnectionStatus` | `'connecting' \| 'connected' \| 'disconnected' \| 'failed'` |
 | `ua` | `JsSIP.UA \| null` | Raw JsSIP User Agent for advanced usage |
 
-#### Options
+### Options
 
 | Option | Type | Default | Description |
 |--------|------|---------|-------------|
@@ -282,7 +431,7 @@ Returns an object with:
 | `persistHistory` | `boolean` | `true` | Save history to localStorage |
 | `historyKey` | `string` | `'tbi-phone-call-history'` | localStorage key for history |
 
-### `PhoneConfig` Type
+## `PhoneConfig` Type
 
 ```typescript
 interface PhoneConfig {
@@ -295,7 +444,7 @@ interface PhoneConfig {
 }
 ```
 
-### `PhoneLabels` Type
+## `PhoneLabels` Type
 
 ```typescript
 interface PhoneLabels {
@@ -319,9 +468,8 @@ interface PhoneLabels {
 You can trigger a call from anywhere in your app using a custom event:
 
 ```javascript
-// Dispatch this event to start a call
-window.dispatchEvent(new CustomEvent('StartCallEvent', { 
-  detail: { number: '+1234567890' } 
+window.dispatchEvent(new CustomEvent('StartCallEvent', {
+  detail: { number: '+1234567890' }
 }));
 ```
 
@@ -335,6 +483,16 @@ The component uses Tailwind CSS classes. Make sure you have Tailwind CSS configu
 }
 ```
 
+## Migration from v1 to v2
+
+If you're upgrading from v1 (React-only), your code should continue to work without changes. The default export still provides React components.
+
+For explicit React imports (recommended):
+```diff
+- import { Phone } from "@tbisoftware/phone";
++ import { Phone } from "@tbisoftware/phone/react";
+```
+
 ## License
 
 MIT

package/dist/core/PhoneManager.d.ts

@@ -0,0 +1,94 @@
+import JsSIP from 'jssip';
+import type { PhoneConfig, PhoneStatus, CallHistoryEntry, ConnectionStatus } from '../types';
+export interface PhoneManagerEvents {
+    onConnecting?: () => void;
+    onConnected?: () => void;
+    onDisconnected?: () => void;
+    onRegistered?: () => void;
+    onUnregistered?: () => void;
+    onRegistrationFailed?: (cause?: string) => void;
+    onStatusChange?: (status: PhoneStatus) => void;
+    onConnectionChange?: (status: ConnectionStatus) => void;
+    onCallStart?: (number: string) => void;
+    onCallEnd?: (number: string, duration: number, status: 'completed' | 'failed') => void;
+    onDurationUpdate?: (duration: number) => void;
+    onHistoryUpdate?: (history: CallHistoryEntry[]) => void;
+}
+export interface PhoneManagerState {
+    status: PhoneStatus;
+    callNumber: string;
+    callHistory: CallHistoryEntry[];
+    currentCallDuration: number;
+    isReady: boolean;
+    connectionStatus: ConnectionStatus;
+}
+export interface PhoneManagerOptions {
+    persistHistory?: boolean;
+    historyKey?: string;
+    maxHistoryItems?: number;
+}
+/**
+ * Framework-agnostic Phone Manager class.
+ * Handles all SIP communication logic and can be used with any UI framework.
+ */
+export declare class PhoneManager {
+    private config;
+    private uaInstance;
+    private currentSession;
+    private callStartedTS;
+    private durationInterval;
+    private startCallEventListener;
+    private _state;
+    private events;
+    private options;
+    private listener;
+    constructor(config: PhoneConfig, events?: PhoneManagerEvents, options?: PhoneManagerOptions);
+    /**
+     * Get the current state
+     */
+    get state(): Readonly<PhoneManagerState>;
+    /**
+     * Get the raw JsSIP UA instance (for advanced usage)
+     */
+    get ua(): JsSIP.UA | null;
+    /**
+     * Initialize and start the phone manager
+     */
+    initialize(): void;
+    /**
+     * Cleanup and destroy the phone manager
+     */
+    destroy(): void;
+    /**
+     * Set the call number
+     */
+    setCallNumber(number: string): void;
+    /**
+     * Start a call to the given number
+     */
+    startCall(number: string): void;
+    /**
+     * End the current call
+     */
+    endCall(): void;
+    /**
+     * Initialize the phone and start a call once registered
+     */
+    private initializeAndCall;
+    /**
+     * Clear the call history
+     */
+    clearHistory(): void;
+    /**
+     * Update events handlers
+     */
+    setEvents(events: Partial<PhoneManagerEvents>): void;
+    private updateState;
+    private loadHistory;
+    private saveHistory;
+    private addToHistory;
+    private startDurationTimer;
+    private stopDurationTimer;
+}
+export default PhoneManager;
+//# sourceMappingURL=PhoneManager.d.ts.map

package/dist/core/PhoneManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneManager.d.ts","sourceRoot":"","sources":["../../src/core/PhoneManager.ts"],"names":[],"mappings":"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"}

package/dist/core/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Br8w8pI3.cjs");exports.PhoneManager=e.PhoneManager;exports.cn=e.cn;exports.defaultLabels=e.defaultLabels;exports.formatDuration=e.formatDuration;

package/dist/core/index.d.ts

@@ -0,0 +1,7 @@
+export { PhoneManager } from './PhoneManager';
+export type { PhoneManagerEvents, PhoneManagerState, PhoneManagerOptions, } from './PhoneManager';
+export type { PhoneConfig, PhoneStatus, ConnectionStatus, CallHistoryEntry, PhoneLabels, } from '../types';
+export { defaultLabels } from '../types';
+export { formatDuration } from '../utils/formatDuration';
+export { cn } from '../utils/cn';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACR,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACtB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,GACd,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,7 @@
+import { P as o, c as r, d as s, f } from "../index-TymkBND5.js";
+export {
+  o as PhoneManager,
+  r as cn,
+  s as defaultLabels,
+  f as formatDuration
+};