Add email service

.github/workflows/push.yml

@@ -16,7 +16,7 @@ jobs:
 
     # Skip any pushes with commit flag '(skip deploy)'
     # Comment out for testing
-    if: ${{ !contains(github.event.head_commit.message, '(skip deploy)') }}
+    # if: ${{ !contains(github.event.head_commit.message, '(skip deploy)') }}
 
     steps:
       - name: Check out the repo
@@ -33,13 +33,13 @@ jobs:
           aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: ${{ env.AWS_REGION }}
-
-      - name: Build and deploy email templates
-        run: npm run deploy:templates
 
       - name: Build and deploy stacks
         run: npm run deploy
 
+      - name: Build and deploy email templates
+        run: npm run deploy:templates
+
       - name: Set deployment outputs
         run: |
           export "STACK_KEY=${PROJECT^}${SERVICE^}Stack${STAGE^}"

.github/workflows/release.yml

@@ -33,12 +33,12 @@ jobs:
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: ${{ env.AWS_REGION }}
 
-      - name: Build and deploy email templates
-        run: npm run deploy:templates
-
       - name: Build and deploy website
         run: npm run deploy
 
+      - name: Build and deploy email templates
+        run: npm run deploy:templates
+
       - name: Sync released version files to develop
         if: ${{ github.actor != 'nektos/act' }}
         run: |

apps/website/package.json

@@ -8,6 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@heroicons/vue": "^1.0.6",
     "vue": "^3.2.25",
     "vue-router": "^4.0.15"
   },

apps/website/src/env.d.ts

@@ -1,9 +1,20 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-pages/client" />
 
+import {
+  SendMessagesCommandOutput,
+  UpdateEndpointCommandOutput
+} from '@aws-sdk/client-pinpoint'
+
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
 }
+
+declare type SignupResponse = {
+  headers?: any
+  statusCode: number
+  body: [UpdateEndpointCommandOutput, SendMessagesCommandOutput] | Error
+}

apps/website/src/pages/index/index.vue

@@ -38,7 +38,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
       <div class="basis-1/2">
         <div class="linear-bg w-full h-full pt-[30%] pl-[30%]">
           <img
-            src="web-demo.svg"
+            src="/web-demo.svg"
             alt=""
             class="float-right h-[100%]"
           >
@@ -53,7 +53,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="cosmos.svg"
+            src="/cosmos.svg"
             alt=""
             class="h-[25px]"
           >
@@ -63,7 +63,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="iotex.svg"
+            src="/iotex.svg"
             alt=""
             class="h-[25px]"
           >
@@ -73,7 +73,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="livepeer.svg"
+            src="/livepeer.svg"
             alt=""
             class="h-[25px]"
           >
@@ -83,7 +83,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="kava.png"
+            src="/kava.png"
             alt=""
             class="h-[25px]"
           >
@@ -93,7 +93,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="p.svg"
+            src="/p.svg"
             alt=""
             class="h-[25px]"
           >
@@ -103,7 +103,7 @@ import { ArrowRightIcon } from '@heroicons/vue/solid'
           target="_blank"
         >
           <img
-            src="factom.svg"
+            src="/factom.svg"
             alt=""
             class="h-[25px]"
           >

apps/website/src/pages/index/whitepaper/index.vue

@@ -7,7 +7,7 @@ import { ArrowLeftIcon , DownloadIcon } from '@heroicons/vue/outline'
   <div class="">
     <div class="relative">
       <img
-        src="blob.svg"
+        src="/blob.svg"
         alt=""
         class="absolute -top-20 right-0 -z-1 w-[75%]"
       >

common/lib/.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

common/lib/index.ts

@@ -0,0 +1,12 @@
+/**
+ * Converts any string to PascalCase.
+ *
+ * @param str - The input string
+ * @returns A PascalCase string from the input string
+ *
+ */
+export function pascalCase(str: string): string {
+  return str.replace(/\w+/g, (word) => {
+    return word[0].toUpperCase() + word.slice(1).toLowerCase()
+  })
+}

common/lib/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@casimir/lib",
+  "private": true,
+  "main": "index.ts",
+  "scripts": {
+    "dev": "npx esno index.ts",
+    "build": "esbuild index.ts --bundle --minify --sourcemap --platform=node --target=es2020 --outfile=dist/index.js",
+    "test": "echo \"Error: no test specified\" && exit 1"  
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.38",
+    "esbuild": "^0.14.42",
+    "esno": "^0.16.3"
+  }
+}

common/lib/tsconfig.json

@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+      "target": "ES2018",
+      "module": "commonjs",
+      "lib": [
+        "es2018"
+      ],
+      "declaration": true,
+      "strict": true,
+      "noImplicitAny": true,
+      "strictNullChecks": true,
+      "noImplicitThis": true,
+      "alwaysStrict": true,
+      "noUnusedLocals": false,
+      "noUnusedParameters": false,
+      "noImplicitReturns": true,
+      "noFallthroughCasesInSwitch": false,
+      "inlineSourceMap": true,
+      "inlineSources": true,
+      "experimentalDecorators": true,
+      "strictPropertyInitialization": false,
+      "typeRoots": [
+        "./node_modules/@types"
+      ],
+      "outDir": "dist"
+    },
+    "exclude": [
+      "node_modules",
+      "dist"
+    ]
+  }

infrastructure/cdk/.gitignore

@@ -0,0 +1,9 @@
+*.js
+!jest.config.js
+*.d.ts
+node_modules
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out
+cdk.context.json

infrastructure/cdk/.npmignore

