├── .babelrc ├── .github ├── FUNDING.yml ├── dependabot.yml └── workflows │ └── test.yml ├── .gitignore ├── .npmignore ├── .prettierrc.toml ├── .storybook ├── main.ts └── preview.ts ├── LICENSE ├── README.md ├── biome.jsonc ├── package.json ├── readme.gif ├── src ├── ReactCompareImage.tsx ├── global.d.ts ├── hooks │ └── useContainerWidth.ts ├── stories │ ├── RCI-complicated.stories.tsx │ ├── RCI.stories.tsx │ └── assets │ │ ├── anime.gif │ │ ├── image1-taller.png │ │ ├── image1.png │ │ ├── image2-wider.png │ │ ├── image2.png │ │ ├── images.ai │ │ ├── taller-image.png │ │ └── wider-image.png └── utils │ ├── calculateContainerHeight.test.ts │ ├── calculateContainerHeight.ts │ └── getImageRatio.ts ├── tsconfig.json ├── vite.config.mts └── vitest.config.ts /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.babelrc -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: junkboy0315 2 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.github/dependabot.yml -------------------------------------------------------------------------------- /.github/workflows/test.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.github/workflows/test.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.npmignore -------------------------------------------------------------------------------- /.prettierrc.toml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.prettierrc.toml -------------------------------------------------------------------------------- /.storybook/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.storybook/main.ts -------------------------------------------------------------------------------- /.storybook/preview.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/.storybook/preview.ts -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/README.md -------------------------------------------------------------------------------- /biome.jsonc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/biome.jsonc -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/package.json -------------------------------------------------------------------------------- /readme.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/readme.gif -------------------------------------------------------------------------------- /src/ReactCompareImage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/ReactCompareImage.tsx -------------------------------------------------------------------------------- /src/global.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/global.d.ts -------------------------------------------------------------------------------- /src/hooks/useContainerWidth.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/hooks/useContainerWidth.ts -------------------------------------------------------------------------------- /src/stories/RCI-complicated.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/RCI-complicated.stories.tsx -------------------------------------------------------------------------------- /src/stories/RCI.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/RCI.stories.tsx -------------------------------------------------------------------------------- /src/stories/assets/anime.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/anime.gif -------------------------------------------------------------------------------- /src/stories/assets/image1-taller.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/image1-taller.png -------------------------------------------------------------------------------- /src/stories/assets/image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/image1.png -------------------------------------------------------------------------------- /src/stories/assets/image2-wider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/image2-wider.png -------------------------------------------------------------------------------- /src/stories/assets/image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/image2.png -------------------------------------------------------------------------------- /src/stories/assets/images.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/images.ai -------------------------------------------------------------------------------- /src/stories/assets/taller-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/taller-image.png -------------------------------------------------------------------------------- /src/stories/assets/wider-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/stories/assets/wider-image.png -------------------------------------------------------------------------------- /src/utils/calculateContainerHeight.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/utils/calculateContainerHeight.test.ts -------------------------------------------------------------------------------- /src/utils/calculateContainerHeight.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/utils/calculateContainerHeight.ts -------------------------------------------------------------------------------- /src/utils/getImageRatio.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/src/utils/getImageRatio.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.mts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/vite.config.mts -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tam315/react-compare-image/HEAD/vitest.config.ts --------------------------------------------------------------------------------