fix: context issue in production (#187)

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

@@ -1,6 +1,6 @@
 import { BellIcon, ComposeFilledIcon, PlusIcon, SearchIcon } from "@lume/icons";
 import { Event, Kind } from "@lume/types";
-import { User } from "@lume/ui";
+import { User } from "@/components/user";
 import {
 	cn,
 	decodeZapInvoice,

apps/desktop2/src/routes/__root.tsx

@@ -1,10 +1,12 @@
 import type { Ark } from "@lume/ark";
+import { CheckCircleIcon, InfoCircleIcon, CancelCircleIcon } from "@lume/icons";
 import type { Interests, Metadata, Settings } from "@lume/types";
 import { Spinner } from "@lume/ui";
 import type { QueryClient } from "@tanstack/react-query";
 import { Outlet, createRootRouteWithContext } from "@tanstack/react-router";
 import type { Platform } from "@tauri-apps/plugin-os";
 import type { Descendant } from "slate";
+import { Toaster } from "sonner";
 
 type EditorElement = {
 	type: string;
@@ -31,7 +33,21 @@ interface RouterContext {
 }
 
 export const Route = createRootRouteWithContext<RouterContext>()({
-	component: () => <Outlet />,
+	component: () => (
+		<>
+			<Toaster
+				position="bottom-right"
+				icons={{
+					success: <CheckCircleIcon className="size-5" />,
+					info: <InfoCircleIcon className="size-5" />,
+					error: <CancelCircleIcon className="size-5" />,
+				}}
+				closeButton
+				theme="system"
+			/>
+			<Outlet />
+		</>
+	),
 	pendingComponent: Pending,
 	wrapInSuspense: true,
 });

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

@@ -1,5 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-
-export const Route = createFileRoute("/activity/$account/messages")({
-	component: () => <div>Hello /activity/$account/messages!</div>,
-});

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

@@ -1,4 +1,5 @@
-import { Note, Spinner } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { Note } from "@/components/note";
 import { Await, createFileRoute, defer } from "@tanstack/react-router";
 import { Suspense } from "react";
 import { Virtualizer } from "virtua";

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

@@ -1,4 +1,5 @@
-import { Note, Spinner, User } from "@lume/ui";
+import { User } from "@/components/user";
+import { Spinner } from "@lume/ui";
 import { decodeZapInvoice } from "@lume/utils";
 import { Await, createFileRoute, defer } from "@tanstack/react-router";
 import { Suspense } from "react";

apps/desktop2/src/routes/create-group.tsx

@@ -1,6 +1,7 @@
 import { CheckCircleIcon } from "@lume/icons";
 import type { ColumnRouteSearch } from "@lume/types";
-import { Spinner, User } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { User } from "@/components/user";
 import { createFileRoute, useRouter } from "@tanstack/react-router";
 import { useState } from "react";
 import { toast } from "sonner";

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

@@ -4,10 +4,10 @@ import * as Tooltip from "@radix-ui/react-tooltip";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { useEffect, useState } from "react";
 import { useRouteContext } from "@tanstack/react-router";
-import { User } from "@lume/ui";
 import { useSlateStatic } from "slate-react";
 import type { Contact } from "@lume/types";
 import { toast } from "sonner";
+import { User } from "@/components/user";
 
 export function MentionButton({ className }: { className?: string }) {
 	const editor = useSlateStatic();

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

@@ -1,6 +1,5 @@
 import { ComposeFilledIcon, TrashIcon } from "@lume/icons";
 import { Spinner } from "@lume/ui";
-import { MentionNote } from "@lume/ui/src/note/mentions/note";
 import {
 	cn,
 	insertImage,
@@ -25,6 +24,7 @@ import {
 import { MediaButton } from "./-components/media";
 import { NsfwToggle } from "./-components/nsfw";
 import { MentionButton } from "./-components/mention";
+import { MentionNote } from "@/components/note/mentions/note";
 
 type EditorSearch = {
 	reply_to: string;
@@ -35,7 +35,7 @@ export const Route = createFileRoute("/editor/")({
 	validateSearch: (search: Record<string, string>): EditorSearch => {
 		return {
 			reply_to: search.reply_to,
-			quote: search.quote === "true" ?? false,
+			quote: search.quote === "true" || false,
 		};
 	},
 	beforeLoad: async ({ search }) => {

apps/desktop2/src/routes/events/$eventId.tsx

@@ -1,6 +1,7 @@
 import { useEvent } from "@lume/ark";
 import type { Event } from "@lume/types";
-import { Box, Container, Note, Spinner } from "@lume/ui";
+import { Box, Container, Spinner } from "@lume/ui";
+import { Note } from "@/components/note";
 import { createFileRoute } from "@tanstack/react-router";
 import { WindowVirtualizer } from "virtua";
 import { ReplyList } from "./-components/replyList";

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

@@ -1,7 +1,7 @@
 import type { EventWithReplies } from "@lume/types";
-import { Note } from "@lume/ui";
 import { cn } from "@lume/utils";
 import { SubReply } from "./subReply";
+import { Note } from "@/components/note";
 
 export function Reply({ event }: { event: EventWithReplies }) {
 	return (

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

@@ -1,5 +1,5 @@
 import type { Event } from "@lume/types";
-import { Note } from "@lume/ui";
+import { Note } from "@/components/note";
 
 export function SubReply({ event }: { event: Event; rootEventId?: string }) {
 	return (

apps/desktop2/src/routes/index.tsx

@@ -1,5 +1,6 @@
 import { PlusIcon } from "@lume/icons";
-import { Spinner, User } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { User } from "@/components/user";
 import { checkForAppUpdates } from "@lume/utils";
 import { Link } from "@tanstack/react-router";
 import { createFileRoute, redirect } from "@tanstack/react-router";

apps/desktop2/src/routes/onboarding.tsx

@@ -1,6 +1,7 @@
 import { ArrowRightIcon, CancelIcon } from "@lume/icons";
 import type { ColumnRouteSearch, LumeColumn } from "@lume/types";
-import { Spinner, User } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { User } from "@/components/user";
 import { cn } from "@lume/utils";
 import { createFileRoute } from "@tanstack/react-router";
 import { invoke } from "@tauri-apps/api/core";

apps/desktop2/src/routes/search.tsx

@@ -1,6 +1,8 @@
 import { SearchIcon } from "@lume/icons";
 import { type Event, Kind } from "@lume/types";
-import { Note, Spinner, User } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { Note } from "@/components/note";
+import { User } from "@/components/user";
 import { createFileRoute } from "@tanstack/react-router";
 import { useEffect, useState } from "react";
 import { toast } from "sonner";

apps/desktop2/src/routes/settings/backup.tsx

@@ -1,5 +1,5 @@
+import { User } from "@/components/user";
 import type { Account } from "@lume/types";
-import { User } from "@lume/ui";
 import { displayNsec } from "@lume/utils";
 import { createFileRoute } from "@tanstack/react-router";
 import { invoke } from "@tauri-apps/api/core";

apps/desktop2/src/routes/trending.users.tsx

@@ -1,4 +1,5 @@
-import { Spinner, User } from "@lume/ui";
+import { Spinner } from "@lume/ui";
+import { User } from "@/components/user";
 import { Await, defer } from "@tanstack/react-router";
 import { createFileRoute } from "@tanstack/react-router";
 import { Suspense } from "react";

apps/desktop2/src/routes/users/$pubkey.tsx

@@ -1,4 +1,5 @@
-import { Box, Container, Spinner, User } from "@lume/ui";
+import { Box, Container, Spinner } from "@lume/ui";
+import { User } from "@/components/user";
 import { createFileRoute, defer } from "@tanstack/react-router";
 import { WindowVirtualizer } from "virtua";
 import { Conversation } from "@/components/conversation";

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

@@ -1,5 +1,6 @@
 import { Balance } from "@/components/balance";
-import { Box, Container, User } from "@lume/ui";
+import { Box, Container } from "@lume/ui";
+import { User } from "@/components/user";
 import { createLazyFileRoute } from "@tanstack/react-router";
 import { getCurrent } from "@tauri-apps/api/webviewWindow";
 import { useState } from "react";