@marko/language-server 0.12.3 → 0.12.4

package/dist/index.mjs

@@ -1,19 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
+"use strict";
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -21,346 +6,796 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw new Error('Dynamic require of "' + x + '" is not supported');
 });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 
 // src/index.ts
 import {
   createConnection,
   ProposedFeatures,
-  Range as Range5,
-  Position as Position4,
-  CompletionList as CompletionList6,
-  Diagnostic,
-  DiagnosticSeverity,
   TextDocuments,
-  TextEdit as TextEdit5,
   TextDocumentSyncKind
 } from "vscode-languageserver/node";
-import { URI as URI6 } from "vscode-uri";
 import { TextDocument as TextDocument3 } from "vscode-languageserver-textdocument";
-import * as prettier from "prettier";
-import * as markoPrettier from "prettier-plugin-marko";
-import { inspect, isDeepStrictEqual } from "util";
+import { inspect as inspect2, isDeepStrictEqual } from "util";
 
 // src/utils/compiler.ts
-import path from "path";
-import { URI } from "vscode-uri";
 import resolveFrom from "resolve-from";
 import lassoPackageRoot from "lasso-package-root";
 import * as builtinCompiler from "@marko/compiler";
 import * as builtinTranslator from "@marko/translator-default";
-builtinCompiler.configure({ translator: builtinTranslator });
-var compilerAndTranslatorForDoc = /* @__PURE__ */ new WeakMap();
-function getCompilerAndTranslatorForDoc(doc) {
-  let compilerAndTranslator = compilerAndTranslatorForDoc.get(doc);
-  if (!compilerAndTranslator) {
-    compilerAndTranslatorForDoc.set(doc, compilerAndTranslator = loadCompiler(path.dirname(URI.parse(doc.uri).fsPath)));
+
+// src/utils/doc-file.ts
+import path from "path";
+import { URI } from "vscode-uri";
+function getDocDir(doc) {
+  return path.dirname(getDocFile(doc));
+}
+function getDocFile(doc) {
+  return URI.parse(doc.uri).fsPath;
+}
+
+// src/utils/parser.ts
+import { createParser, TagType, Range, Ranges } from "htmljs-parser";
+
+// src/utils/get-node-at-offset.ts
+function getNodeAtOffset(offset, program) {
+  const bodyNode = childAtOffset(offset, program.body);
+  if (bodyNode)
+    return visitChildNode(offset, bodyNode);
+  return childAtOffset(offset, program.static) || program;
+}
+function visitChildNode(offset, child) {
+  switch (child.type) {
+    case 1 /* Tag */:
+    case 14 /* AttrTag */:
+      return visitTag(offset, child);
+    default:
+      return child;
   }
-  return compilerAndTranslator;
 }
-function getTagLibLookup(document) {
-  try {
-    const { compiler, translator } = getCompilerAndTranslatorForDoc(document);
-    return compiler.taglib.buildLookup(URI.parse(document.uri).fsPath, translator);
-  } catch {
+function visitTag(offset, tag) {
+  const { body } = tag;
+  if (body && offset > tag.open.end) {
+    const childNode = childAtOffset(offset, body);
+    return childNode ? visitChildNode(offset, childNode) : tag;
+  }
+  const { attrs } = tag;
+  if (attrs && offset > attrs[0].start) {
+    const attrNode = childAtOffset(offset, attrs);
+    return attrNode ? visitAttrNode(offset, attrNode) : tag;
+  }
+  const { var: tagVar } = tag;
+  if (tagVar && offset > tagVar.start && offset <= tagVar.end) {
+    return tagVar;
+  }
+  const { args } = tag;
+  if (args && offset > args.start && offset <= args.end) {
+    return args;
+  }
+  const { params } = tag;
+  if (params && offset > params.start && offset <= params.end) {
+    return params;
+  }
+  const { name } = tag;
+  if (name && offset <= name.end) {
+    return name;
   }
+  return tag;
 }
-function loadCompiler(dir) {
-  const rootDir = lassoPackageRoot.getRootDir(dir);
-  const pkgPath = rootDir && resolveFrom.silent(rootDir, "@marko/compiler/package.json");
-  const pkg = pkgPath && __require(pkgPath);
-  if (pkg && /^5\./.test(pkg.version)) {
-    try {
-      let translator = [].concat(Object.keys(pkg.dependencies), Object.keys(pkg.peerDependencies), Object.keys(pkg.devDependencies)).find((name) => /^marko$|^(@\/marko\/|marko-)translator-/.test(name));
-      if (translator === "marko" || !translator) {
-        translator = __require(resolveFrom(dir, "@marko/compiler/config")).translator;
+function visitAttrNode(offset, attr) {
+  switch (attr.type) {
+    case 14 /* AttrTag */:
+      return visitTag(offset, attr);
+    case 8 /* AttrNamed */: {
+      const { value } = attr;
+      if (value && offset > value.start) {
+        return value;
       }
-      __require(resolveFrom(dir, translator));
-      return {
-        compiler: __require(resolveFrom(dir, "@marko/compiler")),
-        translator
-      };
-    } catch {
+      const { name } = attr;
+      if (offset > name.start && offset <= name.end) {
+        return name;
+      }
+      break;
     }
   }
-  return {
-    compiler: builtinCompiler,
-    translator: builtinTranslator
-  };
+  return attr;
+}
+function childAtOffset(offset, children) {
+  let max = children.length - 1;
+  if (max === -1)
+    return void 0;
+  let min = 0;
+  while (min < max) {
+    const mid = 1 + min + max >>> 1;
+    if (children[mid].start < offset) {
+      min = mid;
+    } else {
+      max = mid - 1;
+    }
+  }
+  const child = children[min];
+  return offset > child.start && offset <= child.end ? child : void 0;
 }
 
-// src/utils/htmljs-parser.ts
-import { createParser } from "htmljs-parser";
-var SUPPORTED_STYLE_LANGS = {
-  css: true,
-  scss: true,
-  less: true
-};
-function parseUntilOffset(options) {
-  const { offset, text, taglib, includeErrors } = options;
-  let result = null;
-  let parentTag = null;
+// src/utils/parser.ts
+var UNFINISHED = Number.MAX_SAFE_INTEGER;
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Program"] = 0] = "Program";
+  NodeType2[NodeType2["Tag"] = 1] = "Tag";
+  NodeType2[NodeType2["OpenTagName"] = 2] = "OpenTagName";
+  NodeType2[NodeType2["ShorthandId"] = 3] = "ShorthandId";
+  NodeType2[NodeType2["ShorthandClassName"] = 4] = "ShorthandClassName";
+  NodeType2[NodeType2["TagVar"] = 5] = "TagVar";
+  NodeType2[NodeType2["TagArgs"] = 6] = "TagArgs";
+  NodeType2[NodeType2["TagParams"] = 7] = "TagParams";
+  NodeType2[NodeType2["AttrNamed"] = 8] = "AttrNamed";
+  NodeType2[NodeType2["AttrName"] = 9] = "AttrName";
+  NodeType2[NodeType2["AttrArgs"] = 10] = "AttrArgs";
+  NodeType2[NodeType2["AttrValue"] = 11] = "AttrValue";
+  NodeType2[NodeType2["AttrMethod"] = 12] = "AttrMethod";
+  NodeType2[NodeType2["AttrSpread"] = 13] = "AttrSpread";
+  NodeType2[NodeType2["AttrTag"] = 14] = "AttrTag";
+  NodeType2[NodeType2["Text"] = 15] = "Text";
+  NodeType2[NodeType2["CDATA"] = 16] = "CDATA";
+  NodeType2[NodeType2["Doctype"] = 17] = "Doctype";
+  NodeType2[NodeType2["Declaration"] = 18] = "Declaration";
+  NodeType2[NodeType2["Comment"] = 19] = "Comment";
+  NodeType2[NodeType2["Statement"] = 20] = "Statement";
+  NodeType2[NodeType2["Placeholder"] = 21] = "Placeholder";
+  NodeType2[NodeType2["Scriptlet"] = 22] = "Scriptlet";
+  return NodeType2;
+})(NodeType || {});
+function parse(source) {
+  const program = {
+    type: 0 /* Program */,
+    parent: void 0,
+    static: [],
+    body: [],
+    start: 0,
+    end: source.length
+  };
+  let curBodyType;
+  let curOpenTagStart;
+  let curParent = program;
+  let curAttr = void 0;
+  let curBody = program.body;
   const parser = createParser({
-    onError: includeErrors && finish,
-    onScriptlet: finish,
-    onPlaceholder: finish,
-    onOpenTagName(ev) {
-      if (parentTag) {
-        ev.parent = parentTag;
-      }
-      if (!ev.concise) {
-        ev.pos += 1;
-      }
-      ev.endPos = ev.pos + ev.tagName.length;
-      parentTag = ev;
-      finish(ev);
+    onText(range) {
+      curBody.push({
+        type: 15 /* Text */,
+        parent: curParent,
+        start: range.start,
+        end: range.end
+      });
     },
-    onOpenTag(ev) {
-      ev.parent = parentTag.parent;
-      parentTag = ev;
-      if (ev.tagName === "style") {
-        const firstAttr = ev.attributes[0];
-        const isBlock = firstAttr && firstAttr.name.startsWith("{");
-        if (isBlock) {
-          const content = firstAttr.name.slice(1, -1);
-          const pos = text.indexOf(content, ev.tagNameEndPos);
-          const endPos = pos + content.length;
-          const requestedLanguage = ev.shorthandClassNames && ev.shorthandClassNames[0].rawParts[0] && ev.shorthandClassNames[0].rawParts[0].text;
-          const language = requestedLanguage && SUPPORTED_STYLE_LANGS[requestedLanguage] ? requestedLanguage : "css";
-          finish({
-            type: "styleContent",
-            language,
-            block: true,
-            content: text.slice(pos, endPos),
-            pos,
-            endPos
-          });
-          return;
-        }
+    onCDATA(range) {
+      curBody.push({
+        type: 16 /* CDATA */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onDoctype(range) {
+      curBody.push({
+        type: 17 /* Doctype */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onDeclaration(range) {
+      curBody.push({
+        type: 18 /* Declaration */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onComment(range) {
+      curBody.push({
+        type: 19 /* Comment */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onPlaceholder(range) {
+      curBody.push({
+        type: 21 /* Placeholder */,
+        parent: curParent,
+        value: range.value,
+        escape: range.escape,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onScriptlet(range) {
+      curBody.push({
+        type: 22 /* Scriptlet */,
+        parent: curParent,
+        value: range.value,
+        block: range.block,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onOpenTagStart(range) {
+      curOpenTagStart = range;
+    },
+    onOpenTagName(range) {
+      let concise = true;
+      let start = range.start;
+      let type = 1 /* Tag */;
+      let nameText = void 0;
+      if (curOpenTagStart) {
+        concise = false;
+        start = curOpenTagStart.start;
+        curOpenTagStart = void 0;
       }
-      let attrEndPos = ev.tagNameEndPos;
-      for (const attr of ev.attributes) {
-        if (!attr.name) {
-          if (attr.value !== void 0) {
-            attrEndPos += attr.value.length;
-          }
-          continue;
-        }
-        if (attr.name.slice(0, 3) === "...") {
-          attrEndPos = attr.argument ? attr.argument.endPos + 1 : attr.endPos;
-          continue;
-        }
-        const attrStartPos = text.indexOf(attr.name, attrEndPos);
-        const match = /:(.*)$/.exec(attr.name);
-        const modifier = match && match[1];
-        let name = attr.name;
-        if (modifier) {
-          name = name.slice(0, name.length - modifier.length - 1);
-          const modifierStartPos = attrStartPos + name.length;
-          const modifierEndPos = modifierStartPos + modifier.length + 1;
-          if (finish({
-            type: "attributeModifier",
-            tag: ev,
-            name,
-            modifier,
-            pos: modifierStartPos,
-            endPos: modifierEndPos
-          })) {
-            return;
-          }
-        }
-        const attrNameEndPos = attrStartPos + name.length;
-        if (finish({
-          type: "attributeName",
-          tag: ev,
-          name,
-          pos: attrStartPos,
-          endPos: attrNameEndPos
-        })) {
-          return;
-        }
-        if (attr.value) {
-          attrEndPos = attr.endPos;
-          const valueStartPos = attr.pos + 1;
-          if (finish({
-            type: "attributeValue",
-            tag: ev,
-            name,
-            value: text.slice(valueStartPos, attrEndPos),
-            pos: valueStartPos,
-            endPos: attr.endPos
-          })) {
+      if (range.expressions.length) {
+        curBodyType = TagType.html;
+      } else {
+        switch (nameText = parser.read(range)) {
+          case "area":
+          case "base":
+          case "br":
+          case "col":
+          case "embed":
+          case "hr":
+          case "img":
+          case "input":
+          case "link":
+          case "meta":
+          case "param":
+          case "source":
+          case "track":
+          case "wbr":
+            curBodyType = TagType.void;
+            break;
+          case "html-comment":
+          case "script":
+          case "style":
+          case "textarea":
+            curBodyType = TagType.text;
             break;
+          case "class":
+          case "export":
+          case "import":
+          case "static": {
+            let i = program.body.length;
+            for (; i--; ) {
+              const prev = program.body[i];
+              if (prev.type === 19 /* Comment */) {
+                program.static.push(prev);
+              } else {
+                break;
+              }
+            }
+            program.body.length = i + 1;
+            program.static.push(curParent = {
+              type: 20 /* Statement */,
+              parent: program,
+              start: range.start,
+              end: UNFINISHED
+            });
+            return curBodyType = TagType.statement;
           }
-        } else {
-          attrEndPos = attr.argument ? attr.argument.endPos + 1 : attr.endPos;
+          default:
+            if (nameText[0] === "@") {
+              type = 14 /* AttrTag */;
+            }
+            curBodyType = TagType.html;
+            break;
         }
       }
-      finish(ev);
+      const parent = curParent;
+      const end = UNFINISHED;
+      const name = {
+        type: 2 /* OpenTagName */,
+        parent: void 0,
+        quasis: range.quasis,
+        expressions: range.expressions,
+        start: range.start,
+        end: range.end
+      };
+      const tag = curParent = name.parent = {
+        type,
+        parent,
+        owner: void 0,
+        concise,
+        open: { start, end },
+        nameText,
+        name,
+        var: void 0,
+        args: void 0,
+        params: void 0,
+        shorthandId: void 0,
+        shorthandClassNames: void 0,
+        attrs: void 0,
+        selfClosed: false,
+        bodyType: curBodyType,
+        body: void 0,
+        close: void 0,
+        start,
+        end
+      };
+      if (tag.type === 14 /* AttrTag */) {
+        let owner = parent;
+        outer:
+          do {
+            switch (owner.type) {
+              case 14 /* AttrTag */:
+                break;
+              case 1 /* Tag */:
+                if (isTransparentTag(owner)) {
+                  owner = owner.parent;
+                  continue outer;
+                }
+                break;
+              default:
+                break outer;
+            }
+            tag.owner = owner;
+            tag.nameText = resolveAttrTagName(tag);
+            pushAttr(owner, tag);
+          } while (false);
+      }
+      curBody.push(tag);
+      curOpenTagStart = void 0;
+      return curBodyType;
+    },
+    onTagShorthandId(range) {
+      curParent.shorthandId = {
+        type: 3 /* ShorthandId */,
+        parent: curParent,
+        quasis: range.quasis,
+        expressions: range.expressions,
+        start: range.start,
+        end: range.end
+      };
+    },
+    onTagShorthandClass(range) {
+      const shorthandClassName = {
+        type: 4 /* ShorthandClassName */,
+        parent: curParent,
+        quasis: range.quasis,
+        expressions: range.expressions,
+        start: range.start,
+        end: range.end
+      };
+      if (curParent.shorthandClassNames) {
+        curParent.shorthandClassNames.push(shorthandClassName);
+      } else {
+        curParent.shorthandClassNames = [shorthandClassName];
+      }
+    },
+    onTagVar(range) {
+      curParent.var = {
+        type: 5 /* TagVar */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      };
+    },
+    onTagParams(range) {
+      curParent.params = {
+        type: 7 /* TagParams */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      };
+    },
+    onTagArgs(range) {
+      curParent.args = {
+        type: 6 /* TagArgs */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      };
+    },
+    onAttrName(range) {
+      const parent = curParent;
+      const name = {
+        type: 9 /* AttrName */,
+        parent: void 0,
+        start: range.start,
+        end: range.end
+      };
+      pushAttr(parent, curAttr = name.parent = {
+        type: 8 /* AttrNamed */,
+        parent,
+        name,
+        value: void 0,
+        args: void 0,
+        start: range.start,
+        end: range.end
+      });
     },
-    onText(ev) {
-      ev.endPos = parser.pos;
-      ev.pos = ev.endPos - ev.value.length;
-      if (parentTag) {
-        ev.parent = parentTag;
-        if (parentTag.tagName === "style") {
-          finish({
-            type: "styleContent",
-            language: "css",
-            block: false,
-            content: ev.value,
-            pos: ev.pos,
-            endPos: ev.endPos
-          });
-          return;
+    onAttrArgs(range) {
+      curAttr.args = {
+        type: 10 /* AttrArgs */,
+        parent: curAttr,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      };
+    },
+    onAttrValue(range) {
+      curAttr.value = {
+        type: 11 /* AttrValue */,
+        parent: curAttr,
+        value: range.value,
+        bound: range.bound,
+        start: range.start,
+        end: range.end
+      };
+      curAttr.end = range.end;
+    },
+    onAttrMethod(range) {
+      curAttr.value = {
+        type: 12 /* AttrMethod */,
+        parent: curAttr,
+        params: range.params,
+        body: range.body,
+        start: range.start,
+        end: range.end
+      };
+      curAttr.end = range.end;
+    },
+    onAttrSpread(range) {
+      pushAttr(curParent, {
+        type: 13 /* AttrSpread */,
+        parent: curParent,
+        value: range.value,
+        start: range.start,
+        end: range.end
+      });
+    },
+    onOpenTagEnd(range) {
+      curAttr = void 0;
+      if (curBodyType === TagType.statement) {
+        curParent.end = range.end;
+        curParent = curParent.parent;
+      } else {
+        const tag = curParent;
+        tag.open.end = range.end;
+        if (range.selfClosed || curBodyType === TagType.void) {
+          curParent = tag.parent;
+          tag.selfClosed = range.selfClosed;
+          tag.end = range.end;
+        } else {
+          curBody = tag.body = [];
         }
       }
-      finish(ev);
     },
-    onCloseTag(ev) {
-      parentTag = parentTag && parentTag.parent;
-      finish(ev);
+    onCloseTagStart(range) {
+      curParent.close = {
+        start: range.start,
+        end: Number.MAX_SAFE_INTEGER
+      };
+    },
+    onCloseTagEnd(range) {
+      if (hasCloseTag(curParent))
+        curParent.close.end = range.end;
+      curParent.end = range.end;
+      curBody = (curParent = curParent.parent).body;
+    }
+  });
+  parser.parse(source);
+  return {
+    read: parser.read,
+    locationAt: parser.locationAt,
+    positionAt: parser.positionAt,
+    nodeAt: (offset) => getNodeAtOffset(offset, program),
+    program
+  };
+}
+function pushAttr(parent, node) {
+  if (parent.attrs) {
+    parent.attrs.push(node);
+  } else {
+    parent.attrs = [node];
+  }
+}
+function hasCloseTag(parent) {
+  return parent.close !== void 0;
+}
+function resolveAttrTagName(tag) {
+  let name = tag.nameText;
+  let parentTag = tag.owner;
+  do {
+    switch (parentTag.type) {
+      case 1 /* Tag */:
+        return parentTag.nameText ? `${parentTag.nameText}:${name}` : void 0;
+      case 14 /* AttrTag */:
+        name = `${parentTag.nameText}:${name}`;
+        parentTag = parentTag.owner;
+        break;
+      default:
+        return;
     }
-  }, {
-    isOpenTagOnly(ev) {
-      const tagDef = taglib.getTag(ev);
-      return tagDef && tagDef.openTagOnly;
+  } while (parentTag);
+}
+function isTransparentTag(node) {
+  return node.nameText !== void 0 && /^(?:if|else(?:-if)?|for|while)$/.test(node.nameText);
+}
+
+// src/utils/compiler.ts
+var lookupKey = Symbol("lookup");
+var compilerInfoByDir = /* @__PURE__ */ new Map();
+builtinCompiler.configure({ translator: builtinTranslator });
+function parse2(doc) {
+  const compilerInfo = getCompilerInfo(doc);
+  let parsed = compilerInfo.cache.get(doc);
+  if (!parsed) {
+    const source = doc.getText();
+    compilerInfo.cache.set(doc, parsed = parse(source));
+  }
+  return parsed;
+}
+function getCompilerInfo(doc) {
+  const dir = getDocDir(doc);
+  let info = compilerInfoByDir.get(dir);
+  if (!info) {
+    info = loadCompilerInfo(dir);
+    compilerInfoByDir.set(dir, info);
+  }
+  return info;
+}
+function setup(connection3, documents2) {
+  connection3.onDidChangeWatchedFiles(() => {
+    clearAllCaches();
+  });
+  documents2.onDidChangeContent(({ document }) => {
+    var _a;
+    if (document.version > 1) {
+      if (document.uri.endsWith(".marko")) {
+        (_a = getCompilerInfo(document)) == null ? void 0 : _a.cache.delete(document);
+      } else if (/[./\\]marko(?:-tag)?\.json$/.test(document.uri)) {
+        clearAllCaches();
+      }
     }
   });
-  try {
-    parser.parse(`${text}
-`);
-  } catch (err) {
-    return includeErrors ? {
-      type: "error",
-      code: "UNEXPECTED_TOKEN",
-      message: err.message,
-      pos: parser.pos,
-      endPos: parser.pos
-    } : null;
-  }
-  return result;
-  function finish(event) {
-    const { type, pos, endPos } = event;
-    if (!result && (type === "error" || pos != null && pos <= offset && endPos != null && endPos >= offset)) {
-      result = event;
-      parser.end();
-      return true;
+}
+function clearAllCaches() {
+  for (const [, info] of compilerInfoByDir) {
+    info.cache.clear();
+    info.compiler.taglib.clearCaches();
+  }
+}
+function loadCompilerInfo(dir) {
+  const rootDir = lassoPackageRoot.getRootDir(dir);
+  const pkgPath = rootDir && resolveFrom.silent(rootDir, "@marko/compiler/package.json");
+  const pkg = pkgPath && __require(pkgPath);
+  const cache2 = /* @__PURE__ */ new Map();
+  let translator = builtinTranslator;
+  let compiler = builtinCompiler;
+  if (pkg && /^5\./.test(pkg.version)) {
+    try {
+      let checkTranslator = [].concat(Object.keys(pkg.dependencies), Object.keys(pkg.peerDependencies), Object.keys(pkg.devDependencies)).find((name) => /^marko$|^(@\/marko\/|marko-)translator-/.test(name));
+      if (checkTranslator === "marko" || !checkTranslator) {
+        checkTranslator = __require(resolveFrom(dir, "@marko/compiler/config")).translator;
+      }
+      [compiler, translator] = [
+        __require(resolveFrom(dir, "@marko/compiler")),
+        __require(resolveFrom(dir, checkTranslator))
+      ];
+    } catch {
     }
-    return false;
   }
+  return {
+    cache: cache2,
+    get lookup() {
+      let lookup = cache2.get(lookupKey);
+      if (lookup === void 0) {
+        try {
+          lookup = compiler.taglib.buildLookup(dir, translator);
+        } catch {
+          lookup = null;
+        }
+        cache2.set(lookupKey, lookup);
+      }
+      return lookup;
+    },
+    compiler,
+    translator
+  };
 }
 
-// src/utils/completions/index.ts
-var completions_exports = {};
-__export(completions_exports, {
-  attributeModifier: () => attributeModifier,
-  attributeName: () => attributeName,
-  closeTag: () => closeTag,
-  openTag: () => openTag,
-  openTagName: () => openTagName,
-  styleContent: () => styleContent
-});
+// src/utils/messages.ts
+import { inspect } from "util";
+var connection;
+function setup2(_) {
+  connection = _;
+}
+function displayError(data) {
+  display("showError", data);
+}
+function display(type, data) {
+  const msg = typeof data === "string" ? data : inspect(data, { colors: false });
+  setImmediate(() => connection.sendNotification(type, msg));
+}
 
-// src/utils/completions/types/attributeModifier.ts
+// src/service/index.ts
 import {
-  CompletionList,
-  CompletionItemKind
+  CompletionList as CompletionList3
 } from "vscode-languageserver";
-function attributeModifier(_taglib, _document, _params, _event) {
-  return CompletionList.create([
-    {
-      label: "scoped",
-      kind: CompletionItemKind.Keyword,
-      detail: "Use to prefix with a unique ID"
-    },
-    {
-      label: "no-update",
-      kind: CompletionItemKind.Keyword,
-      detail: "Use to skip future updates to this attribute"
-    }
-  ], true);
-}
 
-// src/utils/completions/types/attributeName.ts
+// src/service/marko/complete/index.ts
 import {
-  CompletionList as CompletionList2,
-  CompletionItemKind as CompletionItemKind2,
-  MarkupKind,
+  CompletionList
+} from "vscode-languageserver";
+
+// src/service/marko/complete/Tag.ts
+import {
+  CompletionItemKind,
   InsertTextFormat,
-  TextEdit as TextEdit2
+  TextEdit
 } from "vscode-languageserver";
+var partialCloseTagReg = /<\/(?:[^><]*>)?/iy;
+function Tag(event) {
+  const { node } = event;
+  const isClosed = node.end !== UNFINISHED;
+  if (isClosed || node.concise)
+    return;
+  const { offset, parsed, code } = event;
+  const closingTagStr = `</${node.nameText}>`;
+  if (offset === node.open.end) {
+    return [
+      {
+        label: closingTagStr,
+        kind: CompletionItemKind.Class,
+        insertTextFormat: InsertTextFormat.Snippet,
+        insertText: `
+	$0
+${closingTagStr}`
+      }
+    ];
+  } else if (node.close && offset >= node.close.start) {
+    const start = node.close.start;
+    partialCloseTagReg.lastIndex = start;
+    const [{ length }] = partialCloseTagReg.exec(code);
+    const end = start + length;
+    return [
+      {
+        label: closingTagStr,
+        kind: CompletionItemKind.Class,
+        insertTextFormat: InsertTextFormat.Snippet,
+        textEdit: TextEdit.replace(parsed.locationAt({
+          start,
+          end
+        }), closingTagStr)
+      }
+    ];
+  }
+}
 
-// src/utils/utils.ts
-import fs from "fs";
+// src/service/marko/complete/OpenTagName.ts
+import path2 from "path";
 import { URI as URI2 } from "vscode-uri";
 import {
-  TextEdit,
-  Position,
-  Range
+  CompletionItemKind as CompletionItemKind2,
+  InsertTextFormat as InsertTextFormat2,
+  MarkupKind,
+  TextEdit as TextEdit2
 } from "vscode-languageserver";
-import { TextDocument } from "vscode-languageserver-textdocument";
-var START_OF_FILE = Range.create(Position.create(0, 0), Position.create(0, 0));
-function findNonControlFlowParent(tag) {
-  let parent = tag.parent;
-  while (parent) {
-    if (!/^(?:else-)?if|else|for|while$/.test(parent.tagName)) {
-      return parent;
-    }
-    parent = parent.parent;
+function OpenTagName({
+  document,
+  lookup,
+  parsed,
+  node
+}) {
+  if (!lookup)
+    return;
+  const currentTemplateFilePath = getDocFile(document);
+  const tag = node.parent;
+  const tagNameLocation = parsed.locationAt(node);
+  let tags;
+  if (tag.type === 14 /* AttrTag */) {
+    let parentTag = tag.owner;
+    while ((parentTag == null ? void 0 : parentTag.type) === 14 /* AttrTag */)
+      parentTag = parentTag.owner;
+    const parentTagDef = parentTag && parentTag.nameText && lookup.getTag(parentTag.nameText);
+    tags = parentTagDef && parentTagDef.nestedTags && Object.values(parentTagDef.nestedTags) || [];
+  } else {
+    tags = lookup.getTagsSorted().filter((it) => !it.isNestedTag);
   }
-  return null;
-}
-function rangeFromEvent(document, event) {
-  return Range.create(document.positionAt(event.pos), document.positionAt(event.endPos));
-}
-function createTextDocument(filename) {
-  const uri = URI2.file(filename).toString();
-  const content = fs.readFileSync(filename, "utf-8");
-  return TextDocument.create(uri, "plaintext", 0, content);
-}
-function shiftCompletionRanges(list, offset) {
-  list.items.forEach((item) => {
-    if (item.additionalTextEdits) {
-      item.additionalTextEdits.forEach((edit) => shiftRange(edit.range, offset));
+  return tags.filter((it) => !it.deprecated).filter((it) => it.name !== "*").filter((it) => /^[^_]/.test(it.name) || !/\/node_modules\//.test(it.filePath)).map((it) => {
+    let label = it.isNestedTag ? `@${it.name}` : it.name;
+    const fileForTag = it.template || it.renderer || it.filePath;
+    const fileURIForTag = URI2.file(fileForTag).toString();
+    const nodeModuleMatch = /\/node_modules\/((?:@[^/]+\/)?[^/]+)/.exec(fileForTag);
+    const nodeModuleName = nodeModuleMatch && nodeModuleMatch[1];
+    const isCoreTag = nodeModuleName === "marko";
+    const documentation = {
+      kind: MarkupKind.Markdown,
+      value: it.html ? `Built in [<${it.name}>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/${it.name}) HTML tag.` : nodeModuleName ? isCoreTag ? `Core Marko [<${it.name}>](${fileURIForTag}) tag.` : `Custom Marko tag discovered from the ["${nodeModuleName}"](${fileURIForTag}) npm package.` : `Custom Marko tag discovered from:
+
+[${path2.relative(currentTemplateFilePath, fileForTag)}](${fileURIForTag})`
+    };
+    if (it.description) {
+      documentation.value += `
+
+${it.description}`;
     }
-    if (item.textEdit) {
-      shiftEdit(item.textEdit, offset);
+    const autocomplete = it.autocomplete && it.autocomplete[0];
+    if (autocomplete) {
+      if (autocomplete.displayText) {
+        label = autocomplete.displayText;
+      }
+      if (autocomplete.description) {
+        documentation.value += `
+
+${autocomplete.description}`;
+      }
+      if (autocomplete.descriptionMoreURL) {
+        documentation.value += `
+
+[More Info](${autocomplete.descriptionMoreURL})`;
+      }
     }
+    return {
+      label,
+      documentation,
+      kind: CompletionItemKind2.Class,
+      insertTextFormat: InsertTextFormat2.Snippet,
+      textEdit: TextEdit2.replace(tagNameLocation, autocomplete && autocomplete.snippet || label)
+    };
   });
-  return list;
-}
-function shiftEdit(edit, offset) {
-  if (TextEdit.is(edit)) {
-    shiftRange(edit.range, offset);
-  } else {
-    shiftRange(edit.insert, offset);
-    shiftRange(edit.replace, offset);
-  }
-}
-function shiftRange(range, offset) {
-  if (range) {
-    shiftPosition(range.start, offset);
-    shiftPosition(range.end, offset);
-  }
-}
-function shiftPosition(pos, offset) {
-  if (pos.line === 0) {
-    pos.character += offset.character;
-  }
-  pos.line += offset.line;
-  return pos;
 }
 
-// src/utils/completions/types/attributeName.ts
-function attributeName(taglib, document, _params, event) {
+// src/service/marko/complete/AttrName.ts
+import {
+  CompletionItemKind as CompletionItemKind3,
+  MarkupKind as MarkupKind2,
+  InsertTextFormat as InsertTextFormat3,
+  TextEdit as TextEdit3
+} from "vscode-languageserver";
+function AttrName({
+  offset,
+  node,
+  parsed,
+  lookup
+}) {
+  let name = parsed.read(node);
+  if (name[0] === "{")
+    return;
+  const modifierIndex = name.indexOf(":");
+  const hasModifier = modifierIndex !== -1;
+  if (hasModifier) {
+    if (offset >= node.start + modifierIndex) {
+      return [
+        {
+          label: "scoped",
+          kind: CompletionItemKind3.Keyword,
+          detail: "Use to prefix with a unique ID"
+        },
+        {
+          label: "no-update",
+          kind: CompletionItemKind3.Keyword,
+          detail: "Use to skip future updates to this attribute"
+        }
+      ];
+    } else {
+      name = name.slice(0, modifierIndex);
+    }
+  }
+  if (!lookup)
+    return;
   const completions = [];
-  const attrNameRange = rangeFromEvent(document, event);
-  const tagDef = !event.tag.tagNameExpression && taglib.getTag(event.tag.tagName);
-  const tagName = tagDef && tagDef.name || "*";
+  const attrNameLoc = parsed.locationAt(hasModifier ? {
+    start: node.start,
+    end: node.start + name.length
+  } : node);
+  const tagName = node.parent.parent.nameText || "";
+  const tagDef = tagName && lookup.getTag(tagName);
   const nestedTagAttrs = {};
   const neverAttrs = /* @__PURE__ */ new Set();
   if (tagDef && tagDef.nestedTags) {
@@ -369,18 +804,18 @@ function attributeName(taglib, document, _params, event) {
       nestedTagAttrs[nestedTagDef.targetProperty] = true;
     }
   }
-  taglib.forEachAttribute(tagName, (attr) => {
+  lookup.forEachAttribute(tagName, (attr) => {
     if (attr.type === "never") {
       neverAttrs.add(attr.name);
     }
   });
-  taglib.forEachAttribute(tagName, (attr, parent) => {
+  lookup.forEachAttribute(tagName, (attr, parent) => {
     if (attr.deprecated || nestedTagAttrs[attr.name] || attr.name === "*" || neverAttrs.has(attr.name) || attr.name[0] === "_" && /\/node_modules\//.test(attr.filePath || parent.filePath)) {
       return;
     }
     const type = attr.type || (attr.html ? "string" : null);
     const documentation = {
-      kind: MarkupKind.Markdown,
+      kind: MarkupKind2.Markdown,
       value: attr.description || ""
     };
     let label = attr.name;
@@ -420,164 +855,71 @@ function attributeName(taglib, document, _params, event) {
     completions.push({
       label,
       documentation: documentation.value ? documentation : void 0,
-      kind: CompletionItemKind2.Property,
-      insertTextFormat: InsertTextFormat.Snippet,
-      textEdit: TextEdit2.replace(attrNameRange, snippet)
+      kind: CompletionItemKind3.Property,
+      insertTextFormat: InsertTextFormat3.Snippet,
+      textEdit: TextEdit3.replace(attrNameLoc, snippet)
     });
   });
-  return CompletionList2.create(completions, true);
-}
-
-// src/utils/completions/types/closeTag.ts
-import {
-  CompletionList as CompletionList3,
-  CompletionItemKind as CompletionItemKind3,
-  InsertTextFormat as InsertTextFormat2,
-  TextEdit as TextEdit3
-} from "vscode-languageserver";
-function closeTag(_taglib, document, _params, event) {
-  if (event.tagName[0] === "$") {
-    return;
-  }
-  const closingTagStr = `</${event.tagName}>`;
-  return CompletionList3.create([
-    {
-      label: closingTagStr,
-      kind: CompletionItemKind3.Class,
-      insertTextFormat: InsertTextFormat2.Snippet,
-      textEdit: TextEdit3.replace(rangeFromEvent(document, event), closingTagStr)
-    }
-  ], true);
+  return completions;
 }
 
-// src/utils/completions/types/openTag.ts
-import {
-  CompletionList as CompletionList4,
-  CompletionItemKind as CompletionItemKind4,
-  InsertTextFormat as InsertTextFormat3,
-  Range as Range2,
-  Position as Position2
-} from "vscode-languageserver";
-function openTag(_taglib, doc, params, event) {
-  const triggerCharacter = params.context && params.context.triggerCharacter || doc.getText(Range2.create(Position2.create(params.position.line, params.position.character - 1), params.position));
-  if (triggerCharacter !== ">" || event.openTagOnly || event.selfClosed) {
-    return;
-  }
-  const closingTagStr = `</${event.tagName[0] === "$" ? "" : event.tagName}>`;
-  return CompletionList4.create([
-    {
-      label: closingTagStr,
-      kind: CompletionItemKind4.Class,
-      insertTextFormat: InsertTextFormat3.Snippet,
-      insertText: `
-	$0
-${closingTagStr}`
-    }
-  ], true);
-}
+// src/service/marko/complete/index.ts
+var handlers = {
+  Tag,
+  OpenTagName,
+  AttrName
+};
+var doComplete = async (doc, params) => {
+  var _a;
+  const parsed = parse2(doc);
+  const offset = doc.offsetAt(params.position);
+  const node = parsed.nodeAt(offset);
+  return CompletionList.create(await ((_a = handlers[NodeType[node.type]]) == null ? void 0 : _a.call(handlers, {
+    document: doc,
+    params,
+    parsed,
+    offset,
+    node,
+    code: doc.getText(),
+    ...getCompilerInfo(doc)
+  })) || [], true);
+};
 
-// src/utils/completions/types/openTagName.ts
-import path2 from "path";
+// src/service/marko/validate.ts
 import { URI as URI3 } from "vscode-uri";
-import {
-  CompletionItemKind as CompletionItemKind5,
-  CompletionList as CompletionList5,
-  InsertTextFormat as InsertTextFormat4,
-  MarkupKind as MarkupKind2,
-  TextEdit as TextEdit4
-} from "vscode-languageserver";
-function openTagName(taglib, document, params, event) {
-  const { fsPath: currentTemplateFilePath } = URI3.parse(document.uri);
-  let tags;
-  const triggerCharacter = params.context && params.context.triggerCharacter || event.tagName[0];
-  const isAttributeTag = triggerCharacter === "@";
-  const tagNameRange = rangeFromEvent(document, event);
-  if (isAttributeTag) {
-    const parentTag = findNonControlFlowParent(event);
-    const parentTagDef = parentTag && !parentTag.tagNameExpression && taglib.getTag(parentTag.tagName);
-    tags = parentTagDef && parentTagDef.nestedTags && Object.values(parentTagDef.nestedTags) || [];
-  } else {
-    tags = taglib.getTagsSorted().filter((it) => !it.isNestedTag);
-  }
-  return CompletionList5.create(tags.filter((it) => !it.deprecated).filter((it) => it.name !== "*").filter((it) => /^[^_]/.test(it.name) || !/\/node_modules\//.test(it.filePath)).map((it) => {
-    let label = it.isNestedTag ? `@${it.name}` : it.name;
-    const fileForTag = it.template || it.renderer || it.filePath;
-    const fileURIForTag = URI3.file(fileForTag).toString();
-    const nodeModuleMatch = /\/node_modules\/((?:@[^/]+\/)?[^/]+)/.exec(fileForTag);
-    const nodeModuleName = nodeModuleMatch && nodeModuleMatch[1];
-    const isCoreTag = nodeModuleName === "marko";
-    const documentation = {
-      kind: MarkupKind2.Markdown,
-      value: it.html ? `Built in [<${it.name}>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/${it.name}) HTML tag.` : nodeModuleName ? isCoreTag ? `Core Marko [<${it.name}>](${fileURIForTag}) tag.` : `Custom Marko tag discovered from the ["${nodeModuleName}"](${fileURIForTag}) npm package.` : `Custom Marko tag discovered from:
-
-[${path2.relative(currentTemplateFilePath, fileForTag)}](${fileURIForTag})`
-    };
-    if (it.description) {
-      documentation.value += `
-
-${it.description}`;
-    }
-    const autocomplete = it.autocomplete && it.autocomplete[0];
-    if (autocomplete) {
-      if (autocomplete.displayText) {
-        label = autocomplete.displayText;
-      }
-      if (autocomplete.description) {
-        documentation.value += `
-
-${autocomplete.description}`;
-      }
-      if (autocomplete.descriptionMoreURL) {
-        documentation.value += `
-
-[More Info](${autocomplete.descriptionMoreURL})`;
+import { Diagnostic, DiagnosticSeverity, Range as Range2 } from "vscode-languageserver";
+var markoErrorRegExp = /^(.+?)(?:\((\d+)(?:\s*,\s*(\d+))?\))?: (.*)$/gm;
+var doValidate = (doc) => {
+  const { fsPath, scheme } = URI3.parse(doc.uri);
+  const diagnostics = [];
+  if (scheme === "file") {
+    const { compiler, translator, cache: cache2, lookup } = getCompilerInfo(doc);
+    if (lookup) {
+      try {
+        compiler.compileSync(doc.getText(), fsPath, {
+          cache: cache2,
+          output: "source",
+          code: false,
+          translator
+        });
+      } catch (e) {
+        let match;
+        while (match = markoErrorRegExp.exec(e.message)) {
+          const [, fileName, rawLine, rawCol, msg] = match;
+          const line = (parseInt(rawLine, 10) || 1) - 1;
+          const col = (parseInt(rawCol, 10) || 1) - 1;
+          diagnostics.push(Diagnostic.create(Range2.create(line, col, line, col), msg, DiagnosticSeverity.Error, void 0, fileName));
+        }
       }
     }
-    return {
-      label,
-      documentation,
-      kind: CompletionItemKind5.Class,
-      insertTextFormat: InsertTextFormat4.Snippet,
-      textEdit: TextEdit4.replace(tagNameRange, autocomplete && autocomplete.snippet || label)
-    };
-  }), true);
-}
-
-// src/utils/completions/types/styleContent.ts
-import { Position as Position3 } from "vscode-languageserver";
-import { TextDocument as TextDocument2 } from "vscode-languageserver-textdocument";
-import {
-  getCSSLanguageService,
-  getSCSSLanguageService,
-  getLESSLanguageService
-} from "vscode-css-languageservice";
-var services = {
-  css: getCSSLanguageService,
-  scss: getSCSSLanguageService,
-  less: getLESSLanguageService
+  }
+  return diagnostics;
 };
-function styleContent(_taglib, document, params, event) {
-  const service = services[event.language]();
-  const startPos = document.positionAt(event.pos);
-  const relativePos = shiftPosition(params.position, Position3.create(startPos.line * -1, startPos.character * -1));
-  const contentDocument = TextDocument2.create(document.uri, event.language, document.version, event.content);
-  const completions = service.doComplete(contentDocument, relativePos, service.parseStylesheet(contentDocument));
-  return shiftCompletionRanges(completions, startPos);
-}
-
-// src/utils/definitions/index.ts
-var definitions_exports = {};
-__export(definitions_exports, {
-  attributeName: () => attributeName2,
-  openTagName: () => openTagName2
-});
 
-// src/utils/definitions/types/attributeName.ts
-import { URI as URI4 } from "vscode-uri";
-import {
-  Range as Range3,
-  LocationLink
-} from "vscode-languageserver";
+// src/service/marko/definition/OpenTagName.ts
+import path3 from "path";
+import { URI as URI5 } from "vscode-uri";
+import { Range as Range4, LocationLink } from "vscode-languageserver";
 
 // src/utils/regexp-builder.ts
 function RegExpBuilder(strings, ...expressions) {
@@ -603,226 +945,589 @@ function escape(val) {
   return String(val).replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
 }
 
-// src/utils/definitions/types/attributeName.ts
-function attributeName2(taglib, document, _params, event) {
-  const tagName = event.tag.tagNameExpression ? void 0 : event.tag.tagName;
-  const tagDef = tagName && taglib.getTag(tagName);
-  const attrDef = taglib.getAttribute(tagName || "*", event.name);
+// src/utils/utils.ts
+import fs from "fs";
+import { URI as URI4 } from "vscode-uri";
+import { Position, Range as Range3 } from "vscode-languageserver";
+import { TextDocument } from "vscode-languageserver-textdocument";
+var START_OF_FILE = Range3.create(Position.create(0, 0), Position.create(0, 0));
+function createTextDocument(filename) {
+  const uri = URI4.file(filename).toString();
+  const content = fs.readFileSync(filename, "utf-8");
+  return TextDocument.create(uri, "plaintext", 0, content);
+}
+
+// src/service/marko/definition/OpenTagName.ts
+function OpenTagName2({
+  lookup,
+  parsed,
+  node
+}) {
+  if (!lookup)
+    return;
+  const tag = node.parent;
+  let tagDef;
+  let range = START_OF_FILE;
+  if (tag.type === 14 /* AttrTag */) {
+    let parentTag = tag.owner;
+    while ((parentTag == null ? void 0 : parentTag.type) === 14 /* AttrTag */)
+      parentTag = parentTag.owner;
+    tagDef = parentTag && parentTag.nameText ? lookup.getTag(parentTag.nameText) : void 0;
+  } else {
+    tagDef = tag.nameText ? lookup.getTag(tag.nameText) : void 0;
+  }
+  if (!tagDef) {
+    return;
+  }
+  const tagEntryFile = tagDef.template || tagDef.renderer || tagDef.filePath;
+  if (!path3.isAbsolute(tagEntryFile)) {
+    return;
+  }
+  if (/\/marko(?:-tag)?\.json$/.test(tagEntryFile)) {
+    const tagDefDoc = createTextDocument(tagEntryFile);
+    const match = RegExpBuilder`/"(?:<${tag.nameText}>|${tag.nameText})"\s*:\s*[^\r\n,]+/g`.exec(tagDefDoc.getText());
+    if (match && match.index) {
+      range = Range4.create(tagDefDoc.positionAt(match.index), tagDefDoc.positionAt(match.index + match[0].length));
+    }
+  }
+  return [
+    LocationLink.create(URI5.file(tagEntryFile).toString(), range, range, parsed.locationAt(node))
+  ];
+}
+
+// src/service/marko/definition/AttrName.ts
+import { URI as URI6 } from "vscode-uri";
+import { Range as Range5, LocationLink as LocationLink2 } from "vscode-languageserver";
+function AttrName2({
+  lookup,
+  parsed,
+  node
+}) {
+  if (!lookup)
+    return;
+  const tagName = node.parent.parent.nameText;
+  const attrName = parsed.read(node);
+  if (attrName[0] === "{")
+    return;
+  const tagDef = tagName && lookup.getTag(tagName);
+  const attrDef = lookup.getAttribute(tagName || "", attrName);
   let range = START_OF_FILE;
   if (!attrDef) {
-    return [];
+    return;
   }
   const attrEntryFile = attrDef.filePath || tagDef && tagDef.filePath;
   if (!attrEntryFile) {
-    return [];
+    return;
   }
   if (/\/marko(?:-tag)?\.json$/.test(attrEntryFile)) {
     const tagDefDoc = createTextDocument(attrEntryFile);
-    const match = RegExpBuilder`/"@${event.name}"\s*:\s*[^\r\n,]+/g`.exec(tagDefDoc.getText());
+    const match = RegExpBuilder`/"@${attrName}"\s*:\s*[^\r\n,]+/g`.exec(tagDefDoc.getText());
     if (match && match.index) {
-      range = Range3.create(tagDefDoc.positionAt(match.index), tagDefDoc.positionAt(match.index + match[0].length));
+      range = Range5.create(tagDefDoc.positionAt(match.index), tagDefDoc.positionAt(match.index + match[0].length));
     }
   }
   return [
-    LocationLink.create(URI4.file(attrEntryFile).toString(), range, range, rangeFromEvent(document, event))
+    LocationLink2.create(URI6.file(attrEntryFile).toString(), range, range, parsed.locationAt(node))
   ];
 }
 
-// src/utils/definitions/types/openTagName.ts
-import path3 from "path";
-import { URI as URI5 } from "vscode-uri";
+// src/service/marko/definition/index.ts
+var handlers2 = {
+  OpenTagName: OpenTagName2,
+  AttrName: AttrName2
+};
+var findDefinition = async (doc, params) => {
+  var _a;
+  const parsed = parse2(doc);
+  const offset = doc.offsetAt(params.position);
+  const node = parsed.nodeAt(offset);
+  return await ((_a = handlers2[NodeType[node.type]]) == null ? void 0 : _a.call(handlers2, {
+    document: doc,
+    params,
+    parsed,
+    offset,
+    node,
+    code: doc.getText(),
+    ...getCompilerInfo(doc)
+  })) || [];
+};
+
+// src/service/marko/format.ts
+import { Position as Position2, Range as Range6, TextEdit as TextEdit4 } from "vscode-languageserver";
+import { URI as URI7 } from "vscode-uri";
+import * as prettier from "prettier";
+import * as markoPrettier from "prettier-plugin-marko";
+var NO_EDIT = [
+  TextEdit4.replace(Range6.create(Position2.create(0, 0), Position2.create(0, 0)), "")
+];
+var format2 = async (doc, params, token) => {
+  try {
+    const { fsPath, scheme } = URI7.parse(doc.uri);
+    const text = doc.getText();
+    const options = {
+      parser: "marko",
+      filepath: fsPath,
+      plugins: [markoPrettier],
+      tabWidth: params.options.tabSize,
+      useTabs: params.options.insertSpaces === false,
+      ...scheme === "file" ? await prettier.resolveConfig(fsPath, {
+        editorconfig: true
+      }).catch(() => null) : null
+    };
+    if (!token.isCancellationRequested) {
+      return [
+        TextEdit4.replace(Range6.create(doc.positionAt(0), doc.positionAt(text.length)), prettier.format(text, options))
+      ];
+    }
+  } catch (e) {
+    displayError(e);
+  }
+  return NO_EDIT;
+};
+
+// src/service/marko/index.ts
+var marko_default = {
+  doComplete,
+  doValidate,
+  findDefinition,
+  format: format2
+};
+
+// src/service/stylesheet/index.ts
 import {
-  Range as Range4,
-  LocationLink as LocationLink2
+  CompletionList as CompletionList2
 } from "vscode-languageserver";
-function openTagName2(taglib, document, _params, event) {
-  let tagDef;
-  let range = START_OF_FILE;
-  const isAttributeTag = event.tagName[0] === "@";
-  if (isAttributeTag) {
-    const parentTag = findNonControlFlowParent(event);
-    tagDef = parentTag && (parentTag.tagNameExpression ? void 0 : taglib.getTag(parentTag.tagName));
-  } else {
-    tagDef = taglib.getTag(event.tagName);
+import {
+  getCSSLanguageService,
+  getLESSLanguageService,
+  getSCSSLanguageService
+} from "vscode-css-languageservice";
+import { TextDocument as TextDocument2 } from "vscode-languageserver-textdocument";
+
+// src/utils/extractor.ts
+function createExtractor(code) {
+  let generated = "";
+  const generatedMap = [];
+  return {
+    write(strs, ...exprs) {
+      const len = exprs.length;
+      for (let i = 0; i < len; i++) {
+        const expr = exprs[i];
+        generated += strs[i];
+        if (typeof expr === "string") {
+          generated += expr;
+        } else {
+          generatedMap.push(generated.length, expr.start, expr.end);
+          generated += code.slice(expr.start, expr.end);
+        }
+      }
+      generated += strs[len];
+    },
+    end() {
+      const sourceMap = generatedMap.slice();
+      (function sort(left, right) {
+        if (left < right) {
+          let next = left;
+          for (let i = left; i <= right; i += 3) {
+            if (sourceMap[i] <= sourceMap[right]) {
+              [sourceMap[next - 1], sourceMap[i - 1]] = [
+                sourceMap[i - 1],
+                sourceMap[next - 1]
+              ];
+              [sourceMap[next], sourceMap[i]] = [sourceMap[i], sourceMap[next]];
+              [sourceMap[next + 1], sourceMap[i + 1]] = [
+                sourceMap[i + 1],
+                sourceMap[next + 1]
+              ];
+              next += 3;
+            }
+          }
+          next -= 3;
+          sort(left, next - 3);
+          sort(next + 3, right);
+        }
+      })(1, sourceMap.length - 2);
+      return {
+        generated,
+        sourceOffsetAt(generatedOffset) {
+          let max = generatedMap.length / 3;
+          let min = 0;
+          while (min < max) {
+            const mid = 1 + min + max >>> 1;
+            if (generatedMap[mid * 3] <= generatedOffset) {
+              min = mid;
+            } else {
+              max = mid - 1;
+            }
+          }
+          const key = min * 3;
+          const generatedStart = generatedMap[key];
+          const sourceStart = generatedMap[key + 1];
+          const sourceEnd = generatedMap[key + 2];
+          return sourceEnd - sourceStart <= generatedOffset - generatedStart ? void 0 : sourceStart + (generatedOffset - generatedStart);
+        },
+        generatedOffsetAt(sourceOffset) {
+          let max = sourceMap.length / 3;
+          let min = 0;
+          while (min < max) {
+            const mid = 1 + min + max >>> 1;
+            if (sourceMap[mid * 3 + 1] <= sourceOffset) {
+              min = mid;
+            } else {
+              max = mid - 1;
+            }
+          }
+          const key = min * 3;
+          const sourceStart = sourceMap[key + 1];
+          const sourceEnd = sourceMap[key + 2];
+          if (sourceOffset < sourceStart || sourceOffset > sourceEnd)
+            return void 0;
+          const generatedStart = sourceMap[key];
+          return generatedStart + (sourceOffset - sourceStart);
+        }
+      };
+    }
+  };
+}
+
+// src/service/stylesheet/extract.ts
+function extractStyleSheets(code, program, lookup) {
+  let placeholderId = 0;
+  const extractorsByExt = {};
+  const read = (range) => code.slice(range.start, range.end);
+  const getExtractor = (ext) => extractorsByExt[ext] || (extractorsByExt[ext] = createExtractor(code));
+  const getFileExtFromTag = (tag) => {
+    const prefixEnd = tag.shorthandClassNames ? tag.shorthandClassNames.at(-1).end : tag.name.end;
+    return tag.shorthandClassNames ? read({
+      start: tag.shorthandClassNames[0].start,
+      end: prefixEnd
+    }).replace(/^.*\./, "") : "css";
+  };
+  const visit = (node) => {
+    var _a, _b, _c;
+    switch (node.type) {
+      case 1 /* Tag */:
+        if ((_a = node.body) == null ? void 0 : _a.length) {
+          if (node.nameText === "style") {
+            const ext = getFileExtFromTag(node);
+            for (const child of node.body) {
+              switch (child.type) {
+                case 15 /* Text */:
+                  getExtractor(ext).write`${child}`;
+                  break;
+                case 21 /* Placeholder */:
+                  getExtractor(ext).write`${`var(--_${placeholderId++})`}`;
+                  break;
+              }
+            }
+          } else {
+            if (node.attrs) {
+              for (const attr of node.attrs) {
+                if (attr.type === 8 /* AttrNamed */ && ((_b = attr.value) == null ? void 0 : _b.type) === 11 /* AttrValue */ && /^['"]$/.test(code[attr.value.value.start])) {
+                  const name = read(attr.name);
+                  if (name === "#style" || name === "style" && lookup && node.nameText && name === "style" && ((_c = lookup.getTag(node.nameText)) == null ? void 0 : _c.html)) {
+                    getExtractor("css").write`:root{${{
+                      start: attr.value.value.start + 1,
+                      end: attr.value.value.end - 1
+                    }}}`;
+                  }
+                }
+              }
+            }
+            for (const child of node.body) {
+              visit(child);
+            }
+          }
+        } else if (node.nameText === "style" && node.concise && node.attrs) {
+          const block = node.attrs.at(-1);
+          if (block.type === 8 /* AttrNamed */ && code[block.start] === "{") {
+            getExtractor(getFileExtFromTag(node)).write`${{
+              start: block.start + 1,
+              end: block.end - 1
+            }}`;
+          }
+        }
+        break;
+    }
+  };
+  for (const node of program.body)
+    visit(node);
+  const resultsByExt = {};
+  for (const ext in extractorsByExt) {
+    resultsByExt[ext] = extractorsByExt[ext].end();
   }
-  if (!tagDef) {
-    return [];
+  return resultsByExt;
+}
+
+// src/service/stylesheet/index.ts
+var cache = /* @__PURE__ */ new WeakMap();
+var services = {
+  css: getCSSLanguageService,
+  less: getLESSLanguageService,
+  scss: getSCSSLanguageService
+};
+var stylesheet_default = {
+  async doComplete(doc, params) {
+    const infoByExt = getStyleSheetInfo(doc);
+    const sourceOffset = doc.offsetAt(params.position);
+    for (const ext in infoByExt) {
+      const info = infoByExt[ext];
+      const generatedOffset = info.generatedOffsetAt(sourceOffset);
+      if (generatedOffset === void 0)
+        continue;
+      const { service: service2, virtualDoc } = info;
+      const result = service2.doComplete(virtualDoc, virtualDoc.positionAt(generatedOffset), service2.parseStylesheet(virtualDoc));
+      for (const item of result.items) {
+        if (item.additionalTextEdits) {
+          for (const edit of item.additionalTextEdits) {
+            if (!updateRange(doc, info, edit.range)) {
+              edit.newText = "";
+              edit.range = START_OF_FILE;
+            }
+          }
+        }
+        const { textEdit } = item;
+        if (textEdit) {
+          if (textEdit.range) {
+            if (!updateRange(doc, info, textEdit.range)) {
+              textEdit.newText = "";
+              textEdit.range = START_OF_FILE;
+            }
+          }
+          if (textEdit.insert) {
+            if (!updateRange(doc, info, textEdit.insert)) {
+              textEdit.newText = "";
+              textEdit.insert = START_OF_FILE;
+            }
+          }
+        }
+      }
+      return result;
+    }
+    return CompletionList2.create([], true);
+  },
+  async findDefinition(doc, params) {
+    const infoByExt = getStyleSheetInfo(doc);
+    const sourceOffset = doc.offsetAt(params.position);
+    for (const ext in infoByExt) {
+      const info = infoByExt[ext];
+      const generatedOffset = info.generatedOffsetAt(sourceOffset);
+      if (generatedOffset === void 0)
+        continue;
+      const { service: service2, virtualDoc } = info;
+      const result = service2.findDefinition(virtualDoc, virtualDoc.positionAt(generatedOffset), service2.parseStylesheet(virtualDoc));
+      if (result && updateRange(doc, info, result.range)) {
+        return result;
+      }
+      break;
+    }
+  },
+  async doValidate(doc) {
+    const infoByExt = getStyleSheetInfo(doc);
+    const result = [];
+    for (const ext in infoByExt) {
+      const info = infoByExt[ext];
+      for (const diag of info.service.doValidation(info.virtualDoc, info.parsed)) {
+        if (updateRange(doc, info, diag.range)) {
+          result.push(diag);
+        }
+      }
+    }
+    return result;
   }
-  const tagEntryFile = tagDef.template || tagDef.renderer || tagDef.filePath;
-  if (!path3.isAbsolute(tagEntryFile)) {
-    return [];
+};
+function updateRange(doc, info, range) {
+  const start = info.sourceOffsetAt(info.virtualDoc.offsetAt(range.start));
+  const end = info.sourceOffsetAt(info.virtualDoc.offsetAt(range.end));
+  if (start !== void 0 || end !== void 0) {
+    range.start = doc.positionAt(start ?? end);
+    range.end = doc.positionAt(end ?? start);
+    return true;
   }
-  if (/\/marko(?:-tag)?\.json$/.test(tagEntryFile)) {
-    const tagDefDoc = createTextDocument(tagEntryFile);
-    const match = RegExpBuilder`/"(?:<${event.tagName}>|${event.tagName})"\s*:\s*[^\r\n,]+/g`.exec(tagDefDoc.getText());
-    if (match && match.index) {
-      range = Range4.create(tagDefDoc.positionAt(match.index), tagDefDoc.positionAt(match.index + match[0].length));
+  return false;
+}
+function getStyleSheetInfo(doc) {
+  var _a;
+  const parsed = parse2(doc);
+  let cached = cache.get(parsed);
+  if (!cached) {
+    const results = extractStyleSheets(doc.getText(), parsed.program, getCompilerInfo(doc).lookup);
+    cached = {};
+    for (const ext in results) {
+      const service2 = (_a = services[ext]) == null ? void 0 : _a.call(services);
+      if (!service2)
+        continue;
+      const { generated, sourceOffsetAt, generatedOffsetAt } = results[ext];
+      const virtualDoc = TextDocument2.create(doc.uri, "css", doc.version, generated);
+      cached[ext] = {
+        service: service2,
+        virtualDoc,
+        sourceOffsetAt,
+        generatedOffsetAt,
+        parsed: service2.parseStylesheet(virtualDoc)
+      };
     }
+    cache.set(parsed, cached);
   }
-  return [
-    LocationLink2.create(URI5.file(tagEntryFile).toString(), range, range, rangeFromEvent(document, event))
-  ];
+  return cached;
 }
 
+// src/service/index.ts
+var plugins = [marko_default, stylesheet_default];
+var service = {
+  async doComplete(doc, params, cancel) {
+    const result = CompletionList3.create([], false);
+    try {
+      const requests = plugins.map((plugin) => {
+        var _a;
+        return (_a = plugin.doComplete) == null ? void 0 : _a.call(plugin, doc, params, cancel);
+      });
+      for (const pending of requests) {
+        const cur = await pending;
+        if (cancel.isCancellationRequested)
+          break;
+        if (cur) {
+          let items;
+          if (Array.isArray(cur)) {
+            items = cur;
+          } else {
+            items = cur.items;
+            result.isIncomplete || (result.isIncomplete = cur.isIncomplete);
+          }
+          result.items.push(...items);
+        }
+      }
+    } catch (err) {
+      result.isIncomplete = true;
+      displayError(err);
+    }
+    return result;
+  },
+  async findDefinition(doc, params, cancel) {
+    const result = [];
+    try {
+      const requests = plugins.map((plugin) => {
+        var _a;
+        return (_a = plugin.findDefinition) == null ? void 0 : _a.call(plugin, doc, params, cancel);
+      });
+      for (const pending of requests) {
+        const cur = await pending;
+        if (cancel.isCancellationRequested)
+          break;
+        if (cur) {
+          if (Array.isArray(cur)) {
+            result.push(...cur);
+          } else {
+            result.push(cur);
+          }
+        }
+      }
+    } catch (err) {
+      displayError(err);
+    }
+    return result;
+  },
+  async doValidate(doc) {
+    const result = [];
+    try {
+      const requests = plugins.map((plugin) => {
+        var _a;
+        return (_a = plugin.doValidate) == null ? void 0 : _a.call(plugin, doc);
+      });
+      for (const pending of requests) {
+        const cur = await pending;
+        if (cur)
+          result.push(...cur);
+      }
+    } catch (err) {
+      displayError(err);
+    }
+    return result;
+  },
+  format: marko_default.format
+};
+
 // src/index.ts
 if (typeof __require !== "undefined" && __require.extensions && !(".ts" in __require.extensions)) {
   __require.extensions[".ts"] = void 0;
 }
-var cacheForCompiler = /* @__PURE__ */ new WeakMap();
-var connection = createConnection(ProposedFeatures.all);
+var documents = new TextDocuments(TextDocument3);
+var connection2 = createConnection(ProposedFeatures.all);
 var prevDiagnostics = /* @__PURE__ */ new WeakMap();
 var diagnosticTimeouts = /* @__PURE__ */ new WeakMap();
-var documents = new TextDocuments(TextDocument3);
-var markoErrorRegExp = /^(.+?)(?:\((\d+)(?:\s*,\s*(\d+))?\))?: (.*)$/gm;
 console.log = (...args) => {
-  connection.console.log(args.map((v) => inspect(v)).join(" "));
+  connection2.console.log(args.map((v) => inspect2(v)).join(" "));
 };
 console.error = (...args) => {
-  connection.console.error(args.map((v) => inspect(v)).join(" "));
+  connection2.console.error(args.map((v) => inspect2(v)).join(" "));
 };
 process.on("uncaughtException", console.error);
 process.on("unhandledRejection", console.error);
-connection.onInitialize(() => {
+connection2.onInitialize(() => {
+  setup2(connection2);
+  setup(connection2, documents);
   return {
     capabilities: {
       textDocumentSync: TextDocumentSyncKind.Incremental,
       documentFormattingProvider: true,
       definitionProvider: true,
       completionProvider: {
-        triggerCharacters: [".", ":", "<", ">", "@", "/"]
+        triggerCharacters: [
+          ".",
+          ":",
+          "<",
+          ">",
+          "@",
+          "/",
+          '"',
+          "'",
+          "`",
+          " ",
+          "=",
+          "*",
+          "#",
+          "$",
+          "+",
+          "^",
+          "(",
+          "[",
+          "-"
+        ]
       }
     }
   };
 });
-connection.onInitialized(() => {
+connection2.onInitialized(() => {
   documents.all().forEach((doc) => queueValidation(doc));
 });
-connection.onCompletion((params) => {
-  const doc = documents.get(params.textDocument.uri);
-  const taglib = getTagLibLookup(doc);
-  if (!taglib)
-    return CompletionList6.create([], true);
-  const event = parseUntilOffset({
-    taglib,
-    offset: doc.offsetAt(params.position),
-    text: doc.getText()
-  });
-  const handler = event && completions_exports[event.type];
-  return handler && handler(taglib, doc, params, event) || CompletionList6.create([], true);
-});
-connection.onDefinition((params) => {
-  const doc = documents.get(params.textDocument.uri);
-  const taglib = getTagLibLookup(doc);
-  if (!taglib)
-    return;
-  const event = parseUntilOffset({
-    taglib,
-    offset: doc.offsetAt(params.position),
-    text: doc.getText()
-  });
-  const handler = event && definitions_exports[event.type];
-  return handler && handler(taglib, doc, params, event);
+documents.onDidChangeContent((change) => {
+  queueValidation(change.document);
 });
-connection.onDocumentFormatting(async ({
-  textDocument,
-  options
-}) => {
-  try {
-    const doc = documents.get(textDocument.uri);
-    const { fsPath, scheme } = URI6.parse(textDocument.uri);
-    const text = doc.getText();
-    const formatted = prettier.format(text, __spreadValues({
-      parser: "marko",
-      filepath: fsPath,
-      plugins: [markoPrettier],
-      tabWidth: options.tabSize,
-      useTabs: options.insertSpaces === false
-    }, scheme === "file" ? await prettier.resolveConfig(fsPath, {
-      editorconfig: true
-    }).catch(() => null) : null));
-    return [
-      TextEdit5.replace(Range5.create(doc.positionAt(0), doc.positionAt(text.length)), formatted)
-    ];
-  } catch (e) {
-    displayMessage("Error", inspect(e, { colors: false }));
-  }
-  return [
-    TextEdit5.replace(Range5.create(Position4.create(0, 0), Position4.create(0, 0)), "")
-  ];
+connection2.onCompletion(async (params, cancel) => {
+  return await service.doComplete(documents.get(params.textDocument.uri), params, cancel) || null;
 });
-connection.onDidChangeWatchedFiles(() => {
-  const clearedCompilers = /* @__PURE__ */ new Set();
-  for (const doc of documents.all()) {
-    const { compiler } = getCompilerAndTranslatorForDoc(doc);
-    if (!clearedCompilers.has(compiler)) {
-      clearCaches(compiler);
-      clearedCompilers.add(compiler);
-    }
-  }
+connection2.onDefinition(async (params, cancel) => {
+  return await service.findDefinition(documents.get(params.textDocument.uri), params, cancel) || null;
 });
-documents.onDidChangeContent((change) => {
-  queueValidation(change.document);
-  if (change.document.version > 1) {
-    clearCaches(getCompilerAndTranslatorForDoc(change.document).compiler);
-  }
+connection2.onDocumentFormatting(async (params, cancel) => {
+  return await service.format(documents.get(params.textDocument.uri), params, cancel) || null;
 });
 function queueValidation(doc) {
   clearTimeout(diagnosticTimeouts.get(doc));
-  diagnosticTimeouts.set(doc, setTimeout(() => {
+  const id = setTimeout(async () => {
     const prevDiag = prevDiagnostics.get(doc);
-    const nextDiag = doValidate(doc);
-    if (prevDiag && isDeepStrictEqual(prevDiag, nextDiag)) {
+    const nextDiag = await service.doValidate(doc) || [];
+    if (diagnosticTimeouts.get(doc) !== id || prevDiag && isDeepStrictEqual(prevDiag, nextDiag)) {
       return;
     }
     prevDiagnostics.set(doc, nextDiag);
-    connection.sendDiagnostics({
+    connection2.sendDiagnostics({
       uri: doc.uri,
       diagnostics: nextDiag
     });
-  }, 800));
-}
-function doValidate(doc) {
-  const { fsPath, scheme } = URI6.parse(doc.uri);
-  if (scheme !== "file") {
-    return [];
-  }
-  const { compiler, translator } = getCompilerAndTranslatorForDoc(doc);
-  const diagnostics = [];
-  try {
-    compiler.compileSync(doc.getText(), fsPath, {
-      cache: getCacheForCompiler(compiler),
-      output: "source",
-      code: false,
-      translator
-    });
-  } catch (e) {
-    let match;
-    while (match = markoErrorRegExp.exec(e.message)) {
-      const [, fileName, rawLine, rawCol, msg] = match;
-      const line = (parseInt(rawLine, 10) || 1) - 1;
-      const col = (parseInt(rawCol, 10) || 1) - 1;
-      diagnostics.push(Diagnostic.create(Range5.create(line, col, line, col), msg, DiagnosticSeverity.Error, void 0, fileName));
-    }
-  }
-  return diagnostics;
-}
-function clearCaches(compiler) {
-  var _a;
-  (_a = cacheForCompiler.get(compiler)) == null ? void 0 : _a.clear();
-  compiler.taglib.clearCaches();
-}
-function getCacheForCompiler(compiler) {
-  let cache = cacheForCompiler.get(compiler);
-  if (!cache) {
-    cacheForCompiler.set(compiler, cache = /* @__PURE__ */ new Map());
-  }
-  return cache;
-}
-function displayMessage(type, msg) {
-  setImmediate(() => {
-    connection.sendNotification(`show${type}`, msg);
-  });
+  }, 400);
+  diagnosticTimeouts.set(doc, id);
 }
-documents.listen(connection);
-connection.listen();
+documents.listen(connection2);
+connection2.listen();
 //# sourceMappingURL=index.mjs.map