@apple-pie/slice 0.1.22 → 0.1.24

package/dist/esm/utils/index.mjs

@@ -1,15 +1,17 @@
-export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-N8KLjOXc.mjs";
+export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-BeEWwOaJ.mjs";
 
 export { d as debounce } from "../chunks/debounce-Bst1jxMS.mjs";
 
 export { a as addOpacity, t as tintFromColor } from "../chunks/colors-FQ0uNQcW.mjs";
 
-export { I as IndexedDB } from "../chunks/IndexedDB-CJgzPHPB.mjs";
+export { I as IndexedDB } from "../chunks/IndexedDB-Dk7a4fPS.mjs";
+
+export { A as AudioVisualizer } from "../chunks/audioVisualizer-ZgT77nUw.mjs";
 
 export { M as MdBuffer } from "../chunks/MdStreamBuffer-DNXE4XbN.mjs";
 
 export { S as SSEConnection } from "../chunks/SSEConnection-DcA3wFsO.mjs";
 
-export { W as WSConnection } from "../chunks/WSConnection-D9mpsVdc.mjs";
+export { W as WSConnection } from "../chunks/WSConnection-DV7k84B4.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/utils/objects/index.mjs

@@ -1,9 +1,11 @@
-export { I as IndexedDB } from "../../chunks/IndexedDB-CJgzPHPB.mjs";
+export { I as IndexedDB } from "../../chunks/IndexedDB-Dk7a4fPS.mjs";
+
+export { A as AudioVisualizer } from "../../chunks/audioVisualizer-ZgT77nUw.mjs";
 
 export { M as MdBuffer } from "../../chunks/MdStreamBuffer-DNXE4XbN.mjs";
 
 export { S as SSEConnection } from "../../chunks/SSEConnection-DcA3wFsO.mjs";
 
-export { W as WSConnection } from "../../chunks/WSConnection-D9mpsVdc.mjs";
+export { W as WSConnection } from "../../chunks/WSConnection-DV7k84B4.mjs";
 
-import "../../chunks/tslib.es6-c-7TIv71.mjs";
+import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/workers/uploads/uploads.mjs

@@ -1,5 +1,5 @@
-import { r as registerUploadsWorker } from "../../chunks/uploads-worker-Dv-4zGnC.mjs";
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-7X9EwX9N.mjs";
 
-import "../../chunks/tslib.es6-c-7TIv71.mjs";
+import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
 registerUploadsWorker();

package/dist/types/components/AudioBubble/AudioBubble.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AudioBubbleProps } from './_types';
+export declare const AudioBubble: React.MemoExoticComponent<(props: AudioBubbleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/components/AudioBubble/_types.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+export type AudioBubbleBaseProps = {
+    audioStream?: MediaStream | MediaStreamTrack | null;
+    playing?: boolean;
+    size?: number;
+    backgroundColor?: string;
+    glow?: boolean;
+    glowColor?: string;
+    glowSize?: number;
+    glowOffset?: number;
+    minScale?: number;
+    maxScale?: number;
+    intensity?: number;
+    peakIntensity?: number;
+    risePerSeconds?: number;
+    ReleasePerSeconds?: number;
+};
+export type AudioBubbleProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AudioBubbleBaseProps> & AudioBubbleBaseProps;

package/dist/types/components/AudioBubble/index.d.ts

@@ -0,0 +1,2 @@
+export { AudioBubble } from './AudioBubble';
+export type { AudioBubbleProps } from './_types';

package/dist/types/components/DropDown/_types.d.ts

@@ -35,6 +35,7 @@ type DropDownBaseProps<T = string> = {
     gap?: number;
     size?: 'xs' | 's' | 'm' | 'l';
     onChange?: (index: number, option: DropDownOption<T>) => void;
+    onOption?: (option: DropDownOption<T>) => void;
 };
 export type DropDownProps<T = string> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DropDownBaseProps<T>> & DropDownBaseProps<T>;
 export {};

package/dist/types/hooks/index.d.ts

@@ -6,5 +6,8 @@ export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, }
 export { useLastUpdated } from './useLastUpdated/useLastUpdated';
 export { useLocalStore } from './useLocalStore/useLocalStore';
 export { useMDStreamBuffer } from './useMdStreamBuffer/useMdStreamBuffer';
+export { useMicrophone } from './useMicrophone/useMicrophone';
+export type { MicOption, UseMicrophoneReturn, } from './useMicrophone/useMicrophone';
+export { useAudioRecorder } from './useAudioRecorder/useAudioRecorder';
 export { useWindow, FormFactor, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, } from './useWindow/useWindow';
 export { useObserveResize } from './useObserveResize/useObserveResize';

