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

package/dist/index.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('./core.cjs');
-var settings = require('./settings.cjs');
-var common = require('./common.cjs');
-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');
-
-
-
-exports.CSSLanguageService = core;
-exports.default = core;
-exports.settings = settings;
-exports.AT_TRIGGER_CHARACTER = common.AT_TRIGGER_CHARACTER;
-exports.DECLARATION_SEPARATOR_TRIGGER_CHARACTER = common.DECLARATION_SEPARATOR_TRIGGER_CHARACTER;
-exports.GROUP_TRIGGER_CHARACTER = common.GROUP_TRIGGER_CHARACTER;
-exports.INVOKED_TRIGGER_CHARACTERS = common.INVOKED_TRIGGER_CHARACTERS;
-exports.QUERY_TRIGGER_CHARACTERS = common.QUERY_TRIGGER_CHARACTERS;
-exports.SELECTOR_TRIGGER_CHARACTERS = common.SELECTOR_TRIGGER_CHARACTERS;
-exports.SERVER_CAPABILITIES = common.SERVER_CAPABILITIES;
-exports.VALUE_TRIGGER_CHARACTERS = common.VALUE_TRIGGER_CHARACTERS;
-exports.inspectSyntax = inspectSyntax;
-exports.renderSyntaxColors = renderSyntaxColors;
-exports.editSyntaxColors = editSyntaxColors;
-exports.suggestSyntax = suggestSyntax;

package/dist/settings.cjs

@@ -1,84 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-
-/**
- * @example styles https://regex101.com/r/HLPdsw/1
- **/ const settings = {
-    includedLanguages: [
-        "html",
-        "php",
-        "javascript",
-        "typescript",
-        "javascriptreact",
-        "typescriptreact",
-        "vue",
-        "svelte",
-        "rust",
-        "astro",
-        "markdown",
-        "mdx",
-        "astro"
-    ],
-    /**
-     * @example <div class="a b">
-     * @example <div className="a b">
-     */ classAttributes: css.CLASS_ATTRIBUTES,
-    /**
-     * @example <div class={active ? 'a' : 'b'}>
-     * @example <div className={active ? 'a' : 'b'}>
-     */ classAttributeBindings: {
-        "className": [
-            "{",
-            "}"
-        ],
-        "class": [
-            "{",
-            "}"
-        ],
-        "class:list": [
-            "{",
-            "}"
-        ],
-        ":class": [
-            "\"",
-            "\""
-        ],
-        "v-bind:class": [
-            "\"",
-            "\""
-        ],
-        "[class]": [
-            "\"",
-            "\""
-        ],
-        "[className]": [
-            "\"",
-            "\""
-        ],
-        "[ngClass]": [
-            "\"",
-            "\""
-        ]
-    },
-    /**
-     * @example const components = 'a b'
-     * @example { components: { btn: 'a b' } }
-     */ classDeclarations: css.CLASS_DECLARATIONS,
-    /**
-     * @example clsx('a b')
-     * @example styled`a b`
-     * @example .classList.add('a')
-     */ classFunctions: css.CLASS_FUNCTIONS,
-    exclude: [
-        "**/.git/**",
-        "**/node_modules/**",
-        "**/.hg/**"
-    ],
-    suggestSyntax: true,
-    inspectSyntax: true,
-    renderSyntaxColors: true,
-    editSyntaxColors: true
-};
-
-module.exports = settings;

