@jsenv/plugin-as-js-classic 1.0.0

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@jsenv/plugin-as-js-classic",
+  "version": "1.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jsenv/jsenv-core",
+    "directory": "packages/jsenv-plugin-as-js-classic"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./src/main.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "/src/"
+  ],
+  "scripts": {
+    "test": "node --conditions=development ./scripts/test.mjs"
+  },
+  "dependencies": {
+    "@jsenv/core": "34.2.0",
+    "@jsenv/plugin-bundling": "2.1.5"
+  },
+  "devDependencies": {
+    "@jsenv/core": "../../"
+  }
+}

package/src/jsenv_plugin_as_js_classic.js

@@ -0,0 +1,113 @@
+import { urlToFilename } from "@jsenv/urls"
+import { bundleJsModules } from "@jsenv/plugin-bundling"
+
+import { createUrlGraphLoader } from "@jsenv/core/src/kitchen/url_graph/url_graph_loader.js"
+import { convertJsModuleToJsClassic } from "@jsenv/core/src/plugins/transpilation/js_module_fallback/convert_js_module_to_js_classic.js"
+
+export const jsenvPluginAsJsClassic = ({
+  systemJsInjection = true,
+  systemJsClientFileUrl,
+} = {}) => {
+  const markAsJsClassicProxy = (reference) => {
+    reference.expectedType = "js_classic"
+    reference.filename = generateJsClassicFilename(reference.url)
+  }
+
+  return {
+    name: "jsenv:as_js_classic",
+    appliesDuring: "*",
+    redirectUrl: (reference) => {
+      if (reference.searchParams.has("as_js_classic")) {
+        markAsJsClassicProxy(reference)
+      }
+    },
+    fetchUrlContent: async (urlInfo, context) => {
+      const [jsModuleReference, jsModuleUrlInfo] =
+        context.getWithoutSearchParam({
+          urlInfo,
+          context,
+          searchParam: "as_js_classic",
+          // override the expectedType to "js_module"
+          // because when there is ?as_js_classic it means the underlying resource
+          // is a js_module
+          expectedType: "js_module",
+        })
+      if (!jsModuleReference) {
+        return null
+      }
+      // cook it to get content + dependencies
+      await context.cook(jsModuleUrlInfo, { reference: jsModuleReference })
+      const loader = createUrlGraphLoader(context)
+      loader.loadReferencedUrlInfos(jsModuleUrlInfo, {
+        // we ignore dynamic import to cook lazyly (as browser request the server)
+        // these dynamic imports must inherit "?as_js_classic"
+        // This is done inside rollup for convenience
+        ignoreDynamicImport: true,
+      })
+      await loader.getAllLoadDonePromise()
+      const bundleUrlInfos = await bundleJsModules({
+        jsModuleUrlInfos: [jsModuleUrlInfo],
+        context: {
+          ...context,
+          buildDirectoryUrl: new URL("./", import.meta.url),
+        },
+        preserveDynamicImport: true,
+      })
+      const jsModuleBundledUrlInfo = bundleUrlInfos[jsModuleUrlInfo.url]
+      if (context.dev) {
+        jsModuleBundledUrlInfo.sourceUrls.forEach((sourceUrl) => {
+          context.referenceUtils.inject({
+            type: "js_url",
+            specifier: sourceUrl,
+            isImplicit: true,
+          })
+        })
+      } else if (context.build) {
+        jsModuleBundledUrlInfo.sourceUrls.forEach((sourceUrl) => {
+          const sourceUrlInfo = context.urlGraph.getUrlInfo(sourceUrl)
+          if (sourceUrlInfo && sourceUrlInfo.dependents.size === 0) {
+            context.urlGraph.deleteUrlInfo(sourceUrl)
+          }
+        })
+      }
+      const { content, sourcemap } = await convertJsModuleToJsClassic({
+        rootDirectoryUrl: context.rootDirectoryUrl,
+        systemJsInjection,
+        systemJsClientFileUrl,
+        urlInfo,
+        jsModuleUrlInfo: jsModuleBundledUrlInfo,
+      })
+      return {
+        content,
+        contentType: "text/javascript",
+        type: "js_classic",
+        originalUrl: urlInfo.originalUrl,
+        originalContent: jsModuleUrlInfo.originalContent,
+        sourcemap,
+        data: jsModuleUrlInfo.data,
+      }
+    },
+  }
+}
+
+const generateJsClassicFilename = (url) => {
+  const filename = urlToFilename(url)
+  let [basename, extension] = splitFileExtension(filename)
+  const { searchParams } = new URL(url)
+  if (
+    searchParams.has("as_json_module") ||
+    searchParams.has("as_css_module") ||
+    searchParams.has("as_text_module")
+  ) {
+    extension = ".js"
+  }
+  return `${basename}.nomodule${extension}`
+}
+
+const splitFileExtension = (filename) => {
+  const dotLastIndex = filename.lastIndexOf(".")
+  if (dotLastIndex === -1) {
+    return [filename, ""]
+  }
+  return [filename.slice(0, dotLastIndex), filename.slice(dotLastIndex)]
+}

package/src/main.js

@@ -0,0 +1 @@
+export { jsenvPluginAsJsClassic } from "./jsenv_plugin_as_js_classic.js"