support non-ui plugins

frontend/src/components/PluginView.tsx

@@ -12,16 +12,18 @@ const PluginView: VFC = () => {
 
   return (
     <PanelSection>
-      {plugins.map(({ name, icon }) => (
+      {plugins
-        <PanelSectionRow key={name}>
+        .filter((p) => p.content)
-          <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
+        .map(({ name, icon }) => (
-            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+          <PanelSectionRow key={name}>
-              <div>{icon}</div>
+            <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
-              <div>{name}</div>
+              <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-            </div>
+                <div>{icon}</div>
-          </ButtonItem>
+                <div>{name}</div>
-        </PanelSectionRow>
+              </div>
-      ))}
+            </ButtonItem>
+          </PanelSectionRow>
+        ))}
     </PanelSection>
   );
 };

frontend/src/plugin.ts

@@ -1,6 +1,6 @@
 export interface Plugin {
-  name: any;
+  name: string;
-  content: any;
+  icon: JSX.Element;
-  icon: any;
+  content?: JSX.Element;
   onDismount?(): void;
 }