@jsenv/plugin-toolbar 0.1.2 → 0.1.3

package/dist/js/signals.mjs

@@ -1,202 +0,0 @@
-import { Component as t, options as i } from "./preact.mjs";
-import { useMemo as e, useRef as n, useEffect as o } from "./hooks.mjs";
-import { Signal as r, computed as f, signal as l, effect as s } from "./signals-core.mjs";
-export { Signal, batch, computed, effect, signal } from "./signals-core.mjs";
-function c(t, e) {
-  i[t] = e.bind(null, i[t] || (() => {}));
-}
-let u, a;
-function d(t) {
-  if (a) a();
-  a = t && t.S();
-}
-function p({
-  data: t
-}) {
-  const i = useSignal(t);
-  i.value = t;
-  const n = e(() => {
-    let t = this.__v;
-    while (t = t.__) if (t.__c) {
-      t.__c.__$f |= 4;
-      break;
-    }
-    this.__$u.c = () => {
-      this.base.data = n.peek();
-    };
-    return f(() => {
-      let t = i.value.value;
-      return 0 === t ? 0 : !0 === t ? "" : t || "";
-    });
-  }, []);
-  return n.value;
-}
-p.displayName = "_st";
-Object.defineProperties(r.prototype, {
-  constructor: {
-    configurable: !0
-  },
-  type: {
-    configurable: !0,
-    value: p
-  },
-  props: {
-    configurable: !0,
-    get() {
-      return {
-        data: this
-      };
-    }
-  },
-  __b: {
-    configurable: !0,
-    value: 1
-  }
-});
-c("__b", (t, i) => {
-  if ("string" == typeof i.type) {
-    let t,
-      e = i.props;
-    for (let n in e) {
-      if ("children" === n) continue;
-      let o = e[n];
-      if (o instanceof r) {
-        if (!t) i.__np = t = {};
-        t[n] = o;
-        e[n] = o.peek();
-      }
-    }
-  }
-  t(i);
-});
-c("__r", (t, i) => {
-  d();
-  let e,
-    n = i.__c;
-  if (n) {
-    n.__$f &= -2;
-    e = n.__$u;
-    if (void 0 === e) n.__$u = e = function (t) {
-      let i;
-      s(function () {
-        i = this;
-      });
-      i.c = () => {
-        n.__$f |= 1;
-        n.setState({});
-      };
-      return i;
-    }();
-  }
-  u = n;
-  d(e);
-  t(i);
-});
-c("__e", (t, i, e, n) => {
-  d();
-  u = void 0;
-  t(i, e, n);
-});
-c("diffed", (t, i) => {
-  d();
-  u = void 0;
-  let e;
-  if ("string" == typeof i.type && (e = i.__e)) {
-    let t = i.__np,
-      n = i.props;
-    if (t) {
-      let i = e.U;
-      if (i) for (let e in i) {
-        let n = i[e];
-        if (void 0 !== n && !(e in t)) {
-          n.d();
-          i[e] = void 0;
-        }
-      } else {
-        i = {};
-        e.U = i;
-      }
-      for (let o in t) {
-        let r = i[o],
-          f = t[o];
-        if (void 0 === r) {
-          r = h(e, o, f, n);
-          i[o] = r;
-        } else r.o(f, n);
-      }
-    }
-  }
-  t(i);
-});
-function h(t, i, e, n) {
-  const o = i in t && void 0 === t.ownerSVGElement,
-    r = l(e);
-  return {
-    o: (t, i) => {
-      r.value = t;
-      n = i;
-    },
-    d: s(() => {
-      const e = r.value.value;
-      if (n[i] !== e) {
-        n[i] = e;
-        if (o) t[i] = e;else if (e) t.setAttribute(i, e);else t.removeAttribute(i);
-      }
-    })
-  };
-}
-c("unmount", (t, i) => {
-  if ("string" == typeof i.type) {
-    let t = i.__e;
-    if (t) {
-      const i = t.U;
-      if (i) {
-        t.U = void 0;
-        for (let t in i) {
-          let e = i[t];
-          if (e) e.d();
-        }
-      }
-    }
-  } else {
-    let t = i.__c;
-    if (t) {
-      const i = t.__$u;
-      if (i) {
-        t.__$u = void 0;
-        i.d();
-      }
-    }
-  }
-  t(i);
-});
-c("__h", (t, i, e, n) => {
-  if (n < 3) i.__$f |= 2;
-  t(i, e, n);
-});
-t.prototype.shouldComponentUpdate = function (t, i) {
-  const e = this.__$u;
-  if (!(e && void 0 !== e.s || 4 & this.__$f)) return !0;
-  if (3 & this.__$f) return !0;
-  for (let t in i) return !0;
-  for (let i in t) if ("__source" !== i && t[i] !== this.props[i]) return !0;
-  for (let i in this.props) if (!(i in t)) return !0;
-  return !1;
-};
-function useSignal(t) {
-  return e(() => l(t), []);
-}
-function useComputed(t) {
-  const i = n(t);
-  i.current = t;
-  u.__$f |= 4;
-  return e(() => f(() => i.current()), []);
-}
-function useSignalEffect(t) {
-  const i = n(t);
-  i.current = t;
-  o(() => s(() => {
-    i.current();
-  }), []);
-}
-export { useComputed, useSignal, useSignalEffect };

