123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
import MagicString from "https://esm.sh/magic-string@0.26.1";import { parseDeps, transform } from "https://deno.land/x/aleph_compiler@0.3.0/mod.ts";import type { TransformOptions, TransformResult } from "https://deno.land/x/aleph_compiler@0.3.0/types.ts";import { readCode } from "../lib/fs.ts";import log from "../lib/log.ts";import util from "../lib/util.ts";import { bundleCSS } from "./bundle_css.ts";import {  builtinModuleExts,  getAlephPkgUri,  getDeploymentId,  getUnoGenerator,  regFullVersion,  restoreUrl,  toLocalPath,} from "./helpers.ts";import { isRouteFile } from "./routing.ts";import { DependencyGraph } from "./graph.ts";import type { ImportMap, JSXConfig, ModuleLoaderOutput } from "./types.ts";
export type TransformerOptions = {  buildTarget?: TransformOptions["target"];  importMap: ImportMap;  isDev: boolean;  jsxConfig?: JSXConfig;  loaded?: ModuleLoaderOutput;};
export default {  test: (pathname: string) => {    return pathname.startsWith("/-/") ||      (builtinModuleExts.find((ext) => pathname.endsWith(`.${ext}`)) && !pathname.endsWith(".d.ts")) ||      pathname.endsWith(".css");  },  fetch: async (req: Request, options: TransformerOptions): Promise<Response> => {    const { isDev, loaded } = options;    const { pathname, searchParams, search } = new URL(req.url);    const specifier = pathname.startsWith("/-/") ? restoreUrl(pathname + search) : `.${pathname}`;    const clientDependencyGraph: DependencyGraph | undefined = Reflect.get(globalThis, "clientDependencyGraph");
    let sourceCode: string;    let lang: string | undefined;    let isCSS: boolean;    let uno: boolean;    if (loaded) {      sourceCode = loaded.code;      lang = loaded.lang;      isCSS = loaded.lang === "css";      uno = Boolean(loaded.isTemplateLanguage || loaded.lang === "jsx" || loaded.lang === "tsx");    } else {      let codeType: string;      [sourceCode, codeType] = await readCode(specifier);      isCSS = codeType.startsWith("text/css");      uno = pathname.endsWith(".jsx") || pathname.endsWith(".tsx");    }
    const deployId = getDeploymentId();    const etag = deployId ? `W/${deployId}` : null;    if (etag && req.headers.get("If-None-Match") === etag) {      return new Response(null, { status: 304 });    }
    let resBody = "";    let resType = "application/javascript";
    if (isCSS) {      const asJsModule = searchParams.has("module");      const { code, deps } = await bundleCSS(specifier, sourceCode, {        // todo: support borwserslist        targets: {          android: 95,          chrome: 95,          edge: 95,          firefox: 90,          safari: 14,        },        minify: !isDev,        cssModules: asJsModule && pathname.endsWith(".module.css"),        asJsModule,        hmr: isDev,      });      clientDependencyGraph?.mark(specifier, { deps: deps?.map((specifier) => ({ specifier })) });      resBody = code;      if (!asJsModule) {        resType = "text/css";      }    } else {      const alephPkgUri = getAlephPkgUri();      const { jsxConfig, importMap, buildTarget } = options;      let ret: TransformResult;      if (/^https?:\/\/((cdn\.)?esm\.sh|unpkg\.com)\//.test(specifier)) {        // don't transform modules imported from esm.sh        const deps = await parseDeps(specifier, sourceCode, { importMap: JSON.stringify(importMap) });        if (deps.length > 0) {          const s = new MagicString(sourceCode);          deps.forEach((dep) => {            const { importUrl, loc } = dep;            if (loc) {              s.overwrite(loc.start - 1, loc.end - 1, `"${toLocalPath(importUrl)}"`);            }          });          ret = { code: s.toString(), deps };        } else {          ret = { code: sourceCode, deps };        }      } else {        const graphVersions = clientDependencyGraph?.modules.filter((mod) =>          !util.isLikelyHttpURL(specifier) && !util.isLikelyHttpURL(mod.specifier) && mod.specifier !== specifier        ).reduce((acc, { specifier, version }) => {          acc[specifier] = version.toString(16);          return acc;        }, {} as Record<string, string>);        ret = await transform(specifier, sourceCode, {          ...jsxConfig,          lang: lang as TransformOptions["lang"],          stripDataExport: isRouteFile(specifier),          target: buildTarget ?? (isDev ? "es2022" : "es2020"),          alephPkgUri,          importMap: JSON.stringify(importMap),          graphVersions,          initialGraphVersion: clientDependencyGraph?.initialVersion.toString(16),          isDev,        });      }      let { code, map, deps } = ret;      let hasInlineCSS = false;      if (uno) {        const unoGenerator = getUnoGenerator();        if (unoGenerator) {          const { css } = await unoGenerator.generate(sourceCode, { id: specifier, minify: !isDev });
          if (css) {            code += `\nimport { applyUnoCSS as __applyUnoCSS } from "${              toLocalPath(alephPkgUri)            }/framework/core/style.ts";\n__applyUnoCSS(${JSON.stringify(specifier)}, ${JSON.stringify(css)});\n`;            hasInlineCSS = true;          }        }      }      if (loaded?.inlineCSS) {        code += `\nimport { applyCSS as __applyCSS } from "${          toLocalPath(alephPkgUri)        }/framework/core/style.ts";\n__applyCSS(${JSON.stringify(specifier)}, ${JSON.stringify(loaded?.inlineCSS)});\n`;        hasInlineCSS = true;      }      if (hasInlineCSS) {        deps = [...(deps || []), { specifier: alephPkgUri + "/framework/core/style.ts" }] as typeof deps;      }      clientDependencyGraph?.mark(specifier, { deps });      if (map) {        try {          const m = JSON.parse(map);          if (!util.isLikelyHttpURL(specifier)) {            m.sources = [`file://source/${util.trimPrefix(specifier, ".")}`];          }          m.sourcesContent = [sourceCode];          resBody = code +            `\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,${btoa(JSON.stringify(m))}\n`;        } catch (e) {          log.debug(`[dev] Failed to add source map for '${specifier}'`, e);          resBody = code;        }      } else {        resBody = code;      }    }    const headers = new Headers([["Content-Type", `${resType}; charset=utf-8`]]);    if (etag) {      headers.set("ETag", etag);    }    if (searchParams.get("v") || (pathname.startsWith("/-/") && regFullVersion.test(pathname))) {      headers.append("Cache-Control", "public, max-age=31536000, immutable");    }    return new Response(resBody, { headers });  },};