@master/css-language-service 2.0.0-rc.6 → 2.0.0-rc.60

package/dist/index.cjs

@@ -0,0 +1,29 @@
+'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/index.d.ts

@@ -1,5 +1,7 @@
-export { getDocumentColors, getColorValue, getColorPresentation } from './providers/color';
-export { checkConfigColorsBlock, getLastInstance, getConfigColorsCompletionItem, getCompletionItem, getReturnItem } from './providers/completion';
-export { doHover } from './providers/hover';
-export { positionCheck } from './position-check';
-export { settings } from './settings';
+export { default, default as CSSLanguageService } 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';

package/dist/index.mjs

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

package/dist/settings.cjs

@@ -0,0 +1,84 @@
+'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/settings.d.ts

@@ -1,9 +1,19 @@
-export declare const settings: {
-    languages: string[];
-    classMatch: string[];
-    exclude: string[];
-    suggestions: boolean;
-    inspect: boolean;
-    previewColors: boolean;
-    config: string;
-};
+import { Config } from '@master/css';
+/**
+ * @example styles https://regex101.com/r/HLPdsw/1
+ **/
+declare const settings: Settings;
+export default settings;
+export declare interface Settings {
+    includedLanguages?: string[];
+    classAttributes?: string[];
+    classFunctions?: string[];
+    classDeclarations?: string[];
+    classAttributeBindings?: Record<string, [string, string] | false>;
+    exclude?: string[];
+    config?: Config;
+    suggestSyntax?: boolean;
+    inspectSyntax?: boolean;
+    renderSyntaxColors?: boolean;
+    editSyntaxColors?: boolean;
+}

package/dist/settings.mjs

@@ -0,0 +1,82 @@
+import { CLASS_FUNCTIONS, CLASS_DECLARATIONS, CLASS_ATTRIBUTES } from '@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: 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: CLASS_DECLARATIONS,
+    /**
+     * @example clsx('a b')
+     * @example styled`a b`
+     * @example .classList.add('a')
+     */ classFunctions: CLASS_FUNCTIONS,
+    exclude: [
+        "**/.git/**",
+        "**/node_modules/**",
+        "**/.hg/**"
+    ],
+    suggestSyntax: true,
+    inspectSyntax: true,
+    renderSyntaxColors: true,
+    editSyntaxColors: true
+};
+
+export { settings as default };

package/dist/utils/beautify-css.cjs

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

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

@@ -0,0 +1 @@
+export default function beautifyCSS(text: string): any;

package/dist/utils/beautify-css.mjs

@@ -0,0 +1,11 @@
+import { css_beautify } from 'js-beautify/js/lib/beautify-css';
+
+// @ts-expect-error
+function beautifyCSS(text) {
+    return css_beautify(text, {
+        newline_between_rules: false,
+        indent_size: 2
+    });
+}
+
+export { beautifyCSS as default };

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var culori = require('culori');
+
+function convertColorSpace(rgb, targetSpace) {
+    const alphaUsed = rgb.alpha !== 1;
+    const alphaToken = alphaUsed ? `/${rgb.alpha}` : '';
+    if (rgb.r === 0 && rgb.g === 0 && rgb.b === 0) return 'black' + alphaToken;
+    if (rgb.r === 1 && rgb.g === 1 && rgb.b === 1) return 'white' + alphaToken;
+    switch(targetSpace){
+        case 'hex':
+            return alphaUsed ? culori.serializeHex8(rgb) : culori.serializeHex(rgb);
+        case 'rgba':
+        case 'rgb':
+            return `rgb(${Math.round(rgb.r * 255)}|${Math.round(rgb.g * 255)}|${Math.round(rgb.b * 255)}${alphaToken})`;
+        case 'hsla':
+        case 'hsl':
+            const hsl = culori.modeHsl.fromMode.rgb(rgb);
+            return `hsl(${Math.round(hsl.h || 0)}|${Math.round(hsl.s * 100)}%|${Math.round(hsl.l * 100)}%${alphaToken})`;
+        case 'hwb':
+            const hwb = culori.modeHwb.fromMode.rgb(rgb);
+            return `hwb(${Math.round(hwb.h || 0)}|${Math.round(hwb.w * 100)}%|${Math.round(hwb.b * 100)}%${alphaToken})`;
+        case 'lab':
+            const lab = culori.modeLab.fromMode.rgb(rgb);
+            return `lab(${Math.round(lab.l)}%|${Math.round(lab.a)}|${Math.round(lab.b || 0)}${alphaToken})`;
+        case 'lch':
+            const lch = culori.modeLch.fromMode.rgb(rgb);
+            return `lch(${Math.round(lch.l)}%|${Math.round(lch.c)}|${Math.round(lch.h || 0)}${alphaToken})`;
+        case 'oklab':
+            const oklab = culori.modeOklab.fromMode.rgb(rgb);
+            return `oklab(${Math.round(oklab.l * 100)}%|${oklab.a.toFixed(4)}|${oklab.b.toFixed(4)}${alphaToken})`;
+        case 'oklch':
+            const oklch = culori.modeOklch.fromMode.rgb(rgb);
+            return `oklch(${Math.round(oklch.l * 100)}%|${oklch.c.toFixed(4)}|${Math.round(oklch.h || 0)}${alphaToken})`;
+    }
+    // color()
+    return culori.formatCss(rgb).replace(' / ', '/').replace(' ', '|');
+}
+
+module.exports = convertColorSpace;

package/dist/utils/convert-color-space.d.ts

@@ -0,0 +1,2 @@
+import { type Rgb } from 'culori';
+export default function convertColorSpace(rgb: Rgb, targetSpace: any): string | undefined;

package/dist/utils/convert-color-space.mjs

@@ -0,0 +1,38 @@
+import { modeOklch, modeOklab, modeLch, modeLab, modeHwb, modeHsl, serializeHex8, serializeHex, formatCss } from 'culori';
+
+function convertColorSpace(rgb, targetSpace) {
+    const alphaUsed = rgb.alpha !== 1;
+    const alphaToken = alphaUsed ? `/${rgb.alpha}` : '';
+    if (rgb.r === 0 && rgb.g === 0 && rgb.b === 0) return 'black' + alphaToken;
+    if (rgb.r === 1 && rgb.g === 1 && rgb.b === 1) return 'white' + alphaToken;
+    switch(targetSpace){
+        case 'hex':
+            return alphaUsed ? serializeHex8(rgb) : serializeHex(rgb);
+        case 'rgba':
+        case 'rgb':
+            return `rgb(${Math.round(rgb.r * 255)}|${Math.round(rgb.g * 255)}|${Math.round(rgb.b * 255)}${alphaToken})`;
+        case 'hsla':
+        case 'hsl':
+            const hsl = modeHsl.fromMode.rgb(rgb);
+            return `hsl(${Math.round(hsl.h || 0)}|${Math.round(hsl.s * 100)}%|${Math.round(hsl.l * 100)}%${alphaToken})`;
+        case 'hwb':
+            const hwb = modeHwb.fromMode.rgb(rgb);
+            return `hwb(${Math.round(hwb.h || 0)}|${Math.round(hwb.w * 100)}%|${Math.round(hwb.b * 100)}%${alphaToken})`;
+        case 'lab':
+            const lab = modeLab.fromMode.rgb(rgb);
+            return `lab(${Math.round(lab.l)}%|${Math.round(lab.a)}|${Math.round(lab.b || 0)}${alphaToken})`;
+        case 'lch':
+            const lch = modeLch.fromMode.rgb(rgb);
+            return `lch(${Math.round(lch.l)}%|${Math.round(lch.c)}|${Math.round(lch.h || 0)}${alphaToken})`;
+        case 'oklab':
+            const oklab = modeOklab.fromMode.rgb(rgb);
+            return `oklab(${Math.round(oklab.l * 100)}%|${oklab.a.toFixed(4)}|${oklab.b.toFixed(4)}${alphaToken})`;
+        case 'oklch':
+            const oklch = modeOklch.fromMode.rgb(rgb);
+            return `oklch(${Math.round(oklch.l * 100)}%|${oklch.c.toFixed(4)}|${Math.round(oklch.h || 0)}${alphaToken})`;
+    }
+    // color()
+    return formatCss(rgb).replace(' / ', '/').replace(' ', '|');
+}
+
+export { convertColorSpace as default };

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var convertColorSpace = require('./convert-color-space.cjs');
+
+function convertColorByToken(color, colorToken, css) {
+    const valueComponent = css.generate('color:' + colorToken)[0]?.valueComponents[0];
+    let outputColorSpace = 'hex';
+    switch(valueComponent?.type){
+        case 'function':
+            outputColorSpace = valueComponent.name;
+            break;
+        case 'variable':
+            outputColorSpace = valueComponent.variable?.space;
+            break;
+        case 'string':
+            outputColorSpace = 'hex';
+            break;
+    }
+    return convertColorSpace({
+        r: color.red,
+        g: color.green,
+        b: color.blue,
+        alpha: color.alpha,
+        mode: 'rgb'
+    }, outputColorSpace);
+}
+
+module.exports = convertColorByToken;

package/dist/utils/convert-color-token.d.ts

@@ -0,0 +1,3 @@
+import type { MasterCSS } from '@master/css';
+import type { ColorPresentationParams } from 'vscode-languageserver-protocol';
+export default function convertColorByToken(color: ColorPresentationParams['color'], colorToken: string, css: MasterCSS): string | undefined;

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

@@ -0,0 +1,26 @@
+import convertColorSpace from './convert-color-space.mjs';
+
+function convertColorByToken(color, colorToken, css) {
+    const valueComponent = css.generate('color:' + colorToken)[0]?.valueComponents[0];
+    let outputColorSpace = 'hex';
+    switch(valueComponent?.type){
+        case 'function':
+            outputColorSpace = valueComponent.name;
+            break;
+        case 'variable':
+            outputColorSpace = valueComponent.variable?.space;
+            break;
+        case 'string':
+            outputColorSpace = 'hex';
+            break;
+    }
+    return convertColorSpace({
+        r: color.red,
+        g: color.green,
+        b: color.blue,
+        alpha: color.alpha,
+        mode: 'rgb'
+    }, outputColorSpace);
+}
+
+export { convertColorByToken as default };

package/dist/utils/create-doc.cjs

@@ -0,0 +1,26 @@
+'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/create-doc.d.ts

@@ -0,0 +1,16 @@
+import { TextDocument } from 'vscode-languageserver-textdocument';
+export declare const languageIdOfExt: {
+    ts: string;
+    tsx: string;
+    js: string;
+    jsx: string;
+    css: string;
+    scss: string;
+    less: string;
+    html: string;
+    json: string;
+    vue: string;
+    svelte: string;
+    astro: string;
+};
+export default function createDoc(ext: keyof typeof languageIdOfExt, content: string): TextDocument;

package/dist/utils/create-doc.mjs

@@ -0,0 +1,21 @@
+import { TextDocument } from '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 TextDocument.create(`file:///abc.${ext}`, languageIdOfExt[ext], 0, content);
+}
+
+export { createDoc as default, languageIdOfExt };

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

@@ -0,0 +1,9 @@
+'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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,29 @@
+'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

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

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,29 @@
+'use strict';
+
+var css = require('@master/css');
+var vscodeLanguageserverProtocol = require('vscode-languageserver-protocol');
+var sortCompletionItems = require('./sort-completion-items.cjs');
+
+function getColorCompletionItems(css$1 = new css.MasterCSS()) {
+    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-color-completion-items.d.ts

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

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

@@ -0,0 +1,27 @@
+import { MasterCSS } from '@master/css';
+import { CompletionItemKind } from 'vscode-languageserver-protocol';
+import sortCompletionItems from './sort-completion-items.mjs';
+
+function getColorCompletionItems(css = new MasterCSS()) {
+    const completionItems = [];
+    css.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: CompletionItemKind.Color,
+                sortText: eachVariableName.replace(/(.+?)-(\d+)/, (match, prefix, num)=>prefix + '-' + ('00000' + num).slice(-5))
+            });
+        }
+    });
+    return sortCompletionItems(completionItems);
+}
+
+export { getColorCompletionItems as default };