From 0cd8d50fcc24054731b207a8c2288cf3edc5b1b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 25 May 2021 15:12:25 +0200
Subject: [PATCH 1/4] add node target to cli package

---
 packages/cli/package.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/cli/package.json b/packages/cli/package.json
index 73da05ec0b..453ee6d06f 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -11,6 +11,10 @@
   "scripts": {
     "build": "pkg . --out-path build"
   },
+  "pkg": {
+    "targets": [ "node14" ],
+    "outputPath": "build"
+  },
   "dependencies": {
     "axios": "^0.21.1",
     "chalk": "^4.1.0",

From 122c1f6fe087b7edd548446f0f3964a26e7bb37c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 25 May 2021 15:15:11 +0200
Subject: [PATCH 2/4] remove unused dependencies in top level package file

---
 package.json |  7 -------
 yarn.lock    | 25 -------------------------
 2 files changed, 32 deletions(-)

diff --git a/package.json b/package.json
index 71296665c7..380407d48d 100644
--- a/package.json
+++ b/package.json
@@ -40,12 +40,5 @@
     "test:e2e:ci": "lerna run cy:ci",
     "build:docker": "lerna run build:docker && cd hosting/scripts/linux/ && ./release-to-docker-hub.sh && cd -",
     "build:docker:staging": "cd hosting/scripts/linux/ && ./release-to-docker-hub.sh staging && cd -"
-  },
-  "dependencies": {
-    "@spectrum-css/actionbutton": "^1.0.1",
-    "@spectrum-css/actiongroup": "^1.0.1",
-    "@spectrum-css/link": "^3.1.1",
-    "@spectrum-css/menu": "^3.0.1",
-    "@spectrum-css/toast": "^3.0.1"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index f344bd8338..8678a07d03 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -824,31 +824,6 @@
     estree-walker "^1.0.1"
     micromatch "^4.0.2"
 
-"@spectrum-css/actionbutton@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@spectrum-css/actionbutton/-/actionbutton-1.0.1.tgz#9c75da37ea6915919fb574c74bd60dacc03b6577"
-  integrity sha512-AUqtyNabHF451Aj9i3xz82TxS5Z6k1dttA68/1hMeU9kbPCSS4P6Viw3vaRGs9CSspuR8xnnhDgrq+F+zMy2Hw==
-
-"@spectrum-css/actiongroup@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@spectrum-css/actiongroup/-/actiongroup-1.0.1.tgz#b95b86e7af229e90fe1e70399d8d4b547b4bd31c"
-  integrity sha512-5Q6uMjzv5BFA2TwGASr/jAtJpTWl26fhWvgGY8kOA0RCSij35l+YJg/FPXf6Nnj2qCOl8DkNycjT9YXJ+bhyVA==
-
-"@spectrum-css/link@^3.1.1":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-3.1.1.tgz#cb526a2e10b50ef5a7ae29cca7272e2610d597eb"
-  integrity sha512-Bi88lRhTY7g6nM/ryW1yY4Cji211ZYNtRxkxbV7n2lPvwMAAQtyx0qVD3ru4kTGj/FFVvmPR3XiOE10K13HSNA==
-
-"@spectrum-css/menu@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@spectrum-css/menu/-/menu-3.0.1.tgz#2a376f991acc24e12ec892bb6b9db2650fc41fbe"
-  integrity sha512-Qjg0+1O0eC89sb/bRFq2AGnQ8XqhVy23TUXHyffNM8qdcMssnlny3QmhzjURCZKvx/Y5UytCpzhedPQqSpQwZg==
-
-"@spectrum-css/toast@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-3.0.1.tgz#36f62ea05302761e59b9d53e05f6c04423861796"
-  integrity sha512-jov++S358BrN2tmMfaoYk1N6u9HojgeuQk61keXrK2m3VE5/n94x7Lg3kIPeSWO0odyDfBlMqT9jacbRey3QTg==
-
 "@types/estree@0.0.39":
   version "0.0.39"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"

From 3dc7ba268e362328b8fe382baf783ef0c6944cb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 25 May 2021 15:19:10 +0200
Subject: [PATCH 3/4] remove unused component in manage layout

---
 .../builder/src/pages/builder/portal/manage/_layout.svelte    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/manage/_layout.svelte b/packages/builder/src/pages/builder/portal/manage/_layout.svelte
index 356b362b0b..bb09efb6f2 100644
--- a/packages/builder/src/pages/builder/portal/manage/_layout.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/_layout.svelte
@@ -12,7 +12,5 @@
 </script>
 
 {#if $auth.isAdmin}
-  <Page>
-    <slot />
-  </Page>
+  <slot />
 {/if}

From ab56fceaae3d6cbfe3fef2f2f5bbe044d4cda684 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 25 May 2021 15:25:56 +0200
Subject: [PATCH 4/4] fix double page component issue in email section

---
 .../builder/portal/manage/_layout.svelte      |   8 +-
 .../portal/manage/email/[template].svelte     | 124 +++++++++---------
 .../builder/portal/manage/email/index.svelte  | 122 +++++++++--------
 3 files changed, 127 insertions(+), 127 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/manage/_layout.svelte b/packages/builder/src/pages/builder/portal/manage/_layout.svelte
index bb09efb6f2..98ae140b25 100644
--- a/packages/builder/src/pages/builder/portal/manage/_layout.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/_layout.svelte
@@ -1,7 +1,7 @@
 <script>
   import { Page } from "@budibase/bbui"
   import { auth } from "stores/portal"
-  import { redirect } from "@roxi/routify"
+  import { page, redirect } from "@roxi/routify"
 
   // Only admins allowed here
   $: {
@@ -9,8 +9,12 @@
       $redirect("../")
     }
   }
+
+  $: console.log($page)
 </script>
 
 {#if $auth.isAdmin}
-  <slot />
+  <Page wide={$page.path.includes("email/:template")}>
+    <slot />
+  </Page>
 {/if}
diff --git a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
index 182201d2ba..d1001b2d76 100644
--- a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
@@ -69,71 +69,69 @@
   }
 </script>
 
-<Page wide>
-  <Layout gap="XS" noPadding>
-    <div class="back">
-      <ActionButton
-        on:click={() => $goto("./")}
-        quiet
-        size="S"
-        icon="BackAndroid"
-      >
-        Back to email settings
-      </ActionButton>
-    </div>
-    <header>
-      <Heading>
-        Email Template: {template}
-      </Heading>
-      <Button cta on:click={saveTemplate}>Save</Button>
-    </header>
-    <Body
-      >Change the email template here. Add dynamic content by using the bindings
-      menu on the right.</Body
+<Layout gap="XS" noPadding>
+  <div class="back">
+    <ActionButton
+      on:click={() => $goto("./")}
+      quiet
+      size="S"
+      icon="BackAndroid"
     >
-  </Layout>
-  <Tabs selected="Edit" on:select={fixMountBug}>
-    <Tab title="Edit">
-      <div class="template-editor">
-        <Editor
-          editorHeight={800}
-          bind:this={htmlEditor}
-          mode="handlebars"
-          on:change={e => {
-            selectedTemplate.contents = e.detail.value
-          }}
-          value={selectedTemplate?.contents}
-        />
-        <div class="bindings-editor">
-          <Detail size="L">Bindings</Detail>
-          {#if mounted}
-            <Tabs selected="Template">
-              <Tab title="Template">
-                <TemplateBindings
-                  title="Template Bindings"
-                  bindings={templateBindings}
-                  onBindingClick={setTemplateBinding}
-                />
-              </Tab>
-              <Tab title="Common">
-                <TemplateBindings
-                  title="Common Bindings"
-                  bindings={$email?.definitions?.bindings?.common}
-                  onBindingClick={setTemplateBinding}
-                />
-              </Tab>
-            </Tabs>
-          {/if}
-        </div>
+      Back to email settings
+    </ActionButton>
+  </div>
+  <header>
+    <Heading>
+      Email Template: {template}
+    </Heading>
+    <Button cta on:click={saveTemplate}>Save</Button>
+  </header>
+  <Body
+    >Change the email template here. Add dynamic content by using the bindings
+    menu on the right.</Body
+  >
+</Layout>
+<Tabs selected="Edit" on:select={fixMountBug}>
+  <Tab title="Edit">
+    <div class="template-editor">
+      <Editor
+        editorHeight={800}
+        bind:this={htmlEditor}
+        mode="handlebars"
+        on:change={e => {
+          selectedTemplate.contents = e.detail.value
+        }}
+        value={selectedTemplate?.contents}
+      />
+      <div class="bindings-editor">
+        <Detail size="L">Bindings</Detail>
+        {#if mounted}
+          <Tabs selected="Template">
+            <Tab title="Template">
+              <TemplateBindings
+                title="Template Bindings"
+                bindings={templateBindings}
+                onBindingClick={setTemplateBinding}
+              />
+            </Tab>
+            <Tab title="Common">
+              <TemplateBindings
+                title="Common Bindings"
+                bindings={$email?.definitions?.bindings?.common}
+                onBindingClick={setTemplateBinding}
+              />
+            </Tab>
+          </Tabs>
+        {/if}
       </div>
-    </Tab>
-    <Tab title="Preview">
-      <div class="preview">
-        <iframe srcdoc={previewContent} />
-      </div>
-    </Tab>
-  </Tabs>
-</Page>
+    </div>
+  </Tab>
+  <Tab title="Preview">
+    <div class="preview">
+      <iframe srcdoc={previewContent} />
+    </div>
+  </Tab>
+</Tabs>
 
 <style>
   .template-editor {
diff --git a/packages/builder/src/pages/builder/portal/manage/email/index.svelte b/packages/builder/src/pages/builder/portal/manage/email/index.svelte
index 0e2e2e98fd..44442767a8 100644
--- a/packages/builder/src/pages/builder/portal/manage/email/index.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/index.svelte
@@ -76,71 +76,69 @@
   fetchSmtp()
 </script>
 
-<Page>
-  <Layout>
-    <Layout noPadding gap="XS">
-      <Heading size="M">Email</Heading>
-      <Body>
-        Sending email is not required, but highly recommended for processes such
-        as password recovery. To setup automated auth emails, simply add the
-        values below and click activate.
+<Layout>
+  <Layout noPadding gap="XS">
+    <Heading size="M">Email</Heading>
+    <Body>
+      Sending email is not required, but highly recommended for processes such
+      as password recovery. To setup automated auth emails, simply add the
+      values below and click activate.
+    </Body>
+  </Layout>
+  <Divider />
+  {#if smtpConfig}
+    <Layout gap="XS" noPadding>
+      <Heading size="S">SMTP</Heading>
+      <Body size="S">
+        To allow your app to benefit from automated auth emails, add your SMTP
+        details below.
       </Body>
     </Layout>
-    <Divider />
-    {#if smtpConfig}
-      <Layout gap="XS" noPadding>
-        <Heading size="S">SMTP</Heading>
-        <Body size="S">
-          To allow your app to benefit from automated auth emails, add your SMTP
-          details below.
-        </Body>
-      </Layout>
-      <Layout gap="XS" noPadding>
-        <div class="form-row">
-          <Label size="L">Host</Label>
-          <Input bind:value={smtpConfig.config.host} />
-        </div>
-        <div class="form-row">
-          <Label size="L">Port</Label>
-          <Input type="number" bind:value={smtpConfig.config.port} />
-        </div>
-        <div class="form-row">
-          <Label size="L">User</Label>
-          <Input bind:value={smtpConfig.config.auth.user} />
-        </div>
-        <div class="form-row">
-          <Label size="L">Password</Label>
-          <Input type="password" bind:value={smtpConfig.config.auth.pass} />
-        </div>
-        <div class="form-row">
-          <Label size="L">From email address</Label>
-          <Input type="email" bind:value={smtpConfig.config.from} />
-        </div>
-      </Layout>
-      <div>
-        <Button cta on:click={saveSmtp}>Save</Button>
+    <Layout gap="XS" noPadding>
+      <div class="form-row">
+        <Label size="L">Host</Label>
+        <Input bind:value={smtpConfig.config.host} />
       </div>
-      <Divider />
-      <Layout gap="XS" noPadding>
-        <Heading size="S">Templates</Heading>
-        <Body size="S">
-          Budibase comes out of the box with ready-made email templates to help
-          with user onboarding. Please refrain from changing the links.
-        </Body>
-      </Layout>
-      <Table
-        {customRenderers}
-        data={$email.templates}
-        schema={templateSchema}
-        {loading}
-        on:click={({ detail }) => $goto(`./${detail.purpose}`)}
-        allowEditRows={false}
-        allowSelectRows={false}
-        allowEditColumns={false}
-      />
-    {/if}
-  </Layout>
-</Page>
+      <div class="form-row">
+        <Label size="L">Port</Label>
+        <Input type="number" bind:value={smtpConfig.config.port} />
+      </div>
+      <div class="form-row">
+        <Label size="L">User</Label>
+        <Input bind:value={smtpConfig.config.auth.user} />
+      </div>
+      <div class="form-row">
+        <Label size="L">Password</Label>
+        <Input type="password" bind:value={smtpConfig.config.auth.pass} />
+      </div>
+      <div class="form-row">
+        <Label size="L">From email address</Label>
+        <Input type="email" bind:value={smtpConfig.config.from} />
+      </div>
+    </Layout>
+    <div>
+      <Button cta on:click={saveSmtp}>Save</Button>
+    </div>
+    <Divider />
+    <Layout gap="XS" noPadding>
+      <Heading size="S">Templates</Heading>
+      <Body size="S">
+        Budibase comes out of the box with ready-made email templates to help
+        with user onboarding. Please refrain from changing the links.
+      </Body>
+    </Layout>
+    <Table
+      {customRenderers}
+      data={$email.templates}
+      schema={templateSchema}
+      {loading}
+      on:click={({ detail }) => $goto(`./${detail.purpose}`)}
+      allowEditRows={false}
+      allowSelectRows={false}
+      allowEditColumns={false}
+    />
+  {/if}
+</Layout>
 
 <style>
   .form-row {