kat-tax · TheUltDev · Mar 9, 2025 · Mar 9, 2025 · Jul 17, 2025 · Jul 17, 2025
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,15 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{bat,cmd}]
+end_of_line = crlf
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,5 @@
+# Default line ending
+* text=auto eol=lf
+
+# Windows files
+*.bat text eol=crlf
diff --git a/client/index.html b/client/index.html
@@ -8,60 +8,53 @@
       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
     />
     <meta name="mobile-web-app-capable" content="yes">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://rsms.me/" />
-    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
-    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
     <title>__APP_NAME__</title>
     <style>
       :root {
-        font-family: __FONT_NAME__, sans-serif;
+        font-family: '__FONT_NAME__', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
         font-feature-settings:
           "liga" 1,
           "calt" 1;
+        --bg: #fff;
+        --bg-dark: #09090b;
+        --sel: rgba(0, 0, 0, 0.2);
+        --sel-dark: rgba(255, 255, 255, 0.2);
       }
 
-      a:-webkit-any-link {
-        cursor: default;
+      body.dark {
+        --bg: var(--bg-dark);
+        --sel: var(--sel-dark);
       }
 
-      *:focus {
-        outline: none;
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: var(--bg-dark);
+          --sel: var(--sel-dark);
+        }
+      }
+
+      @media (prefers-reduced-motion: no-preference) {
+        html {
+          scroll-behavior: smooth;
+        }
       }
 
+      *:focus {outline: none}
+      ::selection {background: var(--sel)}
+      a:-webkit-any-link {cursor: default}
+
       html,
       body,
       #root {
         height: 100%;
         width: 100%;
         margin: 0;
         display: flex;
-        background: #fff;
+        background: var(--bg);
         overscroll-behavior: none;
         overflow: hidden;
       }
 
