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

package/dist/utils/get-main-completion-items.mjs

@@ -1,104 +0,0 @@
-import { CompletionItemKind } from 'vscode-languageserver-protocol';
-import { createCSS, SyntaxRuleType, generateCSS, isCoreRule } from '@master/css';
-import { getCSSDataDocumentation } from './get-css-data-documentation.mjs';
-import sortCompletionItems from './sort-completion-items.mjs';
-import getUtilityInfo from './get-utility-info.mjs';
-import cssDataProvider from './css-data-provider.mjs';
-
-function getMainCompletionItems(css = createCSS()) {
-    const completionItems = [];
-    const addedKeys = new Set();
-    for (const eachDefinedRule of css.definedRules){
-        if (eachDefinedRule.definition.type === SyntaxRuleType.Utility) {
-            const { data, detail, docs } = getUtilityInfo(eachDefinedRule, css);
-            const utilityName = eachDefinedRule.id.slice(1);
-            completionItems.push({
-                label: utilityName,
-                kind: CompletionItemKind.Value,
-                documentation: getCSSDataDocumentation(data, {
-                    generatedCSS: generateCSS([
-                        utilityName
-                    ], css),
-                    docs
-                }),
-                detail
-            });
-        } else {
-            const nativeProperties = cssDataProvider.provideProperties();
-            const nativeCSSPropertyData = nativeProperties.find(({ name })=>name === eachDefinedRule.id);
-            const eachCompletionItem = {
-                kind: CompletionItemKind.Property,
-                documentation: getCSSDataDocumentation(nativeCSSPropertyData, {
-                    docs: '/reference/' + isCoreRule(eachDefinedRule.id) && eachDefinedRule.id
-                }),
-                detail: nativeCSSPropertyData?.syntax
-            };
-            eachDefinedRule.keys.forEach((key)=>{
-                addedKeys.delete(key);
-                completionItems.push({
-                    ...eachCompletionItem,
-                    label: key + ':',
-                    sortText: key,
-                    command: {
-                        title: 'triggerSuggest',
-                        command: 'editor.action.triggerSuggest'
-                    }
-                });
-            });
-            /**
-             * @example @ animation and ~ transition
-             */ if (eachDefinedRule.definition?.sign && eachDefinedRule.definition.includeAnimations) {
-                css.animations.forEach((animation, animationName)=>{
-                    completionItems.push({
-                        ...eachCompletionItem,
-                        label: eachDefinedRule.definition.sign + animationName + '|1s',
-                        kind: CompletionItemKind.Value
-                    });
-                });
-            }
-            if (eachDefinedRule.definition?.aliasGroups?.length) {
-                for (const aliasGroup of eachDefinedRule.definition.aliasGroups){
-                    if (addedKeys.has(aliasGroup)) {
-                        continue;
-                    }
-                    addedKeys.add(aliasGroup);
-                }
-            }
-        }
-    }
-    addedKeys.forEach((aliasGroup)=>{
-        /**
-         * Ambiguous keys are added to the completion list
-         * @example text: t:
-         */ completionItems.push({
-            kind: CompletionItemKind.Property,
-            detail: 'ambiguous key',
-            label: aliasGroup + ':',
-            sortText: aliasGroup,
-            command: {
-                title: 'triggerSuggest',
-                command: 'editor.action.triggerSuggest'
-            }
-        });
-    });
-    if (css.config.components) {
-        for(const componentClass in css.config.components){
-            const componentTokens = css.components.get(componentClass);
-            if (!componentTokens) continue;
-            completionItems.push({
-                label: componentClass,
-                kind: CompletionItemKind.Value,
-                documentation: getCSSDataDocumentation({}, {
-                    generatedCSS: generateCSS([
-                        componentClass
-                    ], css),
-                    docs: '/guide/components'
-                }),
-                detail: componentTokens.join(' ') + ' (style)'
-            });
-        }
-    }
-    return sortCompletionItems(completionItems);
-}
-
-export { getMainCompletionItems as default };

