feat: use negentropy as much as possible

src/commands.gen.ts

@@ -99,6 +99,9 @@ async resetPassword(key: string, password: string) : Promise<Result<null, string
 async isAccountSync(id: string) : Promise<boolean> {
     return await TAURI_INVOKE("is_account_sync", { id });
 },
+async createSyncFile(id: string) : Promise<boolean> {
+    return await TAURI_INVOKE("create_sync_file", { id });
+},
 async login(account: string, password: string) : Promise<Result<string, string>> {
     try {
     return { status: "ok", data: await TAURI_INVOKE("login", { account, password }) };

src/components/repost.tsx

@@ -12,7 +12,7 @@ export const RepostNote = memo(function RepostNote({
 	event: LumeEvent;
 	className?: string;
 }) {
-	const { isLoading, isError, data } = useEvent(event.repostId);
+	const { isLoading, isError, data } = useEvent(event.repostId, event.content);
 
 	return (
 		<Note.Root className={cn("", className)}>

src/routes/__root.tsx

@@ -3,6 +3,7 @@ import { appSettings } from "@/commons";
 import { Spinner } from "@/components";
 import type { QueryClient } from "@tanstack/react-query";
 import { Outlet, createRootRouteWithContext } from "@tanstack/react-router";
+import { listen } from "@tauri-apps/api/event";
 import type { OsType } from "@tauri-apps/plugin-os";
 import { useEffect } from "react";
 
@@ -17,6 +18,8 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 });
 
 function Screen() {
+	const { queryClient } = Route.useRouteContext();
+
 	useEffect(() => {
 		const unlisten = events.newSettings.listen((data) => {
 			appSettings.setState((state) => {
@@ -29,6 +32,16 @@ function Screen() {
 		};
 	}, []);
 
+	useEffect(() => {
+		const unlisten = listen("synchronized", async () => {
+			await queryClient.invalidateQueries();
+		});
+
+		return () => {
+			unlisten.then((f) => f());
+		};
+	}, []);
+
 	return <Outlet />;
 }
 

src/routes/columns/_layout/groups.$id.lazy.tsx

@@ -7,8 +7,7 @@ import { ArrowDown } from "@phosphor-icons/react";
 import * as ScrollArea from "@radix-ui/react-scroll-area";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
-import { listen } from "@tauri-apps/api/event";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useRef } from "react";
 import { Virtualizer } from "virtua";
 
 export const Route = createLazyFileRoute("/columns/_layout/groups/$id")({
@@ -18,7 +17,6 @@ export const Route = createLazyFileRoute("/columns/_layout/groups/$id")({
 export function Screen() {
 	const group = Route.useLoaderData();
 	const params = Route.useParams();
-	const { queryClient } = Route.useRouteContext();
 
 	const {
 		data,
@@ -84,16 +82,6 @@ export function Screen() {
 		[data],
 	);
 
-	useEffect(() => {
-		const unlisten = listen("synchronized", async () => {
-			await queryClient.invalidateQueries({ queryKey: ["groups", params.id] });
-		});
-
-		return () => {
-			unlisten.then((f) => f());
-		};
-	}, []);
-
 	return (
 		<ScrollArea.Root
 			type={"scroll"}

src/routes/columns/_layout/interests.$id.lazy.tsx

@@ -7,8 +7,7 @@ import { ArrowDown } from "@phosphor-icons/react";
 import * as ScrollArea from "@radix-ui/react-scroll-area";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
-import { listen } from "@tauri-apps/api/event";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useRef } from "react";
 import { Virtualizer } from "virtua";
 
 export const Route = createLazyFileRoute("/columns/_layout/interests/$id")({
@@ -18,7 +17,6 @@ export const Route = createLazyFileRoute("/columns/_layout/interests/$id")({
 export function Screen() {
 	const hashtags = Route.useLoaderData();
 	const params = Route.useParams();
-	const { queryClient } = Route.useRouteContext();
 
 	const {
 		data,
@@ -84,18 +82,6 @@ export function Screen() {
 		[data],
 	);
 
-	useEffect(() => {
-		const unlisten = listen("synchronized", async () => {
-			await queryClient.invalidateQueries({
-				queryKey: ["hashtags", params.id],
-			});
-		});
-
-		return () => {
-			unlisten.then((f) => f());
-		};
-	}, []);
-
 	return (
 		<ScrollArea.Root
 			type={"scroll"}

src/routes/columns/_layout/newsfeed.lazy.tsx

@@ -7,7 +7,6 @@ import { ArrowDown, ArrowUp } from "@phosphor-icons/react";
 import * as ScrollArea from "@radix-ui/react-scroll-area";
 import { type InfiniteData, useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
-import { listen } from "@tauri-apps/api/event";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 import {
 	memo,
@@ -30,7 +29,6 @@ export const Route = createLazyFileRoute("/columns/_layout/newsfeed")({
 
 export function Screen() {
 	const contacts = Route.useLoaderData();
-	const { queryClient } = Route.useRouteContext();
 	const { label, account } = Route.useSearch();
 	const {
 		data,
@@ -95,16 +93,6 @@ export function Screen() {
 		[data],
 	);
 
-	useEffect(() => {
-		const unlisten = listen("synchronized", async () => {
-			await queryClient.invalidateQueries({ queryKey: [label, account] });
-		});
-
-		return () => {
-			unlisten.then((f) => f());
-		};
-	}, []);
-
 	return (
 		<ScrollArea.Root
 			type={"scroll"}

src/routes/loading.tsx

@@ -1,3 +1,4 @@
+import { commands } from "@/commands.gen";
 import { Frame, Spinner } from "@/components";
 import { createFileRoute } from "@tanstack/react-router";
 import { listen } from "@tauri-apps/api/event";
@@ -21,13 +22,19 @@ function Screen() {
 	const search = Route.useSearch();
 
 	useEffect(() => {
-		const unlisten = listen("synchronized", () => {
-			navigate({
-				to: "/$account/home",
-				// @ts-ignore, this is tanstack router bug
-				params: { account: search.account },
-				replace: true,
-			});
+		const unlisten = listen("neg_synchronized", async () => {
+			const status = await commands.createSyncFile(search.account);
+
+			if (status) {
+				navigate({
+					to: "/$account/home",
+					// @ts-ignore, this is tanstack router bug
+					params: { account: search.account },
+					replace: true,
+				});
+			} else {
+				throw new Error("System error.");
+			}
 		});
 
 		return () => {
@@ -43,7 +50,7 @@ function Screen() {
 			>
 				<Spinner />
 				<p className="text-sm text-neutral-600 dark:text-neutral-40">
-					Fetching necessary data for the first time login...
+					Syncing all necessary data for the first time login...
 				</p>
 			</Frame>
 		</div>

src/system/hooks/useEvent.ts

@@ -4,11 +4,22 @@ import { useQuery } from "@tanstack/react-query";
 import { nip19 } from "nostr-tools";
 import { LumeEvent } from "../event";
 
-export function useEvent(id: string) {
+export function useEvent(id: string, repost?: string) {
 	const { isLoading, isError, error, data } = useQuery({
 		queryKey: ["event", id],
 		queryFn: async () => {
 			try {
+				if (repost?.length) {
+					const nostrEvent: NostrEvent = JSON.parse(repost);
+					const res = await commands.getEventMeta(nostrEvent.content);
+
+					if (res.status === "ok") {
+						nostrEvent.meta = res.data;
+					}
+
+					return new LumeEvent(nostrEvent);
+				}
+
 				// Validate ID
 				let normalizeId: string = id
 					.replace("nostr:", "")