Console redesign (#125)

Co-authored-by: Sebastian Florek <[email protected]>
Co-authored-by: Chris Klink <[email protected]>
Co-authored-by: michaeljguarino <[email protected]>

.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

.gitignore

@@ -28,3 +28,10 @@ watchman-*.tar
 /.vscode/**/*
 !/.vscode/settings.json
 /.idea
+
+# misc
+.DS_Store
+
+# yalc
+.yalc
+yalc.lock

.vscode/settings.json

@@ -2,5 +2,10 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
   },
-  "eslint.validate": ["javascript"]
+  "eslint.validate": ["javascript", "typescript"],
+  "eslint.workingDirectories": [
+    {
+      "mode": "auto"
+    }
+  ]
 }

assets/.env

@@ -1 +1,3 @@
 EXTEND_ESLINT=true
+DISABLE_ESLINT_PLUGIN=true
+SKIP_PREFLIGHT_CHECK=true

assets/.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  parserOptions: {
+    project: './tsconfig.eslint.json',
+  },
+  extends: [
+    '@pluralsh/eslint-config-typescript',
+  ],
+  globals: {
+    JSX: true,
+  },
+  rules: {
+    '@typescript-eslint/consistent-type-exports': 'error',
+  },
+}

assets/.yarnrc.yml

@@ -1,2 +1,7 @@
 nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+
 yarnPath: .yarn/releases/yarn-3.2.1.cjs

assets/codegen.yml

@@ -1,12 +1,19 @@
 overwrite: true
 schema: "https://console.plural.sh/gql"
 generates:
-  src/generated/fragments.json:
+  src/generated/graphql.ts:
     plugins:
-      - fragment-matcher
-    config:
-      apolloClientVersion: 2
-  ./graphql.schema.json:
-    plugins:
-      - "introspection"
-
+    - "typescript"
+    - "typescript-operations"
+    - "typescript-react-apollo"
+    - add:
+        content: '/* eslint-disable */'
+config:
+  scalars:
+    Map: Map<string, unknown>
+    UploadOrUrl: string
+    DateTime: Date
+    Yaml: unknown
+hooks:
+  afterAllFileWrite:
+  - eslint --fix

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()
     })
   })

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()
     })
   })

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}`)
+      cy.visit(`/builds/${buildID}`)
 
       return
     }
 
-    RootPage.visit()
+    cy.visit(this._url)
   }
 
   static deploy(): void {

assets/e2e/webpack.config.ts

@@ -20,12 +20,14 @@ export const options = {
         rules: [
           {
             test: /\.ts?$/,
-            use: [{
-              loader: 'ts-loader',
-              options: {
-                configFile: path.resolve(__dirname, 'tsconfig.json'),
+            use: [
+              {
+                loader: 'ts-loader',
+                options: {
+                  configFile: path.resolve(__dirname, 'tsconfig.json'),
+                },
               },
-            }],
+            ],
             exclude: /node_modules/,
           },
         ],