import and export apps

hosting/Dockerfile.all

@@ -0,0 +1,10 @@
+FROM ubuntu:latest
+
+
+FROM envoyproxy/envoy:v1.16-latest
+COPY envoy.yaml /etc/envoy/envoy.yaml
+
+FROM apache/couchdb:3.0 as db
+
+FROM minio/minio
+

packages/builder/src/components/start/AppCard.svelte

@@ -2,7 +2,27 @@
   import { TextButton } from "@budibase/bbui"
   import { Heading } from "@budibase/bbui"
   import { Spacer } from "@budibase/bbui"
+  import api from "builderStore/api"
+  import { notifier } from "builderStore/store/notifications"
+  import Spinner from "components/common/Spinner.svelte"
+
   export let name, _id
+
+  let appExportLoading = false
+
+  async function exportApp() {
+    appExportLoading = true
+    try {
+      const response = await api.post(`/api/backups/export`, { appId: _id })
+      const { url } = await response.json()
+      notifier.success("App Export Complete.")
+      window.location = url
+    } catch (err) {
+      notifier.danger("App Export Failed.")
+    } finally {
+      appExportLoading = false
+    }
+  }
 </script>
 
 <div class="apps-card">
@@ -10,9 +30,12 @@
   <Spacer medium />
   <div class="card-footer">
     <TextButton text medium blue href="/_builder/{_id}">
