#39 - add update dependencies command

CHANGELOG.md

@@ -1,4 +1,4 @@
 # Changelog for Woodoo Buildtools
 
 All notable changes to this project will be documented in this file.
 
@@ -10,6 +10,10 @@
 -   updated trunk plugin and linters
 -   fix typo in several files
 
+- updated README.md for dependencies checker by [@Morgy93]
+- added command to `update` npm dependencies for a specific theme with `ddev frontend update-npm-deps theme` [https://github.com/dermatz/ddev-woodoo-buildtools-magento/issues/39] by [@Morgy93]
+- added command to `check` outdated npm dependencies in a specific theme with `ddev frontend check-npm-deps theme` [https://github.com/dermatz/ddev-woodoo-buildtools-magento/issues/39] by [@Morgy93]
+
 ---
 
 ## Latest Release

README.md

@@ -1,4 +1,4 @@
 # [DDEV] Woodoo Frontend Buildtools for Magento & Hyvä
 
 [![tests](https://github.com/dermatz/ddev-woodoo-buildtools-magento/actions/workflows/tests.yml/badge.svg)](https://github.com/dermatz/ddev-woodoo-buildtools-magento/actions/workflows/tests.yml) <img src="https://img.shields.io/librariesio/github/dermatz/ddev-woodoo-buildtools-magento" alt="Dependencies"> <img src="https://img.shields.io/github/last-commit/dermatz/ddev-woodoo-buildtools-magento" alt="Last commit date Badge">
 <img src="https://img.shields.io/github/v/release/dermatz/ddev-woodoo-buildtools-magento" alt="Release-Badge"> <img src="https://img.shields.io/github/sponsors/dermatz" alt="Sponsors"> [<img src="https://img.shields.io/badge/Discord-Join%20Chat-orange" alt="Join our Discord">](https://discord.gg/H5CjMXQQHn)
@@ -111,6 +111,8 @@
   build -f              Builds all configured themes without yes/no confirmation
   build theme           Build a specific theme
   watch theme           Watch for CSS and JS changes in a specific theme
+  update-npm-deps theme Update npm dependencies for a specific theme
+  check-npm-deps theme  Check outdated npm dependencies for a specific theme
 
 Option:
   -f                    Force the build command to run without yes/no confirmation
@@ -147,6 +149,22 @@
 ddev frontend watch <theme_code>
 ```
 
+### Updating npm Dependencies
+
+To update npm dependencies for a specific theme, use:
+
+```shell
+ddev frontend update-npm-deps <theme_code>
+```
+
+### Checking Outdated npm Dependencies
+
+To check outdated npm dependencies for a specific theme, use:
+
+```shell
+ddev frontend check-npm-deps <theme_code>
+```
+
 ## Troubleshooting Tips
 
 -   Ensure that your theme paths in `.ddev/config-themes.yaml` are correct and relative to your project root.

commands/web/frontend

@@ -27,6 +27,7 @@ source ".ddev/commands/web/woodoo_components/functions"
 source ".ddev/commands/web/woodoo_components/themes"
 source ".ddev/commands/web/woodoo_components/build"
 source ".ddev/commands/web/woodoo_components/watch"
+source ".ddev/commands/web/woodoo_components/npm-deps"
 
 ## should be last source
 source ".ddev/commands/web/woodoo_components/selftest"

commands/web/woodoo_components/help

@@ -29,6 +29,8 @@ if [[ ${found} == true ]]; then
     echo -e "  ${txtcyn}build ${txtylw}-f${txtrst}              Builds all configured themes without yes/no confirmation"
     echo -e "  ${txtcyn}build ${txtpur}theme${txtrst}           Build a specific theme${txtrst}"
     echo -e "  ${txtcyn}watch ${txtpur}theme${txtrst}           Watch for CSS and JS changes in a specific theme${txtrst}"
+    echo -e "  ${txtcyn}update-npm-deps ${txtpur}theme${txtrst} Update npm dependencies for a specific theme"
+    echo -e "  ${txtcyn}check-npm-deps ${txtpur}theme${txtrst}  Check outdated npm dependencies for a specific theme"
 
     echo -e "${txtylw}\nOption:${txtrst}"
     echo -e "  ${txtylw}-f${txtrst}                    Force the build command to run without yes/no confirmation\n"

commands/web/woodoo_components/npm-deps

@@ -0,0 +1,102 @@
+#!/bin/bash
+#ddev-generated - Do not modify this file; your modifications will be overwritten.
+
+# Function to check if npm check prerequisites are met
+# Parameters:
+#   $1: The theme path
+function checkPrequisites() {
+    local THEME_PATH=$1
+
+    if [[ ! -d "${THEME_PATH}/web/tailwind" ]]; then
+        echo -e "${txtred}${ICON_ERROR} ${THEME_PATH}/web/tailwind does not exist.${txtrst}"
+        exit 1
+    fi
+
+    cd "${THEME_PATH}/web/tailwind" || exit
+
+    if ! command -v ncu &>/dev/null; then
+        echo -e "${txtylw}${ICON_WARNING} npm-check-updates is not installed. Run ${txtcyn}ddev restart${txtylw} to install.${txtrst}"
+        exit 1
+    fi
+}
+
+# Function to update npm dependencies using npm-check-updates
+# Parameters:
+#   $1: The theme path
+function updateNpmDeps() {
+    local THEME_PATH=$1
+
+    checkPrequisites "${THEME_PATH}"
+
+    echo -e "${txtcyn}${ICON_ARROW_RIGHT} Updating npm dependencies...${txtrst}"
+    ncu -u
+    npm install
+
+    echo -e "${txtgrn}${ICON_SUCCESS} npm dependencies updated.${txtrst}"
+    cd - >/dev/null || exit
+}
+
+# Function to check outdated npm dependencies using npm-check-updates
+# Parameters:
+#   $1: The theme path
+function checkNpmDeps() {
+    local THEME_PATH=$1
+
+    checkPrequisites "${THEME_PATH}"
+
+    echo -e "${txtcyn}${ICON_ARROW_RIGHT} Checking outdated npm dependencies...${txtrst}"
+    ncu
+
+    echo -e "${txtgrn}${ICON_SUCCESS} npm dependencies check completed.${txtrst}"
+    cd - >/dev/null || exit
+}
+
+# A command to update npm dependencies for a specific Hyvä theme
+if [[ $1 == "hyva-npm-update" && $2 != "" ]]; then
+    THEME_TO_UPDATE=$(grep -oP "(?<=${2}: ).*" "${PROJECT_CONFIG_FILE}" | cut -d ' ' -f 1 | tr -d '"')
+    checkHyva "${THEME_TO_UPDATE}"
+    if [[ ${HYVA} == true ]]; then
+        updateNpmDeps "${THEME_TO_UPDATE}"
+    else
+        echo -e "${txtred}${ICON_ERROR} ${2} is not a Hyvä theme. Please update manually.${txtrst}"
+    fi
+    exit 0
+elif [[ $1 == "hyva-npm-update" && $2 == "" ]]; then
+    checkThemePathExists silent
+    THEMES_TO_UPDATE=$(gum choose --cursor-prefix "[ ] " --unselected-prefix "[ ] " --selected-prefix "[✓] " --no-limit $THEMES_IN_CONFIG)
+    for THEME_CODE in ${THEMES_TO_UPDATE}; do
+        THEMES_TO_UPDATE=$(echo $(grep -oP '(?<='$THEME_CODE': ).*' $PROJECT_CONFIG_FILE) | cut -d ' ' -f 1 | sed 's/"//g')
+        checkHyva "${THEMES_TO_UPDATE}"
+        if [[ ${HYVA} == true ]]; then
+            checkNpmDeps "${THEMES_TO_UPDATE}"
+        else
+            echo -e "${txtred}${ICON_ERROR} ${THEME_CODE} is not a Hyvä theme. Please check manually.${txtrst}"
+        fi
+    done
+fi
+
+# A command to check outdated npm dependencies for a specific Hyvä theme
+if [[ $1 == "hyva-npm-check" && $2 != "" ]]; then
+    THEME_TO_CHECK=$(grep -oP "(?<=${2}: ).*" "${PROJECT_CONFIG_FILE}" | cut -d ' ' -f 1 | tr -d '"')
+    checkHyva "${THEME_TO_CHECK}"
+    if [[ ${HYVA} == true ]]; then
+        checkNpmDeps "${THEME_TO_CHECK}"
+    else
+        echo -e "${txtred}${ICON_ERROR} ${2} is not a Hyvä theme. Please check manually.${txtrst}"
+    fi
+    exit 0
+elif [[ $1 == "hyva-npm-check" && $2 == "" ]]; then
+    checkThemePathExists silent
+    THEMES_TO_CHECK=$(gum choose --cursor-prefix "[ ] " --unselected-prefix "[ ] " --selected-prefix "[✓] " --no-limit $THEMES_IN_CONFIG)
+    for THEME_CODE in ${THEMES_TO_CHECK}; do
+        THEMES_TO_CHECK=$(echo $(grep -oP '(?<='$THEME_CODE': ).*' $PROJECT_CONFIG_FILE) | cut -d ' ' -f 1 | sed 's/"//g')
+
+        # checks to figure out if it is a Hyvä Theme
+        checkHyva "${THEMES_TO_CHECK}"
+        if [[ ${HYVA} == true ]]; then
+            checkNpmDeps "${THEMES_TO_CHECK}"
+        else
+            echo -e "${txtred}${ICON_ERROR} ${THEME_CODE} is not a Hyvä theme. Please check manually.${txtrst}"
+        fi
+    done
+fi

install.yaml

@@ -9,3 +9,4 @@ project_files:
     - commands/web/woodoo_components/
     - commands/web/frontend
     - commands/host/frontend-update
+    - web-build/Dockerfile.woodoo

web-build/Dockerfile.woodoo

@@ -0,0 +1,8 @@
+#ddev-generated
+# trunk-ignore-all(trivy/DS002)
+# trunk-ignore-all(trivy/DS026)
+# trunk-ignore-all(checkov/CKV_DOCKER_2)
+# trunk-ignore-all(checkov/CKV_DOCKER_3)
+
+# https://github.com/raineorshine/npm-check-updates
+RUN npm install -g npm-check-updates