package/dist/types/hooks/useAudioRecorder/useAudioRecorder.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from 'react';
+type UseStreamToMp3Return = {
+    audioBlob: RefObject<Blob | null>;
+    error: Error | null;
+    isRecording: boolean;
+    recordingSizeMb: number;
+    mimeType: string | null;
+    resetRecording: () => void;
+    startRecording: () => void;
+    stopRecording: () => Promise<Blob | null>;
+};
+type AudioRecorderSource = MediaStream | MediaStreamTrack | RefObject<MediaStream | MediaStreamTrack | null> | null | undefined;
+export declare function useAudioRecorder(audioStream: AudioRecorderSource): UseStreamToMp3Return;
+export {};

package/dist/types/hooks/useMicrophone/useMicrophone.d.ts

@@ -0,0 +1,23 @@
+import type { RefObject } from 'react';
+import type { DropDownOption } from '../../components/DropDown';
+export type MicOption = {
+    id: string;
+};
+export type UseMicrophoneReturn = {
+    micStream: RefObject<MediaStream | null>;
+    micTrack: RefObject<MediaStreamTrack | null>;
+    muted: boolean;
+    isSupported: boolean;
+    isRequesting: boolean;
+    error: Error | null;
+    microphones: MediaDeviceInfo[];
+    micOptions: DropDownOption<MicOption>[];
+    requestMicrophone: () => Promise<MediaStream | null>;
+    stopMicrophone: () => void;
+    muteMic: () => boolean;
+    unmuteMic: () => boolean;
+    toggleMute: () => void;
+    refreshMicrophones: () => Promise<MediaDeviceInfo[]>;
+    setMicrophone: (deviceId: string | DropDownOption<MicOption>) => Promise<void>;
+};
+export declare function useMicrophone(startMuted?: boolean, microphoneDeviceId?: string): UseMicrophoneReturn;

package/dist/types/index.d.ts

@@ -2,7 +2,9 @@ export type { ToolTip, ToolTipInfo } from './components/sharedTypes';
 export { ToolTipType } from './components/sharedTypes';
 export { light, dark, lightTheme, darkTheme, motion, elevations, Elevation, } from './theme';
 export type { SliceTheme, Colors, Type, Corners, Elevations, } from './theme';
-export { type KeyboardShortcut, type KeyboardShortcuts, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useMDStreamBuffer, useWindow, useDoubleClick, useObserveResize, } from './hooks';
+export { type KeyboardShortcut, type KeyboardShortcuts, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, type MicOption, type UseMicrophoneReturn, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useMDStreamBuffer, useAudioRecorder, useMicrophone, useWindow, useDoubleClick, useObserveResize, } from './hooks';
+export { AudioBubble } from './components/AudioBubble/index';
+export type { AudioBubbleProps } from './components/AudioBubble/index';
 export { Avatar } from './components/Avatar/index';
 export type { AvatarProps } from './components/Avatar/index';
 export { AvatarGroup } from './components/AvatarGroup';

package/dist/types/utils/functions/files.d.ts

