Skip to content

feat(demo): visible deploy progress + richer console - #671

Closed
Timur Tukaev (tym83) wants to merge 1 commit into
mainfrom
feat/demo-progress
Closed

feat(demo): visible deploy progress + richer console#671
Timur Tukaev (tym83) wants to merge 1 commit into
mainfrom
feat/demo-progress

Conversation

@tym83

Copy link
Copy Markdown
Contributor

Makes the mocked console demo feel like a live cluster.

  • Deploy shows progress. Creating a service adds it to the demo store as Installing and flips it to Ready after ~9s — so a deploy visibly happens instead of the instance vanishing.
  • More instances. The tenant is seeded with ~20 managed services across kinds, including one Installing and one InstallFailed, so the console looks like real usage rather than seven green rows.
  • Fuller metrics. Resource-quota usage is raised so the CPU/memory rings read like an active tenant (~66% / ~56%).

Rebuilt static/demo through demo-src/build.sh (overlay applied to upstream cozystack-ui, Playwright smoke passed: no un-mocked calls, no page errors). The demo overlay in demo-src/ is updated so the weekly refresh keeps these changes.

Deploying a service now shows it installing and turning ready instead of
disappearing; the tenant is seeded with ~20 instances across kinds (including
one installing and one failed) and higher resource-quota usage, so the demo
console reads like a live workload.

Signed-off-by: tym83 <6355522@gmail.com>
@netlify

netlify Bot commented Aug 31, 2026

Copy link
Copy Markdown

Deploy Preview for cozystack ready!

Name Link
🔨 Latest commit 2634266
🔍 Latest deploy log https://app.netlify.com/projects/cozystack/deploys/6a953982c4131c00086c163c
😎 Deploy Preview https://deploy-preview-671--cozystack.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai

coderabbitai Bot commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: b33ab3cc-a3ec-414f-9a0d-3ea470595a6d


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Timur Tukaev (tym83) added a commit that referenced this pull request Sep 2, 2026
)

Fixes three problems with the live demo reported on the current
deployment.

## 1. Refresh no longer breaks
The demo shipped as a full-screen SPA at `/demo/`. On GitHub Pages a
hard refresh of any deep route (e.g. `/demo/console/postgreses`) returns
the site 404 page, not the SPA — so the demo fell apart on reload. Now
the SPA is served at `/demo-app/` and `/demo/` is a real Hugo page
(layout `demo-app`) that embeds the app in an iframe. The top URL is
always `/demo/`, so a refresh reloads cleanly.

Also restores `mockServiceWorker.js` to the overlay — it was missing, so
an automated rebuild would produce a demo with **no mocks at all** (the
underlying cause of broken refreshes). This was a latent bug in the
weekly refresh.

## 2. Site navigation stays above the demo
The Hugo wrapper renders the normal cozystack.io navbar; the console is
embedded below it instead of taking over the whole page.

## 3. Create works in depth
Deploying a service now installs → turns ready, and its **Pods /
Services / Volumes are synthesized on the fly** so the instance detail
tabs are populated (previously a created instance was hollow). Synthesis
is read-time, not a create-time mutation, which also fixes a **UI freeze
on the Deploy button**.

Verified end to end in a browser: refresh, the embedded nav, and create
→ drill into workloads all work.

Supersedes #671 (folds in its deploy-progress and richer fixtures). The
weekly `demo-refresh` smoke gate still applies.
@tym83

Copy link
Copy Markdown
Contributor Author

Superseded by #676, which folds in the deploy-progress and richer fixtures along with the embed/refresh fix.

xrmtech-isk pushed a commit to katamarina-ru/cozystack-website that referenced this pull request Sep 3, 2026
…eate

The demo shipped as a full-screen SPA at /demo/. Three problems: a hard
refresh on any deep route 404'd (GitHub Pages serves the site 404, not the
SPA), the site navigation disappeared, and creating an instance did not carry
through to a usable detail view.

- Serve the SPA build at /demo-app/ and add a Hugo page at /demo/ (layout
  demo-app) that renders the site navbar and embeds the app in an iframe. The
  top URL is always /demo/ (a real page), so a refresh reloads cleanly and the
  main menu stays above the demo.
- Restore mockServiceWorker.js to the overlay. It was missing, so an automated
  rebuild produced a demo with no mocks (this is what broke refreshes).
- Make create work in depth: a deployed instance installs then turns ready,
  and its Pods/Services/Volumes are synthesized on the fly so the detail tabs
  are populated. Synthesis is read-time (not a create-time mutation), which
  also fixes a UI freeze on Deploy.

Supersedes cozystack#671 (folds in the deploy-progress and richer fixtures).

Signed-off-by: tym83 <6355522@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant