@ribajs/shopify
Version:
Shopify extension for Riba.js
80 lines • 5.88 kB
JavaScript
import { Component } from "@ribajs/core";
import { elementIsVisible, hasChildNodesTrim } from "@ribajs/utils/src/dom.js";
export class ShopifyDebugBarComponent extends Component {
static tagName = "shopify-debug-bar";
static get observedAttributes() {
return ["theme-name"];
}
scope = {
hasPreviewBar: false,
hasAdminBar: false,
toggleBar: this.toggleBar,
hide: this.hide,
hidden: false,
};
autobind = true;
previewBar = null;
adminBar = null;
constructor() {
super();
}
connectedCallback() {
super.connectedCallback();
this.init(ShopifyDebugBarComponent.observedAttributes);
}
async attributeChangedCallback(name, oldValue, newValue, namespace) {
this.debug("attributeChangedCallback", name, oldValue, newValue, namespace);
super.attributeChangedCallback(name, oldValue, newValue, namespace);
}
hide() {
this.scope.hidden = !this.scope.hidden;
}
toggleBar(forceHide = false) {
if (this.previewBar) {
if (forceHide === true || elementIsVisible(this.previewBar)) {
this.previewBar.setAttribute("hidden", "");
}
else {
this.previewBar.removeAttribute("hidden");
}
}
if (this.adminBar) {
if (forceHide === true || elementIsVisible(this.adminBar)) {
this.adminBar.setAttribute("hidden", "");
}
else {
this.adminBar.removeAttribute("hidden");
}
}
}
async beforeBind() {
this.previewBar = document.getElementById("preview-bar-iframe");
this.adminBar = document.getElementById("admin-bar-iframe");
if (this.previewBar) {
this.scope.hasPreviewBar = true;
this.toggleBar(true);
}
else {
this.previewBar = null;
this.scope.hasPreviewBar = false;
}
if (this.adminBar) {
this.scope.hasAdminBar = true;
this.toggleBar(true);
}
else {
this.adminBar = null;
this.scope.hasAdminBar = false;
}
}
async template() {
if (this && hasChildNodesTrim(this)) {
return null;
}
else {
const { default: template } = await import("./debug-bar.component.html?raw");
return template;
}
}
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVidWctYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RlYnVnLWJhci9kZWJ1Zy1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFL0UsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFNBQVM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sR0FBRyxtQkFBbUIsQ0FBQztJQUU1QyxNQUFNLEtBQUssa0JBQWtCO1FBQzNCLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRU0sS0FBSyxHQUFRO1FBQ2xCLGFBQWEsRUFBRSxLQUFLO1FBQ3BCLFdBQVcsRUFBRSxLQUFLO1FBQ2xCLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUztRQUN6QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7UUFDZixNQUFNLEVBQUUsS0FBSztLQUNkLENBQUM7SUFFUSxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBRWhCLFVBQVUsR0FBNkIsSUFBSSxDQUFDO0lBQzVDLFFBQVEsR0FBNkIsSUFBSSxDQUFDO0lBRXBEO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRVMsaUJBQWlCO1FBQ3pCLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRVMsS0FBSyxDQUFDLHdCQUF3QixDQUN0QyxJQUFZLEVBQ1osUUFBYSxFQUNiLFFBQWEsRUFDYixTQUF3QjtRQUV4QixJQUFJLENBQUMsS0FBSyxDQUFDLDBCQUEwQixFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMs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