chore: clean up

apps/desktop2/src/routes/$account.tsx

@@ -2,16 +2,14 @@ import { ComposeFilledIcon, PlusIcon } from "@lume/icons";
 import { Outlet, createFileRoute, useNavigate } from "@tanstack/react-router";
 import { cn } from "@lume/utils";
 import { Accounts } from "@/components/accounts";
-import { useArk } from "@lume/ark";
 
 export const Route = createFileRoute("/$account")({
   component: App,
 });
 
 function App() {
-  const ark = useArk();
   const navigate = useNavigate();
-  const { platform } = Route.useRouteContext();
+  const { ark, platform } = Route.useRouteContext();
 
   return (
     <div className="flex h-screen w-screen flex-col">

apps/desktop2/src/routes/auth/new/profile.tsx

@@ -1,5 +1,4 @@
 import { AvatarUploader } from "@/components/avatarUploader";
-import { useArk } from "@lume/ark";
 import { LoaderIcon, PlusIcon } from "@lume/icons";
 import { Metadata } from "@lume/types";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
@@ -16,11 +15,11 @@ export const Route = createFileRoute("/auth/new/profile")({
 });
 
 function Screen() {
-  const ark = useArk();
   const keys = Route.useLoaderData();
   const navigate = useNavigate();
 
   const { t } = useTranslation();
+  const { ark } = Route.useRouteContext();
   const { register, handleSubmit } = useForm();
 
   const [picture, setPicture] = useState<string>("");

apps/desktop2/src/routes/auth/privkey.lazy.tsx

@@ -1,8 +1,6 @@
-import { useArk } from "@lume/ark";
 import { LoaderIcon } from "@lume/icons";
 import { createLazyFileRoute, useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
 export const Route = createLazyFileRoute("/auth/privkey")({
@@ -10,10 +8,9 @@ export const Route = createLazyFileRoute("/auth/privkey")({
 });
 
 function Screen() {
-  const ark = useArk();
+  const { ark } = Route.useRouteContext();
   const navigate = useNavigate();
 
-  const [t] = useTranslation();
   const [key, setKey] = useState("");
   const [password, setPassword] = useState("");
   const [loading, setLoading] = useState(false);

apps/desktop2/src/routes/auth/settings.lazy.tsx

@@ -4,7 +4,6 @@ import { useTranslation } from "react-i18next";
 import * as Switch from "@radix-ui/react-switch";
 import { useEffect, useState } from "react";
 import { Settings } from "@lume/types";
-import { useArk } from "@lume/ark";
 import {
   isPermissionGranted,
   requestPermission,
@@ -16,12 +15,12 @@ export const Route = createLazyFileRoute("/auth/settings")({
 });
 
 function Screen() {
-  const ark = useArk();
   const navigate = useNavigate();
 
   // @ts-ignore, magic!!!
   const { account } = Route.useSearch();
   const { t } = useTranslation();
+  const { ark } = Route.useRouteContext();
 
   const [settings, setSettings] = useState<Settings>({
     notification: false,

apps/desktop2/src/routes/editor/-components/media.tsx

@@ -1,4 +1,3 @@
-import { useArk } from "@lume/ark";
 import { AddMediaIcon, LoaderIcon } from "@lume/icons";
 import { cn, insertImage, isImagePath } from "@lume/utils";
 import { useEffect, useState } from "react";
@@ -6,9 +5,10 @@ import { useSlateStatic } from "slate-react";
 import { toast } from "sonner";
 import { getCurrent } from "@tauri-apps/api/window";
 import { UnlistenFn } from "@tauri-apps/api/event";
+import { useRouteContext } from "@tanstack/react-router";
 
 export function MediaButton({ className }: { className?: string }) {
-  const ark = useArk();
+  const { ark } = useRouteContext({ strict: false });
   const editor = useSlateStatic();
 
   const [loading, setLoading] = useState(false);

apps/desktop2/src/routes/editor/index.tsx

@@ -1,4 +1,3 @@
-import { useArk } from "@lume/ark";
 import { LoaderIcon, TrashIcon } from "@lume/icons";
 import {
   Portal,
@@ -61,6 +60,7 @@ export const Route = createFileRoute("/editor/")({
 function Screen() {
   // @ts-ignore, useless
   const { reply_to, quote } = Route.useSearch();
+  const { ark } = Route.useRouteContext();
 
   let initialValue: EditorElement[];
 
@@ -89,7 +89,6 @@ function Screen() {
     ];
   }
 
-  const ark = useArk();
   const ref = useRef<HTMLDivElement | null>();
   const contacts = useSuspenseQuery(contactQueryOptions).data as Contact[];
 

apps/desktop2/src/routes/events/-components/replyList.tsx

@@ -1,10 +1,10 @@
-import { useArk } from "@lume/ark";
 import { LoaderIcon } from "@lume/icons";
 import { cn } from "@lume/utils";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { EventWithReplies } from "@lume/types";
 import { Reply } from "./reply";
+import { useRouteContext } from "@tanstack/react-router";
 
 export function ReplyList({
   eventId,
@@ -13,8 +13,7 @@ export function ReplyList({
   eventId: string;
   className?: string;
 }) {
-  const ark = useArk();
-
+  const { ark } = useRouteContext({ strict: false });
   const [t] = useTranslation();
   const [data, setData] = useState<null | EventWithReplies[]>(null);
 

apps/desktop2/src/routes/index.tsx

@@ -1,4 +1,3 @@
-import { useArk } from "@lume/ark";
 import { LoaderIcon, PlusIcon } from "@lume/icons";
 import { User } from "@lume/ui";
 import { Link } from "@tanstack/react-router";
@@ -45,7 +44,6 @@ export const Route = createFileRoute("/")({
 });
 
 function Screen() {
-  const ark = useArk();
   const navigate = useNavigate();
   const context = Route.useRouteContext();
 
@@ -53,8 +51,8 @@ function Screen() {
 
   const select = async (npub: string) => {
     setLoading(true);
-    const loadAccount = await ark.load_selected_account(npub);
-    context.settings = await ark.get_settings(npub);
+    const loadAccount = await context.ark.load_selected_account(npub);
+    context.settings = await context.ark.get_settings(npub);
 
     if (loadAccount) {
       navigate({
@@ -85,7 +83,7 @@ function Screen() {
             </div>
           ) : (
             <>
-              {ark.accounts.map((account) => (
+              {context.ark.accounts.map((account) => (
                 <button
                   type="button"
                   key={account.npub}

apps/desktop2/src/routes/newsfeed.lazy.tsx

@@ -1,10 +1,10 @@
 import { RepostNote } from "@/components/repost";
 import { Suggest } from "@/components/suggest";
 import { TextNote } from "@/components/text";
-import { useEvents } from "@lume/ark";
 import { LoaderIcon, ArrowRightCircleIcon, InfoIcon } from "@lume/icons";
 import { Event, Kind } from "@lume/types";
 import { Column } from "@lume/ui";
+import { useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
 import { useTranslation } from "react-i18next";
 import { Virtualizer } from "virtua";
@@ -16,9 +16,24 @@ export const Route = createLazyFileRoute("/newsfeed")({
 export function Screen() {
   // @ts-ignore, just work!!!
   const { id, name, account } = Route.useSearch();
+  const { ark } = Route.useRouteContext();
   const { t } = useTranslation();
-  const { data, hasNextPage, isLoading, isFetchingNextPage, fetchNextPage } =
-    useEvents("local", account);
+  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =
+    useInfiniteQuery({
+      queryKey: ["local", account],
+      initialPageParam: 0,
+      queryFn: async ({ pageParam }: { pageParam: number }) => {
+        const events = await ark.get_events("local", 20, pageParam, true);
+        return events;
+      },
+      getNextPageParam: (lastPage) => {
+        const lastEvent = lastPage?.at(-1);
+        if (!lastEvent) return;
+        return lastEvent.created_at - 1;
+      },
+      select: (data) => data?.pages.flatMap((page) => page),
+      refetchOnWindowFocus: false,
+    });
 
   const renderItem = (event: Event) => {
     if (!event) return;

apps/desktop2/src/routes/nwc.lazy.tsx

@@ -1,4 +1,3 @@
-import { useArk } from "@lume/ark";
 import { ArrowRightIcon, ZapIcon } from "@lume/icons";
 import { Container } from "@lume/ui";
 import { createLazyFileRoute } from "@tanstack/react-router";
@@ -9,7 +8,7 @@ export const Route = createLazyFileRoute("/nwc")({
 });
 
 function Screen() {
-  const ark = useArk();
+  const { ark } = Route.useRouteContext();
 
   const [uri, setUri] = useState("");
   const [isDone, setIsDone] = useState(false);

apps/desktop2/src/routes/users/-components/eventList.tsx

@@ -1,13 +1,13 @@
 import { TextNote } from "@/components/text";
 import { RepostNote } from "@/components/repost";
-import { useArk } from "@lume/ark";
 import { ArrowRightCircleIcon, InfoIcon, LoaderIcon } from "@lume/icons";
 import { Event, Kind } from "@lume/types";
 import { FETCH_LIMIT } from "@lume/utils";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import { useRouteContext } from "@tanstack/react-router";
 
 export function EventList({ id }: { id: string }) {
-  const ark = useArk();
+  const { ark } = useRouteContext({ strict: false });
   const { data, hasNextPage, isLoading, isFetchingNextPage, fetchNextPage } =
     useInfiniteQuery({
       queryKey: ["events", id],

apps/desktop2/src/routes/zap.$id.lazy.tsx

@@ -1,5 +1,4 @@
 import { Balance } from "@/components/balance";
-import { useArk } from "@lume/ark";
 import { Box, Container, User } from "@lume/ui";
 import { createLazyFileRoute } from "@tanstack/react-router";
 import { useState } from "react";
@@ -16,6 +15,7 @@ export const Route = createLazyFileRoute("/zap/$id")({
 
 function Screen() {
   const { t } = useTranslation();
+  const { ark } = Route.useRouteContext();
   const { id } = Route.useParams();
   // @ts-ignore, magic !!!
   const { pubkey, account } = Route.useSearch();
@@ -25,8 +25,6 @@ function Screen() {
   const [isCompleted, setIsCompleted] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
 
-  const ark = useArk();
-
   const submit = async () => {
     try {
       // start loading