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

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-import { MasterCSS, type ClassPosition } from '@master/css-language';
+import { type CSSLanguageRuntime, type MasterCSS, type ClassPosition } from '@master/css-language';
 import EventEmitter from 'node:events';
 import type { Position } from 'vscode-languageserver-protocol';
 import { type Settings } from './settings';
@@ -9,13 +9,17 @@ import renderSemanticTokens, { renderSemanticTokensAtPosition } from './features
 import suggestSyntax from './features/suggest-syntax';
 import { TextDocument } from 'vscode-languageserver-textdocument';
 export type { ClassPosition };
+export interface CSSLanguageServiceOptions {
+    runtime?: CSSLanguageRuntime;
+}
 export default class CSSLanguageService extends EventEmitter {
     customSettings?: Settings | undefined;
     css: MasterCSS;
+    runtime: CSSLanguageRuntime;
     settings: Settings;
     private completionIndex?;
     private classPositionCache;
-    constructor(customSettings?: Settings | undefined);
+    constructor(customSettings?: Settings | undefined, options?: CSSLanguageServiceOptions);
     private getCompletionIndex;
     inspectSyntax(...params: Parameters<typeof inspectSyntax>): import("vscode-languageserver-protocol").Hover | undefined;
     renderSyntaxColors(...params: Parameters<typeof renderSyntaxColors>): Promise<import("vscode-languageserver-protocol").ColorInformation[] | undefined> | undefined;

package/dist/core.mjs

@@ -1,4 +1,4 @@
-import { ClassPositionCache, MasterCSS, matchesLanguageServiceNativeDeclaration, defaultManifest, getClassPositions } from '@master/css-language';
+import { ClassPositionCache, defaultCSSLanguageRuntime, getClassPositions } from '@master/css-language';
 import extend from '@techor/extend';
 import EventEmitter from 'node:events';
 import settings from './settings.mjs';
@@ -13,19 +13,21 @@ import { createCompletionIndex } from './utils/completion-index.mjs';
 class CSSLanguageService extends EventEmitter {
     customSettings;
     css;
+    runtime;
     settings;
     completionIndex;
     classPositionCache = new ClassPositionCache();
-    constructor(customSettings){
+    constructor(customSettings, options = {}){
         super(), this.customSettings = customSettings;
+        this.runtime = options.runtime ?? defaultCSSLanguageRuntime;
         this.settings = extend(settings, customSettings);
-        this.css = MasterCSS.create({
-            manifest: this.settings.manifest || defaultManifest,
-            nativeDeclarationMatcher: matchesLanguageServiceNativeDeclaration
+        this.css = this.runtime.MasterCSS.create({
+            manifest: this.settings.manifest || this.runtime.defaultManifest,
+            nativeDeclarationMatcher: this.runtime.nativeDeclarationMatcher
         });
     }
     getCompletionIndex() {
-        this.completionIndex ??= createCompletionIndex(this.css);
+        this.completionIndex ??= createCompletionIndex(this.css, this.runtime);
         return this.completionIndex;
     }
     inspectSyntax(...params) {

package/dist/features/inspect-syntax.mjs

@@ -1,5 +1,5 @@
 import createCSSMarkdownDocumentation from '../utils/create-css-markdown-documentation.mjs';
-import { UtilityType, generateCSS } from '@master/css-language';
+import { generateCSS } from '@master/css-language';
 
 function inspectSyntax(document, position) {
     const classPosition = this.getClassPosition(document, position);
@@ -10,11 +10,11 @@ function inspectSyntax(document, position) {
         end: document.positionAt(classPosition.range.end)
     };
     const utilities = this.css.generate(token);
-    const component = utilities.find((utility)=>utility.type === UtilityType.Semantic && utility.layerName === 'components');
+    const component = utilities.find((utility)=>utility.type === this.runtime.UtilityType.Semantic && utility.layerName === 'components');
     if (component) {
         const documentation = createCSSMarkdownDocumentation(generateCSS([
             token
-        ], this.css));
+        ], this.css, this.runtime));
         if (documentation) {
             return {
                 contents: {
@@ -26,10 +26,10 @@ function inspectSyntax(document, position) {
     } else {
         const utility = utilities[0];
         if (utility) {
-            if (utility.type === UtilityType.Semantic) {
+            if (utility.type === this.runtime.UtilityType.Semantic) {
                 const documentation = createCSSMarkdownDocumentation(generateCSS([
                     token
-                ], this.css));
+                ], this.css, this.runtime));
                 if (documentation) {
                     return {
                         contents: documentation,
@@ -39,7 +39,7 @@ function inspectSyntax(document, position) {
             } else {
                 const documentation = createCSSMarkdownDocumentation(generateCSS([
                     token
-                ], this.css));
+                ], this.css, this.runtime));
                 if (documentation) {
                     return {
                         contents: documentation,

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

@@ -1,6 +1,5 @@
 import { instancePattern } from '../utils/regex.mjs';
 import Color from 'colorjs.io';
-import { UtilityType } from '@master/css-language';
 
 function resolveVariableColorValue(variable, variables) {
     let current = variable;
@@ -23,7 +22,7 @@ async function renderSyntaxColors(document) {
             const instanceStartIndex = instanceMatch.index;
             const syntax = instanceMatch[0];
             const rule = this.css.generate(syntax)[0];
-            if (rule && rule.type !== UtilityType.Semantic) {
+            if (rule && rule.type !== this.runtime.UtilityType.Semantic) {
                 const keyTokenLength = rule.keyToken?.length ?? 0;
                 let currentLength = 0;
                 const resolveValueComponent = (valueComponent)=>{

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default, default as CSSLanguageService } from './core';
+export { default, default as CSSLanguageService, type CSSLanguageServiceOptions } from './core';
 export { default as settings, type Settings } from './settings';
 export * from './common';
 export { default as inspectSyntax } from './features/inspect-syntax';

package/dist/utils/completion-index.d.ts

@@ -1,5 +1,5 @@
 import { type CompletionItem } from 'vscode-languageserver-protocol';
-import { type AtRule, type MasterCSS } from '@master/css-language';
+import { type AtRule, type CSSLanguageRuntime, type MasterCSS } from '@master/css-language';
 import type { Variable } from '@master/css-language';
 export interface ClassCompletionEntry extends CompletionItem {
     documentationClassName?: string;
@@ -19,6 +19,8 @@ export interface SelectorVariantCandidate {
     selector: string;
 }
 export interface CompletionIndex {
+    runtime: CSSLanguageRuntime;
+    keyAliases: CSSLanguageRuntime['builtinKeyAliases'];
     classEntries: ClassCompletionEntry[];
     componentNames: string[];
     utilityNames: string[];
@@ -34,5 +36,5 @@ export interface CompletionIndex {
     pseudoElementSelectors: SelectorVariantCandidate[];
     atRules: [string, AtRule][];
 }
-export declare function createCompletionIndex(css?: MasterCSS): CompletionIndex;
+export declare function createCompletionIndex(css?: MasterCSS, runtime?: CSSLanguageRuntime): CompletionIndex;
 export declare function matchesIndexedName(field: string, name: string): boolean;

package/dist/utils/completion-index.mjs

@@ -1,6 +1,5 @@
 import { CompletionItemKind } from 'vscode-languageserver-protocol';
-import { builtinNativeValueNamespaces, builtinKeyAliases } from '@master/css-engine';
-import { UtilityType, getMdnPseudoElementNames, getMdnPseudoClassNames, createDefaultCSS } from '@master/css-language';
+import { defaultCSSLanguageRuntime, getMdnPseudoElementNames, getMdnPseudoClassNames, createDefaultCSS } from '@master/css-language';
 import getUtilityInfo from './get-utility-info.mjs';
 import sortCompletionItems from './sort-completion-items.mjs';
 
@@ -36,7 +35,7 @@ function addMapValue(map, key, value) {
         ]);
     }
 }
-function collectClassEntries(css) {
+function collectClassEntries(css, runtime) {
     const completionItems = [];
     const addedKeys = new Set();
     const addedCompletionLabels = new Set();
@@ -73,7 +72,7 @@ function collectClassEntries(css) {
         });
     };
     for (const eachDefinedUtility of css.definedUtilities){
-        if (eachDefinedUtility.type === UtilityType.Semantic) {
+        if (eachDefinedUtility.type === runtime.UtilityType.Semantic) {
             const isComponent = eachDefinedUtility.layer === 'components';
             const { detail } = getUtilityInfo(eachDefinedUtility);
             for (const matcher of eachDefinedUtility.matchers){
@@ -106,10 +105,10 @@ function collectClassEntries(css) {
             }
         }
     }
-    for (const [key, canonicalKey] of Object.entries(builtinKeyAliases)){
+    for (const [key, canonicalKey] of Object.entries(runtime.builtinKeyAliases)){
         addPropertyCompletionItem(key, canonicalKey);
     }
-    for (const namespace of builtinNativeValueNamespaces){
+    for (const namespace of runtime.builtinNativeValueNamespaces){
         for (const property of namespace.properties){
             addPropertyCompletionItem(property);
         }
@@ -159,9 +158,9 @@ function createPseudoElementSelectors(css) {
     }
     return selectors;
 }
-function createNativeVariableNamespacesByProperty() {
+function createNativeVariableNamespacesByProperty(runtime) {
     const namespacesByProperty = new Map();
-    for (const namespace of builtinNativeValueNamespaces){
+    for (const namespace of runtime.builtinNativeValueNamespaces){
         const variableNamespaces = (namespace.variableAliasRefs || []).map((ref)=>ref[0] === '=' || ref[0] === '~' ? ref.slice(1) : '').filter(Boolean);
         if (!variableNamespaces.length) continue;
         for (const property of namespace.properties){
@@ -177,7 +176,7 @@ function createNativeVariableNamespacesByProperty() {
     }
     return namespacesByProperty;
 }
-function createCompletionIndex(css = createDefaultCSS()) {
+function createCompletionIndex(css = createDefaultCSS(), runtime = defaultCSSLanguageRuntime) {
     const componentNames = [];
     const utilityNames = [];
     const nativeUtilityKeys = new Map();
@@ -185,17 +184,17 @@ function createCompletionIndex(css = createDefaultCSS()) {
     const patternValuesByKey = new Map();
     const animationUtilitiesByKey = new Map();
     for (const utility of css.definedUtilities){
-        const staticNames = utility.type === UtilityType.Semantic ? utilityNames : undefined;
+        const staticNames = utility.type === runtime.UtilityType.Semantic ? utilityNames : undefined;
         for (const matcher of utility.matchers){
             if (matcher.type === 'static') {
                 staticNames?.push(matcher.name);
-                if (utility.type === UtilityType.Semantic && utility.layer === 'components') {
+                if (utility.type === runtime.UtilityType.Semantic && utility.layer === 'components') {
                     componentNames.push(matcher.name);
                 }
             } else if (matcher.type === 'pattern') {
                 const patternNames = matcher.values.map((value)=>matcher.prefix + value);
                 utilityNames.push(...patternNames);
-                if (utility.type === UtilityType.Semantic && utility.layer === 'components') {
+                if (utility.type === runtime.UtilityType.Semantic && utility.layer === 'components') {
                     componentNames.push(...patternNames);
                 }
                 if (matcher.prefix.endsWith(':')) {
@@ -239,14 +238,16 @@ function createCompletionIndex(css = createDefaultCSS()) {
         }
     }
     return {
-        classEntries: collectClassEntries(css),
+        runtime,
+        keyAliases: runtime.builtinKeyAliases,
+        classEntries: collectClassEntries(css, runtime),
         componentNames,
         utilityNames,
         nativeUtilityKeys,
         scopedVariablesByKey,
         patternValuesByKey,
         animationUtilitiesByKey,
-        nativeVariableNamespacesByProperty: createNativeVariableNamespacesByProperty(),
+        nativeVariableNamespacesByProperty: createNativeVariableNamespacesByProperty(runtime),
         variables: Array.from(css.variables.values()),
         pseudoClassNames: getMdnPseudoClassNames(),
         pseudoClassSelectors: createPseudoClassSelectors(css),

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

@@ -1,20 +1,19 @@
-import { createDefaultCSS, generateCSS } from '@master/css-language';
+import { generateCSS, createDefaultCSS } from '@master/css-language';
 import createCSSMarkdownDocumentation from './create-css-markdown-documentation.mjs';
 import { createCompletionIndex } from './completion-index.mjs';
 
-function createCompletionItem(css, entry) {
-    const { documentationClassName, ...completionItem } = entry;
-    return {
-        ...completionItem,
-        ...documentationClassName ? {
-            documentation: createCSSMarkdownDocumentation(generateCSS([
-                documentationClassName
-            ], css))
-        } : {}
-    };
-}
 function getClassCompletionItems(css = createDefaultCSS(), completionIndex = createCompletionIndex(css)) {
-    return completionIndex.classEntries.map((entry)=>createCompletionItem(css, entry));
+    return completionIndex.classEntries.map((entry)=>{
+        const { documentationClassName, ...completionItem } = entry;
+        return {
+            ...completionItem,
+            ...documentationClassName ? {
+                documentation: createCSSMarkdownDocumentation(generateCSS([
+                    documentationClassName
+                ], css, completionIndex.runtime))
+            } : {}
+        };
+    });
 }
 
 export { getClassCompletionItems as default };

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

@@ -41,7 +41,7 @@ function getPseudoClassCompletionItems(css = createDefaultCSS(), syntax, complet
             sortText,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 syntax + name.slice(1)
-            ], css)),
+            ], css, completionIndex.runtime)),
             kind
         };
     });
@@ -55,7 +55,7 @@ function getPseudoClassCompletionItems(css = createDefaultCSS(), syntax, complet
             label,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 syntax + label.slice(1)
-            ], css)),
+            ], css, completionIndex.runtime)),
             sortText,
             kind,
             detail: String(value)

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

@@ -15,7 +15,7 @@ function getPseudoElementCompletionItems(css = createDefaultCSS(), syntax, compl
             sortText,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 syntax + name.slice(2)
-            ], css)),
+            ], css, completionIndex.runtime)),
             kind
         };
     });
@@ -30,7 +30,7 @@ function getPseudoElementCompletionItems(css = createDefaultCSS(), syntax, compl
             label: name,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 syntax + name.slice(2)
-            ], css)),
+            ], css, completionIndex.runtime)),
             sortText,
             kind,
             detail: String(value)

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

@@ -19,7 +19,7 @@ function getQueryCompletionItems(css = createDefaultCSS(), triggerCharacter = AT
                 sortText: name + '()',
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     syntax + name + '()'
-                ], css))
+                ], css, completionIndex.runtime))
             });
         });
     }
