@budibase/server 1.3.14 → 1.3.15-alpha.2

package/dist/api/controllers/application.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sync = exports.destroy = exports.revertClient = exports.updateClient = exports.update = exports.create = exports.fetchAppPackage = exports.fetchAppDefinition = exports.fetch = exports.getAppUrl = void 0;
+exports.updateAppPackage = exports.sync = exports.destroy = exports.revertClient = exports.updateClient = exports.update = exports.create = exports.fetchAppPackage = exports.fetchAppDefinition = exports.fetch = exports.getAppUrl = void 0;
 const environment_1 = __importDefault(require("../../environment"));
 const package_json_1 = __importDefault(require("../../../package.json"));
 const staticViews_1 = require("../../db/views/staticViews");
@@ -353,7 +353,7 @@ const update = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
         checkAppUrl(ctx, apps, url, ctx.params.appId);
         ctx.request.body.url = url;
     }
-    const app = yield updateAppPackage(ctx.request.body, ctx.params.appId);
+    const app = yield (0, exports.updateAppPackage)(ctx.request.body, ctx.params.appId);
     yield backend_core_2.events.app.updated(app);
     ctx.status = 200;
     ctx.body = app;
@@ -375,7 +375,7 @@ const updateClient = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
         version: updatedToVersion,
         revertableVersion: currentVersion,
     };
-    const app = yield updateAppPackage(appPackageUpdates, ctx.params.appId);
+    const app = yield (0, exports.updateAppPackage)(appPackageUpdates, ctx.params.appId);
     yield backend_core_2.events.app.versionUpdated(app, currentVersion, updatedToVersion);
     ctx.status = 200;
     ctx.body = app;
@@ -399,7 +399,7 @@ const revertClient = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
         version: revertedToVersion,
         revertableVersion: null,
     };
-    const app = yield updateAppPackage(appPackageUpdates, ctx.params.appId);
+    const app = yield (0, exports.updateAppPackage)(appPackageUpdates, ctx.params.appId);
     yield backend_core_2.events.app.versionReverted(app, currentVersion, revertedToVersion);
     ctx.status = 200;
     ctx.body = app;
@@ -527,6 +527,7 @@ const updateAppPackage = (appPackage, appId) => __awaiter(void 0, void 0, void 0
         return newAppPackage;
     }));
 });
+exports.updateAppPackage = updateAppPackage;
 const migrateAppNavigation = () => __awaiter(void 0, void 0, void 0, function* () {
     const db = backend_core_1.context.getAppDB();
     const existing = yield db.get(utils_1.DocumentType.APP_METADATA);

package/dist/api/controllers/component.js

@@ -8,9 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const { DocumentType } = require("../../db/utils");
+const { DocumentType, getPluginParams } = require("../../db/utils");
 const { getComponentLibraryManifest } = require("../../utilities/fileSystem");
 const { getAppDB } = require("@budibase/backend-core/context");
+const { getGlobalDB } = require("@budibase/backend-core/tenancy");
+const env = require("../../environment");
 exports.fetchAppComponentDefinitions = function (ctx) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
@@ -35,6 +37,21 @@ exports.fetchAppComponentDefinitions = function (ctx) {
                     }
                 }
             }