@@ -8,7 +8,7 @@ export declare function nameAndExtension(fileName: string): {
 /**
  * Map a file extension to the corresponding file icon name.
  */
-export declare function fileIconName(extension: string): "other" | "text" | "sheet" | "image" | "video" | "audio" | "md" | "code" | "preso" | "pdf" | "clipboard";
+export declare function fileIconName(extension: string): "other" | "video" | "text" | "sheet" | "image" | "audio" | "md" | "code" | "preso" | "pdf" | "clipboard";
 /**
  * Create a clipboard-text file with a guaranteed `.clipboard` extension.
  */

package/dist/types/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { copyToClipboard, hexToRgb } from './functions/misc';
 export { debounce } from './functions/debounce';
 export * from './functions/colors';
-export { IndexedDB, MdBuffer, SSEConnection, WSConnection, } from './objects';
-export type { IndexedDBOptions, MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, UnifiedMessageEvent, WSConnectionOptions, } from './objects';
+export { AudioVisualizer, IndexedDB, MdBuffer, SSEConnection, WSConnection, } from './objects';
+export type { AudioVisualizerOptions, AudioVisualizerSource, IndexedDBOptions, MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, UnifiedMessageEvent, WSConnectionOptions, } from './objects';

package/dist/types/utils/objects/WebRTCConnection/WebRTCConnection.d.ts

@@ -0,0 +1,86 @@
+import type { WebRTCConnectionOptions } from './_types';
+export declare class WebRTCConnection {
+    private readonly peerConnection;
+    private readonly RTCSenderAudioTrack?;
+    private readonly RTCSenderVideoTrack?;
+    private RTCScreenShareTrack;
+    private RTCScreenShareSender;
+    private readonly RTCReceiverAudioStream;
+    private readonly RTCReceiverVideoTracks;
+    private readonly RTCReceiverAudioTracks;
+    private readonly RTCDataChannels;
+    private readonly connectionUrl;
+    private connectionOffer;
+    private audioElement;
+    private readonly autoPlayAudio;
+    private readonly onRemoteAudioStream?;
+    private readonly onRemoteVideoStream?;
+    private readonly onDataChannelEvent?;
+    private iceTimer?;
+    private offerOptions?;
+    private bearerToken?;
+    /**
+     * Create the base instance
+     */
+    constructor(rtcConnectionInfo: WebRTCConnectionOptions);
+    /**
+     * Initialize the RTC connection
+     */
+    initialize(offerOptions?: RTCOfferOptions, bearerToken?: string): Promise<void>;
+    /**
+     * Start an optional screen share stream and renegotiate if already connected
+     */
+    startScreenShare(): Promise<void>;
+    /**
+     * Stop the optional screen share stream and renegotiate if already connected
+     */
+    stopScreenShare(stopTrack?: boolean): Promise<void>;
+    /**
+     * Create an offer, wait for ICE gathering, POST SDP, and apply the answer
+     */
+    private negotiate;
+    /**
+     * Send a JSON-serializable payload over a named data channel
+     */
+    sendMessage(channelName: string, data: string | number | boolean | object | null): void;
+    /**
+     * Mute or unmute all incoming audio playback
+     */
+    muteAllAudio(muted: boolean): void;
+    /**
+     * Mute or unmute a specific incoming audio track
+     */
+    muteAudioTrack(trackId: string, muted: boolean): void;
+    /**
+     * Set the playback volume for the incoming audio element
+     */
+    setAudioVolume(volume: number): void;
+    /**
+     * Create an audio source node from the unified incoming audio stream
+     */
+    createIncomingAudioSource(audioContext: AudioContext): MediaStreamAudioSourceNode;
+    /**
+     * Handle track events adding them to the unified audio and video streams
+     */
+    private onTrack;
+    /**
+     * Create a local audio element and set its source to the rtc incoming media stream
+     */
+    private setupIncomingAudioStream;
+    /**
+     * Set up a local stream with mic and video tracks and add to peer connection
+     */
+    private setupOutgoingMediaStream;
+    /**
+     * Setup data channels
+     */
+    private setupDataChannels;
+    /**
+     * Add listeners for data events and push through callback
+     */
+    private setupDataChannelEventListeners;
+    /**
+     * Wait for the ICE gathering to be complete
+     */
+    private waitForIceGathering;
+}

package/dist/types/utils/objects/WebRTCConnection/_types.d.ts

@@ -0,0 +1,11 @@
+export interface WebRTCConnectionOptions {
+    connectionUrl?: string;
+    audioElement?: HTMLAudioElement;
+    autoPlayAudio?: boolean;
+    dataChannels?: string | string[];
+    micMediaTrack: MediaStreamTrack;
+    videoMediaTrack?: MediaStreamTrack;
+    onRemoteVideoStream?: (streams: Map<string, MediaStream>) => void;
+    onRemoteAudioStream?: (streams: Map<string, MediaStream>) => void;
+    onDataChannelEvent?: (channel: string, eventType: 'message' | 'open' | 'close' | 'error', eventData: MessageEvent | Event | RTCErrorEvent) => void;
+}

package/dist/types/utils/objects/audioVisualizer/audioVisualizer.d.ts

@@ -0,0 +1,40 @@
+type AudioVisualizerSource = MediaStream | MediaStreamTrack;
+type AudioVisualizerOptions = {
+    fftSize?: number;
+    intensityMultiplier?: number;
+    maxScale?: number;
+    minScale?: number;
+    onUpdate?: (state: {
+        intensity: number;
+        scale: number;
+    }) => void;
+    peakIntensity?: number;
+    releasePerSecond?: number;
+    risePerSecond?: number;
+};
+export declare class AudioVisualizer {
+    private readonly fftSize;
+    private readonly intensityMultiplier;
+    private readonly maxScale;
+    private readonly minScale;
+    private readonly onUpdate?;
+    private readonly peakIntensity;
+    private readonly releasePerSecond;
+    private readonly risePerSecond;
+    private readonly source;
+    private analyser;
+    private animationFrameId;
+    private audioContext;
+    private currentIntensity;
+    private lastFrameTime;
+    private sourceNode;
+    private timeDomainData;
+    constructor(source: AudioVisualizerSource, options?: AudioVisualizerOptions);
+    start(): void;
+    stop(): void;
+    dispose(): void;
+    getIntensity(): number;
+    getScale(): number;
+    private readonly onFrame;
+}
+export type { AudioVisualizerOptions, AudioVisualizerSource };

package/dist/types/utils/objects/index.d.ts

@@ -1,5 +1,7 @@
 export { IndexedDB } from './IndexedDB/IndexedDB';
 export type { IndexedDBOptions } from './IndexedDB/IndexedDB';
+export { AudioVisualizer } from './audioVisualizer/audioVisualizer';
+export type { AudioVisualizerOptions, AudioVisualizerSource, } from './audioVisualizer/audioVisualizer';
 export { MdBuffer } from './MDStreamBuffer/MdStreamBuffer';
 export type { MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, } from './MDStreamBuffer/_types';
 export { SSEConnection } from './SSEConnection/SSEConnection';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.22",
+	"version": "0.1.24",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {