pluralsh · dherault · Nov 9, 2022 · Nov 9, 2022 · Nov 9, 2022 · Nov 9, 2022
diff --git a/.github/workflows/assets.yaml b/.github/workflows/assets.yaml
@@ -20,7 +20,7 @@ jobs:
     env:
       CYPRESS_EMAIL: ${{ secrets.CYPRESS_EMAIL }}
       CYPRESS_PASSWORD: ${{ secrets.CYPRESS_PASSWORD }}
-      BASE_URL: https://console.gcp.onplural.sh/
+      BASE_URL: console.gcp.onplural.sh
     defaults:
       run:
         working-directory: assets

diff --git a/assets/.babelrc b/assets/.babelrc
diff --git a/assets/.env b/assets/.env
@@ -1 +1,3 @@
 EXTEND_ESLINT=true
+DISABLE_ESLINT_PLUGIN=true
+SKIP_PREFLIGHT_CHECK=true
diff --git a/assets/.eslintrc.js b/assets/.eslintrc.js
@@ -0,0 +1,8 @@
+module.exports = {
+  extends: [
+    '@pluralsh/eslint-config-typescript',
+  ],
+  globals: {
+    JSX: true,
+  },
+}
diff --git a/assets/.eslintrc.yml b/assets/.eslintrc.yml
diff --git a/assets/config-overrides.js b/assets/config-overrides.js
diff --git a/assets/e2e/cypress/e2e/stories/bounce.cy.ts b/assets/e2e/cypress/e2e/stories/bounce.cy.ts
@@ -1,13 +1,12 @@
 import { BuildsPage } from '@pages/builds'
 import { LoginPage } from '@pages/login'
-import { RootPage } from '@pages/root'
 
 context('Bounce story', () => {
   describe('bounce the first installed app', () => {
     beforeEach(() => LoginPage.login())
 
     it('should bounce the application', () => {
-      RootPage.visit()
+      BuildsPage.visit()
       BuildsPage.bounce()
     })
   })

diff --git a/assets/e2e/cypress/e2e/stories/deploy.cy.ts b/assets/e2e/cypress/e2e/stories/deploy.cy.ts
@@ -1,13 +1,12 @@
 import { BuildsPage } from '@pages/builds'
 import { LoginPage } from '@pages/login'
-import { RootPage } from '@pages/root'
 
 context('Deploy story', () => {
   describe('deploy the first installed app', () => {
     beforeEach(() => LoginPage.login())
 
     it('should deploy the application', () => {
-      RootPage.visit()
+      BuildsPage.visit()
       BuildsPage.deploy()
     })
   })

diff --git a/assets/e2e/cypress/pages/builds.ts b/assets/e2e/cypress/pages/builds.ts
@@ -5,7 +5,6 @@ import { Time } from '@ctypes/time'
 import { GQLInterceptor } from '@intercept/graphql'
 import { CreateBuildQueryResponse } from '@intercept/query/build'
 import { BasePage } from '@pages/base'
-import { RootPage } from '@pages/root'
 
 enum BuildStatus {
   Running = 'Running',
@@ -14,14 +13,16 @@ enum BuildStatus {
 }
 
 export class BuildsPage extends BasePage {
+  private static readonly _url = '/builds'
+
   static visit(buildID?: string): void {
     if (buildID) {
       cy.visit(`/build/${buildID}`)
 
       return
     }
 
-    RootPage.visit()
+    cy.visit(this._url)
   }
 
   static deploy(): void {

diff --git a/assets/index.html b/assets/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+    <meta name="theme-color" content="#000">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="/manifest.json" />
+    <link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/vs2015.css'/>
+    <style type="text/css">
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+          "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+          sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+      }
+
+      code {
+        font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+          monospace;
+      }
+
+      pre {
+        margin: 0px 0px;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-regular.otf") format("opentype");
+        font-weight: 400;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-medium.woff") format("woff");
+        font-weight: 450;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-medium.woff") format("woff");
+        font-weight: 500;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-bold.woff") format("woff");
+        font-weight: 500;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-regular-italic.woff") format("woff");
+        font-weight: 400;
+        font-style: italic;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-medium-italic.woff") format("woff");
+        font-weight: 500;
+        font-style: italic;
+      }
+
+      @font-face {
+        font-family: 'Monument';
+        src: url("/monument-bold-italic.woff") format("woff");
+        font-weight: 600;
+        font-style: italic;
+      }
+
+      @font-face {
+        font-family: 'Monument Semi-Mono';
+        src: url("/ABCMonumentGroteskSemi-Mono-Regular.woff") format("woff");
+        font-weight: 400;
+      }
+
+      @font-face {
+        font-family: 'Monument Semi-Mono';
+        src: url("/ABCMonumentGroteskSemi-Mono-Medium.woff") format("woff");
+        font-weight: 500;
+      }
+
+      @font-face {
+        font-family: 'Monument Semi-Mono';
+        src: url("/ABCMonumentGroteskSemi-Mono-Heavy.woff") format("woff");
+        font-weight: 600;
+      }
+
+      @font-face {
+        font-family: 'Monument Mono';
+        src: url("/ABCMonumentGroteskMono-Regular.woff") format("woff");
+        font-weight: 400;
+      }
+
+      @font-face {
+        font-family: 'Monument Mono';
+        src: url("/ABCMonumentGroteskMono-Medium.woff") format("woff");
+        font-weight: 500;
+      }
+
+      @font-face {
+        font-family: 'Monument Mono';
+        src: url("/ABCMonumentGroteskMono-Heavy.woff") format("woff");
+        font-weight: 600;
+      }
+    </style>
+    <!--
+      Notice the use of  in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Console | Plural</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>