VTEX Admin Iframe Compatibility

Reach us on #team-admin channel on Slack | Tag us with @dev-team-admin on Slack

---

There is nothing glamorous to see here

This package is just a static JS with jquery code that runs on catalog admin pages. It is responsible for handling translations for legacy applications, messaging the admin shell to adapt its iframe container height to match its children height, and initializing Crowdin in Context script for legacy apps.

Developing locally

• Setup:

npm install

• You will need the requestly chrome extension linked here

• Open requestly, and create Redirect Rules with the following semantics:

Request URL Contains /npm/admin-iframe-compatibility/index.js
Destination http://localhost:4200/index.js

Request URL Contains /npm/admin-iframe-compatibility/cms-iframe.js
Destination http://localhost:4200/cms-iframe.js

• Save the rules and leave it on
• Run the server

  npm start

• Edit the JS, save it, run npm start again and refresh the admin page to see your changes.

Publishing a new version

Just run:

npm run deploy

or

npm run deploy:beta

A github workflow will be automatically triggered once new tags are pushed to the repository.