refactor: remove directus.ts shim, import directly from api

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

packages/frontend/src/lib/components/header/header.svelte

@@ -5,7 +5,7 @@
   import type { AuthStatus } from "$lib/types";
   import { logout } from "$lib/services";
   import { goto } from "$app/navigation";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import LogoutButton from "../logout-button/logout-button.svelte";
   import Separator from "../ui/separator/separator.svelte";
   import { Avatar, AvatarFallback, AvatarImage } from "$lib/components/ui/avatar";

packages/frontend/src/lib/directus.ts

@@ -1,8 +0,0 @@
-// Re-export from api.ts for backwards compatibility
-// All components that import from $lib/directus continue to work
-export {
-  apiUrl as directusApiUrl,
-  getAssetUrl,
-  isModel,
-  getGraphQLClient as getDirectusInstance,
-} from "./api.js";

packages/frontend/src/routes/+page.svelte

@@ -2,7 +2,7 @@
   import { _ } from "svelte-i18n";
   import { Button } from "$lib/components/ui/button";
   import { Card, CardContent } from "$lib/components/ui/card";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import { formatVideoDuration } from "$lib/utils.js";
 

packages/frontend/src/routes/leaderboard/+page.svelte

@@ -3,7 +3,7 @@
   import { Button } from "$lib/components/ui/button";
   import { Card, CardContent, CardHeader, CardTitle } from "$lib/components/ui/card";
   import { Avatar, AvatarImage, AvatarFallback } from "$lib/components/ui/avatar";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import PeonyBackground from "$lib/components/background/peony-background.svelte";
 

packages/frontend/src/routes/magazine/+page.svelte

@@ -8,7 +8,7 @@
 
   import TimeAgo from "javascript-time-ago";
   import type { Article } from "$lib/types";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import { calcReadingTime } from "$lib/utils.js";
   import Meta from "$lib/components/meta/meta.svelte";
 

packages/frontend/src/routes/magazine/[slug]/+page.svelte

@@ -5,7 +5,7 @@
   import { Card, CardContent } from "$lib/components/ui/card";
   import { calcReadingTime } from "$lib/utils";
   import TimeAgo from "javascript-time-ago";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import PeonyBackground from "$lib/components/background/peony-background.svelte";
   import SharingPopupButton from "$lib/components/sharing-popup/sharing-popup-button.svelte";

packages/frontend/src/routes/me/+page.server.ts

@@ -1,6 +1,6 @@
 import { redirect } from "@sveltejs/kit";
 import { getAnalytics, getFolders, getRecordings } from "$lib/services";
-import { isModel } from "$lib/directus";
+import { isModel } from "$lib/api";
 
 export async function load({ locals, fetch }) {
   // Redirect to login if not authenticated

packages/frontend/src/routes/me/+page.svelte

@@ -14,7 +14,7 @@
   import PeonyBackground from "$lib/components/background/peony-background.svelte";
   import { onMount } from "svelte";
   import { goto, invalidateAll } from "$app/navigation";
-  import { getAssetUrl, isModel } from "$lib/directus";
+  import { getAssetUrl, isModel } from "$lib/api";
   import * as Alert from "$lib/components/ui/alert";
   import { toast } from "svelte-sonner";
   import { deleteRecording, removeFile, updateProfile, uploadFile } from "$lib/services";

packages/frontend/src/routes/models/+page.svelte

@@ -4,7 +4,7 @@
   import { Card, CardContent } from "$lib/components/ui/card";
   import { Input } from "$lib/components/ui/input";
   import { Select, SelectContent, SelectItem, SelectTrigger } from "$lib/components/ui/select";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
 
   let searchQuery = $state("");

packages/frontend/src/routes/models/[slug]/+page.svelte

@@ -3,7 +3,7 @@
   import { Button } from "$lib/components/ui/button";
   import { Card, CardContent } from "$lib/components/ui/card";
   import { Tabs, TabsContent, TabsList, TabsTrigger } from "$lib/components/ui/tabs";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import PeonyBackground from "$lib/components/background/peony-background.svelte";
   import SharingPopupButton from "$lib/components/sharing-popup/sharing-popup-button.svelte";

packages/frontend/src/routes/tags/[tag]/+page.svelte

@@ -4,7 +4,7 @@
   import { Card, CardContent } from "$lib/components/ui/card";
   import { Input } from "$lib/components/ui/input";
   import { Select, SelectContent, SelectItem, SelectTrigger } from "$lib/components/ui/select";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
 
   let searchQuery = $state("");

packages/frontend/src/routes/users/[id]/+page.svelte

@@ -2,7 +2,7 @@
   import { _, locale } from "svelte-i18n";
   import { Button } from "$lib/components/ui/button";
   import { Card, CardContent } from "$lib/components/ui/card";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import PeonyBackground from "$lib/components/background/peony-background.svelte";
 

packages/frontend/src/routes/videos/+page.svelte

@@ -4,7 +4,7 @@
   import { Card, CardContent } from "$lib/components/ui/card";
   import { Input } from "$lib/components/ui/input";
   import { Select, SelectContent, SelectItem, SelectTrigger } from "$lib/components/ui/select";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import Meta from "$lib/components/meta/meta.svelte";
   import TimeAgo from "javascript-time-ago";
   import { formatVideoDuration } from "$lib/utils";

packages/frontend/src/routes/videos/[slug]/+page.svelte

@@ -3,7 +3,7 @@
   import { Button } from "$lib/components/ui/button";
   import { Card, CardContent } from "$lib/components/ui/card";
   import "media-chrome";
-  import { getAssetUrl } from "$lib/directus";
+  import { getAssetUrl } from "$lib/api";
   import TimeAgo from "javascript-time-ago";
   import { page } from "$app/state";
   import PeonyBackground from "$lib/components/background/peony-background.svelte";