@signalk/server-admin-ui 2.23.2 → 2.24.0

package/README.md

@@ -1,15 +1,47 @@
 # @signalk/server-admin-ui
 
-Used within the [Signal K](http://signalk.org) [Node Server](https://github.com/SignalK/signalk-server-node) to render the admin interface.
-
-This is its own package so when its installed the javascript asset files come compiled. It makes the build process from the git repo easier and more efficient.
+Admin interface for the [Signal K](http://signalk.org) [Node Server](https://github.com/SignalK/signalk-server-node).
 
 ## Development
 
-- Install dev packages with `npm i`.
-- Edit files with `/src`.
-- Run `npm run prepublishOnly`
-- `npm link`
-- `cd ../../`
-- `npm link @signalk/server-admin-ui`
-- Restart signalk `npm start`
+### Hot Reload
+
+1. Start the Signal K server on port 3000:
+
+   ```bash
+   bin/nmea-from-file
+   ```
+
+2. In a separate terminal, start the Vite dev server:
+
+   ```bash
+   cd packages/server-admin-ui
+   npm run dev
+   ```
+
+3. Open http://localhost:5173 in your browser
+
+The dev server proxies API requests to the Signal K server on port 3000.
+
+### Production Build
+
+```bash
+npm run build
+npm link
+cd ../../
+npm link @signalk/server-admin-ui
+npm start
+```
+
+Then access the Admin UI at http://localhost:3000.
+
+### Scripts
+
+- `npm run dev` - Vite dev server with hot reload (port 5173)
+- `npm run build` - Production build
+- `npm run lint` - ESLint with auto-fix
+- `npm run format` - Prettier
+
+## Module Federation
+
+Embedded webapps and plugin configuration panels use Module Federation to share React as a singleton. See the [WebApps documentation](../../docs/develop/webapps.md) for details.

package/index.html

@@ -18,6 +18,6 @@
     class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden"
   >
     <div id="root"></div>
-    <script type="module" src="/src/index.js"></script>
+    <script type="module" src="/src/index.ts"></script>
   </body>
 </html>

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@signalk/server-admin-ui",
-  "version": "2.23.2",
+  "version": "2.24.0",
   "description": "Signal K server admin webapp",
-  "author": "Scott Bender, Teppo Kurki",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SignalK/signalk-server.git",
+    "directory": "packages/server-admin-ui"
+  },
+  "author": "Dirk Wahrheit, Scott Bender, Teppo Kurki",
   "contributors": [
     {
       "name": "Teppo Kurki"
@@ -12,50 +17,68 @@
     }
   ],
   "license": "MIT",
+  "type": "module",
+  "keywords": [
+    "signalk-webapp"
+  ],
+  "signalk": {
+    "appIcon": "./img/signal-k-logo-image.svg",
+    "displayName": "Admin UI"
+  },
   "devDependencies": {
     "@babel/core": "^7.11.6",
     "@babel/preset-react": "^7.10.4",
-    "@fortawesome/fontawesome-free": "^5.15.1",
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@module-federation/vite": "^1.0.10",
-    "@rjsf/bootstrap-4": "^5.24.13",
+    "@fortawesome/react-fontawesome": "^3.1.1",
+    "@module-federation/vite": "^1.9.4",
     "@rjsf/core": "^5.24.13",
     "@rjsf/utils": "^5.24.13",
     "@rjsf/validator-ajv8": "^5.24.13",
-    "@signalk/server-admin-ui-dependencies": "1.0.1",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@signalk/server-admin-ui-dependencies": "2.23.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/escape-html": "^1.0.4",
+    "@types/lodash.remove": "^4.7.9",
+    "@types/lodash.set": "^4.3.9",
+    "@types/lodash.uniq": "^4.5.9",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^4.0.18",
     "ansi-to-html": "^0.6.14",
-    "bootstrap": "^4.5.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "bootstrap": "^5.3.3",
     "buffer": "^6.0.3",
+    "dayjs": "^1.11.13",
     "escape-html": "^1.0.3",
-    "font-awesome": "^4.7.0",
+    "html-react-parser": "^5.2.5",
+    "jsdom": "^27.4.0",
     "jsonlint-mod": "^1.7.6",
     "lodash.remove": "^4.7.0",
-    "mathjs": "^12.4.0",
     "lodash.set": "^4.3.2",
     "lodash.uniq": "^4.5.0",
-    "moment": "^2.29.1",
-    "react": "^16.14.0",
-    "react-bootstrap": "^1.6.8",
-    "react-copy-to-clipboard": "^5.0.3",
-    "react-dom": "^16.14.0",
-    "react-html-parser": "^2.0.2",
+    "mathjs": "^12.4.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-json-tree": "^0.20.0",
-    "react-redux": "^5.1.2",
-    "react-router-dom": "^4.3.1",
-    "react-select": "^3.1.0",
-    "reactstrap": "^5.0.0",
+    "react-router-dom": "^6.28.0",
+    "react-bootstrap": "^2.10.10",
+    "react-select": "^5.10.2",
     "reconnecting-websocket": "^4.4.0",
-    "redux": "^3.7.2",
-    "redux-thunk": "2.3.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.81.0",
+    "@fortawesome/fontawesome-free": "^5.15.1",
+    "font-awesome": "^4.7.0",
     "simple-line-icons": "^2.5.5",
-    "vite": "^6.0.5"
+    "typescript": "^5.7.2",
+    "vite": "^6.0.5",
+    "vitest": "^4.0.18"
   },
   "scripts": {
     "prepublishOnly": "npm run build",
@@ -66,6 +89,12 @@
     "format": "prettier --write src/",
     "lint": "eslint --fix",
     "clean": "rimraf ./public",
-    "bundle-analyzer": "vite-bundle-visualizer"
+    "bundle-analyzer": "vite-bundle-visualizer",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "zustand": "^5.0.10"
   }
 }

