use remove homedir

Author: jonluca

README.md

@@ -20,6 +20,8 @@ Please note that this application is for viewing and managing iMessage conversat
 
 Mimessage also creates an "iMessage Wrapped" - a Spotify Wrapped, but for your conversations. It will generate some statistics about your conversations.
 
+![Wrapped](readme-assets/wrapped.png?raw=true "My iMessage Wrapped")
+
 Fun sidenote: ChatGPT actually came up with a lot of the stats that would be interesting to see.
 
 ![ChatGPT ideas](readme-assets/chatgpt.png?raw=true "ChatGPT generated the stats")

electron-src/data/ipc.ts

@@ -28,6 +28,10 @@ handleIpc("openFileAtFolder", (filePath: string) => {
   shell.showItemInFolder(filePath);
 });
 
+handleIpc("getHomeDir", () => {
+  return os.homedir();
+});
+
 type EnhancedChat = NonNullable<Awaited<ReturnType<SQLDatabase["getChatList"]>>>[number];
 handleIpc(
   "export",

readme-assets/chatgpt.png

@@ -4,7 +4,7 @@ import { isProd } from "../../config";
 import { useMimessage } from "../../context";
 import Box from "@mui/material/Box";
 import { MessageBubbleText } from "./MessageBubble";
-import { useOpenFileAtLocation } from "../../hooks/dataHooks";
+import { useHomeDir, useOpenFileAtLocation } from "../../hooks/dataHooks";
 const ASSET_WIDTH = "100%";
 const ASSET_HEIGHT = "100%";
 
@@ -15,8 +15,9 @@ export const AttachmentView = ({ message, recalcSize }: { recalcSize?: () => voi
   const ref = useRef<HTMLVideoElement>(null);
   const setHighlightedMessage = useMimessage((state) => state.setHighlightedMessage);
 
+  const { data: homedir } = useHomeDir();
   const data = useOpenFileAtLocation();
-  const absolutePath = (message.filename || "").replace("~", process.env.HOME!);
+  const absolutePath = (message.filename || "").replace("~", homedir!);
   const filename = ((isProd ? "file://" : "mimessage-asset://") + absolutePath) as string;
   const fileType = filename.split(".").pop()?.toLowerCase();
   const isVideo = VIDEO_TYPES.includes(fileType!);

readme-assets/img.png

@@ -538,6 +538,12 @@ export const useHasSemanticSearch = () => {
   });
 };
 
+export const useHomeDir = () => {
+  return useQuery<string>(["getHomeDir"], async () => {
+    return (await ipcRenderer.invoke("getHomeDir")) as string;
+  });
+};
+
 export const useSemanticSearchStats = (enabled: boolean) => {
   return useQuery<SemanticSearchStats>(
     ["calculateSemanticSearchStats"],