budibase/packages/builder/src/components/deploy/VersionModal.svelte

<script>
  import {
    Modal,
    notifications,
    ModalContent,
    Body,
    Button,
    StatusLight,
  } from "@budibase/bbui"
  import { appStore, initialise } from "stores/frontend"
  import { API } from "api"

  export function show() {
    updateModal.show()
  }

  export function hide() {
    updateModal.hide()
  }

  export let onComplete = () => {}
  export let hideIcon = false

  let updateModal

  $: appId = $appStore.appId
  $: updateAvailable =
    $appStore.upgradableVersion &&
    $appStore.version &&
    $appStore.upgradableVersion !== $appStore.version
  $: revertAvailable = $appStore.revertableVersion != null

  const refreshAppPackage = async () => {
    try {
      const pkg = await API.fetchAppPackage(appId)
      await initialise(pkg)
    } catch (error) {
      notifications.error("Error fetching app package")
    }
  }

  const update = async () => {
    try {
      await API.updateAppClientVersion(appId)

      // Don't wait for the async refresh, since this causes modal flashing
      refreshAppPackage()
      notifications.success(
        `App updated successfully to version ${$appStore.upgradableVersion}`
      )
      onComplete()
    } catch (err) {
      notifications.error(`Error updating app: ${err}`)
    }
    updateModal.hide()
  }

  const revert = async () => {
    try {
      await API.revertAppClientVersion(appId)

      // Don't wait for the async refresh, since this causes modal flashing
      refreshAppPackage()
      notifications.success(
        `App reverted successfully to version ${$appStore.revertableVersion}`
      )
    } catch (err) {
      notifications.error(`Error reverting app: ${err}`)
    }
    updateModal.hide()
  }
</script>

