26ed0aadd2
## Update Dependencies, Node.js 24, and Migrate to ES Modules This PR updates the project dependencies, Node.js version, workflows, and migrates from CommonJS to ES modules. ### Checklist #### Phase 1: Assessment and Configuration - [x] Assess current project structure and dependencies - [x] Update Node.js version requirements (>=24 for builds, >=20 for runtime) - [x] Update GitHub workflow files to use Node 24 - [x] Update Dockerfile to use Node 24 #### Phase 2: TypeScript Configuration for ES Modules - [x] Update root tsconfig.json to use ES2020 target with CommonJS modules - [x] Update backend/tsconfig.json to use ES2020 target with CommonJS modules - [x] Update app/tsconfig.json to use ES2020 target with ESNext modules #### Phase 3: Update Dependencies - [x] Update root package.json dependencies to latest compatible versions - [x] Update app/package.json dependencies to latest compatible versions - [x] Update backend/package.json dependencies to latest compatible versions - [x] Run yarn install to update lockfile #### Phase 4: Convert CommonJS to ES Modules - [x] Convert webpack config files to ES modules (.js → .mjs) - [x] Convert prettier.config.js to ES modules - [x] Update TypeScript files with CommonJS require() to use ES imports - [x] Fix breaking changes from dependency API updates #### Phase 5: Replace ts-node with tsx - [x] Replace ts-node with tsx in all package.json scripts - [x] Update root package.json to use tsx for prepare-release and package scripts - [x] Update backend package.json to use tsx with mocha - [x] Update app package.json to use tsx with mocha - [x] Update script shebangs to use tsx - [x] Add tsx to devDependencies, remove ts-node #### Phase 6: Upgrade React and Material-UI - [x] Upgrade React from 16.14.0 to 18.3.1 - [x] Upgrade React-DOM from 16.14.0 to 18.3.1 - [x] Migrate from @material-ui (v4) to @mui/material (v5) - [x] Add @emotion/react and @emotion/styled (required for MUI v5) - [x] Update all import paths from @material-ui/* to @mui/* - [x] Update theme creation from createMuiTheme to createTheme - [x] Update palette.type to palette.mode - [x] Update ReactDOM.render to ReactDOM.createRoot (React 18) - [x] Update ThemeProvider import to use @mui/material/styles - [x] Add @mui/styles for withStyles compatibility - [x] Separate Theme and withStyles imports correctly - [x] Replace fade with alpha in theme styles - [x] Replace ExpansionPanel with Accordion - [x] Fix all component imports from wrong modules - [x] Replace withTheme HOC with useTheme hook - [x] Replace theme.palette.text.hint with theme.palette.text.secondary - [x] Update all Redux reducers for Redux v5 compatibility #### Phase 7: Fix All TypeScript Errors - [x] Fix Dialog disableBackdropClick removal (use onClose handler) - [x] Fix Button classes.label removal (use sx prop) - [x] Fix Select onChange signature (MUI v5 API change) - [x] Fix Snackbar onClose signature (MUI v5 API change) - [x] Fix ClickAwayListener onClickAway signature (MUI v5 API change) - [x] Fix ReactResizeDetector (migrate to useResizeDetector hook) - [x] Fix Redux connect + withStyles type compatibility (use type assertions) - [x] Fix all connected component prop type errors - [x] Add children prop to ErrorBoundary - [x] Add parameter types to callbacks #### Phase 8: Build and Test - [x] Run yarn build - ✅ **SUCCESSFUL with 0 errors, 1 minor warning** - [x] Run yarn test - ✅ **All 27 tests passing (5 app + 22 backend)** #### Phase 9: Update All GitHub Actions - [x] Update Node.js to 24 in copilot-setup.yml workflow - [x] Update Node.js to 24 in update-website.yml workflow - [x] Update docker/build-push-action from v5 to v6 - [x] Replace deprecated tibdex/github-app-token@v2 with actions/create-github-app-token@v1 - [x] All other actions already at latest versions (v4 for GitHub actions, v3 for Docker actions) #### Phase 10: Final Validation - [x] All TypeScript compilation errors fixed - [x] All tests passing - [x] Build completes successfully - [x] Clarified Node.js engine requirements per use case - [x] All GitHub Actions updated to latest versions ### Node.js Version Requirements This project has different Node.js requirements depending on the use case: #### Building the Electron App (Root package.json) - **Required:** Node.js >= 24 - **Why:** Build tools like @electron/notarize and semantic-release require Node.js 24+ - **Affected files:** `/package.json` #### Running the Backend/Server (Backend package.json) - **Required:** Node.js >= 20 - **Why:** The MQTT server runtime is compatible with Node.js 20+ - **Affected files:** `/backend/package.json` #### Frontend App (App package.json) - **Required:** Node.js >= 20 - **Why:** React and webpack tools are compatible with Node.js 20+ - **Affected files:** `/app/package.json` ### Summary of All Changes **Major Dependency Updates:** - TypeScript: 4.5.5 → 5.9.3 - Node.js: >=24 for builds, >=20 for runtime - React: 16.14.0 → 18.3.1 - React-DOM: 16.14.0 → 18.3.1 - Redux: 4.2.1 → 5.0.1 - @material-ui/core → @mui/material 5.18.0 - @material-ui/icons → @mui/icons-material 5.18.0 - mqtt: 4.3.6 → 5.14.1 - axios: 0.28.0 → 1.13.2 - redux-thunk: 2.3.0 → 3.1.0 - electron-builder: 24.13.3 → 26.0.12 - @electron/notarize: 3.1.1 (latest) - semantic-release: 25.0.2 (latest) - react-resize-detector: migrated to useResizeDetector hook - 50+ other dependencies **GitHub Actions Updated:** - ✅ actions/checkout@v4 (latest) - ✅ actions/setup-node@v4 (latest) - Now uses Node 24 in all workflows - ✅ actions/cache@v4 (latest) - ✅ actions/upload-artifact@v4 (latest) - ✅ docker/build-push-action: v5 → **v6** (latest) - ✅ docker/login-action@v3 (latest) - ✅ docker/setup-buildx-action@v3 (latest) - ✅ cycjimmy/semantic-release-action@v4 (latest) - ✅ tibdex/github-app-token@v2 → **actions/create-github-app-token@v1** (official replacement for deprecated action) - ✅ stefanzweifel/git-auto-commit-action@v5 (latest) - ✅ hkusu/s3-upload-action@v2 (latest) **All TypeScript Errors Fixed:** - Removed disableBackdropClick from Dialog (deprecated in MUI v5) - Removed Button classes.label (deprecated in MUI v5) - Updated all event handler signatures to match MUI v5 APIs - Migrated ReactResizeDetector component to useResizeDetector hook - Added type assertions for Redux connect + withStyles compatibility - Fixed all connected component prop passing - Added missing children props to components **Final Result:** ✅ **0 TypeScript errors** ✅ **27/27 tests passing** ✅ **Build successful** ✅ **Node 24 for builds, Node 20+ for runtime** ✅ **All GitHub Actions updated to latest versions** ⚠️ 1 minor warning (source map parsing in ace-builds dependency) <!-- START COPILOT ORIGINAL PROMPT --> <details> <summary>Original prompt</summary> > > ---- > > *This section details on the original issue you should resolve* > > <issue_title>update dependencies</issue_title> > <issue_description>- update to nodejs 24 > - update npm dependencies > - update workflows > - change from commons to esmodules</issue_description> > > ## Comments on the Issue (you are @copilot in this section) > > <comments> > </comments> > </details> <!-- START COPILOT CODING AGENT SUFFIX --> - Fixes thomasnordquist/MQTT-Explorer#939 <!-- START COPILOT CODING AGENT TIPS --> --- 💬 We'd love your input! Share your thoughts on Copilot coding agent in our [2 minute survey](https://gh.io/copilot-coding-agent-survey). --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: thomasnordquist <7721625+thomasnordquist@users.noreply.github.com> Co-authored-by: Thomas Nordquist <thomasnordquist@users.noreply.github.com>
152 lines
5.0 KiB
JSON
152 lines
5.0 KiB
JSON
{
|
|
"name": "MQTT-Explorer",
|
|
"version": "0.4.0-beta.5",
|
|
"description": "Explore your message queues",
|
|
"main": "dist/src/electron.js",
|
|
"engines": {
|
|
"node": ">=24"
|
|
},
|
|
"private": "true",
|
|
"scripts": {
|
|
"start": "electron .",
|
|
"start:server": "npx tsc && node dist/src/server.js",
|
|
"test": "yarn test:app && yarn test:backend",
|
|
"test:app": "cd app && yarn test",
|
|
"test:backend": "cd backend && yarn test",
|
|
"test:ui": "tsc && mocha --require source-map-support/register dist/src/spec/ui-tests.spec.js",
|
|
"test:mcp": "tsc && node dist/src/spec/testMcpIntrospection.js",
|
|
"install": "cd app && yarn && cd ..",
|
|
"dev": "npm-run-all --parallel dev:*",
|
|
"dev:app": "cd app && npm run dev",
|
|
"dev:electron": "tsc && electron . --development",
|
|
"dev:server": "npm-run-all --parallel dev:server:*",
|
|
"dev:server:app": "cd app && npx webpack-dev-server --config webpack.browser.config.mjs --mode development --progress",
|
|
"dev:server:backend": "tsc && node dist/src/server.js",
|
|
"lint": "npm-run-all --parallel lint:prettier lint:tslint lint:spellcheck",
|
|
"lint:fix": "npm-run-all lint:tslint:fix lint:prettier:fix",
|
|
"lint:prettier": "prettier --check \"**/*.ts{x,}\"",
|
|
"lint:prettier:fix": "prettier --write \"**/*.ts{x,}\"",
|
|
"lint:tslint": "tslint -p ./",
|
|
"lint:tslint:fix": "tslint -p ./ --fix",
|
|
"lint:spellcheck": "cspell -e ./build -e \"node_modules\" \"**/*.ts{x,}\"",
|
|
"build": "tsc && cd app && yarn run build && cd ..",
|
|
"build:server": "npx tsc && cd app && npx webpack --config webpack.browser.config.mjs --mode production && cd ..",
|
|
"prepare-release": "tsx scripts/prepare-release.ts",
|
|
"package": "tsx package.ts",
|
|
"ui-test": "./scripts/uiTests.sh",
|
|
"upload-video-artifacts": "./scripts/uploadVideoAsset.ts ui-test.mp4 ui-test.gif",
|
|
"package-with-docker": "./scripts/package-with-docker.sh"
|
|
},
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "https://github.com/thomasnordquist/MQTT-Explorer.git"
|
|
},
|
|
"build": {
|
|
"appId": "mqtt-explorer",
|
|
"productName": "MQTT Explorer",
|
|
"nodeGypRebuild": false,
|
|
"mac": {
|
|
"appId": "de.t7n.apps.mqtt-explorer",
|
|
"category": "public.app-category.developer-tools",
|
|
"hardenedRuntime": true,
|
|
"publish": [
|
|
"github"
|
|
],
|
|
"entitlements": "res/entitlements.mas.plist"
|
|
},
|
|
"linux": {
|
|
"category": "Development",
|
|
"maintainer": "Thomas Nordquist"
|
|
},
|
|
"snap": {
|
|
"environment": {
|
|
"DISABLE_WAYLAND": "1"
|
|
}
|
|
},
|
|
"appx": {
|
|
"applicationId": "mqttexplorer",
|
|
"identityName": "51031thomas.nordquist.MQTT-Explorer",
|
|
"publisherDisplayName": "Thomas Nordquist",
|
|
"publisher": "CN=0A6DE643-4AA2-4FF2-9729-6935C9ED8C13",
|
|
"backgroundColor": "transparent",
|
|
"showNameOnTiles": true
|
|
},
|
|
"directories": {
|
|
"app": "./",
|
|
"buildResources": "res",
|
|
"output": "build"
|
|
},
|
|
"afterPack": "./dist/scripts/afterPack.js"
|
|
},
|
|
"author": "Thomas Nordquist",
|
|
"email": "xxnerowingerxx@gmail.com",
|
|
"homepage": "https://github.com",
|
|
"license": "CC-BY-ND-4.0",
|
|
"devDependencies": {
|
|
"@babel/runtime": "^7.28.4",
|
|
"@cspell/dict-typescript": "^3.2.3",
|
|
"@electron/notarize": "^3.1.1",
|
|
"@semantic-release/changelog": "^6.0.3",
|
|
"@semantic-release/commit-analyzer": "^13.0.1",
|
|
"@semantic-release/git": "^10.0.1",
|
|
"@types/bcryptjs": "^3.0.0",
|
|
"@types/chai": "^4.3.20",
|
|
"@types/express": "^5.0.6",
|
|
"@types/fs-extra": "^11.0.4",
|
|
"@types/json-to-ast": "^2.1.4",
|
|
"@types/lowdb": "^1.0.15",
|
|
"@types/mime": "^4.0.0",
|
|
"@types/mocha": "^10.0.10",
|
|
"@types/mustache": "^4.2.5",
|
|
"@types/node": "^25.0.3",
|
|
"@types/semver": "^7.7.1",
|
|
"@types/sha1": "^1.1.1",
|
|
"@types/socket.io": "^3.0.2",
|
|
"@types/uuid": "^8.3.4",
|
|
"builder-util-runtime": "^9.3.1",
|
|
"chai": "^4.5.0",
|
|
"cspell": "^8.19.4",
|
|
"electron": "39.2.7",
|
|
"electron-builder": "^26.0.12",
|
|
"mocha": "^10.8.2",
|
|
"mustache": "^4.2.0",
|
|
"npm-run-all": "^4.1.5",
|
|
"nyc": "^17.1.0",
|
|
"playwright": "^1.57.0",
|
|
"prettier": "^3.7.4",
|
|
"redux-thunk": "^3.1.0",
|
|
"semantic-release": "^25.0.2",
|
|
"semantic-release-export-data": "^1.2.0",
|
|
"source-map-support": "^0.5.9",
|
|
"sparkplug-client": "^3.2.4",
|
|
"tslint": "^6.1.3",
|
|
"tslint-config-airbnb": "^5.11.2",
|
|
"tslint-react": "^5.0.0",
|
|
"tslint-react-recommended": "^1.0.15",
|
|
"tsx": "^4.21.0",
|
|
"typescript": "^5.9.3"
|
|
},
|
|
"dependencies": {
|
|
"about-window": "^1.12.1",
|
|
"axios": "^1.13.2",
|
|
"bcryptjs": "^3.0.3",
|
|
"debug": "^4.4.3",
|
|
"dot-prop": "^5.3.0",
|
|
"electron-log": "^5.4.3",
|
|
"electron-updater": "^6.6.2",
|
|
"express": "^5.2.1",
|
|
"fs-extra": "^11.3.3",
|
|
"js-base64": "^3.7.8",
|
|
"json-to-ast": "^2.1.0",
|
|
"lowdb": "^1.0.0",
|
|
"mime": "^4.1.0",
|
|
"mqtt": "^5.14.1",
|
|
"protobufjs": "^8.0.0",
|
|
"sha1": "^1.1.1",
|
|
"socket.io": "^4.8.1",
|
|
"sparkplug-payload": "^1.0.3",
|
|
"uuid": "^11.0.0",
|
|
"yarn-run-all": "^3.1.1"
|
|
}
|
|
}
|