Remove icon from appstore listing

Author: bkeepers

packages/server-admin-ui/scss/_custom.scss

@@ -34,7 +34,3 @@ form.rjsf div.row.array-item {
   text-wrap: balance; /* Fallback for older browsers */
   text-wrap: pretty; /* Future spec */
 }
-
-.aspect-square {
-  aspect-ratio: 1 / 1;
-}

packages/server-admin-ui/src/views/appstore/Apps/AppIcon.js

@@ -2,15 +2,11 @@ import React, { useEffect, useState } from 'react'
 import InfiniteScroll from 'react-infinite-scroll-component'
 import { ListGroup, ListGroupItem } from 'reactstrap'
 import ActionCellRenderer from './Grid/cell-renderers/ActionCellRenderer'
-import AppIcon from './Apps/AppIcon'
 
 export function AppListItem(app) {
   return (
     <ListGroupItem className="p-3">
       <div className="d-flex">
-        <div className="flex-shrink-0 mr-3">
-          <AppIcon {...app} />
-        </div>
         <div className="d-md-flex align-items-center flex-grow-1">
           <div className="flex-grow-1 mr-3">
             <h4 className="text-dark mb-0">{app.name}</h4>

packages/server-admin-ui/src/views/appstore/AppsList.js

@@ -117,13 +117,6 @@
       justify-content: flex-end;
     }
 
-    .appicon,
-    .appicon img {
-      width: 72px;
-      height: 72px;
-      object-fit: contain;
-    }
-
     .cell-action {
       width: 160px;
 

packages/server-admin-ui/src/views/appstore/appStore.scss

@@ -144,20 +144,6 @@ module.exports = function (app) {
             res.json(emptyAppStoreInfo(false))
           })
       })
-
-      app.get(`${SERVERROUTESPREFIX}/appstore/icon/*`, async (req, res) => {
-        const name = req.params[0]
-
-        // Tell browser to cache this for 1 day
-        res.setHeader('Cache-Control', 'public, max-age=86400, immutable')
-
-        try {
-          const url = await getIconUrl(name)
-          return res.redirect(url)
-        } catch (err) {
-          res.status(404).send(err.message)
-        }
-      })
     },
     stop: () => undefined
   }
@@ -407,20 +393,3 @@ module.exports = function (app) {
 function packageNameIs(name) {
   return (x) => x.package.name === name
 }
-
-/* Fetches the package.json from NPM and uses unpkg.com to extract the image */
-async function getIconUrl(name) {
-  const res = await fetch(`https://registry.npmjs.org/${name}`, {
-    signal: AbortSignal.timeout(5000)
-  })
-
-  if (!res.ok) throw new Error(`Failed to fetch package: ${res.statusText}`)
-
-  const data = await res.json()
-  const version = data['dist-tags']['latest']
-  const pkg = data.versions[version]
-  const path = pkg.signalk?.appIcon
-  if (!path) throw new Error('No icon path defined in package')
-
-  return `https://unpkg.com/${name}@${version}/public/${path}`
-}