@marko/language-tools 2.5.63 → 2.6.0

package/dist/extractors/css-module/index.d.ts

@@ -0,0 +1,19 @@
+import { type Range } from "../../parser";
+import { type Extracted, Extractor } from "../../util/extractor";
+export interface ExtractCSSModuleOptions {
+    code: string;
+    fileName: string;
+}
+/**
+ * Produce a virtual TypeScript module typing a CSS module's default export as
+ * an object of its class/id names. The type is exported directly (not via a
+ * named `const`) so no internal binding name leaks into hover/go-to-definition,
+ * and each name is mapped back to every selector it was defined at.
+ */
+export declare function extractCSSModule(opts: ExtractCSSModuleOptions): Extracted;
+/**
+ * Write an object type whose properties are the given CSS module class/id
+ * names, each source-mapped to the selector(s) it was defined at. Shared by the
+ * standalone `.module.css` extractor and the embedded `<style/var>` extractor.
+ */
+export declare function writeStyleModuleType(extractor: Extractor, selectors: Map<string, Range[]>): void;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./extractors/css-module";
 export * from "./extractors/html";
 export * from "./extractors/script";
 export * from "./extractors/style";

package/dist/index.js

@@ -35,6 +35,7 @@ __export(index_exports, {
   Project: () => project_exports,
   ScriptLang: () => ScriptLang,
   UNFINISHED: () => UNFINISHED,
+  extractCSSModule: () => extractCSSModule,
   extractHTML: () => extractHTML,
   extractScript: () => extractScript,
   extractStyle: () => extractStyle,
@@ -45,7 +46,8 @@ __export(index_exports, {
   isControlFlowTag: () => isControlFlowTag,
   isDefinitionFile: () => isDefinitionFile,
   normalizePath: () => normalizePath,
-  parse: () => parse
+  parse: () => parse,
+  writeStyleModuleType: () => writeStyleModuleType
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1087,6 +1089,187 @@ function pushUniqueRange(ranges, start, end) {
   ranges.push({ start, end });
 }
 
+// src/util/find-style-selectors.ts
+function findStyleSelectors(code, offset = 0) {
+  const result = /* @__PURE__ */ new Map();
+  const pending = [];
+  const braceStack = [];
+  const parenStack = [];
+  let bareGlobal = false;
+  let pendingScope = null;
+  const len = code.length;
+  let i = 0;
+  const blockGlobal = () => braceStack.length ? braceStack[braceStack.length - 1] : false;
+  while (i < len) {
+    const ch = code[i];
+    const next = code[i + 1];
+    if (ch === "/" && next === "*") {
+      i += 2;
+      while (i < len && !(code[i] === "*" && code[i + 1] === "/")) i++;
+      i += 2;
+    } else if (ch === "/" && next === "/") {
+      i += 2;
+      while (i < len && code[i] !== "\n") i++;
+    } else if (ch === '"' || ch === "'") {
+      i = skipString(code, i);
+    } else if (isInterpolationStart(ch) && next === "{") {
+      i = skipBalanced(code, i + 1);
+    } else if (ch === ":") {
+      let end = i + 1;
+      while (end < len && isNameChar(code[end])) end++;
+      const pseudo = code.slice(i + 1, end).toLowerCase();
+      if (pseudo === "global" || pseudo === "local") {
+        const isGlobal = pseudo === "global";
+        if (code[end] === "(") {
+          pendingScope = isGlobal;
+        } else {
+          let j = end;
+          while (j < len && isWhitespace(code[j])) j++;
+          if (code[j] === "{") {
+            pendingScope = isGlobal;
+          } else {
+            bareGlobal = isGlobal;
+          }
+        }
+      }
+      i = end;
+    } else if (ch === "(") {
+      parenStack.push(
+        pendingScope ?? (parenStack.length ? parenStack[parenStack.length - 1] : bareGlobal)
+      );
+      pendingScope = null;
+      i++;
+    } else if (ch === ")") {
+      parenStack.pop();
+      i++;
+    } else if (ch === "." || ch === "#") {
+      const start = i + 1;
+      if (isNameStart(code[start])) {
+        let end = start + 1;
+        while (end < len && isNameChar(code[end])) end++;
+        if (!(isInterpolationStart(code[end]) && code[end + 1] === "{")) {
+          const global = parenStack.length ? parenStack[parenStack.length - 1] : bareGlobal;
+          if (!global) pending.push({ start, end });
+        }
+        i = end;
+      } else {
+        i++;
+      }
+    } else if (ch === "{") {
+      for (const range of pending) {
+        const name = code.slice(range.start, range.end);
+        const offsetRange = {
+          start: range.start + offset,
+          end: range.end + offset
+        };
+        const ranges = result.get(name);
+        if (ranges) {
+          ranges.push(offsetRange);
+        } else {
+          result.set(name, [offsetRange]);
+        }
+      }
+      pending.length = 0;
+      braceStack.push(pendingScope ?? blockGlobal());
+      pendingScope = null;
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === "}") {
+      pending.length = 0;
+      braceStack.pop();
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === ";") {
+      pending.length = 0;
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === ",") {
+      bareGlobal = blockGlobal();
+      i++;
+    } else {
+      i++;
+    }
+  }
+  return result;
+}
+function skipString(code, start) {
+  const quote = code[start];
+  const len = code.length;
+  let i = start + 1;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "\\") {
+      i += 2;
+    } else if (ch === quote) {
+      return i + 1;
+    } else {
+      i++;
+    }
+  }
+  return i;
+}
+function skipBalanced(code, openBrace) {
+  const len = code.length;
+  let depth = 0;
+  let i = openBrace;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "{") {
+      depth++;
+    } else if (ch === "}") {
+      if (--depth === 0) return i + 1;
+    }
+    i++;
+  }
+  return i;
+}
+function isNameStart(ch) {
+  if (ch === void 0) return false;
+  const code = ch.charCodeAt(0);
+  return code >= 97 && code <= 122 || // a-z
+  code >= 65 && code <= 90 || // A-Z
+  ch === "_" || ch === "-" || code >= 128;
+}
+function isNameChar(ch) {
+  const code = ch.charCodeAt(0);
+  return code >= 48 && code <= 57 || isNameStart(ch);
+}
+function isInterpolationStart(ch) {
+  return ch === "#" || ch === "@" || ch === "$";
+}
+function isWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
+
+// src/extractors/css-module/index.ts
+function extractCSSModule(opts) {
+  const { code, fileName } = opts;
+  const extractor = new Extractor(createSource(code, fileName));
+  extractor.write("export default {} as unknown as ");
+  writeStyleModuleType(extractor, findStyleSelectors(code));
+  extractor.write(";\n");
+  return extractor.end();
+}
+function writeStyleModuleType(extractor, selectors) {
+  extractor.write("{");
+  for (const ranges of selectors.values()) {
+    extractor.write(' "').copy(ranges).write('": string;');
+  }
+  extractor.write(" }");
+}
+function createSource(code, fileName) {
+  const lines = (0, import_htmljs_parser2.getLines)(code);
+  return {
+    code,
+    filename: normalizePath(fileName),
+    positionAt: (offset) => (0, import_htmljs_parser2.getPosition)(lines, offset),
+    locationAt: (range) => (0, import_htmljs_parser2.getLocation)(lines, range.start, range.end)
+  };
+}
+
 // src/extractors/html/keywords.ts
 var builtinTagsRegex = (
   /* cspell:disable-next-line */
@@ -2950,7 +3133,11 @@ constructor(_) {}
       if (tag.var) {
         this.#closeBrackets[this.#closeBrackets.length - 1]++;
         this.#extractor.write("{const ");
-        if (isHTML) {
+        if (tagName === "style") {
+          this.#extractor.copy(tag.var.value).write(" = ");
+          this.#writeStyleModuleVar(tag);
+          this.#extractor.write(";\n");
+        } else if (isHTML) {
           this.#extractor.copy(tag.var.value).write(` = ${varShared("el")}(${JSON.stringify(def.name)});
 `);
         } else {
@@ -2990,6 +3177,40 @@ constructor(_) {}
       }
     }
   }
+  /** Types a `<style/foo>` CSS module var as an object of its class/id names. */
+  #writeStyleModuleVar(tag) {
+    const selectors = this.#getStyleModuleSelectors(tag);
+    if (this.#scriptLang === "ts" /* ts */) {
+      this.#extractor.write(`${varShared("any")} as `);
+      writeStyleModuleType(this.#extractor, selectors);
+    } else {
+      this.#extractor.write("/** @type {");
+      writeStyleModuleType(this.#extractor, selectors);
+      this.#extractor.write(`} */(${varShared("any")})`);
+    }
+  }
+  #getStyleModuleSelectors(tag) {
+    const result = /* @__PURE__ */ new Map();
+    if (tag.body) {
+      for (const child of tag.body) {
+        if (child.type === 17 /* Text */) {
+          const found = findStyleSelectors(
+            this.#code.slice(child.start, child.end),
+            child.start
+          );
+          for (const [name, ranges] of found) {
+            const existing = result.get(name);
+            if (existing) {
+              existing.push(...ranges);
+            } else {
+              result.set(name, ranges);
+            }
+          }
+        }
+      }
+    }
+    return result;
+  }
   #endChildren() {
     const pendingBrackets = this.#closeBrackets.pop();
     if (pendingBrackets) {
@@ -3973,7 +4194,9 @@ var processors_exports = {};
 __export(processors_exports, {
   create: () => create,
   extensions: () => extensions,
-  has: () => has
+  getProcessorExtension: () => getProcessorExtension,
+  has: () => has,
+  isCSSModule: () => isCSSModule
 });
 
 // src/util/get-ext.ts
@@ -3982,6 +4205,34 @@ function getExt(fileName) {
   if (extIndex !== -1) return fileName.slice(extIndex);
 }
 
+// src/processors/css-module.ts
+var css_module_default = {
+  extensions: [".module.css", ".module.scss", ".module.less"],
+  create({ ts }) {
+    return {
+      getScriptExtension() {
+        return ts.Extension.Ts;
+      },
+      getScriptKind() {
+        return ts.ScriptKind.TS;
+      },
+      extract(fileName, code) {
+        return extractCSSModule({ code, fileName });
+      },
+      print({ extracted }) {
+        return { code: extracted.toString() };
+      },
+      printTypes({ sourceFile, printer }) {
+        let code = "";
+        for (const statement of sourceFile.statements) {
+          code += printer.printNode(ts.EmitHint.Unspecified, statement, sourceFile) + "\n";
+        }
+        return { code };
+      }
+    };
+  }
+};
+
 // src/processors/marko.ts
 var import_path4 = __toESM(require("path"));
 
@@ -4225,7 +4476,7 @@ function interopDefault(mod) {
 var isRemapExtensionReg = /\.ts$/;
 var skipRemapExtensionsReg = /\.(?:[cm]?jsx?|json|marko|css|less|sass|scss|styl|stylus|pcss|postcss|sss|a?png|jpe?g|jfif|pipeg|pjp|gif|svg|ico|web[pm]|avif|mp4|ogg|mp3|wav|flac|aac|opus|woff2?|eot|[ot]tf|webmanifest|pdf|txt)$/;
 var marko_default = {
-  extension: ".marko",
+  extensions: [".marko"],
   create({ ts, host, configFile }) {
     const currentDirectory = host.getCurrentDirectory ? host.getCurrentDirectory() : ts.sys.getCurrentDirectory();
     const defaultScriptLang = configFile && /tsconfig/.test(configFile) ? "ts" /* ts */ : "js" /* js */;
@@ -4422,15 +4673,48 @@ function castType(type) {
 }
 
 // src/processors/index.ts
-var extensions = [marko_default.extension];
+var configs = [marko_default, css_module_default];
+var simpleExtensions = /* @__PURE__ */ new Set();
+var compoundExtensions = [];
+for (const config of configs) {
+  for (const extension of config.extensions) {
+    if (extension.indexOf(".", 1) === -1) {
+      simpleExtensions.add(extension);
+    } else {
+      compoundExtensions.push(extension);
+    }
+  }
+}
+var cssModuleExtensions = new Set(css_module_default.extensions);
+var extensions = configs.flatMap(
+  (config) => config.extensions
+);
 function create(options) {
-  return {
-    [marko_default.extension]: marko_default.create(options)
-  };
+  const result = {};
+  for (const config of configs) {
+    const processor = config.create(options);
+    for (const extension of config.extensions) {
+      result[extension] = processor;
+    }
+  }
+  return result;
 }
-function has(fileName) {
+function getProcessorExtension(fileName) {
   const ext = getExt(fileName);
-  return !!(ext && extensions.includes(ext));
+  if (ext && simpleExtensions.has(ext)) return ext;
+  if (compoundExtensions.length) {
+    const lower = fileName.toLowerCase();
+    for (const compound of compoundExtensions) {
+      if (lower.endsWith(compound)) return compound;
+    }
+  }
+}
+function has(fileName) {
+  return getProcessorExtension(fileName) !== void 0;
+}
+function isCSSModule(fileName) {
+  const ext = getProcessorExtension(fileName);
+  return ext !== void 0 && cssModuleExtensions.has(ext);
 }
 
 // src/util/is-definition-file.ts
@@ -4444,6 +4728,7 @@ function isDefinitionFile(fileName) {
   Project,
   ScriptLang,
   UNFINISHED,
+  extractCSSModule,
   extractHTML,
   extractScript,
   extractStyle,
@@ -4454,5 +4739,6 @@ function isDefinitionFile(fileName) {
   isControlFlowTag,
   isDefinitionFile,
   normalizePath,
-  parse
+  parse,
+  writeStyleModuleType
 });

package/dist/index.mjs

@@ -1046,6 +1046,187 @@ function pushUniqueRange(ranges, start, end) {
   ranges.push({ start, end });
 }
 
+// src/util/find-style-selectors.ts
+function findStyleSelectors(code, offset = 0) {
+  const result = /* @__PURE__ */ new Map();
+  const pending = [];
+  const braceStack = [];
+  const parenStack = [];
+  let bareGlobal = false;
+  let pendingScope = null;
+  const len = code.length;
+  let i = 0;
+  const blockGlobal = () => braceStack.length ? braceStack[braceStack.length - 1] : false;
+  while (i < len) {
+    const ch = code[i];
+    const next = code[i + 1];
+    if (ch === "/" && next === "*") {
+      i += 2;
+      while (i < len && !(code[i] === "*" && code[i + 1] === "/")) i++;
+      i += 2;
+    } else if (ch === "/" && next === "/") {
+      i += 2;
+      while (i < len && code[i] !== "\n") i++;
+    } else if (ch === '"' || ch === "'") {
+      i = skipString(code, i);
+    } else if (isInterpolationStart(ch) && next === "{") {
+      i = skipBalanced(code, i + 1);
+    } else if (ch === ":") {
+      let end = i + 1;
+      while (end < len && isNameChar(code[end])) end++;
+      const pseudo = code.slice(i + 1, end).toLowerCase();
+      if (pseudo === "global" || pseudo === "local") {
+        const isGlobal = pseudo === "global";
+        if (code[end] === "(") {
+          pendingScope = isGlobal;
+        } else {
+          let j = end;
+          while (j < len && isWhitespace(code[j])) j++;
+          if (code[j] === "{") {
+            pendingScope = isGlobal;
+          } else {
+            bareGlobal = isGlobal;
+          }
+        }
+      }
+      i = end;
+    } else if (ch === "(") {
+      parenStack.push(
+        pendingScope ?? (parenStack.length ? parenStack[parenStack.length - 1] : bareGlobal)
+      );
+      pendingScope = null;
+      i++;
+    } else if (ch === ")") {
+      parenStack.pop();
+      i++;
+    } else if (ch === "." || ch === "#") {
+      const start = i + 1;
+      if (isNameStart(code[start])) {
+        let end = start + 1;
+        while (end < len && isNameChar(code[end])) end++;
+        if (!(isInterpolationStart(code[end]) && code[end + 1] === "{")) {
+          const global = parenStack.length ? parenStack[parenStack.length - 1] : bareGlobal;
+          if (!global) pending.push({ start, end });
+        }
+        i = end;
+      } else {
+        i++;
+      }
+    } else if (ch === "{") {
+      for (const range of pending) {
+        const name = code.slice(range.start, range.end);
+        const offsetRange = {
+          start: range.start + offset,
+          end: range.end + offset
+        };
+        const ranges = result.get(name);
+        if (ranges) {
+          ranges.push(offsetRange);
+        } else {
+          result.set(name, [offsetRange]);
+        }
+      }
+      pending.length = 0;
+      braceStack.push(pendingScope ?? blockGlobal());
+      pendingScope = null;
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === "}") {
+      pending.length = 0;
+      braceStack.pop();
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === ";") {
+      pending.length = 0;
+      parenStack.length = 0;
+      bareGlobal = blockGlobal();
+      i++;
+    } else if (ch === ",") {
+      bareGlobal = blockGlobal();
+      i++;
+    } else {
+      i++;
+    }
+  }
+  return result;
+}
+function skipString(code, start) {
+  const quote = code[start];
+  const len = code.length;
+  let i = start + 1;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "\\") {
+      i += 2;
+    } else if (ch === quote) {
+      return i + 1;
+    } else {
+      i++;
+    }
+  }
+  return i;
+}
+function skipBalanced(code, openBrace) {
+  const len = code.length;
+  let depth = 0;
+  let i = openBrace;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "{") {
+      depth++;
+    } else if (ch === "}") {
+      if (--depth === 0) return i + 1;
+    }
+    i++;
+  }
+  return i;
+}
+function isNameStart(ch) {
+  if (ch === void 0) return false;
+  const code = ch.charCodeAt(0);
+  return code >= 97 && code <= 122 || // a-z
+  code >= 65 && code <= 90 || // A-Z
+  ch === "_" || ch === "-" || code >= 128;
+}
+function isNameChar(ch) {
+  const code = ch.charCodeAt(0);
+  return code >= 48 && code <= 57 || isNameStart(ch);
+}
+function isInterpolationStart(ch) {
+  return ch === "#" || ch === "@" || ch === "$";
+}
+function isWhitespace(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f";
+}
+
+// src/extractors/css-module/index.ts
+function extractCSSModule(opts) {
+  const { code, fileName } = opts;
+  const extractor = new Extractor(createSource(code, fileName));
+  extractor.write("export default {} as unknown as ");
+  writeStyleModuleType(extractor, findStyleSelectors(code));
+  extractor.write(";\n");
+  return extractor.end();
+}
+function writeStyleModuleType(extractor, selectors) {
+  extractor.write("{");
+  for (const ranges of selectors.values()) {
+    extractor.write(' "').copy(ranges).write('": string;');
+  }
+  extractor.write(" }");
+}
+function createSource(code, fileName) {
+  const lines = getLines(code);
+  return {
+    code,
+    filename: normalizePath(fileName),
+    positionAt: (offset) => getPosition(lines, offset),
+    locationAt: (range) => getLocation(lines, range.start, range.end)
+  };
+}
+
 // src/extractors/html/keywords.ts
 var builtinTagsRegex = (
   /* cspell:disable-next-line */
@@ -2912,7 +3093,11 @@ constructor(_) {}
       if (tag.var) {
         this.#closeBrackets[this.#closeBrackets.length - 1]++;
         this.#extractor.write("{const ");
-        if (isHTML) {
+        if (tagName === "style") {
+          this.#extractor.copy(tag.var.value).write(" = ");
+          this.#writeStyleModuleVar(tag);
+          this.#extractor.write(";\n");
+        } else if (isHTML) {
           this.#extractor.copy(tag.var.value).write(` = ${varShared("el")}(${JSON.stringify(def.name)});
 `);
         } else {
@@ -2952,6 +3137,40 @@ constructor(_) {}
       }
     }
   }
+  /** Types a `<style/foo>` CSS module var as an object of its class/id names. */
+  #writeStyleModuleVar(tag) {
+    const selectors = this.#getStyleModuleSelectors(tag);
+    if (this.#scriptLang === "ts" /* ts */) {
+      this.#extractor.write(`${varShared("any")} as `);
+      writeStyleModuleType(this.#extractor, selectors);
+    } else {
+      this.#extractor.write("/** @type {");
+      writeStyleModuleType(this.#extractor, selectors);
+      this.#extractor.write(`} */(${varShared("any")})`);
+    }
+  }
+  #getStyleModuleSelectors(tag) {
+    const result = /* @__PURE__ */ new Map();
+    if (tag.body) {
+      for (const child of tag.body) {
+        if (child.type === 17 /* Text */) {
+          const found = findStyleSelectors(
+            this.#code.slice(child.start, child.end),
+            child.start
+          );
+          for (const [name, ranges] of found) {
+            const existing = result.get(name);
+            if (existing) {
+              existing.push(...ranges);
+            } else {
+              result.set(name, ranges);
+            }
+          }
+        }
+      }
+    }
+    return result;
+  }
   #endChildren() {
     const pendingBrackets = this.#closeBrackets.pop();
     if (pendingBrackets) {
@@ -3935,7 +4154,9 @@ var processors_exports = {};
 __export(processors_exports, {
   create: () => create,
   extensions: () => extensions,
-  has: () => has
+  getProcessorExtension: () => getProcessorExtension,
+  has: () => has,
+  isCSSModule: () => isCSSModule
 });
 
 // src/util/get-ext.ts
@@ -3944,6 +4165,34 @@ function getExt(fileName) {
   if (extIndex !== -1) return fileName.slice(extIndex);
 }
 
+// src/processors/css-module.ts
+var css_module_default = {
+  extensions: [".module.css", ".module.scss", ".module.less"],
+  create({ ts }) {
+    return {
+      getScriptExtension() {
+        return ts.Extension.Ts;
+      },
+      getScriptKind() {
+        return ts.ScriptKind.TS;
+      },
+      extract(fileName, code) {
+        return extractCSSModule({ code, fileName });
+      },
+      print({ extracted }) {
+        return { code: extracted.toString() };
+      },
+      printTypes({ sourceFile, printer }) {
+        let code = "";
+        for (const statement of sourceFile.statements) {
+          code += printer.printNode(ts.EmitHint.Unspecified, statement, sourceFile) + "\n";
+        }
+        return { code };
+      }
+    };
+  }
+};
+
 // src/processors/marko.ts
 import path4 from "path";
 
@@ -4187,7 +4436,7 @@ function interopDefault(mod) {
 var isRemapExtensionReg = /\.ts$/;
 var skipRemapExtensionsReg = /\.(?:[cm]?jsx?|json|marko|css|less|sass|scss|styl|stylus|pcss|postcss|sss|a?png|jpe?g|jfif|pipeg|pjp|gif|svg|ico|web[pm]|avif|mp4|ogg|mp3|wav|flac|aac|opus|woff2?|eot|[ot]tf|webmanifest|pdf|txt)$/;
 var marko_default = {
-  extension: ".marko",
+  extensions: [".marko"],
   create({ ts, host, configFile }) {
     const currentDirectory = host.getCurrentDirectory ? host.getCurrentDirectory() : ts.sys.getCurrentDirectory();
     const defaultScriptLang = configFile && /tsconfig/.test(configFile) ? "ts" /* ts */ : "js" /* js */;
@@ -4384,15 +4633,48 @@ function castType(type) {
 }
 
 // src/processors/index.ts
-var extensions = [marko_default.extension];
+var configs = [marko_default, css_module_default];
+var simpleExtensions = /* @__PURE__ */ new Set();
+var compoundExtensions = [];
+for (const config of configs) {
+  for (const extension of config.extensions) {
+    if (extension.indexOf(".", 1) === -1) {
+      simpleExtensions.add(extension);
+    } else {
+      compoundExtensions.push(extension);
+    }
+  }
+}
+var cssModuleExtensions = new Set(css_module_default.extensions);
+var extensions = configs.flatMap(
+  (config) => config.extensions
+);
 function create(options) {
-  return {
-    [marko_default.extension]: marko_default.create(options)
-  };
+  const result = {};
+  for (const config of configs) {
+    const processor = config.create(options);
+    for (const extension of config.extensions) {
+      result[extension] = processor;
+    }
+  }
+  return result;
 }
-function has(fileName) {
+function getProcessorExtension(fileName) {
   const ext = getExt(fileName);
-  return !!(ext && extensions.includes(ext));
+  if (ext && simpleExtensions.has(ext)) return ext;
+  if (compoundExtensions.length) {
+    const lower = fileName.toLowerCase();
+    for (const compound of compoundExtensions) {
+      if (lower.endsWith(compound)) return compound;
+    }
+  }
+}
+function has(fileName) {
+  return getProcessorExtension(fileName) !== void 0;
+}
+function isCSSModule(fileName) {
+  const ext = getProcessorExtension(fileName);
+  return ext !== void 0 && cssModuleExtensions.has(ext);
 }
 
 // src/util/is-definition-file.ts
@@ -4405,6 +4687,7 @@ export {
   project_exports as Project,
   ScriptLang,
   UNFINISHED,
+  extractCSSModule,
   extractHTML,
   extractScript,
   extractStyle,
@@ -4415,5 +4698,6 @@ export {
   isControlFlowTag,
   isDefinitionFile,
   normalizePath,
-  parse
+  parse,
+  writeStyleModuleType
 };

package/dist/parser.d.ts

@@ -43,7 +43,7 @@ export declare namespace Node {
     type AttrNode = AttrNamed | AttrSpread;
     type ControlFlowTag = Tag & {
         nameText: "if" | "else" | "else-if" | "for" | "while";
-        bodyType: TagType.html;
+        bodyType: typeof TagType.html;
     };
     type ChildNode = Tag | AttrTag | Text | Doctype | Declaration | CDATA | Placeholder | Scriptlet;
     interface Commentable {
@@ -87,7 +87,7 @@ export declare namespace Node {
         open: Range;
         close: Range | undefined;
         nameText: string;
-        bodyType: TagType.html;
+        bodyType: typeof TagType.html;
         name: OpenTagName;
         var: TagVar | undefined;
         args: TagArgs | undefined;

package/dist/processors/css-module.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    extensions: (".module.css" | ".module.scss" | ".module.less")[];
+    create({ ts }: import(".").CreateProcessorOptions): {
+        getScriptExtension(): import("typescript").Extension.Ts;
+        getScriptKind(): import("typescript").ScriptKind.TS;
+        extract(fileName: string, code: string): import("..").Extracted;
+        print({ extracted }: import(".").PrintContext): {
+            code: string;
+        };
+        printTypes({ sourceFile, printer }: import(".").PrintContext): {
+            code: string;
+        };
+    };
+};
+export default _default;

package/dist/processors/index.d.ts

@@ -2,7 +2,7 @@ import type ts from "typescript/lib/tsserverlibrary";
 import { Extracted } from "../util/extractor";
 export type ProcessorExtension = `.${string}`;
 export interface ProcessorConfig {
-    extension: ProcessorExtension;
+    extensions: ProcessorExtension[];
     create(options: CreateProcessorOptions): Processor;
 }
 export interface CreateProcessorOptions {
@@ -32,5 +32,9 @@ export interface PrintContext {
     formatSettings: Required<ts.FormatCodeSettings>;
 }
 export declare const extensions: ProcessorExtension[];
-export declare function create(options: CreateProcessorOptions): Record<ProcessorExtension, Processor>;
+export declare function create(options: CreateProcessorOptions): Record<`.${string}`, Processor>;
+/** Resolve a file's processor extension, including compound `.module.css`. */
+export declare function getProcessorExtension(fileName: string): ProcessorExtension | undefined;
 export declare function has(fileName: string): boolean;
+/** Whether a file is a CSS module (`.module.css`, `.module.scss`, `.module.less`). */
+export declare function isCSSModule(fileName: string): boolean;

package/dist/processors/marko.d.ts

@@ -1,6 +1,6 @@
 import type ts from "typescript/lib/tsserverlibrary";
 declare const _default: {
-    extension: ".marko";
+    extensions: ".marko"[];
     create({ ts, host, configFile }: import(".").CreateProcessorOptions): {
         getRootNames(): string[];
         getScriptExtension(fileName: string): ts.Extension.Ts | ts.Extension.Js;

package/dist/util/extractor.d.ts

@@ -1,4 +1,15 @@
-import { type Location, type Parsed, type Position, type Range } from "../parser";
+import { type Location, type Position, type Range } from "../parser";
+/**
+ * The minimal source an {@link Extractor} needs to maintain a source mapping.
+ * A Marko `Parsed` satisfies it, as does any other parsed source (eg a CSS
+ * module).
+ */
+export interface ExtractorSource {
+    code: string;
+    filename: string;
+    positionAt(offset: number): Position;
+    locationAt(range: Range): Location;
+}
 declare const enum Mapping {
     full = 0,
     alias = 1,
@@ -17,7 +28,7 @@ interface Token {
  */
 export declare class Extractor {
     #private;
-    constructor(parsed: Parsed);
+    constructor(parsed: ExtractorSource);
     write(str: string): this;
     copy(range: Range | Range[] | string | false | void | undefined | null): this;
     anchor(range: Range | false | void | undefined | null): this;
@@ -25,8 +36,8 @@ export declare class Extractor {
 }
 export declare class Extracted {
     #private;
-    parsed: Parsed;
-    constructor(parsed: Parsed, generated: string, tokens: Token[]);
+    parsed: ExtractorSource;
+    constructor(parsed: ExtractorSource, generated: string, tokens: Token[]);
     sourceOffsetAt(generatedOffset: number): number | undefined;
     sourcePositionAt(generatedOffset: number): Position | undefined;
     sourceRangeAt(generatedStart: number, generatedEnd: number): {

package/dist/util/find-style-selectors.d.ts

@@ -0,0 +1,14 @@
+import type { Range } from "../parser";
+/**
+ * Collect class (`.name`) and id (`#name`) selectors, mapping each unique name
+ * to every source {@link Range} it was defined at. A name only counts when it
+ * appears in a prelude that ends with `{`; names in declaration values or
+ * at-rules (ending with `;`/`}`) are discarded, which keeps hex colors and
+ * numbers out. Names in `:global` scope -- `:global(.x)`, a bare `:global .x`,
+ * or a `:global { ... }` block (and their `:local` inverses) -- are excluded,
+ * matching what a CSS module actually exports. Comments, strings and
+ * interpolations are skipped. `offset` is added to every range so callers can
+ * scan a slice of a larger document (eg an embedded `<style>` block) in the
+ * original document's coordinate space.
+ */
+export declare function findStyleSelectors(code: string, offset?: number): Map<string, Range[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/language-tools",
-  "version": "2.5.63",
+  "version": "2.6.0",
   "description": "Marko Language Tools",
   "keywords": [
     "analysis",
@@ -37,15 +37,15 @@
   },
   "dependencies": {
     "@luxass/strip-json-comments": "^1.4.0",
-    "@marko/compiler": "^5.39.63",
-    "htmljs-parser": "^5.10.2",
+    "@marko/compiler": "^5.39.66",
+    "htmljs-parser": "^5.11.0",
     "relative-import-path": "^1.0.0"
   },
   "devDependencies": {
     "@types/babel__code-frame": "^7.27.0",
     "@typescript/vfs": "^1.6.4",
-    "marko": "^5.38.36",
+    "marko": "^5.39.11",
     "mitata": "^1.0.34",
-    "tsx": "^4.21.0"
+    "tsx": "^4.22.4"
   }
 }