react-native-appearance - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

lib/commonjs/NativeAppearance.web.js

@@ -1,2 +0,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.NativeAppearanceProvider=exports.NativeAppearance=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SyntheticPlatformEmitter=_interopRequireDefault(require("./web/SyntheticPlatformEmitter"));var _jsxFileName="/Users/brentvatne/coding/react-native-appearance/src/NativeAppearance.web.tsx";var query=window.matchMedia?window.matchMedia('(prefers-color-scheme: dark)'):null;function isMediaQueryList(query){return query&&query.addListener&&query.removeListener&&typeof query.matches==='boolean';}var colorScheme='no-preference';if(isMediaQueryList(query)){colorScheme=query.matches?'dark':'light';query.addListener(function(_ref){var matches=_ref.matches;var colorScheme=matches?'dark':'light';_SyntheticPlatformEmitter.default.emit('appearanceChanged',{colorScheme:colorScheme});});}var NativeAppearance={get name(){return'NativeAppearance';},get initialPreferences(){return{colorScheme:colorScheme};}};exports.NativeAppearance=NativeAppearance;var NativeAppearanceProvider=function NativeAppearanceProvider(props){return React.createElement(_reactNative.View,(0,_extends2.default)({style:{flex:1}},props,{__source:{fileName:_jsxFileName,lineNumber:35}}));};exports.NativeAppearanceProvider=NativeAppearanceProvider;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.NativeAppearanceProvider=NativeAppearanceProvider;exports.NativeAppearance=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SyntheticPlatformEmitter=_interopRequireDefault(require("./web/SyntheticPlatformEmitter"));var _jsxFileName="/Users/brentvatne/coding/react-native-appearance/src/NativeAppearance.web.tsx";function getQuery(){if(typeof window==='undefined'||!window.matchMedia)return null;return window.matchMedia('(prefers-color-scheme: dark)');}function isMediaQueryList(query){return query&&query.addListener&&query.removeListener&&typeof query.matches==='boolean';}var NativeAppearance={get name(){return'NativeAppearance';},get initialPreferences(){var query=getQuery();if(isMediaQueryList(query)){return{colorScheme:query.matches?'dark':'light'};}return{colorScheme:'no-preference'};}};exports.NativeAppearance=NativeAppearance;function NativeAppearanceProvider(props){React.useEffect(function(){var query=getQuery();function listener(_ref){var matches=_ref.matches;var colorScheme=matches?'dark':'light';_SyntheticPlatformEmitter.default.emit('appearanceChanged',{colorScheme:colorScheme});}if(query)query.addListener(listener);return function(){if(query){query.removeListener(listener);}};},[]);return React.createElement(_reactNative.View,(0,_extends2.default)({style:{flex:1}},props,{__source:{fileName:_jsxFileName,lineNumber:51}}));};
 //# sourceMappingURL=NativeAppearance.web.js.map

lib/module/NativeAppearance.web.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/brentvatne/coding/react-native-appearance/src/NativeAppearance.web.tsx";import*as React from'react';import{View}from'react-native';import SyntheticPlatformEmitter from'./web/SyntheticPlatformEmitter';var query=window.matchMedia?window.matchMedia('(prefers-color-scheme: dark)'):null;function isMediaQueryList(query){return query&&query.addListener&&query.removeListener&&typeof query.matches==='boolean';}var colorScheme='no-preference';if(isMediaQueryList(query)){colorScheme=query.matches?'dark':'light';query.addListener(function(_ref){var matches=_ref.matches;var colorScheme=matches?'dark':'light';SyntheticPlatformEmitter.emit('appearanceChanged',{colorScheme:colorScheme});});}export var NativeAppearance={get name(){return'NativeAppearance';},get initialPreferences(){return{colorScheme:colorScheme};}};export var NativeAppearanceProvider=function NativeAppearanceProvider(props){return React.createElement(View,_extends({style:{flex:1}},props,{__source:{fileName:_jsxFileName,lineNumber:35}}));};
+import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/brentvatne/coding/react-native-appearance/src/NativeAppearance.web.tsx";import*as React from'react';import{View}from'react-native';import SyntheticPlatformEmitter from'./web/SyntheticPlatformEmitter';function getQuery(){if(typeof window==='undefined'||!window.matchMedia)return null;return window.matchMedia('(prefers-color-scheme: dark)');}function isMediaQueryList(query){return query&&query.addListener&&query.removeListener&&typeof query.matches==='boolean';}export var NativeAppearance={get name(){return'NativeAppearance';},get initialPreferences(){var query=getQuery();if(isMediaQueryList(query)){return{colorScheme:query.matches?'dark':'light'};}return{colorScheme:'no-preference'};}};export function NativeAppearanceProvider(props){React.useEffect(function(){var query=getQuery();function listener(_ref){var matches=_ref.matches;var colorScheme=matches?'dark':'light';SyntheticPlatformEmitter.emit('appearanceChanged',{colorScheme:colorScheme});}if(query)query.addListener(listener);return function(){if(query){query.removeListener(listener);}};},[]);return React.createElement(View,_extends({style:{flex:1}},props,{__source:{fileName:_jsxFileName,lineNumber:51}}));};
 //# sourceMappingURL=NativeAppearance.web.js.map

lib/typescript/NativeAppearance.web.d.ts

@@ -7,2 +7,2 @@ /// <reference types="react" />
 };
-export declare const NativeAppearanceProvider: (props: any) => JSX.Element;
+export declare function NativeAppearanceProvider(props: any): JSX.Element;

package.json

 {
   "name": "react-native-appearance",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Polyfill for `Appearance` API which will be available in `react-native@0.62`.",
@@ -5,0 +5,0 @@ "main": "lib/commonjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

101618

increased by2.02%

Lines of code

479

increased by3.23%

No dependency changes