lesson 7

nodeJS/Learning/06/.dockerignore

@@ -0,0 +1 @@
+node_modules

nodeJS/Learning/06/Dockerfile

@@ -0,0 +1,23 @@
+# Use Base Image: What we are using to make Docker File, eg ubuntu container/ image, node etc
+FROM node:lts-alpine
+
+# Make Dir (make sure directory exists)
+RUN mkdir -p /usr/src/app
+
+# Set the working directory: using the correct folder
+WORKDIR /usr/src/app
+
+# Copy files into folder (no need to reinstall every single time)
+COPY package.json .
+
+# Install the dependencies
+RUN yarn install
+
+# Copy the rest of the files
+COPY . .
+
+# Expose the port
+EXPOSE 3000
+
+# Execute Command
+CMD ["yarn", "dev"]

nodeJS/Learning/06/docker-compose.yaml

@@ -0,0 +1,10 @@
+services:
+  web:
+    build: .
+    ports:
+      - "3000:3000"
+    volumes:
+      - .:/usr/src/app
+      - ./node_modules:/usr/src/app/node_modules
+    command: ["yarn", "dev"]
+  # Database

nodeJS/Learning/06/package.json

@@ -0,0 +1,24 @@
+{
+	"name": "06",
+	"version": "1.0.0",
+	"main": "index.js",
+	"license": "MIT",
+	"scripts": {
+		"dev": "concurrently \"nodemon --exec ts-node src/index.ts --quiet\" \"yarn sass --watch src/styles:public/css\"",
+		"build": "tsc && sass src/styles:public/css",
+		"start": "node dist/index.js"
+	},
+	"dependencies": {
+		"dotenv": "^16.4.7",
+		"ejs": "^3.1.10",
+		"express": "^4.21.2"
+	},
+	"devDependencies": {
+		"@types/express": "^5.0.0",
+		"concurrently": "^9.1.1",
+		"nodemon": "^3.1.9",
+		"sass": "^1.83.0",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.7.2"
+	}
+}

nodeJS/Learning/06/public/css/pages/index.css

