chore: migrate geo diary

.github/labeler.yml

@@ -19,3 +19,6 @@ marketplace:
 
 foundations-ts-definitons:
   - packages/foundations-ts-definitons/**
+
+geo-diary:
+  - packages/geo-diary/**

packages/geo-diary/README.md

@@ -0,0 +1,12 @@
+# Geo Diary
+
+Interactive maps for the negotiator on the go. Initial scaffold from [React App Boilerplate](https://github.com/reapit/react-app)
+
+## Read on:
+
+- [Getting Started](./src/docs/GETTING_STARTED.md)
+- [Api Platform](./src/docs/API_PLATFORM.md)
+- [Code Style](./src/docs/CODE_STYLE.md)
+- [Version Control](./VERSION_CONTROL.md)
+- [Definition of Done](./src/docs/DEFINITION_OF_DONE.md)
+- [Deployment](./src/docs/DEPLOYMENT.md)

packages/geo-diary/azure-pipelines.yml

@@ -0,0 +1,153 @@
+# Node.js with React
+# Build a Node.js project that uses React.
+# Add steps that analyze code, save build artifacts, deploy, and more:
+# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
+
+# Node.js with React
+# Build a Node.js project that uses React.
+# Add steps that analyze code, save build artifacts, deploy, and more:
+# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
+
+trigger:
+  branches:
+    include:
+      - '*'
+  tags:
+    include:
+      - '*'
+
+jobs:
+  - job: buildWebApp
+    displayName: Test and build web app
+    pool:
+      vmImage: 'ubuntu-latest'
+    variables:
+      - group: aws
+      - name: REAPIT_ENV
+        value: 'DEV'
+    steps:
+      - task: NodeTool@0
+        inputs:
+          versionSpec: '10.x'
+        displayName: 'Install Node.js'
+      - script: yarn install
+        displayName: Install deps
+        env:
+          NPM_TOKEN: $(NPM_TOKEN)
+
+      - script: yarn test:ci
+        displayName: Unit tests
+        env:
+          NPM_TOKEN: $(NPM_TOKEN)
+
+      - task: PublishTestResults@2
+        inputs:
+          testResultsFormat: 'JUnit' # Options: JUnit, NUnit, VSTest, xUnit, cTest
+          testResultsFiles: '*.xml'
+          searchFolder: '$(System.DefaultWorkingDirectory)/.jest-junit-reports' # Optional
+          mergeTestResults: false # Optional
+          failTaskOnFailedTests: true # Optional
+          publishRunAttachments: true # Optional
+
+      - bash: |
+          branch=$(Build.SourceBranch)
+          if [[ branch == *"refs/tags/GD-"* ]]; then
+            echo "##vso[task.setvariable variable=REAPIT_ENV]PROD";
+          fi
+          if [[ branch == *"refs/heads/demo"* ]]; then
+            echo "##vso[task.setvariable variable=REAPIT_ENV]DEMO";
+          fi
+        displayName: Set Reapit Env
+
+      - script: yarn build
+        displayName: Build static assets
+        env:
+          REAPIT_ENV: $(REAPIT_ENV)
+          NPM_TOKEN: $(NPM_TOKEN)
+          AWS_ACCESS_KEY_ID: $(AWS_ACCESS_KEY_ID)
+          AWS_SECRET_ACCESS_KEY: $(AWS_SECRET_ACCESS_KEY)
+
+      - task: PublishPipelineArtifact@1
+        inputs:
+          path: $(System.DefaultWorkingDirectory)/public/dist
+          artifact: AppBundle
+
+  - deployment: S3DeployWebDev
+    displayName: 'Dev | S3 Deployment'
+    dependsOn: buildWebApp
+    condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/master'))
+    pool:
+      vmImage: 'ubuntu-latest'
+    environment: 'reapit-geo-diary-dev'
+    strategy:
+      runOnce:
+        deploy:
+          steps:
+            - task: S3Upload@1
+              displayName: Deploy assets to S3
+              inputs:
+                awsCredentials: 'df-duong'
+                regionName: 'eu-west-2'
+                bucketName: 'reapit-geo-diary-dev'
+                sourceFolder: '$(Pipeline.Workspace)/AppBundle'
+                globExpressions: '**'
+                filesAcl: 'public-read'
+                createBucket: true
+
+  - deployment: S3DeployWebProd
+    displayName: 'Prod | S3 Deployment'
+    dependsOn: buildWebApp
+    condition: and(succeeded(), contains(variables['Build.SourceBranch'], 'refs/tags/GD-'))
+    pool:
+      vmImage: 'ubuntu-latest'
+    environment: 'reapit-geo-diary-prod'
+    strategy:
+      runOnce:
+        deploy:
+          steps:
+            - task: S3Upload@1
+              displayName: Deploy assets to S3
+              inputs:
+                awsCredentials: 'df-duong'
+                regionName: 'eu-west-2'
+                bucketName: 'reapit-geo-diary-prod'
+                sourceFolder: '$(Pipeline.Workspace)/AppBundle'
+                globExpressions: '**'
+                filesAcl: 'public-read'
+                createBucket: true
+
+  - deployment: S3DeployWebDemo
+    displayName: 'Demo | S3 Deployment'
+    dependsOn: buildWebApp
+    condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/demo'))
+    pool:
+      vmImage: 'ubuntu-latest'
+    environment: 'reapit-geo-diary-demo'
+    strategy:
+      runOnce:
+        deploy:
+          steps:
+            - task: S3Upload@1
+              displayName: Deploy assets to S3
+              inputs:
+                awsCredentials: 'df-duong'
+                regionName: 'eu-west-2'
+                bucketName: 'reapit-demo-geodiary'
+                sourceFolder: '$(Pipeline.Workspace)/AppStoreBundle'
+                globExpressions: '**'
+                filesAcl: 'public-read'
+                createBucket: true
+# no benefits as we only have 1 parallel jobs
+# - job: e2e
+#   displayName: E2E Test
+#   steps:
+#   - task: NodeTool@0
+#     inputs:
+#       versionSpec: '10.x'
+#     displayName: 'Install Node.js'
+#   - script: yarn install
+#     displayName: Install deps
+#     failOnStderr: true
+#   - script: yarn test-e2e:ci
+#     displayName: E2E Tests
+#     continueOnError: true

packages/geo-diary/jest.config.js

@@ -0,0 +1,32 @@
+const { pathsToModuleNameMapper } = require('ts-jest/utils')
+const { compilerOptions } = require('./tsconfig')
+
+module.exports = {
+  preset: 'ts-jest',
+  testPathIgnorePatterns: ['<rootDir>/src/tests/'],
+  setupFiles: ['<rootDir>/src/scripts/jest-setup.js'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.ts', '<rootDir>/src/**/*.tsx'],
+  coverageDirectory: './src/tests/coverage',
+  coveragePathIgnorePatterns: [
+    '<rootDir>[/\\\\](node_modules|src/types|src/tests|src/scripts)[/\\\\]',
+    '<rootDir>/src/sagas/api.ts',
+    'service-worker.ts'
+  ],
+  modulePathIgnorePatterns: ['<rootDir>[/\\\\](node_modules)[/\\\\]'],
+  moduleNameMapper: {
+    '^.+.(?=.*scss|sass|css|jpg).*': '<rootDir>/src/scripts/css-stub.js',
+    ...pathsToModuleNameMapper(compilerOptions.paths, {
+      prefix: '<rootDir>/'
+    })
+  },
+  globalSetup: './src/scripts/jest-global.js',
+  snapshotSerializers: ['enzyme-to-json/serializer'],
+  coverageThreshold: {
+    global: {
+      branches: 66,
+      functions: 80,
+      lines: 91,
+      statements: 90
+    }
+  }
+}

