Merge pull request #1 from turb0c0w/sam/scaffold

Sam/scaffold

strr-web/strr-layouts/app.vue → strr-web/app.vue

@@ -5,6 +5,3 @@
     </NuxtLayout>
   </div>
 </template>
-
-<script setup lang="ts">
-</script>

strr-web/assets/styles/theme.scss

@@ -79,4 +79,10 @@ body {
   font-size: 1rem;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
+  position: relative;
+}
+
+html, body {
+  overflow-x: hidden;
+  overflow-y: hidden;
 }

strr-web/strr-layouts/components/bcros/Footer.vue → strr-web/components/Footer.vue

@@ -1,10 +1,10 @@
 <template>
   <footer
     id="bcros-main-footer"
-    class="flex items-center h-[56px] border-t-2 border-bcGovColor-navDivider bg-bcGovColor-footer text-sm"
+    class="flex flex-initial items-center border-t-2 border-bcGovColor-navDivider bg-bcGovColor-footer text-sm"
     data-cy="footer"
   >
-    <div class="m-auto px-4 h-[30.5px] w-full max-w-[1360px]">
+    <div class="m-auto px-4 w-full max-w-[1360px]">
       <nav class="flex flex-grow">
         <ul class="p-0 -ml-2 list-none">
           <li v-for="link in links" :key="link.text" class="inline-block mr-2 pr-2 border-r last:mr-0 last:border-r-0">
@@ -13,7 +13,9 @@
               :href="link.href"
               :target="link.newTab ? '_blank' : '_self'"
             >
-              {{ link.text }}
+
+              <!-- {{ t('header.buttons.createAccount') }} -->
+              {{ t(`footer.link.${link.text}`) }}
             </a>
           </li>
         </ul>
@@ -40,12 +42,14 @@
 <script setup lang="ts">
 defineProps<{appVersion: string}>()
 
+const t = useNuxtApp().$i18n.t
+
 const links = [
-  { text: 'Home', href: '/', newTab: false },
-  { text: 'Disclaimer', href: 'https://www2.gov.bc.ca/gov/content/home/disclaimer', newTab: true },
-  { text: 'Privacy', href: 'https://www2.gov.bc.ca/gov/content/home/privacy', newTab: true },
-  { text: 'Accessibility', href: 'https://www2.gov.bc.ca/gov/content/home/accessibility', newTab: true },
-  { text: 'Copyright', href: 'https://www2.gov.bc.ca/gov/content/home/copyright', newTab: true }
+  { text: 'home', href: '/', newTab: false },
+  { text: 'disclaimer', href: 'https://www2.gov.bc.ca/gov/content/home/disclaimer', newTab: true },
+  { text: 'privacy', href: 'https://www2.gov.bc.ca/gov/content/home/privacy', newTab: true },
+  { text: 'accessibility', href: 'https://www2.gov.bc.ca/gov/content/home/accessibility', newTab: true },
+  { text: 'copyright', href: 'https://www2.gov.bc.ca/gov/content/home/copyright', newTab: true }
 ]
 </script>
 

strr-web/strr-layouts/components/bcros/Header.vue → strr-web/components/Header.vue

@@ -66,6 +66,10 @@
 
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
+import { useBcrosNavigate } from '~/composables/useBcrosNavigate'
+import { useBcrosAccount } from '~/stores/account'
+import { useBcrosKeycloak } from '../stores/keycloak';
+import { useBcrosAuth } from '../composables/useBcrosAuth';
 
 const props = defineProps<{ personMode?: boolean }>()
 
@@ -80,7 +84,7 @@ const {
   goToTransactions
 } = useBcrosNavigate()
 // account / user
-const account = useBcrosAccount()
+const account = useBcrosAccount();
 const { currentAccount, currentAccountName, userFullName, userAccounts } = storeToRefs(account)
 // kc / auth
 const keycloak = useBcrosKeycloak()

strr-web/strr-common-components/composables/useBcrosAuth.ts → strr-web/composables/useBcrosAuth.ts

