New: [AEA-4458] - hello world (#41)

## Summary - Routine Change ### Details Basic Hello World react app. Includes nhs react library dependency --------- Co-authored-by: anthony-nhs <[email protected]>
NHSDigital · Oct 7, 2024 · 2fa2f3a · 2fa2f3a
1 parent 0abbd40
commit 2fa2f3a
Show file tree

Hide file tree

Showing 15 changed files with 4,543 additions and 214 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,6 +5,7 @@
 **/public/
 **/coverage/
 **/node_modules/
+**/.next/
 .#*
 __pycache__/
 .envrc

diff --git a/.vscode/eps-prescription-tracker-ui.code-workspace b/.vscode/eps-prescription-tracker-ui.code-workspace
@@ -0,0 +1,126 @@
+{
+    "folders": [
+      {
+        "name": "eps-prescription-tracker-ui-monorepo",
+        "path": ".."
+      },
+      {
+        "name": "packages/cpt-ui",
+        "path": "../packages/cpt-ui"
+      }
+    ],
+    "settings": {
+      "jest.disabledWorkspaceFolders": [
+        "eps-prescription-tracker-ui-monorepo"
+      ],
+      "files.exclude": {
+        "packages/": true
+      },
+      "cSpell.words": [
+        "apigw",
+        "ASID",
+        "AWSKMS",
+        "Caldicott",
+        "canonicalise",
+        "Canonicaliser",
+        "canonicalization",
+        "Canonicalized",
+        "Codeable",
+        "codeinline",
+        "codesystem",
+        "cpsu",
+        "dbaeumer",
+        "devcontainer",
+        "direnv",
+        "eamodio",
+        "eps-prescription-status-update-api",
+        "esbuild",
+        "excelviewer",
+        "fhir",
+        "Formik",
+        "Fulfillment",
+        "gsul",
+        "Hashable",
+        "healthcheck",
+        "Helpdesk",
+        "homecare",
+        "HSCN",
+        "kohler",
+        "liter",
+        "mermade",
+        "milliliter",
+        "mkhl",
+        "nHSCHI",
+        "NHSD",
+        "nhsdlogin",
+        "NHSE",
+        "nhslogin",
+        "NOSONAR",
+        "OIDC",
+        "openapi",
+        "orta",
+        "Orthoptist",
+        "Payor",
+        "pino",
+        "pollable",
+        "powertools",
+        "pratica",
+        "prescriptionid",
+        "Prosthetist",
+        "pylint",
+        "pytest",
+        "querystring",
+        "reingest",
+        "reingested",
+        "Reingestion",
+        "rvest",
+        "serialisation",
+        "shellcheck",
+        "smartcard",
+        "smartcards",
+        "Snomed",
+        "sourcetype",
+        "timonwong",
+        "Truststore",
+        "URID",
+        "URPID",
+        "uuidv4",
+        "vars",
+        "venv",
+        "versionable",
+        "whens"
+      ],
+      "cSpell.dictionaries": ["en-GB"],
+      "cSpell.ignorePaths": ["package-lock.json", "node_modules", ".vscode"],
+      "jest.jestCommandLine": "NODE_OPTIONS=--experimental-vm-modules node_modules/.bin/jest --no-cache",
+      "jest.nodeEnv": {
+        "POWERTOOLS_DEV": true
+      },
+      "typescript.tsdk": "eps-prescription-tracker-ui-monorepo/node_modules/typescript/lib",
+      "eslint.useFlatConfig": true,
+      "eslint.format.enable": true
+    },
+    "extensions": {
+      "recommendations": [
+        "AmazonWebServices.aws-toolkit-vscode",
+        "redhat.vscode-yaml",
+        "ms-python.python",
+        "ms-python.flake8",
+        "eamodio.gitlens",
+        "github.vscode-pull-request-github",
+        "orta.vscode-jest",
+        "42crunch.vscode-openapi",
+        "mermade.openapi-lint",
+        "redhat.vscode-yaml",
+        "christian-kohler.npm-intellisense",
+        "dbaeumer.vscode-eslint",
+        "lfm.vscode-makefile-term",
+        "GrapeCity.gc-excelviewer",
+        "redhat.vscode-xml",
+        "streetsidesoftware.code-spell-checker",
+        "timonwong.shellcheck",
+        "mkhl.direnv",
+        "tamasfe.even-better-toml"
+      ]
+    }
+  }
diff --git a/Makefile b/Makefile
@@ -88,7 +88,7 @@ lint-githubactions:
 lint-githubaction-scripts:
 	shellcheck .github/scripts/*.sh
 
-lint: lint-node lint-samtemplates lint-githubactions lint-githubaction-scripts
+lint: lint-node lint-samtemplates lint-githubactions lint-githubaction-scripts react-lint
 
 test: compile
 	npm run test --workspace packages/client
@@ -121,3 +121,15 @@ aws-login:
 
 cfn-guard:
 	./scripts/run_cfn_guard.sh
+
+react-dev:
+	npm run dev --workspace packages/cpt-ui
+
+react-build:
+	npm run build --workspace packages/cpt-ui
+
+react-start:
+	npm run start --workspace packages/cpt-ui
+
+react-lint:
+	npm run lint --workspace packages/cpt-ui
diff --git a/README.md b/README.md
@@ -84,7 +84,10 @@ You should then select the development account and set default region to be eu-w
 
 You will now be able to use AWS and SAM CLI commands to access the dev account. You can also use the AWS extension to view resources.
 
-When the token expires, you may need to reauthorise using `make aws-login`
+When the token expires, you may need to reauthorise using `make aws-login` 
+
+###  React app
+React/Next.js code resides in app folder.  More details to be added as dev progresses, see make section for relevant commands
 
 ### CI Setup
 
@@ -194,6 +197,11 @@ These are used to do common commands
 - `aws-configure` Configures a connection to AWS
 - `aws-login` Reconnects to AWS from a previously configured connection
 
+#### React App
+- `react-dev` Starts app in dev mode on localhost
+- `react-build` Generates static files in .next folder
+- `react-start` Starts app in production mode using build-generated static files 
+
 ### Github folder
 
 This .github folder contains workflows and templates related to GitHub, along with actions and scripts pertaining to Jira.

diff --git a/next-env.d.ts b/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.