@master/css-runtime 2.0.0-rc.61 → 2.0.0-rc.63

package/dist/index.development.mjs

@@ -1,4 +1,4 @@
-import { Layer, withSyntaxLayer, MasterCSS, config, Rule } from '@master/css';
+import { Layer, withSyntaxLayer, MasterCSS, config, VariableRule, AnimationRule } from '@master/css';
 import { installHook } from '@master/css-devtools-hook';
 
 const createLogger = (type)=>{
@@ -45,13 +45,13 @@ function registerClassCountDebugger() {
             const eachCount = cssRuntime.classCounts.get(className);
             const eachActualCount = actualClassCounts[className];
             if (eachCount !== eachActualCount) {
-                log.error(`Class count mismatch for '${className}' (expected ${eachActualCount}) (received ${eachCount})`);
+                log.error(`Class count mismatch for \`${className}\` (expected ${eachActualCount}) (received ${eachCount})`);
                 errored = true;
             }
         }
         cssRuntime.classCounts.forEach((eachCount, className)=>{
             if (!Object.prototype.hasOwnProperty.call(actualClassCounts, className)) {
-                log.error(`Class count mismatch for '${className}' (expected ${0}) (received ${eachCount})`);
+                log.error(`Class count mismatch for \`${className}\` (expected ${0}) (received ${eachCount})`);
                 errored = true;
             }
         });
@@ -132,43 +132,29 @@ class RuntimeLayer extends Layer {
     }
     insert(rule, index = this.rules.length) {
         const insertedIndex = super.insert(rule, index);
-        if (insertedIndex === undefined) return;
-        if (this.native) {
-            let cssRuleIndex = 0;
-            const lastCssRule = function getLastCssRule(layer, index) {
-                let lastCssRule;
-                const previouRule = layer.rules[index];
-                if (previouRule && 'nodes' in previouRule) {
-                    if (!previouRule.nodes.length) return getLastCssRule(layer, index - 1);
-                    const lastNativeRule = previouRule.nodes[previouRule.nodes.length - 1];
-                    lastCssRule = lastNativeRule.native;
-                }
-                return lastCssRule;
-            }(this, insertedIndex - 1);
-            if (lastCssRule) {
-                for(let i = 0; i < this.native.cssRules.length; i++){
-                    if (this.native.cssRules[i] === lastCssRule) {
-                        cssRuleIndex = i + 1;
-                        break;
-                    }
-                }
-            }
-            for(let i = 0; i < rule.nodes.length;){
-                const node = rule.nodes[i];
-                try {
-                    const insertedIndex = this.native.insertRule(node.text, cssRuleIndex);
-                    node.native = this.native.cssRules.item(insertedIndex);
-                    cssRuleIndex++;
-                    i++;
-                } catch (error) {
-                    console.error(error, node);
-                    rule.nodes.splice(i, 1);
-                }
+        if (insertedIndex === undefined || !this.native) return;
+        const insertRuleSafely = (text, position)=>{
+            try {
+                const insertedIndex = this.native.insertRule(text, position);
+                return this.native.cssRules.item(insertedIndex);
+            } catch (error) {
+                console.error(error, rule);
+                return;
             }
+        };
+        if ('nodes' in rule) {
+            let currentIndex = insertedIndex;
+            rule.nodes.forEach((node)=>{
+                node.native = insertRuleSafely(node.text, currentIndex);
+                if (node.native) currentIndex++;
+            });
+        } else {
+            rule.native = insertRuleSafely(rule.text, index);
         }
         return insertedIndex;
     }
     detach() {
+        super.detach();
         const nativeSheet = this.cssRuntime.style?.sheet;
         if (nativeSheet && this.native?.parentStyleSheet) {
             const foundIndex = findNativeCSSRuleIndex(nativeSheet.cssRules, this.native);
@@ -179,17 +165,22 @@ class RuntimeLayer extends Layer {
     }
     delete(key) {
         const deletedRule = super.delete(key);
-        if (!deletedRule) return;
-        if (this.native?.cssRules && 'nodes' in deletedRule) {
-            for (const node of deletedRule.nodes){
-                if (node.native) {
-                    const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, node.native);
-                    if (foundIndex !== -1) {
-                        // todo: Firefox throw "Uncaught NS_ERROR_FAILURE". Reproduce: Add '@fade|1s @fade|2s' and remove '@fade|1s @fade|2s'
-                        this.native.deleteRule(foundIndex);
-                    }
+        if (!deletedRule || !this.native) return;
+        const deleteRuleSafely = (rule)=>{
+            if (!rule) return;
+            const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, rule);
+            if (foundIndex !== -1) {
+                try {
+                    this.native.deleteRule(foundIndex);
+                } catch (error) {
+                    console.error(error, rule);
                 }
             }
+        };
+        if ('nodes' in deletedRule) {
+            deletedRule.nodes.forEach((node)=>deleteRuleSafely(node.native));
+        } else {
+            deleteRuleSafely(deletedRule.native);
         }
         return deletedRule;
     }
@@ -285,7 +276,7 @@ class CSSRuntime extends MasterCSS {
             this.style.id = 'master';
             this.container.append(this.style);
             this.style.sheet.insertRule(this.layerStatementRule.text);
-            this.layerStatementRule.nodes[0].native = this.style.sheet.cssRules.item(0);
+            this.layerStatementRule.native = this.style.sheet.cssRules.item(0);
             for (const eachConnectedName of connectedNames){
                 this.add(eachConnectedName);
             }
@@ -424,20 +415,32 @@ class CSSRuntime extends MasterCSS {
                 if (eachNativeCSSRule.name === 'theme') {
                     this.themeLayer.native = eachCSSLayerRule;
                     let variableRule;
-                    let lastVariableName;
-                    for(let j = 0; j < eachCSSLayerRule.cssRules.length; j++){
-                        const cssRule = eachCSSLayerRule.cssRules[j];
+                    const unresolvedCSSRules = new Map();
+                    for (const rule of eachCSSLayerRule.cssRules){
+                        // trim() for fix the firefox bug that the cssText ends with \n\n
+                        unresolvedCSSRules.set(rule.cssText.trim(), rule);
+                    }
+                    for (const cssRule of eachCSSLayerRule.cssRules){
+                        if (!unresolvedCSSRules.has(cssRule.cssText)) continue;
                         const variableCSSRule = cssRule.constructor.name === 'CSSMediaRule' ? cssRule.cssRules[0] : cssRule;
                         const variableName = variableCSSRule.style[0].slice(2);
-                        if (variableName !== lastVariableName) {
-                            lastVariableName = variableName;
-                            variableRule = new Rule(variableName);
-                            this.themeLayer.rules.push(variableRule);
-                            this.themeLayer.tokenCounts.set(variableRule.name, 0);
-                        }
-                        variableRule?.nodes.push({
-                            native: cssRule,
-                            text: cssRule.cssText
+                        const variable = this.variables.get(variableName);
+                        if (!variable) continue;
+                        variableRule = new VariableRule(variableName, variable, this);
+                        this.themeLayer.rules.push(variableRule);
+                        this.themeLayer.tokenCounts.set(variableRule.name, 0);
+                        variableRule.nodes.forEach((node)=>{
+                            const checkRuleIndex = checkSheet.insertRule(node.text);
+                            const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
+                            if (checkNodeNativeRule) {
+                                const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
+                                const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
+                                if (match) {
+                                    node.native = match;
+                                    unresolvedCSSRules.delete(checkNodeNativeRuleText);
+                                    return;
+                                }
+                            }
                         });
                     }
                     if (this.themeLayer.rules.length) this.rules.push(this.themeLayer);
@@ -445,15 +448,13 @@ class CSSRuntime extends MasterCSS {
                     cssLayerRules.push(eachCSSLayerRule);
                 }
             } else if (eachNativeCSSRule.constructor.name === 'CSSLayerStatementRule') {
-                this.layerStatementRule.nodes[0].native = eachNativeCSSRule;
+                this.layerStatementRule.native = eachNativeCSSRule;
             } else if (eachNativeCSSRule.constructor.name === 'CSSKeyframesRule') {
-                const keyframsRule = eachNativeCSSRule;
-                const animationRule = new Rule(keyframsRule.name, [
-                    {
-                        native: keyframsRule,
-                        text: keyframsRule.cssText
-                    }
-                ]);
+                const nativeKeyframsRule = eachNativeCSSRule;
+                const keyframes = this.animations.get(nativeKeyframsRule.name);
+                if (!keyframes) continue;
+                const animationRule = new AnimationRule(nativeKeyframsRule.name, keyframes, this);
+                animationRule.native = nativeKeyframsRule;
                 this.animationsNonLayer.rules.push(animationRule);
                 this.rules.push(animationRule);
                 this.animationsNonLayer.tokenCounts.set(animationRule.name, 0);
@@ -498,26 +499,24 @@ class CSSRuntime extends MasterCSS {
                         layer.insertVariables(createdRule);
                         layer.insertAnimations(createdRule);
                         result.allSyntaxRules.push(createdRule);
-                        createdRule.nodes.forEach((node)=>{
-                            try {
-                                const checkRuleIndex = checkSheet.insertRule(node.text);
-                                const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
-                                if (checkNodeNativeRule) {
-                                    const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
-                                    const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
-                                    if (match) {
-                                        node.native = match;
-                                        unresolvedCSSRules.delete(checkNodeNativeRuleText);
-                                        return;
-                                    }
-                                }
-                                console.error(`Cannot retrieve CSS rule for \`${node.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
-                            } catch (error) {
-                                {
-                                    console.debug(`Cannot insert CSS rule for \`${node.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
+                        try {
+                            const checkRuleIndex = checkSheet.insertRule(createdRule.text);
+                            const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
+                            if (checkNodeNativeRule) {
+                                const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
+                                const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
+                                if (match) {
+                                    createdRule.native = match;
+                                    unresolvedCSSRules.delete(checkNodeNativeRuleText);
+                                    continue;
                                 }
                             }
-                        });
+                            console.error(`Cannot retrieve CSS rule for \`${createdRule.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
+                        } catch (error) {
+                            {
+                                console.debug(`Cannot insert CSS rule for \`${createdRule.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
+                            }
+                        }
                     }
                 } else {
                     console.error(`Cannot recognize \`${eachNativeLayerRule.cssText}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Layer, withSyntaxLayer, MasterCSS, config, Rule } from '@master/css';
+import { Layer, withSyntaxLayer, MasterCSS, config, VariableRule, AnimationRule } from '@master/css';
 import { installHook } from '@master/css-devtools-hook';
 
 function registerGlobal(CSSRuntime) {
@@ -34,43 +34,29 @@ class RuntimeLayer extends Layer {
     }
     insert(rule, index = this.rules.length) {
         const insertedIndex = super.insert(rule, index);
-        if (insertedIndex === undefined) return;
-        if (this.native) {
-            let cssRuleIndex = 0;
-            const lastCssRule = function getLastCssRule(layer, index) {
-                let lastCssRule;
-                const previouRule = layer.rules[index];
-                if (previouRule && 'nodes' in previouRule) {
-                    if (!previouRule.nodes.length) return getLastCssRule(layer, index - 1);
-                    const lastNativeRule = previouRule.nodes[previouRule.nodes.length - 1];
-                    lastCssRule = lastNativeRule.native;
-                }
-                return lastCssRule;
-            }(this, insertedIndex - 1);
-            if (lastCssRule) {
-                for(let i = 0; i < this.native.cssRules.length; i++){
-                    if (this.native.cssRules[i] === lastCssRule) {
-                        cssRuleIndex = i + 1;
-                        break;
-                    }
-                }
-            }
-            for(let i = 0; i < rule.nodes.length;){
-                const node = rule.nodes[i];
-                try {
-                    const insertedIndex = this.native.insertRule(node.text, cssRuleIndex);
-                    node.native = this.native.cssRules.item(insertedIndex);
-                    cssRuleIndex++;
-                    i++;
-                } catch (error) {
-                    console.error(error, node);
-                    rule.nodes.splice(i, 1);
-                }
+        if (insertedIndex === undefined || !this.native) return;
+        const insertRuleSafely = (text, position)=>{
+            try {
+                const insertedIndex = this.native.insertRule(text, position);
+                return this.native.cssRules.item(insertedIndex);
+            } catch (error) {
+                console.error(error, rule);
+                return;
             }
+        };
+        if ('nodes' in rule) {
+            let currentIndex = insertedIndex;
+            rule.nodes.forEach((node)=>{
+                node.native = insertRuleSafely(node.text, currentIndex);
+                if (node.native) currentIndex++;
+            });
+        } else {
+            rule.native = insertRuleSafely(rule.text, index);
         }
         return insertedIndex;
     }
     detach() {
+        super.detach();
         const nativeSheet = this.cssRuntime.style?.sheet;
         if (nativeSheet && this.native?.parentStyleSheet) {
             const foundIndex = findNativeCSSRuleIndex(nativeSheet.cssRules, this.native);
@@ -81,17 +67,22 @@ class RuntimeLayer extends Layer {
     }
     delete(key) {
         const deletedRule = super.delete(key);
-        if (!deletedRule) return;
-        if (this.native?.cssRules && 'nodes' in deletedRule) {
-            for (const node of deletedRule.nodes){
-                if (node.native) {
-                    const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, node.native);
-                    if (foundIndex !== -1) {
-                        // todo: Firefox throw "Uncaught NS_ERROR_FAILURE". Reproduce: Add '@fade|1s @fade|2s' and remove '@fade|1s @fade|2s'
-                        this.native.deleteRule(foundIndex);
-                    }
+        if (!deletedRule || !this.native) return;
+        const deleteRuleSafely = (rule)=>{
+            if (!rule) return;
+            const foundIndex = findNativeCSSRuleIndex(this.native.cssRules, rule);
+            if (foundIndex !== -1) {
+                try {
+                    this.native.deleteRule(foundIndex);
+                } catch (error) {
+                    console.error(error, rule);
                 }
             }
+        };
+        if ('nodes' in deletedRule) {
+            deletedRule.nodes.forEach((node)=>deleteRuleSafely(node.native));
+        } else {
+            deleteRuleSafely(deletedRule.native);
         }
         return deletedRule;
     }
@@ -183,7 +174,7 @@ class CSSRuntime extends MasterCSS {
             this.style.id = 'master';
             this.container.append(this.style);
             this.style.sheet.insertRule(this.layerStatementRule.text);
-            this.layerStatementRule.nodes[0].native = this.style.sheet.cssRules.item(0);
+            this.layerStatementRule.native = this.style.sheet.cssRules.item(0);
             for (const eachConnectedName of connectedNames){
                 this.add(eachConnectedName);
             }
@@ -322,20 +313,32 @@ class CSSRuntime extends MasterCSS {
                 if (eachNativeCSSRule.name === 'theme') {
                     this.themeLayer.native = eachCSSLayerRule;
                     let variableRule;
-                    let lastVariableName;
-                    for(let j = 0; j < eachCSSLayerRule.cssRules.length; j++){
-                        const cssRule = eachCSSLayerRule.cssRules[j];
+                    const unresolvedCSSRules = new Map();
+                    for (const rule of eachCSSLayerRule.cssRules){
+                        // trim() for fix the firefox bug that the cssText ends with \n\n
+                        unresolvedCSSRules.set(rule.cssText.trim(), rule);
+                    }
+                    for (const cssRule of eachCSSLayerRule.cssRules){
+                        if (!unresolvedCSSRules.has(cssRule.cssText)) continue;
                         const variableCSSRule = cssRule.constructor.name === 'CSSMediaRule' ? cssRule.cssRules[0] : cssRule;
                         const variableName = variableCSSRule.style[0].slice(2);
-                        if (variableName !== lastVariableName) {
-                            lastVariableName = variableName;
-                            variableRule = new Rule(variableName);
-                            this.themeLayer.rules.push(variableRule);
-                            this.themeLayer.tokenCounts.set(variableRule.name, 0);
-                        }
-                        variableRule?.nodes.push({
-                            native: cssRule,
-                            text: cssRule.cssText
+                        const variable = this.variables.get(variableName);
+                        if (!variable) continue;
+                        variableRule = new VariableRule(variableName, variable, this);
+                        this.themeLayer.rules.push(variableRule);
+                        this.themeLayer.tokenCounts.set(variableRule.name, 0);
+                        variableRule.nodes.forEach((node)=>{
+                            const checkRuleIndex = checkSheet.insertRule(node.text);
+                            const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
+                            if (checkNodeNativeRule) {
+                                const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
+                                const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
+                                if (match) {
+                                    node.native = match;
+                                    unresolvedCSSRules.delete(checkNodeNativeRuleText);
+                                    return;
+                                }
+                            }
                         });
                     }
                     if (this.themeLayer.rules.length) this.rules.push(this.themeLayer);
@@ -343,15 +346,13 @@ class CSSRuntime extends MasterCSS {
                     cssLayerRules.push(eachCSSLayerRule);
                 }
             } else if (eachNativeCSSRule.constructor.name === 'CSSLayerStatementRule') {
-                this.layerStatementRule.nodes[0].native = eachNativeCSSRule;
+                this.layerStatementRule.native = eachNativeCSSRule;
             } else if (eachNativeCSSRule.constructor.name === 'CSSKeyframesRule') {
-                const keyframsRule = eachNativeCSSRule;
-                const animationRule = new Rule(keyframsRule.name, [
-                    {
-                        native: keyframsRule,
-                        text: keyframsRule.cssText
-                    }
-                ]);
+                const nativeKeyframsRule = eachNativeCSSRule;
+                const keyframes = this.animations.get(nativeKeyframsRule.name);
+                if (!keyframes) continue;
+                const animationRule = new AnimationRule(nativeKeyframsRule.name, keyframes, this);
+                animationRule.native = nativeKeyframsRule;
                 this.animationsNonLayer.rules.push(animationRule);
                 this.rules.push(animationRule);
                 this.animationsNonLayer.tokenCounts.set(animationRule.name, 0);
@@ -396,23 +397,21 @@ class CSSRuntime extends MasterCSS {
                         layer.insertVariables(createdRule);
                         layer.insertAnimations(createdRule);
                         result.allSyntaxRules.push(createdRule);
-                        createdRule.nodes.forEach((node)=>{
-                            try {
-                                const checkRuleIndex = checkSheet.insertRule(node.text);
-                                const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
-                                if (checkNodeNativeRule) {
-                                    const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
-                                    const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
-                                    if (match) {
-                                        node.native = match;
-                                        unresolvedCSSRules.delete(checkNodeNativeRuleText);
-                                        return;
-                                    }
+                        try {
+                            const checkRuleIndex = checkSheet.insertRule(createdRule.text);
+                            const checkNodeNativeRule = checkSheet.cssRules.item(checkRuleIndex);
+                            if (checkNodeNativeRule) {
+                                const checkNodeNativeRuleText = checkNodeNativeRule.cssText.trim();
+                                const match = unresolvedCSSRules.get(checkNodeNativeRuleText);
+                                if (match) {
+                                    createdRule.native = match;
+                                    unresolvedCSSRules.delete(checkNodeNativeRuleText);
+                                    continue;
                                 }
-                                console.error(`Cannot retrieve CSS rule for \`${node.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
-                            } catch (error) {
                             }
-                        });
+                            console.error(`Cannot retrieve CSS rule for \`${createdRule.text}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);
+                        } catch (error) {
+                        }
                     }
                 } else {
                     console.error(`Cannot recognize \`${eachNativeLayerRule.cssText}\`. (${layer.name}) (https://rc.css.master.co/messages/hydration-errors)`);

package/dist/layer.d.ts

@@ -1,4 +1,4 @@
-import { Layer, Rule } from '@master/css';
+import { Layer, Rule, VariableRule } from '@master/css';
 import CSSRuntime from './core';
 export default class RuntimeLayer extends Layer {
     name: string;
@@ -8,8 +8,8 @@ export default class RuntimeLayer extends Layer {
     native: CSSLayerBlockRule | null;
     constructor(name: string, cssRuntime: CSSRuntime);
     attach(): void;
-    insert(rule: Rule, index?: number): number | undefined;
+    insert(rule: Rule | VariableRule, index?: number): number | undefined;
     detach(): void;
-    delete(key: string): Rule | undefined;
+    delete(key: string): Rule | VariableRule | undefined;
     reset(): void;
 }

package/package.json

@@ -1 +1 @@
-{"name":"@master/css-runtime","type":"module","scripts":{"build":"techor build","dev":"pnpm build --watch","e2e":"playwright test","e2e:watch":"nodemon -e js,mjs,ts,html,css --watch dist --watch e2e --exec playwright test","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"Run Master CSS right in the browser","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/runtime"},"keywords":["utility","css","lightweight","mastercss","master","runtime","cdn"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","browser":"./dist/global.min.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","require":{"development":"./dist/index.development.cjs","default":"./dist/index.cjs"},"import":{"development":"./dist/index.development.mjs","default":"./dist/index.mjs"}}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.61","@master/css-devtools-hook":"^2.0.0-rc.61"},"devDependencies":{"@playwright/test":"^1.49.1","shared":"^2.0.0-rc.61"},"version":"2.0.0-rc.61"}
+{"name":"@master/css-runtime","type":"module","scripts":{"build":"techor build","dev":"pnpm build --watch","e2e":"playwright test","e2e:watch":"nodemon -e js,mjs,ts,html,css --watch dist --watch e2e --exec playwright test","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"Run Master CSS right in the browser","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/runtime"},"keywords":["utility","css","lightweight","mastercss","master","runtime","cdn"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","browser":"./dist/global.min.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","require":{"development":"./dist/index.development.cjs","default":"./dist/index.cjs"},"import":{"development":"./dist/index.development.mjs","default":"./dist/index.mjs"}}},"files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/css":"^2.0.0-rc.63","@master/css-devtools-hook":"^2.0.0-rc.63"},"devDependencies":{"@playwright/test":"^1.49.1","shared":"^2.0.0-rc.63"},"version":"2.0.0-rc.63"}