package/dist/js/theme_actions.js

@@ -1,7 +0,0 @@
-import { themeSignal } from "./theme_signals.js";
-export const switchToLightTheme = () => {
-  themeSignal.value = "light";
-};
-export const switchToDefaultTheme = () => {
-  themeSignal.value = "dark";
-};

package/dist/js/theme_effects.js

@@ -1,6 +0,0 @@
-import { effect } from "./signals.mjs";
-import { themeSignal } from "./theme_signals.js";
-effect(() => {
-  const theme = themeSignal.value;
-  document.querySelector("html").setAttribute("data-theme", theme);
-});

package/dist/js/theme_signals.js

@@ -1,4 +0,0 @@
-import { signal } from "./signals.mjs";
-import { paramsFromParentWindow } from "./parent_window_context.js";
-import { stateFromLocalStorage } from "./toolbar_state_context.js";
-export const themeSignal = signal(typeof stateFromLocalStorage.theme === "string" ? stateFromLocalStorage.theme : typeof paramsFromParentWindow.theme === "string" ? paramsFromParentWindow.theme : "dark");

package/dist/js/toolbar_animation_setting.js

@@ -1,21 +0,0 @@
-import { effect } from "./signals.mjs";
-import { animationsEnabledSignal } from "./animation_signals.js";
-import { enableAnimations, disableAnimations } from "./animation_actions.js";
-export const renderToolbarAnimationSetting = () => {
-  const animCheckbox = document.querySelector("#toggle_anims");
-  effect(() => {
-    const animationsEnabled = animationsEnabledSignal.value;
-    animCheckbox.checked = animationsEnabled;
-  });
-  animCheckbox.onchange = () => {
-    if (animCheckbox.checked) {
-      enableAnimations();
-    } else {
-      disableAnimations();
-    }
-  };
-  // enable toolbar transition only after first render
-  setTimeout(() => {
-    document.querySelector("#toolbar").setAttribute("data-animate", "");
-  });
-};

package/dist/js/toolbar_autoreload_setting.js

@@ -1,67 +0,0 @@
-import { effect } from "./signals.mjs";
-import { autoreloadEnabledSignal } from "./parent_window_signals.js";
-import { disableAutoreload, enableAutoreload } from "./parent_window_actions.js";
-export const renderToolbarAutoreloadSetting = () => {
-  const parentWindowReloader = window.parent.__reloader__;
-  if (!parentWindowReloader) {
-    disableAutoreloadSetting();
-    return;
-  }
-  const autoreloadCheckbox = document.querySelector("#toggle_autoreload");
-  effect(() => {
-    const autoreloadEnabled = autoreloadEnabledSignal.value;
-    if (autoreloadEnabled) {
-      autoreloadCheckbox.checked = true;
-    } else {
-      autoreloadCheckbox.checked = false;
-    }
-  });
-  autoreloadCheckbox.onchange = () => {
-    if (autoreloadCheckbox.checked) {
-      enableAutoreload();
-    } else {
-      disableAutoreload();
-    }
-  };
-};
-const disableAutoreloadSetting = () => {
-  document.querySelector(".settings_autoreload").setAttribute("data-disabled", "true");
-  document.querySelector(".settings_autoreload").setAttribute("title", `Autoreload not enabled on server`);
-  document.querySelector("#toggle_autoreload").disabled = true;
-};
-
-// const changeLink = variantNode.querySelector(".eventsource-changes-link")
-// changeLink.innerHTML = reloadMessageCount
-// changeLink.onclick = () => {
-//   console.log(reloadMessages)
-//   // eslint-disable-next-line no-alert
-//   window.parent.alert(JSON.stringify(reloadMessages, null, "  "))
-// }
-
-// const someFailed = reloadMessages.some((m) => m.status === "failed")
-// const somePending = reloadMessages.some((m) => m.status === "pending")
-// const applyLink = variantNode.querySelector(".eventsource-reload-link")
-// applyLink.innerHTML = someFailed
-//   ? "failed"
-//   : somePending
-//   ? "applying..."
-//   : "apply changes"
-// applyLink.onclick = someFailed
-//   ? () => {
-//       parentEventSourceClient.applyReloadMessageEffects()
-//     }
-//   : somePending
-//   ? () => {}
-//   : () => {
-//       parentEventSourceClient.applyReloadMessageEffects()
-//     }
-
-// parentEventSourceClient.reloadMessagesSignal.onchange = () => {
-//   updateEventSourceIndicator()
-// }
-// const autoreloadCheckbox = document.querySelector("#toggle-autoreload")
-// autoreloadCheckbox.checked = parentEventSourceClient.isAutoreloadEnabled()
-// autoreloadCheckbox.onchange = () => {
-//   parentEventSourceClient.setAutoreloadPreference(autoreloadCheckbox.checked)
-//   updateEventSourceIndicator()
-// }

package/dist/js/toolbar_close_button.js

@@ -1,14 +0,0 @@
-import { openedSignal } from "./toolbar_open_signals.js";
-import { openToolbar, closeToolbar } from "./toolbar_open_actions.js";
-export const renderToolbarCloseButton = () => {
-  // if user click enter or space quickly while closing toolbar
-  // it will cancel the closing
-  // that's why I used toggleToolbar and not hideToolbar
-  document.querySelector("#toolbar_close_button").onclick = () => {
-    if (openedSignal.value) {
-      closeToolbar();
-    } else {
-      openToolbar();
-    }
-  };
-};

package/dist/js/toolbar_menu_overflow.js

@@ -1,81 +0,0 @@
-import { closeAllTooltips } from "./tooltip_actions.js";
-import { forceHideElement, removeForceHideElement, deactivateToolbarSection } from "./dom.js";
-import { createHorizontalBreakpoint } from "./responsive.js";
-const WINDOW_SMALL_WIDTH = 420;
-export const initToolbarMenuOverflow = () => {
-  // apply responsive design on toolbar icons if needed + add listener on resize screen
-  // ideally we should listen breakpoint once, for now restore toolbar
-  const overflowMenuBreakpoint = createHorizontalBreakpoint(WINDOW_SMALL_WIDTH);
-  const handleOverflowMenuBreakpoint = () => {
-    responsiveToolbar(overflowMenuBreakpoint);
-  };
-  handleOverflowMenuBreakpoint();
-  overflowMenuBreakpoint.changed.listen(handleOverflowMenuBreakpoint);
-  document.querySelector("#menu_overflow_button").onclick = () => {
-    if (overflowMenuIsOpened()) {
-      closeOverflowMenu();
-    } else {
-      openOverflowMenu();
-    }
-  };
-};
-const responsiveToolbar = overflowMenuBreakpoint => {
-  // close all tooltips in case opened
-  closeAllTooltips();
-  // close settings box in case opened
-  deactivateToolbarSection(document.querySelector("#settings"));
-  if (overflowMenuBreakpoint.isBelow()) {
-    enableOverflow();
-  } else {
-    disableOverflow();
-  }
-};
-let moves = [];
-const enableOverflow = () => {
-  // move elements from toolbar to overflow menu
-  const responsiveToolbarElements = document.querySelectorAll("[data-responsive-toolbar-element]");
-  const overflowMenu = document.querySelector("#menu_overflow");
-
-  // keep a placeholder element to know where to move them back
-  moves = Array.from(responsiveToolbarElements).map(element => {
-    const placeholder = document.createElement("div");
-    placeholder.style.display = "none";
-    placeholder.setAttribute("data-placeholder", "");
-    element.parentNode.replaceChild(placeholder, element);
-    overflowMenu.appendChild(element);
-    return {
-      element,
-      placeholder
-    };
-  });
-  document.querySelector("#toolbar").setAttribute("data-menu-overflow-enabled", "");
-  removeForceHideElement(document.querySelector("#menu_overflow_button"));
-};
-const disableOverflow = () => {
-  // close overflow menu in case it's open & unselect toggleOverflowMenu button in case it's selected
-  closeOverflowMenu();
-  deactivateToolbarSection(document.querySelector("#menu_overflow"));
-  moves.forEach(({
-    element,
-    placeholder
-  }) => {
-    placeholder.parentNode.replaceChild(element, placeholder);
-  });
-  moves = [];
-  document.querySelector("#toolbar").removeAttribute("data-menu-overflow-enabled");
-  forceHideElement(document.querySelector("#menu_overflow_button"));
-};
-const overflowMenuIsOpened = () => {
-  const toolbar = document.querySelector("#toolbar");
-  return toolbar.hasAttribute("data-menu-overflow-opened");
-};
-const openOverflowMenu = () => {
-  const toolbar = document.querySelector("#toolbar");
-  document.querySelector("#menu_overflow").setAttribute("data-animate", "");
-  toolbar.setAttribute("data-menu-overflow-opened", "");
-};
-const closeOverflowMenu = () => {
-  const toolbar = document.querySelector("#toolbar");
-  toolbar.removeAttribute("data-menu-overflow-opened");
-  document.querySelector("#menu_overflow").removeAttribute("data-animate");
-};

