fix: gh plugins (#205)

* fix: gh plugins * fix: credential loader
decentralized-identity · Oct 17, 2023 · 44982b3 · 44982b3
1 parent ee2569e
commit 44982b3
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 14 deletions.
diff --git a/packages/agent-explore/src/pages/settings/Plugins.tsx b/packages/agent-explore/src/pages/settings/Plugins.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Button, Input, List, Space, Switch, App, Drawer, Typography } from 'antd'
+import { Button, Input, List, Space, Switch, App, Drawer, Typography, Popover } from 'antd'
 import { DeleteOutlined, MenuOutlined, PlusOutlined} from '@ant-design/icons'
 import { usePlugins } from '@veramo-community/agent-explorer-plugin'
 import { PageContainer } from '@ant-design/pro-components'
@@ -46,7 +46,8 @@ const SortableItem = ({ item }: { item: IAgentExplorerPlugin}) => {
  actions={actions}
  ><List.Item.Meta
  title={item.name}
- description={item.description}
+ description={<Popover content={`${item.config?.url}${item.config?.commitId ? ` @ ${item.config?.commitId}` : ''}`}>{item.description}</Popover>}
+
  />
  </List.Item>
  );
@@ -136,7 +137,7 @@ export const Plugins = () => {
  ]}
  ><List.Item.Meta
  title={item.name}
- description={item.description}
+ description={<Popover content={`${item.config?.url}${item.config?.commitId && ` @ ${item.config?.commitId}`}`}>{item.description}</Popover>}
  />
  </List.Item>}
  />

diff --git a/packages/agent-explore/src/plugins/community.ts b/packages/agent-explore/src/plugins/community.ts
@@ -3,7 +3,8 @@ import { IAgentExplorerPlugin } from "@veramo-community/agent-explorer-plugin";
 export const communityPlugins: IAgentExplorerPlugin[] = [
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-brainshare@b748d7d5ff45014a1dc6171d5f58a26eb678fa76/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-brainshare",
+ "commitId": "0b028375c2379c8f4039f2f99a303d082b80a099",
  "enabled": true
  },
  "name": "Brain share",
@@ -14,7 +15,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-gitcoin-passport@3f6770aa1b5a85f157611e90043419869b12ab45/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-gitcoin-passport",
+ "commitId": "3f6770aa1b5a85f157611e90043419869b12ab45",
  "enabled": true
  },
  "name": "Gitcoin passport",
@@ -25,7 +27,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-kudos@c327b6ae48d5706ec5ac413c756a7e39142e98a1/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-kudos",
+ "commitId": "c327b6ae48d5706ec5ac413c756a7e39142e98a1",
  "enabled": true
  },
  "name": "Kudos",
@@ -36,7 +39,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-graph-view@29730b692843e73453a35b96fdd5a3bb733f01b4/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-graph-view",
+ "commitId": "29730b692843e73453a35b96fdd5a3bb733f01b4",
  "enabled": true
  },
  "name": "Graph View",
@@ -47,7 +51,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-social-feed@7612fc916087802f0ebf1f7589879fa14d3b717c/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-social-feed",
+ "commitId": "7612fc916087802f0ebf1f7589879fa14d3b717c",
  "enabled": true
  },
  "name": "Social Feed",
@@ -58,7 +63,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/veramolabs/agent-explorer-plugin-developer-tools@439ed9160c383447b9844ed71b25ddf238d0d3ff/dist/plugin.js",
+ "url": "github://veramolabs/agent-explorer-plugin-developer-tools",
+ "commitId": "439ed9160c383447b9844ed71b25ddf238d0d3ff",
  "enabled": true
  },
  "name": "Developer Tools",
@@ -69,7 +75,8 @@ export const communityPlugins: IAgentExplorerPlugin[] = [
  },
  {
  "config": {
- "url": "https://cdn.jsdelivr.net/gh/simonas-notcat/agent-explorer-plugin-codyfight@326b878ecbc2000d1d3cdd9827a51eed569408bf/dist/plugin.js",
+ "url": "github://simonas-notcat/agent-explorer-plugin-codyfight",
+ "commitId": "326b878ecbc2000d1d3cdd9827a51eed569408bf",
  "enabled": true
  },
  "name": "Codyfight",

diff --git a/packages/plugin/src/PluginProvider.tsx b/packages/plugin/src/PluginProvider.tsx
@@ -74,13 +74,17 @@ const PluginProvider = (props: PluginProviderProps) => {
  }
  } else {
  try {
- const module = await import(/* webpackIgnore: true */ config.url)
+ let url = config.url
+ if (config.url.startsWith('github://')) {
+ url = `https://cdn.jsdelivr.net/gh/${config.url.replace('github://', '')}@${config.commitId}/dist/plugin.js`
+ }
+ const module = await import(/* webpackIgnore: true */ url)
  const plugin = module.default.init() as IAgentExplorerPlugin
  plugin.config = config
  result.push(plugin)
  //FIXME
  if (plugin.hasCss && config.enabled) {
- const cssUrl = config.url.replace('plugin.js', 'plugin.css')
+ const cssUrl = url.replace('plugin.js', 'plugin.css')
  try {
  const cssResponse = await fetch(cssUrl)
  if (cssResponse.ok) {

diff --git a/packages/plugin/src/components/VerifiableCredentialComponent.tsx b/packages/plugin/src/components/VerifiableCredentialComponent.tsx
@@ -83,9 +83,10 @@ export const VerifiableCredentialComponent = (
  boxShadow: '0px 0px 2px ' + token.colorBorder,
  borderLeft: '2px solid ' + color,
  backgroundColor: token.colorBgElevated,
+ overflow: 'hidden'
  }}>
 
- {credential && <div className="" >
+ {credential && <div>
 
 
  <Row align="top" 

diff --git a/packages/plugin/src/types.ts b/packages/plugin/src/types.ts
@@ -6,6 +6,7 @@ import { Components } from 'react-markdown'
 import { PluggableList } from 'unified'
 export type IAgentExplorerPluginConfig = {
  url: string;
+ commitId?: string;
  enabled: boolean;
 }
 

diff --git a/update-community-plugins.js b/update-community-plugins.js
@@ -45,7 +45,8 @@ const pluginList = plugins.map(plugin => {
  console.log(`Size: ${size}`)
  return {
  config: {
- url: `https://cdn.jsdelivr.net/gh/${plugin.repo}@${commitId}/dist/plugin.js`,
+ url: `github://${plugin.repo}`,
+ commitId,
  enabled: true,
  },
  name: plugin.name,