Dev container

.devcontainer/Dockerfile

@@ -0,0 +1,10 @@
+FROM "mcr.microsoft.com/devcontainers/typescript-node:1-16-bullseye"
+
+RUN apt-get update \
+    && apt-get install chromium fonts-noto-color-emoji -y --no-install-recommends -qq
+
+# The rest of our environment
+ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true
+ENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium
+ENV CHROME_PATH=/usr/bin/chromium
+ENV DEBIAN_FRONTEND=noninteractive

.devcontainer/devcontainer.json

@@ -0,0 +1,17 @@
+{
+	"name": "temba-components",
+	"build": {
+		"dockerfile": "Dockerfile"
+	},
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		3010
+	]
+	// "postCreateCommand": "yarn start"
+	// Configure tool-specific properties.
+	// "customizations": {},
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

package.json

@@ -9,27 +9,27 @@
   "license": "AGPL-3.0-only",
   "repository": "https://github.com/nyaruka/temba-components/",
   "scripts": {
-    "start": "yarn concurrently --kill-others --names tsc,web-dev-server \"yarn tsc:watch\" \"web-dev-server --app-index demo/index.html --node-resolve --open --watch --port 3010 --esbuild-target auto\"",
-    "start:bg": "yarn concurrently --kill-others --names tsc,web-dev-server \"yarn tsc:watch\" \"web-dev-server --app-index demo/index.html --node-resolve --watch --port 3010 --esbuild-target auto\"",
-    "tsc:watch": "yarn tsc --watch",
-    "build": "yarn rimraf dist && yarn svg && tsc && rollup -c rollup.config.js",
-    "dev": "yarn build && cp -R ./dist/* ../rapidpro/node_modules/@nyaruka/temba-components/dist/ && cp -R ./dist/* ../floweditor/node_modules/@nyaruka/temba-components/dist/",
-    "postversion": "yarn git push --tags && git push origin main",
-    "lint:eslint": "yarn eslint --ext .ts . --ignore-path .gitignore",
-    "format:eslint": "yarn eslint --ext .ts . --fix --ignore-path .gitignore",
-    "lint:prettier": "yarn prettier \"**/*.js\" \"**/*.ts\" --check --ignore-path .gitignore",
-    "format:prettier": "yarn prettier \"**/*.js\" \"**/*.ts\" --write --ignore-path .gitignore",
-    "lint": "yarn lint:eslint && yarn lint:prettier",
-    "format": "yarn format:eslint && yarn format:prettier",
-    "test-file": "yarn rimraf out-tsc && tsc && web-test-runner --node-resolve --coverage",
-    "test": "yarn wtr --node-resolve --coverage",
-    "test:watch": "yarn wtr --node-resolve --watch",
-    "storybook": "yarn concurrently --kill-others --names tsc,storybook \"npm run tsc:watch\" \"start-storybook --node-resolve --watch --open\"",
-    "storybook:build": "yarn build-storybook",
-    "svg": "yarn rimraf static/svg/work && node svg.js --resolution=150",
-    "version": "yarn run build && auto-changelog -p && git add CHANGELOG.md",
-    "locale:extract": "yarn lit-localize extract --config localize.config.json",
-    "locale:build": "yarn lit-localize build --config localize.config.json"
+    "start": "concurrently --kill-others --names tsc,web-dev-server \"yarn tsc:watch\" \"web-dev-server --app-index demo/index.html --node-resolve --open --watch --port 3010 --esbuild-target auto\"",
+    "start:bg": "concurrently --kill-others --names tsc,web-dev-server \"yarn tsc:watch\" \"web-dev-server --app-index demo/index.html --node-resolve --watch --port 3010 --esbuild-target auto\"",
+    "tsc:watch": "tsc --watch",
+    "build": "rimraf dist && yarn svg && tsc && rollup -c rollup.config.js",
+    "dev": "build && cp -R ./dist/* ../rapidpro/node_modules/@nyaruka/temba-components/dist/ && cp -R ./dist/* ../floweditor/node_modules/@nyaruka/temba-components/dist/",
+    "postversion": "git push --tags && git push origin main",
+    "lint:eslint": "eslint --ext .ts . --ignore-path .gitignore",
+    "format:eslint": "eslint --ext .ts . --fix --ignore-path .gitignore",
+    "lint:prettier": "prettier \"**/*.js\" \"**/*.ts\" --check --ignore-path .gitignore",
+    "format:prettier": "prettier \"**/*.js\" \"**/*.ts\" --write --ignore-path .gitignore",
+    "lint": "lint:eslint && yarn lint:prettier",
+    "format": "format:eslint && yarn format:prettier",
+    "test-file": "rimraf out-tsc && tsc && web-test-runner --node-resolve --coverage",
+    "test": "wtr --node-resolve --coverage",
+    "test:watch": "wtr --node-resolve --watch",
+    "storybook": "concurrently --kill-others --names tsc,storybook \"npm run tsc:watch\" \"start-storybook --node-resolve --watch --open\"",
+    "storybook:build": "build-storybook",
+    "svg": "rimraf static/svg/work && node svg.js --resolution=150",
+    "version": "run build && auto-changelog -p && git add CHANGELOG.md",
+    "locale:extract": "lit-localize extract --config localize.config.json",
+    "locale:build": "lit-localize build --config localize.config.json"
   },
   "dependencies": {
     "@lit/localize": "^0.11.4",