@@ -0,0 +1,220 @@
+/* Style each tag in an html */
+/* describe to chatgpt what you want, good at css, or css reference */
+/* font: sans-serif for headers, serif for paragraphs, mono for whatever */
+@import url("https://fonts.googleapis.com/css2?family=Cutive+Mono&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+body {
+  background-color: rgb(238, 213, 232);
+  color: rgb(92, 89, 92);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-family: "EB Garamond", serif;
+}
+
+p {
+  font-family: "Cutive Mono", monospace;
+}
+
+.title-text {
+  font-size: 30px;
+  margin-bottom: 0px;
+}
+
+img {
+  width: 10%;
+  height: auto;
+  margin-top: 5px;
+}
+
+.form-submit {
+  background-color: rgb(255, 124, 192);
+}
+.form-submit:hover {
+  background: rgb(252, 27, 121);
+  cursor: pointer;
+}
+
+form input,
+form textarea {
+  font-family: "Cutive Mono", monospace;
+}
+
+.todo-input {
+  text-align: left;
+  margin-top: 30px;
+}
+
+label,
+input,
+button {
+  display: block;
+  width: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+}
+label::placeholder,
+input::placeholder,
+button::placeholder {
+  color: rgb(92, 89, 92);
+}
+
+label {
+  margin-bottom: 4px;
+}
+label:nth-of-type(2) {
+  margin-top: 12px;
+}
+
+input {
+  background: rgb(255, 255, 255);
+  padding: 10px;
+  padding-left: 20px;
+  height: 50px;
+  font-size: 14px;
+  border-radius: 50px;
+  box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px rgb(255, 255, 255);
+}
+
+.form-submit {
+  color: rgb(255, 255, 255);
+  font-family: "Cutive Mono", monospace;
+  font-size: 16px;
+  margin: 20px auto;
+  height: 40px;
+  width: 100px;
+  border-radius: 20px;
+  cursor: pointer;
+  display: block;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-content: space-around;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: nowrap;
+}
+
+.todo-container {
+  max-width: 300px;
+  font-family: "Cutive Mono", monospace;
+  background-color: rgb(238, 213, 232);
+  border: 4px solid hsl(345, 100%, 91%);
+  border-radius: 30px;
+  box-shadow: 6px 4px 10px rgb(0, 0, 0);
+  position: relative;
+  padding: 20px;
+  background-image: url("/images/polka.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.todo-container .inner-todo {
+  background-color: rgb(238, 213, 232);
+  padding: 20px;
+  border-radius: 20px;
+}
+.todo-container h1 {
+  font-size: 25px;
+  font-family: "EB Garamond", serif;
+  color: #545353;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+ol {
+  padding: 0;
+  margin: 0;
+}
+ol li {
+  color: #545353;
+  margin: 10px;
+  background-color: rgb(255, 255, 255);
+  padding: 20px;
+  border-radius: 20px;
+  text-align: left;
+  font-family: "Cutive Mono", monospace;
+  min-width: 250px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+ol li i {
+  font-size: 20px;
+}
+ol li button {
+  background-color: rgb(255, 255, 255);
+  color: rgb(61, 61, 61);
+  cursor: pointer;
+  width: 15px;
+}
+
+.decor {
+  position: absolute;
+  bottom: -20px;
+  right: 250px;
+}
+.decor img {
+  width: 150px;
+  height: auto;
+}
+
+/*# sourceMappingURL=index.css.map */

nodeJS/Learning/06/public/css/pages/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/styles/pages/index.scss","../../../src/styles/_reset.scss","../../../src/styles/_variable.scss"],"names":[],"mappings":"AAIA;AACA;AAEA;AAEQ;ACRR;AAAA;AAAA;EAGC;;;AAGD;EACC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC;;;AAGD;AAAA;EAEC;;;ADtCD;EACC,kBEVS;EFWT,OEVW;;;AFaZ;AAAA;AAAA;AAAA;AAAA;EAKC,aEZa;;;AFed;EACC,aEfW;;;AFkBZ;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,kBEhCW;;AFkCX;EACC,YEpCW;EFqCX;;;AAKD;AAAA;EAEC,aEzCU;;;AF6CZ;EACC;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACC,OEpEU;;;AFwEZ;EACC;;AAEA;EACC;;;AAIF;EACC,YE/EO;EFgFP;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC,OEzFO;EF0FP,aErFW;EFsFX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,aE1GW;EF2GX,kBEnHS;EFoHT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBE/HQ;EFgIR;EACA;;AAGD;EACC;EACA,aE/HY;EFgIZ,OEnIY;EFoIZ;EACA;;;AAIF;EACC;EACA;;AAEA;EACC,OE9IY;EF+IZ;EACA,kBEjJM;EFkJN;EACA;EACA;EACA,aEhJU;EFiJV;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBEhKK;EFiKL;EACA;EACA;;;AAKH;EACC;EACA;EACA;;AAEA;EACC;EACA","file":"index.css"}

nodeJS/Learning/06/src/index.ts

@@ -0,0 +1,27 @@
+import express, { Application, Request, Response } from "express";
+import dotenv from "dotenv";
+dotenv.config({ path: "$(__dirname)/../env" });
+
+const app: Application = express();
+const port: number = parseInt(process.env.PORT as string) || 3000;
+
+//Setting up for EJS
+app.set("views", `./src/views`);
+app.set("view engine", "ejs");
+
+//Static route
+app.use(express.static(`${__dirname}/../public`));
+
+//check and send index ejs
+app.get("/", (_req: Request, res: Response): void => {
+	const date = new Date().toLocaleString();
+
+	res.render("index", {
+		time: date,
+	});
+});
+
+app.listen(port, (): void => {
+	console.log(`Server is running on port ${port}`);
+});
+

nodeJS/Learning/06/src/styles/_reset.scss

@@ -0,0 +1,51 @@
+// Cancel all css original settings
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+* {
+	margin: 0;
+}
+
+html,
+body {
+	height: 100%;
+}
+
+body {
+	line-height: 1.5;
+	-webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+	display: block;
+	max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+	font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	overflow-wrap: break-word;
+}
+
+#root,
+#__next {
+	isolation: isolate;
+}

nodeJS/Learning/06/src/styles/_variable.scss

@@ -0,0 +1,11 @@
+// setting all variables I want to use
+
+$primary: rgb(238, 213, 232);
+$secondary: rgb(92, 89, 92);
+$black: rgb(0, 0, 0);
+$white: rgb(255, 255, 255);
+$formprimary: #545353;
+$hovercolor: rgb(252, 27, 121);
+$formcolor: rgb(255, 124, 192);
+$font-header: "EB Garamond", serif;
+$font-body: "Cutive Mono", monospace;

nodeJS/Learning/06/src/styles/pages/index.scss

@@ -0,0 +1,183 @@
+@use "../reset";
+@use "../variable";
+@use "../components/navbar";
+
+/* Style each tag in an html */
+/* describe to chatgpt what you want, good at css, or css reference */
+
+/* font: sans-serif for headers, serif for paragraphs, mono for whatever */
+
+@import url("https://fonts.googleapis.com/css2?family=Cutive+Mono&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
+
+body {
+	background-color: variable.$primary;
+	color: variable.$secondary;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+	font-family: variable.$font-header;
+}
+
+p {
+	font-family: variable.$font-body;
+}
+
+.title-text {
+	font-size: 30px;
+	margin-bottom: 0px;
+}
+
+img {
+	width: 10%;
+	height: auto;
+	margin-top: 5px;
+}
+
+.form-submit {
+	background-color: variable.$formcolor;
+
+	&:hover {
+		background: variable.$hovercolor;
+		cursor: pointer;
+	}
+}
+
+form {
+	input,
+	textarea {
+		font-family: variable.$font-body;
+	}
+}
+
+.todo-input {
+	text-align: left;
+	margin-top: 30px;
+}
+
+label,
+input,
+button {
+	display: block;
+	width: 100%;
+	padding: 0;
+	border: none;
+	outline: none;
+	box-sizing: border-box;
+
+	&::placeholder {
+		color: variable.$secondary;
+	}
+}
+
+label {
+	margin-bottom: 4px;
+
+	&:nth-of-type(2) {
+		margin-top: 12px;
+	}
+}
+
+input {
+	background: variable.$white;
+	padding: 10px;
+	padding-left: 20px;
+	height: 50px;
+	font-size: 14px;
+	border-radius: 50px;
+	box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px variable.$white;
+}
+
+.form-submit {
+	color: variable.$white;
+	font-family: variable.$font-body;
+	font-size: 16px;
+	margin: 20px auto;
+	height: 40px;
+	width: 100px;
+	border-radius: 20px;
+	cursor: pointer;
+	display: block;
+}
+
+.container {
+	display: flex;
+	flex-direction: column;
+	align-content: space-around;
+	align-items: center;
+	justify-content: flex-end;
+	flex-wrap: nowrap;
+}
+
+.todo-container {
+	max-width: 300px;
+	font-family: variable.$font-body;
+	background-color: variable.$primary;
+	border: 4px solid hsl(345, 100%, 91%);
+	border-radius: 30px;
+	box-shadow: 6px 4px 10px variable.$black;
+	position: relative;
+	padding: 20px;
+	background-image: url("/images/polka.jpg");
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-position: center;
+
+	.inner-todo {
+		background-color: variable.$primary;
+		padding: 20px;
+		border-radius: 20px;
+	}
+
+	h1 {
+		font-size: 25px;
+		font-family: variable.$font-header;
+		color: variable.$formprimary;
+		margin-top: 10px;
+		font-weight: bold;
+	}
+}
+
+ol {
+	padding: 0;
+	margin: 0;
+
+	li {
+		color: variable.$formprimary;
+		margin: 10px;
+		background-color: variable.$white;
+		padding: 20px;
+		border-radius: 20px;
+		text-align: left;
+		font-family: variable.$font-body;
+		min-width: 250px;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+
+		i {
+			font-size: 20px;
+		}
+
+		button {
+			background-color: variable.$white;
+			color: rgb(61, 61, 61);
+			cursor: pointer;
+			width: 15px;
+		}
+	}
+}
+
+.decor {
+	position: absolute;
+	bottom: -20px;
+	right: 250px;
+
+	img {
+		width: 150px;
+		height: auto;
+	}
+}

nodeJS/Learning/06/src/views/index.ejs

@@ -0,0 +1,70 @@
+<!-- html:5 -->
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Tiffy's to-do list website</title>
+
+		<meta name="description" content="Tiffy's todo list website" />
+		<meta name="keywords" content="list, todo" />
+		<meta name="author" content="Tiffany" />
+
+		<link rel="icon" href="images/favicon.ico" />
+
+		<link rel="stylesheet" href="css/pages/index.css" />
+
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
+			integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
+			crossorigin="anonymous"
+			referrerpolicy="no-referrer"
+		/>
+	</head>
+
+	<body>
+		<section>
+			<div class="container">
+				<h1 class="title-text">Tiffy's to-do list website</h1>
+
+				<img src="images/image.jpg" alt="Image not found" />
+
+				<p><i>Add something cute to my to-do list!</i></p>
+				<form action="/form-action" method="post">
+					<label for="to-do"></label>
+					<input
+						name="todo"
+						type="text"
+						placeholder="Enter a to-do"
+						required
+						class="todo-input"
+					/>
+					<button type="submit" class="form-submit">Add</button>
+				</form>
+
+				<!-- List -->
+				<!-- ordered list -->
+
+				<div class="todo-container">
+					<div class="inner-todo">
+						<h1>To do list</h1>
+						<ol>
+							<!-- <li>Learn from Ronald</li>
+                            <li>Watch movies</li>
+                            <li>Sleep</li> -->
+						</ol>
+						<div class="decor">
+							<img src="images/cryinggirl.gif" />
+						</div>
+					</div>
+				</div>
+
+				<!-- unordered list -->
+				<!-- <ul></ul> -->
+			</div>
+		</section>
+	</body>
+
+	<script src="js/todo.js"></script>
+</html>

nodeJS/Learning/06/tsconfig.json

@@ -0,0 +1,114 @@
+{
+	"compilerOptions": {
+		/* Visit https://aka.ms/tsconfig to read more about this file */
+
+		/* Projects */
+		// "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+		// "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+		// "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+		// "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+		// "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+		// "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+
+		/* Language and Environment */
+		"target": "es2016" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+		// "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+		// "jsx": "preserve",                                /* Specify what JSX code is generated. */
+		// "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
+		// "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+		// "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+		// "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+		// "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+		// "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+		// "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+		// "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+		// "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+
+		/* Modules */
+		"module": "commonjs" /* Specify what module code is generated. */,
+		// "rootDir": "./src" /* Specify the root folder within your source files. */,
+		"moduleResolution": "node10" /* Specify how TypeScript looks up a file from a given module specifier. */,
+		// "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+		// "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+		"rootDirs": [
+			"./src",
+			"./public"
+		] /* Allow multiple folders to be treated as one when resolving modules. */,
+		// "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+		// "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+		// "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+		// "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+		// "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+		// "rewriteRelativeImportExtensions": true,          /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */
+		// "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+		// "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+		// "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+		// "noUncheckedSideEffectImports": true,             /* Check side effect imports. */
+		// "resolveJsonModule": true,                        /* Enable importing .json files. */
+		// "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+		// "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+
+		/* JavaScript Support */
+		"allowJs": true /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
+		// "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+		// "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+		/* Emit */
+		// "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+		// "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+		// "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+		// "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+		// "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+		// "noEmit": true,                                   /* Disable emitting files from a compilation. */
+		// "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+		"outDir": "./dist" /* Specify an output folder for all emitted files. */,
+		"removeComments": true /* Disable emitting comments. */,
+		// "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+		// "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+		// "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+		// "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+		// "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+		// "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+		// "newLine": "crlf",                                /* Set the newline character for emitting files. */
+		// "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+		// "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+		// "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+		// "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+		// "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+
+		/* Interop Constraints */
+		// "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+		// "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+		// "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
+		// "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+		// "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+
+		/* Type Checking */
+		"strict": true /* Enable all strict type-checking options. */,
+		"noImplicitAny": true /* Enable error reporting for expressions and declarations with an implied 'any' type. */,
+		"strictNullChecks": true /* When type checking, take into account 'null' and 'undefined'. */,
+		"strictFunctionTypes": true /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */,
+		// "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+		// "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+		"strictBuiltinIteratorReturn": true /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */,
+		"noImplicitThis": true /* Enable error reporting when 'this' is given the type 'any'. */,
+		"useUnknownInCatchVariables": true /* Default catch clause variables as 'unknown' instead of 'any'. */,
+		"alwaysStrict": true /* Ensure 'use strict' is always emitted. */,
+		"noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
+		"noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
+		// "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+		"noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
+		// "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+		// "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+		// "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+		// "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+		"allowUnusedLabels": true /* Disable error reporting for unused labels. */,
+		"allowUnreachableCode": false /* Disable error reporting for unreachable code. */,
+
+		/* Completeness */
+		// "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+		"skipLibCheck": true /* Skip type checking all .d.ts files. */
+	}
+}