package/dist/js/toolbar_notification_setting.js

@@ -1,72 +0,0 @@
-import { effect } from "./signals.mjs";
-import { notificationsEnabledSignal, notificationPermissionSignal } from "./notification_signals.js";
-import { notificationAPIDetected } from "./notification_context.js";
-import { enableNotifications, disableNotifications, requestPermission } from "./notification_actions.js";
-import { enableVariant } from "./variant.js";
-const notifCheckbox = document.querySelector("#toggle_notifs");
-export const renderToolbarNotificationSetting = () => {
-  effect(() => {
-    const notificationsEnabled = notificationsEnabledSignal.value;
-    notifCheckbox.checked = notificationsEnabled;
-  });
-  effect(() => {
-    const notificationPermission = notificationPermissionSignal.value;
-    if (!notificationAPIDetected) {
-      applyNotificationNotAvailableEffects();
-      return;
-    }
-    if (notificationPermission === "default") {
-      applyNotificationDefaultEffects();
-      return;
-    }
-    if (notificationPermission === "denied") {
-      applyNotificationDeniedEffects();
-      return;
-    }
-    if (notificationPermission === "granted") {
-      applyNotificationGrantedEffects();
-      return;
-    }
-  });
-};
-const applyNotificationNotAvailableEffects = () => {
-  const notifSetting = document.querySelector(".settings_notification");
-  notifSetting.setAttribute("data-disabled", "true");
-  notifSetting.setAttribute("title", `Notification not available in the browser`);
-  notifCheckbox.disabled = true;
-};
-const applyNotificationDefaultEffects = () => {
-  applyNotificationNOTGrantedEffects();
-  const notifSetting = document.querySelector(".settings_notification");
-  notifSetting.removeAttribute("data-disabled");
-  notifSetting.removeAttribute("title");
-};
-const applyNotificationDeniedEffects = () => {
-  applyNotificationNOTGrantedEffects();
-  const notifSetting = document.querySelector(".settings_notification");
-  notifSetting.setAttribute("data-disabled", "true");
-  notifSetting.setAttribute("title", `Notification denied`);
-};
-const applyNotificationGrantedEffects = () => {
-  enableVariant(document.querySelector(".notification_text"), {
-    notif_granted: "yes"
-  });
-  notifCheckbox.disabled = false;
-  notifCheckbox.onchange = () => {
-    if (notifCheckbox.checked) {
-      enableNotifications();
-    } else {
-      disableNotifications();
-    }
-  };
-};
-const applyNotificationNOTGrantedEffects = () => {
-  enableVariant(document.querySelector(".notification_text"), {
-    notif_granted: "no"
-  });
-  notifCheckbox.disabled = true;
-  notifCheckbox.checked = false;
-  document.querySelector("a.request_notification_permission").onclick = () => {
-    requestPermission();
-  };
-};

package/dist/js/toolbar_open_actions.js

