feat: co-op supported

Author: lijiahao

package.json

@@ -42,7 +42,7 @@
     "uplot": "^1.6.30",
     "uuid-1345": "^1.0.2",
     "xbox-webapi": "^1.4.1",
-    "xstreaming-player": "0.2.27",
+    "xstreaming-player": "0.2.28",
     "xvfb-maybe": "^0.2.1"
   },
   "devDependencies": {

renderer/common/settings.ts

@@ -248,6 +248,16 @@ const getSettingsMetas = (t) => {
       },
     ],
     gamepad: [
+      {
+        name: 'coop',
+        type: 'radio',
+        title: t('coop_title'),
+        description: t('coop_desc'),
+        data: [
+          {value: false, label: t('Disable')},
+          {value: true, label: t('Enable')},
+        ],
+      },
       {
         name: 'dead_zone',
         type: 'slider',

renderer/components/AchivementModal.tsx

@@ -43,7 +43,7 @@ function AchivementModal(props) {
   return (
     <Modal
       isOpen={true}
-      size="full"
+      size="5xl"
       scrollBehavior="inside"
       onClose={handleClose}
     >
@@ -84,6 +84,7 @@ function AchivementModal(props) {
                           alt={item.name}
                           width={300}
                           height={100}
+                          draggable="false"
                         />
                         {
                           item.progressState !== 'Achieved' && (
@@ -93,6 +94,7 @@ function AchivementModal(props) {
                                 alt="lock"
                                 width={50}
                                 height={50}
+                                draggable="false"
                               />
                             </div>
                           )

renderer/components/Loading.css

@@ -14,6 +14,11 @@
 
 .loading img {
 	width: 5rem;
+	-webkit-user-drag: none;
+	-khtml-user-drag: none;
+	-moz-user-drag: none;
+	-o-user-drag: none;
+	user-drag: none;
 }
 .loadingText {
 	color: #107C10;

renderer/components/Loading.tsx

@@ -2,7 +2,7 @@ const Loading = ({ loadingText }) => {
   return (
     <div className="loading user-select-none">
       <div>
-        <img src='/images/loading.svg' alt="" />
+        <img src='/images/loading.svg' alt="" draggable="false" />
       </div>
       <div className="loadingText">{loadingText}</div>
     </div>

renderer/components/Nav.tsx

@@ -96,6 +96,14 @@ const Nav = ({ current, isLogined }) => {
                   <div className="px-1 py-2">
                     <div className="text-small">{t('curVerson')}: <span className="text-yellow-500 pl-1">v{newVersions.version}</span></div>
                     <div className="text-small">{t('latestVerson')}: <span className="text-green-500 pl-1">v{newVersions.latestVer}</span></div>
+                    <div className="text-center">
+                      <Button color="success" size="sm" variant="light" onPress={() => {
+                        window.open(newVersions.url, '_blank')
+                      }}>
+                        {t('Download')}
+                      </Button>
+                    </div>
+                    
                   </div>
                 </PopoverContent>
               </Popover>

renderer/components/TitleModal.tsx

@@ -62,6 +62,7 @@ function TitleModal(props) {
                   // className="object-cover rounded-lg"
                   isZoomed
                   loading={'lazy'}
+                  draggable="false"
                   src={'https:' + titleItem.Image_Poster.URL}
                 />
               </div>

renderer/context/userContext.defaults.ts

@@ -17,6 +17,7 @@ export const defaultSettings = {
   force_region_ip: "",
   codec: "",
   polling_rate: 250,
+  coop: false,
   vibration: true,
   vibration_mode: "Native",
   gamepad_kernal: "Native",

renderer/pages/[locale]/home.tsx

@@ -588,6 +588,7 @@ function Home() {
                     <Image
                       src={consoleImg}
                       alt="xss"
+                      draggable="false"
                       width={130}
                       height={130}
                     />

renderer/pages/[locale]/stream.tsx

@@ -234,6 +234,11 @@ function Stream() {
         xPlayer.setPollRate(settings.polling_rate)
       }
 
+      // Set co-op mode
+      if (settings.coop) {
+        xPlayer.setCoOpMode(true)
+      }
+
       xPlayer.setConnectFailHandler(() => {
         // Not connected
         setShowWarning(false);