nasa-jpl · stephiescastle · Feb 4, 2026 · Feb 5, 2026 · Feb 5, 2026 · Feb 5, 2026
diff --git a/.changeset/wide-singers-wave.md b/.changeset/wide-singers-wave.md
@@ -0,0 +1,12 @@
+---
+"@explorer-1/common-storybook": minor
+"@explorer-1/eslint-config": minor
+"@explorer-1/html-storybook": minor
+"@explorer-1/vue-storybook": minor
+"@explorer-1/common": minor
+"@explorer-1/html": minor
+"@explorer-1/vue": minor
+"@nasa-jpl/explorer-1": minor
+---
+
+Updating to Node 24. Updating dependencies.
diff --git a/.github/workflows/changeset.yml b/.github/workflows/changeset.yml
@@ -21,7 +21,7 @@ jobs:
       - name: Setup Node.js 20
         uses: actions/setup-node@v3
         with:
-          node-version: 20.18.0
+          node-version: 24.13.0
 
       - uses: pnpm/action-setup@v2
         name: Install pnpm

diff --git a/.github/workflows/nuxt.yml.disabled b/.github/workflows/nuxt.yml.disabled
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v20.18.0
+v24.13.0
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -50,8 +50,6 @@ make html-storybook
 # Start a Vue app to test components directly (optional)
 make vue
 
