@tbisoftware/phone 1.0.13 → 2.0.4

package/dist/vue/usePhone.d.ts

@@ -0,0 +1,59 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { PhoneConfig, PhoneStatus, CallHistoryEntry, ConnectionStatus } from '../types';
+export interface PhoneContextValue {
+    status: Ref<PhoneStatus>;
+    callNumber: Ref<string>;
+    setCallNumber: (number: string) => void;
+    callHistory: Ref<CallHistoryEntry[]>;
+    currentCallDuration: Ref<number>;
+    startCall: (number: string) => void;
+    endCall: () => void;
+    isReady: Ref<boolean>;
+    connectionStatus: Ref<ConnectionStatus>;
+}
+export declare const PhoneKey: InjectionKey<PhoneContextValue>;
+export interface UsePhoneProviderOptions {
+    config: PhoneConfig;
+    onCallStart?: (number: string) => void;
+    onCallEnd?: (number: string, duration: number, status: 'completed' | 'failed') => void;
+    onStatusChange?: (status: PhoneStatus) => void;
+}
+/**
+ * Composable that provides phone functionality to child components.
+ * Similar to React's PhoneProvider context.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { usePhoneProvider } from '@tbisoftware/phone/vue';
+ *
+ * usePhoneProvider({
+ *   config: {
+ *     websocketUrl: 'wss://sip-server.com:8989',
+ *     sipUri: 'sip:user@domain.com',
+ *     password: 'password',
+ *     registrarServer: 'sip:domain.com',
+ *     displayName: 'User',
+ *     authorizationUser: 'user',
+ *   },
+ *   onCallStart: (number) => console.log('Calling', number),
+ * });
+ * </script>
+ * ```
+ */
+export declare function usePhoneProvider(options: UsePhoneProviderOptions): PhoneContextValue;
+/**
+ * Composable to access phone functionality from child components.
+ * Must be used within a component that has called usePhoneProvider.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { usePhone } from '@tbisoftware/phone/vue';
+ *
+ * const { status, callNumber, startCall, endCall } = usePhone();
+ * </script>
+ * ```
+ */
+export declare function usePhone(): PhoneContextValue;
+//# sourceMappingURL=usePhone.d.ts.map

package/dist/vue/usePhone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhone.d.ts","sourceRoot":"","sources":["../../src/vue/usePhone.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAM7F,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrC,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,gBAAgB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC3C;AAGD,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAmB,CAAC;AA8HzE,MAAM,WAAW,uBAAuB;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,iBAAiB,CAoNpF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/vue/usePhoneManager.d.ts

@@ -0,0 +1,72 @@
+import { ref, readonly } from 'vue';
+import type { PhoneConfig, PhoneStatus, CallHistoryEntry, ConnectionStatus } from '../types';
+export type { ConnectionStatus };
+export interface UsePhoneManagerOptions {
+    /** Callback when a call starts */
+    onCallStart?: (number: string) => void;
+    /** Callback when a call ends */
+    onCallEnd?: (number: string, duration: number, status: 'completed' | 'failed') => void;
+    /** Callback when call status changes */
+    onStatusChange?: (status: PhoneStatus) => void;
+    /** Callback when connection status changes */
+    onConnectionChange?: (status: ConnectionStatus) => void;
+    /** Enable call history persistence in localStorage */
+    persistHistory?: boolean;
+    /** localStorage key for call history */
+    historyKey?: string;
+}
+export interface UsePhoneManagerReturn {
+    /** Current call status */
+    status: ReturnType<typeof readonly<ReturnType<typeof ref<PhoneStatus>>>>;
+    /** Current phone number being called or in the input */
+    callNumber: ReturnType<typeof ref<string>>;
+    /** Set the phone number */
+    setCallNumber: (number: string) => void;
+    /** Call history */
+    callHistory: ReturnType<typeof readonly<ReturnType<typeof ref<CallHistoryEntry[]>>>>;
+    /** Clear call history */
+    clearCallHistory: () => void;
+    /** Current call duration in seconds */
+    currentCallDuration: ReturnType<typeof readonly<ReturnType<typeof ref<number>>>>;
+    /** Start a call to the given number */
+    startCall: (number: string) => void;
+    /** End the current call */
+    endCall: () => void;
+    /** Whether the phone is registered and ready to make calls */
+    isReady: ReturnType<typeof readonly<ReturnType<typeof ref<boolean>>>>;
+    /** Current connection status */
+    connectionStatus: ReturnType<typeof readonly<ReturnType<typeof ref<ConnectionStatus>>>>;
+    /** The raw JsSIP UA instance (for advanced usage) */
+    ua: ReturnType<typeof ref<any>>;
+}
+/**
+ * Vue composable to manage a SIP phone connection.
+ * This composable wraps the framework-agnostic PhoneManager class.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { usePhoneManager } from '@tbisoftware/phone/vue';
+ *
+ * const {
+ *   status,
+ *   callNumber,
+ *   setCallNumber,
+ *   startCall,
+ *   endCall,
+ *   isReady,
+ *   connectionStatus,
+ * } = usePhoneManager({
+ *   websocketUrl: 'wss://sip-server.com:8989',
+ *   sipUri: 'sip:user@domain.com',
+ *   password: 'password',
+ *   registrarServer: 'sip:domain.com',
+ *   displayName: 'User',
+ *   authorizationUser: 'user',
+ * });
+ * </script>
+ * ```
+ */
+export declare function usePhoneManager(config: PhoneConfig, options?: UsePhoneManagerOptions): UsePhoneManagerReturn;
+export default usePhoneManager;
+//# sourceMappingURL=usePhoneManager.d.ts.map

package/dist/vue/usePhoneManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneManager.d.ts","sourceRoot":"","sources":["../../src/vue/usePhoneManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAA0B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7F,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,WAAW,sBAAsB;IACnC,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IACvF,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,0BAA0B;IAC1B,MAAM,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,wDAAwD;IACxD,UAAU,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,2BAA2B;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,WAAW,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,yBAAyB;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,uCAAuC;IACvC,mBAAmB,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,uCAAuC;IACvC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,OAAO,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,gCAAgC;IAChC,gBAAgB,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACxF,qDAAqD;IACrD,EAAE,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,eAAe,CAC3B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,sBAA2B,GACrC,qBAAqB,CAyGvB;AAED,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tbisoftware/phone",
-  "version": "1.0.13",
+  "version": "2.0.4",
   "type": "module",
-  "description": "A reusable SIP phone component for React applications",
+  "description": "A reusable SIP phone component for React and Vue applications",
   "author": "TBI",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -14,6 +14,21 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js",
+      "require": "./dist/core/index.cjs"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [
@@ -30,7 +45,19 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "vue": ">=3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
   },
   "dependencies": {
     "jssip": "^3.11.1"
@@ -42,12 +69,14 @@
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "@vitejs/plugin-vue": "^6.0.0",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "vue": "^3.5.13",
     "tailwindcss": "^4.1.18",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
@@ -56,6 +85,7 @@
   },
   "keywords": [
     "react",
+    "vue",
     "phone",
     "sip",
     "voip",