docs(example): add example implementation of cli for cra

.eslintignore

@@ -0,0 +1,8 @@
+*.yaml
+*.txt
+*.png
+*.sh
+*.html
+*.ico
+Dockerfile
+*.json

.eslintrc

@@ -4,7 +4,6 @@
     "plugin:prettier/recommended"
   ],
   "plugins": ["@typescript-eslint"],
-  "ignorePatterns": ["pnpm-lock.yaml"],
   "rules": {
     "prefer-const": "error",
     "no-unused-vars": "off",

examples/cra/.dockerignore

@@ -0,0 +1,4 @@
+*.env*
+node_modules
+.*
+build

examples/cra/.env

@@ -0,0 +1 @@
+REACT_APP_SAMPLE_ENV = "This is for development server."

examples/cra/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

examples/cra/Dockerfile

@@ -0,0 +1,21 @@
+FROM node:20-alpine as base
+RUN npm i -g pnpm
+
+FROM base as builder
+WORKDIR /workspace
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm i --frozen-lockfile
+RUN mkdir ./public
+COPY public/* ./public
+RUN mkdir ./src
+COPY src/* ./src
+COPY tsconfig.json .
+RUN pnpm build
+
+FROM base as runner
+WORKDIR /app
+RUN npm i -g serve runtime-env-cli
+COPY --from=builder /workspace/build .
+COPY scripts/start_server.sh .
+RUN chmod +x start_server.sh
+ENTRYPOINT [ "./start_server.sh" ]

examples/cra/docker-compose.yaml

@@ -0,0 +1,9 @@
+version: "3.8"
+services:
+  visualizer:
+    build:
+      context: .
+    ports:
+      - "3000:3000"
+    environment:
+      - REACT_APP_SAMPLE_ENV=injected from docker compose

examples/cra/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "runtime-env-cli-examples-cra",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.17",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "react-scripts": "5.0.1",
+    "runtime-env-cli": "1.0.0-alpha.3",
+    "typescript": "^5.3.3"
+  }
+}