budibase/packages/builder/src/components/start/ExportAppModal.svelte

<script>
  import {
    ModalContent,
    Toggle,
    Body,
    InlineAlert,
    Input,
  } from "@budibase/bbui"

  export let app
  export let published
  let includeInternalTablesRows = true
  let encypt = true
  let password
  let passwordError

  const Step = { CONFIG: "config", SET_PASSWORD: "set_password" }
  let currentStep = Step.CONFIG

  $: exportButtonText = published ? "Export published" : "Export latest"
  $: stepConfig = {
    [Step.CONFIG]: {
      title: published ? "Export published app" : "Export latest app",
      confirmText: encypt ? "Continue" : exportButtonText,
      onConfirm: () => {
        if (!encypt) {
          exportApp()
        } else {
          currentStep = Step.SET_PASSWORD
          return false
        }
      },
    },
    [Step.SET_PASSWORD]: {
      title: "Add password to encrypt your export",
      confirmText: exportButtonText,
      onConfirm: () => {
        if (!password) {
          passwordError = "Password is required"
          return false
        }
        exportApp()
      },
    },
  }

  const exportApp = () => {
    const id = published ? app.prodId : app.devId
    const appName = encodeURIComponent(app.name)
    window.location = `/api/backups/export?appId=${id}&appname=${appName}&excludeRows=${!includeInternalTablesRows}`
  }
</script>

<ModalContent
  title={stepConfig[currentStep].title}
  confirmText={stepConfig[currentStep].confirmText}
  onConfirm={stepConfig[currentStep].onConfirm}
>
  {#if currentStep === Step.CONFIG}
  <Body>
    <Toggle
      text="Export rows from internal tables"
      bind:value={includeInternalTablesRows}
    />
    <Toggle text="Encrypt my export" bind:value={encypt} />
  </Body>
  {#if !encypt}
    <InlineAlert
      header="Do not share your budibase application exports publicly as they may contain sensitive information such as database credentials or secret keys."
      />
    {/if}
  {/if}
  {#if currentStep === Step.SET_PASSWORD}
    <Input
      label="Password"
      placeholder="Type here..."
      bind:value={password}
      error={passwordError}
    />
  {/if}
</ModalContent>
Export app without rows 2022-05-25 20:26:10 +12:00			`<script>`
Add password field 2023-06-13 22:21:54 +12:00			`import {`
			`ModalContent,`
			`Toggle,`
			`Body,`
			`InlineAlert,`
			`Input,`
			`} from "@budibase/bbui"`
Export app without rows 2022-05-25 20:26:10 +12:00
			`export let app`
Fixing an issue with deleting large apps with a lot of internal table data and adding back the export modal which allows picking whether an export includes internal table rows - #7583. 2022-09-10 07:06:29 +12:00			`export let published`
Add encrypt option 2023-06-13 21:00:01 +12:00			`let includeInternalTablesRows = true`
			`let encypt = true`
Add password field 2023-06-13 22:21:54 +12:00			`let password`
			`let passwordError`
Export app without rows 2022-05-25 20:26:10 +12:00
Add steps 2023-06-13 22:15:32 +12:00			`const Step = { CONFIG: "config", SET_PASSWORD: "set_password" }`
			`let currentStep = Step.CONFIG`

			`$: exportButtonText = published ? "Export published" : "Export latest"`
			`$: stepConfig = {`
			`[Step.CONFIG]: {`
			`title: published ? "Export published app" : "Export latest app",`
			`confirmText: encypt ? "Continue" : exportButtonText,`
			`onConfirm: () => {`
			`if (!encypt) {`
			`exportApp()`
			`} else {`
			`currentStep = Step.SET_PASSWORD`
			`return false`
			`}`
			`},`
			`},`
			`[Step.SET_PASSWORD]: {`
			`title: "Add password to encrypt your export",`
			`confirmText: exportButtonText,`
			`onConfirm: () => {`
Add password field 2023-06-13 22:21:54 +12:00			`if (!password) {`
			`passwordError = "Password is required"`
			`return false`
			`}`
Add steps 2023-06-13 22:15:32 +12:00			`exportApp()`
			`},`
			`},`
			`}`
Fixing an issue with deleting large apps with a lot of internal table data and adding back the export modal which allows picking whether an export includes internal table rows - #7583. 2022-09-10 07:06:29 +12:00
Export app without rows 2022-05-25 20:26:10 +12:00			`const exportApp = () => {`
Fixing an issue with deleting large apps with a lot of internal table data and adding back the export modal which allows picking whether an export includes internal table rows - #7583. 2022-09-10 07:06:29 +12:00			`const id = published ? app.prodId : app.devId`
Export app without rows 2022-05-25 20:26:10 +12:00			`const appName = encodeURIComponent(app.name)`
Add encrypt option 2023-06-13 21:00:01 +12:00			window.location = `/api/backups/export?appId=${id}&appname=${appName}&excludeRows=${!includeInternalTablesRows}`
Export app without rows 2022-05-25 20:26:10 +12:00			`}`
			`</script>`

Add steps 2023-06-13 22:15:32 +12:00			`<ModalContent`
			`title={stepConfig[currentStep].title}`
			`confirmText={stepConfig[currentStep].confirmText}`
			`onConfirm={stepConfig[currentStep].onConfirm}`
			`>`
Add password field 2023-06-13 22:21:54 +12:00			`{#if currentStep === Step.CONFIG}`
Add encrypt option 2023-06-13 21:00:01 +12:00			`<Body>`
			`<Toggle`
			`text="Export rows from internal tables"`
			`bind:value={includeInternalTablesRows}`
			`/>`
			`<Toggle text="Encrypt my export" bind:value={encypt} />`
			`</Body>`
			`{#if !encypt}`
			`<InlineAlert`
			`header="Do not share your budibase application exports publicly as they may contain sensitive information such as database credentials or secret keys."`
Add password field 2023-06-13 22:21:54 +12:00			`/>`
			`{/if}`
			`{/if}`
			`{#if currentStep === Step.SET_PASSWORD}`
			`<Input`
			`label="Password"`
			`placeholder="Type here..."`
			`bind:value={password}`
			`error={passwordError}`
Add encrypt option 2023-06-13 21:00:01 +12:00			`/>`
			`{/if}`
Export app without rows 2022-05-25 20:26:10 +12:00			`</ModalContent>`