package/dist/utils/beautify-css.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var beautifyCss = require('js-beautify/js/lib/beautify-css');
-
-// @ts-expect-error
-function beautifyCSS(text) {
-    return beautifyCss.css_beautify(text.replace(/@(media|container|supports|layer)\(/g, '@$1 ('), {
-        newline_between_rules: false,
-        indent_size: 2
-    });
-}
-
-module.exports = beautifyCSS;

package/dist/utils/convert-color-token.cjs

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Color = require('colorjs.io');
-
-function convertColorByToken(color, colorToken, css) {
-    const valueComponent = css.generate('color:' + colorToken)[0]?.valueComponents[0];
-    let outputSpace = 'srgb';
-    switch(valueComponent?.type){
-        case 'function':
-            outputSpace = valueComponent.name;
-            break;
-        case 'variable':
-            outputSpace = valueComponent.variable?.space;
-            break;
-        case 'string':
-            outputSpace = 'srgb';
-            break;
-    }
-    outputSpace = normalizeCSSColorFunctionName(outputSpace);
-    if (!outputSpace) {
-        return;
-    }
-    return new Color({
-        space: 'srgb',
-        coords: [
-            color.red,
-            color.green,
-            color.blue
-        ],
-        alpha: color.alpha
-    }).to(outputSpace).toString({
-        format: 'css',
-        precision: 4,
-        inGamut: false
-    }).replace(' / ', '/').replaceAll(' ', '|');
-}
-function normalizeCSSColorFunctionName(fn) {
-    switch(fn){
-        case 'rgb':
-        case 'rgba':
-            return 'srgb';
-        case 'hsla':
-            return 'hsl';
-        case 'display-p3':
-        case 'p3':
-            return 'p3';
-        case 'rec2020':
-        case 'rec.2020':
-            return 'rec2020';
-        case 'color':
-            return '';
-        default:
-            return fn;
-    }
-}
-
-exports.default = convertColorByToken;
-exports.normalizeCSSColorFunctionName = normalizeCSSColorFunctionName;

package/dist/utils/create-doc.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vscodeLanguageserverTextdocument = require('vscode-languageserver-textdocument');
-
-const languageIdOfExt = {
-    ts: 'typescript',
-    tsx: 'typescriptreact',
-    js: 'javascript',
-    jsx: 'javascriptreact',
-    css: 'css',
-    scss: 'scss',
-    less: 'less',
-    html: 'html',
-    json: 'json',
-    vue: 'vue',
-    svelte: 'svelte',
-    astro: 'astro'
-};
-function createDoc(ext, content) {
-    return vscodeLanguageserverTextdocument.TextDocument.create(`file:///abc.${ext}`, languageIdOfExt[ext], 0, content);
-}
-
-exports.default = createDoc;
-exports.languageIdOfExt = languageIdOfExt;

package/dist/utils/css-data-provider.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var dataProvider = require('vscode-css-languageservice/lib/umd/languageFacts/dataProvider');
-var webCustomData = require('vscode-css-languageservice/lib/umd/data/webCustomData');
-
-// @ts-expect-error
-const cssDataProvider = new dataProvider.CSSDataProvider(webCustomData.cssData);
-
-module.exports = cssDataProvider;

package/dist/utils/css-data-provider.d.ts

@@ -1,3 +0,0 @@
-import type { ICSSDataProvider } from 'vscode-css-languageservice/lib/umd/cssLanguageTypes';
-declare const cssDataProvider: ICSSDataProvider;
-export default cssDataProvider;

package/dist/utils/css-data-provider.mjs

@@ -1,7 +0,0 @@
-import { CSSDataProvider } from 'vscode-css-languageservice/lib/umd/languageFacts/dataProvider';
-import { cssData } from 'vscode-css-languageservice/lib/umd/data/webCustomData';
-
-// @ts-expect-error
-const cssDataProvider = new CSSDataProvider(cssData);
-
-export { cssDataProvider as default };

package/dist/utils/find-matching-brackets.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-function findMatchingPairs(input, startIndex, start, end) {
-    let endIndex;
-    // {} [] ()
-    if (start !== end) {
-        let count = 1;
-        for(let i = startIndex; i < input.length; i++){
-            if (input[i] === start) {
-                count++;
-            } else if (input[i] === end) {
-                count--;
-                if (count === 0) {
-                    endIndex = i;
-                    break;
-                }
-            }
-        }
-    } else {
-        for(let i = startIndex; i < input.length; i++){
-            if (input[i] === start && input[i - 1] !== '\\') {
-                return i;
-            }
-        }
-    }
-    return endIndex;
-}
-
-module.exports = findMatchingPairs;

package/dist/utils/find-matching-brackets.d.ts

@@ -1 +0,0 @@
-export default function findMatchingPairs(input: string, startIndex: number, start: string, end: string): number | undefined;

package/dist/utils/find-matching-brackets.mjs

@@ -1,27 +0,0 @@
-function findMatchingPairs(input, startIndex, start, end) {
-    let endIndex;
-    // {} [] ()
-    if (start !== end) {
-        let count = 1;
-        for(let i = startIndex; i < input.length; i++){
-            if (input[i] === start) {
-                count++;
-            } else if (input[i] === end) {
-                count--;
-                if (count === 0) {
-                    endIndex = i;
-                    break;
-                }
-            }
-        }
-    } else {
-        for(let i = startIndex; i < input.length; i++){
-            if (input[i] === start && input[i - 1] !== '\\') {
-                return i;
-            }
-        }
-    }
-    return endIndex;
-}
-
-export { findMatchingPairs as default };

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

@@ -1,29 +0,0 @@
-'use strict';
-
-var css = require('@master/css');
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-
-function getColorCompletionItems(css$1 = css.createCSS()) {
-    const completionItems = [];
-    css$1.variables.forEach((eachVariable, eachVariableName)=>{
-        if (eachVariable.type === 'color') {
-            // todo: packages/core should support getTextByVariable(variable)
-            const valueToken = eachVariable.space && eachVariable.value ? `${eachVariable.space}(${eachVariable.value})` : eachVariable.value;
-            completionItems.push({
-                label: eachVariableName,
-                // detail is shown in the detail pane
-                // todo: eachVariable.token should be recorded as original config variable
-                detail: valueToken,
-                // documentation is shown in the hover
-                // todo: should convert and space to rgba
-                documentation: eachVariable.space && eachVariable.value ? `${eachVariable.space}(${eachVariable.value.split(' ').join(',')})` : eachVariable.value,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Color,
-                sortText: eachVariableName.replace(/(.+?)-(\d+)/, (match, prefix, num)=>prefix + '-' + ('00000' + num).slice(-5))
-            });
-        }
-    });
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getColorCompletionItems;

package/dist/utils/get-css-data-documentation.cjs

@@ -1,88 +0,0 @@
-'use strict';
-
-var beautifyCss = require('./beautify-css.cjs');
-
-function getCSSDataDocumentation(data, additional) {
-    const values = [];
-    const references = data?.references ? [
-        ...data.references
-    ] : [];
-    if (data?.status) {
-        values.push(getEntryStatus(data.status));
-    }
-    if (additional?.generatedCSS) {
-        values.push('```css\n' + beautifyCss(additional.generatedCSS).split('\n').slice(1).join('\n') + '\n```');
-    }
-    if (data?.description) if (typeof data.description === 'string') {
-        values.push(textToMarkedString(data.description));
-    } else {
-        values.push(data.description.kind === 'markdown' ? data.description.value : textToMarkedString(data.description.value));
-    }
-    const browserLabel = getBrowserLabel(data?.browsers);
-    if (browserLabel) {
-        values.push('(' + textToMarkedString(browserLabel) + ')');
-    }
-    if (data && 'syntax' in data && data.syntax) {
-        values.push(`Syntax: ${textToMarkedString(data.syntax)}`);
-    }
-    // todo: can i use
-    if (additional?.docs) {
-        references.unshift({
-            name: 'Master CSS',
-            url: new URL(additional.docs, 'https://rc.css.master.co').href
-        });
-    }
-    if (references.length) {
-        values.push(references.map((r)=>{
-            return `[${r.name}](${r.url})`;
-        }).join(' | '));
-    }
-    return values?.length ? {
-        kind: 'markdown',
-        value: values.join('\n\n')
-    } : undefined;
-}
-const browserNames = {
-    E: 'Edge',
-    FF: 'Firefox',
-    S: 'Safari',
-    C: 'Chrome',
-    IE: 'IE',
-    O: 'Opera'
-};
-function getEntryStatus(status) {
-    switch(status){
-        case 'experimental':
-            return '⚠️ Property is experimental. Be cautious when using it.️\n\n';
-        case 'nonstandard':
-            return '🚨️ Property is nonstandard. Avoid using it.\n\n';
-        case 'obsolete':
-            return '🚨️️️ Property is obsolete. Avoid using it.\n\n';
-        default:
-            return '';
-    }
-}
-function textToMarkedString(text) {
-    text = text.replace(/[\\`*_{}[\]()#+\-.!]/g, '\\$&'); // escape markdown syntax tokens: http://daringfireball.net/projects/markdown/syntax#backslash
-    return text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-}
-function getBrowserLabel(browsers = []) {
-    if (browsers.length === 0) {
-        return null;
-    }
-    return browsers.map((b)=>{
-        let value = '';
-        const matches = b.match(/([A-Z]+)(\d+)?/) ?? '';
-        const name = matches[1];
-        const version = matches[2];
-        if (name in browserNames) {
-            value += browserNames[name];
-        }
-        if (version) {
-            value += ' ' + version;
-        }
-        return value;
-    }).join(', ');
-}
-
-exports.getCSSDataDocumentation = getCSSDataDocumentation;

package/dist/utils/get-css-data-documentation.d.ts

@@ -1,5 +0,0 @@
-import type { IPropertyData, IValueData, MarkupContent } from 'vscode-css-languageservice';
-export declare function getCSSDataDocumentation(data?: IPropertyData | IValueData, additional?: {
-    generatedCSS?: string;
-    docs?: string | false;
-}): MarkupContent | undefined;

package/dist/utils/get-css-data-documentation.mjs

@@ -1,86 +0,0 @@
-import beautifyCSS from './beautify-css.mjs';
-
-function getCSSDataDocumentation(data, additional) {
-    const values = [];
-    const references = data?.references ? [
-        ...data.references
-    ] : [];
-    if (data?.status) {
-        values.push(getEntryStatus(data.status));
-    }
-    if (additional?.generatedCSS) {
-        values.push('```css\n' + beautifyCSS(additional.generatedCSS).split('\n').slice(1).join('\n') + '\n```');
-    }
-    if (data?.description) if (typeof data.description === 'string') {
-        values.push(textToMarkedString(data.description));
-    } else {
-        values.push(data.description.kind === 'markdown' ? data.description.value : textToMarkedString(data.description.value));
-    }
-    const browserLabel = getBrowserLabel(data?.browsers);
-    if (browserLabel) {
-        values.push('(' + textToMarkedString(browserLabel) + ')');
-    }
-    if (data && 'syntax' in data && data.syntax) {
-        values.push(`Syntax: ${textToMarkedString(data.syntax)}`);
-    }
-    // todo: can i use
-    if (additional?.docs) {
-        references.unshift({
-            name: 'Master CSS',
-            url: new URL(additional.docs, 'https://rc.css.master.co').href
-        });
-    }
-    if (references.length) {
-        values.push(references.map((r)=>{
-            return `[${r.name}](${r.url})`;
-        }).join(' | '));
-    }
-    return values?.length ? {
-        kind: 'markdown',
-        value: values.join('\n\n')
-    } : undefined;
-}
-const browserNames = {
-    E: 'Edge',
-    FF: 'Firefox',
-    S: 'Safari',
-    C: 'Chrome',
-    IE: 'IE',
-    O: 'Opera'
-};
-function getEntryStatus(status) {
-    switch(status){
-        case 'experimental':
-            return '⚠️ Property is experimental. Be cautious when using it.️\n\n';
-        case 'nonstandard':
-            return '🚨️ Property is nonstandard. Avoid using it.\n\n';
-        case 'obsolete':
-            return '🚨️️️ Property is obsolete. Avoid using it.\n\n';
-        default:
-            return '';
-    }
-}
-function textToMarkedString(text) {
-    text = text.replace(/[\\`*_{}[\]()#+\-.!]/g, '\\$&'); // escape markdown syntax tokens: http://daringfireball.net/projects/markdown/syntax#backslash
-    return text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-}
-function getBrowserLabel(browsers = []) {
-    if (browsers.length === 0) {
-        return null;
-    }
-    return browsers.map((b)=>{
-        let value = '';
-        const matches = b.match(/([A-Z]+)(\d+)?/) ?? '';
-        const name = matches[1];
-        const version = matches[2];
-        if (name in browserNames) {
-            value += browserNames[name];
-        }
-        if (version) {
-            value += ' ' + version;
-        }
-        return value;
-    }).join(', ');
-}
-
-export { getCSSDataDocumentation };

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

@@ -1,106 +0,0 @@
-'use strict';
-
-var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
-var css = require('@master/css');
-var getCssDataDocumentation = require('./get-css-data-documentation.cjs');
-var sortCompletionItems = require('./sort-completion-items.cjs');
-var getUtilityInfo = require('./get-utility-info.cjs');
-var cssDataProvider = require('./css-data-provider.cjs');
-
-function getMainCompletionItems(css$1 = css.createCSS()) {
-    const completionItems = [];
-    const addedKeys = new Set();
-    for (const eachDefinedRule of css$1.definedRules){
-        if (eachDefinedRule.definition.type === css.SyntaxRuleType.Utility) {
-            const { data, detail, docs } = getUtilityInfo(eachDefinedRule, css$1);
-            const utilityName = eachDefinedRule.id.slice(1);
-            completionItems.push({
-                label: utilityName,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Value,
-                documentation: getCssDataDocumentation.getCSSDataDocumentation(data, {
-                    generatedCSS: css.generateCSS([
-                        utilityName
-                    ], css$1),
-                    docs
-                }),
-                detail
-            });
-        } else {
-            const nativeProperties = cssDataProvider.provideProperties();
-            const nativeCSSPropertyData = nativeProperties.find(({ name })=>name === eachDefinedRule.id);
-            const eachCompletionItem = {
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Property,
-                documentation: getCssDataDocumentation.getCSSDataDocumentation(nativeCSSPropertyData, {
-                    docs: '/reference/' + css.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$1.animations.forEach((animation, animationName)=>{
-                    completionItems.push({
-                        ...eachCompletionItem,
-                        label: eachDefinedRule.definition.sign + animationName + '|1s',
-                        kind: vscodeLanguageserverProtocol.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: vscodeLanguageserverProtocol.CompletionItemKind.Property,
-            detail: 'ambiguous key',
-            label: aliasGroup + ':',
-            sortText: aliasGroup,
-            command: {
-                title: 'triggerSuggest',
-                command: 'editor.action.triggerSuggest'
-            }
-        });
-    });
-    if (css$1.config.components) {
-        for(const componentClass in css$1.config.components){
-            const componentTokens = css$1.components.get(componentClass);
-            if (!componentTokens) continue;
-            completionItems.push({
-                label: componentClass,
-                kind: vscodeLanguageserverProtocol.CompletionItemKind.Value,
-                documentation: getCssDataDocumentation.getCSSDataDocumentation({}, {
-                    generatedCSS: css.generateCSS([
-                        componentClass
-                    ], css$1),
-                    docs: '/guide/components'
-                }),
-                detail: componentTokens.join(' ') + ' (style)'
-            });
-        }
-    }
-    return sortCompletionItems(completionItems);
-}
-
-module.exports = getMainCompletionItems;

package/dist/utils/get-main-completion-items.d.ts

@@ -1,3 +0,0 @@
-import { type CompletionItem } from 'vscode-languageserver-protocol';
-import { MasterCSS } from '@master/css';
-export default function getMainCompletionItems(css?: MasterCSS): CompletionItem[];