Merge pull request #12 from MFB-Technologies-Inc/init-docker-dev-env

init docker dev env

Author: lemke-ethan

.dockerignore

@@ -0,0 +1,77 @@
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# OS X temporary files
+.DS_Store
+
+# build files
+debug.log
+junit.xml
+
+# vim swap files
+*.swp
+*.swo
+
+# package build directories
+lib/
+dist/
+build/
+out/
+typedocs/
+
+# scratchpad file
+.TODO

.eslintrc.js

@@ -1,22 +1,17 @@
-// This is a workaround for https://github.com/eslint/eslint/issues/3458
-require("@rushstack/eslint-config/patch/modern-module-resolution")
+// Copyright 2022 MFB Technologies, Inc.
 
 module.exports = {
   extends: [
-    "@rushstack/eslint-config/profile/web-app",
-    "@rushstack/eslint-config/mixins/react"
+    "react-app"
   ],
-  rules: {
-    "@typescript-eslint/no-explicit-any": 0,
-    "@typescript-eslint/consistent-type-definitions": [1, "type"],
-    "@typescript-eslint/typedef": 0,
-    "@rushstack/no-new-null": 0,
-    "@rushstack/typedef-var": 0
-  },
-  parserOptions: { tsconfigRootDir: __dirname },
-  settings: {
-    react: {
-      version: "17.0"
+  overrides: [
+    {
+      files: ["**/*.ts?(x)"],
+      rules: {
+        "@typescript-eslint/no-explicit-any": 0,
+        "@typescript-eslint/consistent-type-definitions": [1, "type"],
+        "@typescript-eslint/typedef": 0,
+      }
     }
-  }
+  ]
 }

DOCKER.md

@@ -0,0 +1,12 @@
+# Docker
+
+Run these commands to setup the dev env, which is a copy of the local repo as-is in a volume and a container attached to that volume:
+
+1. `docker build --tag mfbtech-react-async-renderer-dev-env .`
+1. `docker run --name mfbtech-react-async-renderer-dev-env -td mfbtech-react-async-renderer-dev-env`
+
+Now attach to the container using vscode and the remote explorer extension.
+
+>
+> Deleting the container will delete the volume as well, so make sure you have all of your work pushed before deleting the container.
+>

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:16-bullseye AS base-with-deps
+
+ARG USERNAME=vscode
+
+# setup the vscode user for the developer
+RUN groupadd -r $USERNAME \
+    && useradd --no-log-init -rm -d /home/$USERNAME -s /bin/bash -g $USERNAME $USERNAME
+USER $USERNAME
+WORKDIR /home/$USERNAME
+
+# copy local repo into a volume
+FROM base-with-deps AS mfbtech-react-async-renderer-dev-env
+RUN mkdir /home/$USERNAME/git
+COPY --chown=$USERNAME:$USERNAME . /home/$USERNAME/git
+VOLUME /home/$USERNAME/git