@@ -1,7 +0,0 @@
-import { openedSignal } from "./toolbar_open_signals.js";
-export const openToolbar = () => {
-  openedSignal.value = true;
-};
-export const closeToolbar = () => {
-  openedSignal.value = false;
-};

package/dist/js/toolbar_open_effects.js

@@ -1,4 +0,0 @@
-import { addExternalCommandCallback } from "./parent_window_actions.js";
-import { openToolbar, closeToolbar } from "./toolbar_open_actions.js";
-addExternalCommandCallback("openToolbar", openToolbar);
-addExternalCommandCallback("closeToolbar", closeToolbar);

package/dist/js/toolbar_open_signals.js

@@ -1,4 +0,0 @@
-import { signal } from "./signals.mjs";
-import { paramsFromParentWindow } from "./parent_window_context.js";
-import { stateFromLocalStorage } from "./toolbar_state_context.js";
-export const openedSignal = signal(typeof stateFromLocalStorage.opened === "boolean" ? stateFromLocalStorage.opened : typeof paramsFromParentWindow.opened === "boolean" ? paramsFromParentWindow.opened : false);

package/dist/js/toolbar_opening.js

@@ -1,65 +0,0 @@
-import { effect } from "./signals.mjs";
-import { closeAllTooltips } from "./tooltip_actions.js";
-import { animationsEnabledSignal } from "./animation_signals.js";
-import { openedSignal } from "./toolbar_open_signals.js";
-import { getToolbarIframe, setStyles } from "./dom.js";
-import { startJavaScriptAnimation } from "./animation.js";
-export const initToolbarOpening = () => {
-  effect(() => {
-    const opened = openedSignal.value;
-    if (opened) {
-      showToolbar();
-    } else {
-      hideToolbar();
-    }
-  });
-};
-let restoreToolbarIframeParentStyles = () => {};
-let restoreToolbarIframeStyles = () => {};
-const hideToolbar = () => {
-  closeAllTooltips();
-  restoreToolbarIframeParentStyles();
-  restoreToolbarIframeStyles();
-  document.documentElement.removeAttribute("data-toolbar-visible");
-};
-
-// (by the way it might be cool to have the toolbar auto show when)
-// it has something to say (being disconnected from server)
-const showToolbar = () => {
-  const animationsEnabled = animationsEnabledSignal.peek();
-  document.documentElement.setAttribute("data-toolbar-visible", "");
-  const toolbarIframe = getToolbarIframe();
-  const toolbarIframeParent = toolbarIframe.parentNode;
-  const parentWindow = window.parent;
-  const parentDocumentElement = parentWindow.document.compatMode === "CSS1Compat" ? parentWindow.document.documentElement : parentWindow.document.body;
-  const scrollYMax = parentDocumentElement.scrollHeight - parentWindow.innerHeight;
-  const scrollY = parentDocumentElement.scrollTop;
-  const scrollYRemaining = scrollYMax - scrollY;
-  setStyles(toolbarIframeParent, {
-    "transition-property": "padding-bottom",
-    "transition-duration": animationsEnabled ? "300ms" : "0s"
-  });
-  // maybe we should use js animation here because we would not conflict with css
-  restoreToolbarIframeParentStyles = setStyles(toolbarIframeParent, {
-    "scroll-padding-bottom": "40px",
-    // same here we should add 40px
-    "padding-bottom": "40px" // if there is already one we should add 40px
-  });
-
-  restoreToolbarIframeStyles = setStyles(toolbarIframe, {
-    height: "40px",
-    visibility: "visible"
-  });
-  if (scrollYRemaining < 40 && scrollYMax > 0) {
-    const scrollEnd = scrollY + 40;
-    startJavaScriptAnimation({
-      duration: 300,
-      onProgress: ({
-        progress
-      }) => {
-        const value = scrollY + (scrollEnd - scrollY) * progress;
-        parentDocumentElement.scrollTop = value;
-      }
-    });
-  }
-};

package/dist/js/toolbar_overlay.js

