redis-smq-web-ui 9.0.0-next.0 → 9.0.0-next.10

package/CHANGELOG.md

@@ -3,6 +3,128 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.0-next.10](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.9...v9.0.0-next.10) (2025-10-26)
+
+### 🐛 Bug Fixes
+
+- **redis-smq-web-ui:** handle correctly base path ([f338be1](https://github.com/weyoss/redis-smq/commit/f338be1c279bd1b6a91225c85c2615490f0050cc))
+
+### 🚀 Chore
+
+- **redis-smq-web-ui:** upgrade playwright to version 1.56.1 ([ac1cd46](https://github.com/weyoss/redis-smq/commit/ac1cd46cc64c927fb00ade40e39e4752fc8fa9fd))
+- **redis-smq-web-ui:** upgrade vite to version 7.1.12 ([5c92529](https://github.com/weyoss/redis-smq/commit/5c92529828d9f2512dee5f1b95d92eba996ee2ab))
+
+## [9.0.0-next.9](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.8...v9.0.0-next.9) (2025-10-21)
+
+**Note:** Version bump only for package redis-smq-web-ui
+
+## [9.0.0-next.8](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.7...v9.0.0-next.8) (2025-10-18)
+
+### 🐛 Bug Fixes
+
+- **redis-smq-web-ui:** make loading screen responsive with fluid scaling ([fe6d346](https://github.com/weyoss/redis-smq/commit/fe6d3469eaf67a3f52f903c79e2a25942c46ef86))
+- **redis-smq-web-ui:** offer to create the first queue only when no queues exist ([8042b45](https://github.com/weyoss/redis-smq/commit/8042b45d5c735352df83e44176647c722509e128))
+
+### 📝 Documentation
+
+- **redis-smq-web-ui:** update README screenshot to home view ([874ad7f](https://github.com/weyoss/redis-smq/commit/874ad7f342119b71004662731482e8b45b921991))
+
+### ♻️ Code Refactoring
+
+- **redis-smq-web-ui:** integrate CreateQueueModal into HomeView, simplify dashboard ([de2a116](https://github.com/weyoss/redis-smq/commit/de2a116a8fb069a8ff51c0d3b616fadb7d6d306c))
+- **redis-smq-web-ui:** make CreateQueueModal self-contained ([ff31b5c](https://github.com/weyoss/redis-smq/commit/ff31b5c5f3b10d0831184350616c096c0118613f))
+
+## [9.0.0-next.7](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.6...v9.0.0-next.7) (2025-10-13)
+
+### 📝 Documentation
+
+- **redis-smq-web-ui:** update web ui screenshot ([8c1addb](https://github.com/weyoss/redis-smq/commit/8c1addb026e6ee734070adc2d57e522d07411cdb))
+
+### ♻️ Code Refactoring
+
+- **redis-smq-web-ui:** extract ClearRateLimitConfirmationModal component ([f46508a](https://github.com/weyoss/redis-smq/commit/f46508a70b1d1695f11dd7b0aff6d17f7d5ea36a))
+- **redis-smq-web-ui:** unify queue display format to name@namespace ([0362b5b](https://github.com/weyoss/redis-smq/commit/0362b5b02245ef98cf33f2775ad280d9ae6fda05))
+
+## [9.0.0-next.6](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.5...v9.0.0-next.6) (2025-10-13)
+
+### ✨ Features
+
+- **redis-smq-web-ui:** add notification for exchange deletion with bound queues ([c9159fa](https://github.com/weyoss/redis-smq/commit/c9159fa9404583bacd88392c11ae245d5df3b4ba))
+- **redis-smq-web-ui:** add unified DeleteExchangeModal for all exchange types ([db69156](https://github.com/weyoss/redis-smq/commit/db6915686fbb5f85414ee6a71f83b00a5afaf1ac))
+
+### ♻️ Code Refactoring
+
+- **redis-smq-web-ui:** remove unused DeleteFanoutExchangeModal ([d91136c](https://github.com/weyoss/redis-smq/commit/d91136c952843fe16d8fcbc1b4f96ad92c452f93))
+
+## [9.0.0-next.5](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.4...v9.0.0-next.5) (2025-10-12)
+
+### ✨ Features
+
+- **redis-smq-web-ui:** improve mobile experience ([1230bfe](https://github.com/weyoss/redis-smq/commit/1230bfee88f2d6ed2dea4c56bd4b7e4c7dd216df))
+- **redis-smq-web-ui:** notify about disabled message storage for ack/dl messages ([b3ecc52](https://github.com/weyoss/redis-smq/commit/b3ecc527548c770c37829cc69f716c27b8df5f14))
+
+### 🐛 Bug Fixes
+
+- **redis-smq-web-ui:** fix sudden CreateExchangeModal closure ([b6b2b0e](https://github.com/weyoss/redis-smq/commit/b6b2b0edb6d4d1c4fc022d2cbaf2f21101a61c4a))
+
+### 🚀 Chore
+
+- **redis-smq-web-ui:** update dependencies to latest versions ([f48c578](https://github.com/weyoss/redis-smq/commit/f48c578eaf84b04bdb700d808b5acc60396fc9e5))
+
+### 📝 Documentation
+
+- add GitHub note callouts in README files ([86e855a](https://github.com/weyoss/redis-smq/commit/86e855ae7aea91e3295301671b8da3249164ea40))
+- **redis-smq-web-ui:** fix license statement ([0e37a16](https://github.com/weyoss/redis-smq/commit/0e37a16143bc458de9b33e78e2be9f1757897f33))
+- **redis-smq-web-ui:** improve README clarity and structure ([d85bffe](https://github.com/weyoss/redis-smq/commit/d85bffede56fcc17651af1ac7d0fb0a03cb331ce))
+- standardize "next" branch reference ([15f3e4f](https://github.com/weyoss/redis-smq/commit/15f3e4f4347fd4f76f9dc167dd72f174f178ab8e))
+- update README files for next branch with pre-release badges and doc links ([463250b](https://github.com/weyoss/redis-smq/commit/463250bbd754d44ae6741abcf4e2d62995aef620))
+
+### ♻️ Code Refactoring
+
+- **redis-smq-web-ui:** migrate scripts utils to use RedisSMQ class ([30797f8](https://github.com/weyoss/redis-smq/commit/30797f855272f5c2f3456224c0a91a2301d2eb39))
+- **redis-smq-web-ui:** remove unused CreateFanoutExchangeModal ([79f3fda](https://github.com/weyoss/redis-smq/commit/79f3fdae50c2f1cc21592e7a8759daf98be09fe8))
+- **redis-smq-web-ui:** reorder navigation menu items ([235e81c](https://github.com/weyoss/redis-smq/commit/235e81c98a4df75b229b89227e06c2d7aaded068))
+
+## [9.0.0-next.4](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.3...v9.0.0-next.4) (2025-10-09)
+
+### ✨ Features
+
+- **redis-smq-web-ui:** add exchange management system ([c33650c](https://github.com/weyoss/redis-smq/commit/c33650c01a3c4fcd4663b08668642f7aea394fce))
+
+### 🐛 Bug Fixes
+
+- **redis-smq-web-ui:** fix error message reference ([8e6fb43](https://github.com/weyoss/redis-smq/commit/8e6fb4379976a7a3d26036f22f235f0271da79a0))
+- **redis-smq-web-ui:** initialize RedisSMQ before starting API server ([22887fa](https://github.com/weyoss/redis-smq/commit/22887faf0abc8939de9f90e8abfb18d7c8e93d02))
+- **redis-smq-web-ui:** update branding ([2bd50ce](https://github.com/weyoss/redis-smq/commit/2bd50ce8ef75bdca9c5602ddc8bc6d36cdb8342f))
+
+### 📝 Documentation
+
+- **redis-smq-web-ui:** improve README formatting ([e0d3399](https://github.com/weyoss/redis-smq/commit/e0d33990886f934df31e65fa831b87f7a761e3b0))
+
+### ♻️ Code Refactoring
+
+- **redis-smq-web-ui:** standardize HTML formatting ([b290044](https://github.com/weyoss/redis-smq/commit/b290044c861014cda393467dd3b7af52f5507679))
+
+## [9.0.0-next.3](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.2...v9.0.0-next.3) (2025-09-09)
+
+### 🐛 Bug Fixes
+
+- **redis-smq-web-ui:** move redis-smq-rest-api from peer to dev deps ([573829e](https://github.com/weyoss/redis-smq/commit/573829e862355c33deb4b830a6c89c708d387c6f))
+
+### 📝 Documentation
+
+- **redis-smq-web-ui:** include Priority Queues support ([ce6d143](https://github.com/weyoss/redis-smq/commit/ce6d1436ea0015e66d736e7a01f1e2982254a0c2))
+
+## [9.0.0-next.2](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.1...v9.0.0-next.2) (2025-09-07)
+
+### 📝 Documentation
+
+- **redis-smq-web-ui:** add screenshot to README ([c6fb731](https://github.com/weyoss/redis-smq/commit/c6fb731f1bf29021793cb7ee12e69b2a8332a707))
+
+## [9.0.0-next.1](https://github.com/weyoss/redis-smq/compare/v9.0.0-next.0...v9.0.0-next.1) (2025-09-06)
+
+**Note:** Version bump only for package redis-smq-web-ui
+
 ## [9.0.0-next.0](https://github.com/weyoss/redis-smq/compare/v8.3.1...v9.0.0-next.0) (2025-09-06)
 
 ### ✨ Features

package/README.md

@@ -1,115 +1,122 @@
 # RedisSMQ Web UI
 
-A Single Page Application for monitoring and managing RedisSMQ: inspect queues, messages, consumers, and more — with an integrated OpenAPI client.
+> [!NOTE]
+> You are viewing the documentation for the "next" branch. These docs describe unreleased changes published under the npm "next" dist-tag.  
+> For the latest stable documentation, see:
+>
+> - Master (stable) README: https://github.com/weyoss/redis-smq/tree/master/packages/redis-smq-web-ui
+> - Latest release notes/tags: https://github.com/weyoss/redis-smq/releases/latest
+> - Install stable packages with @latest; pre-release with @next.
+
+![RedisSMQ Web UI - Home](docs/screenshots/img01.png)
+
+A Single Page Application for monitoring and managing RedisSMQ. Inspect queues and messages, review consumers, and perform common actions — with an integrated, type-safe OpenAPI client.
 
 - Works seamlessly with the RedisSMQ REST API
-- Best served via the RedisSMQ Web Server (serves static UI and hosts or proxies the API)
-- Ships with developer-friendly tooling, types, and test setup
+- Best served via the RedisSMQ Web Server (serves the static UI and hosts or proxies the API)
+- Ships with developer-friendly types and OpenAPI client generation
 
 ## Features
 
-- Dashboard to overview queues, consumers, and message stats
+- Dashboard for queues, consumers, and message stats
 - Queue/message browsers with filters and actions (ack, retry, delete, etc.)
-- Support for FIFO/LIFO and multiple delivery models
-- Integrated documentation via Swagger UI (when served with the REST API)
-- Type-safe OpenAPI client (generated)
+- Supports multiple queue and delivery models
+- Exchange types: Direct, Topic, Fanout
+- Type-safe OpenAPI client (generated from the REST API schema)
+- History-fallback friendly routing (works correctly under a sub-path when configured)
 
 ## Version compatibility
 
-Always install matching versions of RedisSMQ packages. See the root docs for Version Compatibility. Use the same major/minor across:
-- redis-smq
-- redis-smq-common
-- redis-smq-rest-api
-- redis-smq-web-server
-- redis-smq-web-ui
-
-## Getting started
-
-### Recommended: run via the Web Server
-
-Use redis-smq-web-server to host the UI and API in one place, or proxy the API to an external service.
-
-- In-process API:
-    - UI at http://localhost:8080/
-    - API at http://localhost:8080/api
-- Proxy to an external REST API:
-    - UI is still served locally
-    - API/docs/assets are forwarded to the upstream API
+Always install matching versions of RedisSMQ packages (same major/minor) to avoid runtime/API mismatches. See
+[version-compatibility.md](/packages/redis-smq/docs/version-compatibility.md).
 
-See [RedisSMQ Web Server](../redis-smq-web-server/README.md) for CLI options such as:
-- --port
-- --base-path
-- --api-proxy-target
+## Requirements
 
-### Development
+See [requirements of RedisSMQ](/README.md).
 
-Prerequisites:
-- Node.js >= 20
-- PNPM (recommended)
+## Installation
 
-From the monorepo root:
+Typically consumed via the [RedisSMQ Web Server](/packages/redis-smq-web-server/README.md). To set up everything with pre-release builds:
 
 ```bash
-pnpm install
-pnpm -w -C packages/redis-smq-web-ui dev
+npm install redis-smq@next redis-smq-common@next redis-smq-rest-api@next redis-smq-web-ui@next redis-smq-web-server@next
+# Choose a Redis client:
+npm install ioredis
+# or
+npm install @redis/client
 ```
 
-#### OpenAPI client generation
+## Quick start
 
-The UI uses a generated OpenAPI client. To regenerate:
+Use the [RedisSMQ Web Server](/packages/redis-smq-web-server/README.md) to serve the UI and either mount the REST API in-process or proxy to an external instance.
 
-```shell
-pnpm -w -C packages/redis-smq-web-ui generate-openapi-client
-```
-
-Make sure redis-smq-rest-api (with OpenAPI endpoint) is reachable as configured by the generation script.
+- In-process API (default):
+  - UI at http://localhost:8080/
+  - API at http://localhost:8080/api
+- Proxy to an external REST API:
+  - UI is served locally
+  - API/docs/assets are forwarded to the upstream API
 
-#### Running the dev Server
+Examples:
 
 ```bash
-pnpm -w -C packages/redis-smq-web-ui dev
-```
+# Default (UI at /, API at /api)
+npx redis-smq-web-server
 
-The dev script typically runs:
+# Serve under a sub-path (e.g., behind a reverse proxy)
+npx redis-smq-web-server --base-path /redis-smq
 
-- Vite dev server for the UI
-- A local REST API dev server for convenience
+# Proxy API/docs/assets to an external REST API
+npx redis-smq-web-server --api-proxy-target http://127.0.0.1:7210
+```
 
-- Open the printed local URL to access the UI during development.
-  
-#### Building
-  
-From the monorepo root:
+See [RedisSMQ Web Server](/packages/redis-smq-web-server/README.md) for CLI options such as:
 
-```shell
-pnpm -w -C packages/redis-smq-web-ui build
-```
+- `--port`
+- `--base-path`
+- `--api-proxy-target`
+- Redis connection and logging options (used only when hosting the API in-process)
+
+## Configuration and routing
 
-Artifacts are output to the package’s dist directory. 
-Serve the built assets with [RedisSMQ Web Server](../redis-smq-web-server/README.md) for correct routing and API integration.
+- Base path
+  - When served by [RedisSMQ Web Server](/packages/redis-smq-web-server/README.md), basePath controls where the UI and local API/docs are mounted.
+  - Examples:
+    - basePath = / → UI at /, API at /api, Swagger UI at /docs
+    - basePath = /redis-smq → UI at /redis-smq, API at /redis-smq/api, Swagger UI at /redis-smq/docs
 
-#### Configuration and routing
+- API endpoint
+  - With an embedded API (no proxy): the server mounts the REST API alongside the UI under <basePath>/api.
+  - With a proxy target: the server forwards <basePath>/api, <basePath>/docs, and <basePath>/assets to the configured upstream URL.
 
-- Base path: When served by redis-smq-web-server, the basePath is handled by the server and the UI will work under either / or a sub-path (e.g., /redis-smq).
-- API endpoint: When using redis-smq-web-server, the UI automatically talks to the in-process API or the configured proxy target.
-- Swagger UI and static docs are available when the REST API is hosted or proxied alongside the UI.
+- Standalone/static hosting (advanced)
+  - If hosting the UI assets yourself:
+    - Serve the SPA with history fallback (so client-side routes work on refresh).
+    - Ensure the public base path matches where you host the app.
+    - Proxy API requests to the REST API under the same public base path (e.g., <basePath>/api).
+    - Expose <basePath>/docs and <basePath>/assets if you want Swagger UI and API schema accessible.
+  - Note: [RedisSMQ Web Server](/packages/redis-smq-web-server/README.md) already handles these concerns and is the simplest path.
 
-For standalone/static hosting, ensure your server:
+## Deploying behind a reverse proxy
 
-- Serves the built assets under the desired public base path
-- Proxies API requests to the REST API under the same base path (e.g., /api)
+- Set a public sub-path using the web server’s --base-path (e.g., /redis-smq).
+- Forward both the UI and API prefixes through your proxy:
+  - /redis-smq → web server
+- If proxying the API to an external service, combine with --api-proxy-target:
+  - Client → reverse proxy → web server (/redis-smq)
+  - Web server proxies /redis-smq/api, /redis-smq/docs, /redis-smq/assets → external API
 
 ## Related packages
 
 - [redis-smq](../redis-smq/README.md): Core message queue
 - [redis-smq-common](../redis-smq-common/README.md): Shared components/utilities
-- [redis-smq-rest-api](../redis-smq-rest-api/README.md): REST API with OpenAPI 3 schema and Swagger UI
+- [redis-smq-rest-api](../redis-smq-rest-api/README.md): REST API with OpenAPI v3 and Swagger UI
 - [redis-smq-web-server](../redis-smq-web-server/README.md): Static hosting + in-process or proxied API
 
 ## Contributing
 
-Contributions are welcome. Please see the repository’s CONTRIBUTING.md in the project root.
+Contributions are welcome. Please see the repository’s [CONTRIBUTING.md](/CONTRIBUTING.md) in the project root.
 
 ## License
 
-RedisSMQ Web UI is licensed under is released under the [MIT License](https://github.com/weyoss/redis-smq/blob/master/LICENSE).
+RedisSMQ Web UI is released under the [MIT License](/LICENSE).

package/dist/browser/assets/QueuesView-CUfgtlHX.js

@@ -0,0 +1 @@
+import{d as F,u as N,a as P,b as B,c as T,e as Q,r as f,w as C,o as A,f as H,g as b,h as y,i as S,j as h,k as I,P as R,l as s,C as j,D as G,m as q,n as r,p as o,q as K,t as g,F as Y,s as z,Q as J,v as O,_ as U}from"./index-DxQqLPGB.js";const W={key:0,class:"alert alert-warning alert-dismissible fade show mb-4",role:"alert"},X={class:"queues-list-container"},Z={class:"queues-list-header"},ee={class:"queues-count"},te={class:"queues-list"},se="Queues",ae="Manage all available message queues",ue=F({__name:"QueuesView",setup(le){const E=O(),t=N(),_=P(),{sortedQueues:c,isLoadingQueues:d,queuesError:m,refetchQueues:v}=B(),{deleteQueue:w,isDeletingQueue:D,deleteQueueError:p,deleteQueueMutation:k}=T(async()=>{await v()}),M=Q(()=>c.value.length>0),l=f(!1),a=f(!1),i=f(null),V=Q(()=>[{id:"refresh-queues",label:"Refresh",icon:"bi bi-arrow-clockwise",variant:"secondary",disabled:d.value,loading:d.value,handler:()=>v()},{id:"create-queue",label:"Create Queue",icon:"bi bi-plus-circle",variant:"primary",disabled:!1,loading:!1,handler:()=>l.value=!0}]);function x(n,e){E.push({name:"Queue",params:{ns:n,queue:e}})}function L(n,e){i.value={ns:n,name:e},a.value=!0}async function $(){if(i.value)try{await w(i.value),a.value=!1}catch(n){console.error("Failed to delete queue:",n)}}return C(()=>{t.setPageHeader({title:se,subtitle:ae,icon:"bi bi-card-list"}),t.setPageActions(V.value),t.setLoadingState(d.value),m.value?(t.setErrorState(q(m.value)),t.setEmptyState(!1)):!d.value&&!M.value?(t.setErrorState(null),t.setEmptyState(!0,{icon:"bi bi-plus-square-dotted",title:"No Queues Found",message:"Get started by creating your first message queue.",actionLabel:"Create Your First Queue",actionHandler:()=>l.value=!0})):(t.setErrorState(null),t.setEmptyState(!1))}),C(()=>{_.clearSelectedQueue()}),A(()=>{v()}),H([{isVisible:l,onEscape:()=>l.value=!1},{isVisible:a,onEscape:()=>a.value=!1}]),(n,e)=>(r(),b("div",null,[y(R,null,{default:I(()=>[s(p)&&!a.value?(r(),b("div",W,[e[4]||(e[4]=o("i",{class:"bi bi-exclamation-triangle-fill me-2"},null,-1)),K(" "+g(s(q)(s(p)))+" ",1),o("button",{type:"button",class:"btn-close","aria-label":"Close",onClick:e[0]||(e[0]=u=>s(k).reset())})])):h("",!0),o("div",X,[o("div",Z,[o("h5",ee,g(s(c).length)+" Queue"+g(s(c).length!==1?"s":""),1)]),o("div",te,[(r(!0),b(Y,null,z(s(c),u=>(r(),S(J,{key:`${u.ns}-${u.name}`,queue:u,onSelect:x,onDelete:L},null,8,["queue"]))),128))])])]),_:1}),y(j,{"is-visible":l.value,onClose:e[1]||(e[1]=u=>l.value=!1),onCreated:e[2]||(e[2]=u=>s(v)())},null,8,["is-visible"]),a.value&&i.value?(r(),S(G,{key:0,"is-visible":a.value,"is-deleting":s(D),queue:i.value,onCancel:e[3]||(e[3]=u=>a.value=!1),onConfirm:$},null,8,["is-visible","is-deleting","queue"])):h("",!0)]))}}),oe=U(ue,[["__scopeId","data-v-4363b2b4"]]);export{oe as default};

package/dist/browser/assets/QueuesView-DC-q0QNm.css

@@ -0,0 +1 @@
+.queues-list-container[data-v-4363b2b4]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e9ecef;overflow:hidden}.queues-list-header[data-v-4363b2b4]{padding:1.5rem 2rem 1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.queues-count[data-v-4363b2b4]{margin:0;color:#495057;font-weight:600;font-size:1rem}.queues-list[data-v-4363b2b4]{max-height:calc(100vh - 260px);overflow-y:auto}.queues-list[data-v-4363b2b4]::-webkit-scrollbar{width:6px}.queues-list[data-v-4363b2b4]::-webkit-scrollbar-track{background:#f8f9fa}.queues-list[data-v-4363b2b4]::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.queues-list[data-v-4363b2b4]::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media(max-width:768px){.queues-list-header[data-v-4363b2b4]{padding:1rem 1.5rem .75rem}.queues-list[data-v-4363b2b4]{max-height:calc(100vh - 220px)}}