@arcware-cloud/pixelstreaming-websdk 0.1.3 → 0.1.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcware-cloud/pixelstreaming-websdk",
   "description": "WebSDK for easy implementation of pixel streaming with Arcware CloudRT Services. Heavily based on the '@epicgames-ps' library.",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "commonjs",
   "main": "./index.umd.js",
   "module": "./index.umd.js",
@@ -26,7 +26,7 @@
     "lodash": "4.17.21",
     "lottie-web": "5.10.2",
     "moment": "2.29.4",
-    "zod": "3.21.4"
+    "zod": "3.22.4"
   },
   "cjs": "./index.cjs.js"
 }

package/types/lib/ArcwareConfig.d.ts

@@ -27,7 +27,7 @@ export declare class ArcwareConfig extends Config {
     readonly session: Session;
     readonly settings: Settings;
     private _initialSettings;
-    readonly VERSION = "0.1.3";
+    readonly VERSION = "0.1.5";
     constructor(config: ArcwareConfigParams);
     /** Setup connection string. */
     get urlFlags(): string;

package/types/lib/ArcwarePixelStreaming.d.ts

@@ -92,4 +92,5 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
     private createMicrophoneOverlay;
     toggleMic(enable: boolean, isDefault: boolean): void;
     private wrapWebSocketOnCloseHandler;
+    onStreamingStateChange(callback: (isStreaming: boolean) => void): void;
 }

package/types/lib/styles/ArcwarePixelStreamingApplicationStyles.d.ts

@@ -20,10 +20,10 @@ export declare const ArcwareStyles: {
         "*": {
             fontFamily: string;
         };
-        "::-webkit-scrollbar": {
+        "#shared-stream-container::-webkit-scrollbar": {
             width: string;
         };
-        "::-webkit-scrollbar-track": {
+        "#shared-stream-container::-webkit-scrollbar-track": {
             background: string;
             opacity: string;
             borderRadius: string;
@@ -32,10 +32,10 @@ export declare const ArcwareStyles: {
             borderBottom: string;
             borderLeft: string;
         };
-        "::-webkit-scrollbar-track-piece": {
+        "#shared-stream-container::-webkit-scrollbar-track-piece": {
             background: string;
         };
-        "::-webkit-scrollbar-thumb": {
+        "#shared-stream-container::-webkit-scrollbar-thumb": {
             background: string;
             width: string;
             borderRight: string;
@@ -43,7 +43,7 @@ export declare const ArcwareStyles: {
             transition: string;
             borderRadius: string;
         };
-        "::-webkit-scrollbar-thumb:hover": {
+        "#shared-stream-container::-webkit-scrollbar-thumb:hover": {
             transition: string;
             background: string;
         };
@@ -100,6 +100,10 @@ export declare const ArcwareStyles: {
             width: string;
             height: string;
         };
+        "#stopIcon, #playIcon": {
+            width: string;
+            height: string;
+        };
         "#uiFeatures button .tooltiptext": {
             right: string;
             left: string;
@@ -341,10 +345,20 @@ export declare const ArcwareStyles: {
             textTransform: string;
             textAlign: string;
         };
-        "#letters-block p": {
+        "#letters-wrapper": {
+            height: string;
+            overflow: string;
+            position: string;
+            display: string;
+            flexDirection: string;
+            alignItems: string;
+            justifyContent: string;
+            marginTop: string;
+            paddingBottom: string;
+        };
+        "#letters-wrapper p": {
             textAlign: string;
             lineHeight: number;
-            margin: string;
             fontSize: string;
         };
         ".letter-animation:nth-last-of-type(1)::after": {
@@ -356,6 +370,7 @@ export declare const ArcwareStyles: {
         ".letter-animation": {
             transition: string;
             transformOrigin: string;
+            margin: string;
         };
         ".letter-animation-enter": {
             animation: string;
@@ -364,6 +379,7 @@ export declare const ArcwareStyles: {
             opacity: number;
             scale: number;
             transition: string;
+            margin: number;
         };
         "@keyframes dotty": {
             "0%": {

package/types/lib/ui/PlayIcon/index.d.ts

@@ -0,0 +1,5 @@
+export declare class PlayIcon {
+    playIcon: SVGElement;
+    constructor();
+    private createPlayIcon;
+}

package/types/lib/ui/StopButton/index.d.ts

@@ -3,10 +3,14 @@ export declare class StopButton {
     private button;
     private stream;
     private stopIcon;
+    private playIcon;
     private tooltipText;
+    private isStreaming;
     constructor(stream: ArcwarePixelStreaming);
     private createButton;
     private createTooltipText;
-    private stop;
+    private toggleStreaming;
+    private updateButtonIcon;
     get element(): HTMLButtonElement;
+    private updateButtonState;
 }

package/types/shared/lib/Messages/StreamInfo.d.ts

@@ -69,36 +69,27 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput: z.ZodOptional<z.ZodBoolean>;
                 TouchInput: z.ZodOptional<z.ZodBoolean>;
                 XRControllerInput: z.ZodOptional<z.ZodBoolean>;
-                UseMic: z.ZodOptional<z.ZodBoolean>;
                 FakeMouseWithTouches: z.ZodOptional<z.ZodBoolean>;
                 ForceMonoAudio: z.ZodOptional<z.ZodBoolean>;
                 HoveringMouse: z.ZodOptional<z.ZodBoolean>;
-                MatchViewportRes: z.ZodOptional<z.ZodBoolean>;
-                SuppressBrowserKeys: z.ZodOptional<z.ZodBoolean>;
             }, "strip", z.ZodTypeAny, {
                 KeyboardInput?: boolean | undefined;
                 MouseInput?: boolean | undefined;
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             }, {
                 KeyboardInput?: boolean | undefined;
                 MouseInput?: boolean | undefined;
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             }>>;
         }, "strict", z.ZodTypeAny, {
             conf?: {
@@ -116,12 +107,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         }, {
             conf?: {
@@ -139,12 +127,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         }>>;
         afk: z.ZodOptional<z.ZodObject<{
@@ -195,12 +180,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         } | undefined;
         afk?: {
@@ -241,12 +223,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         } | undefined;
         afk?: {
@@ -290,12 +269,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         } | undefined;
         afk?: {
@@ -339,12 +315,9 @@ export declare const ZStreamInfo: z.ZodObject<{
                 GamepadInput?: boolean | undefined;
                 TouchInput?: boolean | undefined;
                 XRControllerInput?: boolean | undefined;
-                UseMic?: boolean | undefined;
                 FakeMouseWithTouches?: boolean | undefined;
                 ForceMonoAudio?: boolean | undefined;
                 HoveringMouse?: boolean | undefined;
-                MatchViewportRes?: boolean | undefined;
-                SuppressBrowserKeys?: boolean | undefined;
             } | undefined;
         } | undefined;
         afk?: {

package/types/shared/lib/Messages/WebSdkSettings.d.ts

@@ -31,36 +31,27 @@ export declare const WebSdkSettings: z.ZodObject<{
         GamepadInput: z.ZodOptional<z.ZodBoolean>;
         TouchInput: z.ZodOptional<z.ZodBoolean>;
         XRControllerInput: z.ZodOptional<z.ZodBoolean>;
-        UseMic: z.ZodOptional<z.ZodBoolean>;
         FakeMouseWithTouches: z.ZodOptional<z.ZodBoolean>;
         ForceMonoAudio: z.ZodOptional<z.ZodBoolean>;
         HoveringMouse: z.ZodOptional<z.ZodBoolean>;
-        MatchViewportRes: z.ZodOptional<z.ZodBoolean>;
-        SuppressBrowserKeys: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
         KeyboardInput?: boolean | undefined;
         MouseInput?: boolean | undefined;
         GamepadInput?: boolean | undefined;
         TouchInput?: boolean | undefined;
         XRControllerInput?: boolean | undefined;
-        UseMic?: boolean | undefined;
         FakeMouseWithTouches?: boolean | undefined;
         ForceMonoAudio?: boolean | undefined;
         HoveringMouse?: boolean | undefined;
-        MatchViewportRes?: boolean | undefined;
-        SuppressBrowserKeys?: boolean | undefined;
     }, {
         KeyboardInput?: boolean | undefined;
         MouseInput?: boolean | undefined;
         GamepadInput?: boolean | undefined;
         TouchInput?: boolean | undefined;
         XRControllerInput?: boolean | undefined;
-        UseMic?: boolean | undefined;
         FakeMouseWithTouches?: boolean | undefined;
         ForceMonoAudio?: boolean | undefined;
         HoveringMouse?: boolean | undefined;
-        MatchViewportRes?: boolean | undefined;
-        SuppressBrowserKeys?: boolean | undefined;
     }>>;
 }, "strict", z.ZodTypeAny, {
     conf?: {
@@ -78,12 +69,9 @@ export declare const WebSdkSettings: z.ZodObject<{
         GamepadInput?: boolean | undefined;
         TouchInput?: boolean | undefined;
         XRControllerInput?: boolean | undefined;
-        UseMic?: boolean | undefined;
         FakeMouseWithTouches?: boolean | undefined;
         ForceMonoAudio?: boolean | undefined;
         HoveringMouse?: boolean | undefined;
-        MatchViewportRes?: boolean | undefined;
-        SuppressBrowserKeys?: boolean | undefined;
     } | undefined;
 }, {
     conf?: {
@@ -101,11 +89,8 @@ export declare const WebSdkSettings: z.ZodObject<{
         GamepadInput?: boolean | undefined;
         TouchInput?: boolean | undefined;
         XRControllerInput?: boolean | undefined;
-        UseMic?: boolean | undefined;
         FakeMouseWithTouches?: boolean | undefined;
         ForceMonoAudio?: boolean | undefined;
         HoveringMouse?: boolean | undefined;
-        MatchViewportRes?: boolean | undefined;
-        SuppressBrowserKeys?: boolean | undefined;
     } | undefined;
 }>;