Sha256: 338783e916cd52812bc76ed167382bde1731589986dfdb1dbe3200fcb659e887
Contents?: true
Size: 1.46 KB
Versions: 13
Compression:
Stored size: 1.46 KB
Contents
import "iframe-resizer/js/iframeResizer";
export default function embedInspectorComponent(id, embedStore) {
if (!embedStore[id]) {
embedStore[id] = { width: "100%", height: "100%" };
}
return {
iframe: null,
viewportHeight: 0,
targetPath: window.location.pathname,
get viewportCssHeight() {
return this.viewportHeight ? `${this.viewportHeight}px` : "100%";
},
get store() {
return embedStore[id];
},
init() {
const onResized = this.onResized.bind(this);
this.iframe = this.$el.querySelector("iframe");
window.iFrameResize({ onResized, checkOrigin: false }, this.iframe);
this.$watch("targetPath", (value) => this.switchTarget(value));
},
switchTarget(newTargetPath) {
this.navigateTo(`${newTargetPath}${window.location.search}`);
},
onResized({ height }) {
if (height) {
this.viewportHeight = height;
// Notify parent window of height resize so the parent window can implement
// its own iframe resize strategy if not using the Lookbook JS script.
// Uses Embedly-compatible postMessage format: https://docs.embed.ly/reference/provider-height-resizing
window.parent.postMessage(
JSON.stringify({
src: window.location.toString(),
context: "iframe.resize",
height,
}),
"*"
);
}
},
resizeIframe() {
this.iframe.iFrameResizer.resize();
},
};
}
Version data entries
13 entries across 13 versions & 1 rubygems