@@ -38,7 +38,7 @@ function getQueryCompletionItems(css = createDefaultCSS(), triggerCharacter = AT
                 kind: CompletionItemKind.Keyword,
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     syntax + token
-                ], css))
+                ], css, completionIndex.runtime))
             });
             return true;
         }
@@ -49,7 +49,7 @@ function getQueryCompletionItems(css = createDefaultCSS(), triggerCharacter = AT
             insertText: token,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 syntax + token
-            ], css))
+            ], css, completionIndex.runtime))
         };
         if ([
             AT_SIGN,
@@ -65,7 +65,7 @@ function getQueryCompletionItems(css = createDefaultCSS(), triggerCharacter = AT
                 kind: CompletionItemKind.Keyword,
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     syntax + token
-                ], css))
+                ], css, completionIndex.runtime))
             });
         } else if (QUERY_COMPARISON_OPERATORS.includes(triggerCharacter)) {
             handleNumberNodes(atRule, token);

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

@@ -1,6 +1,5 @@
 import { CompletionItemKind } from 'vscode-languageserver-protocol';
 import { getMdnPropertySyntax, getMdnPropertyValueNames, generateCSS, createDefaultCSS } from '@master/css-language';
-import { builtinKeyAliases } from '@master/css-engine';
 import createCSSMarkdownDocumentation from './create-css-markdown-documentation.mjs';
 import sortCompletionItems from './sort-completion-items.mjs';
 import { createCompletionIndex } from './completion-index.mjs';
@@ -35,7 +34,7 @@ function getVariableKeyByNamespace(variableName, namespace) {
 function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix = '', completionIndex = createCompletionIndex(css)) {
     const completionItems = [];
     const addedLabels = new Set();
-    const canonicalRuleKey = builtinKeyAliases[ruleKey] || ruleKey;
+    const canonicalRuleKey = completionIndex.keyAliases[ruleKey] || ruleKey;
     const nativeUtilityKey = completionIndex.nativeUtilityKeys.get(canonicalRuleKey);
     const nativeKey = nativeUtilityKey || (getMdnPropertySyntax(canonicalRuleKey) ? canonicalRuleKey : undefined);
     const nativePropertyValues = getMdnPropertyValueNames(nativeKey);
@@ -49,7 +48,7 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
         const valueToken = appliedValue ?? (scoped ? variable.key : variable.name);
         const documentation = createCSSMarkdownDocumentation(generateCSS([
             ruleKey + ':' + valueToken
-        ], css));
+        ], css, completionIndex.runtime));
         const completionItemLabel = label ?? variable.name;
         const conflicted = addedLabels.has(completionItemLabel);
         const completionItem = {
@@ -59,11 +58,11 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
         if (conflicted) {
             completionItem.documentation = createCSSMarkdownDocumentation(generateCSS([
                 ruleKey + ':' + completionItem.label
-            ], css));
+            ], css, completionIndex.runtime));
         } else {
             completionItem.documentation = createCSSMarkdownDocumentation(generateCSS([
                 ruleKey + ':' + valueToken
-            ], css));
+            ], css, completionIndex.runtime));
         }
         if (variable.namespace?.startsWith('color')) {
             if (Object.keys(variable.modes || {}).length) {
@@ -132,7 +131,7 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
             kind: CompletionItemKind.Value,
             documentation: createCSSMarkdownDocumentation(generateCSS([
                 ruleKey + ':' + value
-            ], css)),
+            ], css, completionIndex.runtime)),
             detail: canonicalRuleKey + ': ' + value
         });
     }
