feat: add initial command pallete

This commit is contained in:
2023-07-31 04:19:04 +02:00
parent d47ffb94bf
commit e3df1fbd19
12 changed files with 488 additions and 11 deletions

View 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
View 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
View 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;
}