-      @media (prefers-color-scheme: dark) {
-        html,
-        body,
-        #root {
-          background: #000;
-        }
-      }
-
-      @supports (font-variation-settings: normal) {
-        :root {
-          font-family: __FONT_NAME__Variable, sans-serif;
-        }
-      }
-
-      @media (prefers-reduced-motion: no-preference) {
-        html {
-          scroll-behavior: smooth;
-        }
-      }
-
       /* PointerEvent */
       ._p {
         cursor: default;
@@ -85,7 +78,6 @@
       /* Zeego */
       .ContextMenuContent,
       .ContextMenuSubContent {
-        width: 200px;
         background-color: #09090b;
         border: 1px solid #27272a;
         border-radius: 6px;
@@ -94,6 +86,22 @@
         box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 1px
       }
 
+      .ContextMenuContent.context {
+        width: 200px;
+      }
+
+      .ContextMenuArrow {
+        fill: #27272a;
+      }
+
+      .ContextMenuTrigger {
+        padding: 0;
+        cursor: default;
+        border: none;
+        outline: none;
+        background: none;
+      }
+
       .ContextMenuLabel {
         margin: -5px;
         margin-bottom: 5px;

diff --git a/client/package.json b/client/package.json
@@ -8,13 +8,11 @@
     "android": "react-native run-android --no-packager",
     "ios": "react-native run-ios --no-packager",
     "macos": "react-native run-macos --no-packager --scheme FOV",
-    "visionos": "react-native run-visionos --no-packager",
     "windows": "react-native run-windows --no-packager",
     "build:web": "vite build",
     "_build:android": "react-native bundle --entry-file index.js --platform android --dev true --bundle-output dist/main.android.jsbundle --assets-dest dist/res",
     "_build:ios": "react-native bundle --entry-file index.js --platform ios --dev true --bundle-output dist/main.ios.jsbundle --assets-dest dist",
     "_build:macos": "react-native bundle --entry-file index.js --platform macos --dev true --bundle-output dist/main.macos.jsbundle --assets-dest dist",
-    "_build:visionos": "react-native bundle --entry-file index.js --platform ios --dev true --bundle-output dist/main.visionos.jsbundle --assets-dest dist",
     "_build:windows": "react-native bundle --entry-file index.js --platform windows --dev true --bundle-output dist/main.windows.bundle --assets-dest dist",
     "start:web": "vite dev --port 6206 --host",
     "start:native": "react-native rnx-start --reset-cache",
@@ -24,103 +22,95 @@
     "_postinstall": "pnpm generate:*"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^1.0.11",
-    "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
-    "@callstack/react-native-visionos": "^0.76.2",
+    "@ai-sdk/openai": "^1.3.23",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
     "@candlefinance/faster-image": "^1.7.2",
-    "@effect/platform": "0.69.9",
+    "@effect/platform": "0.69.31",
     "@effect/schema": "0.75.5",
     "@evolu/common": "^5.4.8",
     "@evolu/common-web": "^8.2.4",
     "@evolu/react": "^8.2.2",
     "@evolu/react-native": "^11.1.2",
-    "@helia/verified-fetch": "^2.3.1",
-    "@legendapp/list": "1.0.0-beta.8",
+    "@helia/verified-fetch": "^3.2.0",
+    "@legendapp/list": "1.1.4",
     "@lingui/core": "^5.2.0",
     "@lingui/macro": "^5.2.0",
     "@lingui/react": "^5.2.0",
     "@marceloterreiro/flash-calendar": "^1.3.0",
-    "@noriginmedia/norigin-spatial-navigation": "^2.2.3",
-    "@react-native-community/checkbox": "^0.5.17",
+    "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
+    "@react-native-community/checkbox": "^0.5.20",
     "@react-native-community/geolocation": "^3.4.0",
     "@react-native-community/netinfo": "^11.4.1",
-    "@react-native-community/slider": "^4.5.5",
-    "@react-native-picker/picker": "^2.10.2",
-    "@shopify/flash-list": "1.6.3",
-    "@shopify/react-native-skia": "1.8.0",
-    "@zip.js/zip.js": "^2.7.54",
-    "ai": "^4.0.22",
-    "blo": "^1.2.0",
-    "burnt": "^0.12.2",
+    "@react-native-community/slider": "^4.5.7",
+    "@react-native-picker/picker": "^2.11.1",
+    "@shopify/react-native-skia": "2.1.1",
+    "@zip.js/zip.js": "^2.7.64",
+    "ai": "^4.3.19",
+    "blo": "^2.0.0",
+    "burnt": "^0.13.0",
     "design": "workspace:react-exo-ui@*",
     "effect": "3.10.4",
-    "file-type": "^19.6.0",
-    "maplibre-gl": "4.7.1",
-    "matrix-js-sdk": "^36.0.0",
-    "openmeteo": "^1.1.4",
+    "file-type": "^21.0.0",
+    "maplibre-gl": "5.6.1",
+    "matrix-js-sdk": "^37.11.0",
+    "openmeteo": "^1.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-exo": "0.18.27",
+    "react-exo": "0.18.37",
     "react-exo-ui": "workspace:*",
-    "react-map-gl": "^7.1.8",
-    "react-native": "^0.76.5",
-    "react-native-bootsplash": "^6.3.2",
-    "react-native-gesture-handler": "^2.21.2",
-    "react-native-ios-context-menu": "^2.5.3",
+    "react-map-gl": "^8.0.4",
+    "react-native": "^0.78.3",
+    "react-native-bootsplash": "^6.3.10",
+    "react-native-gesture-handler": "^2.27.1",
+    "react-native-ios-context-menu": "^3.1.2",
     "react-native-linear-gradient": "^2.8.3",
-    "react-native-macos": "^0.76.6",
-    "react-native-mmkv": "^3.2.0",
-    "react-native-navigation": "7.40.3",
+    "react-native-mmkv": "^3.3.0",
     "react-native-qrcode-skia": "^0.3.1",
     "react-native-random-values-jsi-helper": "^2.0.1",
-    "react-native-readium": "^2.0.2",
-    "react-native-reanimated": "^3.16.6",
-    "react-native-screens": "^4.4.0",
+    "react-native-readium": "^3.0.2",
+    "react-native-reanimated": "^3.18.0",
+    "react-native-screens": "^4.13.1",
     "react-native-skottie": "^2.1.4",
-    "react-native-svg": "^15.10.1",
+    "react-native-svg": "^15.12.0",
     "react-native-svg-app-icon": "^0.6.1",
-    "react-native-svg-transformer": "^1.5.0",
+    "react-native-svg-transformer": "^1.5.1",
     "react-native-unistyles": "^2.20.0",
     "react-native-url-polyfill": "^2.0.0",
-    "react-native-video": "^6.8.2",
+    "react-native-video": "^6.16.1",
     "react-native-web": "^0.19.13",
     "react-native-web-linear-gradient": "^1.1.2",
-    "react-native-windows": "0.76.3",
-    "react-native-zoom-toolkit": "^4.0.0",
-    "react-scan": "^0.1.3",
-    "react-zoom-pan-pinch": "^3.6.1",
-    "recyclerlistview": "4.2.1",
-    "rive-react-native": "^8.3.0",
+    "react-native-zoom-toolkit": "^5.0.0",
+    "react-scan": "^0.4.3",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "rive-react-native": "^9.3.4",
+    "rmapi-js": "^8.3.0",
     "uint8array-extras": "^1.4.0",
-    "vite-plugin-node-polyfills": "^0.22.0",
-    "webtorrent": "^2.5.11",
+    "vite-plugin-node-polyfills": "^0.24.0",
+    "webtorrent": "^2.6.10",
     "zeego": "^2.0.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/runtime": "^7.26.0",
-    "@react-native/babel-preset": "0.76.5",
-    "@react-native/metro-config": "0.76.5",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/runtime": "^7.27.6",
+    "@react-native/babel-preset": "0.80.1",
+    "@react-native/metro-config": "0.80.1",
     "@rnx-kit/babel-preset-metro-react-native": "^2.0.0",
-    "@rnx-kit/cli": "^0.18.4",
-    "@rnx-kit/metro-config": "^2.0.1",
+    "@rnx-kit/cli": "^0.18.9",
+    "@rnx-kit/metro-config": "^2.1.0",
     "@rnx-kit/metro-plugin-duplicates-checker": "^3.0.0",
     "@rnx-kit/metro-plugin-typescript": "^0.5.1",
-    "@rnx-kit/metro-resolver-symlinks": "^0.2.1",
-    "@types/babel__core": "^7.20.5",
+    "@rnx-kit/metro-resolver-symlinks": "^0.2.5",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@types/react-test-renderer": "^18.3.1",
     "@types/webtorrent": "^0.110.0",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-tsconfig-paths-module-resolver": "^1.0.4",
     "bundler": "workspace:*",
     "concurrently": "latest",
     "config": "workspace:*",
-    "react-native-test-app": "^4.0.7",
-    "react-test-renderer": "^18.3.1",
-    "typescript": "^5.7.2",
+    "react-native-test-app": "^4.4.0",
+    "typescript": "^5.8.3",
     "workbox-build": "^7.3.0",
     "workbox-core": "^7.3.0",
     "workbox-routing": "^7.3.0",

diff --git a/client/src/app/data/lib/hfs-provider.tsx b/client/src/app/data/lib/hfs-provider.tsx
@@ -1,18 +1,14 @@
 import {FS} from 'react-exo/fs';
-import {observe, poll} from 'media/dir/utils/hfs/fs';
+import {poll} from 'media/dir/utils/hfs/fs';
 import {useContext, useEffect, useState, createContext} from 'react';
 
-import type {HfsImpl, HfsType} from 'react-exo/fs';
+import type {HfsImpl} from 'react-exo/fs';
 
 const HfsContext = createContext<HfsContextType | null>(null);
 const $ = new Map<string, {callbacks: Set<WatchFn>, disconnect: () => void}>();
 
 export type WatchFn = () => void;
 
-export interface HfsProviderProps {
-  type?: HfsType;
-}
-
 export interface HfsContextType {
   fs: HfsImpl | null;
   watch: (path: string, fn: WatchFn) => () => void;
@@ -30,11 +26,11 @@ export function useHfsWatch(path: string, fn: WatchFn) {
   useEffect(() => ctx.watch(path, fn), [path, fn, ctx]);
 }
 
-export function HfsProvider({type, children}: React.PropsWithChildren<HfsProviderProps>) {
+export function HfsProvider({children}: React.PropsWithChildren) {
   const [fs, setFs] = useState<HfsImpl | null>(null);
 
   const register = async (path: string) => {
-    const disconnect = await observe(path, () => {
+    const disconnect = await FS.watch(path, () => {
       const callbacks = $.get(path)?.callbacks;
       if (!callbacks) return;
       for (const c of callbacks) c();
@@ -71,15 +67,19 @@ export function HfsProvider({type, children}: React.PropsWithChildren<HfsProvide
       if (!callbacks) return;
       callbacks.delete(fn);
       if (callbacks.size === 0) {
-        $.get(path)?.disconnect();
+        try {
+          $.get(path)?.disconnect();
+        } catch (e) {}
         $.delete(path);
       }
     };
   };
 
-  useEffect(() => {(async () =>
-    setFs(await FS.init(type)))();
-  }, [type]);
+  useEffect(() => {
+    (async () => {
+      setFs(await FS.init('local'));
+    })();
+  }, []);
 
   return (
     <HfsContext.Provider value={{fs, watch}}>

diff --git a/client/src/app/routes/index.tsx b/client/src/app/routes/index.tsx
@@ -16,8 +16,7 @@ export function Router() {
           <Route path="storage" element={<$><Screen.Storage/></$>}/>
           <Route path="settings" element={<Screen.Settings/>}/>
           {/* Media */}
-          <Route path="browse/*" element={<$><Screen.Browse/></$>}/>
-          <Route path="ipfs/*" element={<$><Screen.Ipfs/></$>}/>
+          <Route path="browse/:backend/*" element={<$><Screen.Browse/></$>}/>
           <Route path="ipfs/:cid/:filename" element={<$><Screen.Ipfs/></$>}/>
           {/* World */}
           <Route path="world" element={<$><Screen.World/></$>}/>

diff --git a/client/src/app/routes/layout.tsx b/client/src/app/routes/layout.tsx
@@ -31,7 +31,8 @@ export default function Layout() {
   const focused = useGet(media.selectors.getFocused);
   const isVert = screen.width < theme.breakpoints.sm;
   const hasTabs = screen.width < theme.breakpoints.xs;
-  const hasPanel = (pathname.includes('/browse') && !isVert) || Boolean(focused);
+  const hasPanel = (!isVert && pathname.includes('/browse'))
+    || (Boolean(focused) && !pathname.includes('/settings'));
   const vstyles = {
     root: [styles.root, hasTabs && styles.rootTabs],
     menu: [styles.menu, hasTabs && styles.menuTabs],
@@ -69,6 +70,7 @@ export default function Layout() {
           <Media
             {...toPath(focused || pathname, false)}
             vertical={isVert}
+            standalone={false}
             maximized={true}
             embedded={false}
             close={() => {}}