initial push

2020-09-17 13:58:06 +03:00 · 2020-09-17 13:58:06 +03:00 · 77dec542b0
commit 77dec542b0
parent c1ef14938e
41 changed files with 10083 additions and 78 deletions
--- a/apps/red-ui-app-e2e/cypress.json
+++ b/apps/red-ui-app-e2e/cypress.json
@ -0,0 +1,12 @@
+{
+  "fileServerFolder": ".",
+  "fixturesFolder": "./src/fixtures",
+  "integrationFolder": "./src/integration",
+  "modifyObstructiveCode": false,
+  "pluginsFile": "./src/plugins/index",
+  "supportFile": "./src/support/index.ts",
+  "video": true,
+  "videosFolder": "../../dist/cypress/apps/red-ui-app-e2e/videos",
+  "screenshotsFolder": "../../dist/cypress/apps/red-ui-app-e2e/screenshots",
+  "chromeWebSecurity": false
+}
--- a/apps/red-ui-app-e2e/src/fixtures/example.json
+++ b/apps/red-ui-app-e2e/src/fixtures/example.json
@ -0,0 +1,4 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io"
+}
--- a/apps/red-ui-app-e2e/src/integration/app.spec.ts
+++ b/apps/red-ui-app-e2e/src/integration/app.spec.ts
@ -0,0 +1,13 @@
+import { getGreeting } from '../support/app.po';
+
+describe('red-ui-app', () => {
+  beforeEach(() => cy.visit('/'));
+
+  it('should display welcome message', () => {
+    // Custom command example, see `../support/commands.ts` file
+    cy.login('my-email@something.com', 'myPassword');
+
+    // Function helper example, see `../support/app.po.ts` file
+    getGreeting().contains('Welcome to red-ui-app!');
+  });
+});
--- a/apps/red-ui-app-e2e/src/plugins/index.js
+++ b/apps/red-ui-app-e2e/src/plugins/index.js
@ -0,0 +1,22 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
+
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+
+  // Preprocess Typescript file using Nx helper
+  on('file:preprocessor', preprocessTypescript(config));
+};
--- a/apps/red-ui-app-e2e/src/support/app.po.ts
+++ b/apps/red-ui-app-e2e/src/support/app.po.ts
@ -0,0 +1 @@
+export const getGreeting = () => cy.get('h1');
--- a/apps/red-ui-app-e2e/src/support/commands.ts
+++ b/apps/red-ui-app-e2e/src/support/commands.ts
@ -0,0 +1,31 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+// eslint-disable-next-line @typescript-eslint/no-namespace
+declare namespace Cypress {
+  interface Chainable<Subject> {
+    login(email: string, password: string): void;
+  }
+}
+//
+// -- This is a parent command --
+Cypress.Commands.add('login', (email, password) => {
+  console.log('Custom command example: Login', email, password);
+});
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
--- a/apps/red-ui-app-e2e/src/support/index.ts
+++ b/apps/red-ui-app-e2e/src/support/index.ts
@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
--- a/apps/red-ui-app-e2e/tsconfig.e2e.json
+++ b/apps/red-ui-app-e2e/tsconfig.e2e.json
@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "sourceMap": false,
+    "outDir": "../../dist/out-tsc",
+    "allowJs": true,
+    "types": ["cypress", "node"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.js"]
+}
--- a/apps/red-ui-app-e2e/tsconfig.json
+++ b/apps/red-ui-app-e2e/tsconfig.json
@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.e2e.json"
+    }
+  ]
+}
--- a/apps/red-ui-app-e2e/tslint.json
+++ b/apps/red-ui-app-e2e/tslint.json
@ -0,0 +1,5 @@
+{
+  "extends": "../../tslint.json",
+  "linterOptions": { "exclude": ["!**/*"] },
+  "rules": {}
+}
--- a/apps/red-ui-app/.browserslistrc
+++ b/apps/red-ui-app/.browserslistrc
@ -0,0 +1,18 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
--- a/apps/red-ui-app/jest.config.js
+++ b/apps/red-ui-app/jest.config.js
@ -0,0 +1,21 @@
+module.exports = {
+  name: 'red-ui-app',
+  preset: '../../jest.config.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: [
+        'jest-preset-angular/build/InlineFilesTransformer',
+        'jest-preset-angular/build/StripStylesTransformer',
+      ],
+    },
+  },
+  coverageDirectory: '../../coverage/apps/red-ui-app',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ],
+};
--- a/apps/red-ui-app/src/app/app.component.html
+++ b/apps/red-ui-app/src/app/app.component.html
@ -0,0 +1,120 @@
+<header class="flex">
+  <img
+    alt="Nx logo"
+    width="75"
+    src="https://nx.dev/assets/images/nx-logo-white.svg"
+  />
+  <h1>Welcome to {{ title }}!</h1>
+</header>
+<main>
+  <h2>Resources &amp; Tools</h2>
+  <p>
+    Thank you for using and showing some ♥ for Nx.
+  </p>
+  <div class="flex github-star-container">
+    <a
+      href="https://github.com/nrwl/nx"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      If you like Nx, please give it a star:
+      <div class="github-star-badge">
+        <svg
+          class="material-icons"
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+        >
+          <path d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
+          />
+        </svg>
+        Star
+      </div>
+    </a>
+  </div>
+  <p>
+    Here are some links to help you get started.
+  </p>
+  <ul class="resources">
+    <li class="col-span-2">
+      <a
+        class="resource flex"
+        href="https://connect.nrwl.io/app/courses/nx-workspaces/intro"
+      >
+        Nx video course
+      </a>
+    </li>
+    <li class="col-span-2">
+      <a
+        class="resource flex"
+        href="https://nx.dev/angular/getting-started/what-is-nx"
+      >
+        Nx video tutorial
+      </a>
+    </li>
+    <li class="col-span-2">
+      <a
+        class="resource flex"
+        href="https://nx.dev/angular/tutorial/01-create-application"
+      >
+        Interactive tutorial
+      </a>
+    </li>
+    <li class="col-span-2">
+      <a class="resource flex" href="https://nx.app/">
+        <svg
+          width="36"
+          height="36"
+          viewBox="0 0 120 120"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M120 15V30C103.44 30 90 43.44 90 60C90 76.56 76.56 90 60 90C43.44 90 30 103.44 30 120H15C6.72 120 0 113.28 0 105V15C0 6.72 6.72 0 15 0H105C113.28 0 120 6.72 120 15Z"
+            fill="#0E2039"
+          />
+          <path
+            d="M120 30V105C120 113.28 113.28 120 105 120H30C30 103.44 43.44 90 60 90C76.56 90 90 76.56 90 60C90 43.44 103.44 30 120 30Z"
+            fill="white"
+          />
+        </svg>
+        <span class="gutter-left">Nx Cloud</span>
+      </a>
+    </li>
+  </ul>
+  <h2>Next Steps</h2>
+  <p>Here are some things you can do with Nx.</p>
+  <details open>
+    <summary>Add UI library</summary>
+    <pre>
+# Generate UI lib
+ng g @nrwl/angular:lib ui
+
+# Add a component
+ng g @nrwl/angular:component xyz --project ui</pre
+    >
+  </details>
+  <details>
+    <summary>View dependency graph</summary>
+    <pre>nx dep-graph</pre>
+  </details>
+  <details>
+    <summary>Run affected commands</summary>
+    <pre>
+# see what's been affected by changes
+ng affected:dep-graph
+
+# run tests for current changes
+ng affected:test
+
+# run e2e tests for current changes
+ng affected:e2e
+</pre
+    >
+  </details>
+</main>
+
+<router-outlet></router-outlet>
--- a/apps/red-ui-app/src/app/app.component.scss
+++ b/apps/red-ui-app/src/app/app.component.scss
@ -0,0 +1,133 @@
+/*
+ * Remove template code below
+ */
+:host {
+  display: block;
+  font-family: sans-serif;
+  min-width: 300px;
+  max-width: 600px;
+  margin: 50px auto;
+}
+
+.gutter-left {
+  margin-left: 9px;
+}
+
+.col-span-2 {
+  grid-column: span 2;
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+header {
+  background-color: #143055;
+  color: white;
+  padding: 5px;
+  border-radius: 3px;
+}
+
+main {
+  padding: 0 36px;
+}
+
+p {
+  text-align: center;
+}
+
+h1 {
+  text-align: center;
+  margin-left: 18px;
+  font-size: 24px;
+}
+
+h2 {
+  text-align: center;
+  font-size: 20px;
+  margin: 40px 0 10px 0;
+}
+
+.resources {
+  text-align: center;
+  list-style: none;
+  padding: 0;
+  display: grid;
+  grid-gap: 9px;
+  grid-template-columns: 1fr 1fr;
+}
+
+.resource {
+  color: #0094ba;
+  height: 36px;
+  background-color: rgba(0, 0, 0, 0);
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+  padding: 3px 9px;
+  text-decoration: none;
+}
+
+.resource:hover {
+  background-color: rgba(68, 138, 255, 0.04);
+}
+
+pre {
+  padding: 9px;
+  border-radius: 4px;
+  background-color: black;
+  color: #eee;
+}
+
+details {
+  border-radius: 4px;
+  color: #333;
+  background-color: rgba(0, 0, 0, 0);
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 3px 9px;
+  margin-bottom: 9px;
+}
+
+summary {
+  cursor: pointer;
+  outline: none;
+  height: 36px;
+  line-height: 36px;
+}
+
+.github-star-container {
+  margin-top: 12px;
+  line-height: 20px;
+}
+
+.github-star-container a {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: #333;
+}
+
+.github-star-badge {
+  color: #24292e;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  padding: 3px 10px;
+  border: 1px solid rgba(27, 31, 35, 0.2);
+  border-radius: 3px;
+  background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
+  margin-left: 4px;
+  font-weight: 600;
+}
+
+.github-star-badge:hover {
+  background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
+  border-color: rgba(27, 31, 35, 0.35);
+  background-position: -0.5em;
+}
+.github-star-badge .material-icons {
+  height: 16px;
+  width: 16px;
+  margin-right: 4px;
+}
--- a/apps/red-ui-app/src/app/app.component.spec.ts
+++ b/apps/red-ui-app/src/app/app.component.spec.ts
@ -0,0 +1,33 @@
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      declarations: [AppComponent],
+    }).compileComponents();
+  }));
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'red-ui-app'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('red-ui-app');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain(
+      'Welcome to red-ui-app!'
+    );
+  });
+});
--- a/apps/red-ui-app/src/app/app.component.ts
+++ b/apps/red-ui-app/src/app/app.component.ts
@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'redaction-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss'],
+})
+export class AppComponent {
+  title = 'red-ui-app';
+}
--- a/apps/red-ui-app/src/app/app.module.ts
+++ b/apps/red-ui-app/src/app/app.module.ts
@ -0,0 +1,16 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppComponent } from './app.component';
+import { RouterModule } from '@angular/router';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+    RouterModule.forRoot([], { initialNavigation: 'enabled' }),
+  ],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
--- a/apps/red-ui-app/src/assets/.gitkeep
+++ b/apps/red-ui-app/src/assets/.gitkeep
--- a/apps/red-ui-app/src/environments/environment.prod.ts
+++ b/apps/red-ui-app/src/environments/environment.prod.ts
@ -0,0 +1,3 @@
+export const environment = {
+  production: true,
+};
--- a/apps/red-ui-app/src/environments/environment.ts
+++ b/apps/red-ui-app/src/environments/environment.ts
@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false,
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
--- a/apps/red-ui-app/src/favicon.ico
+++ b/apps/red-ui-app/src/favicon.ico
--- a/apps/red-ui-app/src/index.html
+++ b/apps/red-ui-app/src/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>RedUiApp</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <redaction-root></redaction-root>
+  </body>
+</html>
--- a/apps/red-ui-app/src/main.ts
+++ b/apps/red-ui-app/src/main.ts
@ -0,0 +1,13 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
--- a/apps/red-ui-app/src/polyfills.ts
+++ b/apps/red-ui-app/src/polyfills.ts
@ -0,0 +1,62 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone'; // Included with Angular CLI.
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */
--- a/apps/red-ui-app/src/styles.scss
+++ b/apps/red-ui-app/src/styles.scss
@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
--- a/apps/red-ui-app/src/test-setup.ts
+++ b/apps/red-ui-app/src/test-setup.ts
@ -0,0 +1 @@
+import 'jest-preset-angular';
--- a/apps/red-ui-app/tsconfig.app.json
+++ b/apps/red-ui-app/tsconfig.app.json
@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": []
+  },
+  "files": ["src/main.ts", "src/polyfills.ts"]
+}
--- a/apps/red-ui-app/tsconfig.json
+++ b/apps/red-ui-app/tsconfig.json
@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}
--- a/apps/red-ui-app/tsconfig.spec.json
+++ b/apps/red-ui-app/tsconfig.spec.json
@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}
--- a/apps/red-ui-app/tslint.json
+++ b/apps/red-ui-app/tslint.json
@ -0,0 +1,10 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [true, "attribute", "redaction", "camelCase"],
+    "component-selector": [true, "element", "redaction", "kebab-case"]
+  },
+  "linterOptions": {
+    "exclude": ["!**/*"]
+  }
+}
--- a/bamboo-specs/.gitignore
+++ b/bamboo-specs/.gitignore
@ -0,0 +1 @@
+target/
--- a/bamboo-specs/pom.xml
+++ b/bamboo-specs/pom.xml
@ -0,0 +1,36 @@
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+
+  <parent>
+    <groupId>com.atlassian.bamboo</groupId>
+    <artifactId>bamboo-specs-parent</artifactId>
+    <version>6.8.1</version>
+    <relativePath/>
+  </parent>
+
+  <artifactId>bamboo-specs</artifactId>
+  <version>1.0.0-SNAPSHOT</version>
+  <packaging>jar</packaging>
+
+  <dependencies>
+    <dependency>
+      <groupId>com.atlassian.bamboo</groupId>
+      <artifactId>bamboo-specs-api</artifactId>
+    </dependency>
+    <dependency>
+      <groupId>com.atlassian.bamboo</groupId>
+      <artifactId>bamboo-specs</artifactId>
+    </dependency>
+
+    <!-- Test dependencies -->
+    <dependency>
+      <groupId>junit</groupId>
+      <artifactId>junit</artifactId>
+      <scope>test</scope>
+    </dependency>
+  </dependencies>
+
+  <!-- run 'mvn test' to perform offline validation of the plan -->
+  <!-- run 'mvn -Ppublish-specs' to upload the plan to your Bamboo server -->
+</project>
--- a/bamboo-specs/src/main/java/buildjob/PlanSpec.java
+++ b/bamboo-specs/src/main/java/buildjob/PlanSpec.java
@ -0,0 +1,165 @@
+package buildjob;
+
+import com.atlassian.bamboo.specs.api.BambooSpec;
+import com.atlassian.bamboo.specs.api.builders.BambooKey;
+import com.atlassian.bamboo.specs.api.builders.docker.DockerConfiguration;
+import com.atlassian.bamboo.specs.api.builders.permission.PermissionType;
+import com.atlassian.bamboo.specs.api.builders.permission.Permissions;
+import com.atlassian.bamboo.specs.api.builders.permission.PlanPermissions;
+import com.atlassian.bamboo.specs.api.builders.plan.Job;
+import com.atlassian.bamboo.specs.api.builders.plan.Plan;
+import com.atlassian.bamboo.specs.api.builders.plan.PlanIdentifier;
+import com.atlassian.bamboo.specs.api.builders.plan.Stage;
+import com.atlassian.bamboo.specs.api.builders.plan.artifact.Artifact;
+import com.atlassian.bamboo.specs.api.builders.plan.branches.BranchCleanup;
+import com.atlassian.bamboo.specs.api.builders.plan.branches.PlanBranchManagement;
+import com.atlassian.bamboo.specs.api.builders.project.Project;
+import com.atlassian.bamboo.specs.builders.task.CheckoutItem;
+import com.atlassian.bamboo.specs.builders.task.ScriptTask;
+import com.atlassian.bamboo.specs.builders.task.TestParserTask;
+import com.atlassian.bamboo.specs.builders.task.VcsCheckoutTask;
+import com.atlassian.bamboo.specs.builders.task.VcsCommitTask;
+import com.atlassian.bamboo.specs.builders.trigger.BitbucketServerTrigger;
+import com.atlassian.bamboo.specs.util.BambooServer;
+
+/**
+ * Plan configuration for Bamboo.
+ * Learn more on: <a href="https://confluence.atlassian.com/display/BAMBOO/Bamboo+Specs">https://confluence.atlassian.com/display/BAMBOO/Bamboo+Specs</a>
+ */
+@BambooSpec
+public class PlanSpec {
+    /**
+     * Run main to publish plan on Bamboo
+     */
+    public static void main(final String[] args) throws Exception {
+        //By default credentials are read from the '.credentials' file.
+        BambooServer bambooServer = new BambooServer("http://localhost:8085");
+
+        Plan buildPlan = new PlanSpec().createDockerBuildPlan();
+        bambooServer.publish(buildPlan);
+        Plan testPlan = new PlanSpec().createCypressTestPlan();
+        bambooServer.publish(testPlan);
+
+        PlanPermissions buildPlanPermissions = new PlanSpec().createPlanPermission(buildPlan.getIdentifier());
+        bambooServer.publish(buildPlanPermissions);
+
+        PlanPermissions testPlanPermissions = new PlanSpec().createPlanPermission(testPlan.getIdentifier());
+        bambooServer.publish(testPlanPermissions);
+    }
+
+    private PlanPermissions createPlanPermission(PlanIdentifier planIdentifier) {
+        Permissions permission = new Permissions()
+            .userPermissions("atlbamboo", PermissionType.EDIT, PermissionType.VIEW, PermissionType.ADMIN,
+                PermissionType.CLONE, PermissionType.BUILD)
+            .userPermissions("tbejan", PermissionType.ADMIN, PermissionType.EDIT, PermissionType.VIEW,
+                PermissionType.CLONE, PermissionType.BUILD)
+            .userPermissions("dbarbu", PermissionType.VIEW, PermissionType.CLONE, PermissionType.BUILD)
+            .userPermissions("aispas", PermissionType.VIEW, PermissionType.CLONE, PermissionType.BUILD)
+            .loggedInUserPermissions(PermissionType.VIEW).anonymousUserPermissionView();
+        return new PlanPermissions(planIdentifier.getProjectKey(), planIdentifier.getPlanKey()).permissions(permission);
+    }
+
+    private Project project() {
+        return new Project().name("GCPIM").key(new BambooKey("GCPIM"));
+    }
+
+    public Plan createCypressTestPlan() {
+
+        return new Plan(project(), "instantli-webapp-ui-tests", new BambooKey("GINCYPRESS"))
+            .description("Cypress UI tests for gin-cloud-platform.")
+            .stages(new Stage("UI Test Stage").jobs(createCypressJob("cypress")))
+            .linkedRepositories("gin-cloud-platform").triggers(new BitbucketServerTrigger()).planBranchManagement(
+                new PlanBranchManagement().createForVcsBranch()
+                    .delete(new BranchCleanup().whenInactiveInRepositoryAfterDays(30)).notificationForCommitters());
+    }
+
+    public Plan createDockerBuildPlan() {
+        return new Plan(project(), "instantli-webapp-images", new BambooKey("GINCPN"))
+            .description("Docker build for gin-cloud-platform.").stages(
+                new Stage("Build Stage").jobs(creatGinCloudPlatformImagesJob("weaver"))
+                    .jobs(creatGinCloudPlatformImagesJob("database-modeler"))
+                    .jobs(creatGinCloudPlatformImagesJob("landing-page"))
+                    .jobs(creatGinCloudPlatformBrowserExtentionImagesJob("browser-extension")))
+            .stages(new Stage("Upstream Push Stage").jobs(creatGinCloudPlatformUpstreamJob()))
+            .linkedRepositories("gin-cloud-platform").triggers(new BitbucketServerTrigger()).planBranchManagement(
+                new PlanBranchManagement().createForVcsBranch()
+                    .delete(new BranchCleanup().whenInactiveInRepositoryAfterDays(30)).notificationForCommitters());
+    }
+
+    private Job createCypressJob(String project) {
+        return new Job("Cypress Job: " + project, new BambooKey(project.toUpperCase().replaceAll("-", ""))).tasks(
+            new VcsCheckoutTask().description("Checkout Default Repository")
+                .checkoutItems(new CheckoutItem().defaultRepository()),
+
+            new ScriptTask().description("Build").inlineBody(
+                "#!/bin/bash\n" + "set -e\n" + "imageName=\"nexus.iqser.com:5001/gin5/gcp-" + project + "\"\n"
+                + "dockerfileLocation=\"build/docker/" + project + "/Dockerfile\"\n"
+                + "docker build -t ${imageName}:latest -f ${dockerfileLocation} .\n"),
+            new ScriptTask().description("Run Tests").inlineBody(
+                "#!/bin/bash\n" + "set -e\n" + "imageName=\"nexus.iqser.com:5001/gin5/gcp-" + project + "\"\n"
+                + "docker run -v $PWD:/e2e -w /e2e ${imageName}:latest\n" + "sleep 10")
+            // for some reason disk isn't synced in real-time from docker
+
+        ).finalTasks(
+            TestParserTask.createJUnitParserTask().description("Cypress Test Results").defaultResultDirectory())
+            .dockerConfiguration(new DockerConfiguration().image("nexus.iqser.com:5001/infra/release_build:2.9.1")
+                .volume("/var/run/docker.sock", "/var/run/docker.sock"))
+            .artifacts(new Artifact("videos").location("./cypress/videos").copyPattern("**/*.mp4").shared(true),
+                new Artifact("screenshots").location("./cypress/screenshots").copyPattern("**/*.png").shared(true));
+    }
+
+    public Job creatGinCloudPlatformImagesJob(String project) {
+        return new Job("Build Job: " + project, new BambooKey(project.toUpperCase().replaceAll("-", ""))).tasks(
+            new VcsCheckoutTask().description("Checkout Default Repository")
+                .checkoutItems(new CheckoutItem().defaultRepository()), new ScriptTask().description("Build")
+                .inlineBody(
+                    "#!/bin/bash\n" + "set -e\n" + "imageName=\"nexus.iqser.com:5001/gin5/gcp-" + project + "\"\n"
+                    + "dockerfileLocation=\"build/docker/" + project + "/Dockerfile\"\n"
+                    + "docker build -t ${imageName}:latest -f ${dockerfileLocation} .\n"
+                    + "if [[ \"${bamboo.planRepository.branchName}\" == \"master\" ]]\n" + "then\n"
+                    + "  ./versions.sh patch\n" + "  version=$(cat package.json | jq -r '.version')\n"
+                    + "  echo \"Publishing Images with version $version\"\n"
+                    + "  echo ${bamboo.bamboo_download_pass} | docker login -u ${bamboo.bamboo_download_user} --password-stdin nexus.iqser.com:5001\n"
+                    + "  docker push ${imageName}:latest\n"
+                    + "  docker tag ${imageName}:latest ${imageName}:${version}\n"
+                    + "  docker push ${imageName}:${version}\n" + "fi\n")).dockerConfiguration(
+            new DockerConfiguration().image("nexus.iqser.com:5001/infra/release_build:2.9.1")
+                .volume("/var/run/docker.sock", "/var/run/docker.sock"));
+    }
+
+    public Job creatGinCloudPlatformBrowserExtentionImagesJob(String project) {
+        return new Job("Build Job: " + project, new BambooKey(project.toUpperCase().replaceAll("-", ""))).tasks(
+            new VcsCheckoutTask().description("Checkout Default Repository")
+                .checkoutItems(new CheckoutItem().defaultRepository()), new ScriptTask().description("Build")
+                .inlineBody(
+                    "#!/bin/bash\n" + "set -e\n" + "imageName=\"nexus.iqser.com:5001/gin5/gcp-" + project + "\"\n"
+                    + "dockerfileLocation=\"build/docker/" + project + "/Dockerfile\"\n"
+                    + "docker build -t ${imageName}:latest -f ${dockerfileLocation} .\n" + "mkdir -p dist\n"
+                    + "docker rm -fv extension-build || true \n"
+                    + "docker create -ti --name extension-build ${imageName}:latest bash\n"
+                    + "docker cp extension-build:/instantli-extension-chrome.zip instantli-extension-chrome.zip\n"
+                    + "docker cp extension-build:/instantli-extension-firefox.zip instantli-extension-firefox.zip\n"
+                    + "docker cp extension-build:/instantli-ext-source-code.zip instantli-ext-source-code.zip\n"))
+            .dockerConfiguration(new DockerConfiguration().image("nexus.iqser.com:5001/infra/release_build:2.9.1")
+                .volume("/var/run/docker.sock", "/var/run/docker.sock")).artifacts(
+                new Artifact("instantli-extension-chrome.zip").location(".")
+                    .copyPattern("instantli-extension-chrome.zip").shared(true),
+                new Artifact("instantli-extension-firefox.zip").location(".")
+                    .copyPattern("instantli-extension-firefox.zip").shared(true),
+                new Artifact("instantli-ext-source-code.zip").location(".")
+                    .copyPattern("instantli-ext-source-code.zip").shared(true));
+    }
+
+    public Job creatGinCloudPlatformUpstreamJob() {
+        return new Job("Upstream Push", new BambooKey("USPSH")).tasks(
+            new VcsCheckoutTask().description("Checkout Default Repository")
+                .checkoutItems(new CheckoutItem().defaultRepository()), new ScriptTask().description("Build")
+                .inlineBody(
+                    "#!/bin/bash\n" + "set -e\n" + "if [[ \"${bamboo.planRepository.branchName}\" == \"master\" ]]\n"
+                    + "then\n" + "  ./versions.sh patch\n" + "fi\n"),
+            new VcsCommitTask().commitMessage("chore(release)").repository("gin-cloud-platform")).dockerConfiguration(
+            new DockerConfiguration().image("nexus.iqser.com:5001/infra/release_build:2.9.1")
+                .volume("/var/run/docker.sock", "/var/run/docker.sock"));
+    }
+
+}
--- a/bamboo-specs/src/test/java/buildjob/PlanSpecTest.java
+++ b/bamboo-specs/src/test/java/buildjob/PlanSpecTest.java
@ -0,0 +1,16 @@
+package buildjob;
+
+
+import com.atlassian.bamboo.specs.api.builders.plan.Plan;
+import com.atlassian.bamboo.specs.api.exceptions.PropertiesValidationException;
+import com.atlassian.bamboo.specs.api.util.EntityPropertiesBuilders;
+import org.junit.Test;
+
+public class PlanSpecTest {
+    @Test
+    public void checkYourPlanOffline() throws PropertiesValidationException {
+        Plan plan = new PlanSpec().createDockerBuildPlan();
+
+        EntityPropertiesBuilders.build(plan);
+    }
+}
--- a/jest.config.js
+++ b/jest.config.js
@ -0,0 +1,9 @@
+module.exports = {
+  testMatch: ['**/+(*.)+(spec|test).+(ts|js)?(x)'],
+  transform: {
+    '^.+\\.(ts|js|html)$': 'ts-jest',
+  },
+  resolver: '@nrwl/jest/plugins/resolver',
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageReporters: ['html'],
+};
--- a/nx.json
+++ b/nx.json
@ -21,5 +21,13 @@
      }
    }
  },
