added broken status for plugin

- hiding plugins if broken in available tab - new broken button when plugin has been set to broken
LNReader · Oct 20, 2024 · 641e4d5 · 641e4d5
1 parent 6cfa656
commit 641e4d5
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 8 deletions.
diff --git a/src/hooks/persisted/usePlugins.ts b/src/hooks/persisted/usePlugins.ts
@@ -54,7 +54,8 @@ export default function usePlugins() {
                 installedPlugin => installedPlugin.id === avalilablePlugin.id,
               ),
           )
-          .filter(plg => filter.includes(plg.lang)),
+          .filter(plg => filter.includes(plg.lang))
+          .filter(plg => plg.down === false),
         'name',
       ),
     );
@@ -67,6 +68,9 @@ export default function usePlugins() {
       fetchedPlugins.filter(plg => {
         const finded = installedPlugins.find(v => v.id === plg.id);
         if (finded) {
+          if (plg.version === finded.version) {
+            finded.down = plg.down;
+          }
           if (!finded.newVersion || newer(plg.version, finded.version)) {
             finded.newVersion = plg.version;
             finded.iconUrl = plg.iconUrl;
@@ -109,6 +113,7 @@ export default function usePlugins() {
           ...plugin,
           version: _plg.version,
           newVersion: _plg.version,
+          down: _plg.down,
         };
         // safe
         if (!installedPlugins.some(plg => plg.id === plugin.id)) {
@@ -157,6 +162,7 @@ export default function usePlugins() {
               name: _plg.name,
               version: _plg.version,
               newVersion: _plg.version,
+              down: _plg.down,
             };
             if (newPlugin.id === lastUsedPlugin?.id) {
               setLastUsedPlugin(newPlugin);

diff --git a/src/plugins/types/index.ts b/src/plugins/types/index.ts
@@ -56,6 +56,7 @@ export interface PluginItem {
   iconUrl: string;
   customJS?: string;
   customCSS?: string;
+  down?: boolean;
 }
 
 export interface ImageRequestInit {

diff --git a/src/screens/browse/components/BrowseTabs.tsx b/src/screens/browse/components/BrowseTabs.tsx
@@ -24,6 +24,7 @@ import { Button, EmptyView, IconButtonV2 } from '@components';
 import TrackerCard from '../discover/TrackerCard';
 import { showToast } from '@utils/showToast';
 import Animated, { useSharedValue, withTiming } from 'react-native-reanimated';
+import { newer } from '@utils/compareVersion';
 
 interface AvailableTabProps {
   searchText: string;
@@ -151,15 +152,15 @@ export const InstalledTab = memo(
                     style={[{ color: theme.onSurfaceVariant }, styles.addition]}
                   >
                     {`${item.lang}\n${item.version}${
-                      item.newVersion != item.version
+                      newer(item.newVersion, item.version)
                         ? ` → ${item.newVersion}`
                         : ''
                     }`}
                   </Text>
                 </View>
               </View>
               <View style={{ flex: 1 }} />
-              {item.newVersion != item.version || __DEV__ ? (
+              {newer(item.newVersion, item.version) || __DEV__ ? (
                 <IconButtonV2
                   name="download-outline"
                   size={22}
@@ -176,11 +177,39 @@ export const InstalledTab = memo(
                   theme={theme}
                 />
               ) : null}
-              <Button
-                title={getString('browseScreen.latest')}
-                textColor={theme.primary}
-                onPress={() => navigateToSource(item, true)}
-              />
+              {!item.down ? (
+                <Button
+                  title={getString('browseScreen.latest')}
+                  textColor={theme.primary}
+                  onPress={() => navigateToSource(item, true)}
+                  style={{ paddingVertical: 4, paddingHorizontal: 8 }}
+                />
+              ) : (
+                <Button
+                  title={'Broken'}
+                  textColor={theme.onError}
+                  style={{
+                    backgroundColor: theme.error,
+                  }}
+                  onPress={() =>
+                    newer(item.newVersion, item.version)
+                      ? updatePlugin(item).then(() =>
+                          showToast(
+                            getString('browseScreen.updatedTo', {
+                              version: item.newVersion,
+                            }),
+                          ),
+                        )
+                      : uninstallPlugin(item).then(() =>
+                          showToast(
+                            getString('browseScreen.uninstalledPlugin', {
+                              name: item.name,
+                            }),
+                          ),
+                        )
+                  }
+                />
+              )}
             </Pressable>
           </Swipeable>
         );