@jsenv/plugin-toolbar 0.1.14 → 1.0.1

package/src/client/core/parent_window_effects.js

@@ -1,20 +1,20 @@
 import {
   addExternalCommandCallback,
   sendEventToParent,
-} from "./parent_window_actions.js"
-import { animationsEnabledSignal } from "./animation_signals.js"
-import { initToolbarUI } from "../ui/toolbar_ui.js"
+} from "./parent_window_actions.js";
+import { animationsEnabledSignal } from "./animation_signals.js";
+import { initToolbarUI } from "../ui/toolbar_ui.js";
 
 addExternalCommandCallback("initToolbar", () => {
   // for the first render, force disable animations
-  const animationsEnabled = animationsEnabledSignal.value
+  const animationsEnabled = animationsEnabledSignal.value;
   if (animationsEnabled) {
-    animationsEnabledSignal.value = false
+    animationsEnabledSignal.value = false;
   }
-  initToolbarUI()
+  initToolbarUI();
   if (animationsEnabled) {
-    animationsEnabledSignal.value = true
+    animationsEnabledSignal.value = true;
   }
-})
+});
 
-sendEventToParent("toolbar_ready")
+sendEventToParent("toolbar_ready");

package/src/client/core/parent_window_signals.js

@@ -1,34 +1,34 @@
-import { signal } from "@preact/signals"
+import { signal } from "@preact/signals";
 
 import {
   paramsFromParentWindow,
   parentWindowReloader,
-} from "./parent_window_context.js"
+} from "./parent_window_context.js";
 
-export const autoreloadEnabledSignal = signal(false)
-export const reloaderStatusSignal = signal("idle")
-export const changesSignal = signal(0)
+export const autoreloadEnabledSignal = signal(false);
+export const reloaderStatusSignal = signal("idle");
+export const changesSignal = signal(0);
 
 if (parentWindowReloader) {
   if (
     !parentWindowReloader.autoreload.enabled &&
     paramsFromParentWindow.autoreload
   ) {
-    autoreloadEnabledSignal.value = true
+    autoreloadEnabledSignal.value = true;
   } else {
-    autoreloadEnabledSignal.value = parentWindowReloader.autoreload.enabled
+    autoreloadEnabledSignal.value = parentWindowReloader.autoreload.enabled;
   }
   parentWindowReloader.autoreload.onchange = () => {
-    autoreloadEnabledSignal.value = parentWindowReloader.autoreload.enabled
-  }
-  reloaderStatusSignal.value = parentWindowReloader.status.value
-  const onchange = parentWindowReloader.status.onchange
+    autoreloadEnabledSignal.value = parentWindowReloader.autoreload.enabled;
+  };
+  reloaderStatusSignal.value = parentWindowReloader.status.value;
+  const onchange = parentWindowReloader.status.onchange;
   parentWindowReloader.status.onchange = () => {
-    onchange()
-    reloaderStatusSignal.value = parentWindowReloader.status.value
-  }
-  changesSignal.value = parentWindowReloader.changes.value
+    onchange();
+    reloaderStatusSignal.value = parentWindowReloader.status.value;
+  };
+  changesSignal.value = parentWindowReloader.changes.value;
   parentWindowReloader.changes.onchange = () => {
-    changesSignal.value = [...parentWindowReloader.changes.value]
-  }
+    changesSignal.value = [...parentWindowReloader.changes.value];
+  };
 }

package/src/client/core/server_actions.js

@@ -1,9 +1,9 @@
-import { serverTooltipOpenedSignal } from "./server_signals.js"
+import { serverTooltipOpenedSignal } from "./server_signals.js";
 
 export const openServerTooltip = () => {
-  serverTooltipOpenedSignal.value = true
-}
+  serverTooltipOpenedSignal.value = true;
+};
 
 export const closeServerTooltip = () => {
-  serverTooltipOpenedSignal.value = false
-}
+  serverTooltipOpenedSignal.value = false;
+};

package/src/client/core/server_effects.js

@@ -1,11 +1,11 @@
-import { effect } from "@preact/signals"
+import { effect } from "@preact/signals";
 
-import { serverConnectionSignal } from "./server_signals.js"
-import { openServerTooltip } from "./server_actions.js"
+import { serverConnectionSignal } from "./server_signals.js";
+import { openServerTooltip } from "./server_actions.js";
 
 effect(() => {
-  const serverConnection = serverConnectionSignal.value
+  const serverConnection = serverConnectionSignal.value;
   if (serverConnection === "connecting" || serverConnection === "closed") {
-    openServerTooltip()
+    openServerTooltip();
   }
-})
+});

package/src/client/core/server_signals.js

@@ -1,12 +1,12 @@
-import { signal } from "@preact/signals"
+import { signal } from "@preact/signals";
 
-export const serverTooltipOpenedSignal = signal(false)
+export const serverTooltipOpenedSignal = signal(false);
 
