Skip to content

Commit f975632

Browse files
wKovacs64wKovacs64
committed
chore: reformat
1 parent 62df096 commit f975632

16 files changed

Lines changed: 359 additions & 263 deletions

File tree

‎.codecov.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
comment:
2-
layout: 'header, diff, files'
2+
layout: "header, diff, files"
33
require_changes: true # if true: only post the comment if coverage changes

‎.eslintrc.js‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
module.exports = {
22
extends: [
3-
'plugin:wkovacs64/react',
4-
'plugin:wkovacs64/jest',
5-
'plugin:wkovacs64/testing-library',
6-
'plugin:wkovacs64/typescript',
7-
'prettier',
3+
"plugin:wkovacs64/react",
4+
"plugin:wkovacs64/jest",
5+
"plugin:wkovacs64/testing-library",
6+
"plugin:wkovacs64/typescript",
7+
"prettier",
88
],
99
parserOptions: {
10-
project: 'tsconfig.json',
10+
project: "tsconfig.json",
1111
},
1212
rules: {
13-
'@typescript-eslint/no-empty-function': 'off',
13+
"@typescript-eslint/no-empty-function": "off",
1414
},
1515
overrides: [
1616
{
17-
files: ['**/*.test.ts'],
17+
files: ["**/*.test.ts"],
1818
rules: {
19-
'@typescript-eslint/unbound-method': 'off',
20-
'jest/unbound-method': 'error',
19+
"@typescript-eslint/unbound-method": "off",
20+
"jest/unbound-method": "error",
2121
},
2222
},
2323
],

‎.github/workflows/cd.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ jobs:
3333
uses: actions/setup-node@v6
3434
with:
3535
cache: pnpm
36-
node-version-file: '.nvmrc'
36+
node-version-file: ".nvmrc"
3737

3838
- name: 📥 Install deps
3939
run: pnpm install

‎.github/workflows/ci.yml‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ jobs:
2727
uses: actions/setup-node@v6
2828
with:
2929
cache: pnpm
30-
node-version-file: '.nvmrc'
30+
node-version-file: ".nvmrc"
3131

3232
- name: 📥 Install deps
3333
run: pnpm install
@@ -49,7 +49,7 @@ jobs:
4949
uses: actions/setup-node@v6
5050
with:
5151
cache: pnpm
52-
node-version-file: '.nvmrc'
52+
node-version-file: ".nvmrc"
5353

5454
- name: 📥 Install deps
5555
run: pnpm install
@@ -71,7 +71,7 @@ jobs:
7171
uses: actions/setup-node@v6
7272
with:
7373
cache: pnpm
74-
node-version-file: '.nvmrc'
74+
node-version-file: ".nvmrc"
7575

7676
- name: 📥 Install deps
7777
run: pnpm install
@@ -98,7 +98,7 @@ jobs:
9898
uses: actions/setup-node@v6
9999
with:
100100
cache: pnpm
101-
node-version-file: '.nvmrc'
101+
node-version-file: ".nvmrc"
102102

103103
- name: 📥 Install deps
104104
run: pnpm install
@@ -126,7 +126,7 @@ jobs:
126126
uses: actions/setup-node@v6
127127
with:
128128
cache: pnpm
129-
node-version-file: '.nvmrc'
129+
node-version-file: ".nvmrc"
130130

131131
- name: 📥 Install deps
132132
run: pnpm install
@@ -137,7 +137,7 @@ jobs:
137137
with:
138138
version: pnpm run changeset:version
139139
publish: pnpm run changeset:publish
140-
commit: 'chore: release'
141-
title: 'chore: release'
140+
commit: "chore: release"
141+
title: "chore: release"
142142
env:
143143
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

‎README.md‎

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,9 @@ appropriate for your project.
7777
### Component
7878

7979
```tsx
80-
import * as React from 'react';
81-
import { Image, View } from 'react-native';
82-
import { ResponsiveImageView } from 'react-native-responsive-image-view';
80+
import * as React from "react";
81+
import { Image, View } from "react-native";
82+
import { ResponsiveImageView } from "react-native-responsive-image-view";
8383

8484
function MyComponent({ imageUri }) {
8585
return (
@@ -105,12 +105,14 @@ render the `Image` inside the `View` in your `render` function.
105105
### Hook
106106

107107
```tsx
108-
import * as React from 'react';
109-
import { Image, View } from 'react-native';
110-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
108+
import * as React from "react";
109+
import { Image, View } from "react-native";
110+
import { useResponsiveImageView } from "react-native-responsive-image-view";
111111

112112
function MyComponent({ imageUri }) {
113-
const { getViewProps, getImageProps } = useResponsiveImageView({ source: { uri: imageUri } });
113+
const { getViewProps, getImageProps } = useResponsiveImageView({
114+
source: { uri: imageUri },
115+
});
114116

115117
return (
116118
<View {...getViewProps()}>
@@ -317,16 +319,12 @@ day, these features proved to be too opinionated.
317319

318320
[npm-image]: https://img.shields.io/npm/v/react-native-responsive-image-view.svg?style=flat-square
319321
[npm-url]: https://www.npmjs.com/package/react-native-responsive-image-view
320-
[ci-image]:
321-
https://img.shields.io/github/actions/workflow/status/wKovacs64/react-native-responsive-image-view/ci.yml?logo=github&style=flat-square
322-
[ci-url]:
323-
https://github.com/wKovacs64/react-native-responsive-image-view/actions?query=workflow%3Aci
324-
[coverage-image]:
325-
https://img.shields.io/codecov/c/github/wKovacs64/react-native-responsive-image-view/main.svg?style=flat-square
322+
[ci-image]: https://img.shields.io/github/actions/workflow/status/wKovacs64/react-native-responsive-image-view/ci.yml?logo=github&style=flat-square
323+
[ci-url]: https://github.com/wKovacs64/react-native-responsive-image-view/actions?query=workflow%3Aci
324+
[coverage-image]: https://img.shields.io/codecov/c/github/wKovacs64/react-native-responsive-image-view/main.svg?style=flat-square
326325
[coverage-url]: https://codecov.io/gh/wKovacs64/react-native-responsive-image-view/branch/main
327326
[aspectratio]: https://facebook.github.io/react-native/docs/layout-props#aspectratio
328-
[render-props]:
329-
https://react.dev/reference/react/Children#calling-a-render-prop-to-customize-rendering
327+
[render-props]: https://react.dev/reference/react/Children#calling-a-render-prop-to-customize-rendering
330328
[custom-hooks]: https://react.dev/learn/reusing-logic-with-custom-hooks
331329
[npm]: https://www.npmjs.com/
332330
[react-native-flex-image]: https://github.com/kodefox/react-native-flex-image
@@ -337,8 +335,6 @@ day, these features proved to be too opinionated.
337335
[use-a-render-prop]: https://medium.com/@mjackson/use-a-render-prop-50de598f11ce
338336
[faccs-and-ci]: http://americanexpress.io/faccs-are-an-antipattern/
339337
[kentcdodds]: https://github.com/kentcdodds
340-
[kent-prop-getters]:
341-
https://kentcdodds.com/blog/how-to-give-rendering-control-to-users-with-prop-getters
342-
[examples-directory]:
343-
https://github.com/wKovacs64/react-native-responsive-image-view/tree/main/examples
338+
[kent-prop-getters]: https://kentcdodds.com/blog/how-to-give-rendering-control-to-users-with-prop-getters
339+
[examples-directory]: https://github.com/wKovacs64/react-native-responsive-image-view/tree/main/examples
344340
[license]: https://github.com/wKovacs64/react-native-responsive-image-view/tree/main/LICENSE.txt

‎babel.config.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
module.exports = {
2-
presets: ['module:metro-react-native-babel-preset'],
2+
presets: ["module:metro-react-native-babel-preset"],
33
plugins: [
44
// Including the `@babel/plugin-transform-private-methods` plugin allows tests to pass (and
55
// maybe actually needed at runtime, too - idk) as of react-native v0.74. Maybe
66
// `metro-react-native-babel-preset` just needs updated to include it?
7-
['@babel/plugin-transform-private-methods', { loose: true }],
7+
["@babel/plugin-transform-private-methods", { loose: true }],
88
],
99
};

‎examples/component.md‎

Lines changed: 26 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
#### Responsive Remote Image
44

55
```jsx
6-
import React from 'react';
7-
import { Image, View } from 'react-native';
8-
import ResponsiveImageView from 'react-native-responsive-image-view';
6+
import React from "react";
7+
import { Image, View } from "react-native";
8+
import ResponsiveImageView from "react-native-responsive-image-view";
99

1010
const MyComponent = ({ imageUri }) => (
1111
<ResponsiveImageView source={{ uri: imageUri }}>
@@ -21,10 +21,10 @@ const MyComponent = ({ imageUri }) => (
2121
#### Fixed (Controlled) Aspect Ratio and Local Image Resource
2222

2323
```jsx
24-
import React from 'react';
25-
import { Image, View } from 'react-native';
26-
import ResponsiveImageView from 'react-native-responsive-image-view';
27-
import headerImage from './header.jpg';
24+
import React from "react";
25+
import { Image, View } from "react-native";
26+
import ResponsiveImageView from "react-native-responsive-image-view";
27+
import headerImage from "./header.jpg";
2828

2929
const DrawerHeader = () => (
3030
<ResponsiveImageView aspectRatio={16 / 9} source={headerImage}>
@@ -40,9 +40,9 @@ const DrawerHeader = () => (
4040
#### Touchable
4141

4242
```jsx
43-
import React from 'react';
44-
import { Image, TouchableHighlight, View } from 'react-native';
45-
import ResponsiveImageView from 'react-native-responsive-image-view';
43+
import React from "react";
44+
import { Image, TouchableHighlight, View } from "react-native";
45+
import ResponsiveImageView from "react-native-responsive-image-view";
4646

4747
const MyTouchableComponent = ({ imageUri, onPress }) => (
4848
<ResponsiveImageView source={{ uri: imageUri }}>
@@ -60,9 +60,9 @@ const MyTouchableComponent = ({ imageUri, onPress }) => (
6060
#### Loading and Error Handling
6161

6262
```jsx
63-
import React from 'react';
64-
import { ActivityIndicator, Image, Text, Button, View } from 'react-native';
65-
import ResponsiveImageView from 'react-native-responsive-image-view';
63+
import React from "react";
64+
import { ActivityIndicator, Image, Text, Button, View } from "react-native";
65+
import ResponsiveImageView from "react-native-responsive-image-view";
6666

6767
const MyComponent = ({ imageUri }) => (
6868
<ResponsiveImageView source={{ uri: imageUri }}>
@@ -91,16 +91,16 @@ const MyComponent = ({ imageUri }) => (
9191
#### Composing Props
9292

9393
```jsx
94-
import React from 'react';
95-
import { StyleSheet, Image, View } from 'react-native';
96-
import ResponsiveImageView from 'react-native-responsive-image-view';
94+
import React from "react";
95+
import { StyleSheet, Image, View } from "react-native";
96+
import ResponsiveImageView from "react-native-responsive-image-view";
9797

9898
const styles = StyleSheet.create({
9999
imageContainer: {
100100
padding: 20, // will be merged into ResponsiveImageView View props!
101101
},
102102
image: {
103-
width: '50%', // will be overwritten by ResponsiveImageView Image props!
103+
width: "50%", // will be overwritten by ResponsiveImageView Image props!
104104
},
105105
});
106106

@@ -118,13 +118,13 @@ const MyComponent = ({ imageUri }) => (
118118
#### Success/Failure Callbacks
119119

120120
```jsx
121-
import React from 'react';
122-
import { Image, View } from 'react-native';
123-
import ResponsiveImageView from 'react-native-responsive-image-view';
121+
import React from "react";
122+
import { Image, View } from "react-native";
123+
import ResponsiveImageView from "react-native-responsive-image-view";
124124

125125
class MyClassComponent extends React.Component {
126126
onLoad = () => {
127-
console.log('Image has been loaded.');
127+
console.log("Image has been loaded.");
128128
};
129129

130130
onError = (err) => {
@@ -141,7 +141,11 @@ class MyClassComponent extends React.Component {
141141
const { imageUri } = this.props;
142142

143143
return (
144-
<ResponsiveImageView onLoad={this.onLoad} onError={this.onError} source={{ uri: imageUri }}>
144+
<ResponsiveImageView
145+
onLoad={this.onLoad}
146+
onError={this.onError}
147+
source={{ uri: imageUri }}
148+
>
145149
{this.renderImageView}
146150
</ResponsiveImageView>
147151
);

‎examples/hook.md‎

Lines changed: 25 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
#### Responsive Remote Image
44

55
```jsx
6-
import React from 'react';
7-
import { Image, View } from 'react-native';
8-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
6+
import React from "react";
7+
import { Image, View } from "react-native";
8+
import { useResponsiveImageView } from "react-native-responsive-image-view";
99

1010
const MyComponent = ({ imageUri }) => {
1111
const { getViewProps, getImageProps } = useResponsiveImageView({
@@ -23,10 +23,10 @@ const MyComponent = ({ imageUri }) => {
2323
#### Fixed (Controlled) Aspect Ratio and Local Image Resource
2424

2525
```jsx
26-
import React from 'react';
27-
import { Image, View } from 'react-native';
28-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
29-
import headerImage from './header.jpg';
26+
import React from "react";
27+
import { Image, View } from "react-native";
28+
import { useResponsiveImageView } from "react-native-responsive-image-view";
29+
import headerImage from "./header.jpg";
3030

3131
const DrawerHeader = () => {
3232
const { getViewProps, getImageProps } = useResponsiveImageView({
@@ -45,9 +45,9 @@ const DrawerHeader = () => {
4545
#### Touchable
4646

4747
```jsx
48-
import React from 'react';
49-
import { Image, TouchableHighlight, View } from 'react-native';
50-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
48+
import React from "react";
49+
import { Image, TouchableHighlight, View } from "react-native";
50+
import { useResponsiveImageView } from "react-native-responsive-image-view";
5151

5252
const MyTouchableComponent = ({ imageUri, onPress }) => {
5353
const { getViewProps, getImageProps } = useResponsiveImageView({
@@ -67,14 +67,15 @@ const MyTouchableComponent = ({ imageUri, onPress }) => {
6767
#### Loading and Error Handling
6868

6969
```jsx
70-
import React from 'react';
71-
import { ActivityIndicator, Image, Text, Button, View } from 'react-native';
72-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
70+
import React from "react";
71+
import { ActivityIndicator, Image, Text, Button, View } from "react-native";
72+
import { useResponsiveImageView } from "react-native-responsive-image-view";
7373

7474
const MyComponent = ({ imageUri }) => {
75-
const { error, loading, retry, getViewProps, getImageProps } = useResponsiveImageView({
76-
source: { uri: imageUri },
77-
});
75+
const { error, loading, retry, getViewProps, getImageProps } =
76+
useResponsiveImageView({
77+
source: { uri: imageUri },
78+
});
7879

7980
if (loading) {
8081
return <ActivityIndicator animating={true} size="large" />;
@@ -100,16 +101,16 @@ const MyComponent = ({ imageUri }) => {
100101
#### Composing Props
101102

102103
```jsx
103-
import React from 'react';
104-
import { StyleSheet, Image, View } from 'react-native';
105-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
104+
import React from "react";
105+
import { StyleSheet, Image, View } from "react-native";
106+
import { useResponsiveImageView } from "react-native-responsive-image-view";
106107

107108
const styles = StyleSheet.create({
108109
imageContainer: {
109110
padding: 20, // will be merged into RNRIV View props!
110111
},
111112
image: {
112-
width: '50%', // will be overwritten by RNRIV Image props!
113+
width: "50%", // will be overwritten by RNRIV Image props!
113114
},
114115
});
115116

@@ -129,13 +130,13 @@ const MyComponent = ({ imageUri }) => {
129130
#### Success/Failure Callbacks
130131

131132
```jsx
132-
import React from 'react';
133-
import { Image, Text, View } from 'react-native';
134-
import { useResponsiveImageView } from 'react-native-responsive-image-view';
133+
import React from "react";
134+
import { Image, Text, View } from "react-native";
135+
import { useResponsiveImageView } from "react-native-responsive-image-view";
135136

136137
const MyComponentWithCallbacks = ({ imageUri }) => {
137138
const onLoad = React.useCallback(() => {
138-
console.log('Image has been loaded.');
139+
console.log("Image has been loaded.");
139140
}, []);
140141

141142
const onError = React.useCallback((err) => {

0 commit comments

Comments
 (0)