@tamagui/react-native-media-driver 1.88.13 → 1.89.0-1706308641099

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/esm/createMedia.mjs

@@ -0,0 +1,6 @@
+import { setupMatchMedia } from "@tamagui/web";
+import { matchMedia } from "./matchMedia.mjs";
+function createMedia(media) {
+  return setupMatchMedia(matchMedia), media;
+}
+export { createMedia };

package/dist/esm/index.mjs

@@ -0,0 +1,2 @@
+export * from "./createMedia.mjs";
+export * from "./matchMedia.mjs";

package/dist/esm/matchMedia.mjs

@@ -0,0 +1,2 @@
+const matchMedia = globalThis.matchMedia;
+export { matchMedia };

package/dist/esm/matchQuery.mjs

@@ -0,0 +1,116 @@
+const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,
+  RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,
+  RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/,
+  RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/,
+  RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
+function matchQuery(mediaQuery, values) {
+  return parseQuery(mediaQuery).some(query => {
+    if (!query) return;
+    const inverse = query.inverse,
+      typeMatch = query.type === "all" || values.type === query.type;
+    if (typeMatch && inverse || !(typeMatch || inverse)) return !1;
+    const expressionsMatch = query.expressions.every(expression => {
+      const feature = expression.feature,
+        modifier = expression.modifier;
+      let expValue = expression.value,
+        value = values[feature];
+      if (!value) return !1;
+      switch (feature) {
+        case "orientation":
+        case "scan":
+          return value.toLowerCase() === expValue.toLowerCase();
+        case "width":
+        case "height":
+        case "device-width":
+        case "device-height":
+          expValue = toPx(expValue), value = toPx(value);
+          break;
+        case "resolution":
+          expValue = toDpi(expValue), value = toDpi(value);
+          break;
+        case "aspect-ratio":
+        case "device-aspect-ratio":
+        case /* Deprecated */
+        "device-pixel-ratio":
+          expValue = toDecimal(expValue), value = toDecimal(value);
+          break;
+        case "grid":
+        case "color":
+        case "color-index":
+        case "monochrome":
+          expValue = parseInt(expValue, 10) || 1, value = parseInt(value, 10) || 0;
+          break;
+      }
+      switch (modifier) {
+        case "min":
+          return value >= expValue;
+        case "max":
+          return value <= expValue;
+        default:
+          return value === expValue;
+      }
+    });
+    return expressionsMatch && !inverse || !expressionsMatch && inverse;
+  });
+}
+function parseQuery(mediaQuery) {
+  return mediaQuery.split(",").map(function (query) {
+    query = query.trim();
+    const captures = query.match(RE_MEDIA_QUERY);
+    if (!captures) return null;
+    const modifier = captures[1],
+      type = captures[2],
+      expressions = (captures[3] || "").match(/\([^\)]+\)/g) || [];
+    return {
+      inverse: !!modifier && modifier.toLowerCase() === "not",
+      type: type ? type.toLowerCase() : "all",
+      expressions: expressions.map(function (expression) {
+        var captures2 = expression.match(RE_MQ_EXPRESSION),
+          feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
+        return {
+          modifier: feature[1],
+          feature: feature[2],
+          value: captures2[2]
+        };
+      })
+    };
+  });
+}
+function toDecimal(ratio) {
+  var decimal = Number(ratio),
+    numbers;
+  return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
+}
+function toDpi(resolution) {
+  const value = parseFloat(resolution);
+  switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
+    case "dpcm":
+      return value / 2.54;
+    case "dppx":
+      return value * 96;
+    default:
+      return value;
+  }
+}
+function toPx(length) {
+  const value = parseFloat(length);
+  switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
+    case "em":
+      return value * 16;
+    case "rem":
+      return value * 16;
+    case "cm":
+      return value * 96 / 2.54;
+    case "mm":
+      return value * 96 / 2.54 / 10;
+    case "in":
+      return value * 96;
+    case "pt":
+      return value * 72;
+    case "pc":
+      return value * 72 / 12;
+    default:
+      return value;
+  }
+}
+export { matchQuery, parseQuery };

package/dist/esm/mediaQueryList.mjs

@@ -0,0 +1,49 @@
+import { Dimensions } from "react-native-web";
+import { matchQuery } from "./matchQuery.mjs";
+class NativeMediaQueryList {
+  constructor(query) {
+    this.query = query;
+    this.notify(), Dimensions.addEventListener("change", () => {
+      this.notify();
+    });
+  }
+  listeners = [];
+  get orientation() {
+    const windowDimensions = Dimensions.get("window");
+    return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+  }
+  notify() {
+    this.listeners.forEach(listener => {
+      listener(this.orientation);
+    });
+  }
+  addListener(listener) {
+    this.listeners.push(listener);
+  }
+  removeListener(listener) {
+    const index = this.listeners.indexOf(listener);
+    index !== -1 && this.listeners.splice(index, 1);
+  }
+  match(query, {
+    width,
+    height
+  }) {
+    return matchQuery(query, {
+      type: "screen",
+      orientation: height > width ? "portrait" : "landscape",
+      "device-width": width,
+      "device-height": height
+    });
+  }
+  get matches() {
+    const windowDimensions = Dimensions.get("window");
+    return matchQuery(this.query, {
+      type: "screen",
+      orientation: this.orientation,
+      ...windowDimensions,
+      "device-width": windowDimensions.width,
+      "device-height": windowDimensions.height
+    });
+  }
+}
+export { NativeMediaQueryList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-media-driver",
-  "version": "1.88.13",
+  "version": "1.89.0-1706308641099",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -13,10 +13,10 @@
   ],
   "sideEffects": true,
   "dependencies": {
-    "@tamagui/web": "1.88.13"
+    "@tamagui/web": "1.89.0-1706308641099"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
+    "@tamagui/build": "1.89.0-1706308641099",
     "react-native": "^0.72.6"
   },
   "peerDependencies": {