feat: add initial command pallete
This commit is contained in:
39
lib/hooks/useEventListener.ts
Normal file
39
lib/hooks/useEventListener.ts
Normal file
@ -0,0 +1,39 @@
|
||||
import { useEffect, useRef } from "preact/hooks";
|
||||
|
||||
export function useEventListener<T extends Event>(
|
||||
eventName: string,
|
||||
handler: (event: T) => void,
|
||||
element = window,
|
||||
) {
|
||||
// Create a ref that stores handler
|
||||
const savedHandler = useRef<(event: Event) => void>();
|
||||
|
||||
// Update ref.current value if handler changes.
|
||||
// This allows our effect below to always get latest handler ...
|
||||
// ... without us needing to pass it in effect deps array ...
|
||||
// ... and potentially cause effect to re-run every render.
|
||||
useEffect(() => {
|
||||
savedHandler.current = handler;
|
||||
}, [handler]);
|
||||
|
||||
useEffect(
|
||||
() => {
|
||||
// Make sure element supports addEventListener
|
||||
// On
|
||||
const isSupported = element && element.addEventListener;
|
||||
if (!isSupported) return;
|
||||
|
||||
// Create event listener that calls handler function stored in ref
|
||||
const eventListener = (event: T) => savedHandler?.current?.(event);
|
||||
|
||||
// Add event listener
|
||||
element.addEventListener(eventName, eventListener);
|
||||
|
||||
// Remove event listener on cleanup
|
||||
return () => {
|
||||
element.removeEventListener(eventName, eventListener);
|
||||
};
|
||||
},
|
||||
[eventName, element], // Re-run if eventName or element changes
|
||||
);
|
||||
}
|
14
lib/tmdb.ts
Normal file
14
lib/tmdb.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import { MovieDb } from "https://esm.sh/moviedb-promise@3.4.1";
|
||||
const moviedb = new MovieDb(Deno.env.get("TMDB_API_KEY") || "");
|
||||
|
||||
export function searchMovie(query: string) {
|
||||
return moviedb.searchMovie({ query });
|
||||
}
|
||||
|
||||
export function getMovie(id: number) {
|
||||
return moviedb.movieInfo({ id });
|
||||
}
|
||||
|
||||
export function getMovieCredits(id: number) {
|
||||
return moviedb.movieCredits(id);
|
||||
}
|
16
lib/types.ts
Normal file
16
lib/types.ts
Normal file
@ -0,0 +1,16 @@
|
||||
export interface TMDBMovie {
|
||||
adult: boolean;
|
||||
backdrop_path: string;
|
||||
genre_ids: number[];
|
||||
id: number;
|
||||
original_language: string;
|
||||
original_title: string;
|
||||
overview: string;
|
||||
popularity: number;
|
||||
poster_path: string;
|
||||
release_date: string;
|
||||
title: string;
|
||||
video: boolean;
|
||||
vote_average: number;
|
||||
vote_count: number;
|
||||
}
|
Reference in New Issue
Block a user