{#if !hideIcon && updateAvailable}
  <StatusLight hoverable on:click={updateModal.show} notice>Update</StatusLight>
{/if}
<Modal bind:this={updateModal}>
  <ModalContent
    title="App version"
    confirmText="Update"
    cancelText={updateAvailable ? "Cancel" : "Close"}
    onConfirm={update}
    showConfirmButton={updateAvailable}
  >
    <div slot="footer">
      {#if revertAvailable}
        <Button quiet secondary on:click={revert}>Revert</Button>
      {/if}
    </div>
    {#if updateAvailable}
      <Body size="S">
        This app is currently using version <b>{$appStore.version}</b>, but
        version
        <b>{$appStore.upgradableVersion}</b> is available. Updates can contain new
        features, performance improvements and bug fixes.
      </Body>
    {:else}
      <Body size="S">
        This app is currently using version <b>{$appStore.version}</b> which is the
        latest version available.
      </Body>
    {/if}
    {#if revertAvailable}
      <Body size="S">
        You can revert this app to version
        <b>{$appStore.revertableVersion}</b>
        if you're experiencing issues with the current version.
      </Body>
    {/if}
  </ModalContent>
</Modal>
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`<script>`
			`import {`
			`Modal,`
			`notifications,`
			`ModalContent,`
			`Body,`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`Button,`
Update version icon to version status light 2022-07-26 11:36:12 +02:00			`StatusLight,`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`} from "@budibase/bbui"`
Patch from original environment 2023-10-30 13:46:44 +01:00			`import { appStore, initialise } from "stores/frontend"`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`import { API } from "api"`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00
Overview Tab refactoring and general updates to the homepage 2022-05-06 16:52:49 +02:00			`export function show() {`
			`updateModal.show()`
			`}`

			`export function hide() {`
			`updateModal.hide()`
			`}`

General tidying and refactoring. Updated the publish button behaviour to also take into account revert and version update behaviours. 2023-06-20 13:33:18 +02:00			`export let onComplete = () => {}`
Overview Tab refactoring and general updates to the homepage 2022-05-06 16:52:49 +02:00			`export let hideIcon = false`

Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`let updateModal`

Patch from original environment 2023-10-30 13:46:44 +01:00			`$: appId = $appStore.appId`
lint 2023-03-02 00:05:17 +01:00			`$: updateAvailable =`
Patch from original environment 2023-10-30 13:46:44 +01:00			`$appStore.upgradableVersion &&`
			`$appStore.version &&`
			`$appStore.upgradableVersion !== $appStore.version`
			`$: revertAvailable = $appStore.revertableVersion != null`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00
			`const refreshAppPackage = async () => {`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`try {`
			`const pkg = await API.fetchAppPackage(appId)`
Patch from original environment 2023-10-30 13:46:44 +01:00			`await initialise(pkg)`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`} catch (error) {`
			`notifications.error("Error fetching app package")`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`}`
			`}`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00
			`const update = async () => {`
			`try {`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`await API.updateAppClientVersion(appId)`
Fix modal flashing when reverting app version and fix version number being incorrect 2021-07-08 13:56:35 +02:00
			`// Don't wait for the async refresh, since this causes modal flashing`
			`refreshAppPackage()`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`notifications.success(`
Patch from original environment 2023-10-30 13:46:44 +01:00			`App updated successfully to version ${$appStore.upgradableVersion}`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`)`
General tidying and refactoring. Updated the publish button behaviour to also take into account revert and version update behaviours. 2023-06-20 13:33:18 +02:00			`onComplete()`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`} catch (err) {`
			notifications.error(`Error updating app: ${err}`)
			`}`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`updateModal.hide()`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`}`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`const revert = async () => {`
			`try {`
Add more work on API refactor in builder 2022-01-21 10:10:59 +01:00			`await API.revertAppClientVersion(appId)`
Fix modal flashing when reverting app version and fix version number being incorrect 2021-07-08 13:56:35 +02:00
			`// Don't wait for the async refresh, since this causes modal flashing`
			`refreshAppPackage()`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`notifications.success(`
Patch from original environment 2023-10-30 13:46:44 +01:00			`App reverted successfully to version ${$appStore.revertableVersion}`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`)`
			`} catch (err) {`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			notifications.error(`Error reverting app: ${err}`)
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`}`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`updateModal.hide()`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`}`
			`</script>`

Update version icon to version status light 2022-07-26 11:36:12 +02:00			`{#if !hideIcon && updateAvailable}`
Added embed state, behaviours and event tracking to client app. UI/UX Refactoring 2023-06-16 13:30:08 +02:00			`<StatusLight hoverable on:click={updateModal.show} notice>Update</StatusLight>`
Overview Tab refactoring and general updates to the homepage 2022-05-06 16:52:49 +02:00			`{/if}`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`<Modal bind:this={updateModal}>`
			`<ModalContent`
			`title="App version"`
			`confirmText="Update"`
			`cancelText={updateAvailable ? "Cancel" : "Close"}`
			`onConfirm={update}`
			`showConfirmButton={updateAvailable}`
			`>`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`<div slot="footer">`
			`{#if revertAvailable}`
			`<Button quiet secondary on:click={revert}>Revert</Button>`
			`{/if}`
			`</div>`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`{#if updateAvailable}`
			`<Body size="S">`
Patch from original environment 2023-10-30 13:46:44 +01:00			`This app is currently using version <b>{$appStore.version}</b>, but`
			`version`
			`<b>{$appStore.upgradableVersion}</b> is available. Updates can contain new`
			`features, performance improvements and bug fixes.`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`</Body>`
			`{:else}`
			`<Body size="S">`
Patch from original environment 2023-10-30 13:46:44 +01:00			`This app is currently using version <b>{$appStore.version}</b> which is the`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`latest version available.`
			`</Body>`
			`{/if}`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`{#if revertAvailable}`
			`<Body size="S">`
			`You can revert this app to version`
Patch from original environment 2023-10-30 13:46:44 +01:00			`<b>{$appStore.revertableVersion}</b>`
Add UI to revert app version and initial work on app revert backend 2021-07-07 18:35:28 +02:00			`if you're experiencing issues with the current version.`
			`</Body>`
			`{/if}`
Add client libary update management from inside the builder 2021-07-07 18:07:42 +02:00			`</ModalContent>`
			`</Modal>`