feat: use negentropy as much as possible

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>