@jsenv/core 24.0.2 → 24.2.2

package/dist/jsenv_event_source_client.js

@@ -0,0 +1,338 @@
+(function () {
+  'use strict';
+
+  /* eslint-env browser */
+  var createEventSourceConnection = function createEventSourceConnection(eventSourceUrl) {
+    var events = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref$retryMaxAttempt = _ref.retryMaxAttempt,
+        retryMaxAttempt = _ref$retryMaxAttempt === void 0 ? Infinity : _ref$retryMaxAttempt,
+        _ref$retryAllocatedMs = _ref.retryAllocatedMs,
+        retryAllocatedMs = _ref$retryAllocatedMs === void 0 ? Infinity : _ref$retryAllocatedMs,
+        lastEventId = _ref.lastEventId;
+
+    var _window = window,
+        EventSource = _window.EventSource;
+
+    if (typeof EventSource !== "function") {
+      return function () {};
+    }
+
+    var eventSourceOrigin = new URL(eventSourceUrl).origin;
+    var connectionStatus = "default";
+
+    var connectionStatusChangeCallback = function connectionStatusChangeCallback() {};
+
+    var disconnect = function disconnect() {};
+
+    var goToStatus = function goToStatus(newStatus) {
+      connectionStatus = newStatus;
+      connectionStatusChangeCallback();
+    };
+
+    var attemptConnection = function attemptConnection(url) {
+      var eventSource = new EventSource(url, {
+        withCredentials: true
+      });
+
+      disconnect = function disconnect() {
+        if (connectionStatus !== "connecting" && connectionStatus !== "connected") {
+          console.warn("disconnect() ignored because connection is ".concat(connectionStatus));
+          return;
+        }
+
+        eventSource.onerror = undefined;
+        eventSource.close();
+        goToStatus("disconnected");
+      };
+
+      var retryCount = 0;
+      var firstRetryMs = Date.now();
+
+      eventSource.onerror = function (errorEvent) {
+        if (errorEvent.target.readyState === EventSource.CONNECTING) {
+          if (retryCount > retryMaxAttempt) {
+            console.info("could not connect after ".concat(retryMaxAttempt, " attempt"));
+            disconnect();
+            return;
+          }
+
+          if (retryCount === 0) {
+            firstRetryMs = Date.now();
+          } else {
+            var allRetryDuration = Date.now() - firstRetryMs;
+
+            if (retryAllocatedMs && allRetryDuration > retryAllocatedMs) {
+              console.info("could not connect in less than ".concat(retryAllocatedMs, " ms"));
+              disconnect();
+              return;
+            }
+          }
+
+          retryCount++;
+          goToStatus("connecting");
+          return;
+        }
+
+        if (errorEvent.target.readyState === EventSource.CLOSED) {
+          disconnect();
+          return;
+        }
+      };
+
+      eventSource.onopen = function () {
+        goToStatus("connected");
+      };
+
+      Object.keys(events).forEach(function (eventName) {
+        eventSource.addEventListener(eventName, function (e) {
+          if (e.origin === eventSourceOrigin) {
+            if (e.lastEventId) {
+              lastEventId = e.lastEventId;
+            }
+
+            events[eventName](e);
+          }
+        });
+      });
+
+      if (!events.hasOwnProperty("welcome")) {
+        eventSource.addEventListener("welcome", function (e) {
+          if (e.origin === eventSourceOrigin && e.lastEventId) {
+            lastEventId = e.lastEventId;
+          }
+        });
+      }
+
+      goToStatus("connecting");
+    };
+
+    var _connect = function connect() {
+      attemptConnection(eventSourceUrl);
+
+      _connect = function connect() {
+        attemptConnection(lastEventId ? addLastEventIdIntoUrlSearchParams(eventSourceUrl, lastEventId) : eventSourceUrl);
+      };
+    };
+
+    var removePageUnloadListener = listenPageUnload(function () {
+      disconnect();
+    });
+
+    var destroy = function destroy() {
+      removePageUnloadListener();
+      disconnect();
+    };
+
+    return {
+      getConnectionStatus: function getConnectionStatus() {
+        return connectionStatus;
+      },
+      setConnectionStatusCallback: function setConnectionStatusCallback(callback) {
+        connectionStatusChangeCallback = callback;
+      },
+      connect: _connect,
+      disconnect: disconnect,
+      destroy: destroy
+    };
+  };
+
+  var addLastEventIdIntoUrlSearchParams = function addLastEventIdIntoUrlSearchParams(url, lastEventId) {
+    if (url.indexOf("?") === -1) {
+      url += "?";
+    } else {
+      url += "&";
+    }
+
+    return "".concat(url, "last-event-id=").concat(encodeURIComponent(lastEventId));
+  }; // const listenPageMightFreeze = (callback) => {
+  //   const removePageHideListener = listenEvent(window, "pagehide", (pageHideEvent) => {
+  //     if (pageHideEvent.persisted === true) {
+  //       callback(pageHideEvent)
+  //     }
+  //   })
+  //   return removePageHideListener
+  // }
+  // const listenPageFreeze = (callback) => {
+  //   const removeFreezeListener = listenEvent(document, "freeze", (freezeEvent) => {
+  //     callback(freezeEvent)
+  //   })
+  //   return removeFreezeListener
+  // }
+  // const listenPageIsRestored = (callback) => {
+  //   const removeResumeListener = listenEvent(document, "resume", (resumeEvent) => {
+  //     removePageshowListener()
+  //     callback(resumeEvent)
+  //   })
+  //   const removePageshowListener = listenEvent(window, "pageshow", (pageshowEvent) => {
+  //     if (pageshowEvent.persisted === true) {
+  //       removePageshowListener()
+  //       removeResumeListener()
+  //       callback(pageshowEvent)
+  //     }
+  //   })
+  //   return () => {
+  //     removeResumeListener()
+  //     removePageshowListener()
+  //   }
+  // }
+
+
+  var listenPageUnload = function listenPageUnload(callback) {
+    var removePageHideListener = listenEvent(window, "pagehide", function (pageHideEvent) {
+      if (pageHideEvent.persisted !== true) {
+        callback(pageHideEvent);
+      }
+    });
+    return removePageHideListener;
+  };
+
+  var listenEvent = function listenEvent(emitter, event, callback) {
+    emitter.addEventListener(event, callback);
+    return function () {
+      emitter.removeEventListener(event, callback);
+    };
+  };
+
+  /* eslint-env browser */
+  var isLivereloadEnabled = function isLivereloadEnabled() {
+    var value = window.localStorage.hasOwnProperty("livereload");
+
+    if (value === "0") {
+      return false;
+    }
+
+    return true;
+  };
+  var setLivereloadPreference = function setLivereloadPreference(value) {
+    window.localStorage.setItem("livereload", value ? "1" : "0");
+  };
+
+  /* eslint-env browser */
+  var fileChanges = {};
+
+  var filechangeCallback = function filechangeCallback() {};
+
+  var getFileChanges = function getFileChanges() {
+    return fileChanges;
+  };
+  var addFileChange = function addFileChange(_ref) {
+    var file = _ref.file,
+        eventType = _ref.eventType;
+    fileChanges[file] = eventType;
+
+    if (isLivereloadEnabled()) {
+      reloadIfNeeded();
+    } else {
+      filechangeCallback();
+    }
+  };
+  var setFileChangeCallback = function setFileChangeCallback(callback) {
+    filechangeCallback = callback;
+  };
+  var reloadIfNeeded = function reloadIfNeeded() {
+    var customReloads = [];
+    var cssReloads = [];
+    var fullReloads = [];
+    Object.keys(fileChanges).forEach(function (key) {
+      var livereloadCallback = window.__jsenv__.livereloadingCallbacks[key];
+
+      if (livereloadCallback) {
+        customReloads.push(function () {
+          delete fileChanges[key];
+          livereloadCallback({
+            reloadPage: reloadPage
+          });
+        });
+      } else if (key.endsWith(".css") || key.endsWith(".scss") || key.endsWith(".sass")) {
+        cssReloads.push(function () {
+          delete fileChanges[key];
+        });
+      } else {
+        fullReloads.push(key);
+      }
+    });
+
+    if (fullReloads.length > 0) {
+      reloadPage();
+      return;
+    }
+
+    customReloads.forEach(function (customReload) {
+      customReload();
+    });
+
+    if (cssReloads.length) {
+      reloadAllCss();
+      cssReloads.forEach(function (cssReload) {
+        cssReload();
+      });
+    }
+
+    filechangeCallback();
+  };
+
+  var reloadAllCss = function reloadAllCss() {
+    var links = Array.from(window.parent.document.getElementsByTagName("link"));
+    links.forEach(function (link) {
+      if (link.rel === "stylesheet") {
+        var url = new URL(link.href);
+        url.searchParams.set("t", Date.now());
+        link.href = String(url);
+      }
+    });
+  };
+
+  var reloadPage = function reloadPage() {
+    window.parent.location.reload(true);
+  };
+
+  /* eslint-env browser */
+  var eventsourceConnection = createEventSourceConnection(document.location.href, {
+    "file-added": function fileAdded(_ref) {
+      var data = _ref.data;
+      addFileChange({
+        file: data,
+        eventType: "added"
+      });
+    },
+    "file-modified": function fileModified(_ref2) {
+      var data = _ref2.data;
+      addFileChange({
+        file: data,
+        eventType: "modified"
+      });
+    },
+    "file-removed": function fileRemoved(_ref3) {
+      var data = _ref3.data;
+      addFileChange({
+        file: data,
+        eventType: "removed"
+      });
+    }
+  }, {
+    retryMaxAttempt: Infinity,
+    retryAllocatedMs: 20 * 1000
+  });
+  var connect = eventsourceConnection.connect,
+      disconnect = eventsourceConnection.disconnect,
+      setConnectionStatusChangeCallback = eventsourceConnection.setConnectionStatusChangeCallback,
+      getConnectionStatus = eventsourceConnection.getConnectionStatus;
+  connect();
+  window.__jsenv_event_source_client__ = {
+    connect: connect,
+    disconnect: disconnect,
+    getConnectionStatus: getConnectionStatus,
+    setConnectionStatusChangeCallback: setConnectionStatusChangeCallback,
+    getFileChanges: getFileChanges,
+    addFileChange: addFileChange,
+    setFileChangeCallback: setFileChangeCallback,
+    reloadIfNeeded: reloadIfNeeded,
+    isLivereloadEnabled: isLivereloadEnabled,
+    setLivereloadPreference: setLivereloadPreference
+  };
+
+})();
+
+//# sourceMappingURL=jsenv_event_source_client.js.map

