@types/react-howler
Advanced tools
+24
-18
@@ -1,2 +0,2 @@ | ||
| // Type definitions for react-howler 3.7 | ||
| // Type definitions for react-howler 5.2 | ||
| // Project: https://github.com/thangngoc89/react-howler | ||
@@ -8,3 +8,3 @@ // Definitions by: Danijel Maksimovic <https://github.com/maksimovicdanijel> | ||
| import * as React from 'react'; | ||
| import { Howl } from 'howler'; | ||
| import { Howl, HowlOptions, HowlCallback, HowlErrorCallback } from 'howler'; | ||
@@ -17,21 +17,27 @@ declare enum HOWLER_STATE { | ||
| interface Props { | ||
| src: string | string[]; | ||
| format?: string[] | undefined; | ||
| export { HowlCallback, HowlErrorCallback }; | ||
| export interface PropTypes { | ||
| src: HowlOptions['src']; | ||
| preload?: boolean | undefined; | ||
| playing?: boolean | undefined; | ||
| mute?: boolean | undefined; | ||
| loop?: boolean | undefined; | ||
| preload?: boolean | undefined; | ||
| volume?: number | undefined; | ||
| onEnd?: (() => void) | undefined; | ||
| onPause?: (() => void) | undefined; | ||
| onPlay?: ((id: number) => void) | undefined; | ||
| onVolume?: ((id: number) => void) | undefined; | ||
| onStop?: ((id: number) => void) | undefined; | ||
| onLoad?: (() => void) | undefined; | ||
| onLoadError?: ((id: number) => void) | undefined; | ||
| html5?: boolean | undefined; | ||
| loop?: HowlOptions['loop']; | ||
| mute?: HowlOptions['mute']; | ||
| volume?: HowlOptions['volume']; | ||
| rate?: HowlOptions['rate']; | ||
| html5?: HowlOptions['html5']; | ||
| format?: HowlOptions['format']; | ||
| xhr?: HowlOptions['xhr'] | undefined; | ||
| onPlay?: HowlCallback | undefined; | ||
| onPause?: HowlCallback | undefined; | ||
| onVolume?: HowlCallback | undefined; | ||
| onStop?: HowlCallback | undefined; | ||
| onLoad?: HowlCallback | undefined; | ||
| onLoadError?: HowlErrorCallback | undefined; | ||
| onEnd?: HowlCallback | undefined; | ||
| onSeek?: HowlCallback | undefined; | ||
| onPlayError?: HowlErrorCallback | undefined; | ||
| } | ||
| declare class ReactHowler extends React.Component<Props> { | ||
| declare class ReactHowler extends React.Component<PropTypes> { | ||
| stop(id?: number): void; | ||
@@ -38,0 +44,0 @@ |
| { | ||
| "name": "@types/react-howler", | ||
| "version": "3.7.3", | ||
| "version": "5.2.0", | ||
| "description": "TypeScript definitions for react-howler", | ||
@@ -26,4 +26,4 @@ "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-howler", | ||
| }, | ||
| "typesPublisherContentHash": "3561b56c3aaa58896a6b1dcd2816bd0b0cfe3593a8b2af17ab30ee4fc0187a73", | ||
| "typeScriptVersion": "3.6" | ||
| "typesPublisherContentHash": "a0fe0a08df63c8640645c7a7eac1332ce30a5581ec6e67691fea405aab1140ad", | ||
| "typeScriptVersion": "3.9" | ||
| } |
+25
-19
@@ -11,3 +11,3 @@ # Installation | ||
| ````ts | ||
| // Type definitions for react-howler 3.7 | ||
| // Type definitions for react-howler 5.2 | ||
| // Project: https://github.com/thangngoc89/react-howler | ||
@@ -19,3 +19,3 @@ // Definitions by: Danijel Maksimovic <https://github.com/maksimovicdanijel> | ||
| import * as React from 'react'; | ||
| import { Howl } from 'howler'; | ||
| import { Howl, HowlOptions, HowlCallback, HowlErrorCallback } from 'howler'; | ||
@@ -28,21 +28,27 @@ declare enum HOWLER_STATE { | ||
| interface Props { | ||
| src: string | string[]; | ||
| format?: string[] | undefined; | ||
| export { HowlCallback, HowlErrorCallback }; | ||
| export interface PropTypes { | ||
| src: HowlOptions['src']; | ||
| preload?: boolean | undefined; | ||
| playing?: boolean | undefined; | ||
| mute?: boolean | undefined; | ||
| loop?: boolean | undefined; | ||
| preload?: boolean | undefined; | ||
| volume?: number | undefined; | ||
| onEnd?: (() => void) | undefined; | ||
| onPause?: (() => void) | undefined; | ||
| onPlay?: ((id: number) => void) | undefined; | ||
| onVolume?: ((id: number) => void) | undefined; | ||
| onStop?: ((id: number) => void) | undefined; | ||
| onLoad?: (() => void) | undefined; | ||
| onLoadError?: ((id: number) => void) | undefined; | ||
| html5?: boolean | undefined; | ||
| loop?: HowlOptions['loop']; | ||
| mute?: HowlOptions['mute']; | ||
| volume?: HowlOptions['volume']; | ||
| rate?: HowlOptions['rate']; | ||
| html5?: HowlOptions['html5']; | ||
| format?: HowlOptions['format']; | ||
| xhr?: HowlOptions['xhr'] | undefined; | ||
| onPlay?: HowlCallback | undefined; | ||
| onPause?: HowlCallback | undefined; | ||
| onVolume?: HowlCallback | undefined; | ||
| onStop?: HowlCallback | undefined; | ||
| onLoad?: HowlCallback | undefined; | ||
| onLoadError?: HowlErrorCallback | undefined; | ||
| onEnd?: HowlCallback | undefined; | ||
| onSeek?: HowlCallback | undefined; | ||
| onPlayError?: HowlErrorCallback | undefined; | ||
| } | ||
| declare class ReactHowler extends React.Component<Props> { | ||
| declare class ReactHowler extends React.Component<PropTypes> { | ||
| stop(id?: number): void; | ||
@@ -64,3 +70,3 @@ | ||
| ### Additional Details | ||
| * Last updated: Thu, 08 Jul 2021 20:20:47 GMT | ||
| * Last updated: Mon, 07 Mar 2022 09:31:42 GMT | ||
| * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [@types/howler](https://npmjs.com/package/@types/howler) | ||
@@ -67,0 +73,0 @@ * Global values: none |
5845
8.91%42
13.51%73
8.96%