@livekit/components-core - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/component-interfaces/connectionQualityIndicator.d.ts

 import { Participant } from 'livekit-client';
 export declare function setupConnectionQualityIndicator(participant: Participant): {
-    className: "lk-connection-quality";
+    className: keyof import("@livekit/components-styles/dist/types/general/styles.css").Styles;
     connectionQualityObserver: import("rxjs").Observable<import("livekit-client").ConnectionQuality>;
 };
 //# sourceMappingURL=connectionQualityIndicator.d.ts.map

dist/component-interfaces/connectionQualityIndicator.js

 import { createConnectionQualityObserver } from '../observables/participant';
+import { lkClassName } from '../utils';
 export function setupConnectionQualityIndicator(participant) {
-    const className = 'lk-connection-quality';
+    const className = lkClassName('connection-quality');
     const connectionQualityObserver = createConnectionQualityObserver(participant);
@@ -5,0 +6,0 @@ return { className, connectionQualityObserver };

dist/component-interfaces/deviceMenu.d.ts

 import { Room } from 'livekit-client';
 import { Observable } from 'rxjs';
 export declare function setupDeviceMenu(kind: MediaDeviceKind, room?: Room): {
-    className: keyof import("@livekit/components-styles/dist/types/styles.css").Styles;
+    className: keyof import("@livekit/components-styles/dist/types/general/styles.css").Styles;
     devicesObservable: Observable<MediaDeviceInfo[]>;
@@ -6,0 +6,0 @@ activeDeviceObservable: Observable<MediaDeviceInfo>;

dist/component-interfaces/deviceMenu.js

@@ -5,2 +5,3 @@ import { __awaiter } from "tslib";
 import { createMediaDeviceObserver } from '../observables/room';
+import { lkClassName } from '../utils';
 export function setupDeviceMenu(kind, room) {
@@ -16,5 +17,3 @@ const devicesObservable = createMediaDeviceObserver(kind).pipe(share());
     }));
-    // FIXME
-    // @ts-ignore
-    const className = 'lk-device-menu';
+    const className = lkClassName('device-menu');
     return { className, devicesObservable, activeDeviceObservable, listElementObservable };
@@ -21,0 +20,0 @@ }

dist/component-interfaces/index.d.ts

@@ -11,2 +11,4 @@ export * from './mediaToggle';
 export * from './participantView';
+export * from './chat';
+export * from './startAudio';
 //# sourceMappingURL=index.d.ts.map

dist/component-interfaces/index.js

@@ -11,2 +11,4 @@ export * from './mediaToggle';
 export * from './participantView';
+export * from './chat';
+export * from './startAudio';
 //# sourceMappingURL=index.js.map

dist/component-interfaces/mediaMutedIndicator.d.ts

 import { Participant, Track } from 'livekit-client';
 export declare function setupMediaMutedIndicator(participant: Participant, source: Track.Source): {
-    className: keyof import("@livekit/components-styles/dist/types/styles.css").Styles;
+    className: keyof import("@livekit/components-styles/dist/types/general/styles.css").Styles;
     mediaMutedObserver: import("rxjs").Observable<boolean>;
 };
 //# sourceMappingURL=mediaMutedIndicator.d.ts.map

dist/component-interfaces/types.d.ts

