@marko/vite 5.4.0 → 5.4.2

package/dist/index.mjs

@@ -750,7 +750,9 @@ import path5 from "path";
 var server_entry_template_default = async (opts) => {
   const fileNameStr = JSON.stringify(`./${path5.basename(opts.fileName)}`);
   if (opts.tagsAPI) {
-    return `import Template from ${fileNameStr};
+    return `
+<!-- use tags -->
+import Template from ${fileNameStr};
 export * from ${fileNameStr};
 import { addAssets, getPrepend, getAppend } from "${renderAssetsRuntimeId}";
 static function flush($global, html) {
@@ -765,17 +767,19 @@ static function setFlush($global) {
 -- $!{writeSync && getAppend($global)}
 `;
   }
-  return `import template from ${fileNameStr};
+  return `
+<!-- use class -->
+import Template from ${fileNameStr};
 export * from ${fileNameStr};
 import { addAssets, getPrepend, getAppend } from "${renderAssetsRuntimeId}";
 <if(addAssets($global, [${opts.entryData.join(",")}]))>
   $!{getPrepend($global)}
-  <\${template} ...input/>
+  <Template ...input/>
   $!{getAppend($global)}
 </>
 <else>
   <__flush_here_and_after__>$!{getPrepend($global)}</>
-  <\${template} ...input/>
+  <Template ...input/>
   <init-components/>
   <await-reorderer/>
   <__flush_here_and_after__>$!{getAppend($global)}</>
@@ -862,24 +866,27 @@ function markoPlugin(opts = {}) {
     `vite-marko${runtimeId ? `-${runtimeId}` : ""}`
   );
   const isTagsApi = /* @__PURE__ */ (() => {
-    let tagsAPI;
-    return () => {
-      if (tagsAPI === void 0) {
+    let defaultIsTagsAPI;
+    return (api) => {
+      if (api) {
+        return api === "tags";
+      }
+      if (defaultIsTagsAPI === void 0) {
         const translatorPackage = opts.translator || compiler2.globalConfig?.translator || "marko/translator";
         if (/^@marko\/translator-(?:default|interop-class-tags)$/.test(
           translatorPackage
         )) {
-          tagsAPI = false;
+          defaultIsTagsAPI = false;
         } else {
           try {
             const require2 = createRequire(import.meta.url);
-            tagsAPI = require2(translatorPackage).preferAPI !== "class";
+            defaultIsTagsAPI = require2(translatorPackage).preferAPI !== "class";
           } catch {
-            tagsAPI = true;
+            defaultIsTagsAPI = true;
           }
         }
       }
-      return tagsAPI;
+      return defaultIsTagsAPI;
     };
   })();
   return [
@@ -1063,10 +1070,6 @@ function markoPlugin(opts = {}) {
           config.build.commonjsOptions ??= {};
           config.build.commonjsOptions.esmExternals = (id) => !isCJSModule(id, rootResolveFile);
         }
-        if (linked && !isSSRBuild) {
-          config.build ??= {};
-          config.build.emptyOutDir = false;
-        }
         if (basePathVar) {
           config.experimental ??= {};
           if (config.experimental.renderBuiltUrl) {
@@ -1128,7 +1131,6 @@ function markoPlugin(opts = {}) {
             }
           }
           options.build ??= {};
-          options.build.emptyOutDir = true;
           if (!options.build?.rollupOptions?.output) {
             options.build.rollupOptions ??= {};
             options.build.rollupOptions.output = {
@@ -1139,11 +1141,6 @@ function markoPlugin(opts = {}) {
             options.build.commonjsOptions ??= {};
             options.build.commonjsOptions.esmExternals = (id) => !isCJSModule(id, rootResolveFile);
           }
-        } else {
-          if (linked) {
-            options.build ??= {};
-            options.build.emptyOutDir = false;
-          }
         }
         return options;
       },
@@ -1330,7 +1327,7 @@ function markoPlugin(opts = {}) {
               return cachedSources.get(id.slice(0, -query.length)) || null;
             }
             default:
-              return virtualFiles.get(id) || cacheDir && fs4.promises.readFile(
+              return virtualFiles.get(id) || cachedSources.get(id) || cacheDir && fs4.promises.readFile(
                 virtualPathToCacheFile(id, root, cacheDir),
                 "utf8"
               ).then((code) => {
@@ -1341,7 +1338,7 @@ function markoPlugin(opts = {}) {
               });
           }
         }
-        return virtualFiles.get(id) || null;
+        return virtualFiles.get(id) || cachedSources.get(id) || null;
       },
       async transform(source, rawId, ssr) {
         let id = stripViteQueries(rawId);
@@ -1395,7 +1392,9 @@ function markoPlugin(opts = {}) {
               entryData,
               runtimeId,
               basePathVar: isBuild ? basePathVar : void 0,
-              tagsAPI: isTagsApi()
+              tagsAPI: isTagsApi(
+                ("transformRequest" in this.environment ? (await this.environment.transformRequest(fileName), this.getModuleInfo(fileName)) : await this.load({ id: fileName }))?.meta.markoAPI
+              )
             });
           }
         }
@@ -1436,7 +1435,11 @@ function markoPlugin(opts = {}) {
               return {
                 code: code2,
                 map: stripSourceRoot(map),
-                meta: { arcSourceCode: source, arcScanIds: meta2.analyzedTags }
+                meta: {
+                  markoAPI: meta2.api,
+                  arcSourceCode: source,
+                  arcScanIds: meta2.analyzedTags
+                }
               };
             }
           }
@@ -1451,7 +1454,7 @@ function markoPlugin(opts = {}) {
         );
         const { meta } = compiled;
         let { code } = compiled;
-        if (!isTest && query !== browserEntryQuery && devServer && !isTagsApi()) {
+        if (!isTest && query !== browserEntryQuery && devServer && !isTagsApi(meta.api)) {
           code += `
 if (import.meta.hot) import.meta.hot.accept(() => {});`;
         }
@@ -1461,18 +1464,28 @@ if (import.meta.hot) import.meta.hot.accept(() => {});`;
           for (const file of meta.watchFiles) {
             this.addWatchFile(file);
           }
-          transformOptionalFiles.set(id, [
-            `${optionalFilePrefix}style.*`,
-            `${optionalFilePrefix}component.*`,
-            `${optionalFilePrefix}component-browser.*`,
-            `${optionalFilePrefix}marko-tag.json`
-          ]);
-          transformWatchFiles.set(id, meta.watchFiles);
+          transformOptionalFiles.set(
+            id,
+            meta.api === "tags" ? [`${optionalFilePrefix}style.*`] : [
+              `${optionalFilePrefix}style.*`,
+              `${optionalFilePrefix}marko-tag.json`,
+              `${optionalFilePrefix}component.*`,
+              `${optionalFilePrefix}component-browser.*`
+            ]
+          );
+          transformWatchFiles.set(
+            id,
+            meta.analyzedTags ? meta.analyzedTags.concat(meta.watchFiles) : meta.watchFiles
+          );
         }
         return {
           code,
           map: stripSourceRoot(compiled.map),
-          meta: isBuild ? { arcSourceCode: source, arcScanIds: meta.analyzedTags } : void 0
+          meta: isBuild ? {
+            markoAPI: meta.api,
+            arcSourceCode: source,
+            arcScanIds: meta.analyzedTags
+          } : { markoAPI: meta.api }
         };
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/vite",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "description": "A Marko plugin for Vite",
   "keywords": [
     "loader",
@@ -41,53 +41,53 @@
     "version": "changeset version && npm i --package-lock-only"
   },
   "dependencies": {
-    "@chialab/cjs-to-esm": "^0.18.0",
+    "@chialab/cjs-to-esm": "^0.19.0",
     "anymatch": "^3.1.3",
     "domelementtype": "^2.3.0",
     "domhandler": "^5.0.3",
     "fast-glob": "^3.3.3",
     "htmlparser2": "^10.0.0",
     "relative-import-path": "^1.0.0",
-    "resolve": "^1.22.10",
+    "resolve": "^1.22.11",
     "resolve.exports": "^2.0.3"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.5.1",
-    "@changesets/cli": "^2.29.5",
-    "@eslint/js": "^9.31.0",
-    "@marko/compiler": "^5.39.29",
+    "@changesets/changelog-github": "^0.5.2",
+    "@changesets/cli": "^2.29.8",
+    "@eslint/js": "^9.39.1",
+    "@marko/compiler": "^5.39.45",
     "@marko/fixture-snapshots": "^2.2.1",
-    "@marko/testing-library": "^6.3.1",
+    "@marko/testing-library": "^6.4.1",
     "@types/babel__core": "^7.20.5",
     "@types/diff": "^8.0.0",
-    "@types/jsdom": "^21.1.7",
+    "@types/jsdom": "^27.0.0",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^24.0.14",
+    "@types/node": "^25.0.1",
     "@types/resolve": "^1.20.6",
     "@types/serve-handler": "^6.1.4",
-    "cross-env": "^7.0.3",
+    "cross-env": "^10.1.0",
     "diff": "^8.0.2",
-    "esbuild": "^0.25.6",
-    "eslint": "^9.31.0",
-    "eslint-formatter-unix": "^8.40.0",
+    "esbuild": "^0.27.1",
+    "eslint": "^9.39.1",
+    "eslint-formatter-unix": "^9.0.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^16.3.0",
+    "globals": "^16.5.0",
     "husky": "^9.1.7",
-    "jsdom": "^26.1.0",
-    "less": "^4.3.0",
-    "lint-staged": "^16.1.2",
-    "marko": "^5.37.41",
-    "mocha": "^11.7.1",
-    "mocha-snap": "^5.0.0",
+    "jsdom": "^27.3.0",
+    "less": "^4.4.2",
+    "lint-staged": "^16.2.7",
+    "marko": "^5.38.2",
+    "mocha": "^11.7.5",
+    "mocha-snap": "^5.0.1",
     "nyc": "^17.1.0",
-    "playwright": "^1.54.1",
-    "prettier": "^3.6.2",
-    "prettier-plugin-packagejson": "^2.5.18",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
+    "prettier-plugin-packagejson": "^2.5.20",
     "serve-handler": "^6.1.6",
-    "tsx": "^4.20.3",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0",
-    "vite": "^7.1.10"
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7"
   },
   "peerDependencies": {
     "@marko/compiler": "^5",