update loading and UI

Author: lijiahao

app/background.js

@@ -34,6 +34,14 @@
     </screenshot>
   </screenshots>
   <releases>
+    <release version="1.6.4" date="2025-04-29">
+      <description>
+          <ul>
+            <li>Changes:</li>
+            <li>Update UI</li>
+          </ul>
+      </description>
+    </release>
     <release version="1.6.3" date="2025-04-17">
       <description>
           <ul>

app/preload.js

@@ -243,4 +243,16 @@ export default class StreamManager {
             })
         })
     }
+
+    inputConfigs(xboxTitleId: string) {
+        return new Promise((resolve, reject) => {
+            this.getApi('home').inputConfigs(xboxTitleId).then((res) => {
+                console.log('inputConfigs res:', res)
+
+                resolve('')
+            }).catch((error) => {
+                reject(error)
+            })
+        })
+    }
 }

flatpak/io.github.Geocld.XStreamingDesktop.metainfo.xml

@@ -219,7 +219,7 @@ export default class xCloudApi {
         env: {
           clientAppId: "www.xbox.com",
           clientAppType: "browser",
-          clientAppVersion: "26.1.91",
+          clientAppVersion: "26.1.97",
           clientSdkVersion: "10.3.7",
           httpEnvironment: "prod",
           sdkInstallId: "",
@@ -530,4 +530,64 @@ export default class xCloudApi {
   getActiveSessions() {
     return this.get("/v5/sessions/" + this._type + "/active");
   }
+
+  inputConfigs(xboxTitleId: string) {
+    console.log('xboxTitleId:', xboxTitleId)
+    const settings: any = this._application._store.get(
+      "settings",
+      defaultSettings
+    );
+    let osName = 'android';
+
+    if (settings.resolution == 1080) {
+      osName = 'windows';
+    } else if (settings.resolution === 1081) { // 1080 HQ
+      osName = "tizen";
+    }
+
+    const deviceInfo = JSON.stringify({
+      appInfo: {
+        env: {
+          clientAppId: "www.xbox.com",
+          clientAppType: "browser",
+          clientAppVersion: "26.1.97",
+          clientSdkVersion: "10.3.7",
+          httpEnvironment: "prod",
+          sdkInstallId: "",
+        },
+      },
+      dev: {
+        hw: {
+          make: "Microsoft",
+          model: "unknown",
+          sdktype: "web",
+        },
+        os: {
+          name: osName,
+          ver: "22631.2715",
+          platform: "desktop",
+        },
+        displayInfo: {
+          dimensions: {
+            widthInPixels: 1920,
+            heightInPixels: 1080,
+          },
+          pixelDensity: {
+            dpiX: 1,
+            dpiY: 1,
+          },
+        },
+        browser: {
+          browserName: "chrome",
+          browserVersion: "130.0",
+        },
+      },
+    });
+
+    const postData = { titleIds: [xboxTitleId], titleIdType: "xboxTitleId" };
+
+    return this.post("/v2/titles/inputconfigs", postData, {
+      "X-MS-Device-Info": deviceInfo,
+    });
+  }
 }

main/helpers/streammanager.ts

@@ -77,4 +77,8 @@ export default class IpcStreaming extends IpcBase {
         return this._streamManager.getActiveSessions()
     }
 
+    inputConfigs(args: any) {
+        return this._streamManager.inputConfigs(args.xboxTitleId)
+    }
+
 }

main/helpers/xcloudapi.ts

@@ -2,7 +2,7 @@
   "private": true,
   "name": "xstreaming",
   "description": "xstreaming",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "author": "Geocld <lijiahao5372@gmail.com>",
   "main": "app/background.js",
   "scripts": {

main/ipc/streaming.ts

@@ -4,6 +4,7 @@ import { Preload } from '../main/preload'
 declare global {
     interface Window {
         XStreaming: typeof Preload;
+        _xboxTitleId: any;
     }
 }
 /* eslint-enable */

package.json

@@ -4,8 +4,16 @@
 	right:0;
 	bottom: 0;
 	top: 0;
-	z-index: 99;
 	display: flex;
-	justify-content: center;
+	flex-direction: column;
+  justify-content: center;
   align-items: center;
+}
+
+.loading img {
+	width: 5rem;
+}
+.loadingText {
+	color: #107C10;
+	font-weight: bold;
 }

renderer/@types/preload.d.ts

@@ -1,14 +1,10 @@
-import { Spinner } from "@nextui-org/react";
-
 const Loading = ({ loadingText }) => {
   return (
     <div className="loading">
-      <Spinner
-        color="success"
-        label={loadingText}
-        labelColor="success"
-        size="lg"
-      />
+      <div>
+        <img src='/images/loading.svg' alt="" />
+      </div>
+      <div className="loadingText">{loadingText}</div>
     </div>
   );
 };