commit babe128a4be1904de143199ea5fadf7ad45b33f6 · notnite.com/moonlight

+76 -1

packages/core-extensions/src/moonbase/webpackModules/ui/update.tsx

···

       4
        
       import React from "@moonlight-mod/wp/react";

     

       5
        
       import { UpdateState } from "../../types";

     

       6
        
       import HelpMessage from "./HelpMessage";

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       7
        
       

     

       8
       -
       const { ThemeDarkIcon, Button } = Components;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       9
        
       

     

       10
        
       const logger = moonlight.getLogger("moonbase/ui/update");

     

       11
        
       

     
···

       16
        
         [UpdateState.Failed]: "Failed to update moonlight. Please use the installer instead."

     

       17
        
       };

     

       18
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       19
        
       export default function Update() {

     

       20
        
         const [state, setState] = React.useState(UpdateState.Ready);

     

       21
        
         const newVersion = useStateFromStores([MoonbaseSettingsStore], () => MoonbaseSettingsStore.newVersion);

     
···

       25
        
         return (

     

       26
        
           <HelpMessage text={strings[state]} className="moonbase-update-section" icon={ThemeDarkIcon}>

     

       27
        
             <div className="moonbase-help-message-buttons">

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       28
        
               {state === UpdateState.Installed && (

     

       29
        
                 <Button

     

       30
        
                   look={Button.Looks.OUTLINED}

···

       4
        
       import React from "@moonlight-mod/wp/react";

     

       5
        
       import { UpdateState } from "../../types";

     

       6
        
       import HelpMessage from "./HelpMessage";

     

       7
       +
       import { MoonlightBranch } from "@moonlight-mod/types";

     

       8
       +
       import MarkupUtils from "@moonlight-mod/wp/discord/modules/markup/MarkupUtils";

     

       9
       +
       import spacepack from "@moonlight-mod/wp/spacepack_spacepack";

     

       10
       +
       import Flex from "@moonlight-mod/wp/discord/uikit/Flex";

     

       11
        
       

     

       12
       +
       const {

     

       13
       +
         ThemeDarkIcon,

     

       14
       +
         Button,

     

       15
       +
         openModal,

     

       16
       +
         Text,

     

       17
       +
         ModalRoot,

     

       18
       +
         ModalSize,

     

       19
       +
         ModalContent,

     

       20
       +
         ModalHeader,

     

       21
       +
         Heading,

     

       22
       +
         ModalCloseButton

     

       23
       +
       } = Components;

     

       24
       +
       const MarkupClasses = spacepack.findByCode("markup:", "inlineFormat:")[0].exports;

     

       25
        
       

     

       26
        
       const logger = moonlight.getLogger("moonbase/ui/update");

     

       27
        
       

     
···

       32
        
         [UpdateState.Failed]: "Failed to update moonlight. Please use the installer instead."

     

       33
        
       };

     

       34
        
       

     

       35
       +
       function MoonlightChangelog({

     

       36
       +
         changelog,

     

       37
       +
         version,

     

       38
       +
         transitionState,

     

       39
       +
         onClose

     

       40
       +
       }: {

     

       41
       +
         changelog: string;

     

       42
       +
         version: string;

     

       43
       +
         transitionState: number | null;

     

       44
       +
         onClose: () => void;

     

       45
       +
       }) {

     

       46
       +
         return (

     

       47
       +
           <ModalRoot transitionState={transitionState} size={ModalSize.DYNAMIC}>

     

       48
       +
             <ModalHeader>

     

       49
       +
               {/* @ts-expect-error TODO: mappings */}

     

       50
       +
               <Flex.Child grow={1} shrink={1}>

     

       51
       +
                 <Heading variant="heading-lg/semibold">moonlight</Heading>

     

       52
       +
                 <Text variant="text-xs/normal">{version}</Text>

     

       53
       +
               </Flex.Child>

     

       54
       +
       

     

       55
       +
               {/* @ts-expect-error ^^^^ */}

     

       56
       +
               <Flex.Child grow={0}>

     

       57
       +
                 <ModalCloseButton onClick={onClose} />

     

       58
       +
               </Flex.Child>

     

       59
       +
             </ModalHeader>

     

       60
       +
       

     

       61
       +
             <ModalContent>

     

       62
       +
               <Text variant="text-md/normal" className={MarkupClasses.markup} style={{ padding: "1rem" }}>

     

       63
       +
                 {MarkupUtils.parse(changelog, true, {

     

       64
       +
                   allowHeading: true,

     

       65
       +
                   allowList: true,

     

       66
       +
                   allowLinks: true

     

       67
       +
                 })}

     

       68
       +
               </Text>

     

       69
       +
             </ModalContent>

     

       70
       +
           </ModalRoot>

     

       71
       +
         );

     

       72
       +
       }

     

       73
       +
       

     

       74
        
       export default function Update() {

     

       75
        
         const [state, setState] = React.useState(UpdateState.Ready);

     

       76
        
         const newVersion = useStateFromStores([MoonbaseSettingsStore], () => MoonbaseSettingsStore.newVersion);

     
···

       80
        
         return (

     

       81
        
           <HelpMessage text={strings[state]} className="moonbase-update-section" icon={ThemeDarkIcon}>

     

       82
        
             <div className="moonbase-help-message-buttons">

     

       83
       +
               {moonlight.branch === MoonlightBranch.STABLE && (

     

       84
       +
                 <Button

     

       85
       +
                   look={Button.Looks.OUTLINED}

     

       86
       +
                   color={Button.Colors.CUSTOM}

     

       87
       +
                   size={Button.Sizes.TINY}

     

       88
       +
                   onClick={() => {

     

       89
       +
                     fetch(`https://raw.githubusercontent.com/moonlight-mod/moonlight/refs/tags/${newVersion}/CHANGELOG.md`)

     

       90
       +
                       .then((r) => r.text())

     

       91
       +
                       .then((changelog) =>

     

       92
       +
                         // @ts-expect-error TODO: mappings

     

       93
       +
                         openModal((modalProps: { transitionState: number | null; onClose: () => void }) => {

     

       94
       +
                           return <MoonlightChangelog {...modalProps} changelog={changelog} version={newVersion} />;

     

       95
       +
                         })

     

       96
       +
                       );

     

       97
       +
                   }}

     

       98
       +
                 >

     

       99
       +
                   View changelog

     

       100
       +
                 </Button>

     

       101
       +
               )}

     

       102
       +
       

     

       103
        
               {state === UpdateState.Installed && (

     

       104
        
                 <Button

     

       105
        
                   look={Button.Looks.OUTLINED}