+            // for now custom components only supported in self-host
+            if (env.SELF_HOSTED) {
+                // Add custom components
+                const globalDB = getGlobalDB();
+                const response = yield globalDB.allDocs(getPluginParams(null, {
+                    include_docs: true,
+                }));
+                response.rows
+                    .map(row => row.doc)
+                    .filter(plugin => plugin.schema.type === "component")
+                    .forEach(plugin => {
+                    const fullComponentName = `plugin/${plugin.name}`;
+                    definitions[fullComponentName] = Object.assign({ component: fullComponentName }, plugin.schema.schema);
+                });
+            }
             ctx.body = definitions;
         }
         catch (err) {

package/dist/api/controllers/datasource.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 const { generateDatasourceID, getDatasourceParams, getQueryParams, DocumentType, BudibaseInternalDB, getTableParams, } = require("../../db/utils");
 const { BuildSchemaErrors, InvalidColumns } = require("../../constants");
-const { integrations } = require("../../integrations");
+const { getIntegration } = require("../../integrations");
 const { getDatasourceAndQuery } = require("./row/utils");
 const { invalidateDynamicVariables } = require("../../threads/utils");
 const { getAppDB } = require("@budibase/backend-core/context");
@@ -96,7 +96,7 @@ exports.update = function (ctx) {
         datasource._rev = response.rev;
         // Drain connection pools when configuration is changed
         if (datasource.source) {
-            const source = integrations[datasource.source];
+            const source = yield getIntegration(datasource.source);
             if (source && source.pool) {
                 yield source.pool.end();
             }
@@ -123,7 +123,7 @@ exports.save = function (ctx) {
         datasource._rev = dbResp.rev;
         // Drain connection pools when configuration is changed
         if (datasource.source) {
-            const source = integrations[datasource.source];
+            const source = yield getIntegration(datasource.source);
             if (source && source.pool) {
                 yield source.pool.end();
             }
@@ -188,7 +188,7 @@ function updateError(error, newError, tables) {
     return error;
 }
 const buildSchemaHelper = (datasource) => __awaiter(void 0, void 0, void 0, function* () {
-    const Connector = integrations[datasource.source];
+    const Connector = yield getIntegration(datasource.source);
     // Connect to the DB and build the schema
     const connector = new Connector(datasource.config);
     yield connector.buildSchema(datasource._id, datasource.entities);

package/dist/api/controllers/integration.js

@@ -8,15 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const { cloneDeep } = require("lodash");
-const { definitions } = require("../../integrations");
+const { getDefinitions } = require("../../integrations");
 const { SourceName } = require("@budibase/types");
 const googlesheets = require("../../integrations/googlesheets");
 const { featureFlags } = require("@budibase/backend-core");
 exports.fetch = function (ctx) {
     return __awaiter(this, void 0, void 0, function* () {
         ctx.status = 200;
-        const defs = cloneDeep(definitions);
+        const defs = yield getDefinitions();
         // for google sheets integration google verification
         if (featureFlags.isEnabled(featureFlags.FeatureFlag.GOOGLE_SHEETS)) {
             defs[SourceName.GOOGLE_SHEETS] = googlesheets.schema;
@@ -26,7 +25,8 @@ exports.fetch = function (ctx) {
 };
 exports.find = function (ctx) {
     return __awaiter(this, void 0, void 0, function* () {
+        const defs = yield getDefinitions();
         ctx.status = 200;
-        ctx.body = definitions[ctx.params.type];
+        ctx.body = defs[ctx.params.type];
     });
 };

package/dist/api/controllers/plugin/file.js

@@ -0,0 +1,24 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileUpload = void 0;
+const fileSystem_1 = require("../../../utilities/fileSystem");
+function fileUpload(file) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!file.name.endsWith(".tar.gz")) {
+            throw new Error("Plugin must be compressed into a gzipped tarball.");
+        }
+        const path = (0, fileSystem_1.createTempFolder)(file.name.split(".tar.gz")[0]);
+        yield (0, fileSystem_1.extractTarball)(file.path, path);
+        return yield (0, fileSystem_1.getPluginMetadata)(path);
+    });
+}
+exports.fileUpload = fileUpload;

package/dist/api/controllers/plugin/github.js

@@ -0,0 +1,69 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.githubUpload = exports.request = void 0;
+const fileSystem_1 = require("../../../utilities/fileSystem");
+const node_fetch_1 = __importDefault(require("node-fetch"));
+const utils_1 = require("./utils");
+function request(url, headers, err) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield (0, node_fetch_1.default)(url, { headers });
+        if (response.status >= 300) {
+            const respErr = yield response.text();
+            throw new Error(`Error: ${err} - ${respErr}`);
+        }
+        return response.json();
+    });
+}
+exports.request = request;
+function githubUpload(url, name = "", token = "") {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        let githubUrl = url;
+        if (!githubUrl.includes("https://github.com/")) {
+            throw new Error("The plugin origin must be from Github");
+        }
+        if (url.includes(".git")) {
+            githubUrl = url.replace(".git", "");
+        }
+        const githubApiUrl = githubUrl.replace("https://github.com/", "https://api.github.com/repos/");
+        const headers = token ? { Authorization: `Bearer ${token}` } : {};
+        const pluginDetails = yield request(githubApiUrl, headers, "Repository not found");
+        const pluginName = pluginDetails.name || name;
+        const pluginLatestReleaseUrl = (pluginDetails === null || pluginDetails === void 0 ? void 0 : pluginDetails["releases_url"])
+            ? pluginDetails === null || pluginDetails === void 0 ? void 0 : pluginDetails["releases_url"].replace("{/id}", "/latest")
+            : undefined;
+        if (!pluginLatestReleaseUrl) {
+            throw new Error("Github release not found");
+        }
+        const pluginReleaseDetails = yield request(pluginLatestReleaseUrl, headers, "Github latest release not found");
+        const pluginReleaseTarballAsset = (_a = pluginReleaseDetails === null || pluginReleaseDetails === void 0 ? void 0 : pluginReleaseDetails.assets) === null || _a === void 0 ? void 0 : _a.find((x) => (x === null || x === void 0 ? void 0 : x["content_type"]) === "application/gzip");
+        const pluginLastReleaseTarballUrl = pluginReleaseTarballAsset === null || pluginReleaseTarballAsset === void 0 ? void 0 : pluginReleaseTarballAsset["browser_download_url"];
+        if (!pluginLastReleaseTarballUrl) {
+            throw new Error("Github latest release url not found");
+        }
+        try {
+            const path = yield (0, utils_1.downloadUnzipTarball)(pluginLastReleaseTarballUrl, pluginName, headers);
+            return yield (0, fileSystem_1.getPluginMetadata)(path);
+        }
+        catch (err) {
+            let errMsg = (err === null || err === void 0 ? void 0 : err.message) || err;
+            if (errMsg === "unexpected response Not Found") {
+                errMsg = "Github release tarball not found";
+            }
+            throw new Error(errMsg);
+        }
+    });
+}
+exports.githubUpload = githubUpload;

package/dist/api/controllers/plugin/index.js

@@ -0,0 +1,192 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processPlugin = exports.storePlugin = exports.destroy = exports.fetch = exports.create = exports.upload = exports.getPlugins = void 0;
+const constants_1 = require("../../../constants");
+const fileSystem_1 = require("../../../utilities/fileSystem");
+const uploaders_1 = require("./uploaders");
+const tenancy_1 = require("@budibase/backend-core/tenancy");
+const plugins_1 = require("@budibase/backend-core/plugins");
+const utils_1 = require("../../../db/utils");
+const objectStore_1 = require("@budibase/backend-core/objectStore");
+const types_1 = require("@budibase/types");
+const environment_1 = __importDefault(require("../../../environment"));
+const websocket_1 = require("../../../websocket");
+function getPlugins(type) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const db = (0, tenancy_1.getGlobalDB)();
+        const response = yield db.allDocs((0, utils_1.getPluginParams)(null, {
+            include_docs: true,
+        }));
+        const plugins = response.rows.map((row) => row.doc);
+        if (type) {
+            return plugins.filter((plugin) => { var _a; return ((_a = plugin.schema) === null || _a === void 0 ? void 0 : _a.type) === type; });
+        }
+        else {
+            return plugins;
+        }
+    });
+}
+exports.getPlugins = getPlugins;
+function upload(ctx) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const plugins = ctx.request.files.file.length > 1
+            ? Array.from(ctx.request.files.file)
+            : [ctx.request.files.file];
+        try {
+            let docs = [];
+            // can do single or multiple plugins
+            for (let plugin of plugins) {
+                const doc = yield processPlugin(plugin, types_1.PluginSource.FILE);
+                docs.push(doc);
+            }
+            ctx.body = {
+                message: "Plugin(s) uploaded successfully",
+                plugins: docs,
+            };
+        }
+        catch (err) {
+            const errMsg = (err === null || err === void 0 ? void 0 : err.message) ? err === null || err === void 0 ? void 0 : err.message : err;
+            ctx.throw(400, `Failed to import plugin: ${errMsg}`);
+        }
+    });
+}
+exports.upload = upload;
+function create(ctx) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { source, url, headers, githubToken } = ctx.request.body;
+        if (!environment_1.default.SELF_HOSTED) {
+            ctx.throw(400, "Plugins not supported outside of self-host.");
+        }
+        try {
+            let metadata;
+            let directory;
+            // Generating random name as a backup and needed for url
+            let name = "PLUGIN_" + Math.floor(100000 + Math.random() * 900000);
+            switch (source) {
+                case types_1.PluginSource.NPM:
+                    const { metadata: metadataNpm, directory: directoryNpm } = yield (0, uploaders_1.npmUpload)(url, name);
+                    metadata = metadataNpm;
+                    directory = directoryNpm;
+                    break;
+                case types_1.PluginSource.GITHUB:
+                    const { metadata: metadataGithub, directory: directoryGithub } = yield (0, uploaders_1.githubUpload)(url, name, githubToken);
+                    metadata = metadataGithub;
+                    directory = directoryGithub;
+                    break;
+                case types_1.PluginSource.URL:
+                    const headersObj = headers || {};
+                    const { metadata: metadataUrl, directory: directoryUrl } = yield (0, uploaders_1.urlUpload)(url, name, headersObj);
+                    metadata = metadataUrl;
+                    directory = directoryUrl;
+                    break;
+            }
+            (0, plugins_1.validate)(metadata === null || metadata === void 0 ? void 0 : metadata.schema);
+            const doc = yield storePlugin(metadata, directory, source);
+            ctx.body = {
+                message: "Plugin uploaded successfully",
+                plugins: [doc],
+            };
+        }
+        catch (err) {
+            const errMsg = (err === null || err === void 0 ? void 0 : err.message) ? err === null || err === void 0 ? void 0 : err.message : err;
+            ctx.throw(400, `Failed to import plugin: ${errMsg}`);
+        }
+        ctx.status = 200;
+    });
+}
+exports.create = create;
+function fetch(ctx) {
+    return __awaiter(this, void 0, void 0, function* () {
+        ctx.body = yield getPlugins();
+    });
+}
+exports.fetch = fetch;
+function destroy(ctx) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const db = (0, tenancy_1.getGlobalDB)();
+        const { pluginId } = ctx.params;
+        try {
+            const plugin = yield db.get(pluginId);
+            const bucketPath = `${plugin.name}/`;
+            yield (0, objectStore_1.deleteFolder)(constants_1.ObjectStoreBuckets.PLUGINS, bucketPath);
+            yield db.remove(pluginId, plugin._rev);
+        }
+        catch (err) {
+            const errMsg = (err === null || err === void 0 ? void 0 : err.message) ? err === null || err === void 0 ? void 0 : err.message : err;
+            ctx.throw(400, `Failed to delete plugin: ${errMsg}`);
+        }
+        ctx.message = `Plugin ${ctx.params.pluginId} deleted.`;
+        ctx.status = 200;
+    });
+}
+exports.destroy = destroy;
+function storePlugin(metadata, directory, source) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const db = (0, tenancy_1.getGlobalDB)();
+        const version = metadata.package.version, name = metadata.package.name, description = metadata.package.description, hash = metadata.schema.hash;
+        // first open the tarball into tmp directory
+        const bucketPath = `${name}/`;
+        const files = yield (0, objectStore_1.uploadDirectory)(constants_1.ObjectStoreBuckets.PLUGINS, directory, bucketPath);
+        const jsFile = files.find((file) => file.name.endsWith(".js"));
+        if (!jsFile) {
+            throw new Error(`Plugin missing .js file.`);
+        }
+        // validate the JS for a datasource
+        if (metadata.schema.type === types_1.PluginType.DATASOURCE) {
+            const js = (0, fileSystem_1.loadJSFile)(directory, jsFile.name);
+            // TODO: this isn't safe - but we need full node environment
+            // in future we should do this in a thread for safety
+            try {
+                eval(js);
+            }
+            catch (err) {
+                const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : JSON.stringify(err);
+                throw new Error(`JS invalid: ${message}`);
+            }
+        }
+        const jsFileName = jsFile.name;
+        const pluginId = (0, utils_1.generatePluginID)(name);
+        // overwrite existing docs entirely if they exist
+        let rev;
+        try {
+            const existing = yield db.get(pluginId);
+            rev = existing._rev;
+        }
+        catch (err) {
+            rev = undefined;
+        }
+        let doc = Object.assign(Object.assign({ _id: pluginId, _rev: rev }, metadata), { name,
+            version,
+            hash,
+            description, jsUrl: `${bucketPath}${jsFileName}` });
+        if (source) {
+            doc = Object.assign(Object.assign({}, doc), { source });
+        }
+        const response = yield db.put(doc);
+        websocket_1.ClientAppSocket.emit("plugin-update", { name, hash });
+        return Object.assign(Object.assign({}, doc), { _rev: response.rev });
+    });
+}
+exports.storePlugin = storePlugin;
+function processPlugin(plugin, source) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!environment_1.default.SELF_HOSTED) {
+            throw new Error("Plugins not supported outside of self-host.");
+        }
+        const { metadata, directory } = yield (0, uploaders_1.fileUpload)(plugin);
+        return yield storePlugin(metadata, directory, source);
+    });
+}
+exports.processPlugin = processPlugin;

