@master/css-language-service 2.0.0-rc.73 → 2.0.0-rc.74

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) Aoyue Design LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/common.d.ts

@@ -1 +1,2 @@
-export { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS } from '@master/css-language';
+import { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS } from "@master/css-language";
+export { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS };

package/dist/common.js

@@ -0,0 +1,2 @@
+import { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS } from "@master/css-language";
+export { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS };

package/dist/core.d.ts

@@ -1,34 +1,37 @@
-import { type CSSLanguageRuntime, type MasterCSS, type ClassPosition } from '@master/css-language';
-import EventEmitter from 'node:events';
-import type { Position } from 'vscode-languageserver-protocol';
-import { type Settings } from './settings';
-import inspectSyntax from './features/inspect-syntax';
-import renderSyntaxColors from './features/render-syntax-colors';
-import editSyntaxColors from './features/edit-syntax-colors';
-import renderSemanticTokens, { renderSemanticTokensAtPosition } from './features/render-semantic-tokens';
-import suggestSyntax from './features/suggest-syntax';
-import { TextDocument } from 'vscode-languageserver-textdocument';
-export type { ClassPosition };
-export interface CSSLanguageServiceOptions {
-    runtime?: CSSLanguageRuntime;
+import { CSSLanguageRuntime, ClassPosition, MasterCSS } from "@master/css-language";
+import EventEmitter from "node:events";
+import { Position } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import { Settings } from "./settings.js";
+import inspectSyntax from "./features/inspect-syntax.js";
+import renderSyntaxColors from "./features/render-syntax-colors.js";
+import editSyntaxColors from "./features/edit-syntax-colors.js";
+import renderSemanticTokens$1, { renderSemanticTokensAtPosition as renderSemanticTokensAtPosition$1 } from "./features/render-semantic-tokens.js";
+import suggestSyntax from "./features/suggest-syntax.js";
+
+//#region src/core.d.ts
+interface CSSLanguageServiceOptions {
+  runtime?: CSSLanguageRuntime;
 }
-export default class CSSLanguageService extends EventEmitter {
-    customSettings?: Settings | undefined;
-    css: MasterCSS;
-    runtime: CSSLanguageRuntime;
-    settings: Settings;
-    private completionIndex?;
-    private classPositionCache;
-    constructor(customSettings?: Settings | undefined, options?: CSSLanguageServiceOptions);
-    private getCompletionIndex;
-    inspectSyntax(...params: Parameters<typeof inspectSyntax>): import("vscode-languageserver-protocol").Hover | undefined;
-    renderSyntaxColors(...params: Parameters<typeof renderSyntaxColors>): Promise<import("vscode-languageserver-protocol").ColorInformation[] | undefined> | undefined;
-    editSyntaxColors(...params: Parameters<typeof editSyntaxColors>): import("vscode-languageserver-protocol").ColorPresentation[] | undefined;
-    renderSemanticTokens(...params: Parameters<typeof renderSemanticTokens>): import("vscode-languageserver-protocol").SemanticTokens | undefined;
-    renderSemanticTokensAtPosition(...params: Parameters<typeof renderSemanticTokensAtPosition>): import("vscode-languageserver-protocol").SemanticTokens | undefined;
-    suggestSyntax(document: Parameters<typeof suggestSyntax>[0], position: Parameters<typeof suggestSyntax>[1], context: Parameters<typeof suggestSyntax>[2]): import("vscode-languageserver-protocol").CompletionItem[] | undefined;
-    getClassPositions(textDocument: TextDocument): ClassPosition[];
-    getClassPosition(textDocument: TextDocument, position: Position): ClassPosition | undefined;
-    getClassContextPositions(textDocument: TextDocument, position: Position): ClassPosition[];
-    isDocumentAccepted(doc: TextDocument): boolean;
+declare class CSSLanguageService extends EventEmitter {
+  customSettings?: Settings | undefined;
+  css: MasterCSS;
+  runtime: CSSLanguageRuntime;
+  settings: Settings;
+  private completionIndex?;
+  private classPositionCache;
+  constructor(customSettings?: Settings | undefined, options?: CSSLanguageServiceOptions);
+  private getCompletionIndex;
+  inspectSyntax(...params: Parameters<typeof inspectSyntax>): import("vscode-languageserver-protocol").Hover | undefined;
+  renderSyntaxColors(...params: Parameters<typeof renderSyntaxColors>): Promise<import("vscode-languageserver-protocol").ColorInformation[] | undefined> | undefined;
+  editSyntaxColors(...params: Parameters<typeof editSyntaxColors>): import("vscode-languageserver-protocol").ColorPresentation[] | undefined;
+  renderSemanticTokens(...params: Parameters<typeof renderSemanticTokens$1>): import("vscode-languageserver-protocol").SemanticTokens | undefined;
+  renderSemanticTokensAtPosition(...params: Parameters<typeof renderSemanticTokensAtPosition$1>): import("vscode-languageserver-protocol").SemanticTokens | undefined;
+  suggestSyntax(document: Parameters<typeof suggestSyntax>[0], position: Parameters<typeof suggestSyntax>[1], context: Parameters<typeof suggestSyntax>[2]): import("vscode-languageserver-protocol").CompletionItem[] | undefined;
+  getClassPositions(textDocument: TextDocument): ClassPosition[];
+  getClassPosition(textDocument: TextDocument, position: Position): ClassPosition | undefined;
+  getClassContextPositions(textDocument: TextDocument, position: Position): ClassPosition[];
+  isDocumentAccepted(doc: TextDocument): boolean;
 }
+//#endregion
+export { CSSLanguageServiceOptions, type ClassPosition, CSSLanguageService as default };

package/dist/core.js

@@ -0,0 +1,107 @@
+import settings from "./settings.js";
+import inspectSyntax from "./features/inspect-syntax.js";
+import renderSyntaxColors from "./features/render-syntax-colors.js";
+import editSyntaxColors from "./features/edit-syntax-colors.js";
+import renderSemanticTokens$1, { renderSemanticTokensAtPosition as renderSemanticTokensAtPosition$1 } from "./features/render-semantic-tokens.js";
+import { createCompletionIndex } from "./utils/completion-index.js";
+import suggestSyntax from "./features/suggest-syntax.js";
+import { ClassPositionCache, defaultCSSLanguageRuntime, getClassPositions } from "@master/css-language";
+import { defu } from "defu";
+import EventEmitter from "node:events";
+import { minimatch } from "minimatch";
+//#region src/core.ts
+var CSSLanguageService = class extends EventEmitter {
+	customSettings;
+	css;
+	runtime;
+	settings;
+	completionIndex;
+	classPositionCache = new ClassPositionCache();
+	constructor(customSettings, options = {}) {
+		super();
+		this.customSettings = customSettings;
+		this.runtime = options.runtime ?? defaultCSSLanguageRuntime;
+		this.settings = defu(customSettings, settings);
+		this.css = this.runtime.MasterCSS.create({
+			manifest: this.settings.manifest || this.runtime.defaultManifest,
+			nativeDeclarationMatcher: this.runtime.nativeDeclarationMatcher
+		});
+	}
+	getCompletionIndex() {
+		this.completionIndex ??= createCompletionIndex(this.css, this.runtime);
+		return this.completionIndex;
+	}
+	inspectSyntax(...params) {
+		if (this.settings.inspectSyntax && this.isDocumentAccepted(params[0])) return inspectSyntax?.call(this, ...params);
+	}
+	renderSyntaxColors(...params) {
+		if (this.settings.renderSyntaxColors && this.isDocumentAccepted(params[0])) return renderSyntaxColors?.call(this, ...params);
+	}
+	editSyntaxColors(...params) {
+		if (this.settings.editSyntaxColors && this.isDocumentAccepted(params[0])) return editSyntaxColors?.call(this, ...params);
+	}
+	renderSemanticTokens(...params) {
+		if (this.isDocumentAccepted(params[0])) return renderSemanticTokens$1?.call(this, ...params);
+	}
+	renderSemanticTokensAtPosition(...params) {
+		if (this.isDocumentAccepted(params[0])) return renderSemanticTokensAtPosition$1?.call(this, ...params);
+	}
+	suggestSyntax(document, position, context) {
+		if (this.settings.suggestSyntax && this.isDocumentAccepted(document)) return suggestSyntax?.call(this, document, position, context, this.getCompletionIndex());
+	}
+	getClassPositions(textDocument) {
+		return getClassPositions(textDocument, this.settings, { cache: this.classPositionCache });
+	}
+	getClassPosition(textDocument, position) {
+		const cachedOxcClassPosition = getClassPositions(textDocument, this.settings, {
+			position,
+			includeEmpty: true,
+			provider: "oxc",
+			oxcMode: "cache-only",
+			cache: this.classPositionCache
+		})[0];
+		if (cachedOxcClassPosition) return cachedOxcClassPosition;
+		const regexClassPosition = getClassPositions(textDocument, this.settings, {
+			position,
+			includeEmpty: true,
+			provider: "regex"
+		})[0];
+		if (regexClassPosition && !regexClassPosition.raw.includes("${")) return regexClassPosition;
+		return getClassPositions(textDocument, this.settings, {
+			position,
+			includeEmpty: true,
+			provider: "oxc",
+			cache: this.classPositionCache
+		})[0] ?? regexClassPosition;
+	}
+	getClassContextPositions(textDocument, position) {
+		const cachedOxcClassPositions = getClassPositions(textDocument, this.settings, {
+			position,
+			provider: "oxc",
+			oxcMode: "cache-only",
+			positionMatch: "context",
+			cache: this.classPositionCache
+		});
+		if (cachedOxcClassPositions.length) return cachedOxcClassPositions;
+		const regexClassPositions = getClassPositions(textDocument, this.settings, {
+			position,
+			provider: "regex",
+			positionMatch: "context"
+		});
+		if (regexClassPositions.length && regexClassPositions.every(({ raw }) => !raw.includes("${"))) return regexClassPositions;
+		const oxcClassPositions = getClassPositions(textDocument, this.settings, {
+			position,
+			provider: "oxc",
+			positionMatch: "context",
+			cache: this.classPositionCache
+		});
+		return oxcClassPositions.length ? oxcClassPositions : regexClassPositions;
+	}
+	isDocumentAccepted(doc) {
+		if (!this.settings.exclude) return true;
+		for (const exclude of this.settings.exclude) if (minimatch(doc.uri, exclude)) return false;
+		return true;
+	}
+};
+//#endregion
+export { CSSLanguageService as default };

package/dist/features/edit-syntax-colors.d.ts

@@ -1,4 +1,8 @@
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-import CSSLanguageService from '../core';
-import type { ColorPresentationParams, ColorPresentation } from 'vscode-languageserver-protocol';
-export default function editSyntaxColors(this: CSSLanguageService, document: TextDocument, color: ColorPresentationParams['color'], range: ColorPresentationParams['range']): ColorPresentation[];
+import { ColorPresentation, ColorPresentationParams } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import CSSLanguageService from "../core.js";
+
+//#region src/features/edit-syntax-colors.d.ts
+declare function editSyntaxColors(this: CSSLanguageService, document: TextDocument, color: ColorPresentationParams['color'], range: ColorPresentationParams['range']): ColorPresentation[];
+//#endregion
+export { editSyntaxColors as default };

package/dist/features/edit-syntax-colors.js

@@ -0,0 +1,16 @@
+import convertColorByToken from "../utils/convert-color-token.js";
+//#region src/features/edit-syntax-colors.ts
+function editSyntaxColors(document, color, range) {
+	const colorPresentations = [];
+	const targetColorToken = convertColorByToken(color, document.getText(range), this.css);
+	if (targetColorToken) colorPresentations.push({
+		label: targetColorToken,
+		textEdit: {
+			range,
+			newText: targetColorToken
+		}
+	});
+	return colorPresentations;
+}
+//#endregion
+export { editSyntaxColors as default };

package/dist/features/inspect-syntax.d.ts

@@ -1,4 +1,8 @@
-import type { Hover, HoverParams } from 'vscode-languageserver-protocol';
-import type CSSLanguageService from '../core';
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-export default function inspectSyntax(this: CSSLanguageService, document: TextDocument, position: HoverParams['position']): Hover | undefined;
+import { Hover, HoverParams } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import CSSLanguageService from "../core.js";
+
+//#region src/features/inspect-syntax.d.ts
+declare function inspectSyntax(this: CSSLanguageService, document: TextDocument, position: HoverParams['position']): Hover | undefined;
+//#endregion
+export { inspectSyntax as default };

package/dist/features/inspect-syntax.js

@@ -0,0 +1,37 @@
+import createCSSMarkdownDocumentation from "../utils/create-css-markdown-documentation.js";
+import { generateCSS } from "@master/css-language";
+//#region src/features/inspect-syntax.ts
+function inspectSyntax(document, position) {
+	const classPosition = this.getClassPosition(document, position);
+	if (!classPosition) return;
+	const { token } = classPosition;
+	const range = {
+		start: document.positionAt(classPosition.range.start),
+		end: document.positionAt(classPosition.range.end)
+	};
+	const utilities = this.css.generate(token);
+	if (utilities.find((utility) => utility.type === this.runtime.UtilityType.Semantic && utility.layerName === "components")) {
+		const documentation = createCSSMarkdownDocumentation(generateCSS([token], this.css, this.runtime));
+		if (documentation) return { contents: {
+			kind: documentation.kind,
+			value: `(components) ` + documentation.value
+		} };
+	} else {
+		const utility = utilities[0];
+		if (utility) if (utility.type === this.runtime.UtilityType.Semantic) {
+			const documentation = createCSSMarkdownDocumentation(generateCSS([token], this.css, this.runtime));
+			if (documentation) return {
+				contents: documentation,
+				range
+			};
+		} else {
+			const documentation = createCSSMarkdownDocumentation(generateCSS([token], this.css, this.runtime));
+			if (documentation) return {
+				contents: documentation,
+				range
+			};
+		}
+	}
+}
+//#endregion
+export { inspectSyntax as default };

package/dist/features/render-semantic-tokens.d.ts

@@ -1,5 +1,9 @@
-import type CSSLanguageService from '../core';
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-import type { SemanticTokens } from 'vscode-languageserver-protocol';
-export declare function renderSemanticTokensAtPosition(this: CSSLanguageService, document: TextDocument, position: Parameters<CSSLanguageService['getClassPosition']>[1]): SemanticTokens | undefined;
-export default function renderSemanticTokens(this: CSSLanguageService, document: TextDocument): SemanticTokens | undefined;
+import { SemanticTokens } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import CSSLanguageService from "../core.js";
+
+//#region src/features/render-semantic-tokens.d.ts
+declare function renderSemanticTokensAtPosition(this: CSSLanguageService, document: TextDocument, position: Parameters<CSSLanguageService['getClassPosition']>[1]): SemanticTokens | undefined;
+declare function renderSemanticTokens(this: CSSLanguageService, document: TextDocument): SemanticTokens | undefined;
+//#endregion
+export { renderSemanticTokens as default, renderSemanticTokensAtPosition };

package/dist/features/render-semantic-tokens.js

@@ -0,0 +1,10 @@
+import { renderSemanticTokens as renderSemanticTokens$1, renderSemanticTokensAtPosition as renderSemanticTokensAtPosition$1 } from "@master/css-language";
+//#region src/features/render-semantic-tokens.ts
+function renderSemanticTokensAtPosition(document, position) {
+	return renderSemanticTokensAtPosition$1(this.css, document, this.getClassContextPositions(document, position), position, this.settings);
+}
+function renderSemanticTokens(document) {
+	return renderSemanticTokens$1(this.css, document, this.getClassPositions(document), this.settings);
+}
+//#endregion
+export { renderSemanticTokens as default, renderSemanticTokensAtPosition };

package/dist/features/render-syntax-colors.d.ts

@@ -1,4 +1,8 @@
-import type { ColorInformation } from 'vscode-languageserver-protocol';
-import CSSLanguageService from '../core';
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-export default function renderSyntaxColors(this: CSSLanguageService, document: TextDocument): Promise<ColorInformation[] | undefined>;
+import { ColorInformation } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import CSSLanguageService from "../core.js";
+
+//#region src/features/render-syntax-colors.d.ts
+declare function renderSyntaxColors(this: CSSLanguageService, document: TextDocument): Promise<ColorInformation[] | undefined>;
+//#endregion
+export { renderSyntaxColors as default };

package/dist/features/render-syntax-colors.js

@@ -0,0 +1,93 @@
+import { instancePattern } from "../utils/regex.js";
+import Color from "colorjs.io";
+//#region src/features/render-syntax-colors.ts
+function resolveVariableColorValue(variable, variables) {
+	let current = variable;
+	for (let i = 0; i < 8; i++) {
+		const value = current?.value;
+		if (value === void 0) return;
+		const text = String(value);
+		const alias = /^\$([a-zA-Z0-9-]+)(?: ?\/ ?.+?)?$|^var\(--([_a-zA-Z0-9-]+)\)$/.exec(text);
+		const aliasName = alias?.[1] ?? alias?.[2];
+		if (!aliasName) return text;
+		current = variables.get(aliasName);
+	}
+}
+async function renderSyntaxColors(document) {
+	const text = document.getText() ?? "";
+	const colorInformations = [];
+	try {
+		for (const instanceMatch of text.matchAll(instancePattern)) {
+			if (instanceMatch.index === void 0) break;
+			const instanceStartIndex = instanceMatch.index;
+			const syntax = instanceMatch[0];
+			const rule = this.css.generate(syntax)[0];
+			if (rule && rule.type !== this.runtime.UtilityType.Semantic) {
+				const keyTokenLength = rule.keyToken?.length ?? 0;
+				let currentLength = 0;
+				const resolveValueComponent = (valueComponent) => {
+					if (valueComponent.text === void 0) return;
+					const startOffset = instanceStartIndex + keyTokenLength + currentLength;
+					const valueComponentTokenLength = valueComponent.token.length;
+					let color;
+					switch (valueComponent.type) {
+						case "function":
+							if ([
+								"rgb",
+								"rgba",
+								"hsl",
+								"hsla",
+								"hwb",
+								"lab",
+								"lch",
+								"oklab",
+								"oklch",
+								"color"
+							].includes(valueComponent.name)) color = new Color(valueComponent.text);
+							else if (valueComponent.children.length) {
+								currentLength += valueComponent.name.length + 1;
+								valueComponent.children.forEach(resolveValueComponent);
+							}
+							break;
+						case "variable":
+							if (valueComponent.variable?.namespace?.startsWith("color") && valueComponent.variable.value !== void 0) {
+								color = new Color(resolveVariableColorValue(valueComponent.variable, this.css.variables) || String(valueComponent.variable.value));
+								if (valueComponent.alpha !== void 0) color.alpha *= valueComponent.alpha;
+							}
+							break;
+						case "string":
+							if (valueComponent.text !== "#" && valueComponent.text?.startsWith("#")) color = new Color(valueComponent.text);
+							break;
+					}
+					if (color) {
+						const rgbaColor = color.to("srgb");
+						colorInformations.push({
+							range: {
+								start: document.positionAt(startOffset),
+								end: document.positionAt(startOffset + valueComponentTokenLength)
+							},
+							color: {
+								red: rgbaColor.r ?? 0,
+								green: rgbaColor.g ?? 0,
+								blue: rgbaColor.b ?? 0,
+								alpha: Number(rgbaColor.alpha)
+							}
+						});
+					}
+					currentLength += valueComponentTokenLength || 0;
+				};
+				rule.valueComponents.forEach(resolveValueComponent);
+			}
+		}
+	} catch (e) {}
+	const colorIndexSet = /* @__PURE__ */ new Set();
+	return colorInformations.filter((item) => {
+		if (colorIndexSet.has(item.range.start)) return false;
+		else {
+			colorIndexSet.add(item.range.start);
+			return true;
+		}
+	});
+}
+//#endregion
+export { renderSyntaxColors as default };

package/dist/features/suggest-syntax.d.ts

@@ -1,5 +1,9 @@
-import type { CompletionItem, CompletionParams } from 'vscode-languageserver-protocol';
-import type { TextDocument } from 'vscode-languageserver-textdocument';
-import CSSLanguageService from '../core';
-import type { CompletionIndex } from '../utils/completion-index';
-export default function suggestSyntax(this: CSSLanguageService, document: TextDocument, position: CompletionParams['position'], context: CompletionParams['context'], completionIndex?: CompletionIndex): CompletionItem[] | undefined;
+import { CompletionItem, CompletionParams } from "vscode-languageserver-protocol";
+import { TextDocument } from "vscode-languageserver-textdocument";
+import CSSLanguageService from "../core.js";
+import { CompletionIndex } from "../utils/completion-index.js";
+
+//#region src/features/suggest-syntax.d.ts
+declare function suggestSyntax(this: CSSLanguageService, document: TextDocument, position: CompletionParams['position'], context: CompletionParams['context'], completionIndex?: CompletionIndex): CompletionItem[] | undefined;
+//#endregion
+export { suggestSyntax as default };

package/dist/features/suggest-syntax.js

@@ -0,0 +1,11 @@
+import querySyntaxCompletions from "../utils/query-syntax-completions.js";
+//#region src/features/suggest-syntax.ts
+function suggestSyntax(document, position, context, completionIndex) {
+	const classPosition = this.getClassPosition(document, position);
+	if (classPosition !== void 0) return querySyntaxCompletions(context?.triggerCharacter === " " ? "" : document.getText({
+		start: document.positionAt(classPosition.range.start),
+		end: position
+	}), this.css, completionIndex);
+}
+//#endregion
+export { suggestSyntax as default };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-export { default, default as CSSLanguageService, type CSSLanguageServiceOptions } from './core';
-export { default as settings, type Settings } from './settings';
-export * from './common';
-export { default as inspectSyntax } from './features/inspect-syntax';
-export { default as renderSyntaxColors } from './features/render-syntax-colors';
-export { default as editSyntaxColors } from './features/edit-syntax-colors';
-export { default as suggestSyntax } from './features/suggest-syntax';
+import settings, { Settings } from "./settings.js";
+import inspectSyntax from "./features/inspect-syntax.js";
+import renderSyntaxColors from "./features/render-syntax-colors.js";
+import editSyntaxColors from "./features/edit-syntax-colors.js";
+import suggestSyntax from "./features/suggest-syntax.js";
+import CSSLanguageService, { CSSLanguageServiceOptions, default as core_default } from "./core.js";
+export * from "./common.js";
+export { CSSLanguageService, type CSSLanguageServiceOptions, type Settings, core_default as default, editSyntaxColors, inspectSyntax, renderSyntaxColors, settings, suggestSyntax };

package/dist/index.js

@@ -0,0 +1,8 @@
+import { AT_TRIGGER_CHARACTER, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS } from "./common.js";
+import settings from "./settings.js";
+import inspectSyntax from "./features/inspect-syntax.js";
+import renderSyntaxColors from "./features/render-syntax-colors.js";
+import editSyntaxColors from "./features/edit-syntax-colors.js";
+import suggestSyntax from "./features/suggest-syntax.js";
+import CSSLanguageService from "./core.js";
+export { AT_TRIGGER_CHARACTER, CSSLanguageService, DECLARATION_SEPARATOR_TRIGGER_CHARACTER, GROUP_TRIGGER_CHARACTER, INVOKED_TRIGGER_CHARACTERS, QUERY_TRIGGER_CHARACTERS, SELECTOR_TRIGGER_CHARACTERS, VALUE_TRIGGER_CHARACTERS, CSSLanguageService as default, editSyntaxColors, inspectSyntax, renderSyntaxColors, settings, suggestSyntax };

package/dist/settings.d.ts

@@ -1,16 +1,19 @@
-import { type LanguageSettings } from '@master/css-language';
-import type { MasterCSSManifest } from '@master/css';
+import { LanguageSettings } from "@master/css-language";
+import { MasterCSSManifest } from "@master/css";
+
+//#region src/settings.d.ts
 /**
  * @example styles https://regex101.com/r/HLPdsw/1
  **/
 declare const settings: Settings;
-export default settings;
-export declare interface Settings extends LanguageSettings {
-    includedLanguages?: string[];
-    exclude?: string[];
-    manifest?: MasterCSSManifest;
-    suggestSyntax?: boolean;
-    inspectSyntax?: boolean;
-    renderSyntaxColors?: boolean;
-    editSyntaxColors?: boolean;
+declare interface Settings extends LanguageSettings {
+  includedLanguages?: string[];
+  exclude?: string[];
+  manifest?: MasterCSSManifest;
+  suggestSyntax?: boolean;
+  inspectSyntax?: boolean;
+  renderSyntaxColors?: boolean;
+  editSyntaxColors?: boolean;
 }
+//#endregion
+export { Settings, settings as default };

package/dist/settings.js

@@ -0,0 +1,58 @@
+import { languageSettings } from "@master/css-language";
+//#region src/settings.ts
+/**
+* @example styles https://regex101.com/r/HLPdsw/1
+**/
+const settings = {
+	includedLanguages: [
+		"html",
+		"php",
+		"javascript",
+		"typescript",
+		"javascriptreact",
+		"typescriptreact",
+		"css",
+		"scss",
+		"less",
+		"vue",
+		"svelte",
+		"rust",
+		"astro",
+		"markdown",
+		"mdx",
+		"astro"
+	],
+	/**
+	* @example <div class="a b">
+	* @example <div className="a b">
+	*/
+	classAttributes: languageSettings.classAttributes,
+	/**
+	* @example <div class={active ? 'a' : 'b'}>
+	* @example <div className={active ? 'a' : 'b'}>
+	*/
+	classAttributeBindings: languageSettings.classAttributeBindings,
+	/**
+	* @example const classes = 'a b'
+	* @example { classes: { btn: 'a b' } }
+	*/
+	classDeclarations: languageSettings.classDeclarations,
+	/**
+	* @example clsx('a b')
+	* @example styled`a b`
+	* @example .classList.add('a')
+	*/
+	classFunctions: languageSettings.classFunctions,
+	exclude: [
+		"**/.git/**",
+		"**/node_modules/**",
+		"**/.hg/**"
+	],
+	suggestSyntax: true,
+	inspectSyntax: true,
+	renderSyntaxColors: true,
+	editSyntaxColors: true,
+	embeddedSyntaxHighlighting: "active"
+};
+//#endregion
+export { settings as default };

package/dist/utils/beautify-css.d.ts

@@ -1 +1,4 @@
-export default function beautifyCSS(text: string): any;
+//#region src/utils/beautify-css.d.ts
+declare function beautifyCSS(text: string): any;
+//#endregion
+export { beautifyCSS as default };

package/dist/utils/beautify-css.js

@@ -0,0 +1,10 @@
+import { css_beautify } from "js-beautify/js/lib/beautify-css.js";
+//#region src/utils/beautify-css.ts
+function beautifyCSS(text) {
+	return css_beautify(text.replace(/@(media|container|supports|layer)\(/g, "@$1 ("), {
+		newline_between_rules: false,
+		indent_size: 2
+	});
+}
+//#endregion
+export { beautifyCSS as default };