packages/geo-diary/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "geo-diary",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Geo Diary App",
+  "repository": {
+    "type": "git",
+    "url": "[email protected]:reapit/geo-diary.git"
+  },
+  "license": "MIT",
+  "author": "Author",
+  "main": "./src/index.ts",
+  "scripts": {
+    "build": "yarn fetch-config && webpack --color --mode production --config ./src/scripts/webpack-prod.js",
+    "dev": "yarn fetch-config && REAPIT_ENV=LOCAL webpack-dev-server --hot --progress --color --mode development --config ./src/scripts/webpack-dev.js",
+    "fetch-config": "yarn config-manager getSecret reapit-marketplace-app-config",
+    "start": "node ./public/index.js geo-diary",
+    "serve": "serve public/dist -s -l 8080",
+    "test": "cross-env TZ=UTC jest --coverage --silent",
+    "test:ci": "cross-env TZ=UTC jest --ci",
+    "test-dev": "cross-env TZ=UTC jest --watch --verbose"
+  },
+  "dependencies": {
+    "hardtack": "^4.1.0",
+    "localforage": "^1.7.3",
+    "react-icons": "^3.7.0",
+    "redux": "^4.0.4",
+    "redux-persist": "^5.10.0",
+    "redux-saga": "^1.1.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.2",
+    "@babel/polyfill": "^7.7.0",
+    "@babel/preset-env": "^7.7.1",
+    "@reapit/foundations-ts-definitions": "^0.0.18",
+    "@redux-saga/testing-utils": "^1.0.5",
+    "@types/googlemaps": "^3.37.5",
+    "babel-loader": "^8.0.6",
+    "babel-polyfill": "^6.26.0",
+    "chromedriver": "^2.43.1",
+    "concurrently": "^4.1.1",
+    "core-js": "^3.4.1",
+    "css-loader": "^3.0.0",
+    "favicons-webpack-plugin": "^0.0.9",
+    "file-loader": "^3.0.1",
+    "fork-ts-checker-notifier-webpack-plugin": "^1.0.0",
+    "fork-ts-checker-webpack-plugin": "^1.3.4",
+    "html-webpack-plugin": "^3.2.0",
+    "loader-utils": "^1.2.3",
+    "mini-css-extract-plugin": "^0.7.0",
+    "mockdate": "^2.0.5",
+    "node-sass": "^4.12.0",
+    "prettier-plugin-packagejson": "^2.0.1",
+    "purgecss": "^1.3.0",
+    "purgecss-whitelister": "^2.4.0",
+    "sass-loader": "^7.1.0",
+    "serve": "^11.1.0",
+    "source-map-loader": "^0.2.4",
+    "style-loader": "^0.23.1",
+    "ts-node": "^8.3.0",
+    "ts-paths-to-webpack-alias": "^0.3.1",
+    "tslint": "^5.20.1",
+    "tslint-config-prettier": "^1.18.0",
+    "tslint-config-standard": "^9.0.0",
+    "tslint-plugin-prettier": "^2.0.1",
+    "webpack-bundle-analyzer": "^3.4.1",
+    "webpack-cli": "^3.3.2",
+    "webpack-dev-server": "^3.4.1",
+    "workbox-webpack-plugin": "^4.3.1"
+  }
+}

