Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SmolLM Test</title> | |
| <script type="module"> | |
| import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers@2.17.2'; | |
| window.transformers = { pipeline, env }; | |
| window.transformersLoaded = true; | |
| console.log('✅ Transformers.js loaded'); | |
| </script> | |
| </head> | |
| <body> | |
| <h1>SmolLM Model Test</h1> | |
| <div id="status">Loading...</div> | |
| <button onclick="testSmolLM()">Test SmolLM Models</button> | |
| <div id="result"></div> | |
| <script> | |
| async function testSmolLM() { | |
| const statusDiv = document.getElementById('status'); | |
| const resultDiv = document.getElementById('result'); | |
| statusDiv.textContent = 'Testing SmolLM models...'; | |
| resultDiv.innerHTML = ''; | |
| const modelsToTest = [ | |
| 'onnx-community/Phi-3.5-mini-instruct-onnx-web', | |
| 'Xenova/SmolLM-135M', | |
| 'Xenova/SmolLM-360M', | |
| 'HuggingFaceTB/SmolLM2-135M-Instruct', | |
| 'HuggingFaceTB/SmolLM-135M' | |
| ]; | |
| for (const modelName of modelsToTest) { | |
| try { | |
| resultDiv.innerHTML += `<p>🔄 Testing ${modelName}...</p>`; | |
| console.log(`Testing ${modelName}`); | |
| const { pipeline } = window.transformers; | |
| const generator = await pipeline('text-generation', modelName); | |
| const result = await generator('Hello, my name is', { | |
| max_new_tokens: 20, | |
| temperature: 0.7, | |
| do_sample: true, | |
| return_full_text: false | |
| }); | |
| resultDiv.innerHTML += `<p>✅ ${modelName} works!</p>`; | |
| resultDiv.innerHTML += `<p>Generated: "${result[0].generated_text}"</p><hr>`; | |
| statusDiv.textContent = `✅ Found working model: ${modelName}`; | |
| break; | |
| } catch (error) { | |
| console.error(`${modelName} failed:`, error); | |
| resultDiv.innerHTML += `<p>❌ ${modelName} failed: ${error.message}</p>`; | |
| } | |
| } | |
| if (!resultDiv.innerHTML.includes('✅')) { | |
| statusDiv.textContent = '❌ No SmolLM models work with current setup'; | |
| resultDiv.innerHTML += '<p><strong>Recommendation:</strong> Use DistilGPT-2 or GPT-2 as fallback</p>'; | |
| } | |
| } | |
| // Auto-test when page loads | |
| document.addEventListener('DOMContentLoaded', () => { | |
| setTimeout(testSmolLM, 2000); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |