npm - @jsenv/core - Versions diffs - 25.6.2 → 27.0.0-alpha.0 - Mend

@jsenv/core 25.6.2 → 27.0.0-alpha.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.

Files changed (476) hide show

package/src/internal/dev_server/exploring/exploring.html DELETED Viewed

@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Exploring</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta charset="utf-8" />
-    <link rel="icon" href="../../jsenv.png" />
-    <link rel="stylesheet" type="text/css" href="./exploring.css" />
-  </head>
-  <body>
-    <main></main>
-    <div style="display: none">
-      <article data-page="file-list">
-        <!--
-        <section id="main_html_file">
-          <h2>
-            <svg id="main_file_icon" viewBox="0 0 16 16" width="25px" height="25px">
-              <path
-                d="M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555  L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3  c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z"
-              />
-            </svg>
-            <span
-              >Main html file:
-              <a id="main_file_link" href="javascript:void(0)">${mainFileRelativeUrl}</a></span
-            >
-          </h2>
-          <div>
-            <iframe id="main_file_iframe" src="about:blank"></iframe>
-          </div>
-        </section>
-        <hr />
-        !-->
-        <section id="explorables">
-          <div id="explorables-header">
-            <div id="explorables_header_and_menu">
-              <h2 style="white-space: nowrap">
-                <svg
-                  id="fileIconSvgConfig"
-                  viewBox="0 0 24 24"
-                  width="32"
-                  height="32"
-                >
-                  <path d="M0 0h24v24H0V0z" fill="none" />
-                  <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"
-                  />
-                </svg>
-                <span
-                  >File(s) to explore in
-                  <span id="directory_relative_url" title="${directoryUrl}"
-                    >${directoryName}</span
-                  ></span
-                >
-              </h2>
-              <div class="menu-wrapper">
-                <fieldset id="filter-group-set" class="menu"></fieldset>
-              </div>
-              <div class="paddles">
-                <button class="left-paddle paddle hidden">&#60;</button>
-                <button class="right-paddle paddle">&#62;</button>
-              </div>
-            </div>
-            <div id="explorables_header_bottom_spacing"></div>
-          </div>
-          <div>
-            <div id="explorables-message">
-              <h4 style="margin-top: 0">${message}</h4>
-            </div>
-            <nav>
-              <ul></ul>
-            </nav>
-          </div>
-        </section>
-      </article>
-    </div>
-    <script type="module" src="./exploring.js"></script>
-  </body>
-</html>

package/src/internal/dev_server/exploring/exploring.js DELETED Viewed

@@ -1,243 +0,0 @@
-import { fetchUrl } from "../toolbar/util/fetching.js"
-import { createPreference } from "../toolbar/util/preferences.js"
-import { startJavaScriptAnimation } from "../toolbar/util/animation.js"
-import { fetchExploringJson } from "./fetchExploringJson.js"
-const fetchJSON = async (url, options) => {
-  const response = await fetchUrl(url, options)
-  const json = await response.json()
-  return json
-}
-const groupPreference = createPreference("group")
-const run = async () => {
-  const { projectDirectoryUrl, explorableConfig, jsenvDirectoryRelativeUrl } =
-    await fetchExploringJson()
-  const files = await fetchJSON(`/.jsenv/explorables.json`, {
-    method: "GET",
-  })
-  const compileServerOrigin = document.location.origin
-  const jsenvDirectoryServerUrl = String(
-    new URL(jsenvDirectoryRelativeUrl, compileServerOrigin),
-  )
-  const documentUrl = document.location.href
-  let compileId
-  const jsenvDirectoryIndex = documentUrl.indexOf(jsenvDirectoryServerUrl)
-  if (jsenvDirectoryIndex === 0) {
-    const afterJsenvDirectory = documentUrl.slice(
-      jsenvDirectoryServerUrl.length,
-    )
-    compileId = afterJsenvDirectory.split("/")[0]
-  } else {
-    compileId = null
-  }
-  const renderHtml = () => {
-    // const mainHtmlFileRelativeUrl = "index.html"
-    // const mainFileLink = document.querySelector("#main_file_link")
-    // const mainFileUrl = urlToVisitFromRelativeUrl(mainHtmlFileRelativeUrl)
-    // mainFileLink.href = mainFileUrl
-    // mainFileLink.textContent = `${mainHtmlFileRelativeUrl}`
-    // const mainFileIframe = document.querySelector(`#main_file_iframe`)
-    // mainFileIframe.src = mainFileUrl
-    const fileListElement = document
-      .querySelector(`[data-page="file-list"]`)
-      .cloneNode(true)
-    const directoryName = directoryUrlToDirectoryName(projectDirectoryUrl)
-    const span = fileListElement.querySelector("#directory_relative_url")
-    span.title = projectDirectoryUrl
-    span.textContent = directoryName
-    const h4 = fileListElement.querySelector("h4")
-    const ul = fileListElement.querySelector("ul")
-    ul.innerHTML = files
-      .map(
-        (file) =>
-          `<li>
-          <a
-            class="execution-link"
-            data-relative-url=${file.relativeUrl}
-            href=${urlToVisitFromRelativeUrl(file.relativeUrl)}
-          >
-            ${file.relativeUrl}
-          </a>
-        </li>`,
-      )
-      .join("")
-    const groupFieldset = fileListElement.querySelector("#filter-group-set")
-    const groupNames = Object.keys(explorableConfig)
-    groupFieldset.innerHTML = groupNames
-      .map(
-        (key) => `<label data-contains-hidden-input class="item">
-  <input type="radio" name="filter-group" value="${key}"/>
-  <span>${key}</span>
-</label>`,
-      )
-      .join("")
-    const currentGroup = groupPreference.has()
-      ? groupPreference.get()
-      : groupNames[0]
-    Array.from(groupFieldset.querySelectorAll("input")).forEach(
-      (inputRadio) => {
-        inputRadio.checked = inputRadio.value === currentGroup
-        inputRadio.onchange = () => {
-          if (inputRadio.checked) {
-            groupPreference.set(inputRadio.value)
-            enableGroup(inputRadio.value)
-          }
-        }
-      },
-    )
-    const enableGroup = (groupName) => {
-      const arrayOfElementToShow = []
-      const arrayOfElementToHide = []
-      files.forEach((file) => {
-        const fileLink = fileListElement.querySelector(
-          `a[data-relative-url="${file.relativeUrl}"]`,
-        )
-        const fileLi = fileLink.parentNode
-        if (file.meta[groupName]) {
-          arrayOfElementToShow.push(fileLi)
-        } else {
-          arrayOfElementToHide.push(fileLi)
-        }
-      })
-      arrayOfElementToShow.forEach((element) => {
-        element.removeAttribute("data-force-hide")
-      })
-      arrayOfElementToHide.forEach((element) => {
-        element.setAttribute("data-force-hide", "")
-      })
-      h4.innerHTML =
-        arrayOfElementToShow.length === 0
-          ? `No file found.
-              Config for this section: <pre>${JSON.stringify(
-                explorableConfig[groupName],
-                null,
-                "  ",
-              )}</pre>`
-          : `${arrayOfElementToShow.length} files found. Click on the one you want to execute`
-    }
-    enableGroup(currentGroup)
-    document.querySelector("main").appendChild(fileListElement)
-    makeMenuScrollable()
-  }
-  const urlToVisitFromRelativeUrl = (relativeUrl) => {
-    if (compileId) {
-      return `${compileServerOrigin}/${jsenvDirectoryRelativeUrl}${compileId}/${relativeUrl}`
-    }
-    return `${compileServerOrigin}/${relativeUrl}`
-  }
-  const makeMenuScrollable = () => {
-    const getMenuWrapperSize = () => {
-      return document.querySelector(".menu-wrapper").getBoundingClientRect()
-        .width
-    }
-    let menuWrapperSize = getMenuWrapperSize()
-    const getMenuSize = () => {
-      return document.querySelector(".menu").getBoundingClientRect().width
-    }
-    let menuSize = getMenuSize()
-    const menuVisibleSize = menuWrapperSize
-    let menuInvisibleSize = menuSize - menuVisibleSize
-    const getMenuPosition = () => {
-      return document.querySelector(".menu-wrapper").scrollLeft
-    }
-    const scrollDuration = 300
-    const leftPaddle = document.querySelector(".left-paddle")
-    const rightPaddle = document.querySelector(".right-paddle")
-    const handleMenuScroll = () => {
-      menuInvisibleSize = menuSize - menuWrapperSize
-      const menuPosition = getMenuPosition()
-      const menuEndOffset = menuInvisibleSize
-      // show & hide the paddles, depending on scroll position
-      if (menuPosition <= 0 && menuEndOffset <= 0) {
-        // hide both paddles if the window is large enough to display all tabs
-        leftPaddle.classList.add("hidden")
-        rightPaddle.classList.add("hidden")
-      } else if (menuPosition <= 0) {
-        leftPaddle.classList.add("hidden")
-        rightPaddle.classList.remove("hidden")
-      } else if (menuPosition < Math.floor(menuEndOffset)) {
-        // show both paddles in the middle
-        leftPaddle.classList.remove("hidden")
-        rightPaddle.classList.remove("hidden")
-      } else if (menuPosition >= Math.floor(menuEndOffset)) {
-        leftPaddle.classList.remove("hidden")
-        rightPaddle.classList.add("hidden")
-      }
-    }
-    handleMenuScroll()
-    window.onresize = () => {
-      menuWrapperSize = getMenuWrapperSize()
-      menuSize = getMenuSize()
-      handleMenuScroll()
-    }
-    // finally, what happens when we are actually scrolling the menu
-    document.querySelector(".menu-wrapper").onscroll = () => {
-      handleMenuScroll()
-    }
-    // scroll to left
-    rightPaddle.onclick = () => {
-      const scrollStart = document.querySelector(".menu-wrapper").scrollLeft
-      const scrollEnd = scrollStart + menuWrapperSize
-      startJavaScriptAnimation({
-        duration: scrollDuration,
-        onProgress: ({ progress }) => {
-          document.querySelector(".menu-wrapper").scrollLeft =
-            scrollStart + (scrollEnd - scrollStart) * progress
-        },
-      })
-    }
-    // scroll to right
-    leftPaddle.onclick = () => {
-      const scrollStart = document.querySelector(".menu-wrapper").scrollLeft
-      const scrollEnd = scrollStart - menuWrapperSize
-      startJavaScriptAnimation({
-        duration: scrollDuration,
-        onProgress: ({ progress }) => {
-          document.querySelector(".menu-wrapper").scrollLeft =
-            scrollStart + (scrollEnd - scrollStart) * progress
-        },
-      })
-    }
-  }
-  const directoryUrlToDirectoryName = (directoryUrl) => {
-    const slashLastIndex = directoryUrl.lastIndexOf(
-      "/",
-      // ignore last slash
-      directoryUrl.length - 2,
-    )
-    if (slashLastIndex === -1) return ""
-    return directoryUrl.slice(slashLastIndex + 1)
-  }
-  renderHtml()
-}
-run()

package/src/internal/dev_server/exploring/fetchExploringJson.js DELETED Viewed

@@ -1,19 +0,0 @@
-import { fetchJson } from "../../browser_utils/fetchJson.js"
-export const fetchExploringJson = async ({ signal } = {}) => {
-  try {
-    const exploringInfo = await fetchJson("/.jsenv/exploring.json", {
-      signal,
-    })
-    return exploringInfo
-  } catch (e) {
-    if (signal && signal.aborted && e.name === "AbortError") {
-      throw e
-    }
-    throw new Error(
-      `Cannot communicate with exploring server due to a network error
---- error stack ---
-${e.stack}`,
-    )
-  }
-}

package/src/internal/dev_server/toolbar/compilation/compilation.css DELETED Viewed

@@ -1,23 +0,0 @@
-#file_info_svg {
-  width: 20px;
-  height: 20px;
-  margin: 10px;
-  color: #cecece;
-}
-#file_info ul {
-  margin: 0;
-  margin-bottom: 0.7em;
-  padding-left: 1em;
-}
-#file_info ul li {
-  text-align: left;
-}
-.browser_support_text[data-warning],
-.files_compilation_text[data-warning] {
-  color: #cb5909;
-  margin-bottom: 5px;
-  display: block;
-}

package/src/internal/dev_server/toolbar/compilation/toolbar.compilation.js DELETED Viewed

@@ -1,201 +0,0 @@
-import { scanBrowserRuntimeFeatures } from "../../../features/browser_feature_detection/browser_feature_detection.js"
-import { setLinkHrefForParentWindow } from "../util/iframe_to_parent_href.js"
-import { removeForceHideElement } from "../util/dom.js"
-import { enableVariant } from "../variant/variant.js"
-import {
-  enableWarningStyle,
-  disableWarningStyle,
-} from "../settings/toolbar.settings.js"
-export const renderCompilationInToolbar = ({ compileGroup }) => {
-  const browserSupportRootNode = document.querySelector("#browser_support")
-  const filesCompilationRootNode = document.querySelector("#files_compilation")
-  removeForceHideElement(browserSupportRootNode)
-  removeForceHideElement(filesCompilationRootNode)
-  scanBrowserRuntimeFeatures().then(
-    ({
-      jsenvDirectoryRelativeUrl,
-      inlineImportMapIntoHTML,
-      compileProfile,
-      compileId,
-      runtimeReport,
-    }) => {
-      const browserSupport = compileId
-        ? "no"
-        : inlineImportMapIntoHTML
-        ? "partial"
-        : "full"
-      enableVariant(browserSupportRootNode, {
-        browserSupport,
-      })
-      if (browserSupport === "no") {
-        browserSupportRootNode.querySelector(
-          `a.browser_support_read_more_link`,
-        ).onclick = () => {
-          // eslint-disable-next-line no-alert
-          window.alert(
-            `Source files needs to be compiled to be executable in this browser because: ${listWhatIsMissing(
-              {
-                compileProfile,
-              },
-            )}`,
-          )
-        }
-      } else if (browserSupport === "partial") {
-        browserSupportRootNode.querySelector(
-          `a.browser_support_read_more_link`,
-        ).onclick = () => {
-          // eslint-disable-next-line no-alert
-          window.alert(
-            `Source files (except html) can be executed directly in this browser because: ${listWhatIsSupported(
-              {
-                inlineImportMapIntoHTML,
-              },
-            )}`,
-          )
-        }
-      } else if (browserSupport === "full") {
-        browserSupportRootNode.querySelector(
-          `a.browser_support_read_more_link`,
-        ).onclick = () => {
-          // eslint-disable-next-line no-alert
-          window.alert(
-            `Source files can be executed directly in this browser because: ${listWhatIsSupported(
-              {
-                inlineImportMapIntoHTML,
-              },
-            )}`,
-          )
-        }
-      }
-      const actualCompileId = compileGroup.compileId
-      const expectedCompiledId = compileId
-      const shouldSwitchCompileId =
-        expectedCompiledId &&
-        actualCompileId &&
-        actualCompileId !== expectedCompiledId
-      const shouldCompile = !actualCompileId && browserSupport === "no"
-      const filesCompilation = shouldSwitchCompileId
-        ? "mismatch"
-        : actualCompileId
-        ? "yes"
-        : inlineImportMapIntoHTML
-        ? "html_only"
-        : "no"
-      const hasWarning = shouldCompile || shouldSwitchCompileId
-      enableVariant(filesCompilationRootNode, {
-        filesCompilation,
-        compilation_link: shouldSwitchCompileId
-          ? "mismatch"
-          : actualCompileId
-          ? "source"
-          : expectedCompiledId
-          ? "compiled"
-          : "force",
-      })
-      if (filesCompilation === "yes") {
-        document.querySelector(
-          ".files_compilation_text",
-        ).innerHTML = `Files shown are compiled for ${runtimeReport.name}@${runtimeReport.version}`
-      }
-      setLinkHrefForParentWindow(
-        filesCompilationRootNode.querySelector("a.link_to_source_files"),
-        `/${compileGroup.fileRelativeUrl}`,
-      )
-      setLinkHrefForParentWindow(
-        filesCompilationRootNode.querySelector("a.link_to_compiled_files"),
-        `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`,
-      )
-      setLinkHrefForParentWindow(
-        filesCompilationRootNode.querySelector(
-          "a.link_to_compilation_forced_files",
-        ),
-        `/${jsenvDirectoryRelativeUrl}force/${compileGroup.fileRelativeUrl}`,
-      )
-      setLinkHrefForParentWindow(
-        filesCompilationRootNode.querySelector("a.link_to_appropriate_files"),
-        `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`,
-      )
-      if (hasWarning) {
-        enableWarningStyle()
-        document
-          .querySelector(".files_compilation_text")
-          .setAttribute("data-warning", "")
-        document
-          .querySelector(".browser_support_text")
-          .setAttribute("data-warning", "")
-        document
-          .querySelector("#settings-button")
-          .setAttribute("data-warning", "")
-      } else {
-        disableWarningStyle()
-        document
-          .querySelector(".files_compilation_text")
-          .removeAttribute("data-warning")
-        document
-          .querySelector(".browser_support_text")
-          .removeAttribute("data-warning")
-        document
-          .querySelector("#settings-button")
-          .removeAttribute("data-warning")
-      }
-    },
-  )
-}
-const listWhatIsSupported = ({ inlineImportMapIntoHTML }) => {
-  const parts = []
-  if (inlineImportMapIntoHTML) {
-    parts.push(`importmaps are supported (only when inlined in html files)`)
-  } else {
-    parts.push(`importmaps are supported`)
-  }
-  parts.push(`dynamic imports are supported`)
-  parts.push(`top level await is supported`)
-  parts.push(`all features are natively supported`)
-  return `
-- ${parts.join(`
-- `)}`
-}
-const listWhatIsMissing = ({ compileProfile }) => {
-  const parts = []
-  const { missingFeatures } = compileProfile
-  if (missingFeatures.importmap) {
-    parts.push(`importmaps are not supported`)
-  }
-  if (missingFeatures.dynamicImport) {
-    parts.push(`dynamic imports are not supported`)
-  }
-  if (missingFeatures.topLevelAwait) {
-    parts.push(`top level await is not supported`)
-  }
-  const missingFeatureNames = Object.keys(missingFeatures).filter((name) => {
-    return (
-      name !== "importmap" &&
-      name !== "dynamicImport" &&
-      name !== "topLevelAwait" &&
-      name !== "custom_compiler_patterns"
-    )
-  })
-  const missingFeatureCount = missingFeatureNames.length
-  if (missingFeatureCount > 0) {
-    parts.push(
-      `${missingFeatureCount} features are missing: ${missingFeatureNames}`,
-    )
-  }
-  const { custom_compiler_patterns } = missingFeatures
-  if (custom_compiler_patterns) {
-    parts.push(
-      `${custom_compiler_patterns.length} custom compilers enabled: ${custom_compiler_patterns}`,
-    )
-  }
-  return `
-- ${parts.join(`
-- `)}`
-}

package/src/internal/dev_server/toolbar/eventsource/toolbar.eventsource.js DELETED Viewed

@@ -1,83 +0,0 @@
-import { removeForceHideElement } from "../util/dom.js"
-import { enableVariant } from "../variant/variant.js"
-import {
-  toggleTooltip,
-  removeAutoShowTooltip,
-  autoShowTooltip,
-} from "../tooltip/tooltip.js"
-let livereloadingAvailableOnServer = false
-const parentEventSourceClient = window.parent.__jsenv_event_source_client__
-export const initToolbarEventSource = ({ livereloading }) => {
-  removeForceHideElement(document.querySelector("#eventsource-indicator"))
-  livereloadingAvailableOnServer = livereloading
-  if (!livereloadingAvailableOnServer) {
-    disableLivereloadSetting()
-  }
-  parentEventSourceClient.setConnectionStatusChangeCallback(() => {
-    updateEventSourceIndicator()
-  })
-  const livereloadCheckbox = document.querySelector("#toggle-livereload")
-  livereloadCheckbox.checked = parentEventSourceClient.isLivereloadEnabled()
-  livereloadCheckbox.onchange = () => {
-    parentEventSourceClient.setLivereloadPreference(livereloadCheckbox.checked)
-    updateEventSourceIndicator()
-  }
-  updateEventSourceIndicator()
-}
-const updateEventSourceIndicator = () => {
-  const eventSourceIndicator = document.querySelector("#eventsource-indicator")
-  const fileChanges = parentEventSourceClient.getFileChanges()
-  const changeCount = Object.keys(fileChanges).length
-  const eventSourceConnectionState =
-    parentEventSourceClient.getConnectionStatus()
-  enableVariant(eventSourceIndicator, {
-    eventsource: eventSourceConnectionState,
-    livereload: parentEventSourceClient.isLivereloadEnabled() ? "on" : "off",
-    changes: changeCount > 0 ? "yes" : "no",
-  })
-  const variantNode = document.querySelector(
-    "#eventsource-indicator > [data-when-active]",
-  )
-  variantNode.querySelector("button").onclick = () => {
-    toggleTooltip(eventSourceIndicator)
-  }
-  if (eventSourceConnectionState === "connecting") {
-    variantNode.querySelector("a").onclick = () => {
-      parentEventSourceClient.disconnect()
-    }
-  } else if (eventSourceConnectionState === "connected") {
-    removeAutoShowTooltip(eventSourceIndicator)
-    if (changeCount) {
-      const changeLink = variantNode.querySelector(".eventsource-changes-link")
-      changeLink.innerHTML = changeCount
-      changeLink.onclick = () => {
-        console.log(JSON.stringify(fileChanges, null, "  "), fileChanges)
-        // eslint-disable-next-line no-alert
-        window.parent.alert(JSON.stringify(fileChanges, null, "  "))
-      }
-      variantNode.querySelector(".eventsource-reload-link").onclick = () => {
-        parentEventSourceClient.reloadIfNeeded()
-      }
-    }
-  } else if (eventSourceConnectionState === "disconnected") {
-    autoShowTooltip(eventSourceIndicator)
-    variantNode.querySelector("a").onclick = () => {
-      parentEventSourceClient.connect()
-    }
-  }
-}
-const disableLivereloadSetting = () => {
-  document
-    .querySelector(".settings-livereload")
-    .setAttribute("data-disabled", "true")
-  document
-    .querySelector(".settings-livereload")
-    .setAttribute("title", `Livereload not available: disabled by server`)
-  document.querySelector("#toggle-livereload").disabled = true
-}