package/dist/api/controllers/plugin/npm.js

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.npmUpload = void 0;
+const fileSystem_1 = require("../../../utilities/fileSystem");
+const node_fetch_1 = __importDefault(require("node-fetch"));
+const path_1 = require("path");
+const utils_1 = require("./utils");
+function npmUpload(url, name, headers = {}) {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function* () {
+        let npmTarballUrl = url;
+        let pluginName = name;
+        if (!npmTarballUrl.includes("https://www.npmjs.com") &&
+            !npmTarballUrl.includes("https://registry.npmjs.org")) {
+            throw new Error("The plugin origin must be from NPM");
+        }
+        if (!npmTarballUrl.includes(".tgz")) {
+            const npmPackageURl = url.replace("https://www.npmjs.com/package/", "https://registry.npmjs.org/");
+            const response = yield (0, node_fetch_1.default)(npmPackageURl);
+            if (response.status !== 200) {
+                throw new Error("NPM Package not found");
+            }
+            let npmDetails = yield response.json();
+            pluginName = npmDetails.name;
+            const npmVersion = npmDetails["dist-tags"].latest;
+            npmTarballUrl = (_c = (_b = (_a = npmDetails === null || npmDetails === void 0 ? void 0 : npmDetails.versions) === null || _a === void 0 ? void 0 : _a[npmVersion]) === null || _b === void 0 ? void 0 : _b.dist) === null || _c === void 0 ? void 0 : _c.tarball;
+            if (!npmTarballUrl) {
+                throw new Error("NPM tarball url not found");
+            }
+        }
+        const path = yield (0, utils_1.downloadUnzipTarball)(npmTarballUrl, pluginName, headers);
+        const tarballPluginFile = (0, fileSystem_1.findFileRec)(path, ".tar.gz");
+        if (!tarballPluginFile) {
+            throw new Error("Tarball plugin file not found");
+        }
+        try {
+            yield (0, fileSystem_1.extractTarball)(tarballPluginFile, path);
+            (0, fileSystem_1.deleteFolderFileSystem)((0, path_1.join)(path, "package"));
+        }
+        catch (err) {
+            throw new Error(err);
+        }
+        return yield (0, fileSystem_1.getPluginMetadata)(path);
+    });
+}
+exports.npmUpload = npmUpload;