@@ -145,7 +144,7 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
                 kind: CompletionItemKind.Value,
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     ruleKey + ':' + animationName
-                ], css)),
+                ], css, completionIndex.runtime)),
                 detail: animationUtility.detailPrefix ? animationUtility.detailPrefix + ': ' + animationName : animationName
             });
         });
@@ -158,7 +157,7 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
                 kind: CompletionItemKind.Value,
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     ruleKey + ':' + animationName
-                ], css)),
+                ], css, completionIndex.runtime)),
                 detail: canonicalRuleKey + ': ' + animationName
             });
         });
@@ -183,7 +182,7 @@ function getValueCompletionItems(css = createDefaultCSS(), ruleKey, valuePrefix
                 sortText: NATIVE_PRIORITY + (value.startsWith('-') ? 'zz' + value.slice(1) : value),
                 documentation: createCSSMarkdownDocumentation(generateCSS([
                     ruleKey + ':' + value
-                ], css)),
+                ], css, completionIndex.runtime)),
                 detail: nativeKey + ': ' + value
             });
         });

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

@@ -82,7 +82,7 @@ function querySyntaxCompletions(q = '', css = createDefaultCSS(), completionInde
                     insertText: '.',
                     documentation: createCSSMarkdownDocumentation(generateCSS([
                         field + '.class'
-                    ], css)),
+                    ], css, completionIndex.runtime)),
                     kind: CompletionItemKind.Class
                 });
             }

package/package.json

@@ -1 +1 @@
-{"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.71","@master/css-engine":"^2.0.0-rc.71","@master/css-language":"^2.0.0-rc.71","@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.71"},"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.71"}
+{"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.73","@master/css-engine":"^2.0.0-rc.73","@master/css-language":"^2.0.0-rc.73","@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.73"},"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.73"}