-# Start a Nuxt app to test the nuxt module (currently broken)
-make nuxt
 ```
 
 ## Developing Vue components

diff --git a/Makefile b/Makefile
@@ -113,16 +113,6 @@ vue: vue-dev
 vue-build:
 	pnpm --filter @explorer-1/vue build
 
-## Nuxt: run module playground
-nuxt-dev:
-	pnpm --filter @explorer-1/nuxt dev
-
-nuxt: nuxt-dev
-
-## Nuxt: build module
-nuxt-build:
-	pnpm --filter @explorer-1/nuxt build
-
 ## Lint: run ESLint
 lint:
 	pnpm run lint

diff --git a/apps/html-storybook/.storybook/manager-head.html b/apps/html-storybook/.storybook/manager-head.html
@@ -1,6 +1,8 @@
 <style type="text/css">
-  /* styles for the storybook sidebar */
-  @import 'dist/css/font-face.css';
+  /* fix short height of viewing area */
+  main > div {
+    height: 100%;
+  }
 
   .sidebar-item svg:not([type='document']) {
     color: inherit !important;

diff --git a/apps/html-storybook/package.json b/apps/html-storybook/package.json
@@ -11,10 +11,6 @@
     "type": "git",
     "url": "https://github.com/nasa-jpl/explorer-1"
   },
-  "engines": {
-    "node": "^20.13.1",
-    "npm": "^10.5.2"
-  },
   "prettier": "@explorer-1/prettier-config",
   "scripts": {
     "dev": "pnpm run storybook",
@@ -25,43 +21,39 @@
     "lint": "eslint .storybook",
     "lint:fix": "eslint .storybook --fix",
     "build": "pnpm run setup && storybook build -c .storybook -o storybook_compiled",
-    "percy": "percy storybook http://localhost:7007",
-    "percy:dry-run": "percy storybook http://localhost:7007 --dry-run",
     "storybook:update": "npx storybook@latest upgrade --package-manager pnpm"
   },
   "dependencies": {
-    "@fancyapps/ui": "^4.0.26",
-    "@tailwindcss/forms": "^0.5.7",
-    "swiper": "^11.1.3"
+    "@fancyapps/ui": "^6.1.10",
+    "@tailwindcss/forms": "^0.5.11",
+    "swiper": "^12.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
+    "@chromatic-com/storybook": "^5.0.1",
     "@explorer-1/common-storybook": "workspace:*",
     "@explorer-1/html": "workspace:*",
     "@explorer-1/prettier-config": "workspace:*",
     "@explorer-1/tsconfig": "workspace:*",
-    "@percy/cli": "^1.28.7",
-    "@percy/storybook": "^9.1.0",
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "9.1.17",
-    "@storybook/addon-docs": "9.1.17",
-    "@storybook/addon-links": "9.1.17",
-    "@storybook/html-vite": "9.1.17",
+    "@rushstack/eslint-patch": "^1.15.0",
+    "@storybook/addon-a11y": "10.2.8",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-links": "10.2.8",
+    "@storybook/html-vite": "10.2.8",
     "@whitespace/storybook-addon-html": "^8.0.2",
-    "autoprefixer": "^10.4.19",
-    "eslint-plugin-storybook": "9.1.17",
+    "autoprefixer": "^10.4.24",
+    "eslint-plugin-storybook": "10.2.8",
     "js-beautify": "^1.15.4",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.38",
-    "postcss-import": "^16.1.0",
-    "remark-gfm": "^4.0.0",
-    "rimraf": "^5.0.5",
-    "storybook": "9.1.17",
-    "tailwindcss": "^3.4.3",
+    "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1",
+    "remark-gfm": "^4.0.1",
+    "rimraf": "^6.1.2",
+    "storybook": "10.2.8",
+    "tailwindcss": "^3.4.19",
     "ts-node": "^10.9.2",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.1"
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1"
   },
   "overrides": {
     "react-remove-scroll": {

diff --git a/apps/html-storybook/vite.config.ts b/apps/html-storybook/vite.config.ts
@@ -2,6 +2,14 @@ import { defineConfig } from 'vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // silence @import deprecation warnings
+        silenceDeprecations: ['import']
+      }
+    }
+  },
   publicDir: './../public/',
   // because pnpm and stories are in node_modules
   resolve: {

diff --git a/apps/vue-storybook/.percy.yml b/apps/vue-storybook/.percy.yml
diff --git a/apps/vue-storybook/.storybook/manager-head.html b/apps/vue-storybook/.storybook/manager-head.html
@@ -1,6 +1,10 @@
 <style type="text/css">
-  /* styles for the storybook sidebar */
+  /* fix short height of viewing area */
+  main > div {
+    height: 100%;
+  }
 
+  /* styles for the storybook sidebar */
   .sidebar-item svg:not([type='document']) {
     color: inherit !important;
   }

diff --git a/apps/vue-storybook/package.json b/apps/vue-storybook/package.json
@@ -20,10 +20,7 @@
     "prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
     "storybook": "storybook dev -c .storybook -p 6006 --ci",
     "storybook:update": "npx storybook@latest upgrade --package-manager pnpm",
-    "build": "storybook build -c .storybook -o storybook_compiled NODE_ENV='production'",
-    "percy": "percy storybook ./storybook_compiled --verbose",
-    "percy:debug": "percy storybook ./storybook_compiled --debug --shard-count=2 --shard-index=1",
-    "percy:dry-run": "percy storybook ./storybook_compiled --dry-run",
+    "build": "NODE_ENV=production storybook build -c .storybook -o storybook_compiled --webpack-stats-json",
     "postinstall": "node ./../../packages/common-storybook/src/scripts/inject-fonts-local-placeholders.js",
     "lint:app": "eslint './.storybook/**/*.@(js|ts)'",
     "lint:app:fix": "eslint './.storybook/**/*.@(js|ts)' --fix",
@@ -40,51 +37,51 @@
     "@explorer-1/common-storybook": "workspace:*",
     "@explorer-1/html": "workspace:*",
     "@explorer-1/vue": "workspace:*",
-    "@fancyapps/ui": "^4.0.26",
-    "@tailwindcss/forms": "^0.5.7",
+    "@fancyapps/ui": "^6.1.10",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tailwindcss/postcss": "^4.1.18",
     "click-outside-vue3": "^4.0.1",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.19",
     "mitt": "^3.0.1",
-    "swiper": "^11.1.3",
-    "vue": "^3.5.3",
+    "swiper": "^12.1.0",
+    "vue": "^3.5.28",
     "vue-bind-once": "^0.2.1",
+    "vue-router": "^5.0.2",
     "vue3-compare-image": "^1.2.5",
-    "vue3-observe-visibility": "^1.0.1"
+    "vue3-observe-visibility": "^1.0.4"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
+    "@chromatic-com/storybook": "^5.0.1",
     "@explorer-1/prettier-config": "workspace:*",
     "@explorer-1/tsconfig": "workspace:*",
-    "@percy/cli": "^1.28.7",
-    "@percy/storybook": "^9.1.0",
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "9.1.17",
-    "@storybook/addon-docs": "9.1.17",
-    "@storybook/test-runner": "^0.23.0",
-    "@storybook/vue3-vite": "9.1.17",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-prettier": "^7.1.0",
+    "@rushstack/eslint-patch": "^1.15.0",
+    "@storybook/addon-a11y": "10.2.8",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/test-runner": "^0.24.2",
+    "@storybook/vue3-vite": "10.2.8",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vue/eslint-config-prettier": "^10.2.0",
     "@whitespace/storybook-addon-html": "^8.0.2",
-    "a11y-dialog": "^8.1.0",
-    "autoprefixer": "^10.4.19",
-    "axe-playwright": "^2.0.1",
-    "chromatic": "^11.5.5",
-    "eslint-plugin-storybook": "9.1.17",
+    "a11y-dialog": "^8.1.5",
+    "autoprefixer": "^10.4.24",
+    "axe-playwright": "^2.2.2",
+    "chromatic": "^15.0.0",
+    "eslint-plugin-storybook": "10.2.8",
     "http-server": "^14.1.1",
     "js-beautify": "^1.15.4",
-    "msw": "^2.3.0",
+    "msw": "^2.12.10",
     "msw-storybook-addon": "^2.0.6",
-    "pinia": "^2.1.7",
-    "postcss": "^8.4.38",
-    "postcss-import": "^16.1.0",
-    "rimraf": "^5.0.5",
-    "storybook": "9.1.17",
+    "pinia": "^3.0.4",
+    "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1",
+    "rimraf": "^6.1.2",
+    "storybook": "10.2.8",
     "storybook-addon-vue-slots": "^0.9.29",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.19",
     "ts-node": "^10.9.2",
-    "typescript": "^5.4.5",
-    "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.3.1",
-    "vue-tsc": "^2.0.6"
+    "typescript": "^5.9.3",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^7.3.1",
+    "vue-tsc": "^3.2.4"
   }
 }