@jsenv/core 25.6.2 → 27.0.0-alpha.0

package/src/internal/compiling/transformResultToCompilationResult.js

@@ -1,242 +0,0 @@
-import {
-  resolveUrl,
-  urlToRelativeUrl,
-  readFile,
-  ensureWindowsDriveLetter,
-  urlIsInsideOf,
-} from "@jsenv/filesystem"
-
-import {
-  replaceBackSlashesWithSlashes,
-  startsWithWindowsDriveLetter,
-  windowsFilePathToUrl,
-} from "../filePathUtils.js"
-import {
-  setJavaScriptSourceMappingUrl,
-  setCssSourceMappingUrl,
-  sourcemapToBase64Url,
-} from "../sourceMappingURLUtils.js"
-import { generateCompilationAssetUrl } from "./jsenv_directory/compile_asset.js"
-import { testFilePresence } from "./jsenv_directory/fs-optimized-for-cache.js"
-
-const isWindows = process.platform === "win32"
-
-export const transformResultToCompilationResult = async (
-  { contentType, metadata = {}, code, map },
-  {
-    projectDirectoryUrl,
-    jsenvRemoteDirectory,
-    originalFileUrl,
-    compiledFileUrl,
-    sourcemapFileUrl,
-    sourcemapEnabled = true,
-    // removing sourcesContent from map decrease the sourceMap
-    // it also means client have to fetch source from server (additional http request)
-    // some client ignore sourcesContent property such as vscode-chrome-debugger
-    // Because it's the most complex scenario and we want to ensure client is always able
-    // to find source from the sourcemap, it's a good idea
-    // to exclude sourcesContent from sourcemap.
-    // However some ressource are abstract and it means additional http request for the browser.
-    // For these reasons it's simpler to keep source content in sourcemap.
-    sourcemapExcludeSources = false,
-    sourcemapMethod = "comment", // "comment", "inline"
-    originalFileContent,
-  },
-) => {
-  if (typeof contentType !== "string") {
-    throw new TypeError(`contentType must be a string, got ${contentType}`)
-  }
-  if (typeof projectDirectoryUrl !== "string") {
-    throw new TypeError(
-      `projectDirectoryUrl must be a string, got ${projectDirectoryUrl}`,
-    )
-  }
-  if (typeof originalFileContent !== "string") {
-    throw new TypeError(
-      `originalFileContent must be a string, got ${originalFileContent}`,
-    )
-  }
-  if (typeof originalFileUrl !== "string") {
-    throw new TypeError(
-      `originalFileUrl must be a string, got ${originalFileUrl}`,
-    )
-  }
-  if (typeof compiledFileUrl !== "string") {
-    throw new TypeError(
-      `compiledFileUrl must be a string, got ${compiledFileUrl}`,
-    )
-  }
-  if (typeof sourcemapFileUrl !== "string") {
-    throw new TypeError(
-      `sourcemapFileUrl must be a string, got ${sourcemapFileUrl}`,
-    )
-  }
-
-  const sources = []
-  const sourcesContent = []
-  const assets = []
-  const assetsContent = []
-  const addSource = ({ url, content }) => {
-    sources.push(url)
-    sourcesContent.push(content)
-  }
-  const addAsset = ({ url, content }) => {
-    assets.push(url)
-    assetsContent.push(content)
-  }
-
-  let output = code
-  if (sourcemapEnabled && map) {
-    if (map.sources.length === 0) {
-      // may happen in some cases where babel returns a wrong sourcemap
-      // there is at least one case where it happens
-      // a file with only import './whatever.js' inside
-      addSource({
-        url: originalFileUrl,
-        content: originalFileContent,
-      })
-    } else {
-      map.sources.forEach((source, index) => {
-        const sourceFileUrl = resolveSourceFile({
-          source,
-          sourcemapFileUrl,
-          originalFileUrl,
-          compiledFileUrl,
-          projectDirectoryUrl,
-        })
-        if (sourceFileUrl) {
-          // In case the file comes from a remote url
-          // we prefer to consider remote url as the real source for this code
-          map.sources[index] =
-            jsenvRemoteDirectory &&
-            jsenvRemoteDirectory.isFileUrlForRemoteUrl(sourceFileUrl)
-              ? jsenvRemoteDirectory.remoteUrlFromFileUrl(sourceFileUrl)
-              : urlToRelativeUrl(sourceFileUrl, sourcemapFileUrl)
-          sources[index] = sourceFileUrl
-        }
-      })
-      if (sources.length === 0) {
-        // happens when sourcemap is generated by webpack and looks like
-        // webpack://Package./src/file.js
-        // in that case we'll don't know how to find the source file
-        addSource({
-          url: originalFileUrl,
-          content: originalFileContent,
-        })
-      }
-      await Promise.all(
-        sources.map(async (sourceUrl, index) => {
-          const contentFromSourcemap = map.sourcesContent
-            ? map.sourcesContent[index]
-            : null
-          if (contentFromSourcemap) {
-            sourcesContent[index] = contentFromSourcemap
-          } else {
-            const contentFromFile = await readFile(sourceUrl)
-            sourcesContent[index] = contentFromFile
-          }
-        }),
-      )
-    }
-
-    if (sourcemapExcludeSources) {
-      delete map.sourcesContent
-    }
-    // we don't need sourceRoot because our path are relative or absolute to the current location
-    // we could comment this line because it is not set by babel because not passed during transform
-    delete map.sourceRoot
-
-    const setSourceMappingUrl =
-      contentType === "application/javascript"
-        ? setJavaScriptSourceMappingUrl
-        : setCssSourceMappingUrl
-
-    if (sourcemapMethod === "inline") {
-      output = setSourceMappingUrl(output, sourcemapToBase64Url(map))
-    } else if (sourcemapMethod === "comment") {
-      const sourcemapFileRelativePathForModule = urlToRelativeUrl(
-        sourcemapFileUrl,
-        compiledFileUrl,
-      )
-      output = setSourceMappingUrl(output, sourcemapFileRelativePathForModule)
-      addAsset({
-        url: sourcemapFileUrl,
-        content: stringifyMap(map),
-      })
-    }
-  } else {
-    addSource({
-      url: originalFileUrl,
-      content: originalFileContent,
-    })
-  }
-
-  const { coverage } = metadata
-  if (coverage) {
-    const coverageAssetFileUrl = generateCompilationAssetUrl(
-      compiledFileUrl,
-      "coverage.json",
-    )
-    addAsset({
-      url: coverageAssetFileUrl,
-      content: stringifyCoverage(coverage),
-    })
-  }
-
-  const { dependencies = [] } = metadata
-
-  return {
-    contentType,
-    compiledSource: output,
-    sourcemap: map,
-    sources,
-    sourcesContent,
-    assets,
-    assetsContent,
-    dependencies,
-  }
-}
-
-const resolveSourceFile = ({
-  source,
-  sourcemapFileUrl,
-  originalFileUrl,
-  compiledFileUrl,
-  projectDirectoryUrl,
-}) => {
-  const sourceFileUrl = resolveSourceUrl({ source, sourcemapFileUrl })
-  if (!urlIsInsideOf(sourceFileUrl, projectDirectoryUrl)) {
-    // do not track dependency outside project
-    // it means cache stays valid for those external sources
-    return null
-  }
-  const fileFound = testFilePresence(sourceFileUrl)
-  if (fileFound) {
-    return sourceFileUrl
-  }
-  // prefer original source file
-  const relativeUrl = urlToRelativeUrl(sourceFileUrl, compiledFileUrl)
-  const originalSourceUrl = resolveUrl(relativeUrl, originalFileUrl)
-  return originalSourceUrl
-}
-
-const resolveSourceUrl = ({ source, sourcemapFileUrl }) => {
-  if (isWindows) {
-    // we can receive:
-    // - "C:/Directory/file.js" path from babel
-    // - relative path like "directory\file.js" (-> we replace \ with slash)
-    if (startsWithWindowsDriveLetter(source)) {
-      return windowsFilePathToUrl(source)
-    }
-    const url = resolveUrl(
-      replaceBackSlashesWithSlashes(source),
-      sourcemapFileUrl,
-    )
-    return ensureWindowsDriveLetter(url, sourcemapFileUrl)
-  }
-  return resolveUrl(source, sourcemapFileUrl)
-}
-
-const stringifyMap = (object) => JSON.stringify(object, null, "  ")
-
-const stringifyCoverage = (object) => JSON.stringify(object, null, "  ")