package/dist/utils/get-position.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var vscodeLanguageserverTextdocument = require('vscode-languageserver-textdocument');
-
-function getPosition(searchString, text) {
-    const document = vscodeLanguageserverTextdocument.TextDocument.create('mockuri://test', 'plaintext', 1, text);
-    const offset = text.indexOf(searchString);
-    const position = document.positionAt(offset);
-    return position;
-}
-
-module.exports = getPosition;

package/dist/utils/get-pseudo-class-completion-items.cjs

@@ -1,67 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var cssDataProvider = require('./css-data-provider.cjs');
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-var getCssDataDocumentation = require('./get-css-data-documentation.cjs');
-
-const kind = vscodeLanguageserverProtocol.CompletionItemKind.Function;
-function getPseudoClassCompletionItems(css$1 = css.createCSS(), syntax) {
-    const pseudoClassDataList = cssDataProvider.providePseudoClasses().filter((data)=>{
-        // exclude @page pseudo-classes
-        if ([
-            ':first',
-            ':left',
-            ':right',
-            ':blank'
-        ].includes(data.name)) return false;
-        return true;
-    });
-    const completionItems = pseudoClassDataList.map((data)=>{
-        // fix https://github.com/microsoft/vscode-custom-data/issues/78
-        const name = /:(?:dir|has|is|nth-col|where)/.test(data.name) ? data.name + '()' : data.name;
-        let sortText = name.startsWith(':-') ? 'yyyy' + name.slice(2) : 'yy' + name.replace(/^:/, '');
-        if (sortText.endsWith('()')) sortText = 'y' + sortText;
-        return {
-            label: name,
-            sortText,
-            documentation: getCssDataDocumentation.getCSSDataDocumentation(data, {
-                generatedCSS: css.generateCSS([
-                    syntax + name.slice(1)
-                ], css$1),
-                docs: '/guide/selectors'
-            }),
-            kind,
-            data
-        };
-    });
-    const selectors = {
-        ...css$1.config.selectors,
-        ':of': ':of'
-    };
-    for(const name in selectors){
-        if (name.startsWith('::')) continue;
-        const value = selectors[name];
-        const data = pseudoClassDataList.find((data)=>value.startsWith(data.name));
-        let sortText = name.startsWith(':-') ? 'yyyy' + name.slice(2) : 'yy' + name.replace(/^:/, '');
-        if (sortText.endsWith('()')) sortText = 'y' + sortText;
-        const completionItem = {
-            label: name,
-            documentation: getCssDataDocumentation.getCSSDataDocumentation(data, {
-                generatedCSS: css.generateCSS([
-                    syntax + name.slice(1)
-                ], css$1),
-                docs: '/guide/selectors'
-            }),
-            sortText,
-            kind,
-            detail: String(value),
-            data
-        };
-        completionItems.push(completionItem);
-    }
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getPseudoClassCompletionItems;

package/dist/utils/get-pseudo-element-completion-items.cjs

@@ -1,56 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var cssDataProvider = require('./css-data-provider.cjs');
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-var getCssDataDocumentation = require('./get-css-data-documentation.cjs');
-
-const kind = vscodeLanguageserverProtocol.CompletionItemKind.Function;
-function getPseudoElementCompletionItems(css$1 = css.createCSS(), syntax) {
-    const pseudoElementDataList = cssDataProvider.providePseudoElements();
-    const completionItems = pseudoElementDataList.map((data)=>{
-        // fix https://github.com/microsoft/vscode-custom-data/issues/78
-        const name = /::(?:part|slotted)/.test(data.name) ? data.name + '()' : data.name;
-        let sortText = name.startsWith('::-') ? 'zzzz' + name.slice(3) : 'zz' + name.replace(/^::/, '');
-        if (sortText.endsWith('()')) sortText = 'z' + sortText;
-        return {
-            label: name,
-            sortText,
-            documentation: getCssDataDocumentation.getCSSDataDocumentation(data, {
-                generatedCSS: css.generateCSS([
-                    syntax + name.slice(2)
-                ], css$1),
-                docs: '/guide/selectors'
-            }),
-            kind,
-            data
-        };
-    });
-    for(const selectorName in css$1.config.selectors){
-        if (!selectorName.startsWith('::')) continue;
-        const selectorValue = css$1.config.selectors[selectorName];
-        const name = selectorName.endsWith('(') ? selectorName + ')' : selectorName;
-        const value = typeof selectorValue === 'string' ? selectorValue.endsWith('(') ? selectorValue + ')' : selectorValue : selectorValue;
-        const data = pseudoElementDataList.find((data)=>typeof value === 'string' ? value.startsWith(data.name) : false);
-        let sortText = name.startsWith('::-') ? 'zzzz' + name.slice(3) : 'zz' + name.replace(/^::/, '');
-        if (sortText.endsWith('()')) sortText = 'z' + sortText;
-        const completionItem = {
-            label: name,
-            documentation: getCssDataDocumentation.getCSSDataDocumentation(data, {
-                generatedCSS: css.generateCSS([
-                    syntax + name.slice(2)
-                ], css$1),
-                docs: '/guide/selectors'
-            }),
-            sortText,
-            kind,
-            detail: String(value),
-            data
-        };
-        completionItems.push(completionItem);
-    }
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getPseudoElementCompletionItems;

package/dist/utils/get-query-completion-items.cjs

@@ -1,92 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-var getCssDataDocumentation = require('./get-css-data-documentation.cjs');
-var cssDataProvider = require('./css-data-provider.cjs');
-
-function getQueryCompletionItems(css$1 = css.createCSS(), triggerCharacter = css.AT_SIGN, syntax) {
-    const atDataList = cssDataProvider.provideAtDirectives();
-    const completionItems = [];
-    if (!css.QUERY_COMPARISON_OPERATORS.includes(triggerCharacter)) {
-        [
-            'media',
-            'container',
-            'supports'
-        ].forEach((name)=>{
-            completionItems.push({
-                label: triggerCharacter + name + '()',
-                filterText: name + '()',
-                insertText: name + '()',
-                sortText: name + '()',
-                documentation: getCssDataDocumentation.getCSSDataDocumentation(atDataList.find(({ name })=>name === '@' + name), {
-                    generatedCSS: css.generateCSS([
-                        syntax + name + '()'
-                    ], css$1),
-                    docs: '/guide/at'
-                })
-            });
-        });
-    }
-    const handleNumberNodes = (atRule, token)=>{
-        const numberNode = css.getSingleAtNumberRuleNode(atRule.nodes);
-        if (numberNode) {
-            const prevComparisonCharacter = syntax.charAt(syntax.length - 2);
-            const comparisonCharacter = prevComparisonCharacter === '>' || prevComparisonCharacter === '<' ? prevComparisonCharacter + triggerCharacter : triggerCharacter;
-            const text = css.generateAt(css.parseAt(comparisonCharacter + token, css$1));
-            completionItems.push({
-                label: comparisonCharacter + token,
-                sortText: vscodeLanguageserverProtocol.CompletionItemKind.Keyword + comparisonCharacter + String(Math.round(numberNode.value)).padStart(12, '0'),
-                filterText: token,
-                insertText: token,
-                detail: text,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Keyword,
-                documentation: getCssDataDocumentation.getCSSDataDocumentation(undefined, {
-                    generatedCSS: css.generateCSS([
-                        syntax + token
-                    ], css$1),
-                    docs: '/guide/at'
-                })
-            });
-            return true;
-        }
-    };
-    css$1.atRules.forEach((atRule, token)=>{
-        const completionItem = {
-            filterText: token,
-            insertText: token,
-            documentation: getCssDataDocumentation.getCSSDataDocumentation(undefined, {
-                generatedCSS: css.generateCSS([
-                    syntax + token
-                ], css$1),
-                docs: '/guide/at'
-            })
-        };
-        if ([
-            css.AT_SIGN,
-            ...css.QUERY_LOGICAL_OPERATORS
-        ].includes(triggerCharacter)) {
-            if (handleNumberNodes(atRule, token)) return;
-            const text = css.generateAt(css.parseAt(triggerCharacter + token, css$1));
-            completionItems.push({
-                ...completionItem,
-                label: triggerCharacter + token,
-                detail: text,
-                sortText: vscodeLanguageserverProtocol.CompletionItemKind.Keyword + token,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Keyword,
-                documentation: getCssDataDocumentation.getCSSDataDocumentation(undefined, {
-                    generatedCSS: css.generateCSS([
-                        syntax + token
-                    ], css$1),
-                    docs: '/guide/at'
-                })
-            });
-        } else if (css.QUERY_COMPARISON_OPERATORS.includes(triggerCharacter)) {
-            handleNumberNodes(atRule, token);
-        }
-    });
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getQueryCompletionItems;

package/dist/utils/get-range.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-function getRange(searchString, doc) {
-    const text = doc.getText();
-    const regex = new RegExp(`(\\b(?:className|class)\\s*=\\s*(['"\`]))(.*?)\\2`, 'gs');
-    let match;
-    while((match = regex.exec(text)) !== null){
-        match[0];
-        const attrStartIndex = match.index + match[1].length;
-        const className = match[3];
-        const relativeIndex = className.indexOf(searchString);
-        if (relativeIndex !== -1) {
-            const absoluteIndex = attrStartIndex + relativeIndex;
-            return {
-                start: doc.positionAt(absoluteIndex),
-                end: doc.positionAt(absoluteIndex + searchString.length)
-            };
-        }
-    }
-    throw new Error(`Cannot find "${searchString}" in any class attribute.`);
-}
-
-module.exports = getRange;

package/dist/utils/get-utility-info.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var cssDataProvider = require('./css-data-provider.cjs');
-
-function getUtilityInfo(syntax, css$1 = css.createCSS()) {
-    const nativeProperties = cssDataProvider.provideProperties();
-    const declarations = syntax.definition.declarations;
-    const propsLength = Object.keys(declarations || {}).length;
-    const propName = Object.keys(declarations || {})[0];
-    const propValue = declarations?.[propName];
-    let data;
-    let detail;
-    /**
-     * Remaps to native CSS properties when only one property is declared
-     * */ if (propsLength === 1) {
-        const nativeCSSPropertyData = nativeProperties.find(({ name })=>name === propName);
-        data = nativeCSSPropertyData?.values?.find(({ name })=>name === propValue || name.replace(/^-(ms|moz)-/, '') === propValue);
-        if (data) {
-            detail = `${propName}: ${propValue}`;
-        } else {
-            data = nativeCSSPropertyData;
-            detail = nativeCSSPropertyData?.syntax;
-        }
-    }
-    return {
-        docs: '/reference/' + (data ? propName : 'utilities'),
-        data,
-        detail
-    };
-}
-
-module.exports = getUtilityInfo;

package/dist/utils/get-value-completion-items.cjs

@@ -1,183 +0,0 @@
-'use strict';
-
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var cssDataProvider = require('./css-data-provider.cjs');
-var css = require('@master/css');
-var getCssDataDocumentation = require('./get-css-data-documentation.cjs');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-
-const SCOPED_VARIABLE_PRIORITY = 'aaaa';
-const AMBIGUOUS_PRIORITY = 'bbbb';
-const NATIVE_PRIORITY = 'ccccc';
-const GLOBAL_VARIABLE_PRIORITY = 'zzzz';
-function getValueCompletionItems(css$1 = css.createCSS(), ruleKey) {
-    const nativeProperties = cssDataProvider.provideProperties();
-    const completionItems = [];
-    const nativeKey = css$1.definedRules.find(({ keys })=>keys.includes(ruleKey))?.id;
-    const nativePropertyData = nativeProperties.find(({ name })=>name === nativeKey);
-    const generateVariableCompletionItem = (variable, { scoped } = {
-        scoped: false
-    })=>{
-        const eachNativePropertyData = nativeProperties.find((x)=>x.name === variable.group) || nativePropertyData;
-        const appliedValue = scoped ? variable.key : variable.name;
-        const documentation = getCssDataDocumentation.getCSSDataDocumentation(eachNativePropertyData, {
-            generatedCSS: css.generateCSS([
-                ruleKey + ':' + appliedValue
-            ], css$1),
-            docs: '/reference/' + (eachNativePropertyData?.name || 'variables')
-        });
-        const completionItem = {
-            label: variable.name,
-            kind: vscodeLanguageserverProtocol.CompletionItemKind.Value
-        };
-        const conflicted = completionItems.find(({ label })=>label === variable.name);
-        if (conflicted) {
-            completionItem.label = '$(' + completionItem.label + ')';
-            completionItem.documentation = getCssDataDocumentation.getCSSDataDocumentation(eachNativePropertyData, {
-                generatedCSS: css.generateCSS([
-                    ruleKey + ':' + completionItem.label
-                ], css$1),
-                docs: '/reference/' + (eachNativePropertyData?.name || 'variables')
-            });
-        } else {
-            completionItem.documentation = getCssDataDocumentation.getCSSDataDocumentation(eachNativePropertyData, {
-                generatedCSS: css.generateCSS([
-                    ruleKey + ':' + appliedValue
-                ], css$1),
-                docs: '/reference/' + (eachNativePropertyData?.name || 'variables')
-            });
-        }
-        if (variable.type === 'color') {
-            if (Object.keys(variable.modes || {}).length) {
-                completionItem.kind = vscodeLanguageserverProtocol.CompletionItemKind.Color;
-                completionItem.detail = variable.name;
-            } else {
-                // todo: packages/core should support getTextByVariable(variable)
-                const configKey = 'variables.' + (variable.group ? variable.group + '.' + variable.key : variable.name);
-                const valueToken = variable.space && variable.value ? `${variable.space}(${variable.value.split(' ').join(',')})` : variable.value;
-                // detail is shown in the detail pane
-                // todo: variable.token should be recorded as original config variable
-                completionItem.detail = String(configKey);
-                completionItem.documentation = {
-                    kind: 'markdown',
-                    value: valueToken + '\n\n' + documentation?.value
-                };
-                completionItem.kind = vscodeLanguageserverProtocol.CompletionItemKind.Color;
-                completionItem.sortText = 'color-' + variable.name.replace(/(.+?)-(\d+)/, (match, prefix, num)=>prefix + num.padStart(10, '0'));
-            }
-        } else if (variable.type === 'number') {
-            if (variable.name.startsWith('-') && eachNativePropertyData?.syntax?.includes('absolute')) return;
-            completionItem.detail = String(variable.name);
-            completionItem.sortText = (variable.group || '') + (variable.value >= 0 ? String(variable.value).padStart(10, '0') : '-' + String(Math.abs(variable.value)).padStart(10, '0'));
-        } else {
-            completionItem.detail = String(variable.value || variable.name);
-        }
-        return completionItem;
-    };
-    for (const eachDefinedRule of css$1.definedRules){
-        /**
-         * Scoped variables
-         * @example box: + content -> box-sizing:content
-         */ if (eachDefinedRule.definition.key === ruleKey || eachDefinedRule.definition.subkey === ruleKey || eachDefinedRule.definition.aliasGroups?.includes(ruleKey)) {
-            eachDefinedRule.variables?.forEach((variable, variableName)=>{
-                if (completionItems.find(({ label })=>label === variableName)) return;
-                const completionItem = generateVariableCompletionItem(variable, {
-                    scoped: true
-                });
-                if (completionItem) {
-                    completionItem.label = variableName;
-                    completionItem.sortText = SCOPED_VARIABLE_PRIORITY + variableName;
-                    completionItem.detail = '(scope) ' + completionItem.detail;
-                    completionItems.push(completionItem);
-                }
-            });
-        }
-        /**
-         * @example animation:fade
-         */ if (eachDefinedRule.keys.includes(ruleKey) && eachDefinedRule.definition.includeAnimations) {
-            css$1.animations.forEach((_, animationName)=>{
-                const isNative = eachDefinedRule.definition.type && [
-                    css.SyntaxRuleType.Native,
-                    css.SyntaxRuleType.NativeShorthand
-                ].includes(eachDefinedRule.definition.type);
-                completionItems.push({
-                    label: animationName,
-                    kind: vscodeLanguageserverProtocol.CompletionItemKind.Value,
-                    documentation: getCssDataDocumentation.getCSSDataDocumentation(undefined, {
-                        generatedCSS: css.generateCSS([
-                            ruleKey + ':' + animationName
-                        ], css$1),
-                        docs: '/reference/' + css.isCoreRule(eachDefinedRule.id) && eachDefinedRule.id
-                    }),
-                    detail: isNative ? eachDefinedRule.id + ': ' + animationName : animationName
-                });
-            });
-        }
-        /**
-         * Ambiguous values
-         * @example text: -> center, left, right, justify
-         * @example t: -> center, left, right, justify
-         */ if (eachDefinedRule.definition.aliasGroups?.includes(ruleKey) && eachDefinedRule.definition.values?.length) {
-            const nativePropertyData = nativeProperties.find((x)=>x.name === eachDefinedRule.id);
-            for (const value of eachDefinedRule.definition.values){
-                if (typeof value !== 'string') continue;
-                const nativeValueData = nativePropertyData?.values?.find((x)=>x.name === value);
-                const isNative = eachDefinedRule.definition.type && [
-                    css.SyntaxRuleType.Native,
-                    css.SyntaxRuleType.NativeShorthand
-                ].includes(eachDefinedRule.definition.type);
-                completionItems.push({
-                    label: value,
-                    kind: vscodeLanguageserverProtocol.CompletionItemKind.Value,
-                    sortText: AMBIGUOUS_PRIORITY + value,
-                    documentation: getCssDataDocumentation.getCSSDataDocumentation({
-                        ...nativeValueData || {},
-                        // use nativePropertyData.reference because nativeValueData does not have references
-                        references: nativePropertyData?.references
-                    }, {
-                        generatedCSS: css.generateCSS([
-                            ruleKey + ':' + value
-                        ], css$1),
-                        docs: '/reference/' + css.isCoreRule(eachDefinedRule.id) && eachDefinedRule.id
-                    }),
-                    detail: isNative ? eachDefinedRule.id + ': ' + value : value
-                });
-            }
-        }
-    }
-    /**
-     * Native values
-     */ if (nativeKey) {
-        nativePropertyData?.values?.forEach((value)=>{
-            if (completionItems.find((x)=>x.label === value.name) || nativePropertyData.name === 'font' && typeof +value.name === 'number' || value.name.includes(' ')) return;
-            completionItems.push({
-                label: value.name,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Value,
-                sortText: NATIVE_PRIORITY + (value.name.startsWith('-') ? 'zz' + value.name.slice(1) : value.name),
-                documentation: getCssDataDocumentation.getCSSDataDocumentation({
-                    ...value,
-                    // use nativePropertyData.reference because nativeValueData does not have references
-                    references: nativePropertyData?.references
-                }, {
-                    generatedCSS: css.generateCSS([
-                        ruleKey + ':' + value.name
-                    ], css$1),
-                    docs: '/reference/' + nativeKey
-                }),
-                detail: nativeKey + ': ' + value.name
-            });
-        });
-    }
-    // global variables
-    css$1.variables.forEach((variable)=>{
-        const completionItem = generateVariableCompletionItem(variable);
-        if (completionItem) {
-            completionItem.sortText = GLOBAL_VARIABLE_PRIORITY + (completionItem.sortText || completionItem.label);
-            completionItem.detail = '(global) ' + completionItem.detail;
-            completionItems.push(completionItem);
-        }
-    });
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getValueCompletionItems;