Skip to content

feat(ui): let the loading screen speak in the visitor's words and match the desktop logo size - #169

Merged
BigTava merged 2 commits into
mainfrom
tiago-loading-copy-main
Aug 17, 2026
Merged

feat(ui): let the loading screen speak in the visitor's words and match the desktop logo size#169
BigTava merged 2 commits into
mainfrom
tiago-loading-copy-main

Conversation

@BigTava

@BigTava BigTava commented Aug 17, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Port the loading stages, STAGE_MESSAGES and the rotation timer from feat: wire smoldot lifecycle events to the loading bar #146, so a slow load explains what a light client is doing instead of showing one fixed line per step.
  • Give the copy one voice by dropping "I found it" and "Download complete. We are preparing your app.", and swap "peers" and "machine" for "computers" so the download lines use the word the connecting lines already use.
  • Split showStatus into trackStatus, which still arms the slow-step hints from the resolver's own wording but no longer paints it over the headline. The raw prose was overwriting each stage's line in the tick it was set.
  • Let the status line wrap over two reserved lines rather than clipping to an ellipsis, since most of the explanatory sentences run past 420px.
  • Size the loading logo at 120px to match the Spinner on the Polkadot Desktop loading screen, which the petal paths, viewBox and animation constants already agreed with.

@github-actions

Copy link
Copy Markdown
Contributor

⚡ Performance Report

⚠️ No baseline found on main. This PR's results are recorded but cannot be compared.
Merge to main to establish a baseline.

@github-actions

github-actions Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Bundle Size Report

Chunks over 500 KB:

File Raw Brotli Gzip
host/assets/paseo.smol-DboPaEh1.json 1.84 MB 941.7 KB 1019.4 KB
host/assets/paseo-people-next.smol.json 3.36 MB 1.68 MB 1.82 MB
host/assets/previewnet.smol.json 547.1 KB 92.2 KB 101.2 KB
host/assets/smoldot.js 3.05 MB 2.27 MB (-1 B) 2.28 MB
host/assets/smoldot_worker.js 3.02 MB 2.26 MB 2.27 MB
host/assets/wasm/web/truapi_server_bg.wasm 7.06 MB 5.25 MB 5.52 MB
Total 19.88 MB (+9.2 KB) 12.80 MB (+2.7 KB) (-36%) 13.34 MB (+3.1 KB)
All files
File Raw Brotli Gzip
host/.well-known/apple-app-site-association 1.0 KB 1.0 KB 1.0 KB
host/.well-known/assetlinks.json 2.1 KB 343 B 427 B
host/assets/bridge.js 69.5 KB 19.1 KB (+26 B) 21.9 KB (-1 B)
host/assets/browser.js 22.9 KB 7.5 KB (-18 B) 8.6 KB (-1 B)
host/assets/client.js 100.1 KB 29.4 KB (+30 B) 32.4 KB (-2 B)
host/assets/dist.js 39.0 KB 12.8 KB (+1 B) 14.5 KB (-1 B)
host/assets/dotli-debug-bus.js 710 B 710 B 710 B
host/assets/get-sync-provider.js 2.8 KB 1.1 KB (-3 B) 1.2 KB (-2 B)
host/assets/hex.js 154 B 154 B 154 B
host/assets/index.css 47.2 KB (+112 B) 7.4 KB (+58 B) 8.3 KB (+50 B)
host/assets/index.js 201.9 KB (+2.3 KB) 50.6 KB (+886 B) 60.5 KB (+1.1 KB)
host/assets/manifest.js 22.6 KB 7.3 KB (+32 B) 8.0 KB (-3 B)
host/assets/panel.js 76.2 KB 20.6 KB (+12 B) 23.2 KB (-2 B)
host/assets/paseo.smol-DboPaEh1.json 1.84 MB 941.7 KB 1019.4 KB
host/assets/paseo-people-next.smol.json 3.36 MB 1.68 MB 1.82 MB
host/assets/paseo.smol.json 23.4 KB 5.4 KB 6.2 KB
host/assets/previewnet.smol.json 547.1 KB 92.2 KB 101.2 KB
host/assets/resolve.js 156 B 156 B 156 B
host/assets/rpc-resolve.js 2.5 KB 1.0 KB 1.2 KB (-2 B)
host/assets/smoldot.js 3.05 MB 2.27 MB (-1 B) 2.28 MB
host/assets/smoldot_worker.js 3.02 MB 2.26 MB 2.27 MB
host/assets/spans.js 2.6 KB 1.1 KB 1.3 KB
host/assets/src.js 1.8 KB 856 B (+1 B) 946 B
host/assets/styles.css 15.3 KB 3.3 KB 3.8 KB
host/assets/wasm/web/README.md 11.9 KB 11.9 KB 11.9 KB
host/assets/wasm/web/package.json 371 B 371 B 371 B
host/assets/wasm/web/truapi_server.d.ts 8.1 KB 8.1 KB 8.1 KB
host/assets/wasm/web/truapi_server.js 38.2 KB 6.6 KB 7.6 KB
host/assets/wasm/web/truapi_server_bg.wasm 7.06 MB 5.25 MB 5.52 MB
host/assets/wasm/web/truapi_server_bg.wasm.d.ts 3.0 KB 3.0 KB 3.0 KB
host/assets/web.js 13.3 KB 3.6 KB (-4 B) 4.0 KB (-1 B)
host/assets/worker-runtime.js 6.4 KB (+6.3 KB) 1.7 KB (+1.5 KB) 1.8 KB (+1.7 KB)
host/assets/worker-runtime.js 106 B 106 B 106 B
host/assets/ws.js 23.1 KB 7.5 KB (-6 B) 8.2 KB
host/dotli.png 11.5 KB 11.5 KB 11.5 KB
host/favicon.svg 1.8 KB 1.8 KB 1.8 KB
host/host-sw.js 2.7 KB 1.1 KB (-9 B) 1.2 KB (-6 B)
host/icon-192.png 12.5 KB 12.5 KB 12.5 KB
host/icon-512.png 42.8 KB 42.8 KB 42.8 KB
host/index.html 24.4 KB (+393 B) 4.7 KB (+114 B) 5.8 KB (+159 B)
host/manifest.webmanifest 441 B 441 B 441 B
host/workbox.js 14.8 KB 4.6 KB 5.1 KB
sandbox/app-sw.js 9.7 KB 3.2 KB (+3 B) 3.6 KB (-2 B)
sandbox/assets/bitswap-bridge.js 840 B 840 B 840 B
sandbox/assets/fetch.js 3.4 KB 1.2 KB 1.4 KB
sandbox/assets/index.css 47.2 KB (+112 B) 7.4 KB (+58 B) 8.3 KB (+50 B)
sandbox/assets/index.js 120.4 KB 34.3 KB (+31 B) 40.4 KB (+2 B)
sandbox/favicon.svg 1.8 KB 1.8 KB 1.8 KB
sandbox/index.html 1.7 KB 583 B (+3 B) 789 B (+3 B)
Total 19.88 MB (+9.2 KB) 12.80 MB (+2.7 KB) (-36%) 13.34 MB (+3.1 KB)

Commit: 6f4ab01

@github-actions

github-actions Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

E2E Product suite failed on 61309f61d6ce911b9f127403fde61e0fb038ba8b — 38 passed, 7 failed, 17 skipped.

Failed tests:

  • Get Product Account
  • Product Signer
  • Product Account Alias
  • All Allowances
  • As a product user, I can navigate within the current product
  • Query Balance
  • Sign Raw Message

Logs: https://github.com/paritytech/dotli-community/actions/runs/32025406248
Artifacts: e2e-product-results (uploaded above) — open the failed test's trace.zip with npx playwright show-trace.

@BigTava
BigTava merged commit f75874f into main Aug 17, 2026
14 of 15 checks passed
@BigTava
BigTava deleted the tiago-loading-copy-main branch August 17, 2026 11:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants