@jsenv/core 26.0.1 → 27.0.0-alpha.2

package/src/internal/dev_server/toolbar/compilation/toolbar_compilation.js

@@ -1,202 +0,0 @@
-import { scanBrowserRuntimeFeatures } from "@jsenv/core/src/internal/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

@@ -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
-}

package/src/internal/dev_server/toolbar/execution/toolbar_execution.js

@@ -1,91 +0,0 @@
-import { removeForceHideElement, activateToolbarSection } from "../util/dom.js"
-import { enableVariant } from "../variant/variant.js"
-import { createHorizontalBreakpoint } from "../util/responsive.js"
-import { toggleTooltip } from "../tooltip/tooltip.js"
-import { notifyExecutionResult } from "../notification/toolbar_notification.js"
-
-const WINDOW_MEDIUM_WIDTH = 570
-
-export const renderExecutionInToolbar = ({ executedFileRelativeUrl }) => {
-  // reset file execution indicator ui
-  applyExecutionIndicator()
-  removeForceHideElement(document.querySelector("#execution-indicator"))
-
-  // apply responsive design on fileInput if needed + add listener on resize screen
-  const input = document.querySelector("#file-input")
-  const fileWidthBreakpoint = createHorizontalBreakpoint(WINDOW_MEDIUM_WIDTH)
-  const handleFileWidthBreakpoint = () => {
-    resizeInput(input, fileWidthBreakpoint)
-  }
-  handleFileWidthBreakpoint()
-  fileWidthBreakpoint.changed.listen(handleFileWidthBreakpoint)
-  input.value = executedFileRelativeUrl
-  resizeInput(input, fileWidthBreakpoint)
-
-  activateToolbarSection(document.querySelector("#file"))
-  removeForceHideElement(document.querySelector("#file"))
-
-  window.parent.__jsenv__.executionResultPromise.then(
-    ({ status, startTime, endTime }) => {
-      const execution = { status, startTime, endTime }
-      applyExecutionIndicator(execution)
-
-      const executionStorageKey = executedFileRelativeUrl
-      const previousExecution = sessionStorage.hasOwnProperty(
-        executionStorageKey,
-      )
-        ? JSON.parse(sessionStorage.getItem(executionStorageKey))
-        : undefined
-      notifyExecutionResult(
-        executedFileRelativeUrl,
-        execution,
-        previousExecution,
-      )
-
-      sessionStorage.setItem(executedFileRelativeUrl, JSON.stringify(execution))
-    },
-  )
-}
-
-const applyExecutionIndicator = ({
-  status = "running",
-  startTime,
-  endTime,
-} = {}) => {
-  const executionIndicator = document.querySelector("#execution-indicator")
-  enableVariant(executionIndicator, { execution: status })
-  const variantNode = executionIndicator.querySelector("[data-when-active]")
-
-  variantNode.querySelector("button").onclick = () =>
-    toggleTooltip(executionIndicator)
-  variantNode.querySelector(".tooltip").textContent = computeText({
-    status,
-    startTime,
-    endTime,
-  })
-}
-
-const computeText = ({ status, startTime, endTime }) => {
-  if (status === "completed") {
-    return `Execution completed in ${endTime - startTime}ms`
-  }
-
-  if (status === "errored") {
-    return `Execution failed in ${endTime - startTime}ms`
-  }
-
-  if (status === "running") {
-    return "Executing..."
-  }
-
-  return ""
-}
-
-const resizeInput = (input, fileWidthBreakpoint) => {
-  const size = fileWidthBreakpoint.isBelow() ? 20 : 40
-  if (input.value.length > size) {
-    input.style.width = `${size}ch`
-  } else {
-    input.style.width = `${input.value.length}ch`
-  }
-}

package/src/internal/error_stack_remap/install_error_stack_remapping.js

@@ -1,142 +0,0 @@
-import { createDetailedMessage } from "@jsenv/logger"
-
-import { remapStack } from "./remap_stack.js"
-import { stringifyStack } from "./stringify_stack.js"
-
-export const installErrorStackRemapping = ({
-  fetchFile,
-  resolveFile,
-  SourceMapConsumer,
-  indent = "  ",
-}) => {
-  if (typeof fetchFile !== "function") {
-    throw new TypeError(`fetchFile must be a function, got ${fetchFile}`)
-  }
-  if (typeof SourceMapConsumer !== "function") {
-    throw new TypeError(
-      `sourceMapConsumer must be a function, got ${SourceMapConsumer}`,
-    )
-  }
-  if (typeof indent !== "string") {
-    throw new TypeError(`indent must be a string, got ${indent}`)
-  }
-
-  const errorRemappingCache = new WeakMap()
-  const errorRemapFailureCallbackMap = new WeakMap()
-
-  let installed = false
-  const previousPrepareStackTrace = Error.prepareStackTrace
-  const install = () => {
-    if (installed) return
-    installed = true
-    Error.prepareStackTrace = prepareStackTrace
-  }
-
-  const uninstall = () => {
-    if (!installed) return
-    installed = false
-    Error.prepareStackTrace = previousPrepareStackTrace
-  }
-
-  // ensure we do not use prepareStackTrace for thoose error
-  // otherwise we would recursively remap error stack
-  // and if the reason causing the failure is still here
-  // it would create an infinite loop
-  const readErrorStack = (error) => {
-    uninstall()
-    const stack = error.stack
-    install()
-    return stack
-  }
-
-  const prepareStackTrace = (error, stack) => {
-    const onFailure = (failureData) => {
-      const failureCallbackArray = errorRemapFailureCallbackMap.get(error)
-      if (failureCallbackArray) {
-        failureCallbackArray.forEach((callback) => callback(failureData))
-      }
-    }
-
-    const stackRemappingPromise = remapStack({
-      stack,
-      error,
-      resolveFile,
-      fetchFile: memoizeFetch(fetchFile),
-      SourceMapConsumer,
-      readErrorStack,
-      indent,
-      onFailure,
-    })
-    errorRemappingCache.set(error, stackRemappingPromise)
-
-    return stringifyStack(stack, { error, indent })
-  }
-
-  const getErrorOriginalStackString = async (
-    error,
-    {
-      onFailure = (message) => {
-        console.warn(message)
-      },
-    } = {},
-  ) => {
-    if (onFailure) {
-      const remapFailureCallbackArray = errorRemapFailureCallbackMap.get(error)
-      if (remapFailureCallbackArray) {
-        errorRemapFailureCallbackMap.set(error, [
-          ...remapFailureCallbackArray,
-          onFailure,
-        ])
-      } else {
-        errorRemapFailureCallbackMap.set(error, [onFailure])
-      }
-    }
-
-    // ensure Error.prepareStackTrace gets triggered by reading error.stack now
-    const { stack } = error
-    const promise = errorRemappingCache.get(error)
-
-    if (promise) {
-      try {
-        const originalCallsites = await promise
-        errorRemapFailureCallbackMap.get(error)
-
-        const firstCall = originalCallsites[0]
-        if (firstCall) {
-          Object.assign(error, {
-            filename: firstCall.getFileName(),
-            lineno: firstCall.getLineNumber(),
-            columnno: firstCall.getColumnNumber(),
-          })
-        }
-        return stringifyStack(originalCallsites, { error, indent })
-      } catch (e) {
-        onFailure(
-          createDetailedMessage(`error while computing original stack.`, {
-            ["stack from error while computing"]: readErrorStack(e),
-            ["stack from error to remap"]: stack,
-          }),
-        )
-        return stack
-      }
-    }
-
-    return stack
-  }
-
-  install()
-
-  return { getErrorOriginalStackString, uninstall }
-}
-
-const memoizeFetch = (fetchUrl) => {
-  const urlCache = {}
-  return async (url) => {
-    if (url in urlCache) {
-      return urlCache[url]
-    }
-    const responsePromise = fetchUrl(url)
-    urlCache[url] = responsePromise
-    return responsePromise
-  }
-}