feat: modernize app preview (frame modes, theme/lang, modern test app)#36
Draft
BatLeDev wants to merge 5 commits into
Draft
feat: modernize app preview (frame modes, theme/lang, modern test app)#36BatLeDev wants to merge 5 commits into
BatLeDev wants to merge 5 commits into
Conversation
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.
ffd0ca5 to
5e320ab
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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:
test-apps/modern(Vuetify 4 / Vite / vue-i18n) pilotée par la session (langue, thème), config rechargée à chaud viapostMessage(df:sync-config).ui/src/App.vue:v-app-barunique, sélecteur de 4 modes de rendu du frame (défaut fill-height), switchers thème & langue, métadonnées factorisées dansmeta-item.vue.site.primaryColor,theme.default,lang.defaultexposées au panneau via__UI_CONFIG.@data-fair/frame0.12 → 0.18 (panneau + script companion injecté).Regression risks:
src/app.tsinjecte désormais le script companiond-frame-contentpour toutes les apps servies via/app, plus seulement celles déclarantdf:sync-state/df:overflow— à confirmer vs comportement de prod.<d-frame>change (:aspect-ratio/:styleau lieu de:height/:resize) ; validé au build (vue-tsc + vite) mais rendu à vérifier de visu sur les 4 modes.fill-height(l'ancien comportement piloté pardf:overflowest désormais le mode « legacy », non-défaut).en→frsans cookiei18n_lang.i18n_lang/themeenpath=/(portée tout l'origine).