-  "projects": {}
+  "projects": {
+    "red-ui-app": {
+      "tags": []
+    },
+    "red-ui-app-e2e": {
+      "tags": [],
+      "implicitDependencies": ["red-ui-app"]
+    }
+  }
 }
--- a/package.json
+++ b/package.json
@ -23,18 +23,42 @@
    "update": "nx migrate latest",
    "workspace-schematic": "nx workspace-schematic",
    "dep-graph": "nx dep-graph",
-    "help": "nx help"
+    "help": "nx help",
+    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points"
  },
  "private": true,
-  "dependencies": {},
+  "dependencies": {
+    "@nrwl/angular": "^10.2.0",
+    "@angular/animations": "^10.0.0",
+    "@angular/common": "^10.0.0",
+    "@angular/compiler": "^10.0.0",
+    "@angular/core": "^10.0.0",
+    "@angular/forms": "^10.0.0",
+    "@angular/platform-browser": "^10.0.0",
+    "@angular/platform-browser-dynamic": "^10.0.0",
+    "@angular/router": "^10.0.0",
+    "rxjs": "~6.5.5",
+    "zone.js": "^0.10.2"
+  },
  "devDependencies": {
    "@nrwl/workspace": "10.2.0",
    "@types/node": "~8.9.4",
    "dotenv": "6.2.0",
+    "eslint": "6.8.0",
+    "prettier": "2.0.4",
    "ts-node": "~7.0.0",
    "tslint": "~6.0.0",
-    "eslint": "6.8.0",
    "typescript": "~3.9.3",
-    "prettier": "2.0.4"
+    "@angular/compiler-cli": "^10.0.0",
+    "@angular/language-service": "^10.0.0",
+    "@angular-devkit/build-angular": "~0.1000.0",
+    "codelyzer": "~5.0.1",
+    "jest-preset-angular": "8.2.1",
+    "@nrwl/jest": "10.2.0",
+    "jest": "26.2.2",
+    "@types/jest": "26.0.8",
+    "ts-jest": "26.1.4",
+    "cypress": "^4.1.0",
+    "@nrwl/cypress": "10.2.0"
  }
 }