package/src/internal/dataUrl.utils.js

@@ -1,55 +0,0 @@
-/* eslint-env browser, node */
-
-export const parseDataUrl = (dataUrl) => {
-  const afterDataProtocol = dataUrl.slice("data:".length)
-  const commaIndex = afterDataProtocol.indexOf(",")
-  const beforeComma = afterDataProtocol.slice(0, commaIndex)
-
-  let mediaType
-  let base64Flag
-  if (beforeComma.endsWith(`;base64`)) {
-    mediaType = beforeComma.slice(0, -`;base64`.length)
-    base64Flag = true
-  } else {
-    mediaType = beforeComma
-    base64Flag = false
-  }
-
-  const afterComma = afterDataProtocol.slice(commaIndex + 1)
-  return {
-    mediaType: mediaType === "" ? "text/plain;charset=US-ASCII" : mediaType,
-    base64Flag,
-    data: afterComma,
-  }
-}
-
-export const stringifyDataUrl = ({ mediaType, base64Flag = true, data }) => {
-  if (!mediaType || mediaType === "text/plain;charset=US-ASCII") {
-    // can be a buffer or a string, hence check on data.length instead of !data or data === ''
-    if (data.length === 0) {
-      return `data:,`
-    }
-    if (base64Flag) {
-      return `data:,${data}`
-    }
-    return `data:,${dataToBase64(data)}`
-  }
-  if (base64Flag) {
-    return `data:${mediaType};base64,${dataToBase64(data)}`
-  }
-  return `data:${mediaType},${data}`
-}
-
-export const dataUrlToRawData = ({ base64Flag, data }) => {
-  return base64Flag ? base64ToString(data) : data
-}
-
-export const dataToBase64 =
-  typeof window === "object"
-    ? window.atob
-    : (data) => Buffer.from(data).toString("base64")
-
-export const base64ToString =
-  typeof window === "object"
-    ? window.btoa
-    : (base64String) => Buffer.from(base64String, "base64").toString("utf8")

package/src/internal/dev_server/event_source_client/event_source_client.js

@@ -1,63 +0,0 @@
-/* eslint-env browser */
-
-import { createEventSourceConnection } from "./event_source_connection.js"
-import {
-  getFileChanges,
-  addFileChange,
-  setFileChangeCallback,
-  reloadIfNeeded,
-} from "./file_changes.js"
-import {
-  isLivereloadEnabled,
-  setLivereloadPreference,
-} from "./livereload_preference.js"
-
-const eventsourceConnection = createEventSourceConnection(
-  document.location.href,
-  {
-    "file-added": ({ data }) => {
-      addFileChange({
-        file: data,
-        eventType: "added",
-      })
-    },
-    "file-modified": ({ data }) => {
-      addFileChange({
-        file: data,
-        eventType: "modified",
-      })
-    },
-    "file-removed": ({ data }) => {
-      addFileChange({
-        file: data,
-        eventType: "removed",
-      })
-    },
-  },
-  {
-    retryMaxAttempt: Infinity,
-    retryAllocatedMs: 20 * 1000,
-  },
-)
-
-const {
-  connect,
-  disconnect,
-  setConnectionStatusChangeCallback,
-  getConnectionStatus,
-} = eventsourceConnection
-
-connect()
-
-window.__jsenv_event_source_client__ = {
-  connect,
-  disconnect,
-  getConnectionStatus,
-  setConnectionStatusChangeCallback,
-  getFileChanges,
-  addFileChange,
-  setFileChangeCallback,
-  reloadIfNeeded,
-  isLivereloadEnabled,
-  setLivereloadPreference,
-}

package/src/internal/dev_server/event_source_client/file_changes.js

@@ -1,82 +0,0 @@
-/* eslint-env browser */
-
-import { isLivereloadEnabled } from "./livereload_preference.js"
-
-let fileChanges = {}
-let filechangeCallback = () => {}
-
-export const getFileChanges = () => fileChanges
-
-export const addFileChange = ({ file, eventType }) => {
-  fileChanges[file] = eventType
-  if (isLivereloadEnabled()) {
-    reloadIfNeeded()
-  } else {
-    filechangeCallback()
-  }
-}
-
-export const setFileChangeCallback = (callback) => {
-  filechangeCallback = callback
-}
-
-export const reloadIfNeeded = () => {
-  const customReloads = []
-  const cssReloads = []
-  const fullReloads = []
-
-  Object.keys(fileChanges).forEach((key) => {
-    const livereloadCallback = window.__jsenv__.livereloadingCallbacks[key]
-    if (livereloadCallback) {
-      customReloads.push(() => {
-        delete fileChanges[key]
-        livereloadCallback({
-          reloadPage,
-        })
-      })
-    } else if (
-      key.endsWith(".css") ||
-      key.endsWith(".scss") ||
-      key.endsWith(".sass")
-    ) {
-      cssReloads.push(() => {
-        delete fileChanges[key]
-      })
-    } else {
-      fullReloads.push(key)
-    }
-  })
-
-  if (fullReloads.length > 0) {
-    reloadPage()
-    return
-  }
-
-  customReloads.forEach((customReload) => {
-    customReload()
-  })
-
-  if (cssReloads.length) {
-    reloadAllCss()
-    cssReloads.forEach((cssReload) => {
-      cssReload()
-    })
-  }
-
-  filechangeCallback()
-}
-
-const reloadAllCss = () => {
-  const links = Array.from(window.parent.document.getElementsByTagName("link"))
-  links.forEach((link) => {
-    if (link.rel === "stylesheet") {
-      const url = new URL(link.href)
-      url.searchParams.set("t", Date.now())
-      link.href = String(url)
-    }
-  })
-}
-
-const reloadPage = () => {
-  window.parent.location.reload(true)
-}

package/src/internal/dev_server/event_source_client/livereload_preference.js

@@ -1,13 +0,0 @@
-/* eslint-env browser */
-
-export const isLivereloadEnabled = () => {
-  const value = window.localStorage.getItem("livereload")
-  if (value === "0") {
-    return false
-  }
-  return true
-}
-
-export const setLivereloadPreference = (value) => {
-  window.localStorage.setItem("livereload", value ? "1" : "0")
-}

package/src/internal/dev_server/exploring/exploring.css

@@ -1,237 +0,0 @@
-@import "../toolbar/focus/focus.css";
-
-/* reset stuff */
-* {
-  box-sizing: border-box;
-}
-
-[data-force-hide] {
-  display: none !important;
-}
-
-html,
-body {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-html {
-  font-family: arial, sans;
-  height: 100%;
-}
-
-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-main > * {
-  min-width: 100%;
-  flex: 1;
-}
-
-hr {
-  color: black;
-  background-color: black;
-  border-color: black;
-  margin: 15px 0;
-}
-
-article[data-page="file-list"] {
-  background-color: #204143;
-  color: #97a0a0;
-}
-
-nav,
-#explorables-message {
-  background: #1f262c;
-}
-
-#explorables nav {
-  /* overflow hidden to ensure it wraps li which have margins
-  otherwise the background color is not the one from <nav> */
-  overflow: hidden;
-}
-
-#explorables-message {
-  overflow: auto; /* propagate background to margins cause by h4 inside */
-}
-
-article h2 {
-  margin: 0;
-  display: flex;
-}
-
-article h2 svg {
-  margin-right: 15px;
-}
-
-#main_html_file {
-  padding: 25px;
-  padding-bottom: 0;
-}
-
-#main_file_link {
-  /* background-color: #204143;
-  padding: 0.5em 0.7em;
-  border-radius: 0.1em; */
-  color: #e7f2f3;
-}
-
-/* article > section {
-} */
-
-h2 {
-  margin: 20px 0;
-  color: #24b1b0;
-  display: inline-block;
-}
-
-h4 {
-  font-weight: normal;
-  font-size: 15px;
-  color: #97a0a0;
-  padding: 0 25px;
-}
-
-#explorables {
-  word-break: break-word;
-}
-
-#explorables-header {
-  /* padding-bottom: 10px; */
-  width: 100%;
-  position: sticky;
-  top: 0;
-}
-
-#explorables_header_and_menu {
-  padding-left: 25px;
-  padding-right: 25px;
-  padding-top: 25px;
-  background-color: #204143;
-}
-
-#explorables_header_bottom_spacing {
-  height: 20px;
-  background: #1f262c;
-}
-
-#directory_relative_url {
-  color: orange;
-}
-
-#explorables ul {
-  padding: 0px 25px 25px 25px;
-  margin: 0;
-}
-
-#explorables li {
-  list-style-type: none;
-  margin: 10px 0;
-}
-
-#explorables li:first-child {
-  margin-top: 0;
-}
-
-#explorables li .execution-link {
-  width: 100%;
-  word-break: break-all;
-}
-
-.execution-link {
-  background: #204143;
-  padding: 6px 12px;
-  font-size: 14px;
-  display: inline-block;
-  color: #e7f2f3;
-  font-family: monospace;
-  text-decoration: unset;
-}
-
-/* icons */
-#main_file_icon {
-  fill: #24b1b0;
-}
-
-#fileIconSvgConfig {
-  width: 25px;
-  height: 25px;
-  stroke: none;
-  fill: #24b1b0;
-}
-
-#explorables fieldset {
-  border: none;
-  padding: 0;
-  margin: 0;
-}
-
-#explorables fieldset label {
-  display: inline-block;
-  padding: 0;
-}
-
-#explorables fieldset input {
-  opacity: 0;
-  position: absolute;
-}
-
-#explorables fieldset label input + * {
-  display: block;
-  padding: 0.7em 1em;
-  background-color: #204143;
-  border-radius: 0.1em;
-  min-width: 8em;
-  text-align: center;
-}
-
-#explorables fieldset input:checked + * {
-  color: orange;
-  background: #1f262c;
-}
-
-/* scrolable menu */
-.menu-wrapper {
-  position: relative;
-  max-width: 100%;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  transition: 300ms;
-  margin-top: 25px;
-}
-.menu {
-  box-sizing: border-box;
-  white-space: nowrap;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-.menu .item {
-  display: inline-block;
-  height: 100%;
-  padding: 1em;
-  box-sizing: border-box;
-}
-.paddle {
-  position: absolute;
-  height: 36px;
-  bottom: 0;
-  border: none;
-  background: #24b1b0;
-  color: #1f262c;
-}
-.left-paddle {
-  left: 0;
-}
-.right-paddle {
-  right: 0;
-}
-.hidden {
-  display: none;
-}