Skip to content

feat: modernize app preview (frame modes, theme/lang, modern test app)#36

Draft
BatLeDev wants to merge 5 commits into
masterfrom
feat-preview-modernization
Draft

feat: modernize app preview (frame modes, theme/lang, modern test app)#36
BatLeDev wants to merge 5 commits into
masterfrom
feat-preview-modernization

Conversation

@BatLeDev
Copy link
Copy Markdown
Member

@BatLeDev BatLeDev commented Jun 5, 2026

Modernise l'aperçu d'applications du dev-server.

Why: moderniser l'aperçu d'applications du dev-server — nouvelle test-app Vuetify, refonte du panneau, et exposition de la config site/theme/lang pour piloter le rendu embarqué.

What changed:

  • Nouvelle test-app test-apps/modern (Vuetify 4 / Vite / vue-i18n) pilotée par la session (langue, thème), config rechargée à chaud via postMessage (df:sync-config).
  • Refonte de ui/src/App.vue : v-app-bar unique, sélecteur de 4 modes de rendu du frame (défaut fill-height), switchers thème & langue, métadonnées factorisées dans meta-item.vue.
  • Options de config site.primaryColor, theme.default, lang.default exposées au panneau via __UI_CONFIG.
  • Bump @data-fair/frame 0.12 → 0.18 (panneau + script companion injecté).

Regression risks:

  • src/app.ts injecte désormais le script companion d-frame-content pour toutes les apps servies via /app, plus seulement celles déclarant df:sync-state/df:overflow — à confirmer vs comportement de prod.
  • Bump frame 0.12 → 0.18 : l'API <d-frame> change (:aspect-ratio/:style au lieu de :height/:resize) ; validé au build (vue-tsc + vite) mais rendu à vérifier de visu sur les 4 modes.
  • Mode d'aperçu par défaut = fill-height (l'ancien comportement piloté par df:overflow est désormais le mode « legacy », non-défaut).
  • Langue par défaut du panneau : enfr sans cookie i18n_lang.
  • Les switchers écrivent les cookies i18n_lang / theme en path=/ (portée tout l'origine).

BatLeDev added 5 commits June 5, 2026 19:56
Add site.primaryColor, theme.default and lang.default options (schema, defaults, env-var mapping) and pass them through ui-config to the panel.
…ame companion

Inject the d-frame-content companion script for every embedded app instead of only when df:sync-state/df:overflow are set, so the preview mode toggle works without those metas.
…witchers)

Single elevated app-bar, frame rendering-mode selector (fill-height default), theme switcher, language cookie sync, and metadata factored into meta-item.vue.
Vuetify 4 / Vite test app driven by the session (locale, theme), config reloaded live over postMessage (df:sync-config), with a configurable row count.
….json)

Default the dev-server layout to the modern test app and stop tracking the local .dev-config.json dev state.
@BatLeDev BatLeDev force-pushed the feat-preview-modernization branch from ffd0ca5 to 5e320ab Compare June 5, 2026 17:57
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