Adds the new NPM compatible SPS Frontend Library

package.json → library/package.json

@@ -1,8 +1,8 @@
 {
-  "name": "@tensorworks/spsfrontend",
+  "name": "@tensorworks/libspsfrontend",
   "version": "1.0.0",
-  "description": "The reference frontend implementation for Scalable Pixel Streaming consuming Epic Pixel Streaming Frontend",
-  "main": "index.ts",
+  "description": "The Scalable Pixel Streaming Frontend Library consuming Epic Games' Pixel Streaming Frontend",
+  "main": "src/index.ts",
   "scripts": {
     "build": "npx webpack",
     "watch": "npx webpack --watch",
@@ -18,7 +18,7 @@
     "html-webpack-plugin": "^5.5.0",
     "path": "^0.12.7",
     "ts-loader": "^9.4.2",
-    "webpack": "^5.75.0",
+    "webpack": "^5.76.1",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.11.1"
   }

library/src/index.ts

@@ -0,0 +1,50 @@
+// Scalable Pixel Streaming Frontend exports
+export { SPSApplication } from "./SPSApplication";
+export { LoadingOverlay } from "./LoadingOverlay";
+export { MessageSendTypes, MessageStats } from "./Messages";
+export { MessageAuthRequest, InstanceState, MessageInstanceState, MessageAuthResponseOutcomeType, MessageAuthResponse, MessageRequestInstance, SPSSignalling } from "./SignallingExtension";
+
+// Epic Games Pixel Streaming Frontend exports
+export { WebRtcPlayerController } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { WebXRController } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { Config, ControlSchemeType, Flags, NumericParameters, TextParameters, OptionParameters, FlagsIds, NumericParametersIds, TextParametersIds, OptionParametersIds, AllSettings } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SettingBase } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SettingFlag } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SettingNumber } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SettingOption } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SettingText } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { PixelStreaming } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { AfkLogic } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { LatencyTestResults } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { EncoderSettings, InitialSettings, WebRTCSettings } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { AggregatedStats } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { Logger } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { UnquantizedAndDenormalizeUnsigned } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { MessageSend } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { MessageRecv, MessageStreamerList } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { WebSocketController } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { SignallingProtocol } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { CandidatePairStats } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { CandidateStat } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { DataChannelStats } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { InboundAudioStats, InboundVideoStats } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+export { OutBoundVideoStats } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.2';
+
+// Epic Games Pixel Streaming Frontend UI exports
+export { Application, UIOptions } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { PixelStreamingApplicationStyle } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { AFKOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { ActionOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { OverlayBase } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { ConnectOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { DisconnectOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { ErrorOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { InfoOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { PlayOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { TextOverlay } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { ConfigUI } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { SettingUIBase } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { SettingUIFlag } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { SettingUINumber } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { SettingUIOption } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';
+export { SettingUIText } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.2';

tsconfig.json → library/tsconfig.json

@@ -13,4 +13,4 @@
   },
   "lib": ["es2015"],
   "include": ["./src/*.ts"],
-}
+}

webpack.config.js → library/webpack.config.js

@@ -10,17 +10,6 @@ module.exports = (env) => {
       index: './src/index.ts',
     },
     plugins: [
-
-      new webpack.DefinePlugin({
-        WEBSOCKET_URL: JSON.stringify((env.WEBSOCKET_URL !== undefined) ? env.WEBSOCKET_URL : '')
-      }),
-
-      new HtmlWebpackPlugin({
-        title: 'Development',
-        template: './src/index.html',
-        filename: 'index.html'
-      }),
-
     ],
     // turn off so we can see the source map for dom delegate so we can debug the library
     devtool: 'inline-source-map',
@@ -33,32 +22,14 @@ module.exports = (env) => {
             /node_modules/,
           ],
         },
-        {
-          test: /\.html$/i,
-          use: 'html-loader'
-        },
-        {
-          test: /\.css$/,
-          type: 'asset/resource',
-          generator: {
-            filename: '[name][ext]'
-          }
-        },
-        {
-          test: /\.(png|svg)$/i,
-          type: 'asset/resource',
-          generator: {
-            filename: 'images/[name][ext]'
-          }
-        },
       ],
     },
     resolve: {
       extensions: ['.tsx', '.ts', '.js', '.svg'],
     },
     output: {
       filename: '[name].js',
-      library: 'frontend', // change this to something more meaningful
+      library: 'spsfrontend',
       libraryTarget: 'umd',
       path: path.resolve(__dirname, 'dist'),
       clean: true,
@@ -77,4 +48,4 @@ module.exports = (env) => {
       },
     }
   };
-}
+}