From 8f335b68f48b252bac12aa05868d72702518bb01 Mon Sep 17 00:00:00 2001
From: MGrgr <grkapran@gmail.com>
Date: Wed, 13 Dec 2023 22:34:38 +0300
Subject: [PATCH 1/4] fix: policy info - close btn

---
 src/components/PolicyCard/PolicyCardView.vue  |  1 +
 .../PolicyCard/PolicyInfoDialog.vue           |  1 +
 src/components/PolicyCard/PolicyInfoView.vue  |  9 +++++++-
 types/components.d.ts                         | 21 ++++++++++---------
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/PolicyCard/PolicyCardView.vue b/src/components/PolicyCard/PolicyCardView.vue
index 6c48c2c..5a8d465 100644
--- a/src/components/PolicyCard/PolicyCardView.vue
+++ b/src/components/PolicyCard/PolicyCardView.vue
@@ -63,6 +63,7 @@ const { certificate, certificateLink, certificateValid } = useCertificate(props.
         :certificate-valid="!!certificateValid"
         :certificate-loading="certificateLoading"
         :certificate-link="certificateLink"
+        @close-dialog="dialog = false"
       />
     </q-dialog>
   </q-card>
diff --git a/src/components/PolicyCard/PolicyInfoDialog.vue b/src/components/PolicyCard/PolicyInfoDialog.vue
index 53a7549..04ef1ec 100644
--- a/src/components/PolicyCard/PolicyInfoDialog.vue
+++ b/src/components/PolicyCard/PolicyInfoDialog.vue
@@ -22,6 +22,7 @@ const { certificateLink, certificateValid, certificate } = useCertificate()
       :certificate-valid="!!certificateValid"
       :certificate-loading="certificateLoading"
       :certificate-link="certificateLink"
+      @close-dialog="dialog = false"
     />
   </q-dialog>
 </template>
diff --git a/src/components/PolicyCard/PolicyInfoView.vue b/src/components/PolicyCard/PolicyInfoView.vue
index f912cce..bf0c819 100644
--- a/src/components/PolicyCard/PolicyInfoView.vue
+++ b/src/components/PolicyCard/PolicyInfoView.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { evaRefresh } from '@quasar/extras/eva-icons'
+import { evaClose, evaRefresh } from '@quasar/extras/eva-icons'
 import { useWallet } from 'solana-wallets-vue'
 import type { Policy } from '@albus-finance/sdk'
 import { formatDate, formatRule } from '@/utils'
@@ -13,6 +13,7 @@ const props = defineProps({
   certificateValid: Boolean,
   certificateLoading: Boolean,
 })
+defineEmits(['closeDialog'])
 
 const userStore = useUserStore()
 const serviceData = computed(() => userStore.serviceData)
@@ -33,6 +34,12 @@ const expiredAt = computed(() => {
 
 <template>
   <q-card class="policy-card">
+    <q-icon
+      size="20px"
+      :name="evaClose"
+      class="cursor-pointer absolute-right q-pa-xs"
+      @click="$emit('closeDialog')"
+    />
     <div>
       <q-inner-loading :showing="serviceLoading" label-class="text-teal" label-style="font-size: 1.1em" />
       <div v-if="connected" class="q-px-md q-pt-md">
diff --git a/types/components.d.ts b/types/components.d.ts
index 80f3782..3c61e14 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -22,8 +22,9 @@ declare module 'vue' {
     IAppDiscord: typeof import('~icons/app/discord')['default']
     IAppTelegram: typeof import('~icons/app/telegram')['default']
     IAppTwitterX: typeof import('~icons/app/twitter-x')['default']
+    LiquidityCard: typeof import('./../src/components/swap/LiquidityCard.vue')['default']
     MintTokenA: typeof import('./../src/components/MintTokenA.vue')['default']
-    MobileMenu: typeof import('./../src/components/Menu/MobileMenu.vue')['default']
+    MobileMenu: typeof import('./../src/components/menu/MobileMenu.vue')['default']
     PasswordProtect: typeof import('./../src/components/PasswordProtect.vue')['default']
     PolicyCard: typeof import('./../src/components/PolicyCard/PolicyCard.vue')['default']
     PolicyCardView: typeof import('./../src/components/PolicyCard/PolicyCardView.vue')['default']
@@ -34,17 +35,17 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SelectPolicyItem: typeof import('./../src/components/CreatePool/SelectPolicyItem.vue')['default']
-    SelectPool: typeof import('./../src/components/Swap/SelectPool.vue')['default']
+    SelectPool: typeof import('./../src/components/swap/SelectPool.vue')['default']
     SelectToken: typeof import('./../src/components/SelectToken.vue')['default']
-    Sidebar: typeof import('./../src/components/Sidebar/Sidebar.vue')['default']
-    SidebarCopyrights: typeof import('./../src/components/Sidebar/SidebarCopyrights.vue')['default']
-    SidebarFooter: typeof import('./../src/components/Sidebar/SidebarFooter.vue')['default']
-    SidebarHeader: typeof import('./../src/components/Sidebar/SidebarHeader.vue')['default']
-    SidebarNavigation: typeof import('./../src/components/Sidebar/SidebarNavigation.vue')['default']
+    Sidebar: typeof import('./../src/components/sidebar/Sidebar.vue')['default']
+    SidebarCopyrights: typeof import('./../src/components/sidebar/SidebarCopyrights.vue')['default']
+    SidebarFooter: typeof import('./../src/components/sidebar/SidebarFooter.vue')['default']
+    SidebarHeader: typeof import('./../src/components/sidebar/SidebarHeader.vue')['default']
+    SidebarNavigation: typeof import('./../src/components/sidebar/SidebarNavigation.vue')['default']
     SocialLinks: typeof import('./../src/components/SocialLinks.vue')['default']
-    StakeCard: typeof import('./../src/components/Stake/StakeCard.vue')['default']
-    SwapCard: typeof import('./../src/components/Swap/SwapCard.vue')['default']
-    TransferCard: typeof import('./../src/components/Transfer/TransferCard.vue')['default']
+    StakeCard: typeof import('./../src/components/stake/StakeCard.vue')['default']
+    SwapCard: typeof import('./../src/components/swap/SwapCard.vue')['default']
+    TransferCard: typeof import('./../src/components/transfer/TransferCard.vue')['default']
     WarningDisclaimer: typeof import('./../src/components/WarningDisclaimer.vue')['default']
   }
 }

From a369347db9e01dffbeea7d7a5e297f728a76e435 Mon Sep 17 00:00:00 2001
From: MGrgr <grkapran@gmail.com>
Date: Wed, 13 Dec 2023 22:57:18 +0300
Subject: [PATCH 2/4] fix: set redirects

---
 src/App.vue        | 8 ++++++++
 src/stores/user.ts | 6 ------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ef1b24b..18658ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,6 +26,14 @@ onBeforeMount(() => {
 
 const auth = useAuthStore()
 const isPasswordProtected = computed(() => auth.isEnabled && !auth.isAuthenticated)
+
+const route = useRoute()
+const router = useRouter()
+watch(route, () => {
+  if (route.name === 'index' || route.name === 'all' || (route.name && !router.hasRoute(route.name))) {
+    router.push('/transfer')
+  }
+}, { immediate: true })
 </script>
 
 <template>
diff --git a/src/stores/user.ts b/src/stores/user.ts
index a59ca68..7a5a710 100644
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
@@ -14,7 +14,6 @@ export const useUserStore = defineStore('user', () => {
   const anchorWallet = useAnchorWallet()
   const { publicKey } = wallet
   const route = useRoute()
-  const router = useRouter()
   const emitter = useEmitter()
 
   const client = computed(() => AlbusClient.fromWallet(connectionStore.connection, anchorWallet.value).configure('debug', true))
@@ -25,11 +24,6 @@ export const useUserStore = defineStore('user', () => {
   // @ts-expect-error not all of clusters in config
   const appConfig = computed(() => APP_CONFIG[connectionStore.cluster])
 
-  watch(route, () => {
-    if (route.name === 'index') {
-      router.push('/transfer')
-    }
-  }, { immediate: true })
   const pagePolicy = computed<string>(() => {
     if (route.name) {
       const pagePolicy = appConfig.value?.policy[route.name]

From b8a55a39ec52f3e04aad1b38ff4babd551a3223f Mon Sep 17 00:00:00 2001
From: MGrgr <grkapran@gmail.com>
Date: Wed, 13 Dec 2023 23:37:34 +0300
Subject: [PATCH 3/4] fix: config and env

---
 .env                                     |  2 +-
 .env.dev                                 |  2 ++
 .env.production                          |  1 +
 .env.staging                             |  1 +
 .github/workflows/deploy.yaml            |  2 +-
 package.json                             |  1 +
 src/components/AppHeader.vue             |  3 +++
 src/components/EnvironmentWarning.vue    |  9 +++++++++
 src/components/Menu/MobileMenu.vue       |  2 +-
 src/components/Swap/SwapCard.vue         | 10 ++++++++--
 src/components/Transfer/TransferCard.vue |  2 +-
 src/config/common.ts                     |  2 +-
 src/config/connection.ts                 | 25 ++++++++++++------------
 src/config/policies.ts                   | 19 ++++++++++++------
 src/config/tokens.ts                     |  8 ++++----
 src/layouts/default.vue                  |  1 +
 types/components.d.ts                    |  2 +-
 vite.config.ts                           |  2 +-
 18 files changed, 62 insertions(+), 32 deletions(-)
 create mode 100644 .env.dev
 create mode 100644 src/components/EnvironmentWarning.vue

diff --git a/.env b/.env
index 8f65154..a53fa0d 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
 VITE_APP_TITLE="Albus"
 VITE_APP_DESCRIPTION=
-VITE_APP_KEYWORDS=
\ No newline at end of file
+VITE_APP_KEYWORDS=
diff --git a/.env.dev b/.env.dev
new file mode 100644
index 0000000..4995813
--- /dev/null
+++ b/.env.dev
@@ -0,0 +1,2 @@
+VITE_PASSWORD_PROTECT=345719
+VITE_ALBUS_APP_URL='https://dev.app.albus.finance'
diff --git a/.env.production b/.env.production
index 2274b89..3b506d1 100644
--- a/.env.production
+++ b/.env.production
@@ -1,3 +1,4 @@
 
 VITE_GTAG_ID=
 VITE_SENTRY_DSN=
+VITE_ALBUS_APP_URL='https://app.albus.finance'
diff --git a/.env.staging b/.env.staging
index 86b2ba4..b2c0908 100644
--- a/.env.staging
+++ b/.env.staging
@@ -1 +1,2 @@
 VITE_PASSWORD_PROTECT=345719
+VITE_ALBUS_APP_URL='https://stage.app.albus.finance'
diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
index 0d7fc60..29971cc 100644
--- a/.github/workflows/deploy.yaml
+++ b/.github/workflows/deploy.yaml
@@ -25,7 +25,7 @@ jobs:
       - name: Install and Build
         run: |
           pnpm install
-          pnpm run build:staging
+          pnpm run build:dev
           cp dist/index.html dist/404.html
           echo ${{ env.URL }} > dist/CNAME
           touch dist/.nojekyll
diff --git a/package.json b/package.json
index 274351c..d102690 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "dev": "vite --port 3333",
     "build": "vite build --mode production",
     "build:staging": "vite build --mode staging",
+    "build:dev": "vite build --mode dev",
     "preview": "vite preview",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index c6e79f1..5f1abdc 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,3 +1,6 @@
+<script lang="ts" setup>
+</script>
+
 <template>
   <header class="app-header">
     <div class="app-header__buttons">
diff --git a/src/components/EnvironmentWarning.vue b/src/components/EnvironmentWarning.vue
new file mode 100644
index 0000000..7943ac8
--- /dev/null
+++ b/src/components/EnvironmentWarning.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+const mode = import.meta.env.MODE
+</script>
+
+<template>
+  <div v-if="mode !== 'production'" class="text-h5 text-negative fixed-top-right q-pt-xs q-pr-sm">
+    Environment: {{ mode }}
+  </div>
+</template>
diff --git a/src/components/Menu/MobileMenu.vue b/src/components/Menu/MobileMenu.vue
index ae73c59..388d185 100644
--- a/src/components/Menu/MobileMenu.vue
+++ b/src/components/Menu/MobileMenu.vue
@@ -3,7 +3,7 @@ import { evaClose, evaMenu } from '@quasar/extras/eva-icons'
 
 const _route = useRoute()
 
-const routes = ['transfer', 'swap', 'about', 'support']
+const routes = ['transfer', 'swap', 'pools', 'about', 'support']
 
 const isOpen = ref(false)
 
diff --git a/src/components/Swap/SwapCard.vue b/src/components/Swap/SwapCard.vue
index 6f5df79..32048b5 100644
--- a/src/components/Swap/SwapCard.vue
+++ b/src/components/Swap/SwapCard.vue
@@ -140,7 +140,13 @@ watch(() => state.from.amount, (a) => {
       <policy-card class="q-mt-md q-mx-auto" />
 
       <div class="swap-submit q-mt-md">
-        <q-btn :loading="state.swapping" :disable="!state.active || !tokenSwap" rounded :ripple="false" @click="swapSubmit">
+        <q-btn
+          :loading="state.swapping"
+          :disable="!state.active || !tokenSwap || !connected || !state.from.amount"
+          rounded
+          :ripple="false"
+          @click="swapSubmit"
+        >
           Swap {{ state.from.symbol }} / {{ state.to.symbol }}
         </q-btn>
       </div>
@@ -150,7 +156,7 @@ watch(() => state.from.amount, (a) => {
       </div>
       <div v-else class="row q-mt-md text-center relative-position full-width">
         <div class="swap-rate q-mx-auto">
-          1 {{ state.from.name }} ≈ {{ formatBalance(state.rate) }} {{ state.to.name }}
+          1 {{ state.from.symbol }} ≈ {{ formatBalance(state.rate) }} {{ state.to.symbol }}
         </div>
         <div class="absolute-right swap-rate__refresh">
           <q-btn
diff --git a/src/components/Transfer/TransferCard.vue b/src/components/Transfer/TransferCard.vue
index a37edb0..7e2e71e 100644
--- a/src/components/Transfer/TransferCard.vue
+++ b/src/components/Transfer/TransferCard.vue
@@ -52,7 +52,7 @@ function setMaxCurrency() {
   }
 }
 
-const active = computed(() => Number(state.value) > 0 && validateAddress(state.address))
+const active = computed(() => connected.value && Number(state.value) > 0 && validateAddress(state.address))
 </script>
 
 <template>
diff --git a/src/config/common.ts b/src/config/common.ts
index c5d35e9..8ae5f20 100644
--- a/src/config/common.ts
+++ b/src/config/common.ts
@@ -3,7 +3,7 @@ export const TELEGRAM_URL = 'https://t.me/albusprotocol'
 export const TWITTER_URL = 'https://twitter.com/AlbusProtocol'
 export const DISCORD_URL = ''
 
-export const ALBUS_APP_URL = 'https://app.albus.finance'
+export const ALBUS_APP_URL = import.meta.env.VITE_ALBUS_APP_URL || 'https://dev.app.albus.finance'
 
 export const RENT_FEE = 0.00203928
 export const MIN_TRANSFER_FEE = 0.00203928
diff --git a/src/config/connection.ts b/src/config/connection.ts
index 440ecd5..9b20d94 100644
--- a/src/config/connection.ts
+++ b/src/config/connection.ts
@@ -4,25 +4,23 @@ import { type Commitment } from '@solana/web3.js'
 import type { Endpoint } from '@/stores'
 import { getJFRpcToken } from '@/utils/rpc'
 
-export const ENDPOINTS: Endpoint[] = [
-  {
+const mode = import.meta.env.MODE
+const isDev = import.meta.env.DEV
+export const ENDPOINTS: Endpoint[] = []
+if (mode !== 'dev') {
+  ENDPOINTS.push({
     id: 'jfactory-mainnet',
     name: 'JFactory RPC',
     cluster: 'mainnet-beta',
-    url: import.meta.env.DEV
+    url: isDev
       ? 'https://restless-blue-valley.solana-mainnet.quiknode.pro/388d47063172de995210b42f44a3483d4269dcf9/'
       : 'https://rpc.jfactory.ch/',
-    wsEndpoint: import.meta.env.DEV ? undefined : 'wss://sleek-solemn-rain.solana-mainnet.quiknode.pro/6e7118f20a84b8d10c8f00ec8f16ab6878f00fb8/',
+    wsEndpoint: isDev ? undefined : 'wss://sleek-solemn-rain.solana-mainnet.quiknode.pro/6e7118f20a84b8d10c8f00ec8f16ab6878f00fb8/',
     getToken: getJFRpcToken,
-  },
-  // {
-  //   id: 'testnet',
-  //   name: 'TestNet',
-  //   cluster: 'testnet',
-  //   url: clusterApiUrl('testnet'),
-  // },
-]
-if (import.meta.env.MODE !== 'production') {
+  })
+}
+
+if (mode === 'dev' || isDev) {
   ENDPOINTS.push({
     id: 'devnet',
     name: 'DevNet',
@@ -30,6 +28,7 @@ if (import.meta.env.MODE !== 'production') {
     url: 'https://polished-damp-dust.solana-devnet.quiknode.pro/e3fdb5a9915e3c3c47709465b4b5fa9f0153b674',
   })
 }
+console.log('ENDPOINTS ===================== ', ENDPOINTS)
 
 export const DEFAULT_ENDPOINT = ENDPOINTS[0] as Endpoint
 
diff --git a/src/config/policies.ts b/src/config/policies.ts
index 8f464d0..ca93439 100644
--- a/src/config/policies.ts
+++ b/src/config/policies.ts
@@ -25,17 +25,24 @@ export const APP_CONFIG = {
     serviceCode: 'alphaDefi',
     policy: {
       transfer: {
-        // countries Germany, Ukraine, Switzerland
+        // Germany
         default: '6ZHFw4Z6A5g8ktPktzHKG7rPJHGem8HoKhxfYo9iYmhA',
-        // 22 - 55
+        // Liveness
         usdc: 'DfmzXJY5u1VPLmG58dekQoSchhyhZRcuuHy8e3D6Wq6B',
         // 18+
         usdt: 'B6MQGcriR1XXUhs4DbHattdueqRDkfGAQ9EJHSBQbDQn',
       },
-      // swap: {
-      //   // countries Germany, Ukraine, Switzerland
-      //   default: 'CjnpmL6Svfr3Vhpp1jVWCcNbJRxbyPY5ZQF8QiNXWXtT',
-      // },
     },
   },
 }
+// serviceCode: 'alphaDefi',
+// policy: {
+//   transfer: {
+//     // countries Germany, Ukraine, Switzerland
+//     default: '6ZHFw4Z6A5g8ktPktzHKG7rPJHGem8HoKhxfYo9iYmhA',
+//     // 22 - 55
+//     usdc: 'DfmzXJY5u1VPLmG58dekQoSchhyhZRcuuHy8e3D6Wq6B',
+//     // 18+
+//     usdt: 'B6MQGcriR1XXUhs4DbHattdueqRDkfGAQ9EJHSBQbDQn',
+//   },
+// },
diff --git a/src/config/tokens.ts b/src/config/tokens.ts
index 22a6cc7..2a443ad 100644
--- a/src/config/tokens.ts
+++ b/src/config/tokens.ts
@@ -58,16 +58,16 @@ export const WRAPPED_SOL_TOKEN = {
 }
 
 export const USDC_TOKEN_DEV = {
-  symbol: 'usdc',
-  name: 'usdc',
+  symbol: 'USDC',
+  name: 'USD Coin',
   image: usdcToken,
   decimals: 6,
   mint: '4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU',
 }
 
 export const USDT_TOKEN_DEV = {
-  symbol: 'tether',
-  name: 'usdt',
+  symbol: 'TETHER',
+  name: 'USDT',
   image: usdtToken,
   decimals: 6,
   mint: 'HY6uvCfBQhKANRxBcYLBK7aUva8mT7mLP2SjrLLmipza',
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index f31f34b..0160b5f 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -2,6 +2,7 @@
   <div class="container content">
     <sidebar />
     <main>
+      <environment-warning />
       <app-header />
       <router-view />
     </main>
diff --git a/types/components.d.ts b/types/components.d.ts
index 3c61e14..a678e8f 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -18,11 +18,11 @@ declare module 'vue' {
     CreatePoolTokenData: typeof import('./../src/components/CreatePool/CreatePoolTokenData.vue')['default']
     CreateSwapCard: typeof import('./../src/components/CreatePool/CreateSwapCard.vue')['default']
     DarkThemeToggle: typeof import('./../src/components/DarkThemeToggle.vue')['default']
+    EnvironmentWarning: typeof import('./../src/components/EnvironmentWarning.vue')['default']
     IAppCertificate: typeof import('~icons/app/certificate')['default']
     IAppDiscord: typeof import('~icons/app/discord')['default']
     IAppTelegram: typeof import('~icons/app/telegram')['default']
     IAppTwitterX: typeof import('~icons/app/twitter-x')['default']
-    LiquidityCard: typeof import('./../src/components/swap/LiquidityCard.vue')['default']
     MintTokenA: typeof import('./../src/components/MintTokenA.vue')['default']
     MobileMenu: typeof import('./../src/components/menu/MobileMenu.vue')['default']
     PasswordProtect: typeof import('./../src/components/PasswordProtect.vue')['default']
diff --git a/vite.config.ts b/vite.config.ts
index e2ed0b8..a97104d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,7 +20,7 @@ const esbuildShim = require.resolve('node-stdlib-browser/helpers/esbuild/shim')
 // https://vitejs.dev/config/
 export default defineConfig(async ({ mode }) => {
   process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }
-  const isProd = mode === 'production'
+  const isProd = mode === 'production' || mode === 'staging'
 
   const { default: stdLibBrowser } = await import('node-stdlib-browser')
 

From bed642d6d1a0123120ccb15210624d628f2c4824 Mon Sep 17 00:00:00 2001
From: MGrgr <grkapran@gmail.com>
Date: Thu, 14 Dec 2023 11:41:38 +0300
Subject: [PATCH 4/4] feat: add deploy-stage.yaml

---
 .github/workflows/deploy-stage.yaml | 39 +++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 .github/workflows/deploy-stage.yaml

diff --git a/.github/workflows/deploy-stage.yaml b/.github/workflows/deploy-stage.yaml
new file mode 100644
index 0000000..d302c2a
--- /dev/null
+++ b/.github/workflows/deploy-stage.yaml
@@ -0,0 +1,39 @@
+name: Deploy Stage
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ stage ]
+    paths:
+      - public/**
+      - src/**
+
+# change domain to stage
+# change the proccess to the same as in deploy-main
+env:
+  URL: dev.defi.albus.finance
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+          cache: pnpm
+
+      - name: Install and Build
+        run: |
+          pnpm install
+          pnpm run build:staging
+          cp dist/index.html dist/404.html
+          echo ${{ env.URL }} > dist/CNAME
+          touch dist/.nojekyll
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4.5.0
+        with:
+          branch: gh-pages
+          folder: dist