Update index.html

index.html

@@ -386,6 +386,116 @@
     <script>
         let currentCategory = 'hf-models';
 
+        // Replicate URL 리스트
+        const replicateUrls = [
+            "https://replicate.com/google/imagen-4",
+            "https://replicate.com/google/imagen-3-fast",
+            "https://replicate.com/google/imagen-3",
+            "https://replicate.com/google/lyria-2",
+            "https://replicate.com/luma/ray-flash-2-720p",
+            "https://replicate.com/luma/ray-2-720p",
+            "https://replicate.com/luma/ray-flash-2-540p",
+            "https://replicate.com/luma/ray-2-540p",
+            "https://replicate.com/luma/ray",
+            "https://replicate.com/google/veo-2",
+            "https://replicate.com/black-forest-labs/flux-dev-lora",
+            "https://replicate.com/anthropic/claude-4-sonnet",
+            "https://replicate.com/kwaivgi/kling-v1.6-pro",
+            "https://replicate.com/kwaivgi/kling-v1.6-standard",
+            "https://replicate.com/pixverse/pixverse-v4.5",
+            "https://replicate.com/pixverse/pixverse-v4",
+            "https://replicate.com/openai/o4-mini",
+            "https://replicate.com/openai/o1",
+            "https://replicate.com/openai/o1-mini",
+            "https://replicate.com/openai/gpt-4o",
+            "https://replicate.com/openai/gpt-4o-mini",
+            "https://replicate.com/openai/gpt-4.1",
+            "https://replicate.com/openai/gpt-4.1-nano",
+            "https://replicate.com/kwaivgi/kling-lip-sync",
+            "https://replicate.com/openai/gpt-4.1-mini",
+            "https://replicate.com/kwaivgi/kling-v2.0",
+            "https://replicate.com/kwaivgi/kling-v1.5-pro",
+            "https://replicate.com/kwaivgi/kling-v1.5-standard",
+            "https://replicate.com/pixverse/pixverse-v3.5",
+            "https://replicate.com/openai/dall-e-2",
+            "https://replicate.com/openai/dall-e-3",
+            "https://replicate.com/fofr/color-matcher",
+            "https://replicate.com/minimax/speech-02-turbo",
+            "https://replicate.com/minimax/speech-02-hd",
+            "https://replicate.com/minimax/voice-cloning",
+            "https://replicate.com/ideogram-ai/ideogram-v3-balanced",
+            "https://replicate.com/ideogram-ai/ideogram-v3-turbo",
+            "https://replicate.com/ideogram-ai/ideogram-v3-quality",
+            "https://replicate.com/easel/ai-avatars",
+            "https://replicate.com/black-forest-labs/flux-1.1-pro-ultra-finetuned",
+            "https://replicate.com/black-forest-labs/flux-pro-trainer",
+            "https://replicate.com/openai/gpt-image-1",
+            "https://replicate.com/minimax/image-01",
+            "https://replicate.com/topazlabs/image-upscale",
+            "https://replicate.com/topazlabs/video-upscale",
+            "https://replicate.com/ibm-granite/granite-3.3-8b-instruct",
+            "https://replicate.com/meta/llama-4-maverick-instruct",
+            "https://replicate.com/meta/llama-4-scout-instruct",
+            "https://replicate.com/black-forest-labs/flux-schnell-lora",
+            "https://replicate.com/black-forest-labs/flux-fill-dev",
+            "https://replicate.com/black-forest-labs/flux-1.1-pro-ultra",
+            "https://replicate.com/black-forest-labs/flux-1.1-pro",
+            "https://replicate.com/black-forest-labs/flux-pro",
+            "https://replicate.com/black-forest-labs/flux-fill-pro",
+            "https://replicate.com/black-forest-labs/flux-canny-pro",
+            "https://replicate.com/black-forest-labs/flux-depth-pro",
+            "https://replicate.com/wavespeedai/wan-2.1-t2v-480p",
+            "https://replicate.com/wavespeedai/wan-2.1-t2v-720p",
+            "https://replicate.com/wavespeedai/wan-2.1-i2v-480p",
+            "https://replicate.com/wavespeedai/wan-2.1-i2v-720p",
+            "https://replicate.com/deepseek-ai/deepseek-v3",
+            "https://replicate.com/recraft-ai/recraft-v3",
+            "https://replicate.com/recraft-ai/recraft-v3-svg",
+            "https://replicate.com/recraft-ai/recraft-20b-svg",
+            "https://replicate.com/recraft-ai/recraft-20b",
+            "https://replicate.com/black-forest-labs/flux-redux-schnell",
+            "https://replicate.com/black-forest-labs/flux-redux-dev",
+            "https://replicate.com/black-forest-labs/flux-schnell",
+            "https://replicate.com/black-forest-labs/flux-depth-dev",
+            "https://replicate.com/black-forest-labs/flux-canny-dev",
+            "https://replicate.com/black-forest-labs/flux-dev",
+            "https://replicate.com/easel/advanced-face-swap",
+            "https://replicate.com/ibm-granite/granite-3.2-8b-instruct",
+            "https://replicate.com/ideogram-ai/ideogram-v2a-turbo",
+            "https://replicate.com/ideogram-ai/ideogram-v2a",
+            "https://replicate.com/anthropic/claude-3.7-sonnet",
+            "https://replicate.com/minimax/video-01-director",
+            "https://replicate.com/anthropic/claude-3.5-haiku",
+            "https://replicate.com/anthropic/claude-3.5-sonnet",
+            "https://replicate.com/google/upscaler",
+            "https://replicate.com/deepseek-ai/deepseek-r1",
+            "https://replicate.com/minimax/video-01",
+            "https://replicate.com/recraft-ai/recraft-creative-upscale",
+            "https://replicate.com/recraft-ai/recraft-crisp-upscale",
+            "https://replicate.com/playht/play-dialog",
+            "https://replicate.com/ibm-granite/granite-3.1-8b-instruct",
+            "https://replicate.com/ibm-granite/granite-3.1-2b-instruct",
+            "https://replicate.com/minimax/music-01",
+            "https://replicate.com/minimax/video-01-live",
+            "https://replicate.com/luma/photon-flash",
+            "https://replicate.com/luma/photon",
+            "https://replicate.com/haiper-ai/haiper-video-2",
+            "https://replicate.com/stability-ai/stable-diffusion-3.5-medium",
+            "https://replicate.com/stability-ai/stable-diffusion-3.5-large-turbo",
+            "https://replicate.com/stability-ai/stable-diffusion-3.5-large",
+            "https://replicate.com/ideogram-ai/ideogram-v2-turbo",
+            "https://replicate.com/ideogram-ai/ideogram-v2",
+            "https://replicate.com/ibm-granite/granite-3.0-8b-instruct",
+            "https://replicate.com/ibm-granite/granite-3.0-2b-instruct",
+            "https://replicate.com/ibm-granite/granite-8b-code-instruct-128k",
+            "https://replicate.com/ibm-granite/granite-20b-code-instruct-8k",
+            "https://replicate.com/meta/meta-llama-3.1-405b-instruct",
+            "https://replicate.com/stability-ai/stable-diffusion-3",
+            "https://replicate.com/meta/meta-llama-3-70b",
+            "https://replicate.com/meta/meta-llama-3-70b-instruct",
+            "https://replicate.com/meta/meta-llama-3-8b-instruct"
+        ];
+
         // 카테고리 전환
         function showCategory(category) {
             currentCategory = category;
@@ -438,77 +548,31 @@
         }
 
         // Replicate 모델 로드
