commit b14e270aa1ceb60de57052a175bb802facac73b0 · notnite.com/moonlight

+95 -83
packages/core-extensions/src/moonbase/webpackModules/ui/extensions/card.tsx
···

       22
       22
        
       

     

       23
       23
        
       import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";

     

       24
       24
        
       

     

       25
       25
       -
       const { BeakerIcon, DownloadIcon, TrashIcon, CircleWarningIcon, Tooltip } = Components;

     

       25
       25
       +
       const { BeakerIcon, DownloadIcon, TrashIcon, AngleBracketsIcon, CircleWarningIcon, Tooltip } = Components;

     

       26
       26
        
       

     

       27
       27
        
       const PanelButton = spacepack.findByCode("Masks.PANEL_BUTTON")[0].exports.Z;

     

       28
       28
        
       const TabBarClasses = spacepack.findByExports("tabBar", "tabBarItem", "headerContentWrapper")[0].exports;

     
···

       89
       89
        
               </Flex>

     

       90
       90
        
       

     

       91
       91
        
               <Flex direction={Flex.Direction.HORIZONTAL} align={Flex.Align.END} justify={Flex.Justify.END}>

     

       92
       92
       -
                 {ext.state === ExtensionState.NotDownloaded ? (

     

       93
       93
       -
                   <Tooltip text={COMPAT_TEXT_MAP[ext.compat]} shouldShow={ext.compat !== ExtensionCompat.Compatible}>

     

       94
       94
       -
                     {(props: any) => (

     

       95
       95
       -
                       <Button

     

       96
       96
       -
                         {...props}

     

       97
       97
       -
                         color={Button.Colors.BRAND}

     

       98
       98
       -
                         submitting={busy}

     

       99
       99
       -
                         disabled={ext.compat !== ExtensionCompat.Compatible || conflicting}

     

       100
       100
       -
                         onClick={async () => {

     

       101
       101
       -
                           await MoonbaseSettingsStore.installExtension(uniqueId);

     

       102
       102
       -
                           const deps = await MoonbaseSettingsStore.getDependencies(uniqueId);

     

       103
       103
       -
                           if (deps != null) {

     

       104
       104
       -
                             await doMissingExtensionPopup(deps);

     

       105
       105
       -
                           }

     

       106
       106
       -
                         }}

     

       107
       107
       -
                       >

     

       108
       108
       -
                         Install

     

       109
       109
       -
                       </Button>

     

       110
       110
       -
                     )}

     

       111
       111
       -
                   </Tooltip>

     

       112
       112
       -
                 ) : (

     

       113
       113
       -
                   <div

     

       114
       114
       -
                     // too lazy to learn how <Flex /> works lmao

     

       115
       115
       -
                     style={{

     

       116
       116
       -
                       display: "flex",

     

       117
       117
       -
                       alignItems: "center",

     

       118
       118
       -
                       gap: "1rem"

     

       119
       119
       -
                     }}

     

       120
       120
       -
                   >

     

       121
       121
       -
                     {ext.source.type === ExtensionLoadSource.Normal && (

     

       122
       122
       -
                       <PanelButton

     

       123
       123
       -
                         icon={TrashIcon}

     

       124
       124
       -
                         tooltipText="Delete"

     

       125
       125
       -
                         onClick={() => {

     

       126
       126
       -
                           MoonbaseSettingsStore.deleteExtension(uniqueId);

     

       127
       127
       -
                         }}

     

       128
       128
       -
                       />

     

       129
       129
       -
                     )}

     

       92
       92
       +
                 <div

     

       93
       93
       +
                   // too lazy to learn how <Flex /> works lmao

     

       94
       94
       +
                   style={{

     

       95
       95
       +
                     display: "flex",

     

       96
       96
       +
                     alignItems: "center",

     

       97
       97
       +
                     gap: "1rem"

     

       98
       98
       +
                   }}

     

       99
       99
       +
                 >

     

       100
       100
       +
                   {ext.manifest.meta?.source != null && (

     

       101
       101
       +
                     <PanelButton

     

       102
       102
       +
                       icon={AngleBracketsIcon}

     

       103
       103
       +
                       tooltipText="View source"

     

       104
       104
       +
                       onClick={() => {

     

       105
       105
       +
                         window.open(ext.manifest.meta!.source);

     

       106
       106
       +
                       }}

     

       107
       107
       +
                     />

     

       108
       108
       +
                   )}

     

       130
       109
        
       

     

       131
       131
       -
                     {update != null && (

     

       132
       132
       -
                       <PanelButton

     

       133
       133
       -
                         icon={DownloadIcon}

     

       134
       134
       -
                         tooltipText="Update"

     

       135
       135
       -
                         onClick={() => {

     

       136
       136
       -
                           MoonbaseSettingsStore.installExtension(uniqueId);

     

       137
       137
       -
                           setRestartNeeded(true);

     

       138
       138
       -
                         }}

     

       139
       139
       -
                       />

     

       140
       140
       -
                     )}

     

       110
       110
       +
                   {ext.state === ExtensionState.NotDownloaded ? (

     

       111
       111
       +
                     <Tooltip text={COMPAT_TEXT_MAP[ext.compat]} shouldShow={ext.compat !== ExtensionCompat.Compatible}>

     

       112
       112
       +
                       {(props: any) => (

     

       113
       113
       +
                         <Button

     

       114
       114
       +
                           {...props}

     

       115
       115
       +
                           color={Button.Colors.BRAND}

     

       116
       116
       +
                           submitting={busy}

     

       117
       117
       +
                           disabled={ext.compat !== ExtensionCompat.Compatible || conflicting}

     

       118
       118
       +
                           onClick={async () => {

     

       119
       119
       +
                             await MoonbaseSettingsStore.installExtension(uniqueId);

     

       120
       120
       +
                             const deps = await MoonbaseSettingsStore.getDependencies(uniqueId);

     

       121
       121
       +
                             if (deps != null) {

     

       122
       122
       +
                               await doMissingExtensionPopup(deps);

     

       123
       123
       +
                             }

     

       124
       124
       +
                           }}

     

       125
       125
       +
                         >

     

       126
       126
       +
                           Install

     

       127
       127
       +
                         </Button>

     

       128
       128
       +
                       )}

     

       129
       129
       +
                     </Tooltip>

     

       130
       130
       +
                   ) : (

     

       131
       131
       +
                     <>

     

       132
       132
       +
                       {ext.source.type === ExtensionLoadSource.Normal && (

     

       133
       133
       +
                         <PanelButton

     

       134
       134
       +
                           icon={TrashIcon}

     

       135
       135
       +
                           tooltipText="Delete"

     

       136
       136
       +
                           onClick={() => {

     

       137
       137
       +
                             MoonbaseSettingsStore.deleteExtension(uniqueId);

     

       138
       138
       +
                           }}

     

       139
       139
       +
                         />

     

       140
       140
       +
                       )}

     

       141
       141
        
       

     

       142
       142
       -
                     {restartNeeded && (

     

       143
       143
       -
                       <PanelButton

     

       144
       144
       -
                         icon={() => <CircleWarningIcon color={Components.tokens.colors.STATUS_DANGER} />}

     

       145
       145
       -
                         onClick={() => window.location.reload()}

     

       146
       146
       -
                         tooltipText="You will need to reload/restart your client for this extension to work properly."

     

       147
       147
       -
                       />

     

       148
       148
       -
                     )}

     

       142
       142
       +
                       {update != null && (

     

       143
       143
       +
                         <PanelButton

     

       144
       144
       +
                           icon={DownloadIcon}

     

       145
       145
       +
                           tooltipText="Update"

     

       146
       146
       +
                           onClick={() => {

     

       147
       147
       +
                             MoonbaseSettingsStore.installExtension(uniqueId);

     

       148
       148
       +
                             setRestartNeeded(true);

     

       149
       149
       +
                           }}

     

       150
       150
       +
                         />

     

       151
       151
       +
                       )}

     

       149
       152
        
       

     

       150
       150
       -
                     <FormSwitch

     

       151
       151
       -
                       value={ext.compat === ExtensionCompat.Compatible && (enabled || implicitlyEnabled)}

     

       152
       152
       -
                       disabled={implicitlyEnabled || ext.compat !== ExtensionCompat.Compatible}

     

       153
       153
       -
                       hideBorder={true}

     

       154
       154
       -
                       style={{ marginBottom: "0px" }}

     

       155
       155
       -
                       tooltipNote={

     

       156
       156
       -
                         ext.compat !== ExtensionCompat.Compatible

     

       157
       157
       -
                           ? COMPAT_TEXT_MAP[ext.compat]

     

       158
       158
       -
                           : implicitlyEnabled

     

       159
       159
       -
                             ? `This extension is a dependency of the following enabled extension${

     

       160
       160
       -
                                 enabledDependants.length > 1 ? "s" : ""

     

       161
       161
       -
                               }: ${enabledDependants.map((a) => a.manifest.meta?.name ?? a.id).join(", ")}`

     

       162
       162
       -
                             : undefined

     

       163
       163
       -
                       }

     

       164
       164
       -
                       onChange={() => {

     

       165
       165
       -
                         const toggle = () => {

     

       166
       166
       -
                           MoonbaseSettingsStore.setExtensionEnabled(uniqueId, !enabled);

     

       167
       167
       -
                           setRestartNeeded(true);

     

       168
       168
       -
                         };

     

       153
       153
       +
                       {restartNeeded && (

     

       154
       154
       +
                         <PanelButton

     

       155
       155
       +
                           icon={() => <CircleWarningIcon color={Components.tokens.colors.STATUS_DANGER} />}

     

       156
       156
       +
                           onClick={() => window.location.reload()}

     

       157
       157
       +
                           tooltipText="You will need to reload/restart your client for this extension to work properly."

     

       158
       158
       +
                         />

     

       159
       159
       +
                       )}

     

       169
       160
        
       

     

       170
       170
       -
                         if (enabled && constants.builtinExtensions.includes(ext.id)) {

     

       171
       171
       -
                           doBuiltinExtensionPopup(uniqueId, toggle);

     

       172
       172
       -
                         } else {

     

       173
       173
       -
                           toggle();

     

       161
       161
       +
                       <FormSwitch

     

       162
       162
       +
                         value={ext.compat === ExtensionCompat.Compatible && (enabled || implicitlyEnabled)}

     

       163
       163
       +
                         disabled={implicitlyEnabled || ext.compat !== ExtensionCompat.Compatible}

     

       164
       164
       +
                         hideBorder={true}

     

       165
       165
       +
                         style={{ marginBottom: "0px" }}

     

       166
       166
       +
                         tooltipNote={

     

       167
       167
       +
                           ext.compat !== ExtensionCompat.Compatible

     

       168
       168
       +
                             ? COMPAT_TEXT_MAP[ext.compat]

     

       169
       169
       +
                             : implicitlyEnabled

     

       170
       170
       +
                               ? `This extension is a dependency of the following enabled extension${

     

       171
       171
       +
                                   enabledDependants.length > 1 ? "s" : ""

     

       172
       172
       +
                                 }: ${enabledDependants.map((a) => a.manifest.meta?.name ?? a.id).join(", ")}`

     

       173
       173
       +
                               : undefined

     

       174
       174
        
                         }

     

       175
       175
       -
                       }}

     

       176
       176
       -
                     />

     

       177
       177
       -
                   </div>

     

       178
       178
       -
                 )}

     

       175
       175
       +
                         onChange={() => {

     

       176
       176
       +
                           const toggle = () => {

     

       177
       177
       +
                             MoonbaseSettingsStore.setExtensionEnabled(uniqueId, !enabled);

     

       178
       178
       +
                             setRestartNeeded(true);

     

       179
       179
       +
                           };

     

       180
       180
       +
       

     

       181
       181
       +
                           if (enabled && constants.builtinExtensions.includes(ext.id)) {

     

       182
       182
       +
                             doBuiltinExtensionPopup(uniqueId, toggle);

     

       183
       183
       +
                           } else {

     

       184
       184
       +
                             toggle();

     

       185
       185
       +
                           }

     

       186
       186
       +
                         }}

     

       187
       187
       +
                       />

     

       188
       188
       +
                     </>

     

       189
       189
       +
                   )}

     

       190
       190
       +
                 </div>

     

       179
       191
        
               </Flex>

     

       180
       192
        
             </div>

     

       181
       193