imports are cool xD

src/components/ImporterView.tsx

@@ -7,9 +7,16 @@ import { importFromStashAPP, StashAPPConfig, updateActorsFromStashAPP } from '@/
 import { importFromPlaynite, PlayniteConfig } from '@/lib/playniteImporter';
 
 export default function ImporterView({ onBack }: { onBack: () => void }) {
-  const [xbvrConfig, setXbvrConfig] = useState<XBVRConfig>({ url: 'http://192.168.1.102:4080' });
-  const [stashappConfig, setStashappConfig] = useState<StashAPPConfig>({ url: 'http://192.168.1.102:10001' });
-  const [playniteConfig, setPlayniteConfig] = useState<PlayniteConfig>({ ip: 'localhost', apiToken: '', port: 19821 });
+  const [xbvrConfig, setXbvrConfig] = useState<XBVRConfig>({ url: import.meta.env.VITE_XBVR_URL || '' });
+  const [stashappConfig, setStashappConfig] = useState<StashAPPConfig>({ 
+    url: import.meta.env.VITE_STASHAPP_URL || '', 
+    apiKey: import.meta.env.VITE_STASHAPP_API_KEY || '' 
+  });
+  const [playniteConfig, setPlayniteConfig] = useState<PlayniteConfig>({ 
+    ip: import.meta.env.VITE_PLAYNITE_IP || '', 
+    apiToken: import.meta.env.VITE_PLAYNITE_API_TOKEN || '', 
+    port: parseInt(import.meta.env.VITE_PLAYNITE_PORT || '19821') 
+  });
   const [progress, setProgress] = useState<ImportProgress>({
     current: 0,
     total: 0,
@@ -167,7 +174,8 @@ export default function ImporterView({ onBack }: { onBack: () => void }) {
       {/* Importer Cards */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
         {/* XBVR Importer Card */}
-        <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
+        {xbvrConfig.url && (
+          <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
           <div className="flex items-start justify-between mb-4">
             <div className="flex items-center gap-3">
               <div className="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center">
@@ -221,9 +229,11 @@ export default function ImporterView({ onBack }: { onBack: () => void }) {
             </Button>
           </div>
         </div>
+        )}
 
         {/* StashAPP Importer Card */}
-        <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
+        {stashappConfig.url && (
+          <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
           <div className="flex items-start justify-between mb-4">
             <div className="flex items-center gap-3">
               <div className="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center">
@@ -288,9 +298,11 @@ export default function ImporterView({ onBack }: { onBack: () => void }) {
             </Button>
           </div>
         </div>
+        )}
 
         {/* StashAPP Actor Updater Card */}
-        <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
+        {stashappConfig.url && (
+          <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
           <div className="flex items-start justify-between mb-4">
             <div className="flex items-center gap-3">
               <div className="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center">
@@ -344,9 +356,11 @@ export default function ImporterView({ onBack }: { onBack: () => void }) {
             </Button>
           </div>
         </div>
+        )}
 
         {/* Playnite Importer Card */}
-        <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
+        {playniteConfig.ip && playniteConfig.apiToken && (
+          <div className="bg-white border border-zinc-200 rounded-xl p-6 hover:border-[#6d28d9]/50 transition-colors">
           <div className="flex items-start justify-between mb-4">
             <div className="flex items-center gap-3">
               <div className="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center">
@@ -422,6 +436,7 @@ export default function ImporterView({ onBack }: { onBack: () => void }) {
             </Button>
           </div>
         </div>
+        )}
       </div>
 
       {/* Progress Section */}

src/lib/playniteImporter.ts

@@ -60,6 +60,29 @@ export interface PlayniteGamesResponse {
 export type LogCallback = (message: string) => void;
 export type ProgressCallback = (progress: Partial<ImportProgress>) => void;
 
+async function fetchGameCover(baseUrl: string, headers: Record<string, string>, gameId: string): Promise<string | null> {
+  try {
+    const coverResponse = await fetch(`${baseUrl}/api/games/${gameId}/cover`, {
+      method: 'GET',
+      headers
+    });
+
+    if (!coverResponse.ok) {
+      return null;
+    }
+
+    const blob = await coverResponse.blob();
+    const arrayBuffer = await blob.arrayBuffer();
+    const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
+    
+    // Determine MIME type from blob
+    const mimeType = blob.type || 'image/jpeg';
+    return `data:${mimeType};base64,${base64}`;
+  } catch (error) {
+    return null;
+  }
+}
+
 export async function importFromPlaynite(
   config: PlayniteConfig,
   logCallback: LogCallback,
@@ -194,7 +217,6 @@ export async function importFromPlaynite(
 
         // Staff is for actors/performers only - leave empty for games
         const staff: any[] = [];
-
         // Determine type based on genres/features
         let type = 'Game';
         //if (game.genres?.includes('Visual Novel') || game.genres?.includes('Adventure')) {
@@ -242,7 +264,7 @@ export async function importFromPlaynite(
           links: game.links || [],
           achievements: [],
           year: year.toString(),
-          poster: null,
+          poster: game.coverBase64 || null,
           banner: null,
           rating: rating,
           category: 'Game',

src/vite-env.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_XBVR_URL?: string;
+  readonly VITE_STASHAPP_URL?: string;
+  readonly VITE_STASHAPP_API_KEY?: string;
+  readonly VITE_PLAYNITE_IP?: string;
+  readonly VITE_PLAYNITE_PORT?: string;
+  readonly VITE_PLAYNITE_API_TOKEN?: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}