Admin Iframe Container 2.x

Iframe that loads every VTEX admin application.

📦 Instaling

This a VTEX IO app you just have to install it with:

vtex install vtex.admin-iframe-container@2.x

👨🏾‍💻 Development

You just need to to make the changes and link the app with vtex link.

🌎 Important peer apps

While developing, you should be aware of important apps:

admin - Application that uses this app. It will pass all props to IframeContainer.
admin-proxy - Rewrite requests from vtexcommerce urls to myvtex, so that the iframe can be displayed on modern browsers.
admin-iframe-compatibility - Static jquery code that runs on legacy apps.

🏗 File structure

About this app files

/react - main source
../components - compose vtex io with core components
../..Iframe.ts - loads admin v2 & v3 apps
../..IframeContainer.ts - selects the correct iframe to load
../..IframeLegacy.ts - loads admin v1 apps
../..LegacyHeader.ts - header of admin v1 apps
../core - components that use admin-ui library
../../Navbar - renders the app title & back link of legacy apps
../../PageHeader - renders Navbar + Tabs
../../Tabs - renders Tabs of legacy apps
../hooks
../..useLoading.ts - triggers frame loading bar
../..useForceUpdate.ts - force updates a component
../util - common utilities
.Iframe.ts - exports components/IframeContainer