-      Open
+      Open {name} →
-      {name}
+    </TextButton>
-      →
+    <TextButton text medium blue on:click={exportApp}>
+      {#if appExportLoading}
+        <Spinner size="10" />
+      {:else}Export{/if}
     </TextButton>
   </div>
 </div>

packages/builder/src/components/start/Steps/Info.svelte

@@ -1,14 +1,25 @@
 <script>
   import { Label, Heading, Input } from "@budibase/bbui"
+  import Dropzone from "components/common/Dropzone.svelte"
+
   export let validationErrors
   export let template
 
   let blurred = { appName: false }
+  let files
+
+  $: if (files) {
+    template.fileImportPath = files[0]
+  }
 </script>
 
 <h2>Create your Web App</h2>
 <div class="container">
-  {#if template}
+  {#if template.fromFile}
+    <div class="template">
+      <Dropzone bind:files />
+    </div>
+  {:else if template}
     <div class="template">
       <Label extraSmall grey>Selected Template</Label>
       <Heading small>{template.name}</Heading>

packages/builder/src/pages/index.svelte

@@ -46,12 +46,18 @@
     modal.show()
   }
 
+  function initiateAppImport() {
+    template = { fromFile: true }
+    modal.show()
+  }
+
   checkIfKeysAndApps()
 </script>
 
 <div class="container">
   <div class="header">
     <Heading medium black>Welcome to the Budibase Beta</Heading>
+    <Button secondary on:click={initiateAppImport}>Import Web App</Button>
     <Button primary on:click={modal.show}>Create New Web App</Button>
   </div>
 

packages/server/src/api/controllers/application.js

@@ -105,10 +105,16 @@ async function createInstance(template) {
 
   // replicate the template data to the instance DB
   if (template) {
+    let dbDumpReadStream
+
+    if (template.fileImportPath) {
+      dbDumpReadStream = fs.createReadStream(template.fileImportPath)
+    } else {
       const templatePath = await downloadTemplate(...template.key.split("/"))
-    const dbDumpReadStream = fs.createReadStream(
+      dbDumpReadStream = fs.createReadStream(
         join(templatePath, "db", "dump.txt")
       )
+    }
     const { ok } = await db.load(dbDumpReadStream)
     if (!ok) {
       throw "Error loading database dump from template."

packages/server/src/api/controllers/backup.js

@@ -0,0 +1,36 @@
+const { performDump } = require("../../utilities/templates")
+const path = require("path")
+const os = require("os")
+const fs = require("fs-extra")
+
+exports.exportAppDump = async function(ctx) {
+  const { appId } = ctx.request.body
+
+  const backupsDir = path.join(os.homedir(), ".budibase", "backups")
+  fs.ensureDirSync(backupsDir)
+
+  const backupIdentifier = `${appId} Backup: ${new Date()}.txt`
+
+  await performDump({
+    dir: backupsDir,
+    appId,
+    name: backupIdentifier,
+  })
+
+  ctx.status = 200
+  ctx.body = {
+    url: `/api/backups/download/${backupIdentifier}`,
+  }
+}
+
+exports.downloadAppDump = async function(ctx) {
+  const fileName = ctx.params.fileName
+
+  const backupsDir = path.join(os.homedir(), ".budibase", "backups")
+  fs.ensureDirSync(backupsDir)
+
+  const backupFile = path.join(backupsDir, fileName)
+
+  ctx.attachment(fileName)
+  ctx.body = fs.createReadStream(backupFile)
+}

packages/server/src/api/index.js

@@ -5,6 +5,7 @@ const zlib = require("zlib")
 const { budibaseAppsDir } = require("../utilities/budibaseDir")
 const { isDev } = require("../utilities")
 const { mainRoutes, authRoutes, staticRoutes } = require("./routes")
+const pkg = require("../../package.json")
 
 const router = new Router()
 const env = require("../environment")
@@ -32,6 +33,7 @@ router
     await next()
   })
   .use("/health", ctx => (ctx.status = 200))
+  .use("/version", ctx => (ctx.body = pkg.version))
   .use(authenticated)
 
 // error handling middleware

packages/server/src/api/routes/backup.js

@@ -0,0 +1,16 @@
+const Router = require("@koa/router")
+const controller = require("../controllers/backup")
+const authorized = require("../../middleware/authorized")
+const { BUILDER } = require("../../utilities/security/permissions")
+
+const router = Router()
+
+router
+  .post("/api/backups/export", authorized(BUILDER), controller.exportAppDump)
+  .get(
+    "/api/backups/download/:fileName",
+    authorized(BUILDER),
+    controller.downloadAppDump
+  )
+
+module.exports = router

packages/server/src/api/routes/index.js

@@ -21,6 +21,7 @@ const permissionRoutes = require("./permission")
 const datasourceRoutes = require("./datasource")
 const queryRoutes = require("./query")
 const hostingRoutes = require("./hosting")
+const backupRoutes = require("./backup")
 
 exports.mainRoutes = [
   deployRoutes,
@@ -42,6 +43,7 @@ exports.mainRoutes = [
   datasourceRoutes,
   queryRoutes,
   hostingRoutes,
+  backupRoutes,
   // these need to be handled last as they still use /api/:tableId
   // this could be breaking as koa may recognise other routes as this
   tableRoutes,

packages/server/src/utilities/templates.js

@@ -56,6 +56,19 @@ exports.downloadTemplate = async function(type, name) {
   return dirName
 }
 
+async function performDump({ dir, appId, name = "dump.txt" }) {
+  const writeStream = fs.createWriteStream(join(dir, name))
+  // perform couch dump
+  const instanceDb = new CouchDB(appId)
+  await instanceDb.dump(writeStream, {
+    filter: doc => {
+      return !doc._id.startsWith(DocumentTypes.USER)
+    },
+  })
+}
+
+exports.performDump = performDump
+
 exports.exportTemplateFromApp = async function({ templateName, appId }) {
   // Copy frontend files
   const templatesDir = join(
@@ -67,13 +80,6 @@ exports.exportTemplateFromApp = async function({ templateName, appId }) {
     "db"
   )
   fs.ensureDirSync(templatesDir)
-  const writeStream = fs.createWriteStream(join(templatesDir, "dump.txt"))
+  await performDump({ dir: templatesDir, appId })
-  // perform couch dump
-  const instanceDb = new CouchDB(appId)
-  await instanceDb.dump(writeStream, {
-    filter: doc => {
-      return !doc._id.startsWith(DocumentTypes.USER)
-    },
-  })
   return templatesDir
 }