package/dist/api/controllers/plugin/uploaders.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.urlUpload = exports.npmUpload = exports.githubUpload = exports.fileUpload = void 0;
+var file_1 = require("./file");
+Object.defineProperty(exports, "fileUpload", { enumerable: true, get: function () { return file_1.fileUpload; } });
+var github_1 = require("./github");
+Object.defineProperty(exports, "githubUpload", { enumerable: true, get: function () { return github_1.githubUpload; } });
+var npm_1 = require("./npm");
+Object.defineProperty(exports, "npmUpload", { enumerable: true, get: function () { return npm_1.npmUpload; } });
+var url_1 = require("./url");
+Object.defineProperty(exports, "urlUpload", { enumerable: true, get: function () { return url_1.urlUpload; } });

package/dist/api/controllers/plugin/url.js

@@ -0,0 +1,24 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.urlUpload = void 0;
+const utils_1 = require("./utils");
+const fileSystem_1 = require("../../../utilities/fileSystem");
+function urlUpload(url, name = "", headers = {}) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!url.includes(".tar.gz")) {
+            throw new Error("Plugin must be compressed into a gzipped tarball.");
+        }
+        const path = yield (0, utils_1.downloadUnzipTarball)(url, name, headers);
+        return yield (0, fileSystem_1.getPluginMetadata)(path);
+    });
+}
+exports.urlUpload = urlUpload;