@@ -35,29 +35,29 @@ export const useBcrosAuth = () => {
   /** Setup keycloak / user auth pieces */
   async function setupAuth (kcConfig: KeycloakConfig, currentAccountId?: string) {
     if (!keycloak.kc.authenticated) {
-      console.info('Initializing auth setup...')
+      console.info('Initializing auth setup...') // eslint-disable-line no-console
       // initialize keycloak with user token
-      console.info('Initializing Keycloak...')
+      console.info('Initializing Keycloak...') // eslint-disable-line no-console
       try {
         await keycloak.initKeyCloak(kcConfig)
         if (keycloak.kc.authenticated) {
           // successfully initialized so setup other pieces
           keycloak.syncSessionStorage()
           keycloak.scheduleRefreshToken()
           // set user info
-          console.info('Setting user name...')
+          console.info('Setting user name...') // eslint-disable-line no-console
           await account.setUserName()
           // set account info
-          console.info('Setting user account information...')
+          console.info('Setting user account information...') // eslint-disable-line no-console
           await account.setAccountInfo(currentAccountId)
           // check account status
-          console.info('Checking account status...')
+          console.info('Checking account status...') // eslint-disable-line no-console
           // verify account status
           verifyAccountStatus()
-          console.info('Auth setup complete.')
+          console.info('Auth setup complete.') // eslint-disable-line no-console
         }
       } catch (error) {
-        console.warn('Keycloak initialization failed:', error)
+        console.warn('Keycloak initialization failed:', error) // eslint-disable-line no-console
       }
     }
   }

strr-web/devops/vaults.env

@@ -0,0 +1,36 @@
+# Base Path Openshift: /bor Firebase: /
+VUE_APP_PATH="/"
+
+# vaults canadapost
+VUE_APP_ADDRESS_COMPLETE_KEY="op://canadapost/$APP_ENV/address-key/ADDRESS_COMPLETE_KEY"
+
+# vaults btr
+VUE_APP_POD_NAMESPACE="op://btr/$APP_ENV/shared/BTR_POD_NAMESPACE"
+
+# vaults web-url
+VUE_APP_DASHBOARD_URL="op://web-url/$APP_ENV/business/DASHBOARD_URL"
+VUE_APP_REGISTRY_URL="op://web-url/$APP_ENV/registry/REGISTRY_URL"
+VUE_APP_REGISTRY_HOME_URL="op://web-url/$APP_ENV/registry/REGISTRY_HOME_URL"
+VUE_APP_AUTH_WEB_URL="op://web-url/$APP_ENV/auth-web/AUTH_WEB_URL"
+
+# vaults API
+VUE_APP_PAY_API_URL="op://API/$APP_ENV/pay-api/PAY_API_URL"
+VUE_APP_PAY_API_VERSION="op://API/$APP_ENV/pay-api/PAY_API_VERSION"
+VUE_APP_AUTH_API_URL="op://API/$APP_ENV/auth-api/AUTH_API_URL"
+VUE_APP_AUTH_API_VERSION="op://API/$APP_ENV/auth-api/AUTH_API_VERSION"
+VUE_APP_LEGAL_API_URL="op://API/$APP_ENV/legal-api/LEGAL_API_URL"
+VUE_APP_LEGAL_API_VERSION_2="op://API/$APP_ENV/legal-api/LEGAL_API_VERSION_2"
+VUE_APP_STATUS_API_URL="op://API/$APP_ENV/status-api/STATUS_API_URL"
+VUE_APP_STATUS_API_VERSION="op://API/$APP_ENV/status-api/STATUS_API_VERSION"
+VUE_APP_BTR_API_URL="op://API/$APP_ENV/btr-api/BTR_API_URL"
+
+# vaults launchdarkly
+VUE_APP_LD_CLIENT_ID="op://launchdarkly/$APP_ENV/btr/BTR_LD_CLIENT_ID"
+
+# vaults keycloak
+VUE_APP_KEYCLOAK_AUTH_URL="op://keycloak/$APP_ENV/base/KEYCLOAK_AUTH_BASE_URL"
+VUE_APP_KEYCLOAK_REALM="op://keycloak/$APP_ENV/base/KEYCLOAK_REALMNAME"
+VUE_APP_KEYCLOAK_CLIENTID="op://keycloak/$APP_ENV/btr-web/UI_KEYCLOAK_RESOURCE_NAME"
+
+# vaults sentry
+VUE_APP_SENTRY_DSN="op://sentry/$APP_ENV/btr-web/SENTRY_DSN"

strr-web/lang/en.json

@@ -0,0 +1,17 @@
+{
+  "header" :{
+    "title": "STRR",
+    "buttons": {
+      "createAccount": "Create Account"
+    }
+  },
+  "footer": {
+    "link": {
+      "home": "Home",
+      "disclaimer": "Disclaimer",
+      "privacy": "Privacy",
+      "accessibility": "Accessibility",
+      "copyright": "Copyright"
+    }
+  }
+}

strr-web/lang/test.json

@@ -0,0 +1,18 @@
+{
+    "header" :{
+      "title": "***",
+      "buttons": {
+        "createAccount": "***"
+      }
+    },
+    "footer": {
+      "link": {
+        "home": "***",
+        "disclaimer": "***",
+        "privacy": "***",
+        "accessibility": "***",
+        "copyright": "***"
+      }
+    }
+  }
+

strr-web/layouts/default.vue

@@ -0,0 +1,8 @@
+<template>
+    <div data-cy="default-layout">
+        <div class="flex justify-between flex-col h-screen">
+            <Header></Header>
+            <Footer></Footer>
+        </div>
+    </div>
+</template>

strr-web/strr-common-components/nuxt.config.ts → strr-web/nuxt.config.ts

@@ -12,6 +12,13 @@ export default defineNuxtConfig({
     includeWorkspace: true
   },
   devtools: { enabled: true },
+  app: {
+    head: {
+      meta: [
+        { name: 'viewport', content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, initial-scale=1' }
+      ]
+    }
+  },
   modules: [
     '@nuxt/ui',
     '@nuxtjs/eslint-module',
@@ -50,17 +57,17 @@ export default defineNuxtConfig({
       ldClientId: process.env.VUE_APP_LD_CLIENT_ID || '',
       legalApiURL: `${process.env.VUE_APP_LEGAL_API_URL || ''}${process.env.VUE_APP_LEGAL_API_VERSION_2 || ''}`,
       payApiURL: `${process.env.VUE_APP_PAY_API_URL || ''}${process.env.VUE_APP_PAY_API_VERSION || ''}`,
-      btrApiURL: `${process.env.VUE_APP_STRR_API_URL || ''}${process.env.VUE_APP_STRR_API_VERSION || ''}`,
+      btrApiURL: `${process.env.VUE_APP_BTR_API_URL || ''}${process.env.VUE_APP_BTR_API_VERSION || ''}`,
       registryHomeURL: process.env.VUE_APP_REGISTRY_HOME_URL || '',
       appEnv: `${process.env.VUE_APP_POD_NAMESPACE || 'unknown'}`
     }
   },
-  css: ['~/../assets/scss/global.scss'],
+  css: ['~/./assets/scss/global.scss'],
   vite: {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: '@use "../assets/styles/theme.scss" as *;'
+          additionalData: '@use "./assets/styles/theme.scss" as *;'
         }
       }
     }

strr-web/package.json

@@ -45,6 +45,10 @@
     "@vueuse/core": "^10.9.0",
     "axios": "^1.6.7",
     "http-status-codes": "^2.3.0",
+<<<<<<< HEAD
+    "keycloak-js": "^24.0.3",
+=======
+>>>>>>> main
     "launchdarkly-vue-client-sdk": "^2.0.5",
     "moment": "^2.30.1",
     "uuid": "^9.0.1",

strr-web/pages/index.vue

@@ -0,0 +1,6 @@
+<template>
+    <div data-cy="test-page">
+        <h1>Page content</h1>
+        <Button>Login</Button>
+    </div>
+</template>

strr-web/strr-common-components/stores/keycloak.ts → strr-web/stores/keycloak.ts

@@ -94,10 +94,10 @@ export const useBcrosKeycloak = defineStore('bcros/keycloak', () => {
   ) {
     setTimeout(() => {
       if (kc.value?.isTokenExpired(minValidity)) {
-        console.info('Token set to expire soon. Refreshing token...')
+        console.info('Token set to expire soon. Refreshing token...') // eslint-disable-line no-console
         kc.value?.updateToken(minValidity)
         syncSessionStorage()
-        console.info('Token updated.')
+        console.info('Token updated.') // eslint-disable-line no-console
         scheduleRefreshToken(timeout, minValidity)
       }
     }, timeout)