Update Node.js to v12.22.4 - autoclosed

.nvmrc

@@ -1 +1 @@
-v12.16.1
+12.22.4

LICENSE

@@ -0,0 +1,23 @@
+Copyright (c) 2018 Michael D. Norman, deNormans
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Except as contained in this notice, the name(s) of the above copyright holders 
+shall not be used in advertising or otherwise to promote the sale, use or other 
+dealings in this Software without prior written authorization.

README.md

@@ -1,4 +1,4 @@
-# CHANGEME
+# React Example Hello World
 
 ## Setup
 

package.json

@@ -1,17 +1,17 @@
 {
   "author": "Michael D. Norman",
-  "name": "CHANGEME",
+  "name": "node-ts-react-example-hello-world",
   "description": "",
   "private": true,
   "license": "commercial",
   "version": "0.0.0",
-  "homepage": "https://github.com/mdnorman/CHANGEME/wiki/Home",
+  "homepage": "https://github.com/mdnorman/node-ts-react-example-hello-world/wiki/Home",
   "repository": {
     "type": "git",
-    "url": "https://github.com/mdnorman/CHANGEME"
+    "url": "https://github.com/mdnorman/node-ts-react-example-hello-world"
   },
   "bugs": {
-    "url": "https://github.com/mdnorman/CHANGEME/issues"
+    "url": "https://github.com/mdnorman/node-ts-react-example-hello-world/issues"
   },
   "scripts": {
     "clean": "rm -rf dist && rm -rf out",
@@ -44,12 +44,12 @@
     "awesome-typescript-loader": "5.2.1",
     "css-loader": "3.4.2",
     "html-webpack-plugin": "4.0.3",
-    "jest": "25.1.0",
+    "jest": "26.0.0",
     "prettier": "1.19.1",
     "pretty-quick": "2.0.1",
-    "resolve-url-loader": "3.1.1",
+    "resolve-url-loader": "3.1.2",
     "sass-loader": "8.0.2",
-    "serverless": "1.67.0",
+    "serverless": "1.70.0",
     "serverless-finch": "2.3.2",
     "source-map-loader": "0.2.4",
     "style-loader": "1.1.3",
@@ -65,7 +65,7 @@
     "webpack": "4.42.1",
     "webpack-bundle-analyzer": "3.6.1",
     "webpack-command": "0.5.0",
-    "webpack-dev-server": "3.10.3"
+    "webpack-dev-server": "3.11.0"
   },
   "optionalDependencies": {},
   "engines": {

renovate.json

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "config:base"
+  ]
+}

serverless.yml

@@ -1,4 +1,4 @@
-service: CHANGEME
+service: node-ts-react-example-hello-world
 
 plugins:
   - serverless-finch
@@ -31,12 +31,12 @@ custom:
   domainNameStage:
     test: test.${self:custom.baseDomainName}
     prod: www.${self:custom.baseDomainName}
-  baseDomainName: CHANGEME.com
+  baseDomainName: hello-world.${self:custom.hostedZone}
+  hostedZone: codesaplings.com
   logs:
-    bucket: CHANGEME
+    bucket: codesaplings-logs
     path: websites/${self:service.name}/${self:custom.stage}/cloudfront
 
-
 resources:
   Resources:
     ## Specifying the S3 Bucket
@@ -111,8 +111,8 @@ resources:
             TTL: 60
             ResourceRecords:
               - Fn::GetAtt:
-                - WebAppCloudFrontDistribution
-                - DomainName
+                  - WebAppCloudFrontDistribution
+                  - DomainName
 
   ## In order to print out the hosted domain via `serverless info` we need to define the DomainName output for CloudFormation
   Outputs:

src/components/Hello.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+export interface HelloProps {
+  compiler: string;
+  framework: string;
+}
+
+export class Hello extends React.Component<HelloProps> {
+  render() {
+    console.log(`Printing hello with ${this.props.compiler} and ${this.props.framework}`);
+    return (
+      <h1>
+        Hello from {this.props.compiler} and {this.props.framework}!
+      </h1>
+    );
+  }
+}

src/index.html.ejs

@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>CHANGEME</title>
+    <title>node-ts-react-example-hello-world</title>
   </head>
   <body>
     <div id="app"></div>

src/pages/Main.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
 
+import { Hello } from '../components/Hello';
+
 export interface MainProps {}
 
 export class Main extends React.Component<MainProps> {
   render() {
-    return <div />;
+    return <Hello compiler="Typescript" framework="React" />;
   }
 }