Add webscraper preload into imported plugins

Author: timothycarambat

frontend/src/pages/Admin/Agents/Imported/ImportedSkillConfig/index.jsx

@@ -96,7 +96,7 @@ export default function ImportedSkillConfig({
   useEffect(() => {
     setHasChanges(
       JSON.stringify(inputs) !==
-      JSON.stringify(inputsFromArgs(selectedSkill.setup_args))
+        JSON.stringify(inputsFromArgs(selectedSkill.setup_args))
     );
   }, [inputs]);
 

server/utils/agents/imported.js

@@ -2,10 +2,12 @@ const fs = require("fs");
 const path = require("path");
 const { safeJsonParse } = require("../http");
 const { isWithin, normalizePath } = require("../files");
+const { CollectorApi } = require("../collectorApi");
 const pluginsPath =
   process.env.NODE_ENV === "development"
     ? path.resolve(__dirname, "../../storage/plugins/agent-skills")
     : path.resolve(process.env.STORAGE_DIR, "plugins", "agent-skills");
+const sharedWebScraper = new CollectorApi();
 
 class ImportedPlugin {
   constructor(config) {
@@ -184,6 +186,7 @@ class ImportedPlugin {
           description: this.config.description,
           logger: aibitat?.handlerProps?.log || console.log, // Allows plugin to log to the console.
           introspect: aibitat?.introspect || console.log, // Allows plugin to display a "thought" the chat window UI.
+          webScraper: sharedWebScraper,
           examples: this.config.examples ?? [],
           parameters: {
             $schema: "http://json-schema.org/draft-07/schema#",