Val Town Code SearchReturn to Val Town

117              
118              // Create download link
119              const blob = new Blob([svgData], {type: 'image/svg+xml'});
120              const url = URL.createObjectURL(blob);
121              
157        const width = canvas.width;
158        const height = canvas.height;
159        const imageData = ctx.getImageData(0, 0, width, height);
160        const data = imageData.data;
161        
162        // Find dark pixels

339                // Create download link
340                debug("Creating download link");
341                const blob = new Blob([svgContent], { type: 'image/svg+xml' });
342                const url = URL.createObjectURL(blob);
343                
368              const width = canvas.width;
369              const height = canvas.height;
370              const imageData = ctx.getImageData(0, 0, width, height);
371              const data = imageData.data;
372              
373              updateStatus("Analyzing image data...");
374              
375              // Simple tracing approach - create a dot for each dark pixel

168              // Create download link
169              log("Creating download link");
170              const blob = new Blob([svgContent], {type: 'image/svg+xml'});
171              const url = URL.createObjectURL(blob);
172              
214          function createSVGFromCanvas(canvas) {
215            const ctx = canvas.getContext('2d');
216            const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
217            const data = imageData.data;
218            const width = canvas.width;
219            const height = canvas.height;
220            
221            log("Analyzing image data for black pixels");
222            
223            // Very basic approach: create paths from black pixels

132              
133              // Display canvas for debugging
134              log("Creating preview image");
135              resultDiv.innerHTML = '';
136              resultDiv.appendChild(canvas);
141              
142              // Create download link
143              const blob = new Blob([svgContent], {type: 'image/svg+xml'});
144              const url = URL.createObjectURL(blob);
145              downloadLink.href = url;
160          // Simple SVG generation
161          function generateSVG(canvas) {
162            log("Extracting image data from canvas");
163            const ctx = canvas.getContext('2d');
164            const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
165            const data = imageData.data;
166            
167            log("Finding black pixels");

67    await page.render({ canvasContext: context, viewport }).promise;
68    
69    // Get image data
70    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
71    
72    // Convert to SVG with Potrace
79    });
80    
81    Potrace.loadImageFromData(imageData);
82    Potrace.process(function() {
83      // Get SVG data
111  
112  // Create blob from SVG data
113  const blob = new Blob([svgData], { type: 'image/svg+xml' });
114  
115  // Create download URL

66    await page.render({ canvasContext: context, viewport }).promise;
67    
68    // Get image data
69    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
70    
71    // Convert to SVG with Potrace
78    });
79    
80    Potrace.loadImageFromData(imageData);
81    Potrace.process(function() {
82      // Get SVG data
110  
111  // Create blob from SVG data
112  const blob = new Blob([svgData], { type: 'image/svg+xml' });
113  
114  // Create download URL

57  created_at: string;
58  profile_banner_url: string;
59  profile_image_url_https: string;
60  can_dm: boolean;
61}

57  created_at: string;
58  profile_banner_url: string;
59  profile_image_url_https: string;
60  can_dm: boolean;
61}

cerebras_coderstarter-prompts.js1 match

@Proking2005•Updated 1 month ago

23    "prompt": "two column interactive markdown editor with live preview and default text to explain markdown features",
24    "title": "Markdown Editor",
25    "code": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Markdown Editor</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\">\n</head>\n<body class=\"bg-white\">\n    <div class=\"max-w-full mx-auto p-4 pt-6 md:p-6 lg:p-8\">\n        <h1 class=\"text-3xl text-center mb-4\">Markdown Editor</h1>\n        <div class=\"flex flex-row\">\n            <div class=\"editor p-4 rounded-lg border border-gray-200 w-full md:w-1/2\">\n                <textarea id=\"editor\" class=\"w-full h-screen p-2 border border-gray-200 rounded-lg\" placeholder=\"Type your Markdown here...\"></textarea>\n            </div>\n            <div class=\"preview p-4 rounded-lg border border-gray-200 w-full md:w-1/2 ml-2 md:ml-4 lg:ml-8\">\n                <div id=\"preview\"></div>\n            </div>\n        </div>\n        <p class=\"text-center mt-4\">Built on <a href=\"https://cerebrascoder.com\">Cerebras Coder</a></p>\n    </div>\n\n    <script>\n        const editor = document.getElementById('editor');\n        const preview = document.getElementById('preview');\n\n        // Initialize textarea with default markdown\n        const defaultMarkdown = `\n# Introduction to Markdown\nMarkdown is a lightweight markup language that is easy to read and write. It is often used for formatting text in plain text editors, chat applications, and even web pages.\n\n## Headers\nHeaders are denoted by the # symbol followed by a space. The number of # symbols determines the level of the header:\n# Heading 1\n## Heading 2\n### Heading 3\n\n## Emphasis\nYou can use emphasis to make your text **bold** or *italic*:\n*Italics*\n**Bold**\n\n## Lists\nYou can use lists to organize your text:\n* Item 1\n* Item 2\n* Item 3\nOr\n1. Item 1\n2. Item 2\n3. Item 3\n\n## Links\nYou can use links to reference external resources:\n[Google](https://www.google.com)\n\n## Images\nYou can use images to add visual content:\n![Markdown Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png)\n`;\n        editor.value = defaultMarkdown;\n\n        // Update preview on input\n        editor.addEventListener('input', () => {\n            const markdown = editor.value;\n            const html = markdownToHtml(markdown);\n            preview.innerHTML = html;\n        });\n\n        // Initialize preview with default markdown\n        const defaultHtml = markdownToHtml(defaultMarkdown);\n        preview.innerHTML = defaultHtml;\n\n        // Function to convert Markdown to HTML\n        function markdownToHtml(markdown) {\n            // Bold\n            markdown = markdown.replace(/\\*\\*(.*?)\\*\\*/g, '<b>$1</b>');\n\n            // Italic\n            markdown = markdown.replace(/\\*(.*?)\\*/g, '<i>$1</i>');\n\n            // Links\n            markdown = markdown.replace(/\\[(.*?)\\]\\((.*?)\\)/g, '<a href=\"$2\">$1</a>');\n\n            // Images\n            markdown = markdown.replace(/!\\[(.*?)\\]\\((.*?)\\)/g, '<img src=\"$2\" alt=\"$1\">');\n\n            // Headings\n            markdown = markdown.replace(/(^#{1,6} )(.*)/gm, (match, level, text) => {\n                return `<h${level.length}>${text}</h${level.length}>`;\n            });\n\n            // Lists\n            markdown = markdown.replace(/^(\\*|\\d+\\.) (.*)/gm, (match, marker, text) => {\n                if (marker.startsWith('*')) {\n                    return `<li>${text}</li>`;\n                } else {\n                    return `<li>${text}</li>`;\n                }\n            });\n\n            // Line breaks\n            markdown = markdown.replace(/\\n/g, '<br>');\n\n            // Fix for nested lists\n            markdown = markdown.replace(/<li><li>/g, '<li>');\n            markdown = markdown.replace(/<\\/li><\\/li>/g, '</li>');\n\n            // Wrap lists in ul\n            markdown = markdown.replace(/(<li>.*<\\/li>)/g, '<ul>$1</ul>');\n\n            return markdown;\n        }\n    </script>\n</body>\n</html>",
26    "performance": {
27      "tokensPerSecond": 4092.96,

cerebras_coderindex.html1 match

@Proking2005•Updated 1 month ago

21      <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
22      <meta property="og:type" content="website">
23      <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
24      
25