react-native-media-query - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2-alpha.0

package.json

 {
   "name": "react-native-media-query",
-  "version": "2.0.1",
+  "version": "2.0.2-alpha.0",
   "description": "Media queries for react-native and react-native-web",
@@ -5,0 +5,0 @@ "main": "index",

utils/inject.js

 import React from "react";
+import { createCompareFn, MOBILE_FIRST } from "./sort-css-media-queries";
+const compareFn = createCompareFn(MOBILE_FIRST);
 
+const findSortedIdx = (arr, item) => {
+  let start = 0;
+  let end = arr.length;
+
+  while (start < end) {
+    const mid = (start + end) >> 1;
+    const result = compareFn(item, arr[mid].cssText);
+
+    if (result === 0) {
+      return mid;
+    } else if (result < 0) {
+      end = mid;
+    } else {
+      start = mid + 1;
+    }
+  }
+
+  return end;
+};
+
 const rules = {};
@@ -25,3 +47,4 @@ let styleSheet;
     if (styleSheet) {
-      styleSheet.insertRule(text, (Object.keys(rules).length-1));
+      const index = findSortedIdx([...styleSheet.cssRules], text);
+      styleSheet.insertRule(text, index);
     }
@@ -38,4 +61,5 @@ }
         .map((key) => rules[key].text)
+        .sort(compareFn)
         .join("\n"),
     },
   });

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18512

25.57%

Number of package files

16

6.67%

Lines of code

418

37.5%

Worsened metrics

Number of low quality alerts

2

100%

No dependency changes