@jsenv/plugin-toolbar 0.0.1 → 0.1.0
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/css/{toolbar_main.css → toolbar.css} +285 -319
- package/dist/html/toolbar.html +91 -80
- package/dist/js/toolbar_core.js +1792 -0
- package/dist/js/toolbar_injector.js +60 -121
- package/dist/jsenv_plugin_toolbar.js +18 -12
- package/package.json +10 -3
- package/src/client/core/animation_actions.js +8 -0
- package/src/client/core/animation_effects.js +12 -0
- package/src/client/core/animation_signals.js +12 -0
- package/src/client/core/changes_actions.js +9 -0
- package/src/client/core/changes_signals.js +3 -0
- package/src/client/core/execution_actions.js +50 -0
- package/src/client/core/execution_effects.js +22 -0
- package/src/client/core/execution_signals.js +19 -0
- package/src/client/core/notification_actions.js +71 -0
- package/src/client/core/notification_context.js +1 -0
- package/src/client/core/notification_effects.js +11 -0
- package/src/client/core/notification_signals.js +13 -0
- package/src/client/{communication/parent_window_communication.js → core/parent_window_actions.js} +10 -0
- package/src/client/core/parent_window_context.js +7 -0
- package/src/client/core/parent_window_effects.js +20 -0
- package/src/client/core/parent_window_signals.js +34 -0
- package/src/client/core/server_actions.js +9 -0
- package/src/client/core/server_effects.js +11 -0
- package/src/client/core/server_signals.js +12 -0
- package/src/client/core/settings_actions.js +9 -0
- package/src/client/core/settings_signals.js +3 -0
- package/src/client/core/theme_actions.js +9 -0
- package/src/client/core/theme_effects.js +8 -0
- package/src/client/core/theme_signals.js +12 -0
- package/src/client/core/toolbar_logger.js +29 -0
- package/src/client/core/toolbar_open_actions.js +9 -0
- package/src/client/core/toolbar_open_effects.js +5 -0
- package/src/client/core/toolbar_open_signals.js +12 -0
- package/src/client/core/toolbar_state_context.js +5 -0
- package/src/client/core/toolbar_state_effects.js +10 -0
- package/src/client/core/toolbar_state_signals.js +20 -0
- package/src/client/core/tooltip_actions.js +7 -0
- package/src/client/toolbar.html +116 -89
- package/src/client/toolbar_core.js +8 -0
- package/src/client/toolbar_injector.js +64 -39
- package/src/client/ui/changes_indicator/changes_indicator.js +66 -0
- package/src/client/{execution/execution.css → ui/document_execution_indicator/document_execution_indicator.css} +10 -14
- package/src/client/ui/document_execution_indicator/document_execution_indicator.js +66 -0
- package/src/client/ui/document_index_link/document_index_link.js +8 -0
- package/src/client/ui/globals.css +103 -0
- package/src/client/{jsenv_logo.svg → ui/jsenv_logo.svg} +0 -0
- package/src/client/{eventsource/eventsource.css → ui/server_indicator/server_indicator.css} +14 -24
- package/src/client/ui/server_indicator/server_indicator.js +62 -0
- package/src/client/ui/toolbar.css +76 -0
- package/src/client/ui/toolbar_close_button/toolbar_close_button.js +15 -0
- package/src/client/{responsive/overflow_menu.css → ui/toolbar_menu_overflow/toolbar_menu_overflow.css} +10 -11
- package/src/client/{responsive/toolbar_responsive.js → ui/toolbar_menu_overflow/toolbar_menu_overflow.js} +25 -31
- package/src/client/ui/toolbar_opening/toolbar_opening.js +73 -0
- package/src/client/ui/toolbar_overlay/toolbar_overlay.js +76 -0
- package/src/client/{theme → ui/toolbar_settings}/jsenv_theme.css +6 -6
- package/src/client/{theme/light_theme.css → ui/toolbar_settings/theme_light.css} +9 -10
- package/src/client/ui/toolbar_settings/toolbar_animation_setting.js +27 -0
- package/src/client/ui/toolbar_settings/toolbar_autoreload_setting.js +79 -0
- package/src/client/ui/toolbar_settings/toolbar_notification_setting.js +88 -0
- package/src/client/{settings/settings.css → ui/toolbar_settings/toolbar_settings.css} +24 -23
- package/src/client/ui/toolbar_settings/toolbar_settings.js +54 -0
- package/src/client/ui/toolbar_settings/toolbar_theme_setting.js +17 -0
- package/src/client/ui/toolbar_ui.js +21 -0
- package/src/client/{tooltip/tooltip.css → ui/tooltips/tooltips.css} +13 -7
- package/src/client/{util → ui/util}/animation.js +0 -0
- package/src/client/ui/util/dom.js +57 -0
- package/src/client/{util → ui/util}/fetch_using_xhr.js +0 -0
- package/src/client/{util → ui/util}/fetching.js +0 -0
- package/src/client/{util → ui/util}/iframe_to_parent_href.js +0 -0
- package/src/client/{util → ui/util}/responsive.js +0 -0
- package/src/client/{util → ui/util}/util.js +0 -0
- package/src/client/{variant → ui}/variant.js +0 -0
- package/src/jsenv_plugin_toolbar.js +19 -7
- package/dist/js/toolbar_main.js +0 -900
- package/scripts/build.mjs +0 -20
- package/src/client/animation/toolbar_animation_core.js +0 -30
- package/src/client/animation/toolbar_animation_ui.js +0 -21
- package/src/client/eventsource/toolbar_eventsource.js +0 -57
- package/src/client/execution/toolbar_execution.js +0 -88
- package/src/client/focus/focus.css +0 -61
- package/src/client/focus/toolbar_focus.js +0 -19
- package/src/client/notification/toolbar_notification.js +0 -181
- package/src/client/settings/toolbar_settings.js +0 -47
- package/src/client/theme/toolbar_theme.js +0 -34
- package/src/client/toolbar_main.css +0 -173
- package/src/client/toolbar_main.js +0 -174
- package/src/client/toolbar_state.js +0 -16
- package/src/client/tooltip/tooltip.js +0 -39
- package/src/client/util/dom.js +0 -108
- package/src/client/util/jsenv_logger.js +0 -28
- package/src/client/util/preferences.js +0 -10
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/ast/src/html/html_src_set.js +0 -18
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation.js +0 -45
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation_core.js +0 -32
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation_core.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation_ui.js +0 -23
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/animation/toolbar_animation_ui.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/communication/parent_window_communication.js +0 -33
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/eventsource/eventsource.css +0 -87
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/eventsource/toolbar_eventsource.js +0 -59
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/eventsource/toolbar_eventsource.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/execution/execution.css +0 -88
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/execution/toolbar_execution.js +0 -90
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/execution/toolbar_execution.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/focus/focus.css +0 -28
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/focus/toolbar_focus.js +0 -19
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/jsenv_logo.svg +0 -140
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/notification/toolbar_notification.js +0 -183
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/notification/toolbar_notification.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/responsive/overflow_menu.css +0 -60
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/responsive/toolbar_responsive.js +0 -105
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/responsive/toolbar_responsive.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/settings/settings.css +0 -200
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/settings/toolbar_settings.js +0 -49
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/settings/toolbar_settings.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/theme/light_theme.css +0 -110
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/theme/toolbar_theme.js +0 -36
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/theme/toolbar_theme.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar.html +0 -319
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_injector.js +0 -232
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_injector.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_main.css +0 -161
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_main.css.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_main.js +0 -176
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_main.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_state.js +0 -18
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/toolbar_state.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/tooltip/tooltip.css +0 -60
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/tooltip/tooltip.js +0 -41
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/tooltip/tooltip.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/animation.js +0 -307
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/animation.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/dom.js +0 -108
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/iframe_to_parent_href.js +0 -10
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/preferences.js +0 -10
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/util/responsive.js +0 -112
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/packages/jsenv-plugin-toolbar/src/client/variant/variant.js +0 -74
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/autoreload.js +0 -201
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/autoreload.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/autoreload_preference.js +0 -11
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/reload.js +0 -138
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/reload.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/autoreload/client/url_helpers.js +0 -20
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html +0 -590
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L15C5-L20C12.js +0 -7
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L15C5-L20C12.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L368C5-L481C14.js +0 -114
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L482C5-L605C14.js +0 -124
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L69C5-L299C13.css +0 -227
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/explorer/client/explorer.html@L8C5-L68C13.css +0 -28
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/import_meta_hot/client/import_meta_hot.js +0 -82
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/ribbon/client/ribbon.js +0 -51
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/connection_manager.js +0 -165
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/events_manager.js +0 -75
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/server_events_client.js +0 -20
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/server_events_client.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/web_socket_connection.js +0 -83
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/server_events/client/web_socket_connection.js.map +0 -12
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/supervisor/client/script_type_module_supervisor.js +0 -98
- package/tests/toolbar_basic/.jsenv/chrome@107.00/@fs/Users/d.maillard/dev/jsenv/jsenv-core/src/plugins/supervisor/client/supervisor.js +0 -966
- package/tests/toolbar_basic/main.html +0 -18
- package/tests/toolbar_basic/start_dev_server.mjs +0 -7
- package/todo.txt +0 -0
package/dist/html/toolbar.html
CHANGED
|
@@ -3,46 +3,46 @@
|
|
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<link rel="icon" href="data:,">
|
|
6
|
-
<link rel="stylesheet" type="text/css" href="../css/
|
|
6
|
+
<link rel="stylesheet" type="text/css" href="../css/toolbar.css">
|
|
7
7
|
</head>
|
|
8
8
|
<body>
|
|
9
|
-
<div id="
|
|
9
|
+
<div id="toolbar_overlay"></div>
|
|
10
10
|
<!-- toolbar -->
|
|
11
11
|
<div id="toolbar">
|
|
12
|
-
<div id="
|
|
13
|
-
<section id="
|
|
14
|
-
<a class="
|
|
15
|
-
<svg id="
|
|
12
|
+
<div id="toolbar_wrapper">
|
|
13
|
+
<section id="document_index_section" data-responsive-toolbar-element="">
|
|
14
|
+
<a id="document_index_link" class="toolbar_control" href="javascript:void(0);">
|
|
15
|
+
<svg id="document_index_icon" class="toolbar_icon" viewBox="0 0 24 24" width="35" height="35">
|
|
16
16
|
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
17
17
|
<path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"></path>
|
|
18
18
|
</svg>
|
|
19
19
|
</a>
|
|
20
20
|
</section>
|
|
21
21
|
|
|
22
|
-
<section id="
|
|
22
|
+
<section id="document_execution_indicator">
|
|
23
23
|
<div data-when="execution:default">
|
|
24
24
|
<div class="tooltip">Unknown state</div>
|
|
25
25
|
</div>
|
|
26
26
|
<div data-when="execution:running">
|
|
27
27
|
<div class="tooltip">Executing...</div>
|
|
28
|
-
<button>
|
|
29
|
-
<svg id="
|
|
28
|
+
<button class="toolbar_control">
|
|
29
|
+
<svg id="execution_pending_icon" data-animate="">
|
|
30
30
|
<use xlink:href="#loading_svg"></use>
|
|
31
31
|
</svg>
|
|
32
32
|
</button>
|
|
33
33
|
</div>
|
|
34
34
|
<div data-when="execution:completed">
|
|
35
35
|
<div class="tooltip">Execution completed in X ms</div>
|
|
36
|
-
<button>
|
|
37
|
-
<svg id="
|
|
36
|
+
<button class="toolbar_control">
|
|
37
|
+
<svg id="execution_completed_icon" data-animate="" viewBox="0 0 52 52">
|
|
38
38
|
<path fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path>
|
|
39
39
|
</svg>
|
|
40
40
|
</button>
|
|
41
41
|
</div>
|
|
42
42
|
<div data-when="execution:errored">
|
|
43
43
|
<div class="tooltip">Execution failed in X ms</div>
|
|
44
|
-
<button>
|
|
45
|
-
<svg id="
|
|
44
|
+
<button class="toolbar_control">
|
|
45
|
+
<svg id="execution_failed_icon" data-animate="" viewBox="0 0 512 512">
|
|
46
46
|
<rect id="cross_p1" x="239.397" y="67.518" rx="17" ry="17" transform="matrix(0.7071 0.7071 -0.7071 0.7071 255.9995 -106.0389)"></rect>
|
|
47
47
|
<rect id="cross_p2" x="239.397" y="67.519" rx="17" ry="17" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -106.039 256.0001)"></rect>
|
|
48
48
|
</svg>
|
|
@@ -50,37 +50,48 @@
|
|
|
50
50
|
</div>
|
|
51
51
|
</section>
|
|
52
52
|
|
|
53
|
-
<section id="
|
|
53
|
+
<section id="changes_indicator">
|
|
54
54
|
<div data-when="changes:no"></div>
|
|
55
55
|
<div data-when="changes:yes">
|
|
56
|
-
<div class="tooltip">
|
|
57
|
-
|
|
58
|
-
<
|
|
59
|
-
<
|
|
56
|
+
<div class="tooltip">
|
|
57
|
+
<div class="tooltip_text">There is X changes to apply</div>
|
|
58
|
+
<div class="tooltip_action">
|
|
59
|
+
<a href="javascript:void(0);">
|
|
60
|
+
<svg class="tooltip_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
61
|
+
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
62
|
+
<path d="M16 9v4.66l-3.5 3.51V19h-1v-1.83L8 13.65V9h8m0-6h-2v4h-4V3H8v4h-.01C6.9 6.99 6 7.89 6 8.98v5.52L9.5 18v3h5v-3l3.5-3.51V9c0-1.1-.9-2-2-2V3z"></path>
|
|
63
|
+
</svg>
|
|
64
|
+
apply changes
|
|
65
|
+
</a>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
<button class="toolbar_control">
|
|
69
|
+
<svg class="changes_icon">
|
|
70
|
+
<circle class="server_indicator_circle" cx="20" cy="20" r="5"></circle>
|
|
60
71
|
</svg>
|
|
61
|
-
<span>X</span>
|
|
72
|
+
<span class="changes_text">X</span>
|
|
62
73
|
</button>
|
|
63
74
|
</div>
|
|
64
75
|
</section>
|
|
65
76
|
|
|
66
77
|
<div style="width: 100%"></div>
|
|
67
78
|
|
|
68
|
-
<section id="
|
|
69
|
-
<div data-when="
|
|
70
|
-
<div class="tooltip">Unknown state</div>
|
|
71
|
-
<button>
|
|
79
|
+
<section id="server_indicator" data-responsive-toolbar-element="">
|
|
80
|
+
<div data-when="connectionState:closing">
|
|
81
|
+
<div class="tooltip" data-toolip-left="">Unknown state</div>
|
|
82
|
+
<button class="toolbar_control">
|
|
72
83
|
<svg>
|
|
73
|
-
<circle class="
|
|
84
|
+
<circle class="server_indicator_circle" cx="20" cy="20" r="5"></circle>
|
|
74
85
|
</svg>
|
|
75
86
|
</button>
|
|
76
87
|
</div>
|
|
77
|
-
<div data-when="
|
|
78
|
-
<div class="tooltip">
|
|
88
|
+
<div data-when="connectionState:connecting">
|
|
89
|
+
<div class="tooltip" data-toolip-left="">
|
|
79
90
|
Connecting to server...
|
|
80
91
|
<br>
|
|
81
|
-
<div class="
|
|
92
|
+
<div class="tooltip_action">
|
|
82
93
|
<a href="javascript:void(0);">
|
|
83
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
94
|
+
<svg class="tooltip_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
84
95
|
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
85
96
|
<path d="M10 3H8v1.88l2 2zm6 6v3.88l1.8 1.8.2-.2V9c0-1.1-.9-2-2-2V3h-2v4h-3.88l2 2H16zM4.12 3.84L2.71 5.25 6 8.54v5.96L9.5 18v3h5v-3l.48-.48 4.47 4.47 1.41-1.41L4.12 3.84zm8.38 13.33V19h-1v-1.83L8 13.65v-3.11l5.57 5.57-1.07 1.06z"></path>
|
|
86
97
|
</svg>
|
|
@@ -88,20 +99,20 @@
|
|
|
88
99
|
</a>
|
|
89
100
|
</div>
|
|
90
101
|
</div>
|
|
91
|
-
<button>
|
|
102
|
+
<button class="toolbar_control">
|
|
92
103
|
<svg>
|
|
93
|
-
<circle class="
|
|
94
|
-
<circle class="
|
|
104
|
+
<circle class="server_indicator_circle" data-variant="connecting" cx="20" cy="20" r="5"></circle>
|
|
105
|
+
<circle class="server_indicator_ring" cx="20" cy="20" r="13"></circle>
|
|
95
106
|
</svg>
|
|
96
107
|
</button>
|
|
97
108
|
</div>
|
|
98
|
-
<div data-when="
|
|
99
|
-
<div class="tooltip">
|
|
109
|
+
<div data-when="connectionState:closed">
|
|
110
|
+
<div class="tooltip" data-toolip-left="">
|
|
100
111
|
Disconnected from server
|
|
101
112
|
<br>
|
|
102
|
-
<div class="
|
|
113
|
+
<div class="tooltip_action">
|
|
103
114
|
<a href="javascript:void(0);">
|
|
104
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
|
|
115
|
+
<svg class="tooltip_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
105
116
|
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
106
117
|
<path d="M16 9v4.66l-3.5 3.51V19h-1v-1.83L8 13.65V9h8m0-6h-2v4h-4V3H8v4h-.01C6.9 6.99 6 7.89 6 8.98v5.52L9.5 18v3h5v-3l3.5-3.51V9c0-1.1-.9-2-2-2V3z"></path>
|
|
107
118
|
</svg>
|
|
@@ -109,83 +120,83 @@
|
|
|
109
120
|
</a>
|
|
110
121
|
</div>
|
|
111
122
|
</div>
|
|
112
|
-
<button>
|
|
123
|
+
<button class="toolbar_control">
|
|
113
124
|
<svg>
|
|
114
|
-
<circle class="
|
|
125
|
+
<circle class="server_indicator_circle" data-variant="closed" cx="20" cy="20" r="5"></circle>
|
|
115
126
|
</svg>
|
|
116
127
|
</button>
|
|
117
128
|
</div>
|
|
118
|
-
<div data-when="
|
|
119
|
-
<div class="tooltip">Connected to server</div>
|
|
120
|
-
<button>
|
|
121
|
-
<svg class="
|
|
129
|
+
<div data-when="connectionState:open">
|
|
130
|
+
<div class="tooltip" data-toolip-left="">Connected to server</div>
|
|
131
|
+
<button class="toolbar_control">
|
|
132
|
+
<svg class="autoreload toolbar_icon" data-variant="enabled">
|
|
122
133
|
<use xlink:href="#loading_svg"></use>
|
|
123
134
|
</svg>
|
|
124
|
-
<svg class="
|
|
125
|
-
<circle class="
|
|
135
|
+
<svg class="icon">
|
|
136
|
+
<circle class="server_indicator_circle" data-variant="connected" cx="20" cy="20" r="5"></circle>
|
|
126
137
|
</svg>
|
|
127
138
|
</button>
|
|
128
139
|
</div>
|
|
129
140
|
</section>
|
|
130
141
|
|
|
131
142
|
<section id="settings" data-responsive-toolbar-element="">
|
|
132
|
-
<div id="
|
|
133
|
-
<div id="
|
|
134
|
-
<button id="
|
|
143
|
+
<div id="settings_box">
|
|
144
|
+
<div id="settings_box_header">
|
|
145
|
+
<button id="settings_close_button" class="toolbar_control">
|
|
135
146
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px">
|
|
136
147
|
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
|
|
137
148
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
|
138
149
|
</svg>
|
|
139
150
|
</button>
|
|
140
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="35px" height="35px"
|
|
151
|
+
<svg class="settings_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="35px" height="35px">
|
|
141
152
|
<path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
|
|
142
153
|
</svg>
|
|
143
154
|
<h3>Settings</h3>
|
|
144
155
|
</div>
|
|
145
|
-
<div id="
|
|
146
|
-
<div class="
|
|
147
|
-
<div class="
|
|
148
|
-
<div class="
|
|
156
|
+
<div id="settings_box_body">
|
|
157
|
+
<div class="settings_box_items_wrapper">
|
|
158
|
+
<div class="settings_box_item settings_autoreload">
|
|
159
|
+
<div class="category_title">
|
|
149
160
|
<svg width="20px" height="20px">
|
|
150
161
|
<use xlink:href="#loading_svg"></use>
|
|
151
162
|
</svg>
|
|
152
163
|
<span>Autoreload</span>
|
|
153
164
|
</div>
|
|
154
165
|
<label class="switch" data-contains-hidden-input="">
|
|
155
|
-
<input id="
|
|
166
|
+
<input id="toggle_autoreload" type="checkbox">
|
|
156
167
|
<div>
|
|
157
168
|
<div class="slider"></div>
|
|
158
169
|
<div class="square"></div>
|
|
159
170
|
</div>
|
|
160
171
|
</label>
|
|
161
|
-
<div class="
|
|
172
|
+
<div class="category_subtitle">
|
|
162
173
|
Auto reload when a file is modified, deleted or created.
|
|
163
174
|
</div>
|
|
164
175
|
</div>
|
|
165
|
-
<div class="
|
|
166
|
-
<div class="
|
|
176
|
+
<div class="settings_box_item settings_notification">
|
|
177
|
+
<div class="category_title">
|
|
167
178
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px">
|
|
168
179
|
<path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"></path>
|
|
169
180
|
</svg>
|
|
170
181
|
Notifications
|
|
171
182
|
</div>
|
|
172
183
|
<label class="switch" data-contains-hidden-input="">
|
|
173
|
-
<input id="
|
|
184
|
+
<input id="toggle_notifs" type="checkbox">
|
|
174
185
|
<div>
|
|
175
186
|
<div class="slider"></div>
|
|
176
187
|
<div class="square"></div>
|
|
177
188
|
</div>
|
|
178
189
|
</label>
|
|
179
|
-
<div class="
|
|
190
|
+
<div class="category_subtitle">
|
|
180
191
|
Send system notification when execution fails or is fixed.
|
|
181
|
-
<div class="
|
|
192
|
+
<div class="notification_text">
|
|
182
193
|
<a data-when="notif_granted:no" class="request_notification_permission" href="javascript:void(0);">Enable notification</a>
|
|
183
194
|
</div>
|
|
184
195
|
</div>
|
|
185
196
|
</div>
|
|
186
197
|
|
|
187
|
-
<div class="
|
|
188
|
-
<div class="
|
|
198
|
+
<div class="settings_box_item">
|
|
199
|
+
<div class="category_title">
|
|
189
200
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px">
|
|
190
201
|
<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"></path>
|
|
191
202
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
|
@@ -193,18 +204,18 @@
|
|
|
193
204
|
Animations
|
|
194
205
|
</div>
|
|
195
206
|
<label class="switch" data-contains-hidden-input="">
|
|
196
|
-
<input id="
|
|
207
|
+
<input id="toggle_anims" type="checkbox">
|
|
197
208
|
<div>
|
|
198
209
|
<div class="slider"></div>
|
|
199
210
|
<div class="square"></div>
|
|
200
211
|
</div>
|
|
201
212
|
</label>
|
|
202
|
-
<div class="
|
|
213
|
+
<div class="category_subtitle">
|
|
203
214
|
Play toolbar animations and transitions.
|
|
204
215
|
</div>
|
|
205
216
|
</div>
|
|
206
|
-
<div class="
|
|
207
|
-
<div class="
|
|
217
|
+
<div class="settings_box_item">
|
|
218
|
+
<div class="category_title">
|
|
208
219
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" height="20px" id="paletteIconSvg">
|
|
209
220
|
<path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path>
|
|
210
221
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
|
@@ -212,22 +223,22 @@
|
|
|
212
223
|
Dark mode
|
|
213
224
|
</div>
|
|
214
225
|
<label class="switch" data-contains-hidden-input="">
|
|
215
|
-
<input id="
|
|
226
|
+
<input id="checkbox_dark_theme" type="checkbox">
|
|
216
227
|
<div>
|
|
217
228
|
<div class="slider"></div>
|
|
218
229
|
<div class="square"></div>
|
|
219
230
|
</div>
|
|
220
231
|
</label>
|
|
221
|
-
<div class="
|
|
222
|
-
|
|
232
|
+
<div class="category_subtitle">
|
|
233
|
+
Toggle light/dark mode on jsenv toolbar.
|
|
223
234
|
</div>
|
|
224
235
|
</div>
|
|
225
236
|
</div>
|
|
226
237
|
</div>
|
|
227
238
|
</div>
|
|
228
|
-
<button id="
|
|
239
|
+
<button id="settings_open_button" class="toolbar_icon_wrapper toolbar_control">
|
|
229
240
|
<div data-when="has_warning:yes">
|
|
230
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.818 45.818" width="20px" height="20px"
|
|
241
|
+
<svg class="toolbar_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.818 45.818" width="20px" height="20px" style="transform: rotate(180deg)">
|
|
231
242
|
<path d="M22.909,0C10.258,0,0,10.257,0,22.908c0,12.652,10.258,22.91,22.909,22.91s22.909-10.258,22.909-22.91
|
|
232
243
|
C45.818,10.257,35.561,0,22.909,0z M26.411,35.417c0,1.921-1.573,3.478-3.492,3.478c-1.92,0-3.492-1.557-3.492-3.478V20.201
|
|
233
244
|
c0-1.92,1.572-3.477,3.492-3.477c1.919,0,3.492,1.556,3.492,3.477V35.417z M22.909,13.851c-2.119,0-3.837-1.718-3.837-3.836
|
|
@@ -235,17 +246,17 @@
|
|
|
235
246
|
</svg>
|
|
236
247
|
</div>
|
|
237
248
|
<div data-when="has_warning:no">
|
|
238
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"
|
|
249
|
+
<svg class="toolbar_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
|
|
239
250
|
<path d="M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z"></path>
|
|
240
251
|
</svg>
|
|
241
252
|
</div>
|
|
242
253
|
</button>
|
|
243
254
|
</section>
|
|
244
255
|
|
|
245
|
-
<section id="
|
|
246
|
-
<button id="
|
|
247
|
-
<div class="
|
|
248
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
|
|
256
|
+
<section id="toolbar_close_section" data-responsive-toolbar-element="">
|
|
257
|
+
<button id="toolbar_close_button" class="toolbar_control">
|
|
258
|
+
<div class="toolbar_icon_wrapper">
|
|
259
|
+
<svg id="toolbar_close_button_icon" class="toolbar_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="35px" height="35px">
|
|
249
260
|
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
|
|
250
261
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
|
251
262
|
</svg>
|
|
@@ -254,13 +265,13 @@
|
|
|
254
265
|
</section>
|
|
255
266
|
</div>
|
|
256
267
|
|
|
257
|
-
<div id="
|
|
258
|
-
<div style="
|
|
268
|
+
<div id="menu_overflow">
|
|
269
|
+
<div style="flex: 1"></div>
|
|
259
270
|
</div>
|
|
260
271
|
|
|
261
|
-
<div id="
|
|
262
|
-
<button class="
|
|
263
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="35px" height="35px"
|
|
272
|
+
<div id="menu_overflow_button">
|
|
273
|
+
<button class="toolbar_icon_wrapper">
|
|
274
|
+
<svg id="menu_overflow_icon" class="toolbar_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="35px" height="35px">
|
|
264
275
|
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
265
276
|
<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path>
|
|
266
277
|
</svg>
|
|
@@ -299,7 +310,7 @@
|
|
|
299
310
|
<circle fill="currentColor" cx="362.721" cy="309.694" r="36.012"></circle>
|
|
300
311
|
</svg>
|
|
301
312
|
</div>
|
|
302
|
-
<script type="module" src="../js/
|
|
313
|
+
<script type="module" src="../js/toolbar_core.js" data-jsenv-force-inline="" no-html-supervisor=""></script>
|
|
303
314
|
|
|
304
315
|
|
|
305
316
|
</body></html>
|