init new docker dev env

Author: ethan-mfb

DOCKER.md

@@ -1,12 +1,13 @@
 # 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.
->
+1. Generate an SSH key and add it to GitHub.
+1. Clone the repository.
+1. Run `eval "$(ssh-agent)"`.
+1. Run `ssh-add`.
+1. Run `docker build --ssh default --pull -t mfb-async-renderer-dev-env .`.
+1. Run `docker create --mount type=bind,src=${HOME}/.ssh,target=/home/vscode/.ssh --name mfb-async-renderer-dev-env-active -h mfb-async-renderer-dev-env -it mfb-async-renderer-dev-env`.
+1. Install the "Remote Development" extension pack in VS Code.
+1. Navigate to Remote Explorer in the VSCode sidebar.
+1. Select Containers from the drop down at the top.
+1. Attach to the align-dev-env container.
+1. Click Open Folder and open the align-ts folder.

Dockerfile

@@ -1,15 +1,34 @@
-FROM node:16-bullseye AS base-with-deps
-
+FROM debian:bullseye
 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
+RUN apt-get update
+RUN apt-get -y install git fzf ripgrep curl python3 ssh sudo locales gnupg lsb-release libnss3-tools gstreamer1.0-gl gstreamer1.0-plugins-ugly
+# set the locale
+RUN sed -i '/en_US.UTF-8/s/^# //g' /etc/locale.gen && \
+    locale-gen
+ENV LANG en_US.UTF-8
+ENV LANGUAGE en_US:en
+ENV LC_ALL en_US.UTF-8
+# configure terminal
+ENV TERM="xterm-256color"
+ADD https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash .git-completion.bash
+ADD https://raw.githubusercontent.com/git/git/master/contrib/completion/git-prompt.sh .git-prompt.sh
+COPY docker/bashrc .bashrc
+# setup the user for the developer
+RUN echo '%sudo ALL=(ALL) NOPASSWD:ALL' >> /etc/sudoers
+RUN useradd -ms /bin/bash -u 1002 -G sudo $USERNAME
+RUN chown -R $USERNAME /home/$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
+USER $USERNAME
+# setup ssh
+RUN mkdir -p -m 0700 ~/.ssh
+RUN ssh-keyscan github.com >> ~/.ssh/known_hosts
+SHELL ["/bin/bash", "--login", "-c"]
+# install nvm with a specified version of node
+RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash \
+&& . ~/.nvm/nvm.sh \
+&& nvm install --lts=gallium
+# clone repo
+RUN --mount=type=ssh,uid=1002 git clone [email protected]:MFB-Technologies-Inc/react-async-renderer /home/$USERNAME/workspace/react-async-renderer
+# set working dir
+WORKDIR /home/$USERNAME/workspace/react-async-renderer
+VOLUME /home/$USERNAME/workspace/react-async-renderer

docker/bashrc

@@ -0,0 +1,10 @@
+## commands relative to root of current git repository
+
+# navigate to root of repository
+alias cdg='cd "$(git rev-parse --show-cdup)"'
+
+# list files at root of repository
+alias lsg='ls "$(git rev-parse --show-cdup)"'
+
+# git tab completion
+source ~/.git-completion.bash