@jsenv/plugin-toolbar 0.1.2 → 0.1.4

package/dist/js/toolbar_state_effects.js

@@ -1,8 +0,0 @@
-import { effect } from "./signals.mjs";
-import { toolbarStateSignal } from "./toolbar_state_signals.js";
-import { sendEventToParent } from "./parent_window_actions.js";
-effect(() => {
-  const toolbarState = toolbarStateSignal.value;
-  localStorage.setItem("jsenv_toolbar", JSON.stringify(toolbarState));
-  sendEventToParent("toolbar_state_change", toolbarState);
-});

package/dist/js/toolbar_state_signals.js

@@ -1,17 +0,0 @@
-import { computed } from "./signals.mjs";
-import { openedSignal } from "./toolbar_open_signals.js";
-import { themeSignal } from "./theme_signals.js";
-import { animationsEnabledSignal } from "./animation_signals.js";
-import { notificationsEnabledSignal } from "./notification_signals.js";
-export const toolbarStateSignal = computed(() => {
-  const opened = openedSignal.value;
-  const theme = themeSignal.value;
-  const animationsEnabled = animationsEnabledSignal.value;
-  const notificationsEnabled = notificationsEnabledSignal.value;
-  return {
-    opened,
-    theme,
-    animationsEnabled,
-    notificationsEnabled
-  };
-});

package/dist/js/toolbar_theme_setting.js

@@ -1,13 +0,0 @@
-import { themeSignal } from "./theme_signals.js";
-import { switchToDefaultTheme, switchToLightTheme } from "./theme_actions.js";
-export const renderToolbarThemeSetting = () => {
-  const checkbox = document.querySelector("#checkbox_dark_theme");
-  checkbox.checked = themeSignal.value === "dark";
-  checkbox.onchange = () => {
-    if (checkbox.checked) {
-      switchToDefaultTheme();
-    } else {
-      switchToLightTheme();
-    }
-  };
-};

package/dist/js/toolbar_ui.js

@@ -1,20 +0,0 @@
-import { initToolbarOpening } from "./toolbar_opening.js";
-import { initToolbarMenuOverflow } from "./toolbar_menu_overflow.js";
-import { renderToolbarOverlay } from "./toolbar_overlay.js";
-import { renderDocumentIndexLink } from "./document_index_link.js";
-import { renderDocumentExecutionIndicator } from "./document_execution_indicator.js";
-import { renderChangesIndicator } from "./changes_indicator.js";
-import { renderServerIndicator } from "./server_indicator.js";
-import { renderToolbarSettings } from "./toolbar_settings.js";
-import { renderToolbarCloseButton } from "./toolbar_close_button.js";
-export const initToolbarUI = () => {
-  initToolbarOpening();
-  initToolbarMenuOverflow();
-  renderToolbarOverlay();
-  renderDocumentIndexLink();
-  renderDocumentExecutionIndicator();
-  renderChangesIndicator();
-  renderServerIndicator();
-  renderToolbarSettings();
-  renderToolbarCloseButton();
-};

package/dist/js/tooltip_actions.js

@@ -1,6 +0,0 @@
-import { closeExecutionTooltip } from "./execution_actions.js";
-import { closeServerTooltip } from "./server_actions.js";
-export const closeAllTooltips = () => {
-  closeExecutionTooltip();
-  closeServerTooltip();
-};

package/dist/js/variant.js

@@ -1,53 +0,0 @@
-export const enableVariant = (rootNode, variables) => {
-  const nodesNotMatching = Array.from(rootNode.querySelectorAll(`[${attributeIndicatingACondition}]`));
-  nodesNotMatching.forEach(nodeNotMatching => {
-    const conditionAttributeValue = nodeNotMatching.getAttribute(attributeIndicatingACondition);
-    const matches = testCondition(conditionAttributeValue, variables);
-    if (matches) {
-      renameAttribute(nodeNotMatching, attributeIndicatingACondition, attributeIndicatingAMatch);
-    }
-  });
-  const nodesMatching = Array.from(rootNode.querySelectorAll(`[${attributeIndicatingAMatch}]`));
-  nodesMatching.forEach(nodeMatching => {
-    const conditionAttributeValue = nodeMatching.getAttribute(attributeIndicatingAMatch);
-    const matches = testCondition(conditionAttributeValue, variables);
-    if (!matches) {
-      renameAttribute(nodeMatching, attributeIndicatingAMatch, attributeIndicatingACondition);
-    }
-  });
-};
-const testCondition = (conditionAttributeValue, variables) => {
-  const condition = parseCondition(conditionAttributeValue);
-  return Object.keys(variables).some(key => {
-    if (condition.key !== key) {
-      return false;
-    }
-    // the condition do not specify a value, any value is ok
-    if (condition.value === undefined) {
-      return true;
-    }
-    if (condition.value === variables[key]) {
-      return true;
-    }
-    return false;
-  });
-};
-const parseCondition = conditionAttributeValue => {
-  const colonIndex = conditionAttributeValue.indexOf(":");
-  if (colonIndex === -1) {
-    return {
-      key: conditionAttributeValue,
-      value: undefined
-    };
-  }
-  return {
-    key: conditionAttributeValue.slice(0, colonIndex),
-    value: conditionAttributeValue.slice(colonIndex + 1)
-  };
-};
-const attributeIndicatingACondition = `data-when`;
-const attributeIndicatingAMatch = `data-when-active`;
-const renameAttribute = (node, name, newName) => {
-  node.setAttribute(newName, node.getAttribute(name));
-  node.removeAttribute(name);
-};