diff --git a/macos-example/.eslintrc.js b/macos-example/.eslintrc.js deleted file mode 100644 index 187894b..0000000 --- a/macos-example/.eslintrc.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - root: true, - extends: '@react-native', -}; diff --git a/macos-example/.prettierrc.js b/macos-example/.prettierrc.js deleted file mode 100644 index 2b54074..0000000 --- a/macos-example/.prettierrc.js +++ /dev/null @@ -1,7 +0,0 @@ -module.exports = { - arrowParens: 'avoid', - bracketSameLine: true, - bracketSpacing: false, - singleQuote: true, - trailingComma: 'all', -}; diff --git a/macos-example/__tests__/App.test.tsx b/macos-example/__tests__/App.test.tsx deleted file mode 100644 index 9eac6fb..0000000 --- a/macos-example/__tests__/App.test.tsx +++ /dev/null @@ -1,17 +0,0 @@ -/** - * @format - */ - -import 'react-native'; -import React from 'react'; -import App from '../App'; - -// Note: import explicitly to use the types shipped with jest. -import {it} from '@jest/globals'; - -// Note: test renderer must be required after react-native. -import renderer from 'react-test-renderer'; - -it('renders correctly', () => { - renderer.create(); -}); diff --git a/macos-example/index.js b/macos-example/index.js index c0624c7..bb13bc3 100644 --- a/macos-example/index.js +++ b/macos-example/index.js @@ -2,8 +2,8 @@ * @format */ -import {AppRegistry} from 'react-native'; +import { AppRegistry } from 'react-native'; import App from './src/HooksApp/RStyleApp'; -import {name as appName} from './app.json'; +import { name as appName } from './app.json'; AppRegistry.registerComponent(appName, () => App); diff --git a/macos-example/metro.config.js b/macos-example/metro.config.js index 5ef3f5b..30bc484 100644 --- a/macos-example/metro.config.js +++ b/macos-example/metro.config.js @@ -1,4 +1,4 @@ -const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config'); +const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config'); const path = require('path'); const exclusionList = require('metro-config/src/defaults/exclusionList'); @@ -24,8 +24,9 @@ const config = { resolver: { blacklistRE: exclusionList( modules.map( - m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`), - ), + (m) => + new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`) + ) ), extraNodeModules: modules.reduce((acc, name) => { diff --git a/macos-example/package.json b/macos-example/package.json index a4019ea..1f3bf48 100644 --- a/macos-example/package.json +++ b/macos-example/package.json @@ -23,8 +23,6 @@ "@react-native/eslint-config": "0.73.2", "@react-native/metro-config": "0.73.5", "@react-native/typescript-config": "0.73.1", - "@types/react": "^18.2.6", - "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "babel-plugin-module-resolver": "^5.0.0", "eslint": "^8.19.0", diff --git a/macos-example/src/App.tsx b/macos-example/src/App.tsx index 892e0dc..26dc563 100644 --- a/macos-example/src/App.tsx +++ b/macos-example/src/App.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import {StyleSheet, View, Text} from 'react-native'; -import {FRProvider, createRStyle} from 'react-native-full-responsive'; +import { StyleSheet, View, Text } from 'react-native'; +import { FRProvider, createRStyle } from 'react-native-full-responsive'; const SIZE = 20; diff --git a/macos-example/src/ClassApp/MediaQuery.tsx b/macos-example/src/ClassApp/MediaQuery.tsx index 476b27d..5718358 100644 --- a/macos-example/src/ClassApp/MediaQuery.tsx +++ b/macos-example/src/ClassApp/MediaQuery.tsx @@ -4,13 +4,13 @@ import { withMediaQuery, type DeviceType, } from 'react-native-full-responsive'; -import {StyleSheet, View, Text} from 'react-native'; +import { StyleSheet, View, Text } from 'react-native'; class Component extends React.Component<{ type: DeviceType; }> { render(): React.ReactNode { - const {type} = this.props; + const { type } = this.props; return ( Dimensions type is: "{type}" diff --git a/macos-example/src/ClassApp/index.tsx b/macos-example/src/ClassApp/index.tsx index ac8c11c..6a703a4 100644 --- a/macos-example/src/ClassApp/index.tsx +++ b/macos-example/src/ClassApp/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import {StyleSheet, View, Text} from 'react-native'; +import { StyleSheet, View, Text } from 'react-native'; import { withRM, FRProvider, @@ -11,14 +11,14 @@ const SIZE = 20; class Component extends React.Component { render(): React.ReactNode { - const {rs} = this.props; + const { rs } = this.props; const scaledValue = rs(SIZE); return ( - + without react-native-full-responsive @@ -30,8 +30,9 @@ class Component extends React.Component { marginVertical: scaledValue, paddingHorizontal: scaledValue / 2, }, - ]}> - + ]} + > + with react-native-full-responsive diff --git a/macos-example/src/HooksApp/RStyleApp.tsx b/macos-example/src/HooksApp/RStyleApp.tsx index 5bcc8af..b534067 100644 --- a/macos-example/src/HooksApp/RStyleApp.tsx +++ b/macos-example/src/HooksApp/RStyleApp.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import {StyleSheet, View, Text} from 'react-native'; -import {FRProvider, useRStyle} from 'react-native-full-responsive'; +import { StyleSheet, View, Text } from 'react-native'; +import { FRProvider, useRStyle } from 'react-native-full-responsive'; const SIZE = 20; diff --git a/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx b/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx index cc28708..676f132 100644 --- a/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx +++ b/macos-example/src/HooksApp/ResponsiveMethodsApp.tsx @@ -1,18 +1,18 @@ import * as React from 'react'; -import {StyleSheet, View, Text} from 'react-native'; -import {useRM, FRProvider} from 'react-native-full-responsive'; +import { StyleSheet, View, Text } from 'react-native'; +import { useRM, FRProvider } from 'react-native-full-responsive'; const SIZE = 20; const MyComponent: React.FC = () => { - const {rs} = useRM(); + const { rs } = useRM(); const scaledValue = rs(SIZE); return ( - + without react-native-full-responsive @@ -24,8 +24,9 @@ const MyComponent: React.FC = () => { marginVertical: scaledValue, paddingHorizontal: scaledValue / 2, }, - ]}> - + ]} + > + with react-native-full-responsive diff --git a/macos-example/tsconfig.json b/macos-example/tsconfig.json index 86618d5..3c43903 100644 --- a/macos-example/tsconfig.json +++ b/macos-example/tsconfig.json @@ -1,10 +1,3 @@ { - "extends": "../tsconfig.json", - "compilerOptions": { - "baseUrl": ".", - "paths": { - "react-native-reanimated": ["../"], - "react": ["./node_modules/@types/react"] - } - } + "extends": "../tsconfig.json" } diff --git a/macos-example/yarn.lock b/macos-example/yarn.lock index 9264226..8f2141f 100644 --- a/macos-example/yarn.lock +++ b/macos-example/yarn.lock @@ -1972,32 +1972,6 @@ dependencies: undici-types "~5.26.4" -"@types/prop-types@*": - version "15.7.11" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.11.tgz#2596fb352ee96a1379c657734d4b913a613ad563" - integrity sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng== - -"@types/react-test-renderer@^18.0.0": - version "18.0.7" - resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.0.7.tgz#2cfe657adb3688cdf543995eceb2e062b5a68728" - integrity sha512-1+ANPOWc6rB3IkSnElhjv6VLlKg2dSv/OWClUyZimbLsQyBn8Js9Vtdsi3UICJ2rIQ3k2la06dkB+C92QfhKmg== - dependencies: - "@types/react" "*" - -"@types/react@*", "@types/react@^18.2.6": - version "18.2.57" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.57.tgz#147b516d8bdb2900219acbfc6f939bdeecca7691" - integrity sha512-ZvQsktJgSYrQiMirAN60y4O/LRevIV8hUzSOSNB6gfR3/o3wCBFQx3sPwIYtuDMeiVgsSS3UzCV26tEzgnfvQw== - dependencies: - "@types/prop-types" "*" - "@types/scheduler" "*" - csstype "^3.0.2" - -"@types/scheduler@*": - version "0.16.8" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff" - integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A== - "@types/semver@^7.3.12": version "7.5.7" resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.7.tgz#326f5fdda70d13580777bcaa1bc6fa772a5aef0e" @@ -2810,11 +2784,6 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3: shebang-command "^2.0.0" which "^2.0.1" -csstype@^3.0.2: - version "3.1.3" - resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" - integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== - dayjs@^1.8.15: version "1.11.10" resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.10.tgz#68acea85317a6e164457d6d6947564029a6a16a0"