File tree Expand file tree Collapse file tree 6 files changed +260
-77
lines changed Expand file tree Collapse file tree 6 files changed +260
-77
lines changed Original file line number Diff line number Diff line change 1
1
# Basic with apply button
2
2
3
- This example is the same as the basic example, but it adds a button to apply the focal point changes to the image.
3
+ This example is the same as the [ basic example] ( https://github.com/Lemoncode/react-image-focal-point/tree/main/examples/basic ) , but it adds a button to apply the focal point changes to the image.
4
4
5
- <img
6
- src="https://developer.stackblitz.com/img/open_in_stackblitz.svg "
7
- alt="Edit on StackBlitz"
8
- title="Edit on StackBlitz"
9
- height="36"
10
- href="https://stackblitz.com/github/Lemoncode/react-image-focal-point/tree/master/examples/basic-with-apply "
11
- /> <img
12
- src="https://codesandbox.io/static/img/play-codesandbox.svg "
13
- alt="Edit on StackBlitz"
14
- title="Edit on StackBlitz"
15
- height="36"
16
- href="https://codesandbox.io/s/github/Lemoncode/react-image-focal-point/tree/master/examples/basic-with-apply "
5
+ <a href =" https://stackblitz.com/github/Lemoncode/react-image-focal-point/tree/main/examples/basic-with-apply " >
6
+ <img
7
+ src="https://developer.stackblitz.com/img/open_in_stackblitz.svg "
8
+ alt="Edit on StackBlitz"
9
+ title="Edit on StackBlitz"
10
+ height="36"
17
11
/>
12
+ </a > <a href =" https://codesandbox.io/s/github/Lemoncode/react-image-focal-point/tree/main/examples/basic-with-apply " >
13
+ <img
14
+ src="https://codesandbox.io/static/img/play-codesandbox.svg "
15
+ alt="Edit on StackBlitz"
16
+ title="Edit on StackBlitz"
17
+ height="36"
18
+ />
19
+ </a >
Original file line number Diff line number Diff line change 10
10
"author" : " Lemoncode" ,
11
11
"homepage" : " https://github.com/Lemoncode/react-image-focal-point/tree/main/examples#readme" ,
12
12
"devDependencies" : {
13
- "@lemoncode/tsconfig" : " ^0.0.0" ,
14
13
"@types/react" : " ^18.0.27" ,
15
14
"@types/react-dom" : " ^18.0.10" ,
16
15
"@vitejs/plugin-react" : " ^3.1.0" ,
17
16
"typescript" : " ^4.9.5" ,
18
17
"vite" : " ^4.1.1"
19
18
},
20
19
"dependencies" : {
21
- "@lemoncode/react-image-focal-point" : " ^0.0.0 " ,
20
+ "@lemoncode/react-image-focal-point" : " * " ,
22
21
"react" : " ^18.2.0" ,
23
22
"react-dom" : " ^18.2.0"
24
23
}
Original file line number Diff line number Diff line change 1
1
{
2
- "extends" : " @lemoncode/tsconfig/react.json" ,
2
+ "compilerOptions" : {
3
+ "composite" : false ,
4
+ "declaration" : true ,
5
+ "declarationMap" : true ,
6
+ "esModuleInterop" : true ,
7
+ "forceConsistentCasingInFileNames" : true ,
8
+ "inlineSources" : false ,
9
+ "isolatedModules" : true ,
10
+ "moduleResolution" : " node" ,
11
+ "noUnusedLocals" : false ,
12
+ "noUnusedParameters" : false ,
13
+ "preserveWatchOutput" : true ,
14
+ "skipLibCheck" : true ,
15
+ "strict" : true ,
16
+ "allowSyntheticDefaultImports" : true ,
17
+ "noImplicitAny" : false ,
18
+ "jsx" : " react-jsx" ,
19
+ "lib" : [" ESNext" , " DOM" ],
20
+ "module" : " ESNext" ,
21
+ "target" : " ESNext" ,
22
+ "baseUrl" : " ./src"
23
+ },
3
24
"include" : [" src" , " ./vite-env.d.ts" ],
4
25
"exclude" : [" node_modules" ]
5
26
}
Original file line number Diff line number Diff line change 10
10
"author" : " Lemoncode" ,
11
11
"homepage" : " https://github.com/Lemoncode/react-image-focal-point/tree/main/examples#readme" ,
12
12
"devDependencies" : {
13
- "@lemoncode/tsconfig" : " ^0.0.0" ,
14
13
"@types/react" : " ^18.0.27" ,
15
14
"@types/react-dom" : " ^18.0.10" ,
16
15
"@vitejs/plugin-react" : " ^3.1.0" ,
17
16
"typescript" : " ^4.9.5" ,
18
17
"vite" : " ^4.1.1"
19
18
},
20
19
"dependencies" : {
21
- "@lemoncode/react-image-focal-point" : " ^0.0.0 " ,
20
+ "@lemoncode/react-image-focal-point" : " * " ,
22
21
"react" : " ^18.2.0" ,
23
22
"react-dom" : " ^18.2.0"
24
23
}
Original file line number Diff line number Diff line change 1
1
{
2
- "extends" : " @lemoncode/tsconfig/react.json" ,
2
+ "compilerOptions" : {
3
+ "composite" : false ,
4
+ "declaration" : true ,
5
+ "declarationMap" : true ,
6
+ "esModuleInterop" : true ,
7
+ "forceConsistentCasingInFileNames" : true ,
8
+ "inlineSources" : false ,
9
+ "isolatedModules" : true ,
10
+ "moduleResolution" : " node" ,
11
+ "noUnusedLocals" : false ,
12
+ "noUnusedParameters" : false ,
13
+ "preserveWatchOutput" : true ,
14
+ "skipLibCheck" : true ,
15
+ "strict" : true ,
16
+ "allowSyntheticDefaultImports" : true ,
17
+ "noImplicitAny" : false ,
18
+ "jsx" : " react-jsx" ,
19
+ "lib" : [" ESNext" , " DOM" ],
20
+ "module" : " ESNext" ,
21
+ "target" : " ESNext" ,
22
+ "baseUrl" : " ./src"
23
+ },
3
24
"include" : [" src" , " ./vite-env.d.ts" ],
4
25
"exclude" : [" node_modules" ]
5
26
}
You can’t perform that action at this time.
0 commit comments