package/dist/api/controllers/plugin/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadUnzipTarball = void 0;
+const fileSystem_1 = require("../../../utilities/fileSystem");
+function downloadUnzipTarball(url, name, headers = {}) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const path = (0, fileSystem_1.createTempFolder)(name);
+            yield (0, fileSystem_1.downloadTarballDirect)(url, path, headers);
+            return path;
+        }
+        catch (e) {
+            throw new Error(e.message);
+        }
+    });
+}
+exports.downloadUnzipTarball = downloadUnzipTarball;

package/dist/api/controllers/screen.js

@@ -8,10 +8,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-const { getScreenParams, generateScreenID } = require("../../db/utils");
+const { getScreenParams, generateScreenID, getPluginParams, DocumentType, } = require("../../db/utils");
 const { AccessController } = require("@budibase/backend-core/roles");
 const { getAppDB } = require("@budibase/backend-core/context");
 const { events } = require("@budibase/backend-core");
+const { getGlobalDB } = require("@budibase/backend-core/tenancy");
+const { updateAppPackage } = require("./application");
 exports.fetch = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
     const db = getAppDB();
     const screens = (yield db.allDocs(getScreenParams(null, {
@@ -28,11 +30,45 @@ exports.save = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
         eventFn = events.screen.created;
     }
     const response = yield db.put(screen);
+    // Find any custom components being used
+    let pluginNames = [];
+    let pluginAdded = false;
+    findPlugins(screen.props, pluginNames);
+    if (pluginNames.length) {
+        const globalDB = getGlobalDB();
+        const pluginsResponse = yield globalDB.allDocs(getPluginParams(null, {
+            include_docs: true,
+        }));
+        const requiredPlugins = pluginsResponse.rows
+            .map(row => row.doc)
+            .filter(plugin => {
+            return (plugin.schema.type === "component" &&
+                pluginNames.includes(`plugin/${plugin.name}`));
+        });
+        // Update the app metadata
+        const application = yield db.get(DocumentType.APP_METADATA);
+        let usedPlugins = application.usedPlugins || [];
+        requiredPlugins.forEach(plugin => {
+            if (!usedPlugins.find(x => x._id === plugin._id)) {
+                pluginAdded = true;
+                usedPlugins.push({
+                    _id: plugin._id,
+                    name: plugin.name,
+                    version: plugin.version,
+                    jsUrl: plugin.jsUrl,
+                    hash: plugin.hash,
+                });
+            }
+        });
+        if (pluginAdded) {
+            yield updateAppPackage({ usedPlugins }, ctx.appId);
+        }
+    }
     if (eventFn) {
         yield eventFn(screen);
     }
     ctx.message = `Screen ${screen.name} saved.`;
-    ctx.body = Object.assign(Object.assign({}, screen), { _id: response.id, _rev: response.rev });
+    ctx.body = Object.assign(Object.assign({}, screen), { _id: response.id, _rev: response.rev, pluginAdded });
 });
 exports.destroy = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
     const db = getAppDB();
@@ -45,3 +81,17 @@ exports.destroy = (ctx) => __awaiter(void 0, void 0, void 0, function* () {
     };
     ctx.status = 200;
 });
+const findPlugins = (component, foundPlugins) => {
+    if (!component) {
+        return;
+    }
+    if (component._component.startsWith("plugin")) {
+        if (!foundPlugins.includes(component._component)) {
+            foundPlugins.push(component._component);
+        }
+    }
+    if (!component._children || !component._children.length) {
+        return;
+    }
+    component._children.forEach(child => findPlugins(child, foundPlugins));
+};

package/dist/api/controllers/static/index.js

@@ -113,6 +113,7 @@ const serveApp = function (ctx) {
                 production: env.isProd(),
                 appId,
                 clientLibPath: clientLibraryPath(appId, appInfo.version, ctx),
+                usedPlugins: appInfo.usedPlugins,
             });
             const appHbs = loadHandlebarsFile(`${__dirname}/templates/app.hbs`);
             ctx.body = yield processString(appHbs, {