Add dev container support (#7758)

Author: tjenkinson

.devcontainer/devcontainer.json

@@ -0,0 +1,14 @@
+{
+  "name": "HLS.JS Dev Container",
+  "image": "mcr.microsoft.com/devcontainers/base:bookworm",
+  "containerEnv": {
+    "IN_DEV_CONTAINER": "true",
+    "CHROME_BIN": "/usr/bin/chromium"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["esbenp.prettier-vscode"]
+    }
+  },
+  "postCreateCommand": "bash .devcontainer/post-create.sh"
+}

.devcontainer/post-create.sh

@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+echo "Installing nvm..."
+# v0.40.4
+curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/62387b8f92aa012d48202747fd75c40850e5e261/install.sh | bash
+export NVM_DIR="$HOME/.nvm"
+\. "$NVM_DIR/nvm.sh"
+
+echo "Installing node..."
+nvm install "$(< .node-version)"
+
+echo "Installing chromium..."
+sudo apt-get update -y
+sudo apt-get install -y chromium
+
+echo "Done!"

karma.conf.js

@@ -3,6 +3,7 @@ const { buildRollupConfig, BUILD_TYPE, FORMAT } = require('./build-config');
 // Do not add coverage for JavaScript debugging when running `test:unit:debug`
 // eslint-disable-next-line no-undef
 const includeCoverage = !process.env.DEBUG_UNIT_TESTS && !process.env.CI;
+const isDevContainer = process.env.IN_DEV_CONTAINER === 'true';
 
 const rollupPreprocessor = buildRollupConfig({
   type: BUILD_TYPE.full,
@@ -70,7 +71,14 @@ module.exports = function (config) {
 
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers: ['ChromeHeadless'],
+    browsers: [isDevContainer ? 'ChromeHeadlessNoSandbox' : 'ChromeHeadless'],
+
+    customLaunchers: {
+      ChromeHeadlessNoSandbox: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox'],
+      },
+    },
 
     // Continuous Integration mode
     // if true, Karma captures browsers, runs the tests and exits