-export const serverConnectionSignal = signal("default")
-const serverEvents = window.__server_events__
+export const serverConnectionSignal = signal("default");
+const serverEvents = window.__server_events__;
 if (serverEvents) {
   serverEvents.readyState.onchange = () => {
-    serverConnectionSignal.value = serverEvents.readyState.value
-  }
-  serverConnectionSignal.value = serverEvents.readyState.value
+    serverConnectionSignal.value = serverEvents.readyState.value;
+  };
+  serverConnectionSignal.value = serverEvents.readyState.value;
 }

package/src/client/core/settings_actions.js

@@ -1,9 +1,9 @@
-import { settingsOpenedSignal } from "./settings_signals.js"
+import { settingsOpenedSignal } from "./settings_signals.js";
 
 export const openSettings = () => {
-  settingsOpenedSignal.value = true
-}
+  settingsOpenedSignal.value = true;
+};
 
 export const closeSettings = () => {
-  settingsOpenedSignal.value = false
-}
+  settingsOpenedSignal.value = false;
+};

package/src/client/core/settings_signals.js

@@ -1,3 +1,3 @@
-import { signal } from "@preact/signals"
+import { signal } from "@preact/signals";
 
-export const settingsOpenedSignal = signal(false)
+export const settingsOpenedSignal = signal(false);

package/src/client/core/theme_actions.js

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

package/src/client/core/theme_effects.js

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

package/src/client/core/theme_signals.js

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

package/src/client/core/toolbar_logger.js

@@ -1,23 +1,23 @@
-import { paramsFromParentWindow } from "./parent_window_context.js"
+import { paramsFromParentWindow } from "./parent_window_context.js";
 
-const logLevel = paramsFromParentWindow.logLevel
+const logLevel = paramsFromParentWindow.logLevel;
 
 export const logger = {
   info: (...args) => {
     if (logLevel === "warn" || logLevel === "info" || logLevel === "debug") {
-      console.info(...prefixArgs(...args))
+      console.info(...prefixArgs(...args));
     }
   },
 
   debug: (...args) => {
     if (logLevel === "debug") {
-      console.debug(...prefixArgs(...args))
+      console.debug(...prefixArgs(...args));
     }
   },
-}
+};
 
 // a nice yellow:ffdc00
-const backgroundColor = "#F7931E" // jsenv logo color
+const backgroundColor = "#F7931E"; // jsenv logo color
 
 // eslint-disable-next-line no-unused-vars
 const prefixArgs = (...args) => {
@@ -25,5 +25,5 @@ const prefixArgs = (...args) => {
     `%cjsenv`,
     `background: ${backgroundColor}; color: black; padding: 1px 3px; margin: 0 1px`,
     ...args,
-  ]
-}
+  ];
+};

package/src/client/core/toolbar_open_actions.js

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

package/src/client/core/toolbar_open_effects.js

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

package/src/client/core/toolbar_open_signals.js

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

package/src/client/core/toolbar_state_context.js

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

package/src/client/core/toolbar_state_effects.js

@@ -1,10 +1,10 @@
-import { effect } from "@preact/signals"
+import { effect } from "@preact/signals";
 
-import { toolbarStateSignal } from "./toolbar_state_signals.js"
-import { sendEventToParent } from "./parent_window_actions.js"
+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)
-})
+  const toolbarState = toolbarStateSignal.value;
+  localStorage.setItem("jsenv_toolbar", JSON.stringify(toolbarState));
+  sendEventToParent("toolbar_state_change", toolbarState);
+});

package/src/client/core/toolbar_state_signals.js

@@ -1,20 +1,20 @@
-import { computed } from "@preact/signals"
+import { computed } from "@preact/signals";
 
-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"
+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
+  const opened = openedSignal.value;
+  const theme = themeSignal.value;
+  const animationsEnabled = animationsEnabledSignal.value;
+  const notificationsEnabled = notificationsEnabledSignal.value;
 
   return {
     opened,
     theme,
     animationsEnabled,
     notificationsEnabled,
-  }
-})
+  };
+});

package/src/client/core/tooltip_actions.js

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

package/src/client/toolbar_core.js

@@ -1,8 +1,8 @@
-import "./core/animation_effects.js"
-import "./core/execution_effects.js"
-import "./core/notification_effects.js"
-import "./core/parent_window_effects.js"
-import "./core/server_effects.js"
-import "./core/theme_effects.js"
-import "./core/toolbar_open_effects.js"
-import "./core/toolbar_state_effects.js"
+import "./core/animation_effects.js";
+import "./core/execution_effects.js";
+import "./core/notification_effects.js";
+import "./core/parent_window_effects.js";
+import "./core/server_effects.js";
+import "./core/theme_effects.js";
+import "./core/toolbar_open_effects.js";
+import "./core/toolbar_state_effects.js";