{
commandInput.value = input.current?.value || "";
}}
+ style={{ outline: "none !important" }}
placeholder="Command"
- class="bg-transparent color pl-4 border-0"
+ class="bg-transparent color pl-4 outline outline outline-2 outline-offset-2"
/>
)}
diff --git a/islands/KMenu/commands.ts b/islands/KMenu/commands.ts
index a8e45e9..c696727 100644
--- a/islands/KMenu/commands.ts
+++ b/islands/KMenu/commands.ts
@@ -18,6 +18,7 @@ export const menus: Record
= {
{
title: "Create new article",
meta: "",
+ icon: "IconSquareRoundedPlus",
cb: (state) => {
state.menus["input_link"] = {
title: "Link:",
@@ -48,6 +49,7 @@ export const menus: Record = {
},
{
title: "Clear Cache",
+ icon: "IconRefresh",
cb: async (state) => {
state.activeState.value = "loading";
await fetch("/api/cache", {
@@ -60,6 +62,7 @@ export const menus: Record = {
{
title: "Add Movie infos",
meta: "",
+ icon: "IconReportSearch",
cb: async (state, context) => {
state.activeState.value = "loading";
const movie = context as Movie;
diff --git a/islands/KMenu/types.ts b/islands/KMenu/types.ts
index 3a75408..60fc96b 100644
--- a/islands/KMenu/types.ts
+++ b/islands/KMenu/types.ts
@@ -1,4 +1,7 @@
import { Signal } from "@preact/signals";
+import * as icons from "@components/icons.tsx";
+
+type IconKey = keyof typeof icons;
export type MenuState = {
activeMenu: Signal;
@@ -10,10 +13,10 @@ export type MenuState = {
export type MenuEntry = {
cb: (state: MenuState, context: unknown) => void;
+ icon?: IconKey;
meta?: string;
visible?: boolean | ((context: unknown) => boolean);
title: string;
- icon?: string;
};
export type Menu = {
diff --git a/routes/api/images/index.ts b/routes/api/images/index.ts
index bc6a922..da413e4 100644
--- a/routes/api/images/index.ts
+++ b/routes/api/images/index.ts
@@ -158,7 +158,7 @@ const GET = async (
processImage(imageUrl, params)
);
- cache.setImage(resizedImage.slice(), {
+ cache.setImage(resizedImage, {
url: imageUrl,
width: params.width,
height: params.height,
@@ -166,8 +166,9 @@ const GET = async (
});
console.log("[api/image] not-cached: " + imageUrl);
+ console.log({ imageUrl, resizedImage });
- return new Response(resizedImage, {
+ return new Response(new Uint8Array(resizedImage), {
headers: {
"Content-Type": mediaType,
},
diff --git a/routes/articles/index.tsx b/routes/articles/index.tsx
index b26cab8..a42d968 100644
--- a/routes/articles/index.tsx
+++ b/routes/articles/index.tsx
@@ -1,10 +1,10 @@
import { Handlers, PageProps } from "$fresh/server.ts";
import { MainLayout } from "@components/layouts/main.tsx";
-import IconArrowLeft from "https://deno.land/x/tabler_icons_tsx@0.0.3/tsx/arrow-left.tsx";
import { Article, getAllArticles } from "@lib/resource/articles.ts";
import { Card } from "@components/Card.tsx";
import { KMenu } from "@islands/KMenu.tsx";
import { Grid } from "@components/Grid.tsx";
+import { IconArrowLeft } from "@components/icons.tsx";
export const handler: Handlers = {
async GET(_, ctx) {
diff --git a/routes/movies/index.tsx b/routes/movies/index.tsx
index 4ddd657..3c1280e 100644
--- a/routes/movies/index.tsx
+++ b/routes/movies/index.tsx
@@ -1,9 +1,10 @@
import { Handlers, PageProps } from "$fresh/server.ts";
import { MainLayout } from "@components/layouts/main.tsx";
-import IconArrowLeft from "https://deno.land/x/tabler_icons_tsx@0.0.3/tsx/arrow-left.tsx";
import { getAllMovies, Movie } from "@lib/resource/movies.ts";
import { MovieCard } from "@components/MovieCard.tsx";
import { Grid } from "@components/Grid.tsx";
+import { IconArrowLeft } from "@components/icons.tsx";
+import { KMenu } from "@islands/KMenu.tsx";
export const handler: Handlers = {
async GET(_, ctx) {
@@ -15,6 +16,7 @@ export const handler: Handlers = {
export default function Greet(props: PageProps) {
return (
+