Merge pull request #402 from mcottontensor/backport/UE5.5/pr-397

[UE5.5] Merge pull request #397 from EpicGamesExt/esm

Author: mcottontensor

Frontend/implementations/typescript/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "build": "npx webpack --config webpack.prod.js",
     "build-dev": "npx webpack --config webpack.dev.js",
+    "build-esm": "npx webpack --config webpack.esmodule.js",
     "watch": "npx webpack --watch",
     "serve": "webpack serve --config webpack.dev.js",
     "serve-prod": "webpack serve --config webpack.prod.js",

Frontend/implementations/typescript/src/player.ts

@@ -1,5 +1,7 @@
 // Copyright Epic Games, Inc. All Rights Reserved.
 
+export * from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.5';
+export * from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.5';
 import { Config, PixelStreaming, Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.5';
 import { Application, PixelStreamingApplicationStyle } from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.5';
 const PixelStreamingApplicationStyles =

Frontend/implementations/typescript/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "outDir": "./dist",
+    "outDir": "./dist/",
     "noImplicitAny": true,
     "module": "es6",
     "esModuleInterop": true,

Frontend/implementations/typescript/webpack.esmodule.js

@@ -0,0 +1,61 @@
+// Copyright Epic Games, Inc. All Rights Reserved.
+
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+
+module.exports = {
+    mode: 'development',
+    devtool: 'inline-source-map',
+	entry: './src/player.ts',
+	plugins: [
+		new HtmlWebpackPlugin({
+				title: `Pixel Streaming ES Module`,
+				scriptLoading: 'module',
+				template: `./src/player.html`,
+				filename: `player_esm.html`
+		}),
+	],
+	output: {
+		filename: 'player.esm.js',
+		libraryTarget: 'module',
+		module: true,
+		path: process.env.WEBPACK_OUTPUT_PATH ? path.resolve(process.env.WEBPACK_OUTPUT_PATH) : path.resolve(__dirname, '../../../SignallingWebServer/www'),
+		globalObject: 'this',
+		hashFunction: 'xxhash64',
+	},
+	experiments: {
+		outputModule: true,
+	},
+	module: {
+		rules: [
+		  {
+			test: /\.tsx?$/,
+			loader: 'ts-loader',
+			exclude: [
+			  /node_modules/,
+			],
+		  },
+		  {
+			test: /\.html$/i,
+			use: 'html-loader'
+		  },
+		  {
+			test: /\.css$/,
+			type: 'asset/resource',
+			generator: {
+			  filename: 'css/[name][ext]'
+			}
+		  },
+		  {
+			test: /\.(png|svg|jpg|jpeg|gif)$/i,
+			type: 'asset/resource',
+			generator: {
+			  filename: 'images/[name][ext]'
+			}
+		  }
+		],
+	},
+	resolve: {
+		extensions: ['.tsx', '.ts', '.js', '.svg', '.json'],
+	},
+};

Frontend/library/src/Util/EventEmitter.ts

@@ -1,7 +1,7 @@
 import { FlagsIds, NumericParametersIds, OptionParametersIds, TextParametersIds } from '../Config/Config';
 import { LatencyTestResults } from '../DataChannel/LatencyTestResults';
 import { AggregatedStats } from '../PeerConnectionController/AggregatedStats';
-import { InitialSettings } from '../pixelstreamingfrontend';
+import { InitialSettings } from '../DataChannel/InitialSettings';
 import { Messages } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5';
 import { SettingFlag } from '../Config/SettingFlag';
 import { SettingNumber } from '../Config/SettingNumber';