Ability to manage npm packages in dev env

README.md

@@ -83,7 +83,24 @@ cosign verify-blob --key sbom/key.pub --signature sbom/kots-sbom.tgz.sig sbom/ko
 
 ### Developing kotsadm web
 
-Changes to the kotsadm web component are reflected in real-time, no manual steps required.
+Changes to the kotsadm web component are reflected in real-time; no manual steps are required.
+
+However, to add, remove, or upgrade a dependency / package:
+
+1. Exec into the kotsadm-web container:
+    ```bash
+    make kotsadm-web-up
+    ```
+
+1. Run the desired `yarn` commands. For example:
+    ```bash
+    yarn add <package>
+    ```
+
+1. When finished, exit the container:
+    ```bash
+    exit
+    ```
 
 ### Developing kotsadm API
 

dev/patches/kotsadm-web-up.yaml

@@ -6,10 +6,19 @@ spec:
         hostPath:
           path: __PROJECT_DIR__/web
           type: Directory
+      - name: yarncache
+        hostPath:
+          path: __PROJECT_DIR__/dev/.yarncache
+          type: Directory
       containers:
       - name: kotsadm-web
         image: kotsadm-web-dev
         volumeMounts:
         - name: dev
           mountPath: /replicatedhq/kots/web # workdir in the container
+        - name: yarncache
+          mountPath: /replicatedhq/kots/dev/.yarncache
+        env:
+        - name: YARN_CACHE_FOLDER
+          value: /replicatedhq/kots/dev/.yarncache
         resources: ~

dev/scripts/common.sh

@@ -113,14 +113,8 @@ function ec_build_and_load() {
 }
 
 function up() {
-  if [ "$1" == "kotsadm-web" ]; then
-    # Tail the logs of the new pod
-    newpod=$(kubectl get pods -l app=kotsadm-web --no-headers --sort-by=.metadata.creationTimestamp | awk 'END {print $1}')
-    kubectl logs -f $newpod --tail=100
-  else
-    # Exec into the deployment
-    kubectl exec -it deployment/$(deployment $1) -- bash
-  fi
+  # Exec into the deployment
+  kubectl exec -it deployment/$(deployment $1) -- bash
 }
 
 function ec_up() {

dev/scripts/down-ec.sh

@@ -8,8 +8,8 @@ component=$1
 
 # Check if a deployment name was provided
 if [ -z "$component" ]; then
-	echo "Error: No component name provided."
-	exit 1
+  echo "Error: No component name provided."
+  exit 1
 fi
 
 # Check if already down

dev/scripts/down.sh

@@ -8,8 +8,8 @@ component=$1
 
 # Check if a deployment name was provided
 if [ -z "$component" ]; then
-	echo "Error: No component name provided."
-	exit 1
+  echo "Error: No component name provided."
+  exit 1
 fi
 
 # Check if already down

dev/scripts/up-ec.sh

@@ -8,8 +8,14 @@ component=$1
 
 # Check if a component name was provided
 if [ -z "$component" ]; then
-	echo "Error: No component name provided."
-	exit 1
+  echo "Error: No component name provided."
+  exit 1
+fi
+
+# kotsadm-web must already be up
+if [ "$component" == "kotsadm-web" ]; then
+  ec_up $component
+  exit 0
 fi
 
 # Build and load the image into the embedded cluster

dev/scripts/up.sh

@@ -8,8 +8,14 @@ component=$1
 
 # Check if a component name was provided
 if [ -z "$component" ]; then
-	echo "Error: No component name provided."
-	exit 1
+  echo "Error: No component name provided."
+  exit 1
+fi
+
+# kotsadm-web must already be up
+if [ "$component" == "kotsadm-web" ]; then
+  up $component
+  exit 0
 fi
 
 # Save original state