packages/geo-diary/public/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <base href="/" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <title>Geo Diary</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>

packages/geo-diary/public/index.js

@@ -0,0 +1,38 @@
+const http = require('http')
+const url = require('url')
+const fs = require('fs')
+const path = require('path')
+const port = 8080
+
+http
+  .createServer((request, response) => {
+    try {
+      const requestUrl = url.parse(request.url)
+      const fsPath = `${__dirname}/dist${path.normalize(requestUrl.pathname)}` // need to use path.normalize so people can't access directories underneath baseDirectory
+      const fileStream = /\.(js|css|woff|gif|jpg|jpeg|tiff|png)$/i.test(fsPath)
+        ? fs.createReadStream(fsPath)
+        : fs.createReadStream(`${__dirname}/dist/index.html`)
+
+      fileStream.pipe(response)
+      fileStream.on('open', () => {
+        response.writeHead(200)
+      })
+      fileStream.on('error', e => {
+        response.writeHead(404) // assume the file doesn't exist
+        response.end()
+      })
+    } catch (e) {
+      response.writeHead(500)
+      response.end() // end the response so browsers don't hang
+      console.log(e.stack)
+    }
+  })
+  .listen(port)
+
+process.title = process.argv[2]
+process.on('SIGINT', () => {
+  console.log(`Gracefully shutting down ${process.title}`)
+  process.exit()
+})
+
+console.log(`Listening on port ${port}`)

packages/geo-diary/src/actions/__tests__/appointment-detail.ts

@@ -0,0 +1,59 @@
+import {
+  appointmentDetailRequestData,
+  appointmentDetailRequestDataFailure,
+  appointmentDetailLoading,
+  appointmentDetailReceiveData,
+  appointmentDetailShowModal,
+  appointmentDetailHideModal,
+  showHideConfirmModal,
+  cancelAppointment,
+  showConfirmModalSubmitting,
+} from '../appointment-detail'
+import ActionTypes from '../../constants/action-types'
+import { appointmentDataStub } from '../../sagas/__stubs__/appointment'
+
+describe('appointment-detail actions', () => {
+  it('should create a appointmentDetailRequestData action', () => {
+    expect(appointmentDetailRequestData.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_REQUEST_DATA)
+    expect(appointmentDetailRequestData({ id: '1' }).data).toEqual({ id: '1' })
+  })
+  it('should create a appointmentDetailRequestDataFailure action', () => {
+    expect(appointmentDetailRequestDataFailure.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_REQUEST_FAILURE)
+    expect(appointmentDetailRequestDataFailure().data).toEqual(undefined)
+  })
+
+  it('should create a appointmentDetailLoading action', () => {
+    expect(appointmentDetailLoading.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_LOADING)
+    expect(appointmentDetailLoading(true).data).toEqual(true)
+  })
+
+  it('should create a appointmentDetailReceiveData action', () => {
+    expect(appointmentDetailReceiveData.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_RECEIVE_DATA)
+    expect(appointmentDetailReceiveData(appointmentDataStub).data).toEqual(appointmentDataStub)
+  })
+
+  it('should create a appointmentDetailShowModal action', () => {
+    expect(appointmentDetailShowModal.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_SHOW_MODAL)
+    expect(appointmentDetailShowModal().data).toEqual(undefined)
+  })
+
+  it('should create a appointmentDetailHideModal action', () => {
+    expect(appointmentDetailHideModal.type).toEqual(ActionTypes.APPOINTMENT_DETAIL_HIDE_MODAL)
+    expect(appointmentDetailHideModal().data).toEqual(undefined)
+  })
+
+  it('should create a showHideConfirmModal action', () => {
+    expect(showHideConfirmModal.type).toEqual(ActionTypes.SHOW_HIDE_CONFIRM_MODAL)
+    expect(showHideConfirmModal(true).data).toEqual(true)
+  })
+
+  it('should create a confirmCancel action', () => {
+    expect(cancelAppointment.type).toEqual(ActionTypes.CANCEL_APPOINTMENT)
+    expect(cancelAppointment().data).toEqual(undefined)
+  })
+
+  it('should create a showConfirmModalSubmitting action', () => {
+    expect(showConfirmModalSubmitting.type).toEqual(ActionTypes.SHOW_CONFIRM_MODAL_SUBMITTING)
+    expect(showConfirmModalSubmitting(true).data).toEqual(true)
+  })
+})