@danielx/civet 0.6.45 → 0.6.47

package/README.md

@@ -20,7 +20,7 @@ The modern way to write TypeScript.
   (including metaframeworks such as Astro),
   <!--
   [esbuild](source/esbuild-plugin.civet),
-  [Vite](https://github.com/lorefnon/vite-plugin-civet),
+  [Vite](https://github.com/edemaine/vite-plugin-civet),
   -->
   [Babel](source/babel-plugin.mjs),
   [Gulp](integration/gulp),

package/dist/browser.js

@@ -820,7 +820,6 @@ ${input.slice(result.pos)}
             const part = strWithSubstitutions[i2];
             results1.push(part.token ?? "s");
           }
-          ;
           return results1;
         })().join("");
         const dedent = /^[ \t]*\r?\n/.test(stringPart) ? getIndentOfBlockString(stringPart, tab) : false;
@@ -2307,7 +2306,6 @@ ${input.slice(result.pos)}
         if (!condition?.expression) {
           return;
         }
-        ;
         let { expression } = condition;
         if (typeof expression === "object" && expression != null && "type" in expression && expression.type === "UnaryExpression" && "children" in expression && Array.isArray(expression.children) && expression.children.length === 2 && expression.children[0] === "!" && typeof expression.children[1] === "object" && expression.children[1] != null && "type" in expression.children[1] && expression.children[1].type === "ParenthesizedExpression" && "expression" in expression.children[1]) {
           const { type: type1, children: [, { type: type2, expression: expression2 }] } = expression;
@@ -4720,12 +4718,13 @@ ${input.slice(result.pos)}
       var $R79 = $R(new RegExp("[+-]", "suy"));
       var $R80 = $R(new RegExp("#![^\\r\\n]*", "suy"));
       var $R81 = $R(new RegExp("[\\t ]*", "suy"));
-      var $R82 = $R(new RegExp("[\\s]*", "suy"));
-      var $R83 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
-      var $R84 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
-      var $R85 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
-      var $R86 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
-      var $R87 = $R(new RegExp("[ \\t]*", "suy"));
+      var $R82 = $R(new RegExp("[ \\t]*", "suy"));
+      var $R83 = $R(new RegExp("\\r\\n|\\r|\\n", "suy"));
+      var $R84 = $R(new RegExp("[\\s]*", "suy"));
+      var $R85 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
+      var $R86 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
+      var $R87 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
+      var $R88 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
       var Program$0 = $TS($S(Reset, Init, $E(EOS), TopLevelStatements, __), function($skip, $loc, $0, $1, $2, $3, $4, $5) {
         var statements = $4;
         processProgram({
@@ -12432,19 +12431,21 @@ ${input.slice(result.pos)}
       function Shebang(ctx, state) {
         return $EVENT(ctx, state, "Shebang", Shebang$0);
       }
-      var CivetPrologue$0 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-        var content = value[2];
-        return content;
+      var CivetPrologue$0 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+        var content = $3;
+        var eos = $8;
+        return { ...content, children: [...content.children, eos] };
       });
-      var CivetPrologue$1 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-        var content = value[2];
-        return content;
+      var CivetPrologue$1 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+        var content = $3;
+        var eos = $8;
+        return { ...content, children: [...content.children, eos] };
       });
       var CivetPrologue$$ = [CivetPrologue$0, CivetPrologue$1];
       function CivetPrologue(ctx, state) {
         return $EVENT_C(ctx, state, "CivetPrologue", CivetPrologue$$);
       }
-      var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R82, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
+      var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R84, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
         var options = $3;
         return {
           type: "CivetPrologue",
@@ -12455,7 +12456,7 @@ ${input.slice(result.pos)}
       function CivetPrologueContent(ctx, state) {
         return $EVENT(ctx, state, "CivetPrologueContent", CivetPrologueContent$0);
       }
-      var CivetOption$0 = $TR($EXPECT($R83, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+      var CivetOption$0 = $TR($EXPECT($R85, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
         const optionName = $2.replace(/-+([a-z]?)/g, (_2, l) => {
           if (l)
             return l.toUpperCase();
@@ -12476,7 +12477,7 @@ ${input.slice(result.pos)}
       function UnknownPrologue(ctx, state) {
         return $EVENT(ctx, state, "UnknownPrologue", UnknownPrologue$0);
       }
-      var TripleSlashDirective$0 = $S($R$0($EXPECT($R84, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
+      var TripleSlashDirective$0 = $S($R$0($EXPECT($R86, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
       function TripleSlashDirective(ctx, state) {
         return $EVENT(ctx, state, "TripleSlashDirective", TripleSlashDirective$0);
       }
@@ -12490,13 +12491,13 @@ ${input.slice(result.pos)}
       function PrologueString(ctx, state) {
         return $EVENT_C(ctx, state, "PrologueString", PrologueString$$);
       }
-      var EOS$0 = $T($S($EXPECT($R85, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
+      var EOS$0 = $T($S($EXPECT($R87, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
         return value[1];
       });
       function EOS(ctx, state) {
         return $EVENT(ctx, state, "EOS", EOS$0);
       }
-      var EOL$0 = $TR($EXPECT($R86, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+      var EOL$0 = $TR($EXPECT($R88, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
         return { $loc, token: $0 };
       });
       function EOL(ctx, state) {
@@ -12990,7 +12991,7 @@ ${input.slice(result.pos)}
       function Init(ctx, state) {
         return $EVENT(ctx, state, "Init", Init$0);
       }
-      var Indent$0 = $TR($EXPECT($R87, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+      var Indent$0 = $TR($EXPECT($R82, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
         const level = getIndentLevel($0, module.config.tab);
         return {
           $loc,
@@ -14356,7 +14357,6 @@ ${input.slice(result.pos)}
     if (filename.endsWith(".coffee") && !/^(#![^\r\n]*(\r\n|\n|\r))?\s*['"]civet/.test(src)) {
       options.parseOptions.coffeeCompat = true;
     }
-    ;
     const { hits, trace, noCache } = options;
     let events;
     if (!noCache) {
@@ -14451,7 +14451,6 @@ ${counts}`;
         if (uncacheable.has(ruleName)) {
           return;
         }
-        ;
         const [stateKey, tagKey] = getStateKey();
         const key = [tagKey, stateKey, state.pos, ruleName];
         if (stateCache.has(key)) {

package/dist/civet

@@ -113,7 +113,6 @@ parseArgs = function(args) {
           char = ref[i1];
           results.push(`-${char}`);
         }
-        ;
         return results;
       })());
       continue;
@@ -178,7 +177,6 @@ parseArgs = function(args) {
     }
     i++;
   }
-  ;
   return { filenames, scriptArgs, options };
 };
 readFiles = async function* (filenames, options) {
@@ -216,7 +214,6 @@ readFiles = async function* (filenames, options) {
             for await (chunk of process.stdin) {
               results2.push(chunk);
             }
-            ;
             return results2;
           })()).join("");
         }
@@ -404,7 +401,6 @@ cli = async function() {
             process.exit(1);
           }
         }
-        ;
         const { fork } = await import("child_process");
         execArgv = ["--loader", "@danielx/civet/esm"];
         debugRe = /--debug|--inspect/;

package/dist/esbuild.js

@@ -48,7 +48,8 @@ var formatHost = {
   getCanonicalFileName: import_typescript.default.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -56,11 +57,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -158,12 +160,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = import_path.default.relative(
-        process.cwd(),
-        import_path.default.resolve(import_path.default.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && import_path.default.isAbsolute(id) ? import_path.default.join(rootDir, id) : import_path.default.resolve(import_path.default.dirname(importer ?? ""), id);
+      const relativeId = import_path.default.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -194,8 +196,11 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = import_path.default.resolve(process.cwd(), id);
@@ -207,7 +212,8 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = import_path.default.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -217,6 +223,24 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/dist/main.js

@@ -812,7 +812,6 @@ var require_lib = __commonJS({
           const part = strWithSubstitutions[i2];
           results1.push(part.token ?? "s");
         }
-        ;
         return results1;
       })().join("");
       const dedent = /^[ \t]*\r?\n/.test(stringPart) ? getIndentOfBlockString(stringPart, tab) : false;
@@ -2299,7 +2298,6 @@ var require_lib = __commonJS({
       if (!condition?.expression) {
         return;
       }
-      ;
       let { expression } = condition;
       if (typeof expression === "object" && expression != null && "type" in expression && expression.type === "UnaryExpression" && "children" in expression && Array.isArray(expression.children) && expression.children.length === 2 && expression.children[0] === "!" && typeof expression.children[1] === "object" && expression.children[1] != null && "type" in expression.children[1] && expression.children[1].type === "ParenthesizedExpression" && "expression" in expression.children[1]) {
         const { type: type1, children: [, { type: type2, expression: expression2 }] } = expression;
@@ -4712,12 +4710,13 @@ var require_parser = __commonJS({
     var $R79 = $R(new RegExp("[+-]", "suy"));
     var $R80 = $R(new RegExp("#![^\\r\\n]*", "suy"));
     var $R81 = $R(new RegExp("[\\t ]*", "suy"));
-    var $R82 = $R(new RegExp("[\\s]*", "suy"));
-    var $R83 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
-    var $R84 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
-    var $R85 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
-    var $R86 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
-    var $R87 = $R(new RegExp("[ \\t]*", "suy"));
+    var $R82 = $R(new RegExp("[ \\t]*", "suy"));
+    var $R83 = $R(new RegExp("\\r\\n|\\r|\\n", "suy"));
+    var $R84 = $R(new RegExp("[\\s]*", "suy"));
+    var $R85 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
+    var $R86 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
+    var $R87 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
+    var $R88 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
     var Program$0 = $TS($S(Reset, Init, $E(EOS), TopLevelStatements, __), function($skip, $loc, $0, $1, $2, $3, $4, $5) {
       var statements = $4;
       processProgram({
@@ -12424,19 +12423,21 @@ var require_parser = __commonJS({
     function Shebang(ctx, state) {
       return $EVENT(ctx, state, "Shebang", Shebang$0);
     }
-    var CivetPrologue$0 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-      var content = value[2];
-      return content;
+    var CivetPrologue$0 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+      var content = $3;
+      var eos = $8;
+      return { ...content, children: [...content.children, eos] };
     });
-    var CivetPrologue$1 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-      var content = value[2];
-      return content;
+    var CivetPrologue$1 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+      var content = $3;
+      var eos = $8;
+      return { ...content, children: [...content.children, eos] };
     });
     var CivetPrologue$$ = [CivetPrologue$0, CivetPrologue$1];
     function CivetPrologue(ctx, state) {
       return $EVENT_C(ctx, state, "CivetPrologue", CivetPrologue$$);
     }
-    var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R82, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
+    var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R84, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
       var options = $3;
       return {
         type: "CivetPrologue",
@@ -12447,7 +12448,7 @@ var require_parser = __commonJS({
     function CivetPrologueContent(ctx, state) {
       return $EVENT(ctx, state, "CivetPrologueContent", CivetPrologueContent$0);
     }
-    var CivetOption$0 = $TR($EXPECT($R83, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var CivetOption$0 = $TR($EXPECT($R85, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       const optionName = $2.replace(/-+([a-z]?)/g, (_2, l) => {
         if (l)
           return l.toUpperCase();
@@ -12468,7 +12469,7 @@ var require_parser = __commonJS({
     function UnknownPrologue(ctx, state) {
       return $EVENT(ctx, state, "UnknownPrologue", UnknownPrologue$0);
     }
-    var TripleSlashDirective$0 = $S($R$0($EXPECT($R84, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
+    var TripleSlashDirective$0 = $S($R$0($EXPECT($R86, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
     function TripleSlashDirective(ctx, state) {
       return $EVENT(ctx, state, "TripleSlashDirective", TripleSlashDirective$0);
     }
@@ -12482,13 +12483,13 @@ var require_parser = __commonJS({
     function PrologueString(ctx, state) {
       return $EVENT_C(ctx, state, "PrologueString", PrologueString$$);
     }
-    var EOS$0 = $T($S($EXPECT($R85, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
+    var EOS$0 = $T($S($EXPECT($R87, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
       return value[1];
     });
     function EOS(ctx, state) {
       return $EVENT(ctx, state, "EOS", EOS$0);
     }
-    var EOL$0 = $TR($EXPECT($R86, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var EOL$0 = $TR($EXPECT($R88, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       return { $loc, token: $0 };
     });
     function EOL(ctx, state) {
@@ -12982,7 +12983,7 @@ var require_parser = __commonJS({
     function Init(ctx, state) {
       return $EVENT(ctx, state, "Init", Init$0);
     }
-    var Indent$0 = $TR($EXPECT($R87, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var Indent$0 = $TR($EXPECT($R82, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       const level = getIndentLevel($0, module2.config.tab);
       return {
         $loc,
@@ -14349,7 +14350,6 @@ function compile(src, options) {
   if (filename.endsWith(".coffee") && !/^(#![^\r\n]*(\r\n|\n|\r))?\s*['"]civet/.test(src)) {
     options.parseOptions.coffeeCompat = true;
   }
-  ;
   const { hits, trace, noCache } = options;
   let events;
   if (!noCache) {
@@ -14444,7 +14444,6 @@ function makeCache({ hits, trace } = {}) {
       if (uncacheable.has(ruleName)) {
         return;
       }
-      ;
       const [stateKey, tagKey] = getStateKey();
       const key = [tagKey, stateKey, state.pos, ruleName];
       if (stateCache.has(key)) {

package/dist/main.mjs

@@ -810,7 +810,6 @@ var require_lib = __commonJS({
           const part = strWithSubstitutions[i2];
           results1.push(part.token ?? "s");
         }
-        ;
         return results1;
       })().join("");
       const dedent = /^[ \t]*\r?\n/.test(stringPart) ? getIndentOfBlockString(stringPart, tab) : false;
@@ -2297,7 +2296,6 @@ var require_lib = __commonJS({
       if (!condition?.expression) {
         return;
       }
-      ;
       let { expression } = condition;
       if (typeof expression === "object" && expression != null && "type" in expression && expression.type === "UnaryExpression" && "children" in expression && Array.isArray(expression.children) && expression.children.length === 2 && expression.children[0] === "!" && typeof expression.children[1] === "object" && expression.children[1] != null && "type" in expression.children[1] && expression.children[1].type === "ParenthesizedExpression" && "expression" in expression.children[1]) {
         const { type: type1, children: [, { type: type2, expression: expression2 }] } = expression;
@@ -4710,12 +4708,13 @@ var require_parser = __commonJS({
     var $R79 = $R(new RegExp("[+-]", "suy"));
     var $R80 = $R(new RegExp("#![^\\r\\n]*", "suy"));
     var $R81 = $R(new RegExp("[\\t ]*", "suy"));
-    var $R82 = $R(new RegExp("[\\s]*", "suy"));
-    var $R83 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
-    var $R84 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
-    var $R85 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
-    var $R86 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
-    var $R87 = $R(new RegExp("[ \\t]*", "suy"));
+    var $R82 = $R(new RegExp("[ \\t]*", "suy"));
+    var $R83 = $R(new RegExp("\\r\\n|\\r|\\n", "suy"));
+    var $R84 = $R(new RegExp("[\\s]*", "suy"));
+    var $R85 = $R(new RegExp("\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?", "suy"));
+    var $R86 = $R(new RegExp("\\/\\/\\/[^\\r\\n]*", "suy"));
+    var $R87 = $R(new RegExp("(?=[ \\t\\r\\n\\/#]|$)", "suy"));
+    var $R88 = $R(new RegExp("\\r\\n|\\n|\\r|$", "suy"));
     var Program$0 = $TS($S(Reset, Init, $E(EOS), TopLevelStatements, __), function($skip, $loc, $0, $1, $2, $3, $4, $5) {
       var statements = $4;
       processProgram({
@@ -12422,19 +12421,21 @@ var require_parser = __commonJS({
     function Shebang(ctx, state) {
       return $EVENT(ctx, state, "Shebang", Shebang$0);
     }
-    var CivetPrologue$0 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-      var content = value[2];
-      return content;
+    var CivetPrologue$0 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), DoubleQuote, CivetPrologueContent, DoubleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+      var content = $3;
+      var eos = $8;
+      return { ...content, children: [...content.children, eos] };
     });
-    var CivetPrologue$1 = $T($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $E(EOS)), function(value) {
-      var content = value[2];
-      return content;
+    var CivetPrologue$1 = $TS($S($EXPECT($R81, "CivetPrologue /[\\t ]*/"), SingleQuote, CivetPrologueContent, SingleQuote, SimpleStatementDelimiter, $EXPECT($R82, "CivetPrologue /[ \\t]*/"), $E($EXPECT($R83, "CivetPrologue /\\r\\n|\\r|\\n/")), $E(EOS)), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8) {
+      var content = $3;
+      var eos = $8;
+      return { ...content, children: [...content.children, eos] };
     });
     var CivetPrologue$$ = [CivetPrologue$0, CivetPrologue$1];
     function CivetPrologue(ctx, state) {
       return $EVENT_C(ctx, state, "CivetPrologue", CivetPrologue$$);
     }
-    var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R82, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
+    var CivetPrologueContent$0 = $TS($S($EXPECT($L210, 'CivetPrologueContent "civet"'), NonIdContinue, $Q(CivetOption), $EXPECT($R84, "CivetPrologueContent /[\\s]*/")), function($skip, $loc, $0, $1, $2, $3, $4) {
       var options = $3;
       return {
         type: "CivetPrologue",
@@ -12445,7 +12446,7 @@ var require_parser = __commonJS({
     function CivetPrologueContent(ctx, state) {
       return $EVENT(ctx, state, "CivetPrologueContent", CivetPrologueContent$0);
     }
-    var CivetOption$0 = $TR($EXPECT($R83, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var CivetOption$0 = $TR($EXPECT($R85, "CivetOption /\\s+([+-]?)([a-zA-Z0-9-]+)(\\s*=\\s*([a-zA-Z0-9.+-]*))?/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       const optionName = $2.replace(/-+([a-z]?)/g, (_2, l) => {
         if (l)
           return l.toUpperCase();
@@ -12466,7 +12467,7 @@ var require_parser = __commonJS({
     function UnknownPrologue(ctx, state) {
       return $EVENT(ctx, state, "UnknownPrologue", UnknownPrologue$0);
     }
-    var TripleSlashDirective$0 = $S($R$0($EXPECT($R84, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
+    var TripleSlashDirective$0 = $S($R$0($EXPECT($R86, "TripleSlashDirective /\\/\\/\\/[^\\r\\n]*/")), $E(EOS));
     function TripleSlashDirective(ctx, state) {
       return $EVENT(ctx, state, "TripleSlashDirective", TripleSlashDirective$0);
     }
@@ -12480,13 +12481,13 @@ var require_parser = __commonJS({
     function PrologueString(ctx, state) {
       return $EVENT_C(ctx, state, "PrologueString", PrologueString$$);
     }
-    var EOS$0 = $T($S($EXPECT($R85, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
+    var EOS$0 = $T($S($EXPECT($R87, "EOS /(?=[ \\t\\r\\n\\/#]|$)/"), $P(RestOfLine)), function(value) {
       return value[1];
     });
     function EOS(ctx, state) {
       return $EVENT(ctx, state, "EOS", EOS$0);
     }
-    var EOL$0 = $TR($EXPECT($R86, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var EOL$0 = $TR($EXPECT($R88, "EOL /\\r\\n|\\n|\\r|$/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       return { $loc, token: $0 };
     });
     function EOL(ctx, state) {
@@ -12980,7 +12981,7 @@ var require_parser = __commonJS({
     function Init(ctx, state) {
       return $EVENT(ctx, state, "Init", Init$0);
     }
-    var Indent$0 = $TR($EXPECT($R87, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
+    var Indent$0 = $TR($EXPECT($R82, "Indent /[ \\t]*/"), function($skip, $loc, $0, $1, $2, $3, $4, $5, $6, $7, $8, $9) {
       const level = getIndentLevel($0, module.config.tab);
       return {
         $loc,
@@ -14336,7 +14337,6 @@ function compile(src, options) {
   if (filename.endsWith(".coffee") && !/^(#![^\r\n]*(\r\n|\n|\r))?\s*['"]civet/.test(src)) {
     options.parseOptions.coffeeCompat = true;
   }
-  ;
   const { hits, trace, noCache } = options;
   let events;
   if (!noCache) {
@@ -14431,7 +14431,6 @@ function makeCache({ hits, trace } = {}) {
       if (uncacheable.has(ruleName)) {
         return;
       }
-      ;
       const [stateKey, tagKey] = getStateKey();
       const key = [tagKey, stateKey, state.pos, ruleName];
       if (stateCache.has(key)) {

package/dist/rollup.js

@@ -48,7 +48,8 @@ var formatHost = {
   getCanonicalFileName: import_typescript.default.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -56,11 +57,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -158,12 +160,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = import_path.default.relative(
-        process.cwd(),
-        import_path.default.resolve(import_path.default.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && import_path.default.isAbsolute(id) ? import_path.default.join(rootDir, id) : import_path.default.resolve(import_path.default.dirname(importer ?? ""), id);
+      const relativeId = import_path.default.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -194,8 +196,11 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = import_path.default.resolve(process.cwd(), id);
@@ -207,7 +212,8 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = import_path.default.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -217,6 +223,24 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/dist/unplugin-shared.mjs

@@ -17,7 +17,8 @@ var formatHost = {
   getCanonicalFileName: ts.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = createUnplugin((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -25,11 +26,12 @@ var civetUnplugin = createUnplugin((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -127,12 +129,12 @@ var civetUnplugin = createUnplugin((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = path.relative(
-        process.cwd(),
-        path.resolve(path.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && path.isAbsolute(id) ? path.join(rootDir, id) : path.resolve(path.dirname(importer ?? ""), id);
+      const relativeId = path.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -163,8 +165,11 @@ var civetUnplugin = createUnplugin((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = path.resolve(process.cwd(), id);
@@ -176,7 +181,8 @@ var civetUnplugin = createUnplugin((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = path.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -186,6 +192,24 @@ var civetUnplugin = createUnplugin((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/dist/unplugin.js

@@ -46,7 +46,8 @@ var formatHost = {
   getCanonicalFileName: import_typescript.default.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -54,11 +55,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -156,12 +158,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = import_path.default.relative(
-        process.cwd(),
-        import_path.default.resolve(import_path.default.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && import_path.default.isAbsolute(id) ? import_path.default.join(rootDir, id) : import_path.default.resolve(import_path.default.dirname(importer ?? ""), id);
+      const relativeId = import_path.default.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -192,8 +194,11 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = import_path.default.resolve(process.cwd(), id);
@@ -205,7 +210,8 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = import_path.default.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -215,6 +221,24 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/dist/vite.js

@@ -48,7 +48,8 @@ var formatHost = {
   getCanonicalFileName: import_typescript.default.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -56,11 +57,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -158,12 +160,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = import_path.default.relative(
-        process.cwd(),
-        import_path.default.resolve(import_path.default.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && import_path.default.isAbsolute(id) ? import_path.default.join(rootDir, id) : import_path.default.resolve(import_path.default.dirname(importer ?? ""), id);
+      const relativeId = import_path.default.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -194,8 +196,11 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = import_path.default.resolve(process.cwd(), id);
@@ -207,7 +212,8 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = import_path.default.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -217,6 +223,24 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/dist/webpack.js

@@ -48,7 +48,8 @@ var formatHost = {
   getCanonicalFileName: import_typescript.default.sys.useCaseSensitiveFileNames ? (f) => f : (f) => f.toLowerCase()
 };
 var isCivet = (id) => /\.civet$/.test(id);
-var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)$/.test(id);
+var isCivetTranspiled = (id) => /\.civet\.(m?)(j|t)s(x?)(\?transform)?$/.test(id);
+var isCivetTranspiledTS = (id) => /\.civet\.(m?)ts(x?)$/.test(id);
 var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.dts && options.js) {
     throw new Error("Can't have both `dts` and `js` be set to `true`.");
@@ -56,11 +57,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
   if (options.typecheck && options.js) {
     throw new Error("Can't have both `typecheck` and `js` be set to `true`.");
   }
-  const transpileToJS = options.js ?? !(options.dts || options.typecheck);
+  const transpileToJS = options.js ?? false;
   const outExt = options.outputExtension ?? (transpileToJS ? ".jsx" : ".tsx");
   let fsMap = /* @__PURE__ */ new Map();
   const sourceMaps = /* @__PURE__ */ new Map();
   let compilerOptions;
+  let rootDir;
   return {
     name: "unplugin-civet",
     enforce: "pre",
@@ -158,12 +160,12 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
     resolveId(id, importer) {
       if (/\0/.test(id))
         return null;
-      if (!isCivet(id))
+      if (!isCivet(id) && !isCivetTranspiled(id))
         return null;
-      const relativeId = import_path.default.relative(
-        process.cwd(),
-        import_path.default.resolve(import_path.default.dirname(importer ?? ""), id)
-      );
+      const absolutePath = rootDir != null && import_path.default.isAbsolute(id) ? import_path.default.join(rootDir, id) : import_path.default.resolve(import_path.default.dirname(importer ?? ""), id);
+      const relativeId = import_path.default.relative(process.cwd(), absolutePath);
+      if (isCivetTranspiled(id))
+        return relativeId.replace(/\?transform$/, "");
       const relativePath = relativeId + outExt;
       return relativePath;
     },
@@ -194,8 +196,11 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
         transformed = await options.transformOutput(transformed.code, id);
       return transformed;
     },
+    transformInclude(id) {
+      return isCivetTranspiledTS(id);
+    },
     transform(code, id) {
-      if (!/\.civet\.tsx?$/.test(id))
+      if (!isCivetTranspiledTS(id))
         return null;
       if (options.dts || options.typecheck) {
         const resolved = import_path.default.resolve(process.cwd(), id);
@@ -207,7 +212,8 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
       return null;
     },
     vite: {
-      config(_config, { command }) {
+      config(config, { command }) {
+        rootDir = import_path.default.resolve(process.cwd(), config.root ?? "");
         if (command === "build") {
           return {
             esbuild: {
@@ -217,6 +223,24 @@ var civetUnplugin = (0, import_unplugin.createUnplugin)((options = {}) => {
           };
         }
         return null;
+      },
+      async transformIndexHtml(html) {
+        return html.replace(
+          /<!--[^]*?-->|<[^<>]*>/g,
+          (tag) => tag.replace(
+            /<\s*script\b[^<>]*>/gi,
+            (script) => (
+              // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
+              script.replace(
+                /([:_\p{ID_Start}][:\p{ID_Continue}]*)(\s*=\s*("[^"]*"|'[^']*'|[^\s"'=<>`]*))?/gu,
+                (attr, name, value) => name.toLowerCase() === "src" && value ? attr.replace(
+                  /(\.civet)(['"]?)$/,
+                  (_, extension, endQuote) => `${extension}${outExt}?transform${endQuote}`
+                ) : attr
+              )
+            )
+          )
+        );
       }
     }
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@danielx/civet",
   "type": "commonjs",
-  "version": "0.6.45",
+  "version": "0.6.47",
   "description": "CoffeeScript style syntax for TypeScript",
   "main": "dist/main.js",
   "module": "dist/main.mjs",
@@ -70,7 +70,7 @@
     "unplugin": "^1.4.0"
   },
   "devDependencies": {
-    "@danielx/civet": "0.6.43",
+    "@danielx/civet": "0.6.45",
     "@danielx/hera": "^0.8.10",
     "@types/assert": "^1.5.6",
     "@types/mocha": "^9.1.1",