Container view — Hub UI Architecture
architecture-overview · hero
Component view — Hub UI Localization Engine
architecture-overview › hub-ui-localization
Component view — Locale State & Connection Publishing
architecture-overview › locale-synchronization
Changing UI language and synchronizing frames
locale-change-flow
DevframeConnection → void
void → ConnectionMeta
packages/hub-ui/src/client/components/command-palette/CommandPalette.vue packages/hub-ui/src/client/components/dock/Dock.vue packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue and 1 more
packages/hub-ui/src/client/state/context.ts packages/hub-ui/src/client/state/dock-settings.ts
packages/hub-ui/src/client/i18n/i18n.test.ts packages/hub-ui/src/client/i18n/index.ts packages/hub-ui/src/client/i18n/locales/en.json and 1 more
packages/hub-ui/src/client/state/locale.test.ts packages/hub-ui/src/client/state/locale.ts
packages/devframe/src/client/connection-storage.ts packages/devframe/src/client/index.ts
packages/hub/src/client/host.ts
packages/hub/src/node/initiate.ts
packages/hub-ui/src/client/components/command-palette/CommandPalette.vue packages/hub-ui/src/client/components/dock/Dock.vue packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue and 1 more
packages/hub-ui/src/client/state/context.ts packages/hub-ui/src/client/state/dock-settings.ts
packages/hub-ui/src/client/i18n/i18n.test.ts packages/hub-ui/src/client/i18n/index.ts packages/hub-ui/src/client/i18n/locales/en.json and 1 more
packages/hub-ui/src/client/state/locale.test.ts packages/hub-ui/src/client/state/locale.ts
packages/devframe/src/client/connection-storage.ts packages/devframe/src/client/index.ts
packages/hub/src/client/host.ts
packages/hub-ui/src/client/components/command-palette/CommandPalette.vue packages/hub-ui/src/client/components/dock/Dock.vue packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue and 1 more
packages/hub-ui/src/client/state/context.ts packages/hub-ui/src/client/state/dock-settings.ts
packages/hub-ui/src/client/i18n/i18n.test.ts packages/hub-ui/src/client/i18n/index.ts packages/hub-ui/src/client/i18n/locales/en.json and 1 more
packages/hub-ui/src/client/state/locale.test.ts packages/hub-ui/src/client/state/locale.ts
packages/devframe/src/client/connection-storage.ts packages/devframe/src/client/index.ts
packages/hub/src/client/host.ts
packages/hub-ui/src/client/components/command-palette/CommandPalette.vue packages/hub-ui/src/client/components/dock/Dock.vue packages/hub-ui/src/client/components/views-builtin/SettingsAppearance.vue and 1 more
packages/hub-ui/src/client/i18n/i18n.test.ts packages/hub-ui/src/client/i18n/index.ts packages/hub-ui/src/client/i18n/locales/en.json and 1 more
packages/hub-ui/src/client/state/locale.test.ts packages/hub-ui/src/client/state/locale.ts
packages/devframe/src/client/connection-storage.ts packages/devframe/src/client/index.ts
packages/hub/src/client/host.ts
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
✦
/
What could this change break?
What should I review most carefully?
Drag to select a region · Space to pan
↵
feat(hub-ui): translate the hub UI and add a language setting
devframes/devframe #415
· 4 diagrams
Start the walkthrough
W
Toggle architecture
Toggle data flow
Fit the whole strip
1
Copy share link
Switch to light
How to move around
Ask about this canvas
/
◈ Rendered by
PR Lens
· crafted with ❤️ by the
Coldtea
team
100%
Container view — Hub UI Architecture
Architecture
Component view — Hub UI Localization Engine
Architecture
Component view — Locale State & Connection Publishing
Architecture
Changing UI language and synchronizing frames
Data flow
Looking around
Resume walkthrough
↵
This diagram has a walkthrough
scroll to move through it
swipe to move through it