package/public/assets/adminUI__loadShare__react__loadShare__.mjs-D12K3nc7.js

@@ -0,0 +1,2 @@
+function i(e,n){for(var a=0;a<n.length;a++){const _=n[a];if(typeof _!="string"&&!Array.isArray(_)){for(const t in _)if(t!=="default"&&!(t in e)){const f=Object.getOwnPropertyDescriptor(_,t);f&&Object.defineProperty(e,t,f.get?f:{enumerable:!0,get:()=>_[t]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const o="__mf_init____mf__virtual/adminUI__mf_v__runtimeInit__mf_v__.js__";let r=globalThis[o];if(!r){let e,n;const a=new Promise((_,t)=>{e=_,n=t});r=globalThis[o]={initPromise:a,initResolve:e,initReject:n},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const m=r.initPromise,u=m.then(e=>e.loadShare("react",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^19.0.0"}}})),s=await u.then(e=>typeof e=="function"?e():e),c=s,l=s.__esModule?s.default:s.default??s,{Activity:d,Children:E,Component:R,Fragment:S,Profiler:p,PureComponent:C,StrictMode:h,Suspense:g,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:P,__COMPILER_RUNTIME:T,cache:v,cacheSignal:y,cloneElement:I,createContext:N,createElement:O,createRef:b,forwardRef:A,isValidElement:M,lazy:x,memo:D,startTransition:U,unstable_useCacheRefresh:w,use:L,useActionState:V,useCallback:j,useContext:k,useDebugValue:z,useDeferredValue:H,useEffect:G,useEffectEvent:q,useId:F,useImperativeHandle:W,useInsertionEffect:Y,useLayoutEffect:K,useMemo:$,useOptimistic:B,useReducer:J,useRef:Q,useState:X,useSyncExternalStore:Z,useTransition:ee,version:_e}=s,te=i({__proto__:null,Activity:d,Children:E,Component:R,Fragment:S,Profiler:p,PureComponent:C,StrictMode:h,Suspense:g,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:P,__COMPILER_RUNTIME:T,cache:v,cacheSignal:y,cloneElement:I,createContext:N,createElement:O,createRef:b,default:l,forwardRef:A,isValidElement:M,lazy:x,memo:D,startTransition:U,unstable_useCacheRefresh:w,use:L,useActionState:V,useCallback:j,useContext:k,useDebugValue:z,useDeferredValue:H,useEffect:G,useEffectEvent:q,useId:F,useImperativeHandle:W,useInsertionEffect:Y,useLayoutEffect:K,useMemo:$,useOptimistic:B,useReducer:J,useRef:Q,useState:X,useSyncExternalStore:Z,useTransition:ee,version:_e},[c]);export{B as A,te as R,k as _,$ as a,O as b,E as c,M as d,S as e,G as f,N as g,Q as h,j as i,K as j,R as k,X as l,A as m,l as n,_e as o,I as p,J as q,W as r,F as s,V as t,g as u,Z as v,D as w,H as x,ee as y,b as z};
+//# sourceMappingURL=adminUI__loadShare__react__loadShare__.mjs-D12K3nc7.js.map

package/public/assets/adminUI__loadShare__react__loadShare__.mjs_commonjs-proxy-CxhLHr3R.js

@@ -0,0 +1,2 @@
+import{R as u}from"./adminUI__loadShare__react__loadShare__.mjs-D12K3nc7.js";var s=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function f(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var o=e.default;if(typeof o=="function"){var t=function r(){return this instanceof r?Reflect.construct(o,arguments,this.constructor):o.apply(this,arguments)};t.prototype=o.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}),t}const c=f(u);export{l as a,s as c,f as g,c as r};
+//# sourceMappingURL=adminUI__loadShare__react__loadShare__.mjs_commonjs-proxy-CxhLHr3R.js.map

package/public/assets/adminUI__loadShare__react_mf_2_dom__loadShare__.mjs-BWXpsqcx.js

@@ -0,0 +1,2 @@
+function f(e,r){for(var n=0;n<r.length;n++){const _=r[n];if(typeof _!="string"&&!Array.isArray(_)){for(const t in _)if(t!=="default"&&!(t in e)){const i=Object.getOwnPropertyDescriptor(_,t);i&&Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>_[t]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const a="__mf_init____mf__virtual/adminUI__mf_v__runtimeInit__mf_v__.js__";let s=globalThis[a];if(!s){let e,r;const n=new Promise((_,t)=>{e=_,r=t});s=globalThis[a]={initPromise:n,initResolve:e,initReject:r},typeof window>"u"&&e({loadRemote:function(){return Promise.resolve(void 0)},loadShare:function(){return Promise.resolve(void 0)}})}const l=s.initPromise,m=l.then(e=>e.loadShare("react-dom",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"^19.0.0"}}})),o=await m.then(e=>typeof e=="function"?e():e),u=o,c=o.__esModule?o.default:o.default??o,{__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:d,createPortal:p,flushSync:S,preconnect:R,prefetchDNS:O,preinit:h,preinitModule:N,preload:P,preloadModule:b,requestFormReset:g,unstable_batchedUpdates:D,useFormState:E,useFormStatus:M,version:T}=o,v=f({__proto__:null,__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:d,createPortal:p,default:c,flushSync:S,preconnect:R,prefetchDNS:O,preinit:h,preinitModule:N,preload:P,preloadModule:b,requestFormReset:g,unstable_batchedUpdates:D,useFormState:E,useFormStatus:M,version:T},[u]);export{v as R,p as _,c as a};
+//# sourceMappingURL=adminUI__loadShare__react_mf_2_dom__loadShare__.mjs-BWXpsqcx.js.map

package/public/assets/adminUI__loadShare__react_mf_2_dom__loadShare__.mjs_commonjs-proxy-BdljRO5t.js

@@ -0,0 +1,2 @@
+import{R as e}from"./adminUI__loadShare__react_mf_2_dom__loadShare__.mjs-BWXpsqcx.js";import{g as r}from"./adminUI__loadShare__react__loadShare__.mjs_commonjs-proxy-CxhLHr3R.js";const m=r(e);export{m as r};
+//# sourceMappingURL=adminUI__loadShare__react_mf_2_dom__loadShare__.mjs_commonjs-proxy-BdljRO5t.js.map