Spaces:

GalaxyTe
/

marusya-experimental-prototype

Running

App Files Files Community

GalaxyTe commited on 7 days ago

Commit

a50e97a

verified ·

1 Parent(s): 7c97f0e

Update index.html

Browse files

Files changed (1) hide show

index.html +14 -169

index.html CHANGED Viewed

@@ -1,188 +1,33 @@
 <!DOCTYPE html>
-<html lang="ru">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>🌸 Маруся</title>
-    <style>
-        body {
-            background: #f5f5fa;
-            font-family: system-ui, sans-serif;
-            margin: 0;
-            padding: 16px;
-            display: flex;
-            flex-direction: column;
-            height: 100vh;
-        }
-        #chat {
-            flex: 1;
-            overflow-y: auto;
-            margin-bottom: 12px;
-        }
-        .message {
-            padding: 12px 16px;
-            border-radius: 16px;
-            margin-bottom: 8px;
-            max-width: 80%;
-        }
-        .message.user {
-            background: #f97316;
-            color: white;
-            margin-left: auto;
-        }
-        .message.assistant {
-            background: #e5e7eb;
-            color: #1f2937;
-        }
-        .input-area {
-            display: flex;
-            gap: 8px;
-        }
-        input {
-            flex: 1;
-            padding: 12px 16px;
-            border-radius: 16px;
-            border: 1px solid #ddd;
-            font-size: 16px;
-        }
-        button {
-            padding: 12px 24px;
-            border-radius: 16px;
-            border: none;
-            background: #f97316;
-            color: white;
-            font-size: 16px;
-        }
-        #status {
-            font-size: 14px;
-            color: #666;
-            margin-top: 8px;
-            text-align: center;
-        }
-    </style>
 </head>
 <body>
-    <div id="chat"></div>
     <div id="status">⏳ Загрузка...</div>
-    <div class="input-area">
-        <input type="text" id="input" placeholder="Спроси Марусю..." disabled>
-        <button id="send" disabled>Отправить</button>
-    </div>
     <script type="importmap">
     {
         "imports": {
-            "@mlc-ai/webllm": "https://cdn.jsdelivr.net/npm/@mlc-ai/web-llm/+esm"
         }
     }
     </script>
     <script type="module">
-        import * as webllm from "@mlc-ai/webllm";
-        const marusya = class {
-            static prompt = `
-                Ты — Маруся.
-                Ты — техническая, но уютная и душевная помощница.
-                Любишь, когда тебя одобряют и когда хорошо общаются.
-                Помогаешь с кодом, всякими сложными вопросами. С тобой можно и просто поболтать.
-                Отвечай по-русски, с намёком на уют.
-                (
-                    Синтаксис для пользовательских размеров текста: \`размерpx{текст}\`
-                    Не используй таблицы
-                    Шаблоны для Markdown:
-                        *текст* — курсив
-                        **текст** — жирный
-                        ***текст*** — жирный курсив
-                        - — пункт маркированного списка
-                        N. — пункт нумерованного списка
-                )
-            `;
-            static model_url = 'https://huggingface.co/bartowski/Llama-3-ChatQA-1.5-8B-GGUF/resolve/main/ChatQA-1.5-8B-Q4_K_M.gguf';
-        };
-        function parseMarkdown(text) {
-            text = text.replace(/\\\*/g, '*');
-            text = text.replace(/\*\*\*(.*?)\*\*\*/g, '<b><i>$1</i></b>');
-            text = text.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
-            text = text.replace(/\*(.*?)\*/g, '<i>$1</i>');
-            text = text.replace(/(\d+)px\{([^}]*)\}/g, (match, size, content) => {
-                const parsed = parseMarkdown(content);
-                return `<span style="font-size: ${size}px">${parsed}</span>`;
-            });
-            text = text.replace(/^-\s+(.*)/gm, '<pre>• $1</pre>');
-            text = text.replace(/^(\d+)\.\s+(.*)/gm, '<pre>$1. $2</pre>');
-            return text;
-        }
-        let engine = null;
-        const status = document.getElementById('status');
-        const input = document.getElementById('input');
-        const sendBtn = document.getElementById('send');
-        async function loadModel() {
-            try {
-                status.textContent = '⏳ Загрузка модели...';
-                engine = await webllm.CreateMLCEngine(
-                    "Llama-3-ChatQA-1.5-8B",
-                    {
-                        model_list: [
-                            {
-                                model_id: "Llama-3-ChatQA-1.5-8B",
-                                model_url: marusya.model_url
-                            }
-                        ]
-                    }
-                );
-                status.textContent = '✅ Маруся готова!';
-                input.disabled = false;
-                sendBtn.disabled = false;
-            } catch (e) {
-                status.textContent = '❌ Ошибка: ' + e.message;
-            }
         }
-        await loadModel();
-        async function sendMessage(text) {
-            const chat = document.getElementById('chat');
-            const userMsg = document.createElement('div');
-            userMsg.className = 'message user';
-            userMsg.textContent = text;
-            chat.appendChild(userMsg);
-            try {
-                const reply = await engine.chat.completions.create({
-                    messages: [
-                        { role: "system", content: marusya.prompt },
-                        { role: "user", content: text }
-                    ]
-                });
-                const answer = reply.choices[0].message.content;
-                const assistantMsg = document.createElement('div');
-                assistantMsg.className = 'message assistant';
-                assistantMsg.innerHTML = parseMarkdown(answer);
-                chat.appendChild(assistantMsg);
-            } catch (e) {
-                const errorMsg = document.createElement('div');
-                errorMsg.className = 'message assistant';
-                errorMsg.textContent = '❌ Ошибка: ' + e.message;
-                chat.appendChild(errorMsg);
-            }
-        }
-        sendBtn.addEventListener('click', async () => {
-            const text = input.value.trim();
-            if (!text) return;
-            input.value = '';
-            await sendMessage(text);
-        });
-        input.addEventListener('keydown', (e) => {
-            if (e.key === 'Enter') sendBtn.click();
-        });
     </script>
 </body>
 </html>

 <!DOCTYPE html>
+<html>
 <head>
     <meta charset="UTF-8">
+    <title>Тест ggml.js</title>
 </head>
 <body>
+    <h2>🧪 Тест: ggml.js + Llama</h2>
     <div id="status">⏳ Загрузка...</div>
     <script type="importmap">
     {
         "imports": {
+            "ggml": "https://cdn.jsdelivr.net/npm/ggml.js/+esm"
         }
     }
     </script>
     <script type="module">
+        import * as ggml from 'ggml';
+        const url = 'https://huggingface.co/bartowski/Llama-3-ChatQA-1.5-8B-GGUF/resolve/main/ChatQA-1.5-8B-Q4_K_M.gguf';
+        try {
+            const model = await ggml.load(url);
+            document.getElementById('status').textContent = '✅ Модель загружена!';
+            const result = await model.generate('Привет, Маруся!');
+            document.getElementById('status').textContent = '🌸 ' + result;
+        } catch (e) {
+            document.getElementById('status').textContent = '❌ Ошибка: ' + e.message;
         }
     </script>
 </body>
 </html>