rrweb-cssom - npm Package Compare versions

Comparing version 0.6.0 to 0.7.0

lib/clone.js

@@ -9,2 +9,3 @@ //.CommonJS
 	CSSMediaRule: require("./CSSMediaRule").CSSMediaRule,
+	CSSContainerRule: require("./CSSContainerRule").CSSContainerRule,
 	CSSSupportsRule: require("./CSSSupportsRule").CSSSupportsRule,
@@ -11,0 +12,0 @@ CSSStyleDeclaration: require("./CSSStyleDeclaration").CSSStyleDeclaration,

lib/CSSRule.js

@@ -33,2 +33,4 @@ //.CommonJS
 CSSOM.CSSRule.REGION_STYLE_RULE = 16;
+CSSOM.CSSRule.CONTAINER_RULE = 17;
+CSSOM.CSSRule.STARTING_STYLE_RULE = 1002;
 
@@ -35,0 +37,0 @@

lib/index.js

@@ -10,2 +10,3 @@ 'use strict';
 exports.CSSMediaRule = require('./CSSMediaRule').CSSMediaRule;
+exports.CSSContainerRule = require('./CSSContainerRule').CSSContainerRule;
 exports.CSSSupportsRule = require('./CSSSupportsRule').CSSSupportsRule;
@@ -15,2 +16,3 @@ exports.CSSImportRule = require('./CSSImportRule').CSSImportRule;
 exports.CSSHostRule = require('./CSSHostRule').CSSHostRule;
+exports.CSSStartingStyleRule = require('./CSSStartingStyleRule').CSSStartingStyleRule;
 exports.StyleSheet = require('./StyleSheet').StyleSheet;
@@ -17,0 +19,0 @@ exports.CSSStyleSheet = require('./CSSStyleSheet').CSSStyleSheet;

lib/parse.js

@@ -38,2 +38,3 @@ //.CommonJS
 		"atBlock": true,
+		"containerBlock": true,
 		"conditionBlock": true,
@@ -45,6 +46,6 @@ 'documentRule-begin': true
 
-	// @type CSSStyleSheet|CSSMediaRule|CSSSupportsRule|CSSFontFaceRule|CSSKeyframesRule|CSSDocumentRule
+	// @type CSSStyleSheet|CSSMediaRule|CSSContainerRule|CSSSupportsRule|CSSFontFaceRule|CSSKeyframesRule|CSSDocumentRule
 	var currentScope = styleSheet;
 
-	// @type CSSMediaRule|CSSSupportsRule|CSSKeyframesRule|CSSDocumentRule
+	// @type CSSMediaRule|CSSContainerRule|CSSSupportsRule|CSSKeyframesRule|CSSDocumentRule
 	var parentRule;
@@ -56,3 +57,3 @@
 
-	var name, priority="", styleRule, mediaRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule;
+	var name, priority="", styleRule, mediaRule, containerRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule, startingStyleRule;
 
@@ -163,2 +164,9 @@ var atKeyframesRegExp = /@(-(?:\w+-)+)?keyframes/g;
 				break;
+			} else if (token.indexOf("@container", i) === i) {
+				state = "containerBlock";
+				containerRule = new CSSOM.CSSContainerRule();
+				containerRule.__starts = i;
+				i += "container".length;
+				buffer = "";
+				break;
 			} else if (token.indexOf("@supports", i) === i) {
@@ -178,2 +186,9 @@ state = "conditionBlock";
 				break;
+			} else if (token.indexOf("@starting-style", i) === i) {
+				state = "startingStyleRule-begin";
+				i += "startingStyle".length;
+				startingStyleRule = new CSSOM.CSSStartingStyleRule();
+				startingStyleRule.__starts = i;
+				buffer = "";
+				break;
 			} else if (token.indexOf("@import", i) === i) {
@@ -226,2 +241,12 @@ state = "importRule-begin";
 				state = "before-selector";
+			} else if (state === "containerBlock") {
+				containerRule.containerText = buffer.trim();
+
+				if (parentRule) {
+					ancestorRules.push(parentRule);
+				}
+				currentScope = parentRule = containerRule;
+				containerRule.parentStyleSheet = styleSheet;
+				buffer = "";
+				state = "before-selector";
 			} else if (state === "conditionBlock") {
@@ -247,2 +272,12 @@ supportsRule.conditionText = buffer.trim();
 				state = "before-selector";
+			} else if (state === "startingStyleRule-begin") {
+				if (parentRule) {
+					ancestorRules.push(parentRule);
+				}
+
+				currentScope = parentRule = startingStyleRule;
+				startingStyleRule.parentStyleSheet = styleSheet;
+				buffer = "";
+				state = "before-selector";
+
 			} else if (state === "fontFaceRule-begin") {
@@ -404,2 +439,3 @@ if (parentRule) {
 							|| parentRule.constructor.name === "CSSSupportsRule"
+							|| parentRule.constructor.name === "CSSContainerRule"
 						) {
@@ -464,2 +500,3 @@ prevScope = currentScope;
 CSSOM.CSSMediaRule = require("./CSSMediaRule").CSSMediaRule;
+CSSOM.CSSContainerRule = require("./CSSContainerRule").CSSContainerRule;
 CSSOM.CSSConditionRule = require("./CSSConditionRule").CSSConditionRule;
@@ -469,2 +506,3 @@ CSSOM.CSSSupportsRule = require("./CSSSupportsRule").CSSSupportsRule;
 CSSOM.CSSHostRule = require("./CSSHostRule").CSSHostRule;
+CSSOM.CSSStartingStyleRule = require("./CSSStartingStyleRule").CSSStartingStyleRule;
 CSSOM.CSSStyleDeclaration = require('./CSSStyleDeclaration').CSSStyleDeclaration;
@@ -471,0 +509,0 @@ CSSOM.CSSKeyframeRule = require('./CSSKeyframeRule').CSSKeyframeRule;

package.json

@@ -10,10 +10,19 @@ {
   ],
-  "version": "0.6.0",
+  "version": "0.7.0",
   "author": "Nikita Vasilyev <[e-mail]>",
   "repository": "rrweb-io/CSSOM",
   "files": [
-    "lib/"
+    "lib/",
+    "build/"
   ],
   "main": "./lib/index.js",
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "build": "node build.js",
+    "release": "npm run build && changeset publish"
+  },
+  "devDependencies": {
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.1"
+  }
 }

Fixed alerts

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

101435

increased by94.65%

Number of package files

29

increased by11.54%

Lines of code

3549

increased by99.49%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

75

increased by10.29%

Worsened metrics

Dev dependency count

2

increased byInfinity%

No dependency changes