@@ -1,2 +0,2 @@
-import type { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import type { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 /**
@@ -3,0 +3,0 @@ * Base interface for component setup functions.

dist/observables/room.d.ts

@@ -19,2 +19,3 @@ import { Observable } from 'rxjs';
 export declare const createMediaDeviceObserver: (kind?: MediaDeviceKind, requestPermissions?: boolean) => Observable<MediaDeviceInfo[]>;
+export declare const createDataObserver: (room: Room) => Observable<[payload: Uint8Array, participant?: import("livekit-client").RemoteParticipant | undefined, kind?: import("livekit-client").DataPacket_Kind | undefined]>;
 //# sourceMappingURL=room.d.ts.map

dist/observables/room.js

@@ -129,2 +129,5 @@ import { __awaiter } from "tslib";
 };
+export const createDataObserver = (room) => {
+    return roomEventSelector(room, RoomEvent.DataReceived);
+};
 //# sourceMappingURL=room.js.map

dist/utils.d.ts

@@ -1,2 +0,2 @@
-import type { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import type { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import type { UnprefixedClassNames } from '@livekit/components-styles/dist/types_unprefixed/styles.scss';
@@ -3,0 +3,0 @@ import { Participant, TrackPublication } from 'livekit-client';

package.json

 {
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
@@ -34,3 +34,3 @@ "typings": "dist/index.d.ts",
     "typescript": "^4.7.4",
-    "@livekit/components-styles": "0.1.0"
+    "@livekit/components-styles": "0.1.1"
   },
@@ -37,0 +37,0 @@ "dependencies": {

src/component-interfaces/connectionQualityIndicator.ts

 import { Participant } from 'livekit-client';
 import { createConnectionQualityObserver } from '../observables/participant';
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { lkClassName } from '../utils';
 
 export function setupConnectionQualityIndicator(participant: Participant) {
-  const className: ClassNames = 'lk-connection-quality';
+  const className = lkClassName('connection-quality');
   const connectionQualityObserver = createConnectionQualityObserver(participant);
   return { className, connectionQualityObserver };
 }

src/component-interfaces/deviceMenu.ts

@@ -1,5 +0,5 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
 import { Room, Track } from 'livekit-client';
 import { map, Observable, share, Subscriber } from 'rxjs';
 import { createMediaDeviceObserver } from '../observables/room';
+import { lkClassName } from '../utils';
 
@@ -23,5 +23,3 @@ export function setupDeviceMenu(kind: MediaDeviceKind, room?: Room) {
   );
-  // FIXME
-  // @ts-ignore
-  const className: ClassNames = 'lk-device-menu';
+  const className = lkClassName('device-menu');
   return { className, devicesObservable, activeDeviceObservable, listElementObservable };
@@ -28,0 +26,0 @@ }

src/component-interfaces/deviceSelector.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import { LocalAudioTrack, LocalVideoTrack, Room } from 'livekit-client';
@@ -3,0 +3,0 @@ import { concatMap, map, share } from 'rxjs';

src/component-interfaces/disconnectButton.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import type { Room } from 'livekit-client';
@@ -3,0 +3,0 @@

src/component-interfaces/index.ts

@@ -11,1 +11,3 @@ export * from './mediaToggle';
 export * from './participantView';
+export * from './chat';
+export * from './startAudio';

src/component-interfaces/mediaMutedIndicator.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import { Participant, Track } from 'livekit-client';
@@ -3,0 +3,0 @@ import { mutedObserver } from '../observables/participant';

src/component-interfaces/mediaToggle.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import { LocalParticipant, Room, Track } from 'livekit-client';
@@ -3,0 +3,0 @@ import { map, Observable, startWith, Subscriber } from 'rxjs';

src/component-interfaces/mediaTrack.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import { Participant, Track } from 'livekit-client';
@@ -3,0 +3,0 @@ import { map } from 'rxjs';

src/component-interfaces/participantView.ts

@@ -1,2 +0,2 @@
-import { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 
@@ -3,0 +3,0 @@ export function setupParticipantView() {

src/component-interfaces/types.ts

@@ -1,2 +0,2 @@
-import type { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import type { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 
@@ -3,0 +3,0 @@ /**

src/observables/room.ts

@@ -194,1 +194,5 @@ import { map, Observable, startWith, Subscriber, Subscription } from 'rxjs';
 };
+
+export const createDataObserver = (room: Room) => {
+  return roomEventSelector(room, RoomEvent.DataReceived);
+};

src/utils.ts

@@ -1,2 +0,2 @@
-import type { ClassNames } from '@livekit/components-styles/dist/types/styles.css';
+import type { ClassNames } from '@livekit/components-styles/dist/types/general/styles.css';
 import type { UnprefixedClassNames } from '@livekit/components-styles/dist/types_unprefixed/styles.scss';
@@ -3,0 +3,0 @@ import { LocalParticipant, Participant, RemoteParticipant, TrackPublication } from 'livekit-client';

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

95093

increased by2.67%

Lines of code

1463

increased by7.34%

Worsened metrics

Number of package files

107

decreased by-1.83%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes