@marko/vite 4.1.19 → 5.0.0

package/dist/esbuild-plugin.d.ts

@@ -1,6 +1,6 @@
 import type * as vite from "vite";
-import type * as Compiler from "@marko/compiler";
+import * as compiler from "@marko/compiler";
 type ESBuildOptions = Exclude<vite.DepOptimizationConfig["esbuildOptions"], undefined>;
 type ESBuildPlugin = Exclude<ESBuildOptions["plugins"], undefined>[number];
-export default function esbuildPlugin(compiler: typeof Compiler, config: Compiler.Config): ESBuildPlugin;
+export default function esbuildPlugin(config: compiler.Config): ESBuildPlugin;
 export {};

package/dist/index.d.ts

@@ -1,14 +1,13 @@
 import type * as vite from "vite";
-import type * as Compiler from "@marko/compiler";
+import * as compiler from "@marko/compiler";
 export declare namespace API {
     type getMarkoAssetCodeForEntry = (id: string) => string | void;
 }
 export interface Options {
     linked?: boolean;
-    compiler?: string;
     runtimeId?: string;
     translator?: string;
     basePathVar?: string;
-    babelConfig?: Compiler.Config["babelConfig"];
+    babelConfig?: compiler.Config["babelConfig"];
 }
 export default function markoPlugin(opts?: Options): vite.Plugin[];

package/dist/index.mjs

@@ -1,4 +1,6 @@
 // src/index.ts
+import * as compiler2 from "@marko/compiler";
+import defaultConfig from "@marko/compiler/config";
 import fs4 from "fs";
 import path6 from "path";
 import crypto from "crypto";
@@ -106,41 +108,41 @@ function renderAssets(slot) {
 
 // src/server-entry-template.ts
 var server_entry_template_default = async (opts) => {
+  const addAssetsCall = `addAssets($global, [${opts.entryData.join(",")}])`;
   const fileNameStr = JSON.stringify(`./${path.basename(opts.fileName)}`);
   return `import template from ${fileNameStr};
 export * from ${fileNameStr};
 import { addAssets } from "${renderAssetsRuntimeId}";
 
-$ const g = out.global;
-$ const writeSync = addAssets(g, [${opts.entryData.join(",")}]);
+${opts.tagsAPI ? `<const/writeSync=${addAssetsCall}/>` : `$ const writeSync = ${addAssetsCall};`}
 
 <if(writeSync)>
   $!{
-    g.___viteRenderAssets("head-prepend") +
-    g.___viteRenderAssets("head") +
-    g.___viteRenderAssets("body-prepend")
+    $global.___viteRenderAssets("head-prepend") +
+    $global.___viteRenderAssets("head") +
+    $global.___viteRenderAssets("body-prepend")
   }
 </>
 <else>
   <__flush_here_and_after__>
     $!{
-      g.___viteRenderAssets("head-prepend") +
-      g.___viteRenderAssets("head") +
-      g.___viteRenderAssets("body-prepend")
+      $global.___viteRenderAssets("head-prepend") +
+      $global.___viteRenderAssets("head") +
+      $global.___viteRenderAssets("body-prepend")
     }
   </__flush_here_and_after__>
 </>
 
-<\${template} ...input/>
+<\${template} ...input/>${opts.tagsAPI ? "" : `
 <init-components/>
-<await-reorderer/>
+<await-reorderer/>`}
 
 <if(writeSync)>
-  $!{g.___viteRenderAssets("body")}
+  $!{$global.___viteRenderAssets("body")}
 </>
 <else>
   <__flush_here_and_after__>
-    $!{g.___viteRenderAssets("body")}
+    $!{$global.___viteRenderAssets("body")}
   </__flush_here_and_after__>
 </>
 `;
@@ -356,8 +358,9 @@ function isElement(node) {
 // src/esbuild-plugin.ts
 import fs from "fs";
 import path2 from "path";
+import * as compiler from "@marko/compiler";
 var markoErrorRegExp = /^(.+?)(?:\((\d+)(?:\s*,\s*(\d+))?\))?: (.*)$/gm;
-function esbuildPlugin(compiler, config) {
+function esbuildPlugin(config) {
   return {
     name: "marko",
     async setup(build) {
@@ -593,7 +596,7 @@ function renderAssetsCall(t3, slot) {
   return t3.markoPlaceholder(
     t3.callExpression(
       t3.memberExpression(
-        t3.memberExpression(t3.identifier("out"), t3.identifier("global")),
+        t3.identifier("$global"),
         t3.identifier("___viteRenderAssets")
       ),
       [t3.stringLiteral(slot)]
@@ -773,7 +776,6 @@ var babelCaller = {
 var registeredTagLib = false;
 var cjsToEsm;
 function markoPlugin(opts = {}) {
-  let compiler;
   let { linked = true } = opts;
   let runtimeId;
   let basePathVar;
@@ -806,6 +808,9 @@ function markoPlugin(opts = {}) {
   let serverManifest;
   let basePath = "/";
   let getMarkoAssetFns;
+  const tagsAPI = !/^@marko\/translator-(?:default|interop-class-tags)$/.test(
+    opts.translator ?? defaultConfig.translator
+  );
   const entryIds = /* @__PURE__ */ new Set();
   const cachedSources = /* @__PURE__ */ new Map();
   const transformWatchFiles = /* @__PURE__ */ new Map();
@@ -825,7 +830,6 @@ function markoPlugin(opts = {}) {
         } else {
           process.env.MARKO_DEBUG = optimize ? "false" : "true";
         }
-        compiler ??= await import(opts.compiler || "@marko/compiler");
         runtimeId = opts.runtimeId;
         basePathVar = opts.basePathVar;
         if ("BASE_URL" in process.env && config.base == null) {
@@ -856,14 +860,14 @@ function markoPlugin(opts = {}) {
             caller: babelCaller
           }
         };
+        if (linked) {
+          baseConfig.markoViteLinked = linked;
+        }
         ssrConfig = {
           ...baseConfig,
           resolveVirtualDependency,
           output: "html"
         };
-        if (linked) {
-          ssrConfig.markoViteLinked = linked;
-        }
         domConfig = {
           ...baseConfig,
           resolveVirtualDependency,
@@ -874,7 +878,7 @@ function markoPlugin(opts = {}) {
           resolveVirtualDependency,
           output: "hydrate"
         };
-        compiler.configure(baseConfig);
+        compiler2.configure(baseConfig);
         root = normalizePath(config.root || process.cwd());
         devEntryFile = path6.join(root, "index.html");
         devEntryFilePosix = normalizePath(devEntryFile);
@@ -901,7 +905,7 @@ function markoPlugin(opts = {}) {
         }
         if (!registeredTagLib) {
           registeredTagLib = true;
-          compiler.taglib.register("@marko/vite", {
+          compiler2.taglib.register("@marko/vite", {
             transform: glob_import_transform_default,
             "<head>": { transformer: render_assets_transform_default },
             "<body>": { transformer: render_assets_transform_default },
@@ -917,13 +921,13 @@ function markoPlugin(opts = {}) {
             `!**/coverage/**`
           ];
         }
-        const domDeps = compiler.getRuntimeEntryFiles("dom", opts.translator);
+        const domDeps = compiler2.getRuntimeEntryFiles("dom", opts.translator);
         optimizeDeps.include = optimizeDeps.include ? [...optimizeDeps.include, ...domDeps] : domDeps;
         const optimizeExtensions = optimizeDeps.extensions ??= [];
         optimizeExtensions.push(".marko");
         const esbuildOptions = optimizeDeps.esbuildOptions ??= {};
         const esbuildPlugins = esbuildOptions.plugins ??= [];
-        esbuildPlugins.push(esbuildPlugin(compiler, baseConfig));
+        esbuildPlugins.push(esbuildPlugin(baseConfig));
         const ssr = config.ssr ??= {};
         const { noExternal } = ssr;
         if (noExternal !== true) {
@@ -1042,7 +1046,7 @@ function markoPlugin(opts = {}) {
         });
       },
       handleHotUpdate(ctx) {
-        compiler.taglib.clearCaches();
+        compiler2.taglib.clearCaches();
         baseConfig.cache.clear();
         for (const [, cache2] of configsByFileSystem) {
           cache2.clear();
@@ -1191,7 +1195,8 @@ function markoPlugin(opts = {}) {
               fileName,
               entryData,
               runtimeId,
-              basePathVar: isBuild ? basePathVar : void 0
+              basePathVar: isBuild ? basePathVar : void 0,
+              tagsAPI
             });
           }
         }
@@ -1224,7 +1229,7 @@ function markoPlugin(opts = {}) {
           }
           if (!query && isCJSModule(id)) {
             if (isBuild) {
-              const { code: code2, map: map2, meta: meta2 } = await compiler.compile(
+              const { code: code2, map: map2, meta: meta2 } = await compiler2.compile(
                 source,
                 id,
                 getConfigForFileSystem(info, ssrCjsConfig)
@@ -1237,7 +1242,7 @@ function markoPlugin(opts = {}) {
             }
           }
         }
-        const compiled = await compiler.compile(
+        const compiled = await compiler2.compile(
           source,
           id,
           getConfigForFileSystem(

package/dist/server-entry-template.d.ts

@@ -3,5 +3,6 @@ declare const _default: (opts: {
     entryData: string[];
     runtimeId?: string;
     basePathVar?: string;
+    tagsAPI?: boolean;
 }) => Promise<string>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@marko/vite",
   "description": "A Marko plugin for Vite",
-  "version": "4.1.19",
+  "version": "5.0.0",
   "author": "Dylan Piercey <dpiercey@ebay.com>",
   "bugs": "https://github.com/marko-js/vite/issues",
   "dependencies": {