@jsenv/plugin-toolbar 1.4.3 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/js/toolbar_core.js +496 -496
- package/package.json +2 -2
- package/src/client/core/execution_effects.js +1 -1
- package/src/client/core/notification_actions.js +1 -1
- package/src/client/core/notification_effects.js +1 -1
- package/src/client/core/parent_window_effects.js +2 -2
- package/src/client/core/server_effects.js +1 -1
- package/src/client/core/toolbar_open_effects.js +1 -1
- package/src/client/core/toolbar_state_effects.js +1 -1
- package/src/client/core/toolbar_state_signals.js +2 -2
- package/src/client/ui/changes_indicator/changes_indicator.js +5 -5
- package/src/client/ui/document_execution_indicator/document_execution_indicator.js +4 -4
- package/src/client/ui/server_indicator/server_indicator.js +4 -4
- package/src/client/ui/toolbar_close_button/toolbar_close_button.js +1 -1
- package/src/client/ui/toolbar_menu_overflow/toolbar_menu_overflow.js +1 -1
- package/src/client/ui/toolbar_opening/toolbar_opening.js +2 -2
- package/src/client/ui/toolbar_overlay/toolbar_overlay.js +5 -5
- package/src/client/ui/toolbar_settings/toolbar_animation_setting.js +2 -2
- package/src/client/ui/toolbar_settings/toolbar_autoreload_setting.js +1 -1
- package/src/client/ui/toolbar_settings/toolbar_notification_setting.js +6 -6
- package/src/client/ui/toolbar_settings/toolbar_settings.js +4 -4
- package/src/client/ui/toolbar_settings/toolbar_theme_setting.js +1 -1
- package/src/client/ui/toolbar_ui.js +6 -6
- package/src/jsenv_plugin_toolbar.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jsenv/plugin-toolbar",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"/src/"
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@jsenv/ast": "6.2.
|
|
29
|
+
"@jsenv/ast": "6.2.5",
|
|
30
30
|
"@preact/signals": "1.3.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
+
import { notifyExecutionResult } from "./execution_actions.js";
|
|
3
4
|
import {
|
|
4
5
|
executionSignal,
|
|
5
6
|
previousExecutionSignal,
|
|
6
7
|
} from "./execution_signals.js";
|
|
7
|
-
import { notifyExecutionResult } from "./execution_actions.js";
|
|
8
8
|
|
|
9
9
|
effect(() => {
|
|
10
10
|
const execution = executionSignal.value;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { notificationsEnabledSignal } from "./notification_signals.js";
|
|
4
3
|
import { closeAllNotifications } from "./notification_actions.js";
|
|
4
|
+
import { notificationsEnabledSignal } from "./notification_signals.js";
|
|
5
5
|
|
|
6
6
|
effect(() => {
|
|
7
7
|
const notificationsEnabled = notificationsEnabledSignal.value;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { initToolbarUI } from "../ui/toolbar_ui.js";
|
|
2
|
+
import { animationsEnabledSignal } from "./animation_signals.js";
|
|
1
3
|
import {
|
|
2
4
|
addExternalCommandCallback,
|
|
3
5
|
sendEventToParent,
|
|
4
6
|
} from "./parent_window_actions.js";
|
|
5
|
-
import { animationsEnabledSignal } from "./animation_signals.js";
|
|
6
|
-
import { initToolbarUI } from "../ui/toolbar_ui.js";
|
|
7
7
|
|
|
8
8
|
addExternalCommandCallback("initToolbar", () => {
|
|
9
9
|
// for the first render, force disable animations
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { serverConnectionSignal } from "./server_signals.js";
|
|
4
3
|
import { openServerTooltip } from "./server_actions.js";
|
|
4
|
+
import { serverConnectionSignal } from "./server_signals.js";
|
|
5
5
|
|
|
6
6
|
effect(() => {
|
|
7
7
|
const serverConnection = serverConnectionSignal.value;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addExternalCommandCallback } from "./parent_window_actions.js";
|
|
2
|
-
import {
|
|
2
|
+
import { closeToolbar, openToolbar } from "./toolbar_open_actions.js";
|
|
3
3
|
|
|
4
4
|
addExternalCommandCallback("openToolbar", openToolbar);
|
|
5
5
|
addExternalCommandCallback("closeToolbar", closeToolbar);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { toolbarStateSignal } from "./toolbar_state_signals.js";
|
|
4
3
|
import { sendEventToParent } from "./parent_window_actions.js";
|
|
4
|
+
import { toolbarStateSignal } from "./toolbar_state_signals.js";
|
|
5
5
|
|
|
6
6
|
effect(() => {
|
|
7
7
|
const toolbarState = toolbarStateSignal.value;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { computed } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { openedSignal } from "./toolbar_open_signals.js";
|
|
4
|
-
import { themeSignal } from "./theme_signals.js";
|
|
5
3
|
import { animationsEnabledSignal } from "./animation_signals.js";
|
|
6
4
|
import { notificationsEnabledSignal } from "./notification_signals.js";
|
|
7
5
|
import { ribbonDisplayedSignal } from "./ribbon_signals.js";
|
|
6
|
+
import { themeSignal } from "./theme_signals.js";
|
|
7
|
+
import { openedSignal } from "./toolbar_open_signals.js";
|
|
8
8
|
|
|
9
9
|
export const toolbarStateSignal = computed(() => {
|
|
10
10
|
const opened = openedSignal.value;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
+
import {
|
|
4
|
+
closeChangesToolip,
|
|
5
|
+
openChangesToolip,
|
|
6
|
+
} from "../../core/changes_actions.js";
|
|
7
|
+
import { changesTooltipOpenedSignal } from "../../core/changes_signals.js";
|
|
3
8
|
import { parentWindowReloader } from "../../core/parent_window_context.js";
|
|
4
9
|
import {
|
|
5
10
|
autoreloadEnabledSignal,
|
|
6
11
|
changesSignal,
|
|
7
12
|
} from "../../core/parent_window_signals.js";
|
|
8
|
-
import { changesTooltipOpenedSignal } from "../../core/changes_signals.js";
|
|
9
|
-
import {
|
|
10
|
-
openChangesToolip,
|
|
11
|
-
closeChangesToolip,
|
|
12
|
-
} from "../../core/changes_actions.js";
|
|
13
13
|
import { enableVariant } from "../variant.js";
|
|
14
14
|
|
|
15
15
|
const changesIndicator = document.querySelector("#changes_indicator");
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
executionSignal,
|
|
5
|
-
executionTooltipOpenedSignal,
|
|
6
|
-
} from "../../core/execution_signals.js";
|
|
7
3
|
import {
|
|
8
4
|
closeExecutionTooltip,
|
|
9
5
|
openExecutionTooltip,
|
|
10
6
|
} from "../../core/execution_actions.js";
|
|
7
|
+
import {
|
|
8
|
+
executionSignal,
|
|
9
|
+
executionTooltipOpenedSignal,
|
|
10
|
+
} from "../../core/execution_signals.js";
|
|
11
11
|
import { removeForceHideElement } from "../util/dom.js";
|
|
12
12
|
import { enableVariant } from "../variant.js";
|
|
13
13
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
+
import {
|
|
4
|
+
closeServerTooltip,
|
|
5
|
+
openServerTooltip,
|
|
6
|
+
} from "../../core/server_actions.js";
|
|
3
7
|
import {
|
|
4
8
|
serverConnectionSignal,
|
|
5
9
|
serverTooltipOpenedSignal,
|
|
6
10
|
} from "../../core/server_signals.js";
|
|
7
|
-
import {
|
|
8
|
-
openServerTooltip,
|
|
9
|
-
closeServerTooltip,
|
|
10
|
-
} from "../../core/server_actions.js";
|
|
11
11
|
import { removeForceHideElement } from "../util/dom.js";
|
|
12
12
|
import { enableVariant } from "../variant.js";
|
|
13
13
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { closeToolbar, openToolbar } from "../../core/toolbar_open_actions.js";
|
|
1
2
|
import { openedSignal } from "../../core/toolbar_open_signals.js";
|
|
2
|
-
import { openToolbar, closeToolbar } from "../../core/toolbar_open_actions.js";
|
|
3
3
|
|
|
4
4
|
export const renderToolbarCloseButton = () => {
|
|
5
5
|
// if user click enter or space quickly while closing toolbar
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { closeAllTooltips } from "../../core/tooltip_actions.js";
|
|
2
2
|
import {
|
|
3
|
+
deactivateToolbarSection,
|
|
3
4
|
forceHideElement,
|
|
4
5
|
removeForceHideElement,
|
|
5
|
-
deactivateToolbarSection,
|
|
6
6
|
} from "../util/dom.js";
|
|
7
7
|
import { createHorizontalBreakpoint } from "../util/responsive.js";
|
|
8
8
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { closeAllTooltips } from "../../core/tooltip_actions.js";
|
|
4
3
|
import { animationsEnabledSignal } from "../../core/animation_signals.js";
|
|
5
4
|
import { openedSignal } from "../../core/toolbar_open_signals.js";
|
|
6
|
-
import {
|
|
5
|
+
import { closeAllTooltips } from "../../core/tooltip_actions.js";
|
|
7
6
|
import { startJavaScriptAnimation } from "../util/animation.js";
|
|
7
|
+
import { getToolbarIframe, setStyles } from "../util/dom.js";
|
|
8
8
|
|
|
9
9
|
export const initToolbarOpening = () => {
|
|
10
10
|
effect(() => {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { openedSignal } from "../../core/toolbar_open_signals.js";
|
|
4
|
-
import { settingsOpenedSignal } from "../../core/settings_signals.js";
|
|
5
|
-
import { closeSettings } from "../../core/settings_actions.js";
|
|
6
|
-
import { closeAllTooltips } from "../../core/tooltip_actions.js";
|
|
7
|
-
import { executionTooltipOpenedSignal } from "../../core/execution_signals.js";
|
|
8
3
|
import { changesTooltipOpenedSignal } from "../../core/changes_signals.js";
|
|
4
|
+
import { executionTooltipOpenedSignal } from "../../core/execution_signals.js";
|
|
9
5
|
import { serverTooltipOpenedSignal } from "../../core/server_signals.js";
|
|
6
|
+
import { closeSettings } from "../../core/settings_actions.js";
|
|
7
|
+
import { settingsOpenedSignal } from "../../core/settings_signals.js";
|
|
8
|
+
import { openedSignal } from "../../core/toolbar_open_signals.js";
|
|
9
|
+
import { closeAllTooltips } from "../../core/tooltip_actions.js";
|
|
10
10
|
import { getToolbarIframe, setStyles } from "../util/dom.js";
|
|
11
11
|
|
|
12
12
|
export const renderToolbarOverlay = () => {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { animationsEnabledSignal } from "../../core/animation_signals.js";
|
|
4
3
|
import {
|
|
5
|
-
enableAnimations,
|
|
6
4
|
disableAnimations,
|
|
5
|
+
enableAnimations,
|
|
7
6
|
} from "../../core/animation_actions.js";
|
|
7
|
+
import { animationsEnabledSignal } from "../../core/animation_signals.js";
|
|
8
8
|
|
|
9
9
|
export const renderToolbarAnimationSetting = () => {
|
|
10
10
|
const animCheckbox = document.querySelector("#toggle_anims");
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
-
import { autoreloadEnabledSignal } from "../../core/parent_window_signals.js";
|
|
4
3
|
import {
|
|
5
4
|
disableAutoreload,
|
|
6
5
|
enableAutoreload,
|
|
7
6
|
} from "../../core/parent_window_actions.js";
|
|
7
|
+
import { autoreloadEnabledSignal } from "../../core/parent_window_signals.js";
|
|
8
8
|
|
|
9
9
|
export const renderToolbarAutoreloadSetting = () => {
|
|
10
10
|
const parentWindowReloader = window.parent.__reloader__;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
3
|
import {
|
|
4
|
-
notificationsEnabledSignal,
|
|
5
|
-
notificationPermissionSignal,
|
|
6
|
-
} from "../../core/notification_signals.js";
|
|
7
|
-
import { notificationAPIDetected } from "../../core/notification_context.js";
|
|
8
|
-
import {
|
|
9
|
-
enableNotifications,
|
|
10
4
|
disableNotifications,
|
|
5
|
+
enableNotifications,
|
|
11
6
|
requestPermission,
|
|
12
7
|
} from "../../core/notification_actions.js";
|
|
8
|
+
import { notificationAPIDetected } from "../../core/notification_context.js";
|
|
9
|
+
import {
|
|
10
|
+
notificationPermissionSignal,
|
|
11
|
+
notificationsEnabledSignal,
|
|
12
|
+
} from "../../core/notification_signals.js";
|
|
13
13
|
import { enableVariant } from "../variant.js";
|
|
14
14
|
|
|
15
15
|
const notifCheckbox = document.querySelector("#toggle_notifs");
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { effect } from "@preact/signals";
|
|
2
2
|
|
|
3
|
+
import { closeSettings, openSettings } from "../../core/settings_actions.js";
|
|
3
4
|
import { settingsOpenedSignal } from "../../core/settings_signals.js";
|
|
4
|
-
import { openSettings, closeSettings } from "../../core/settings_actions.js";
|
|
5
|
-
import { enableVariant } from "../variant.js";
|
|
6
5
|
import {
|
|
7
6
|
activateToolbarSection,
|
|
8
7
|
deactivateToolbarSection,
|
|
9
8
|
} from "../util/dom.js";
|
|
10
|
-
import {
|
|
9
|
+
import { enableVariant } from "../variant.js";
|
|
11
10
|
import { renderToolbarAnimationSetting } from "./toolbar_animation_setting.js";
|
|
11
|
+
import { renderToolbarAutoreloadSetting } from "./toolbar_autoreload_setting.js";
|
|
12
12
|
import { renderToolbarNotificationSetting } from "./toolbar_notification_setting.js";
|
|
13
|
-
import { renderToolbarThemeSetting } from "./toolbar_theme_setting.js";
|
|
14
13
|
import { renderToolbarRibbonSetting } from "./toolbar_ribbon_setting.js";
|
|
14
|
+
import { renderToolbarThemeSetting } from "./toolbar_theme_setting.js";
|
|
15
15
|
|
|
16
16
|
export const renderToolbarSettings = () => {
|
|
17
17
|
document.querySelector("#settings_open_button").onclick = toggleSettings;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { themeSignal } from "../../core/theme_signals.js";
|
|
2
1
|
import {
|
|
3
2
|
switchToDefaultTheme,
|
|
4
3
|
switchToLightTheme,
|
|
5
4
|
} from "../../core/theme_actions.js";
|
|
5
|
+
import { themeSignal } from "../../core/theme_signals.js";
|
|
6
6
|
|
|
7
7
|
export const renderToolbarThemeSetting = () => {
|
|
8
8
|
const checkbox = document.querySelector("#checkbox_dark_theme");
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { initToolbarOpening } from "./toolbar_opening/toolbar_opening.js";
|
|
2
|
-
import { initToolbarMenuOverflow } from "./toolbar_menu_overflow/toolbar_menu_overflow.js";
|
|
3
|
-
import { renderToolbarOverlay } from "./toolbar_overlay/toolbar_overlay.js";
|
|
4
|
-
import { renderDocumentIndexLink } from "./document_index_link/document_index_link.js";
|
|
5
|
-
import { renderDocumentExecutionIndicator } from "./document_execution_indicator/document_execution_indicator.js";
|
|
6
1
|
import { renderChangesIndicator } from "./changes_indicator/changes_indicator.js";
|
|
2
|
+
import { renderDocumentExecutionIndicator } from "./document_execution_indicator/document_execution_indicator.js";
|
|
3
|
+
import { renderDocumentIndexLink } from "./document_index_link/document_index_link.js";
|
|
7
4
|
import { renderServerIndicator } from "./server_indicator/server_indicator.js";
|
|
8
|
-
import { renderToolbarSettings } from "./toolbar_settings/toolbar_settings.js";
|
|
9
5
|
import { renderToolbarCloseButton } from "./toolbar_close_button/toolbar_close_button.js";
|
|
6
|
+
import { initToolbarMenuOverflow } from "./toolbar_menu_overflow/toolbar_menu_overflow.js";
|
|
7
|
+
import { initToolbarOpening } from "./toolbar_opening/toolbar_opening.js";
|
|
8
|
+
import { renderToolbarOverlay } from "./toolbar_overlay/toolbar_overlay.js";
|
|
9
|
+
import { renderToolbarSettings } from "./toolbar_settings/toolbar_settings.js";
|
|
10
10
|
|
|
11
11
|
export const initToolbarUI = () => {
|
|
12
12
|
initToolbarOpening();
|