@master/css-language-service 2.0.0-rc.69 → 2.0.0-rc.70

package/dist/utils/query-syntax-completions.mjs

@@ -1,20 +1,20 @@
 import { CompletionItemKind } from 'vscode-languageserver-protocol';
 import getPseudoClassCompletionItems from './get-pseudo-class-completion-items.mjs';
 import getPseudoElementCompletionItems from './get-pseudo-element-completion-items.mjs';
-import { createCSS, SELECTOR_SIGNS, ANIMATION_SIGN, TRANSITION_SIGN, AT_SIGN, QUERY_COMPARISON_OPERATORS, QUERY_LOGICAL_OPERATORS, generateCSS } from '@master/css';
-import { GROUP_TRIGGER_CHARACTER, SELECTOR_TRIGGER_CHARACTERS } from '../common.mjs';
-import getMainCompletionItems from './get-main-completion-items.mjs';
+import { GROUP_TRIGGER_CHARACTER, AT_SIGN, SELECTOR_SIGNS, QUERY_COMPARISON_OPERATORS, QUERY_LOGICAL_OPERATORS, SELECTOR_TRIGGER_CHARACTERS, generateCSS, createDefaultCSS } from '@master/css-language';
+import getClassCompletionItems from './get-class-completion-items.mjs';
 import getValueCompletionItems from './get-value-completion-items.mjs';
 import getQueryCompletionItems from './get-query-completion-items.mjs';
-import { getCSSDataDocumentation } from './get-css-data-documentation.mjs';
+import createCSSMarkdownDocumentation from './create-css-markdown-documentation.mjs';
+import { matchesIndexedName, createCompletionIndex } from './completion-index.mjs';
 
