Explore the idea of a store from which a user can install plugins

.env

@@ -16,3 +16,7 @@ VITE_PFDCM_URL="http://localhost:4005/"
 VITE_PFDCM_CUBEKEY="local"
 VITE_PFDCM_SWIFTKEY="local"
 VITE_SOURCEMAP='false'
+
+# Set URL for the store
+
+VITE_CHRIS_STORE_URL= 'http://rc-live.tch.harvard.edu:32222/api/v1/'

biome.json

@@ -25,8 +25,7 @@
         "useExhaustiveDependencies": "off"
       },
       "suspicious": {
-        "noExplicitAny": "off",
-        "noArrayIndexKey": "off"
+        "noExplicitAny": "off"
       }
     }
   },

playwright.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig, devices, PlaywrightTestConfig } from "@playwright/test";
 
-
 const SAFARI_BROWSERS: PlaywrightTestConfig["projects"] = [];
 
 if (process.env.TEST_SAFARI?.toLowerCase().startsWith('y')) {
@@ -65,7 +64,6 @@ export default defineConfig({
 
     ...SAFARI_BROWSERS
   ],
-
   webServer: {
     command: "env USE_BABEL_PLUGIN_ISTANBUL=y npm run dev:public",
     url: "http://localhost:25173",

src/components/DisplayPage/index.tsx

@@ -123,10 +123,9 @@ const DisplayPage = ({
   const updateDropdownValue = (type: string) => {
     setDropdownValue(type);
     if (isPlugin) {
-      handlePluginSearch && handlePluginSearch("", dropdownValue.toLowerCase());
+      handlePluginSearch?.("", dropdownValue.toLowerCase());
     } else {
-      handleComputeSearch &&
-        handleComputeSearch("", dropdownValue.toLowerCase());
+      handleComputeSearch?.("", dropdownValue.toLowerCase());
     }
   };
   const dropdownItems = isPlugin
@@ -272,13 +271,11 @@ const DisplayPage = ({
             aria-label="search"
             onChange={(_event, value: string) => {
               if (isPlugin) {
-                handlePluginSearch &&
-                  handlePluginSearch(value, dropdownValue.toLowerCase());
+                handlePluginSearch?.(value, dropdownValue.toLowerCase());
               }
 
               if (isCompute) {
-                handleComputeSearch &&
-                  handleComputeSearch(value, dropdownValue.toLowerCase());
+                handleComputeSearch?.(value, dropdownValue.toLowerCase());
               }
             }}
           />

src/components/PluginCatalog/PluginCatalog.tsx

@@ -13,7 +13,7 @@ const PluginCatalog = () => {
     itemCount: 0,
   });
 
-  const { page, perPage, search, searchType } = pageState;
+  const { page, perPage, search, searchType, itemCount } = pageState;
   const [selectedPlugin, setSelectedPlugin] = React.useState<any>();
 
   const onSetPage = (_event: any, page: number) => {
@@ -77,6 +77,7 @@ const PluginCatalog = () => {
           itemCount: pluginList.totalCount,
         };
       });
+
       return newPluginPayload;
     }
   }

src/components/PluginCatalog/index.tsx

@@ -12,6 +12,7 @@ const { Paragraph } = Typography;
 
 const CatalogPage = () => {
   const dispatch = useDispatch();
+
   React.useEffect(() => {
     document.title = "Analysis Catalog";
     dispatch(
@@ -20,6 +21,7 @@ const CatalogPage = () => {
       }),
     );
   });
+
   return (
     <WrapperConnect>
       <PageSection>

src/components/SinglePlugin/index.tsx

@@ -102,7 +102,7 @@ const SinglePlugin = () => {
       const pluginInstances = isLoggedIn
         ? ((
             await plugin.getPluginInstances({
-              limit: 20,
+              limit: 1000,
             })
           ).getItems() as PluginInstance[])
         : [];