@tmsoft/webphone 1.0.24 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmsoft/webphone",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "private": false,
   "type": "module",
   "files": [
@@ -10,12 +10,25 @@
   "license": "MIT",
   "main": "./dist/webphone.cjs.js",
   "module": "./dist/webphone.es.js",
-  "browser": "./dist/webphone.umd.js",
+  "browser": "./dist/webphone-standalone.umd.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "browser": "./dist/webphone.umd.js",
-    "import": "./dist/webphone.es.js",
-    "require": "./dist/webphone.cjs.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "browser": "./dist/webphone.umd.js",
+      "import": "./dist/webphone.es.js",
+      "require": "./dist/webphone.cjs.js"
+    },
+    "./standalone": {
+      "browser": "./dist/webphone-standalone.umd.js",
+      "import": "./dist/webphone-standalone.es.js",
+      "require": "./dist/webphone-standalone.cjs.js"
+    },
+    "./web-component": {
+      "browser": "./dist/webphone-web-component.umd.js",
+      "import": "./dist/webphone-web-component.es.js",
+      "require": "./dist/webphone-web-component.cjs.js"
+    }
   },
   "repository": {
     "type": "git",
@@ -30,13 +43,18 @@
     "preview": "vite preview",
     "test:unit": "vitest",
     "test:e2e": "playwright test",
-    "build-only": "vite build",
+    "build-only": "npm run build:main && npm run build:standalone && npm run build:web-component",
+    "build:main": "vite build",
+    "build:standalone": "vite build --config vite.config.standalone.ts",
+    "build:web-component": "vite build --config vite.config.web-component.ts",
     "type-check": "vue-tsc --build",
     "lint": "eslint . --fix",
     "format": "prettier --write src/",
     "publish:local": "npm publish --registry http://localhost:4873/",
     "prepare": "npm run build",
-    "publish:lib": "npm version patch && npm publish --access public"
+    "publish:lib": "npm version patch && npm publish --access public",
+    "serve:example": "npx http-server . -p 3000 -o example-cdn.html",
+    "test:cdn": "npm run build && npm run serve:example"
   },
   "peerDependencies": {
     "vue": "^3.5.13"

package/dist/index.d.ts

@@ -1,299 +0,0 @@
-import { App } from 'vue';
-import { AuraBaseDesignTokens } from '@primeuix/themes/aura/base';
-import { ButtonProps } from 'primevue/button';
-import { ButtonSlots } from 'primevue/button';
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { ComputedRef } from 'vue';
-import { DefineComponent } from 'vue';
-import { DefineComponent as DefineComponent_2 } from '@primevue/core';
-import { DialogProps } from 'primevue/dialog';
-import { DialogSlots } from 'primevue/dialog';
-import { ExtractPropTypes } from 'vue';
-import { FunctionalComponent } from 'vue';
-import { InputTextProps } from 'primevue/inputtext';
-import { InputTextSlots } from 'primevue/inputtext';
-import { Preset } from '@primeuix/themes/types';
-import { PropType } from 'vue';
-import { PublicProps } from 'vue';
-import { Ref } from 'vue';
-import { SelectChangeEvent } from 'primevue/select';
-import { SelectFilterEvent } from 'primevue/select';
-import { SelectMethods } from 'primevue/select';
-import { SelectProps } from 'primevue/select';
-import { SelectSlots } from 'primevue/select';
-import { SliderProps } from 'primevue/slider';
-import { SliderSlideEndEvent } from 'primevue/slider';
-import { SliderSlots } from 'primevue/slider';
-import { SVGAttributes } from 'vue';
-import { VueElementConstructor } from 'vue';
-
-export declare function configurePrimeVue(app: App): void;
-
-export declare function install(app: App, options?: {
-    configurePrimeVue?: boolean;
-}): void;
-
-export declare const primeVueConfig: {
-    theme: {
-        unstyled: boolean;
-        preset: Preset<AuraBaseDesignTokens>;
-        options: {
-            prefix: string;
-            darkModeSelector: string;
-            cssLayer: boolean;
-        };
-    };
-};
-
-export declare const WebPhone: DefineComponent<ExtractPropTypes<    {
-extension: {
-type: StringConstructor;
-required: true;
-};
-password: {
-type: StringConstructor;
-required: true;
-};
-domain: {
-type: StringConstructor;
-required: true;
-};
-mode: {
-type: StringConstructor;
-default: string;
-validator: (value: string) => boolean;
-};
-image: {
-type: StringConstructor;
-required: false;
-};
-to: {
-type: StringConstructor;
-required: false;
-};
-callback: {
-type: PropType<(event: MouseEvent) => void>;
-required: false;
-};
-}>, {
-setCallVolume: (value: number | number[]) => void;
-validateKeydown: (event: KeyboardEvent) => void;
-setNotificationVolume: (value: number | number[]) => void;
-dtmfKeys: string[];
-canCall: ComputedRef<boolean | "" | undefined>;
-handleDTMF: (digit: string) => void;
-statusClass: ComputedRef<"text-[#03ac7e]" | "text-blue-400" | "text-yellow-400" | "text-red-500">;
-showNumpad: Ref<boolean, boolean>;
-toggleNumpad: () => void;
-audioVolumeRef: Ref<any, any>;
-audioDevicesRef: Ref<any, any>;
-toggleAudioVolume: (event: MouseEvent) => void;
-toggleAudioDevices: (event: MouseEvent) => void;
-deleteLastDigit: () => void;
-isWebcall: ComputedRef<boolean>;
-isCall: ComputedRef<boolean>;
-isVideo: ComputedRef<boolean>;
-finalPhoneNumber: ComputedRef<string | undefined>;
-showSettings: Ref<boolean, boolean>;
-microphonePermission: Ref<"granted" | "denied" | "prompt", "granted" | "denied" | "prompt">;
-isRequestingPermission: Ref<boolean, boolean>;
-requestMicrophonePermission: () => Promise<boolean>;
-playerRef: Ref<HTMLAudioElement | null, HTMLAudioElement | null>;
-ringerRef: Ref<HTMLAudioElement | null, HTMLAudioElement | null>;
-backRingerRef: Ref<HTMLAudioElement | null, HTMLAudioElement | null>;
-viewerRef: Ref<HTMLVideoElement | null, HTMLVideoElement | null>;
-selfViewerRef: Ref<HTMLVideoElement | null, HTMLVideoElement | null>;
-startSIP: () => void;
-stopSIP: () => void;
-makeCall: (to: string, hasVideo: boolean) => void;
-answerCall: () => void | undefined;
-endCall: () => void | undefined;
-toggleMute: () => void;
-microphones: Ref<    {
-readonly deviceId: string;
-readonly groupId: string;
-readonly kind: MediaDeviceKind;
-readonly label: string;
-toJSON: () => any;
-}[], MediaDeviceInfo[] | {
-readonly deviceId: string;
-readonly groupId: string;
-readonly kind: MediaDeviceKind;
-readonly label: string;
-toJSON: () => any;
-}[]>;
-speakers: Ref<    {
-readonly deviceId: string;
-readonly groupId: string;
-readonly kind: MediaDeviceKind;
-readonly label: string;
-toJSON: () => any;
-}[], MediaDeviceInfo[] | {
-readonly deviceId: string;
-readonly groupId: string;
-readonly kind: MediaDeviceKind;
-readonly label: string;
-toJSON: () => any;
-}[]>;
-selectedMicId: Ref<string | null, string | null>;
-selectedSpeakerId: Ref<string | null, string | null>;
-isMuted: Ref<boolean, boolean>;
-activeCall: Ref<boolean, boolean>;
-isSIPActive: Ref<boolean, boolean>;
-canMute: ComputedRef<boolean>;
-canAnswer: ComputedRef<boolean>;
-canHangup: ComputedRef<boolean>;
-canStartSIP: ComputedRef<boolean>;
-canStopSIP: ComputedRef<boolean>;
-changeMicrophone: (deviceId: string) => Promise<void>;
-changeSpeaker: (deviceId: string) => Promise<void>;
-callVolume: Ref<number, number>;
-notificationVolume: Ref<number, number>;
-setVolume: (type: "call" | "notification", volume: number) => void;
-isIncomingCall: Ref<boolean, boolean>;
-sendDTMF: (digit: string) => void;
-resetStates: () => void;
-phoneNumber: Ref<string, string>;
-callerId: Ref<string | null, string | null>;
-isRinging: Ref<boolean, boolean>;
-statusMessage: ComputedRef<string>;
-formattedCallDuration: ComputedRef<string>;
-callDuration: Ref<number, number>;
-isOutgoingCall: Ref<boolean, boolean>;
-checkMicrophonePermission: () => Promise<"granted" | "denied" | "prompt">;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-extension: {
-type: StringConstructor;
-required: true;
-};
-password: {
-type: StringConstructor;
-required: true;
-};
-domain: {
-type: StringConstructor;
-required: true;
-};
-mode: {
-type: StringConstructor;
-default: string;
-validator: (value: string) => boolean;
-};
-image: {
-type: StringConstructor;
-required: false;
-};
-to: {
-type: StringConstructor;
-required: false;
-};
-callback: {
-type: PropType<(event: MouseEvent) => void>;
-required: false;
-};
-}>> & Readonly<{}>, {
-mode: string;
-}, {}, {
-PrimeButton: DefineComponent_2<ButtonProps, ButtonSlots, (e: string, ...args: any[]) => void>;
-PrimeInputText: DefineComponent_2<InputTextProps, InputTextSlots, ((e: "update:modelValue", value: string | undefined) => void) & ((e: "value-change", value: string | undefined) => void)>;
-WebphoneSettings: DefineComponent<ExtractPropTypes<    {
-callVolume: NumberConstructor;
-notificationVolume: NumberConstructor;
-selectedMicId: StringConstructor;
-selectedSpeakerId: StringConstructor;
-microphones: PropType<Array<{
-label: string;
-deviceId: string;
-}>>;
-speakers: PropType<Array<{
-label: string;
-deviceId: string;
-}>>;
-}>, {
-showSettings: Ref<boolean, boolean>;
-openDialog: () => void;
-updateCallVolume: (value: number | number[]) => void;
-updateNotificationVolume: (value: number | number[]) => void;
-updateSelectedMic: (value: string) => void;
-updateSelectedSpeaker: (value: string) => void;
-selectedMic: ComputedRef<    {
-label: string;
-deviceId: string;
-} | null>;
-selectedSpeaker: ComputedRef<    {
-label: string;
-deviceId: string;
-} | null>;
-version: string;
-packageName: string;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:callVolume" | "update:notificationVolume" | "update:selectedMicId" | "update:selectedSpeakerId")[], "update:callVolume" | "update:notificationVolume" | "update:selectedMicId" | "update:selectedSpeakerId", PublicProps, Readonly<ExtractPropTypes<    {
-callVolume: NumberConstructor;
-notificationVolume: NumberConstructor;
-selectedMicId: StringConstructor;
-selectedSpeakerId: StringConstructor;
-microphones: PropType<Array<{
-label: string;
-deviceId: string;
-}>>;
-speakers: PropType<Array<{
-label: string;
-deviceId: string;
-}>>;
-}>> & Readonly<{
-"onUpdate:callVolume"?: ((...args: any[]) => any) | undefined;
-"onUpdate:notificationVolume"?: ((...args: any[]) => any) | undefined;
-"onUpdate:selectedMicId"?: ((...args: any[]) => any) | undefined;
-"onUpdate:selectedSpeakerId"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {
-PrimeButton: DefineComponent_2<ButtonProps, ButtonSlots, (e: string, ...args: any[]) => void>;
-PrimeDialog: DefineComponent_2<DialogProps, DialogSlots, ((e: "dragend", event: Event) => void) & ((e: "dragstart", event: Event) => void) & ((e: "update:visible", value: boolean) => void) & ((e: "hide") => void) & ((e: "after-hide") => void) & ((e: "show") => void) & ((e: "maximize", event: Event) => void) & ((e: "unmaximize", event: Event) => void)>;
-PrimeSelect: DefineComponent_2<SelectProps, SelectSlots, ((e: "filter", event: SelectFilterEvent) => void) & ((e: "blur", event: Event) => void) & ((e: "change", event: SelectChangeEvent) => void) & ((e: "focus", event: Event) => void) & ((e: "hide") => void) & ((e: "show") => void) & ((e: "update:modelValue", value: any) => void) & ((e: "value-change", value: any) => void) & ((e: "before-show") => void) & ((e: "before-hide") => void), SelectMethods>;
-Slider: DefineComponent_2<SliderProps, SliderSlots, ((e: "change", value: number) => void) & ((e: "update:modelValue", value: number | number[]) => void) & ((e: "value-change", value: number | number[]) => void) & ((e: "slideend", event: SliderSlideEndEvent) => void)>;
-SettingsIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-LogoIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-ExtensionIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-NumpadIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-CallIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-HangupIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-MicrophoneIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-NumpadOffIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-MicrophoneOffIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-KeyboardDeleteIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-NebulaIcon: FunctionalComponent<SVGAttributes, {}, any, {}>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-export declare const WebphoneElement: VueElementConstructor<ExtractPropTypes<    {
-extension: {
-type: StringConstructor;
-required: true;
-};
-password: {
-type: StringConstructor;
-required: true;
-};
-domain: {
-type: StringConstructor;
-required: true;
-};
-mode: {
-type: StringConstructor;
-default: string;
-validator: (value: string) => boolean;
-};
-image: {
-type: StringConstructor;
-required: false;
-};
-to: {
-type: StringConstructor;
-required: false;
-};
-callback: {
-type: PropType<(event: MouseEvent) => void>;
-required: false;
-};
-}>>;
-
-export { }