-function querySyntaxCompletions(q = '', css = createCSS()) {
+function querySyntaxCompletions(q = '', css = createDefaultCSS(), completionIndex = createCompletionIndex(css)) {
     const fields = q.split(' ');
     let field = fields[fields.length - 1];
     const triggerCharacter = q.charAt(q.length - 1);
     const invoked = triggerCharacter === ' ' || field.length === 0;
     if (invoked || field === GROUP_TRIGGER_CHARACTER || triggerCharacter === ';') {
-        return getMainCompletionItems(css);
+        return getClassCompletionItems(css, completionIndex);
     }
     const isGroup = field.startsWith(GROUP_TRIGGER_CHARACTER);
     if (isGroup) {
@@ -25,42 +25,26 @@ function querySyntaxCompletions(q = '', css = createCSS()) {
             field = field.slice(1);
         }
     }
-    const signs = css.definedRules.filter(({ definition })=>definition.sign).map(({ definition })=>definition.sign);
-    const keyMatch = field.match(new RegExp(`^[^${signs}'":\\s]+:`));
+    if (field.startsWith(AT_SIGN) || field.startsWith('~')) {
+        return [];
+    }
+    const keyMatch = field.match(/^[^'":\s]+:/);
     const atMatches = Array.from(field.matchAll(/@(?=(?:[^'"]|'[^']*'|"[^"]*")*$)/g));
     const valueSeparatorMatch = field.match(/\|(?=(?:[^'"]|'[^']*'|"[^"]*")*$)/g);
     const atInvoked = atMatches.findIndex(({ index })=>index !== 0) !== -1;
     const firstColonIndex = keyMatch ? keyMatch[0].length - 1 : -1;
     const selectorInvokedRegex = new RegExp(`[${SELECTOR_SIGNS.join('')}](?=(?:[^'"]|'[^']*'|"[^"]*")*$)`);
     const key = keyMatch ? keyMatch[0].slice(0, firstColonIndex) : undefined;
-    const componentNames = Object.keys(css.config.components || {});
-    const utilityNames = Object.keys(css.config.utilities || {});
-    const isStyle = !!componentNames.find((eachStyleName)=>new RegExp(`^${eachStyleName}(?:\\b|_)`).test(field));
-    const isUtility = !!utilityNames.find((eachUtilityName)=>new RegExp(`^${eachUtilityName}(?:\\b|_)`).test(field));
+    const isStyle = completionIndex.componentNames.some((eachStyleName)=>matchesIndexedName(field, eachStyleName));
+    const isUtility = completionIndex.utilityNames.some((eachUtilityName)=>matchesIndexedName(field, eachUtilityName));
     // check by utilities and components
     if (!isStyle && !isUtility) {
         if (key === undefined && !valueSeparatorMatch) {
-            /**
-             * The server capability sets '@' '~' as the trigger characters for at and adjacent selectors,
-             * but these two characters are also the prefix symbols of `animation` and `transition`,
-             * and should be filtered to prevent hints all completions items.
-             * @example class="@"
-             * @example class="~"
-             */ if (field.startsWith(ANIMATION_SIGN) || field.startsWith(TRANSITION_SIGN)) {
-                return getMainCompletionItems(css).filter((completionItem)=>completionItem.label.startsWith(field)).map((completionItem)=>({
-                        ...completionItem,
-                        label: completionItem.label.slice(1)
-                    }));
-            }
-            return getMainCompletionItems(css);
+            return getClassCompletionItems(css, completionIndex);
         }
         if (!atInvoked && !selectorInvokedRegex.test(field.slice(firstColonIndex + 1))) {
-            if (field.startsWith(ANIMATION_SIGN) && firstColonIndex === -1) {
-                return getValueCompletionItems(css, 'animation');
-            } else if (field.startsWith(TRANSITION_SIGN) && firstColonIndex === -1) {
-                return getValueCompletionItems(css, 'transition');
-            } else if (key && firstColonIndex !== -1) {
-                return getValueCompletionItems(css, key);
+            if (key && firstColonIndex !== -1) {
+                return getValueCompletionItems(css, key, field.slice(firstColonIndex + 1), completionIndex);
             }
         }
     }
@@ -72,36 +56,33 @@ function querySyntaxCompletions(q = '', css = createCSS()) {
         ...QUERY_COMPARISON_OPERATORS,
         ...QUERY_LOGICAL_OPERATORS
     ].includes(triggerCharacter)) {
-        return getQueryCompletionItems(css, triggerCharacter, field);
+        return getQueryCompletionItems(css, triggerCharacter, field, completionIndex);
     }
     if (!atInvoked && SELECTOR_TRIGGER_CHARACTERS.includes(triggerCharacter)) {
-        const pseudoElementCompletionItems = getPseudoElementCompletionItems(css, field);
+        const pseudoElementCompletionItems = getPseudoElementCompletionItems(css, field, completionIndex);
         if (field.endsWith('::')) {
             /**
              * Consider trigger characters and fix insertText.
-             * @incorrect class="text:center::" -> class="text:center::::after"
-             * @correct class="text:center::" -> class="text:center::after"
+             * @incorrect class="text-center::" -> class="text-center::::after"
+             * @correct class="text-center::" -> class="text-center::after"
              */ pseudoElementCompletionItems.forEach((completionItem)=>completionItem.insertText = completionItem.label.slice(2));
             return pseudoElementCompletionItems;
         } else {
-            const completionItems = getPseudoClassCompletionItems(css, field);
+            const completionItems = getPseudoClassCompletionItems(css, field, completionIndex);
             completionItems.push(...pseudoElementCompletionItems);
             /**
              * Consider trigger characters and fix insertText.
-             * @incorrect class="text:center:" -> class="text:center::active"
-             * @correct class="text:center:" -> class="text:center:active"
+             * @incorrect class="text-center:" -> class="text-center::active"
+             * @correct class="text-center:" -> class="text-center:active"
              */ if (triggerCharacter === ':') {
                 completionItems.forEach((completionItem)=>completionItem.insertText = completionItem.label.slice(1));
             } else {
                 completionItems.push({
                     label: '.<class>',
                     insertText: '.',
-                    documentation: getCSSDataDocumentation(undefined, {
-                        generatedCSS: generateCSS([
-                            field + '.class'
-                        ], css),
-                        docs: '/guide/selectors'
-                    }),
+                    documentation: createCSSMarkdownDocumentation(generateCSS([
+                        field + '.class'
+                    ], css)),
                     kind: CompletionItemKind.Class
                 });
             }

package/package.json

@@ -1 +1 @@
-{"name":"@master/css-language-service","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","type-check":"tsc --noEmit","lint":"eslint","test":"vitest"},"description":"Master CSS Language Service","author":"Aoyue Design LLC.","license":"MIT","repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/language-service"},"dependencies":{"@babel/parser":"^7.27.0","@master/css":"^2.0.0-rc.69","@techor/extend":"^3.2.5","color-convert":"^2.0.1","color-rgba":"^3.0.0","color-space":"^2.3.1","colorjs.io":"^0.5.2","js-beautify":"^1.15.4","lodash.escaperegexp":"^4.1.2","minimatch":"^10.0.1","pex-color":"^2.2.0","vscode-css-languageservice":"^6.3.4","vscode-languageserver-protocol":"^3.17.5","vscode-languageserver-textdocument":"^1.0.12"},"devDependencies":{"@types/chroma-js":"^2.4.5","@types/color-convert":"^2.0.4","@types/color-rgba":"^2.1.3","@types/culori":"^2.1.1","@types/lodash.escaperegexp":"^4.1.9","@types/vscode":"^1.99.1","shared":"^2.0.0-rc.69","vscode-languageserver":"^9.0.1"},"sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"version":"2.0.0-rc.69"}
+{"name":"@master/css-language-service","type":"module","scripts":{"build":"techor build \"src/**/*.ts\" --formats esm","dev":"pnpm build --watch","type-check":"tsc --noEmit","lint":"eslint","test":"vitest"},"description":"Master CSS Language Service","author":"Aoyue Design LLC.","license":"MIT","repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/language-service"},"dependencies":{"@master/css":"^2.0.0-rc.70","@master/css-engine":"^2.0.0-rc.70","@master/css-language":"^2.0.0-rc.70","@techor/extend":"^3.2.5","colorjs.io":"^0.6.1","js-beautify":"^1.15.4","minimatch":"^10.2.5","vscode-languageserver-protocol":"^3.18.0","vscode-languageserver-textdocument":"^1.0.12"},"devDependencies":{"@types/vscode":"^1.125.0","vscode-languageserver":"^10.0.0","@master/css-schema":"^2.0.0-rc.70"},"sideEffects":false,"main":"./dist/index.mjs","module":"./dist/index.mjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","default":"./dist/index.mjs"},"./common":{"types":"./dist/common.d.ts","import":"./dist/common.mjs","default":"./dist/common.mjs"}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"version":"2.0.0-rc.70"}

package/dist/common.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var css = require('@master/css');
-
-const INVOKED_TRIGGER_CHARACTERS = [
-    '"',
-    ' ',
-    '\''
-];
-const VALUE_TRIGGER_CHARACTERS = [
-    css.SEPARATOR_SIGN,
-    css.DELIMITER_SIGN
-];
-const SELECTOR_TRIGGER_CHARACTERS = css.SELECTOR_SIGNS;
-const AT_TRIGGER_CHARACTER = css.AT_SIGN;
-const QUERY_TRIGGER_CHARACTERS = [
-    ...css.QUERY_COMPARISON_OPERATORS,
-    ...css.QUERY_LOGICAL_OPERATORS
-];
-const GROUP_TRIGGER_CHARACTER = '{';
-const DECLARATION_SEPARATOR_TRIGGER_CHARACTER = ';';
-const SERVER_CAPABILITIES = {
-    textDocumentSync: vscodeLanguageserverProtocol.TextDocumentSyncKind.Incremental,
-    // Tell the client that this server supports code completion.
-    completionProvider: {
-        resolveProvider: false,
-        workDoneProgress: false,
-        triggerCharacters: [
-            ...new Set([
-                ...INVOKED_TRIGGER_CHARACTERS,
-                ...VALUE_TRIGGER_CHARACTERS,
-                ...SELECTOR_TRIGGER_CHARACTERS,
-                ...QUERY_TRIGGER_CHARACTERS,
-                DECLARATION_SEPARATOR_TRIGGER_CHARACTER,
-                AT_TRIGGER_CHARACTER,
-                GROUP_TRIGGER_CHARACTER
-            ])
-        ]
-    },
-    colorProvider: true,
-    hoverProvider: true,
-    workspace: {
-        workspaceFolders: {
-            supported: true
-        }
-    }
-};
-
-exports.AT_TRIGGER_CHARACTER = AT_TRIGGER_CHARACTER;
-exports.DECLARATION_SEPARATOR_TRIGGER_CHARACTER = DECLARATION_SEPARATOR_TRIGGER_CHARACTER;
-exports.GROUP_TRIGGER_CHARACTER = GROUP_TRIGGER_CHARACTER;
-exports.INVOKED_TRIGGER_CHARACTERS = INVOKED_TRIGGER_CHARACTERS;
-exports.QUERY_TRIGGER_CHARACTERS = QUERY_TRIGGER_CHARACTERS;
-exports.SELECTOR_TRIGGER_CHARACTERS = SELECTOR_TRIGGER_CHARACTERS;
-exports.SERVER_CAPABILITIES = SERVER_CAPABILITIES;
-exports.VALUE_TRIGGER_CHARACTERS = VALUE_TRIGGER_CHARACTERS;

package/dist/core.cjs

@@ -1,246 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var extend = require('@techor/extend');
-var EventEmitter = require('node:events');
-var settings = require('./settings.cjs');
-var minimatch = require('minimatch');
-var inspectSyntax = require('./features/inspect-syntax.cjs');
-var renderSyntaxColors = require('./features/render-syntax-colors.cjs');
-var editSyntaxColors = require('./features/edit-syntax-colors.cjs');
-var suggestSyntax = require('./features/suggest-syntax.cjs');
-var findMatchingBrackets = require('./utils/find-matching-brackets.cjs');
-var escapeRegexp = require('lodash.escaperegexp');
-
-class CSSLanguageService extends EventEmitter {
-    customSettings;
-    css;
-    settings;
-    constructor(customSettings){
-        super(), this.customSettings = customSettings;
-        this.settings = extend(settings, customSettings);
-        this.css = css.createCSS(this.settings.config);
-    }
-    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);
-    }
-    suggestSyntax(...params) {
-        if (this.settings.suggestSyntax && this.isDocumentAccepted(params[0])) return suggestSyntax?.call(this, ...params);
-    }
-    getClassPosition(textDocument, position) {
-        const positionIndex = textDocument.offsetAt(position);
-        const startIndex = textDocument.offsetAt({
-            line: position.line - 100,
-            character: 0
-        }) ?? 0;
-        const endIndex = textDocument.offsetAt({
-            line: position.line + 100,
-            character: 0
-        }) ?? undefined;
-        const text = textDocument.getText().substring(startIndex, endIndex);
-        const { classAttributeBindings, classAttributes, classDeclarations, classFunctions } = this.settings;
-        const normalizeClassNamePosition = (className, attrStart, escapeCharacter)=>{
-            /**
-             * Matching classes, including empty string after white space
-             * @example <div class="class-a class-b "></div>
-             * @url https://regex101.com/r/LnBLAV/1
-             */ for (const eachClassMatch of className.matchAll(/(?:[^\s]+)?/g)){
-                if (eachClassMatch.index === undefined) continue;
-                const raw = eachClassMatch[0];
-                const classStartIndex = attrStart + eachClassMatch.index;
-                const classEndIndex = classStartIndex + raw.length;
-                if (classStartIndex <= positionIndex - startIndex && positionIndex - startIndex <= classEndIndex) {
-                    return {
-                        range: {
-                            start: classStartIndex,
-                            end: startIndex + classEndIndex
-                        },
-                        raw,
-                        token: raw.replace(new RegExp('\\' + escapeCharacter, 'g'), escapeCharacter)
-                    };
-                } else if (attrStart === classEndIndex) {
-                    return {
-                        range: {
-                            start: attrStart,
-                            end: attrStart
-                        },
-                        raw: '',
-                        token: ''
-                    };
-                }
-            }
-        };
-        const resolve = (classMatchers, handle)=>{
-            for (const eachClassMatcher of classMatchers){
-                let [eachPattern, start, end] = eachClassMatcher;
-                end = end ?? start;
-                for (const eachClassPostioinMatch of text.matchAll(new RegExp(`(?:\\s|\\.)${eachPattern}${escapeRegexp(start)}`, 'g'))){
-                    if (eachClassPostioinMatch.index === undefined) continue;
-                    const eachClassAttributeString = eachClassPostioinMatch[0];
-                    const eachAttrStart = eachClassPostioinMatch.index + eachClassAttributeString.length;
-                    const eachClassPositionEnd = findMatchingBrackets(text, eachAttrStart, start, end);
-                    if (!eachClassPositionEnd) continue;
-                    if ((eachAttrStart <= positionIndex - startIndex && eachClassPositionEnd >= positionIndex - startIndex) === true) {
-                        const classPosition = handle(eachAttrStart, eachClassPositionEnd, eachClassMatcher);
-                        if (classPosition) return classPosition;
-                    } else if (eachClassPostioinMatch.index > positionIndex - startIndex) {
-                        break;
-                    }
-                }
-            }
-        };
-        const stringExpressions = [];
-        const assignmentExpressions = [];
-        classAttributes?.forEach((eachClassAttribute)=>{
-            stringExpressions.push([
-                eachClassAttribute + '=',
-                '"',
-                '"'
-            ], [
-                eachClassAttribute + '=',
-                '\'',
-                '\''
-            ]);
-        });
-        classDeclarations?.forEach((eachClassDeclaration)=>{
-            stringExpressions.push([
-                eachClassDeclaration + '(?:\\s+)?(?::|=)(?:\\s+)?',
-                '"',
-                '"'
-            ], [
-                eachClassDeclaration + '(?:\\s+)?(?::|=)(?:\\s+)?',
-                '`',
-                '`'
-            ], [
-                eachClassDeclaration + '(?:\\s+)?(?::|=)(?:\\s+)?',
-                '\'',
-                '\''
-            ]);
-            assignmentExpressions.push([
-                eachClassDeclaration + '(?:\\s+)?(?::|=)(?:\\s+)?',
-                '{',
-                '}'
-            ]);
-        });
-        classFunctions?.forEach((eachClassFunction)=>{
-            /**
-             * @example clsx`class-a class-b`
-             */ stringExpressions.push([
-                eachClassFunction,
-                '`',
-                '`'
-            ]);
-            /**
-             * @example clsx('class-a class-b')
-             */ assignmentExpressions.push([
-                eachClassFunction,
-                '(',
-                ')'
-            ]);
-        });
-        /**
-         * @example <div class=""></div>
-         * */ if (stringExpressions?.length) {
-            const classPosition = resolve(stringExpressions, (eachAttrStart, eachClassPositionEnd, [eachPattern, pair])=>{
-                const eachClassName = text.substring(eachAttrStart, eachClassPositionEnd);
-                /**
-                 * @example <div class=""></div>
-                 */ if (eachClassName === undefined) {
-                    return {
-                        range: {
-                            start: eachAttrStart,
-                            end: eachAttrStart
-                        },
-                        token: '',
-                        raw: ''
-                    };
-                }
-                const classNameStart = eachAttrStart;
-                const classPosition = normalizeClassNamePosition(eachClassName, classNameStart, pair);
-                if (classPosition) return classPosition;
-            });
-            if (classPosition) return classPosition;
-        }
-        if (classAttributeBindings) {
-            for(const eachClassAttribute in classAttributeBindings){
-                const eachClassAttributeBinding = classAttributeBindings[eachClassAttribute];
-                if (eachClassAttributeBinding === false) continue;
-                assignmentExpressions.push([
-                    eachClassAttribute + '=',
-                    eachClassAttributeBinding[0],
-                    eachClassAttributeBinding[1]
-                ]);
-            }
-        }
-        /**
-         * attribute binding
-         * @example <div className={''}></div>
-         * @example <div :class="isActive ? 'block' : 'hidden'"></div>
-         * */ if (assignmentExpressions?.length) {
-            const classPosition = resolve(assignmentExpressions, (eachAttrStart, eachClassPositionEnd, eachClassMatcher)=>{
-                const eachClassPositionExpression = text.substring(eachAttrStart, eachClassPositionEnd);
-                /**
-                 * @example <div className={""}></div>
-                 */ if ([
-                    '""',
-                    '\'\'',
-                    '``'
-                ].includes(eachClassPositionExpression)) {
-                    return {
-                        range: {
-                            start: eachAttrStart + 1,
-                            end: eachAttrStart + 1
-                        },
-                        raw: '',
-                        token: ''
-                    };
-                }
-                // 1. "
-                for (const classExpressionMatch of eachClassPositionExpression.matchAll(/(?<!\\)"([\s\S]*?)(?<!\\)"/g)){
-                    if (classExpressionMatch.index === undefined) continue;
-                    const eachClassName = classExpressionMatch[1];
-                    const classNameStart = eachAttrStart + classExpressionMatch.index + 1 // " length
-                    ;
-                    const classPosition = normalizeClassNamePosition(eachClassName, classNameStart, '"');
-                    if (classPosition) return classPosition;
-                }
-                // 2. '
-                for (const classExpressionMatch of eachClassPositionExpression.matchAll(/(?<!\\)'([\s\S]*?)(?<!\\)'/g)){
-                    if (classExpressionMatch.index === undefined) continue;
-                    const eachClassName = classExpressionMatch[1];
-                    const classNameStart = eachAttrStart + classExpressionMatch.index + 1 // ' length
-                    ;
-                    const classPosition = normalizeClassNamePosition(eachClassName, classNameStart, '\'');
-                    if (classPosition) return classPosition;
-                }
-                // 3. `
-                for (const classExpressionMatch of eachClassPositionExpression.matchAll(/(?<!\\)`([\s\S]*?)(?<!\\)`/g)){
-                    if (classExpressionMatch.index === undefined) continue;
-                    const eachClassName = classExpressionMatch[1];
-                    const classNameStart = eachAttrStart + classExpressionMatch.index + 1 // ` length
-                    ;
-                    const classPosition = normalizeClassNamePosition(eachClassName, classNameStart, '`');
-                    if (classPosition) return classPosition;
-                }
-            });
-            if (classPosition) return classPosition;
-        }
-    }
-    isDocumentAccepted(doc) {
-        if (!this.settings.exclude) return true;
-        for (const exclude of this.settings.exclude){
-            if (minimatch.minimatch(doc.uri, exclude)) {
-                return false;
-            }
-        }
-        return true;
-    }
-}
-
-module.exports = CSSLanguageService;

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

@@ -1,19 +0,0 @@
-'use strict';
-
-var convertColorToken = require('../utils/convert-color-token.cjs');
-
-function editSyntaxColors(document, color, range) {
-    const colorPresentations = [];
-    const selectedColorToken = document.getText(range);
-    const targetColorToken = convertColorToken.default(color, selectedColorToken, this.css);
-    if (targetColorToken) colorPresentations.push({
-        label: targetColorToken,
-        textEdit: {
-            range,
-            newText: targetColorToken
-        }
-    });
-    return colorPresentations;
-}
-
-module.exports = editSyntaxColors;

package/dist/features/inspect-syntax.cjs

@@ -1,70 +0,0 @@
-'use strict';
-
-var getCssDataDocumentation = require('../utils/get-css-data-documentation.cjs');
-var css = require('@master/css');
-var cssDataProvider = require('../utils/css-data-provider.cjs');
-var getUtilityInfo = require('../utils/get-utility-info.cjs');
-
-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 componentClasses = this.css.components.get(token);
-    if (componentClasses) {
-        const documentation = getCssDataDocumentation.getCSSDataDocumentation({}, {
-            generatedCSS: css.generateCSS([
-                token
-            ], this.css),
-            docs: '/guide/components'
-        });
-        if (documentation) {
-            return {
-                contents: {
-                    kind: documentation.kind,
-                    value: `(style) ` + componentClasses.join(' ') + '\n' + documentation.value
-                }
-            };
-        }
-    } else {
-        const rules = this.css.generate(token);
-        const rule = rules[0];
-        if (rule) {
-            if (rule.type === css.SyntaxRuleType.Utility) {
-                const { data, docs } = getUtilityInfo(rule.registeredSyntax, this.css);
-                const documentation = getCssDataDocumentation.getCSSDataDocumentation(data, {
-                    generatedCSS: css.generateCSS([
-                        token
-                    ], this.css),
-                    docs
-                });
-                if (documentation) {
-                    return {
-                        contents: documentation,
-                        range
-                    };
-                }
-            } else {
-                const nativeProperties = cssDataProvider.provideProperties();
-                const nativeCSSPropertyData = nativeProperties.find(({ name })=>name === rule.id);
-                const documentation = getCssDataDocumentation.getCSSDataDocumentation(nativeCSSPropertyData, {
-                    generatedCSS: css.generateCSS([
-                        token
-                    ], this.css),
-                    docs: '/reference/' + (css.isCoreRule(rule.id) && rule.id)
-                });
-                if (documentation) {
-                    return {
-                        contents: documentation,
-                        range
-                    };
-                }
-            }
-        }
-    }
-}
-
-module.exports = inspectSyntax;

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

@@ -1,89 +0,0 @@
-'use strict';
-
-var regex = require('../utils/regex.cjs');
-var Color = require('colorjs.io');
-var css = require('@master/css');
-
-async function renderSyntaxColors(document) {
-    const text = document.getText() ?? '';
-    const colorInformations = [];
-    try {
-        for (const instanceMatch of text.matchAll(regex.instancePattern)){
-            if (instanceMatch.index === undefined) break;
-            const instanceStartIndex = instanceMatch.index;
-            const syntax = instanceMatch[0];
-            const rule = this.css.generate(syntax)[0];
-            if (rule && rule.type !== css.SyntaxRuleType.Utility) {
-                const keyTokenLength = rule.keyToken?.length ?? 0;
-                let currentLength = 0;
-                const resolveValueComponent = (valueComponent)=>{
-                    if (valueComponent.text === undefined) return; // text is always existing, just for type
-                    const startOffset = instanceStartIndex + keyTokenLength + currentLength;
-                    // TODO: check number mt:30
-                    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; // function name + '('
-                                valueComponent.children.forEach(resolveValueComponent);
-                            }
-                            break;
-                        case 'variable':
-                            if (valueComponent.variable?.type === 'color') {
-                                color = new Color(valueComponent.text);
-                            }
-                            break;
-                        case 'string':
-                            if (valueComponent.text !== '#' && valueComponent.text?.startsWith('#')) {
-                                color = new Color(valueComponent.text);
-                            }
-                            break;
-                    }
-                    // check if rgba is valid
-                    if (color) {
-                        const rgbaColor = color.to('srgb');
-                        colorInformations.push({
-                            range: {
-                                start: document.positionAt(startOffset),
-                                end: document.positionAt(startOffset + valueComponentTokenLength)
-                            },
-                            color: {
-                                red: rgbaColor.r,
-                                green: rgbaColor.g,
-                                blue: rgbaColor.b,
-                                alpha: Number(rgbaColor.alpha)
-                            }
-                        });
-                    }
-                    currentLength += valueComponentTokenLength || 0;
-                };
-                rule.valueComponents.forEach(resolveValueComponent);
-            }
-        }
-    } catch (e) {}
-    const colorIndexSet = new Set();
-    return colorInformations.filter((item)=>{
-        if (colorIndexSet.has(item.range.start)) {
-            return false;
-        } else {
-            colorIndexSet.add(item.range.start);
-            return true;
-        }
-    });
-}
-
-module.exports = renderSyntaxColors;

package/dist/features/suggest-syntax.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var querySyntaxCompletions = require('../utils/query-syntax-completions.cjs');
-
-function suggestSyntax(document, position, context) {
-    const classPosition = this.getClassPosition(document, position);
-    if (classPosition !== undefined) {
-        const q = context?.triggerCharacter === ' ' ? '' : document.getText({
-            start: document.positionAt(classPosition.range.start),
-            end: position
-        });
-        return querySyntaxCompletions(q, this.css);
-    }
-// todo
-// else if (isInstance === true && checkConfigColorsBlock(document, position) === true) {
-//     return getColorCompletionItems(this.css)
-// }
-}
-
-module.exports = suggestSyntax;