-        async function loadReplicate() {
+        function loadReplicate() {
             const container = document.getElementById('replicate-content');
-            container.innerHTML = '<div class="loading"><div class="loading-spinner"></div><p>Loading official models...</p></div>';
+            container.innerHTML = '';
             
-            try {
-                const proxyUrl = 'https://api.allorigins.win/raw?url=';
-                const targetUrl = 'https://replicate.com/collections/official';
-                
-                const response = await fetch(proxyUrl + encodeURIComponent(targetUrl));
-                const html = await response.text();
-                
-                // HTML에서 모델 URL 추출
-                const parser = new DOMParser();
-                const doc = parser.parseFromString(html, 'text/html');
-                
-                // 모든 모델 링크 찾기
-                const modelLinks = doc.querySelectorAll('a[href*="/models/"], a[href*="/p/"]');
-                const models = [];
-                const seenUrls = new Set();
-                
-                modelLinks.forEach(link => {
-                    const href = link.getAttribute('href');
-                    if (href && !seenUrls.has(href)) {
-                        seenUrls.add(href);
-                        const parts = href.split('/');
-                        if (parts.length >= 3) {
-                            const author = parts[parts.length - 2];
-                            const name = parts[parts.length - 1];
-                            if (author && name && author !== 'models' && author !== 'p') {
-                                models.push({
-                                    author: author,
-                                    name: name,
-                                    url: `https://replicate.com${href}`
-                                });
-                            }
-                        }
-                    }
-                });
+            // URL에서 모델 정보 추출
+            const models = replicateUrls.map((url, index) => {
+                const parts = url.split('/');
+                const author = parts[parts.length - 2];
+                const modelName = parts[parts.length - 1];
                 
-                if (models.length > 0) {
-                    displayReplicateModels(models, container);
-                } else {
-                    // Fallback: JSON 데이터 추출 시도
-                    const scriptTags = doc.querySelectorAll('script');
-                    let modelsData = [];
-                    
-                    for (const script of scriptTags) {
-                        if (script.textContent.includes('__NEXT_DATA__')) {
-                            try {
-                                const jsonMatch = script.textContent.match(/{.*}/);
-                                if (jsonMatch) {
-                                    const data = JSON.parse(jsonMatch[0]);
-                                    if (data.props?.pageProps?.models) {
-                                        modelsData = data.props.pageProps.models;
-                                    }
-                                }
-                            } catch (e) {
-                                console.error(e);
-                            }
-                        }
-                    }
-                    
-                    if (modelsData.length > 0) {
-                        displayReplicateModels(modelsData, container);
-                    } else {
-                        displaySampleReplicateModels(container);
-                    }
-                }
-            } catch (error) {
-                displaySampleReplicateModels(container);
-            }
+                return {
+                    rank: index + 1,
+                    title: modelName,
+                    author: author,
+                    url: url,
+                    icon: getModelIcon(modelName),
+                    badge: '✅ Official'
+                };
+            });
+            
+            // 모델 카드 생성 및 표시
+            models.forEach(model => {
+                const card = createModelCard(model);
+                container.appendChild(card);
+            });
         }
 
         // 프록시 요청
@@ -574,23 +638,6 @@
             });
         }
 