@@ -1,69 +0,0 @@
-import { effect } from "./signals.mjs";
-import { openedSignal } from "./toolbar_open_signals.js";
-import { settingsOpenedSignal } from "./settings_signals.js";
-import { closeSettings } from "./settings_actions.js";
-import { closeAllTooltips } from "./tooltip_actions.js";
-import { executionTooltipOpenedSignal } from "./execution_signals.js";
-import { changesTooltipOpenedSignal } from "./changes_signals.js";
-import { serverTooltipOpenedSignal } from "./server_signals.js";
-import { getToolbarIframe, setStyles } from "./dom.js";
-export const renderToolbarOverlay = () => {
-  const toolbarOverlay = document.querySelector("#toolbar_overlay");
-  toolbarOverlay.onclick = () => {
-    closeAllTooltips();
-    closeSettings();
-  };
-  effect(() => {
-    if (!window.parent) {
-      // can happen while parent iframe reloads
-      return;
-    }
-    const opened = openedSignal.value;
-    const settingsOpened = settingsOpenedSignal.value;
-    const executionTooltipOpened = executionTooltipOpenedSignal.value;
-    const changesTooltipOpened = changesTooltipOpenedSignal.value;
-    const serverTooltipOpened = serverTooltipOpenedSignal.value;
-    if (!opened) {
-      return;
-    }
-    if (settingsOpened || executionTooltipOpened || changesTooltipOpened || serverTooltipOpened) {
-      enableIframeOverflowOnParentWindow();
-    } else {
-      disableIframeOverflowOnParentWindow();
-    }
-  });
-};
-const enableIframeOverflowOnParentWindow = () => {
-  const iframe = getToolbarIframe();
-  const transitionDuration = iframe.style.transitionDuration;
-  setStyles(iframe, {
-    "height": "100%",
-    // we don't want to animate height transition
-    // but if it was enabled, we'll restore it afterwards
-    "transition-duration": "0ms"
-  });
-  if (transitionDuration) {
-    setTimeout(() => {
-      setStyles(iframe, {
-        "transition-duration": transitionDuration
-      });
-    });
-  }
-};
-const disableIframeOverflowOnParentWindow = () => {
-  const iframe = getToolbarIframe();
-  const transitionDuration = iframe.style.transitionDuration;
-  setStyles(iframe, {
-    "height": "40px",
-    // we don't want to animate height transition
-    // but if it was enabled, we'll restore it afterwards
-    "transition-duration": "0ms"
-  });
-  if (transitionDuration) {
-    setTimeout(() => {
-      setStyles(iframe, {
-        "transition-duration": transitionDuration
-      });
-    });
-  }
-};

package/dist/js/toolbar_settings.js

@@ -1,44 +0,0 @@
-import { effect } from "./signals.mjs";
-import { settingsOpenedSignal } from "./settings_signals.js";
-import { openSettings, closeSettings } from "./settings_actions.js";
-import { enableVariant } from "./variant.js";
-import { activateToolbarSection, deactivateToolbarSection } from "./dom.js";
-import { renderToolbarAutoreloadSetting } from "./toolbar_autoreload_setting.js";
-import { renderToolbarAnimationSetting } from "./toolbar_animation_setting.js";
-import { renderToolbarNotificationSetting } from "./toolbar_notification_setting.js";
-import { renderToolbarThemeSetting } from "./toolbar_theme_setting.js";
-export const renderToolbarSettings = () => {
-  document.querySelector("#settings_open_button").onclick = toggleSettings;
-  document.querySelector("#settings_close_button").onclick = toggleSettings;
-  disableWarningStyle();
-  renderToolbarAutoreloadSetting();
-  renderToolbarAnimationSetting();
-  renderToolbarNotificationSetting();
-  renderToolbarThemeSetting();
-  effect(() => {
-    const settingsOpened = settingsOpenedSignal.value;
-    if (settingsOpened) {
-      activateToolbarSection(document.querySelector("#settings"));
-    } else {
-      deactivateToolbarSection(document.querySelector("#settings"));
-    }
-  });
-};
-const toggleSettings = () => {
-  const settingsOpened = settingsOpenedSignal.value;
-  if (settingsOpened) {
-    closeSettings();
-  } else {
-    openSettings();
-  }
-};
-export const enableWarningStyle = () => {
-  enableVariant(document.querySelector("#settings_open_button"), {
-    has_warning: "yes"
-  });
-};
-export const disableWarningStyle = () => {
-  enableVariant(document.querySelector("#settings_open_button"), {
-    has_warning: "no"
-  });
-};

package/dist/js/toolbar_state_context.js

@@ -1 +0,0 @@
-export const stateFromLocalStorage = localStorage.hasOwnProperty("jsenv_toolbar") ? JSON.parse(localStorage.getItem("jsenv_toolbar")) : {};