@jsenv/plugin-toolbar 0.1.15 → 1.0.1

package/README.md

@@ -0,0 +1,3 @@
+# @jsenv/plugin-toolbar [![npm package](https://img.shields.io/npm/v/@jsenv/plugin-toolbar.svg?logo=npm&label=package)](https://www.npmjs.com/package/@jsenv/plugin-toolbar)
+
+[Documentation](<https://github.com/jsenv/core/wiki/A)-Getting-started>) · [Changelog](./CHANGELOG.md)

package/dist/js/toolbar_core.js

@@ -1,8 +1,8 @@
 var l$2;
 l$2 = {
   __e: function (n, l, u, i) {
-    for (var t, r, o; l = l.__;) if ((t = l.__c) && !t.__) try {
-      if ((r = t.constructor) && null != r.getDerivedStateFromError && (t.setState(r.getDerivedStateFromError(n)), o = t.__d), null != t.componentDidCatch && (t.componentDidCatch(n, i || {}), o = t.__d), o) return t.__E = t;
+    for (var t, o, r; l = l.__;) if ((t = l.__c) && !t.__) try {
+      if ((o = t.constructor) && null != o.getDerivedStateFromError && (t.setState(o.getDerivedStateFromError(n)), r = t.__d), null != t.componentDidCatch && (t.componentDidCatch(n, i || {}), r = t.__d), r) return t.__E = t;
     } catch (l) {
       n = l;
     }
@@ -748,24 +748,24 @@ const notifyExecutionResult = (execution, previousExecution) => {
       if (previousExecution.status === "completed") {
         notify("Broken", {
           ...notificationOptions,
-          body: `${executedFileRelativeUrl} execution now failing.`
+          body: "".concat(executedFileRelativeUrl, " execution now failing.")
         });
       } else {
         notify("Still failing", {
           ...notificationOptions,
-          body: `${executedFileRelativeUrl} execution still failing.`
+          body: "".concat(executedFileRelativeUrl, " execution still failing.")
         });
       }
     } else {
       notify("Failing", {
         ...notificationOptions,
-        body: `${executedFileRelativeUrl} execution failed.`
+        body: "".concat(executedFileRelativeUrl, " execution failed.")
       });
     }
   } else if (previousExecution && previousExecution.status === "failed") {
     notify("Fixed", {
       ...notificationOptions,
-      body: `${executedFileRelativeUrl} execution fixed.`
+      body: "".concat(executedFileRelativeUrl, " execution fixed.")
     });
   }
 };
@@ -1279,7 +1279,7 @@ const renderDocumentIndexLink = () => {
 };
 
 const enableVariant = (rootNode, variables) => {
-  const nodesNotMatching = Array.from(rootNode.querySelectorAll(`[${attributeIndicatingACondition}]`));
+  const nodesNotMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingACondition, "]")));
   nodesNotMatching.forEach(nodeNotMatching => {
     const conditionAttributeValue = nodeNotMatching.getAttribute(attributeIndicatingACondition);
     const matches = testCondition(conditionAttributeValue, variables);
@@ -1287,7 +1287,7 @@ const enableVariant = (rootNode, variables) => {
       renameAttribute(nodeNotMatching, attributeIndicatingACondition, attributeIndicatingAMatch);
     }
   });
