├── .gitignore ├── .npmignore ├── .prettierignore ├── .prettierrc.json ├── .vscode └── settings.json ├── LICENSE ├── README.md ├── docs ├── assets │ ├── main-B6W_B_0u.js │ ├── main-B6W_B_0u.js.map │ └── main-Bx9dNSf-.css └── index.html ├── eslint.config.mts ├── example.gif ├── example.png ├── index.html ├── index.js ├── index.js.LICENSE.txt ├── package.json ├── postcss.config.js ├── src ├── __tests__ │ └── index.test.tsx ├── app.tsx ├── components │ ├── hoverTimeWithPreview.tsx │ ├── thumb.tsx │ ├── timeCodeItem.tsx │ └── timeCodes.tsx ├── dev │ ├── components │ │ ├── ApiTable.tsx │ │ ├── CodeBlock.tsx │ │ ├── CodeExamples.tsx │ │ ├── ExampleDemo.tsx │ │ ├── ExampleTabs.tsx │ │ ├── FeaturesGrid.tsx │ │ ├── Footer.tsx │ │ ├── Header.tsx │ │ ├── InstallSection.tsx │ │ ├── PreviewManager.tsx │ │ ├── VideoPlayer.tsx │ │ └── index.ts │ └── dev-layout.tsx ├── index.tsx ├── styles.scss ├── test-setup.ts ├── ui-video-seek-slider.scss ├── utils │ ├── __tests__ │ │ ├── getHoverTimePosition.test.ts │ │ ├── getTimeValue.test.ts │ │ └── millisecondsToTime.ts │ ├── getEndTimeByIndex.ts │ ├── getHoverTimePosition.ts │ ├── getPositionPercent.ts │ ├── getTimeScale.ts │ ├── isInRange.ts │ ├── positionToMs.ts │ ├── secondsToTime.ts │ └── timeToTimeString.ts └── vite-env.d.ts ├── styles.css ├── tsconfig.json ├── vite-dev.config.ts ├── vite-docs.config.ts └── vite.config.ts /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/.npmignore -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | # Ignore artifacts: 3 | build 4 | coverage -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/README.md -------------------------------------------------------------------------------- /docs/assets/main-B6W_B_0u.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/docs/assets/main-B6W_B_0u.js -------------------------------------------------------------------------------- /docs/assets/main-B6W_B_0u.js.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/docs/assets/main-B6W_B_0u.js.map -------------------------------------------------------------------------------- /docs/assets/main-Bx9dNSf-.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/docs/assets/main-Bx9dNSf-.css -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/docs/index.html -------------------------------------------------------------------------------- /eslint.config.mts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/eslint.config.mts -------------------------------------------------------------------------------- /example.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/example.gif -------------------------------------------------------------------------------- /example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/example.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/index.html -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/index.js -------------------------------------------------------------------------------- /index.js.LICENSE.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/index.js.LICENSE.txt -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/postcss.config.js -------------------------------------------------------------------------------- /src/__tests__/index.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/__tests__/index.test.tsx -------------------------------------------------------------------------------- /src/app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/app.tsx -------------------------------------------------------------------------------- /src/components/hoverTimeWithPreview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/components/hoverTimeWithPreview.tsx -------------------------------------------------------------------------------- /src/components/thumb.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/components/thumb.tsx -------------------------------------------------------------------------------- /src/components/timeCodeItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/components/timeCodeItem.tsx -------------------------------------------------------------------------------- /src/components/timeCodes.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/components/timeCodes.tsx -------------------------------------------------------------------------------- /src/dev/components/ApiTable.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/ApiTable.tsx -------------------------------------------------------------------------------- /src/dev/components/CodeBlock.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/CodeBlock.tsx -------------------------------------------------------------------------------- /src/dev/components/CodeExamples.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/CodeExamples.tsx -------------------------------------------------------------------------------- /src/dev/components/ExampleDemo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/ExampleDemo.tsx -------------------------------------------------------------------------------- /src/dev/components/ExampleTabs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/ExampleTabs.tsx -------------------------------------------------------------------------------- /src/dev/components/FeaturesGrid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/FeaturesGrid.tsx -------------------------------------------------------------------------------- /src/dev/components/Footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/Footer.tsx -------------------------------------------------------------------------------- /src/dev/components/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/Header.tsx -------------------------------------------------------------------------------- /src/dev/components/InstallSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/InstallSection.tsx -------------------------------------------------------------------------------- /src/dev/components/PreviewManager.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/PreviewManager.tsx -------------------------------------------------------------------------------- /src/dev/components/VideoPlayer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/VideoPlayer.tsx -------------------------------------------------------------------------------- /src/dev/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/components/index.ts -------------------------------------------------------------------------------- /src/dev/dev-layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/dev/dev-layout.tsx -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/styles.scss -------------------------------------------------------------------------------- /src/test-setup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/test-setup.ts -------------------------------------------------------------------------------- /src/ui-video-seek-slider.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/ui-video-seek-slider.scss -------------------------------------------------------------------------------- /src/utils/__tests__/getHoverTimePosition.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/__tests__/getHoverTimePosition.test.ts -------------------------------------------------------------------------------- /src/utils/__tests__/getTimeValue.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/__tests__/getTimeValue.test.ts -------------------------------------------------------------------------------- /src/utils/__tests__/millisecondsToTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/__tests__/millisecondsToTime.ts -------------------------------------------------------------------------------- /src/utils/getEndTimeByIndex.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/getEndTimeByIndex.ts -------------------------------------------------------------------------------- /src/utils/getHoverTimePosition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/getHoverTimePosition.ts -------------------------------------------------------------------------------- /src/utils/getPositionPercent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/getPositionPercent.ts -------------------------------------------------------------------------------- /src/utils/getTimeScale.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/getTimeScale.ts -------------------------------------------------------------------------------- /src/utils/isInRange.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/isInRange.ts -------------------------------------------------------------------------------- /src/utils/positionToMs.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/positionToMs.ts -------------------------------------------------------------------------------- /src/utils/secondsToTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/secondsToTime.ts -------------------------------------------------------------------------------- /src/utils/timeToTimeString.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/utils/timeToTimeString.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/src/vite-env.d.ts -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/styles.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite-dev.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/vite-dev.config.ts -------------------------------------------------------------------------------- /vite-docs.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/vite-docs.config.ts -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egorovsa/react-video-seek-slider/HEAD/vite.config.ts --------------------------------------------------------------------------------