@@ -0,0 +1,6 @@
+*.ts
+!*.d.ts
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out

infrastructure/cdk/README.md

@@ -0,0 +1,14 @@
+# Welcome to your CDK TypeScript project
+
+This is a blank project for TypeScript development with CDK.
+
+The `cdk.json` file tells the CDK Toolkit how to execute your app.
+
+## Useful commands
+
+* `npm run build`   compile typescript to js
+* `npm run watch`   watch for changes and compile
+* `npm run test`    perform the jest unit tests
+* `cdk deploy`      deploy this stack to your default AWS account/region
+* `cdk diff`        compare deployed stack with current state
+* `cdk synth`       emits the synthesized CloudFormation template

infrastructure/cdk/bin/index.ts

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+import 'source-map-support/register'
+import * as cdk from 'aws-cdk-lib'
+import { WebsiteStack } from '../lib/website/website-stack'
+import { UsersStack } from '../lib/users/users-stack'
+
+const project = process.env.PROJECT?.replace(/\b\w/g, c => c.toUpperCase())
+const stage = process.env.STAGE?.replace(/\b\w/g, c => c.toUpperCase())
+
+const app = new cdk.App()
+new WebsiteStack(app, `${project}WebsiteStack${stage}`)
+new UsersStack(app, `${project}UsersStack${stage}`)

infrastructure/cdk/cdk.json

@@ -0,0 +1,33 @@
+{
+  "app": "npx esno bin/index.ts",
+  "watch": {
+    "include": [
+      "**"
+    ],
+    "exclude": [
+      "README.md",
+      "cdk*.json",
+      "**/*.d.ts",
+      "**/*.js",
+      "tsconfig.json",
+      "package*.json",
+      "yarn.lock",
+      "node_modules",
+      "test"
+    ]
+  },
+  "context": {
+    "@aws-cdk/aws-apigateway:usagePlanKeyOrderInsensitiveId": true,
+    "@aws-cdk/core:stackRelativeExports": true,
+    "@aws-cdk/aws-rds:lowercaseDbIdentifier": true,
+    "@aws-cdk/aws-lambda:recognizeVersionProps": true,
+    "@aws-cdk/aws-cloudfront:defaultSecurityPolicyTLSv1.2_2021": true,
+    "@aws-cdk-containers/ecs-service-extensions:enableDefaultLogDriver": true,
+    "@aws-cdk/aws-ec2:uniqueImdsv2TemplateName": true,
+    "@aws-cdk/aws-iam:minimizePolicies": true,
+    "@aws-cdk/core:target-partitions": [
+      "aws",
+      "aws-cn"
+    ]
+  }
+}

infrastructure/cdk/jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  testEnvironment: 'node',
+  roots: ['<rootDir>/test'],
+  testMatch: ['**/*.test.ts'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest'
+  }
+}

infrastructure/cdk/lib/users/users-stack.ts

@@ -0,0 +1,65 @@
+import { Stack, StackProps } from 'aws-cdk-lib'
+import { Construct } from 'constructs'
+import * as awspinpoint from 'aws-cdk-lib/aws-pinpoint'
+import * as apigateway from 'aws-cdk-lib/aws-apigateway'
+import * as lambda from 'aws-cdk-lib/aws-lambda'
+
+/**
+ * Class representing the users stack.
+ *
+ * Shortest name:  {@link UsersStack}
+ * Full name:      {@link (UsersStack:class)}
+ */
+export class UsersStack extends Stack {
+
+    /**
+     * UsersStack class constructor.
+     * 
+     * Shortest name:  {@link (UsersStack:constructor)}
+     * Full name:      {@link (UsersStack:constructor)}
+     */
+    constructor(scope: Construct, id: string, props?: StackProps) {
+
+        /**
+         * UsersStack class constructor super method.
+         * 
+         * Shortest name:  {@link (UsersStack:constructor:super)}
+         * Full name:      {@link (UsersStack:constructor:super)}
+         */
+        super(scope, id, props)
+
+        const project = process.env.PROJECT?.replace(/\b\w/g, c => c.toUpperCase())
+        const stage = process.env.STAGE?.replace(/\b\w/g, c => c.toUpperCase())
+        const service = 'Users'
+
+        const pinpointApp = new awspinpoint.CfnApp(this, `${project}${service}PinpointApp${stage}`, {
+            name: `${project}${service}PinpointApp${stage}`
+        })
+
+        // Todo set path alias for services
+        const lambdaHandler = new lambda.Function(this, `${project}${service}Api${stage}`, {
+            runtime: lambda.Runtime.NODEJS_14_X,
+            handler: 'index.handler',
+            code: lambda.Code.fromAsset('../../services/users/dist'),
+            environment: {
+                APP_ID: pinpointApp.ref,
+                SOURCE_EMAIL: 'team@casimir.co',
+                PROJECT: process.env.PROJECT as string,
+                STAGE: process.env.STAGE as string
+            }
+        })
+
+        // Todo update to use new api gateway version when stable
+        // https://docs.aws.amazon.com/cdk/api/v2/docs/aws-apigateway-readme.html#apigateway-v2
+        new apigateway.LambdaRestApi(this, `${project}${service}ApiGateway${stage}`, {
+            restApiName: `${project}${service}UsersApiGateway${stage}`,
+            handler: lambdaHandler,
+            // Todo restrict cors
+            defaultCorsPreflightOptions: {
+                allowOrigins: apigateway.Cors.ALL_ORIGINS,
+                allowMethods: apigateway.Cors.ALL_METHODS
+            }
+        })
+
+    }
+}