-  const nodesMatching = Array.from(rootNode.querySelectorAll(`[${attributeIndicatingAMatch}]`));
+  const nodesMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingAMatch, "]")));
   nodesMatching.forEach(nodeMatching => {
     const conditionAttributeValue = nodeMatching.getAttribute(attributeIndicatingAMatch);
     const matches = testCondition(conditionAttributeValue, variables);
@@ -1325,8 +1325,8 @@ const parseCondition = conditionAttributeValue => {
     value: conditionAttributeValue.slice(colonIndex + 1)
   };
 };
-const attributeIndicatingACondition = `data-when`;
-const attributeIndicatingAMatch = `data-when-active`;
+const attributeIndicatingACondition = "data-when";
+const attributeIndicatingAMatch = "data-when-active";
 const renameAttribute = (node, name, newName) => {
   node.setAttribute(newName, node.getAttribute(name));
   node.removeAttribute(name);
@@ -1379,10 +1379,10 @@ const computeText = ({
   endTime
 }) => {
   if (status === "completed") {
-    return `Execution completed in ${endTime - startTime}ms`;
+    return "Execution completed in ".concat(endTime - startTime, "ms");
   }
   if (status === "failed") {
-    return `Execution failed in ${endTime - startTime}ms`;
+    return "Execution failed in ".concat(endTime - startTime, "ms");
   }
   if (status === "running") {
     return "Executing...";
@@ -1468,9 +1468,9 @@ const computeTooltipText = ({
 }) => {
   const changesCount = changes.length;
   if (changesCount === 1) {
-    return `There is <a href="javascript:void(0)">1</a> change to apply`;
+    return "There is <a href=\"javascript:void(0)\">1</a> change to apply";
   }
-  return `There is  <a href="javascript:void(0)">${changesCount}<a> changes to apply`;
+  return "There is  <a href=\"javascript:void(0)\">".concat(changesCount, "<a> changes to apply");
 };
 
 const parentServerEvents = window.parent.__server_events__;
@@ -1546,7 +1546,7 @@ const renderToolbarAutoreloadSetting = () => {
 };
 const disableAutoreloadSetting = () => {
   document.querySelector(".settings_autoreload").setAttribute("data-disabled", "true");
-  document.querySelector(".settings_autoreload").setAttribute("title", `Autoreload not enabled on server`);
+  document.querySelector(".settings_autoreload").setAttribute("title", "Autoreload not enabled on server");
   document.querySelector("#toggle_autoreload").disabled = true;
 };
 
@@ -1641,7 +1641,7 @@ const renderToolbarNotificationSetting = () => {
 const applyNotificationNotAvailableEffects = () => {
   const notifSetting = document.querySelector(".settings_notification");
   notifSetting.setAttribute("data-disabled", "true");
-  notifSetting.setAttribute("title", `Notification not available in the browser`);
+  notifSetting.setAttribute("title", "Notification not available in the browser");
   notifCheckbox.disabled = true;
 };
 const applyNotificationDefaultEffects = () => {
@@ -1654,7 +1654,7 @@ const applyNotificationDeniedEffects = () => {
   applyNotificationNOTGrantedEffects();
   const notifSetting = document.querySelector(".settings_notification");
   notifSetting.setAttribute("data-disabled", "true");
-  notifSetting.setAttribute("title", `Notification denied`);
+  notifSetting.setAttribute("title", "Notification denied");
 };
 const applyNotificationGrantedEffects = () => {
   enableVariant(document.querySelector(".notification_text"), {

package/dist/js/toolbar_injector.js

@@ -80,52 +80,7 @@ const injectToolbar = async ({
     });
   });
   const div = document.createElement("div");
-  div.innerHTML = `
-<div id="jsenv_toolbar_trigger" style="display:none">
-  <svg id="jsenv_toolbar_trigger_icon">
-    <use xlink:href="${jsenvLogoSvgUrl}#jsenv_logo"></use>
-  </svg>
-  <style>
-    #jsenv_toolbar_trigger {
-      display: block;
-      overflow: hidden;
-      position: fixed;
-      z-index: 1000;
-      bottom: -32px;
-      right: 20px;
-      height: 40px;
-      width: 40px;
-      padding: 0;
-      margin: 0;
-      border-radius: 5px 5px 0 0;
-      border: 1px solid rgba(0, 0, 0, 0.33);
-      border-bottom: none;
-      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);
-      background: transparent;
-      text-align: center;
-      transition: 600ms;
-    }
-
-    #jsenv_toolbar_trigger:hover {
-      cursor: pointer;
-    }
-
-    #jsenv_toolbar_trigger[data-expanded] {
-      bottom: 0;
-    }
-
-    #jsenv_toolbar_trigger_icon {
-      width: 35px;
-      height: 35px;
-      opacity: 0;
-      transition: 600ms;
-    }
-
-    #jsenv_toolbar_trigger[data-expanded] #jsenv_toolbar_trigger_icon {
-      opacity: 1;
-    }
-  </style>
-</div>`;
+  div.innerHTML = "\n<div id=\"jsenv_toolbar_trigger\" style=\"display:none\">\n  <svg id=\"jsenv_toolbar_trigger_icon\">\n    <use xlink:href=\"".concat(jsenvLogoSvgUrl, "#jsenv_logo\"></use>\n  </svg>\n  <style>\n    #jsenv_toolbar_trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      margin: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv_toolbar_trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv_toolbar_trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv_toolbar_trigger_icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv_toolbar_trigger[data-expanded] #jsenv_toolbar_trigger_icon {\n      opacity: 1;\n    }\n  </style>\n</div>");
   const toolbarTrigger = div.firstElementChild;
   iframe.parentNode.appendChild(toolbarTrigger);
   let timer;

package/dist/jsenv_plugin_toolbar.js

@@ -72,9 +72,7 @@ const generateCodeToInjectToolbar = ({
     animationsEnabled,
     notificationsEnabled
   }, null, "  ");
-  return `import { injectToolbar } from ${from}
-
-injectToolbar(${paramsSource});`;
+  return "import { injectToolbar } from ".concat(from, "\n\ninjectToolbar(").concat(paramsSource, ");");
 };
 
 export { jsenvPluginToolbar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-toolbar",
-  "version": "0.1.15",
+  "version": "1.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "/src/"
   ],
   "dependencies": {
-    "@jsenv/ast": "3.0.8",
+    "@jsenv/ast": "4.0.0",
     "@preact/signals": "1.1.3"
   },
   "scripts": {