-        // Replicate 실시간 모델 표시
-        function displayReplicateModels(models, container) {
-            container.innerHTML = '';
-            models.forEach((model, index) => {
-                const card = createModelCard({
-                    rank: index + 1,
-                    title: model.name || model.default_example?.model || 'Unknown',
-                    author: model.owner || model.author || model.username || 'replicate',
-                    runs: model.run_count || model.runs || 0,
-                    icon: getModelIcon(model.name),
-                    badge: '✅ Official',
-                    url: model.url || `https://replicate.com/${model.owner || model.author || 'p'}/${model.name}`
-                });
-                container.appendChild(card);
-            });
-        }
-
         // 모델 카드 생성
         function createModelCard(data) {
             const card = document.createElement('div');
@@ -644,10 +691,14 @@
         function getModelIcon(name) {
             if (!name) return '🤖';
             const lowerName = name.toLowerCase();
-            if (lowerName.includes('image') || lowerName.includes('diffusion') || lowerName.includes('flux')) return '🎨';
-            if (lowerName.includes('video')) return '🎬';
-            if (lowerName.includes('audio') || lowerName.includes('music') || lowerName.includes('whisper')) return '🎵';
-            if (lowerName.includes('llama') || lowerName.includes('chat') || lowerName.includes('gpt')) return '💬';
+            if (lowerName.includes('imagen') || lowerName.includes('dall-e') || lowerName.includes('stable-diffusion') || lowerName.includes('flux') || lowerName.includes('ideogram') || lowerName.includes('recraft')) return '🎨';
+            if (lowerName.includes('video') || lowerName.includes('veo') || lowerName.includes('ray') || lowerName.includes('kling') || lowerName.includes('pixverse') || lowerName.includes('wan') || lowerName.includes('haiper')) return '🎬';
+            if (lowerName.includes('audio') || lowerName.includes('music') || lowerName.includes('speech') || lowerName.includes('voice') || lowerName.includes('lyria') || lowerName.includes('play-dialog')) return '🎵';
+            if (lowerName.includes('llama') || lowerName.includes('gpt') || lowerName.includes('claude') || lowerName.includes('granite') || lowerName.includes('mistral') || lowerName.includes('deepseek')) return '💬';
+            if (lowerName.includes('upscale') || lowerName.includes('upscaler')) return '🔍';
+            if (lowerName.includes('swap') || lowerName.includes('avatar') || lowerName.includes('face')) return '👤';
+            if (lowerName.includes('svg')) return '🎯';
+            if (lowerName.includes('color') || lowerName.includes('photon')) return '🎨';
             return '🤖';
         }
 
@@ -694,25 +745,6 @@
             });
         }
 
-        function displaySampleReplicateModels(container) {
-            const officialData = [
-                { rank: 1, title: 'meta-llama-3.3-70b-instruct', author: 'meta', runs: 3450000, icon: '🤖', badge: '✅ Official' },
-                { rank: 2, title: 'flux-1.1-pro', author: 'black-forest-labs', runs: 2910000, icon: '🎨', badge: '✅ Official' },
-                { rank: 3, title: 'stable-diffusion-3', author: 'stability-ai', runs: 1750000, icon: '🖼️', badge: '✅ Official' },
-                { rank: 4, title: 'whisper', author: 'openai', runs: 890000, icon: '🎤', badge: '✅ Official' },
-                { rank: 5, title: 'musicgen', author: 'facebook', runs: 450000, icon: '🎵', badge: '✅ Official' },
-                { rank: 6, title: 'sdxl', author: 'stability-ai', runs: 380000, icon: '🎨', badge: '��� Official' },
-                { rank: 7, title: 'claude-3.7-sonnet', author: 'anthropic', runs: 290000, icon: '🤖', badge: '✅ Official' },
-                { rank: 8, title: 'gemma-2-9b-it', author: 'google', runs: 180000, icon: '💬', badge: '✅ Official' }
-            ];
-            
-            container.innerHTML = '';
-            officialData.forEach(model => {
-                model.url = `https://replicate.com/${model.author}/${model.title}`;
-                container.appendChild(createModelCard(model));
-            });
-        }
-
         // 새로고침
         function refreshCurrent() {
             if (currentCategory === 'hf-models') {