package/dist/jsenv_event_source_client.js.map

@@ -0,0 +1,126 @@
+{
+  "version": 3,
+  "file": "jsenv_event_source_client.js",
+  "sources": [
+    "../src/internal/dev_server/event_source_client/event_source_connection.js",
+    "../src/internal/dev_server/event_source_client/livereload_preference.js",
+    "../src/internal/dev_server/event_source_client/file_changes.js",
+    "../src/internal/dev_server/event_source_client/event_source_client.js"
+  ],
+  "sourcesContent": [
+    "/* eslint-env browser */\n\nexport const createEventSourceConnection = (\n  eventSourceUrl,\n  events = {},\n  { retryMaxAttempt = Infinity, retryAllocatedMs = Infinity, lastEventId } = {},\n) => {\n  const { EventSource } = window\n  if (typeof EventSource !== \"function\") {\n    return () => {}\n  }\n\n  const eventSourceOrigin = new URL(eventSourceUrl).origin\n\n  let connectionStatus = \"default\"\n  let connectionStatusChangeCallback = () => {}\n  let disconnect = () => {}\n\n  const goToStatus = (newStatus) => {\n    connectionStatus = newStatus\n    connectionStatusChangeCallback()\n  }\n\n  const attemptConnection = (url) => {\n    const eventSource = new EventSource(url, {\n      withCredentials: true,\n    })\n    disconnect = () => {\n      if (\n        connectionStatus !== \"connecting\" &&\n        connectionStatus !== \"connected\"\n      ) {\n        console.warn(\n          `disconnect() ignored because connection is ${connectionStatus}`,\n        )\n        return\n      }\n      eventSource.onerror = undefined\n      eventSource.close()\n      goToStatus(\"disconnected\")\n    }\n    let retryCount = 0\n    let firstRetryMs = Date.now()\n    eventSource.onerror = (errorEvent) => {\n      if (errorEvent.target.readyState === EventSource.CONNECTING) {\n        if (retryCount > retryMaxAttempt) {\n          console.info(`could not connect after ${retryMaxAttempt} attempt`)\n          disconnect()\n          return\n        }\n\n        if (retryCount === 0) {\n          firstRetryMs = Date.now()\n        } else {\n          const allRetryDuration = Date.now() - firstRetryMs\n          if (retryAllocatedMs && allRetryDuration > retryAllocatedMs) {\n            console.info(\n              `could not connect in less than ${retryAllocatedMs} ms`,\n            )\n            disconnect()\n            return\n          }\n        }\n\n        retryCount++\n        goToStatus(\"connecting\")\n        return\n      }\n\n      if (errorEvent.target.readyState === EventSource.CLOSED) {\n        disconnect()\n        return\n      }\n    }\n    eventSource.onopen = () => {\n      goToStatus(\"connected\")\n    }\n    Object.keys(events).forEach((eventName) => {\n      eventSource.addEventListener(eventName, (e) => {\n        if (e.origin === eventSourceOrigin) {\n          if (e.lastEventId) {\n            lastEventId = e.lastEventId\n          }\n          events[eventName](e)\n        }\n      })\n    })\n    if (!events.hasOwnProperty(\"welcome\")) {\n      eventSource.addEventListener(\"welcome\", (e) => {\n        if (e.origin === eventSourceOrigin && e.lastEventId) {\n          lastEventId = e.lastEventId\n        }\n      })\n    }\n    goToStatus(\"connecting\")\n  }\n\n  let connect = () => {\n    attemptConnection(eventSourceUrl)\n    connect = () => {\n      attemptConnection(\n        lastEventId\n          ? addLastEventIdIntoUrlSearchParams(eventSourceUrl, lastEventId)\n          : eventSourceUrl,\n      )\n    }\n  }\n\n  const removePageUnloadListener = listenPageUnload(() => {\n    disconnect()\n  })\n\n  const destroy = () => {\n    removePageUnloadListener()\n    disconnect()\n  }\n\n  return {\n    getConnectionStatus: () => connectionStatus,\n    setConnectionStatusCallback: (callback) => {\n      connectionStatusChangeCallback = callback\n    },\n    connect,\n    disconnect,\n    destroy,\n  }\n}\n\nconst addLastEventIdIntoUrlSearchParams = (url, lastEventId) => {\n  if (url.indexOf(\"?\") === -1) {\n    url += \"?\"\n  } else {\n    url += \"&\"\n  }\n  return `${url}last-event-id=${encodeURIComponent(lastEventId)}`\n}\n\n// const listenPageMightFreeze = (callback) => {\n//   const removePageHideListener = listenEvent(window, \"pagehide\", (pageHideEvent) => {\n//     if (pageHideEvent.persisted === true) {\n//       callback(pageHideEvent)\n//     }\n//   })\n//   return removePageHideListener\n// }\n\n// const listenPageFreeze = (callback) => {\n//   const removeFreezeListener = listenEvent(document, \"freeze\", (freezeEvent) => {\n//     callback(freezeEvent)\n//   })\n//   return removeFreezeListener\n// }\n\n// const listenPageIsRestored = (callback) => {\n//   const removeResumeListener = listenEvent(document, \"resume\", (resumeEvent) => {\n//     removePageshowListener()\n//     callback(resumeEvent)\n//   })\n//   const removePageshowListener = listenEvent(window, \"pageshow\", (pageshowEvent) => {\n//     if (pageshowEvent.persisted === true) {\n//       removePageshowListener()\n//       removeResumeListener()\n//       callback(pageshowEvent)\n//     }\n//   })\n//   return () => {\n//     removeResumeListener()\n//     removePageshowListener()\n//   }\n// }\n\nconst listenPageUnload = (callback) => {\n  const removePageHideListener = listenEvent(\n    window,\n    \"pagehide\",\n    (pageHideEvent) => {\n      if (pageHideEvent.persisted !== true) {\n        callback(pageHideEvent)\n      }\n    },\n  )\n  return removePageHideListener\n}\n\nconst listenEvent = (emitter, event, callback) => {\n  emitter.addEventListener(event, callback)\n  return () => {\n    emitter.removeEventListener(event, callback)\n  }\n}\n",
+    "/* eslint-env browser */\n\nexport const isLivereloadEnabled = () => {\n  const value = window.localStorage.hasOwnProperty(\"livereload\")\n  if (value === \"0\") {\n    return false\n  }\n  return true\n}\n\nexport const setLivereloadPreference = (value) => {\n  window.localStorage.setItem(\"livereload\", value ? \"1\" : \"0\")\n}\n",
+    "/* eslint-env browser */\n\nimport { isLivereloadEnabled } from \"./livereload_preference.js\"\n\nlet fileChanges = {}\nlet filechangeCallback = () => {}\n\nexport const getFileChanges = () => fileChanges\n\nexport const addFileChange = ({ file, eventType }) => {\n  fileChanges[file] = eventType\n  if (isLivereloadEnabled()) {\n    reloadIfNeeded()\n  } else {\n    filechangeCallback()\n  }\n}\n\nexport const setFileChangeCallback = (callback) => {\n  filechangeCallback = callback\n}\n\nexport const reloadIfNeeded = () => {\n  const customReloads = []\n  const cssReloads = []\n  const fullReloads = []\n\n  Object.keys(fileChanges).forEach((key) => {\n    const livereloadCallback = window.__jsenv__.livereloadingCallbacks[key]\n    if (livereloadCallback) {\n      customReloads.push(() => {\n        delete fileChanges[key]\n        livereloadCallback({\n          reloadPage,\n        })\n      })\n    } else if (\n      key.endsWith(\".css\") ||\n      key.endsWith(\".scss\") ||\n      key.endsWith(\".sass\")\n    ) {\n      cssReloads.push(() => {\n        delete fileChanges[key]\n      })\n    } else {\n      fullReloads.push(key)\n    }\n  })\n\n  if (fullReloads.length > 0) {\n    reloadPage()\n    return\n  }\n\n  customReloads.forEach((customReload) => {\n    customReload()\n  })\n\n  if (cssReloads.length) {\n    reloadAllCss()\n    cssReloads.forEach((cssReload) => {\n      cssReload()\n    })\n  }\n\n  filechangeCallback()\n}\n\nconst reloadAllCss = () => {\n  const links = Array.from(window.parent.document.getElementsByTagName(\"link\"))\n  links.forEach((link) => {\n    if (link.rel === \"stylesheet\") {\n      const url = new URL(link.href)\n      url.searchParams.set(\"t\", Date.now())\n      link.href = String(url)\n    }\n  })\n}\n\nconst reloadPage = () => {\n  window.parent.location.reload(true)\n}\n",
+    "/* eslint-env browser */\n\nimport { createEventSourceConnection } from \"./event_source_connection.js\"\nimport {\n  getFileChanges,\n  addFileChange,\n  setFileChangeCallback,\n  reloadIfNeeded,\n} from \"./file_changes.js\"\nimport {\n  isLivereloadEnabled,\n  setLivereloadPreference,\n} from \"./livereload_preference.js\"\n\nconst eventsourceConnection = createEventSourceConnection(\n  document.location.href,\n  {\n    \"file-added\": ({ data }) => {\n      addFileChange({\n        file: data,\n        eventType: \"added\",\n      })\n    },\n    \"file-modified\": ({ data }) => {\n      addFileChange({\n        file: data,\n        eventType: \"modified\",\n      })\n    },\n    \"file-removed\": ({ data }) => {\n      addFileChange({\n        file: data,\n        eventType: \"removed\",\n      })\n    },\n  },\n  {\n    retryMaxAttempt: Infinity,\n    retryAllocatedMs: 20 * 1000,\n  },\n)\n\nconst {\n  connect,\n  disconnect,\n  setConnectionStatusChangeCallback,\n  getConnectionStatus,\n} = eventsourceConnection\n\nconnect()\n\nwindow.__jsenv_event_source_client__ = {\n  connect,\n  disconnect,\n  getConnectionStatus,\n  setConnectionStatusChangeCallback,\n  getFileChanges,\n  addFileChange,\n  setFileChangeCallback,\n  reloadIfNeeded,\n  isLivereloadEnabled,\n  setLivereloadPreference,\n}\n"
+  ],
+  "names": [
+    "createEventSourceConnection",
+    "eventSourceUrl",
+    "events",
+    "retryMaxAttempt",
+    "Infinity",
+    "retryAllocatedMs",
+    "lastEventId",
+    "window",
+    "EventSource",
+    "eventSourceOrigin",
+    "URL",
+    "origin",
+    "connectionStatus",
+    "connectionStatusChangeCallback",
+    "disconnect",
+    "goToStatus",
+    "newStatus",
+    "attemptConnection",
+    "url",
+    "eventSource",
+    "withCredentials",
+    "console",
+    "warn",
+    "onerror",
+    "undefined",
+    "close",
+    "retryCount",
+    "firstRetryMs",
+    "Date",
+    "now",
+    "errorEvent",
+    "target",
+    "readyState",
+    "CONNECTING",
+    "info",
+    "allRetryDuration",
+    "CLOSED",
+    "onopen",
+    "Object",
+    "keys",
+    "forEach",
+    "eventName",
+    "addEventListener",
+    "e",
+    "hasOwnProperty",
+    "connect",
+    "addLastEventIdIntoUrlSearchParams",
+    "removePageUnloadListener",
+    "listenPageUnload",
+    "destroy",
+    "getConnectionStatus",
+    "setConnectionStatusCallback",
+    "callback",
+    "indexOf",
+    "encodeURIComponent",
+    "removePageHideListener",
+    "listenEvent",
+    "pageHideEvent",
+    "persisted",
+    "emitter",
+    "event",
+    "removeEventListener",
+    "isLivereloadEnabled",
+    "value",
+    "localStorage",
+    "setLivereloadPreference",
+    "setItem",
+    "fileChanges",
+    "filechangeCallback",
+    "getFileChanges",
+    "addFileChange",
+    "file",
+    "eventType",
+    "reloadIfNeeded",
+    "setFileChangeCallback",
+    "customReloads",
+    "cssReloads",
+    "fullReloads",
+    "key",
+    "livereloadCallback",
+    "__jsenv__",
+    "livereloadingCallbacks",
+    "push",
+    "reloadPage",
+    "endsWith",
+    "length",
+    "customReload",
+    "reloadAllCss",
+    "cssReload",
+    "links",
+    "Array",
+    "from",
+    "parent",
+    "document",
+    "getElementsByTagName",
+    "link",
+    "rel",
+    "href",
+    "searchParams",
+    "set",
+    "String",
+    "location",
+    "reload",
+    "eventsourceConnection",
+    "data",
+    "setConnectionStatusChangeCallback",
+    "__jsenv_event_source_client__"
+  ],
+  "mappings": "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"
+}

package/dist/jsenv_exploring_index.js.map

@@ -3,11 +3,11 @@
   "file": "jsenv_exploring_index.js",
   "sources": [
     "../src/internal/memoize.js",
-    "../src/internal/toolbar/util/fetching.js",
-    "../src/internal/toolbar/util/preferences.js",
+    "../src/internal/dev_server/toolbar/util/fetching.js",
+    "../src/internal/dev_server/toolbar/util/preferences.js",
     "../helpers/babel/objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js",
     "../helpers/babel/objectWithoutProperties/objectWithoutProperties.js",
-    "../src/internal/toolbar/util/animation.js",
+    "../src/internal/dev_server/toolbar/util/animation.js",
     "../helpers/babel/defineProperty/defineProperty.js",
     "../node_modules/@jsenv/logger/src/createDetailedMessage.js",
     "../helpers/babel/objectSpread2/objectSpread2.js",
@@ -15,12 +15,12 @@
     "../src/internal/browser-utils/fetchUsingXHR.js",
     "../src/internal/browser-utils/fetch-browser.js",
     "../src/internal/browser-utils/fetchJson.js",
-    "../src/internal/exploring/fetchExploringJson.js",
-    "../src/internal/exploring/exploring.js"
+    "../src/internal/dev_server/exploring/fetchExploringJson.js",
+    "../src/internal/dev_server/exploring/exploring.js"
   ],
   "sourcesContent": [
     "export const memoize = (compute) => {\n  let memoized = false\n  let memoizedValue\n\n  const fnWithMemoization = (...args) => {\n    if (memoized) {\n      return memoizedValue\n    }\n    // if compute is recursive wait for it to be fully done before storing the lockValue\n    // so set locked later\n    memoizedValue = compute(...args)\n    memoized = true\n    return memoizedValue\n  }\n\n  fnWithMemoization.forget = () => {\n    const value = memoizedValue\n    memoized = false\n    memoizedValue = undefined\n    return value\n  }\n\n  return fnWithMemoization\n}\n",
-    "import { memoize } from \"../../memoize.js\"\n\nconst fetchPolyfill = async (...args) => {\n  const { fetchUsingXHR } = await loadPolyfill()\n  return fetchUsingXHR(...args)\n}\n\nconst loadPolyfill = memoize(() =>\n  import(\"../../browser-utils/fetchUsingXHR.js\"),\n)\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? window.fetch\n    : fetchPolyfill\n",
+    "import { memoize } from \"../../../memoize.js\"\n\nconst fetchPolyfill = async (...args) => {\n  const { fetchUsingXHR } = await loadPolyfill()\n  return fetchUsingXHR(...args)\n}\n\nconst loadPolyfill = memoize(() =>\n  import(\"../../../browser-utils/fetchUsingXHR.js\"),\n)\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? window.fetch\n    : fetchPolyfill\n",
     "export const createPreference = (name) => {\n  return {\n    has: () => localStorage.hasOwnProperty(name),\n    get: () =>\n      localStorage.hasOwnProperty(name)\n        ? JSON.parse(localStorage.getItem(name))\n        : undefined,\n    set: (value) => localStorage.setItem(name, JSON.stringify(value)),\n  }\n}\n",
     "export default (source, excluded) => {\n  if (source === null) return {}\n  var target = {}\n  var sourceKeys = Object.keys(source)\n  var key\n  var i\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i]\n    if (excluded.indexOf(key) >= 0) continue\n    target[key] = source[key]\n  }\n  return target\n}\n",
     "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\n\nexport default (source, excluded) => {\n  if (source === null) return {}\n\n  var target = objectWithoutPropertiesLoose(source, excluded)\n  var key\n  var i\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i]\n      if (excluded.indexOf(key) >= 0) continue\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\n      target[key] = source[key]\n    }\n  }\n  return target\n}\n",
@@ -32,7 +32,7 @@
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nexport const fetchUsingXHR = async (\n  url,\n  {\n    signal,\n    method = \"GET\",\n    credentials = \"same-origin\",\n    headers = {},\n    body = null,\n  } = {},\n) => {\n  const headersPromise = createPromiseAndHooks()\n  const bodyPromise = createPromiseAndHooks()\n\n  const xhr = new XMLHttpRequest()\n\n  const failure = (error) => {\n    // if it was already resolved, we must reject the body promise\n    if (headersPromise.settled) {\n      bodyPromise.reject(error)\n    } else {\n      headersPromise.reject(error)\n    }\n  }\n\n  const cleanup = () => {\n    xhr.ontimeout = null\n    xhr.onerror = null\n    xhr.onload = null\n    xhr.onreadystatechange = null\n  }\n\n  xhr.ontimeout = () => {\n    cleanup()\n    failure(new Error(`xhr request timeout on ${url}.`))\n  }\n\n  xhr.onerror = (error) => {\n    cleanup()\n    // unfortunately with have no clue why it fails\n    // might be cors for instance\n    failure(createRequestError(error, { url }))\n  }\n\n  xhr.onload = () => {\n    cleanup()\n    bodyPromise.resolve()\n  }\n\n  signal.addEventListener(\"abort\", () => {\n    xhr.abort()\n    const abortError = new Error(\"aborted\")\n    abortError.name = \"AbortError\"\n    failure(abortError)\n  })\n\n  xhr.onreadystatechange = () => {\n    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState\n    const { readyState } = xhr\n\n    if (readyState === 2) {\n      headersPromise.resolve()\n    } else if (readyState === 4) {\n      cleanup()\n      bodyPromise.resolve()\n    }\n  }\n\n  xhr.open(method, url, true)\n  Object.keys(headers).forEach((key) => {\n    xhr.setRequestHeader(key, headers[key])\n  })\n  xhr.withCredentials = computeWithCredentials({ credentials, url })\n  if (\"responseType\" in xhr && hasBlob) {\n    xhr.responseType = \"blob\"\n  }\n  xhr.send(body)\n\n  await headersPromise\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL\n  const responseUrl =\n    \"responseURL\" in xhr ? xhr.responseURL : headers[\"x-request-url\"]\n  let responseStatus = xhr.status\n  const responseStatusText = xhr.statusText\n  const responseHeaders = getHeadersFromXHR(xhr)\n\n  const readBody = async () => {\n    await bodyPromise\n\n    const { status } = xhr\n    // in Chrome on file:/// URLs, status is 0\n    if (status === 0) {\n      responseStatus = 200\n    }\n\n    const body = \"response\" in xhr ? xhr.response : xhr.responseText\n\n    return {\n      responseBody: body,\n      responseBodyType: detectBodyType(body),\n    }\n  }\n\n  const text = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return blobToText(responseBody)\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as text\")\n    }\n    if (responseBodyType === \"dataView\") {\n      return arrayBufferToText(responseBody.buffer)\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return arrayBufferToText(responseBody)\n    }\n    // if (responseBodyType === \"text\" || responseBodyType === 'searchParams') {\n    //   return body\n    // }\n    return String(responseBody)\n  }\n\n  const json = async () => {\n    const responseText = await text()\n    return JSON.parse(responseText)\n  }\n\n  const blob = async () => {\n    if (!hasBlob) {\n      throw new Error(`blob not supported`)\n    }\n\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return responseBody\n    }\n    if (responseBodyType === \"dataView\") {\n      return new Blob([cloneBuffer(responseBody.buffer)])\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return new Blob([cloneBuffer(responseBody)])\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as blob\")\n    }\n    return new Blob([String(responseBody)])\n  }\n\n  const arrayBuffer = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"arrayBuffer\") {\n      return cloneBuffer(responseBody)\n    }\n    const responseBlob = await blob()\n    return blobToArrayBuffer(responseBlob)\n  }\n\n  const formData = async () => {\n    if (!hasFormData) {\n      throw new Error(`formData not supported`)\n    }\n    const responseText = await text()\n    return textToFormData(responseText)\n  }\n\n  return {\n    url: responseUrl,\n    status: responseStatus,\n    statusText: responseStatusText,\n    headers: responseHeaders,\n    text,\n    json,\n    blob,\n    arrayBuffer,\n    formData,\n  }\n}\n\nconst canUseBlob = () => {\n  if (typeof window.FileReader !== \"function\") return false\n\n  if (typeof window.Blob !== \"function\") return false\n\n  try {\n    // eslint-disable-next-line no-new\n    new Blob()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst hasBlob = canUseBlob()\n\nconst hasFormData = typeof window.FormData === \"function\"\n\nconst hasArrayBuffer = typeof window.ArrayBuffer === \"function\"\n\nconst hasSearchParams = typeof window.URLSearchParams === \"function\"\n\nconst createRequestError = (error, { url }) => {\n  return new Error(\n    createDetailedMessage(`error during xhr request on ${url}.`, {\n      [\"error stack\"]: error.stack,\n    }),\n  )\n}\n\nconst createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = (value) => {\n      promise.settled = true\n      res(value)\n    }\n    reject = (value) => {\n      promise.settled = true\n      rej(value)\n    }\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\nconst computeWithCredentials = ({ credentials, url }) => {\n  if (credentials === \"same-origin\") {\n    return originSameAsGlobalOrigin(url)\n  }\n  return credentials === \"include\"\n}\n\nconst originSameAsGlobalOrigin = (url) => {\n  // if we cannot read globalOrigin from window.location.origin, let's consider it's ok\n  if (typeof window !== \"object\") return true\n  if (typeof window.location !== \"object\") return true\n  const globalOrigin = window.location.origin\n  if (globalOrigin === \"null\") return true\n  return hrefToOrigin(url) === globalOrigin\n}\n\nconst detectBodyType = (body) => {\n  if (!body) {\n    return \"\"\n  }\n  if (typeof body === \"string\") {\n    return \"text\"\n  }\n  if (hasBlob && Blob.prototype.isPrototypeOf(body)) {\n    return \"blob\"\n  }\n  if (hasFormData && FormData.prototype.isPrototypeOf(body)) {\n    return \"formData\"\n  }\n  if (hasArrayBuffer) {\n    if (hasBlob && isDataView(body)) {\n      return `dataView`\n    }\n    if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {\n      return `arrayBuffer`\n    }\n  }\n  if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n    return \"searchParams\"\n  }\n  return \"\"\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example\nconst getHeadersFromXHR = (xhr) => {\n  const headerMap = {}\n\n  const headersString = xhr.getAllResponseHeaders()\n  if (headersString === \"\") return headerMap\n\n  const lines = headersString.trim().split(/[\\r\\n]+/)\n  lines.forEach((line) => {\n    const parts = line.split(\": \")\n    const name = parts.shift()\n    const value = parts.join(\": \")\n    headerMap[name.toLowerCase()] = value\n  })\n\n  return headerMap\n}\n\nconst hrefToOrigin = (href) => {\n  const scheme = hrefToScheme(href)\n\n  if (scheme === \"file\") {\n    return \"file://\"\n  }\n\n  if (scheme === \"http\" || scheme === \"https\") {\n    const secondProtocolSlashIndex = scheme.length + \"://\".length\n    const pathnameSlashIndex = href.indexOf(\"/\", secondProtocolSlashIndex)\n\n    if (pathnameSlashIndex === -1) return href\n    return href.slice(0, pathnameSlashIndex)\n  }\n\n  return href.slice(0, scheme.length + 1)\n}\n\nconst hrefToScheme = (href) => {\n  const colonIndex = href.indexOf(\":\")\n  if (colonIndex === -1) return \"\"\n  return href.slice(0, colonIndex)\n}\n\nconst isDataView = (obj) => {\n  return obj && DataView.prototype.isPrototypeOf(obj)\n}\n\nconst isArrayBufferView =\n  ArrayBuffer.isView ||\n  (() => {\n    const viewClasses = [\n      \"[object Int8Array]\",\n      \"[object Uint8Array]\",\n      \"[object Uint8ClampedArray]\",\n      \"[object Int16Array]\",\n      \"[object Uint16Array]\",\n      \"[object Int32Array]\",\n      \"[object Uint32Array]\",\n      \"[object Float32Array]\",\n      \"[object Float64Array]\",\n    ]\n\n    return (value) => {\n      return (\n        value && viewClasses.includes(Object.prototype.toString.call(value))\n      )\n    }\n  })()\n\nconst textToFormData = (text) => {\n  const form = new FormData()\n  text\n    .trim()\n    .split(\"&\")\n    .forEach(function (bytes) {\n      if (bytes) {\n        const split = bytes.split(\"=\")\n        const name = split.shift().replace(/\\+/g, \" \")\n        const value = split.join(\"=\").replace(/\\+/g, \" \")\n        form.append(decodeURIComponent(name), decodeURIComponent(value))\n      }\n    })\n  return form\n}\n\nconst blobToArrayBuffer = async (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsArrayBuffer(blob)\n  return promise\n}\n\nconst blobToText = (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsText(blob)\n  return promise\n}\n\nconst arrayBufferToText = (arrayBuffer) => {\n  const view = new Uint8Array(arrayBuffer)\n  const chars = new Array(view.length)\n  let i = 0\n  while (i < view.length) {\n    chars[i] = String.fromCharCode(view[i])\n\n    i++\n  }\n  return chars.join(\"\")\n}\n\nconst fileReaderReady = (reader) => {\n  return new Promise(function (resolve, reject) {\n    reader.onload = function () {\n      resolve(reader.result)\n    }\n    reader.onerror = function () {\n      reject(reader.error)\n    }\n  })\n}\n\nconst cloneBuffer = (buffer) => {\n  if (buffer.slice) {\n    return buffer.slice(0)\n  }\n  const view = new Uint8Array(buffer.byteLength)\n  view.set(new Uint8Array(buffer))\n  return view.buffer\n}\n",
     "import { fetchUsingXHR } from \"./fetchUsingXHR.js\"\n\nconst fetchNative = async (url, { mode = \"cors\", ...options } = {}) => {\n  const response = await window.fetch(url, {\n    mode,\n    ...options,\n  })\n\n  return {\n    url: response.url,\n    status: response.status,\n    statusText: \"\",\n    headers: responseToHeaders(response),\n    text: () => response.text(),\n    json: () => response.json(),\n    blob: () => response.blob(),\n    arrayBuffer: () => response.arrayBuffer(),\n    formData: () => response.formData(),\n  }\n}\n\nconst responseToHeaders = (response) => {\n  const headers = {}\n  response.headers.forEach((value, name) => {\n    headers[name] = value\n  })\n  return headers\n}\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? fetchNative\n    : fetchUsingXHR\n",
     "import { fetchUrl } from \"./fetch-browser.js\"\n\nexport const fetchJson = async (url, options = {}) => {\n  const response = await fetchUrl(url, options)\n  const object = await response.json()\n  return object\n}\n",
-    "import { createDetailedMessage } from \"@jsenv/logger\"\n\nimport { fetchJson } from \"../browser-utils/fetchJson.js\"\n\nexport const fetchExploringJson = async ({ signal } = {}) => {\n  try {\n    const exploringInfo = await fetchJson(\"/.jsenv/exploring.json\", {\n      signal,\n    })\n    return exploringInfo\n  } catch (e) {\n    if (signal && signal.aborted && e.name === \"AbortError\") {\n      throw e\n    }\n    throw new Error(\n      createDetailedMessage(\n        `Cannot communicate with exploring server due to a network error`,\n        {\n          [\"error stack\"]: e.stack,\n        },\n      ),\n    )\n  }\n}\n",
+    "import { createDetailedMessage } from \"@jsenv/logger\"\n\nimport { fetchJson } from \"../../browser-utils/fetchJson.js\"\n\nexport const fetchExploringJson = async ({ signal } = {}) => {\n  try {\n    const exploringInfo = await fetchJson(\"/.jsenv/exploring.json\", {\n      signal,\n    })\n    return exploringInfo\n  } catch (e) {\n    if (signal && signal.aborted && e.name === \"AbortError\") {\n      throw e\n    }\n    throw new Error(\n      createDetailedMessage(\n        `Cannot communicate with exploring server due to a network error`,\n        {\n          [\"error stack\"]: e.stack,\n        },\n      ),\n    )\n  }\n}\n",
     "import { fetchUrl } from \"../toolbar/util/fetching.js\"\nimport { createPreference } from \"../toolbar/util/preferences.js\"\nimport { startJavaScriptAnimation } from \"../toolbar/util/animation.js\"\nimport { fetchExploringJson } from \"./fetchExploringJson.js\"\n\nconst fetchJSON = async (url, options) => {\n  const response = await fetchUrl(url, options)\n  const json = await response.json()\n  return json\n}\n\nconst groupPreference = createPreference(\"group\")\n\nconst run = async () => {\n  const { projectDirectoryUrl, explorableConfig, outDirectoryRelativeUrl } =\n    await fetchExploringJson()\n\n  const files = await fetchJSON(`/.jsenv/explorables.json`, {\n    method: \"GET\",\n  })\n\n  const compileServerOrigin = document.location.origin\n  const outDirectoryUrl = String(\n    new URL(outDirectoryRelativeUrl, compileServerOrigin),\n  )\n  const documentUrl = document.location.href\n  let compileId\n\n  const outDirectoryIndex = documentUrl.indexOf(outDirectoryUrl)\n  if (outDirectoryIndex === 0) {\n    const afterOutDirectory = documentUrl.slice(outDirectoryUrl.length)\n    compileId = afterOutDirectory.split(\"/\")[0]\n  } else {\n    compileId = null\n  }\n\n  const renderHtml = () => {\n    // const mainHtmlFileRelativeUrl = \"index.html\"\n    // const mainFileLink = document.querySelector(\"#main_file_link\")\n    // const mainFileUrl = urlToVisitFromRelativeUrl(mainHtmlFileRelativeUrl)\n    // mainFileLink.href = mainFileUrl\n    // mainFileLink.textContent = `${mainHtmlFileRelativeUrl}`\n    // const mainFileIframe = document.querySelector(`#main_file_iframe`)\n    // mainFileIframe.src = mainFileUrl\n\n    const fileListElement = document\n      .querySelector(`[data-page=\"file-list\"]`)\n      .cloneNode(true)\n    const directoryName = directoryUrlToDirectoryName(projectDirectoryUrl)\n    const span = fileListElement.querySelector(\"#directory_relative_url\")\n    span.title = projectDirectoryUrl\n    span.textContent = directoryName\n\n    const h4 = fileListElement.querySelector(\"h4\")\n\n    const ul = fileListElement.querySelector(\"ul\")\n    ul.innerHTML = files\n      .map(\n        (file) =>\n          `<li>\n          <a\n            class=\"execution-link\"\n            data-relative-url=${file.relativeUrl}\n            href=${urlToVisitFromRelativeUrl(file.relativeUrl)}\n          >\n            ${file.relativeUrl}\n          </a>\n        </li>`,\n      )\n      .join(\"\")\n\n    const groupFieldset = fileListElement.querySelector(\"#filter-group-set\")\n    const groupNames = Object.keys(explorableConfig)\n    groupFieldset.innerHTML = groupNames\n      .map(\n        (key) => `<label data-contains-hidden-input class=\"item\">\n  <input type=\"radio\" name=\"filter-group\" value=\"${key}\"/>\n  <span>${key}</span>\n</label>`,\n      )\n      .join(\"\")\n\n    const currentGroup = groupPreference.has()\n      ? groupPreference.get()\n      : groupNames[0]\n    Array.from(groupFieldset.querySelectorAll(\"input\")).forEach(\n      (inputRadio) => {\n        inputRadio.checked = inputRadio.value === currentGroup\n        inputRadio.onchange = () => {\n          if (inputRadio.checked) {\n            groupPreference.set(inputRadio.value)\n            enableGroup(inputRadio.value)\n          }\n        }\n      },\n    )\n\n    const enableGroup = (groupName) => {\n      const arrayOfElementToShow = []\n      const arrayOfElementToHide = []\n      files.forEach((file) => {\n        const fileLink = fileListElement.querySelector(\n          `a[data-relative-url=\"${file.relativeUrl}\"]`,\n        )\n        const fileLi = fileLink.parentNode\n        if (file.meta[groupName]) {\n          arrayOfElementToShow.push(fileLi)\n        } else {\n          arrayOfElementToHide.push(fileLi)\n        }\n      })\n      arrayOfElementToShow.forEach((element) => {\n        element.removeAttribute(\"data-force-hide\")\n      })\n      arrayOfElementToHide.forEach((element) => {\n        element.setAttribute(\"data-force-hide\", \"\")\n      })\n\n      h4.innerHTML =\n        arrayOfElementToShow.length === 0\n          ? `No file found.\n              Config for this section: <pre>${JSON.stringify(\n                explorableConfig[groupName],\n                null,\n                \"  \",\n              )}</pre>`\n          : `${arrayOfElementToShow.length} files found. Click on the one you want to execute`\n    }\n    enableGroup(currentGroup)\n\n    document.querySelector(\"main\").appendChild(fileListElement)\n    makeMenuScrollable()\n  }\n\n  const urlToVisitFromRelativeUrl = (relativeUrl) => {\n    if (compileId) {\n      return `${compileServerOrigin}/${outDirectoryRelativeUrl}${compileId}/${relativeUrl}`\n    }\n    return `${compileServerOrigin}/${relativeUrl}`\n  }\n\n  const makeMenuScrollable = () => {\n    const getMenuWrapperSize = () => {\n      return document.querySelector(\".menu-wrapper\").getBoundingClientRect()\n        .width\n    }\n    let menuWrapperSize = getMenuWrapperSize()\n\n    const getMenuSize = () => {\n      return document.querySelector(\".menu\").getBoundingClientRect().width\n    }\n    let menuSize = getMenuSize()\n\n    const menuVisibleSize = menuWrapperSize\n    let menuInvisibleSize = menuSize - menuVisibleSize\n\n    const getMenuPosition = () => {\n      return document.querySelector(\".menu-wrapper\").scrollLeft\n    }\n\n    const scrollDuration = 300\n    const leftPaddle = document.querySelector(\".left-paddle\")\n    const rightPaddle = document.querySelector(\".right-paddle\")\n\n    const handleMenuScroll = () => {\n      menuInvisibleSize = menuSize - menuWrapperSize\n      const menuPosition = getMenuPosition()\n      const menuEndOffset = menuInvisibleSize\n\n      // show & hide the paddles, depending on scroll position\n      if (menuPosition <= 0 && menuEndOffset <= 0) {\n        // hide both paddles if the window is large enough to display all tabs\n        leftPaddle.classList.add(\"hidden\")\n        rightPaddle.classList.add(\"hidden\")\n      } else if (menuPosition <= 0) {\n        leftPaddle.classList.add(\"hidden\")\n        rightPaddle.classList.remove(\"hidden\")\n      } else if (menuPosition < Math.floor(menuEndOffset)) {\n        // show both paddles in the middle\n        leftPaddle.classList.remove(\"hidden\")\n        rightPaddle.classList.remove(\"hidden\")\n      } else if (menuPosition >= Math.floor(menuEndOffset)) {\n        leftPaddle.classList.remove(\"hidden\")\n        rightPaddle.classList.add(\"hidden\")\n      }\n    }\n    handleMenuScroll()\n\n    window.onresize = () => {\n      menuWrapperSize = getMenuWrapperSize()\n      menuSize = getMenuSize()\n      handleMenuScroll()\n    }\n\n    // finally, what happens when we are actually scrolling the menu\n    document.querySelector(\".menu-wrapper\").onscroll = () => {\n      handleMenuScroll()\n    }\n\n    // scroll to left\n    rightPaddle.onclick = () => {\n      const scrollStart = document.querySelector(\".menu-wrapper\").scrollLeft\n      const scrollEnd = scrollStart + menuWrapperSize\n      startJavaScriptAnimation({\n        duration: scrollDuration,\n        onProgress: ({ progress }) => {\n          document.querySelector(\".menu-wrapper\").scrollLeft =\n            scrollStart + (scrollEnd - scrollStart) * progress\n        },\n      })\n    }\n\n    // scroll to right\n    leftPaddle.onclick = () => {\n      const scrollStart = document.querySelector(\".menu-wrapper\").scrollLeft\n      const scrollEnd = scrollStart - menuWrapperSize\n      startJavaScriptAnimation({\n        duration: scrollDuration,\n        onProgress: ({ progress }) => {\n          document.querySelector(\".menu-wrapper\").scrollLeft =\n            scrollStart + (scrollEnd - scrollStart) * progress\n        },\n      })\n    }\n  }\n\n  const directoryUrlToDirectoryName = (directoryUrl) => {\n    const slashLastIndex = directoryUrl.lastIndexOf(\n      \"/\",\n      // ignore last slash\n      directoryUrl.length - 2,\n    )\n    if (slashLastIndex === -1) return \"\"\n\n    return directoryUrl.slice(slashLastIndex + 1)\n  }\n\n  renderHtml()\n}\n\nrun()\n"
   ],
   "names": [