--- a/redaction.iml
+++ b/redaction.iml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
--- a/tslint.json
+++ b/tslint.json
@ -0,0 +1,84 @@
+{
+  "rulesDirectory": [
+    "node_modules/@nrwl/workspace/src/tslint",
+    "node_modules/codelyzer"
+  ],
+  "linterOptions": {
+    "exclude": ["**/*"]
+  },
+  "rules": {
+    "arrow-return-shorthand": true,
+    "callable-types": true,
+    "class-name": true,
+    "deprecation": {
+      "severity": "warn"
+    },
+    "forin": true,
+    "import-blacklist": [true, "rxjs/Rx"],
+    "interface-over-type-literal": true,
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [true, "debug", "info", "time", "timeEnd", "trace"],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-super": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [true, "ignore-params"],
+    "no-misused-new": true,
+    "no-non-null-assertion": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-unnecessary-initializer": true,
+    "no-unused-expression": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "prefer-const": true,
+    "radix": true,
+    "triple-equals": [true, "allow-null-check"],
+    "unified-signatures": true,
+    "variable-name": false,
+    "nx-enforce-module-boundaries": [
+      true,
+      {
+        "enforceBuildableLibDependency": true,
+        "allow": [],
+        "depConstraints": [
+          {
+            "sourceTag": "*",
+            "onlyDependOnLibsWithTags": ["*"]
+          }
+        ]
+      }
+    ],
+    "directive-selector": [true, "attribute", "app", "camelCase"],
+    "component-selector": [true, "element", "app", "kebab-case"],
+    "no-conflicting-lifecycle": true,
+    "no-host-metadata-property": true,
+    "no-input-rename": true,
+    "no-inputs-metadata-property": true,
+    "no-output-native": true,
+    "no-output-on-prefix": true,
+    "no-output-rename": true,
+    "no-outputs-metadata-property": true,
+    "template-banana-in-box": true,
+    "template-no-negated-async": true,
+    "use-lifecycle-interface": true,
+    "use-pipe-transform-interface": true
+  }
+}
--- a/workspace.json
+++ b/workspace.json
@ -1,7 +1,139 @@
 {
  "version": 1,
-  "projects": {},
+  "projects": {
+    "red-ui-app": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "apps/red-ui-app",
+      "sourceRoot": "apps/red-ui-app/src",
+      "prefix": "redaction",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/apps/red-ui-app",
+            "index": "apps/red-ui-app/src/index.html",
+            "main": "apps/red-ui-app/src/main.ts",
+            "polyfills": "apps/red-ui-app/src/polyfills.ts",
+            "tsConfig": "apps/red-ui-app/tsconfig.app.json",
+            "aot": true,
+            "assets": [
+              "apps/red-ui-app/src/favicon.ico",
+              "apps/red-ui-app/src/assets"
+            ],
+            "styles": ["apps/red-ui-app/src/styles.scss"],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "apps/red-ui-app/src/environments/environment.ts",
+                  "with": "apps/red-ui-app/src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "red-ui-app:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "red-ui-app:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "red-ui-app:build"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "apps/red-ui-app/tsconfig.app.json",
+              "apps/red-ui-app/tsconfig.spec.json"
+            ],
+            "exclude": ["**/node_modules/**", "!apps/red-ui-app/**/*"]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "apps/red-ui-app/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
+    },
+    "red-ui-app-e2e": {
+      "root": "apps/red-ui-app-e2e",
+      "sourceRoot": "apps/red-ui-app-e2e/src",
+      "projectType": "application",
+      "architect": {
+        "e2e": {
+          "builder": "@nrwl/cypress:cypress",
+          "options": {
+            "cypressConfig": "apps/red-ui-app-e2e/cypress.json",
+            "tsConfig": "apps/red-ui-app-e2e/tsconfig.e2e.json",
+            "devServerTarget": "red-ui-app:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "red-ui-app:serve:production"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": ["apps/red-ui-app-e2e/tsconfig.e2e.json"],
+            "exclude": ["**/node_modules/**", "!apps/red-ui-app-e2e/**/*"]
+          }
+        }
+      }
+    }
+  },
  "cli": {
-    "defaultCollection": "@nrwl/workspace"
-  }
+    "defaultCollection": "@nrwl/angular"
+  },
+  "schematics": {
+    "@nrwl/angular:application": {
+      "unitTestRunner": "jest",
+      "e2eTestRunner": "cypress"
+    },
+    "@nrwl/angular:library": {
+      "unitTestRunner": "jest"
+    }
+  },
+  "defaultProject": "red-ui-app"
 }
--- a/yarn.lock
+++ b/yarn.lock
				`@ -0,0 +1 @@`
				`export const getGreeting = () => cy.get('h1');`
				`@ -0,0 +1 @@`
				`/* You can add global styles to this file, and also import other style files */`