No images uploaded yet

';\n }\n } catch (error) {\n console.error('Error refreshing gallery:', error);\n updateStatus(`Error: ${error.message}`, 'red');\n \n if (error.message.includes('schema') || error.message.includes('table')) {\n showDatabaseError('Database schema error. Please try refreshing the page.');\n }\n }\n }\n \n // Initialize Uploadcare with callbacks\n const uploadcareWidget = initUploadcare(submissionId, {\n onStatusUpdate: updateStatus,\n onError: (message) => {\n updateStatus(message, 'red');\n },\n onUploadComplete: (fileInfo) => {\n updateStatus('Image uploaded successfully!', 'green');\n addMoreContainer.classList.remove('hidden');\n refreshGallery();\n }\n });\n \n // Set up the \"Add Another Image\" button\n const addMoreButton = document.getElementById('addMoreButton');\n if (addMoreButton && uploadcareWidget) {\n addMoreButton.addEventListener('click', function() {\n // Reset the widget to allow uploading another file\n uploadcareWidget.value(null);\n \n // Focus on the widget to open the file picker\n setTimeout(() => {\n const widgetButton = document.querySelector('.uploadcare--widget__button');\n if (widgetButton) {\n widgetButton.click();\n }\n }, 100);\n });\n }\n \n // Handle form submission\n if (form) {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n \n submitAdditionalInfo(form, submissionId, {\n onStart: () => {\n // Disable the submit button and show loading state\n submitButton.disabled = true;\n submitButton.innerText = 'Saving...';\n \n // Hide any previous messages\n successMessage.classList.add('hidden');\n errorMessage.classList.add('hidden');\n },\n onSuccess: () => {\n // Show success message\n successMessage.classList.remove('hidden');\n \n // Scroll to success message\n successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n \n // Hide success message after 3 seconds\n setTimeout(() => {\n successMessage.classList.add('hidden');\n }, 3000);\n },\n onError: (message) => {\n // Show error message\n errorMessage.textContent = message;\n errorMessage.classList.remove('hidden');\n },\n onComplete: () => {\n // Re-enable the submit button\n submitButton.disabled = false;\n submitButton.innerText = 'Save Information';\n },\n uploadcareWidget\n });\n });\n }\n \n // Initialize the gallery\n refreshGallery();\n});",[],[274,297,337],{"_104":345,"_95":346,"_157":347,"_159":298,"_160":142,"_161":348,"_163":22,"_106":349,"_100":32,"_165":179,"_167":350,"_168":22,"_169":-5,"_170":351,"_98":352},"bbafa090-2baf-11f0-8025-569c3dd06744","landing.js","bbafa126-2baf-11f0-8025-569c3dd06744",286,["D",1746669421654],"/**\n * Landing Page Script\n * Uses modular approach for better organization and maintainability\n */\n\nimport { submitInitialForm, requestMagicLink } from './modules/form-handler.js';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n // Main submission form\n const form = document.getElementById('submissionForm');\n const submitButton = document.getElementById('submitButton');\n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n \n // Magic link form\n const magicLinkForm = document.getElementById('magicLinkForm');\n const magicLinkButton = document.getElementById('magicLinkButton');\n const magicLinkSuccessMessage = document.getElementById('magicLinkSuccessMessage');\n const magicLinkErrorMessage = document.getElementById('magicLinkErrorMessage');\n \n // Debug: Log if elements are found\n console.log('Form elements found:', {\n form: !!form,\n submitButton: !!submitButton,\n successMessage: !!successMessage,\n errorMessage: !!errorMessage\n });\n \n // Handle main form submission\n if (form) {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n \n submitInitialForm(form, {\n onStart: () => {\n // Disable the submit button and show loading state\n submitButton.disabled = true;\n submitButton.innerText = 'Submitting...';\n \n // Hide any previous messages\n if (successMessage) successMessage.classList.add('hidden');\n if (errorMessage) errorMessage.classList.add('hidden');\n },\n onSuccess: (message) => {\n // Show success message with the message from the server\n form.reset();\n \n // Create a success alert if the success message element doesn't exist\n if (!successMessage) {\n // Create an alert with the success message\n alert(message);\n console.log('Showing success alert because success message element not found');\n } else {\n // Update success message content with server response\n const messageText = successMessage.querySelector('p') || successMessage;\n if (messageText) {\n messageText.textContent = message;\n }\n \n // Make sure the success message is visible\n successMessage.classList.remove('hidden');\n successMessage.style.display = 'block';\n \n // Log the success message for debugging\n console.log('Success message displayed:', message);\n \n // Scroll to the success message\n successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n },\n onError: (message) => {\n // Show error message\n if (!errorMessage) {\n // Create an alert with the error message\n alert(message);\n console.log('Showing error alert because error message element not found');\n } else {\n errorMessage.textContent = message;\n errorMessage.classList.remove('hidden');\n errorMessage.style.display = 'block';\n }\n },\n onComplete: () => {\n // Re-enable the submit button\n submitButton.disabled = false;\n submitButton.innerText = 'Submit';\n }\n });\n });\n }\n \n // Handle magic link form submission\n if (magicLinkForm) {\n magicLinkForm.addEventListener('submit', (e) => {\n e.preventDefault();\n \n const email = document.getElementById('existingEmail').value;\n \n requestMagicLink(email, {\n onStart: () => {\n // Disable the button and show loading state\n magicLinkButton.disabled = true;\n magicLinkButton.innerText = 'Sending...';\n \n // Hide any previous messages\n if (magicLinkSuccessMessage) magicLinkSuccessMessage.classList.add('hidden');\n if (magicLinkErrorMessage) magicLinkErrorMessage.classList.add('hidden');\n },\n onSuccess: (message) => {\n magicLinkForm.reset();\n \n // Update success message with server response\n if (!magicLinkSuccessMessage) {\n alert(message);\n } else {\n magicLinkSuccessMessage.textContent = message;\n magicLinkSuccessMessage.classList.remove('hidden');\n magicLinkSuccessMessage.style.display = 'block';\n }\n },\n onError: (message) => {\n if (!magicLinkErrorMessage) {\n alert(message);\n } else {\n magicLinkErrorMessage.textContent = message;\n magicLinkErrorMessage.classList.remove('hidden');\n magicLinkErrorMessage.style.display = 'block';\n }\n },\n onComplete: () => {\n // Re-enable the button\n magicLinkButton.disabled = false;\n magicLinkButton.innerText = 'Send Magic Link';\n }\n });\n });\n }\n});",[],[274,297,346],{"_104":354,"_95":355,"_157":356,"_159":298,"_160":142,"_161":357,"_163":118,"_106":358,"_100":32,"_165":179,"_167":359,"_168":22,"_169":-5,"_170":360,"_98":361},"0352f3f6-2b6b-11f0-8d5e-569c3dd06744","uploadcare-helper.js","0352f4aa-2b6b-11f0-8d5e-569c3dd06744",202,["D",1746639906566],"/**\n * Uploadcare Helper Functions\n * \n * This file contains helper functions for working with Uploadcare\n * in a way that avoids group creation issues.\n */\n\n/**\n * Initialize single file uploaders\n * @param {Array} uploaderIds - Array of uploader element IDs\n * @param {Function} onFileUploaded - Callback function when a file is uploaded\n */\nfunction initSingleFileUploaders(uploaderIds, onFileUploaded) {\n if (typeof uploadcare === 'undefined') {\n console.error('ERROR: Uploadcare library is not loaded!');\n return;\n }\n \n uploaderIds.forEach(id => {\n const widget = uploadcare.Widget(`#${id}`);\n \n widget.onChange(function(file) {\n if (!file) return;\n \n // Handle file upload\n file.progress(info => {\n console.log(`Upload progress for ${id}:`, Math.round(info.progress * 100) + '%');\n });\n \n file.done(fileInfo => {\n console.log(`Upload completed for ${id}:`, fileInfo);\n \n // Call the callback with the file info\n if (typeof onFileUploaded === 'function') {\n onFileUploaded(fileInfo);\n }\n });\n \n file.fail(error => {\n console.error(`Upload failed for ${id}:`, error);\n });\n });\n });\n}\n\n/**\n * Get all uploaded file UUIDs from multiple single uploaders\n * @param {Array} uploaderIds - Array of uploader element IDs\n * @returns {Promise} - Promise resolving to array of file UUIDs\n */\nfunction getUploadedFileUUIDs(uploaderIds) {\n return new Promise((resolve) => {\n const fileUUIDs = [];\n let processedCount = 0;\n \n // If no uploaders, resolve with empty array\n if (!uploaderIds || uploaderIds.length === 0) {\n resolve([]);\n return;\n }\n \n uploaderIds.forEach(id => {\n const widget = uploadcare.Widget(`#${id}`);\n const file = widget.value();\n \n if (file) {\n file.done(fileInfo => {\n if (fileInfo && fileInfo.uuid) {\n fileUUIDs.push(fileInfo.uuid);\n }\n \n processedCount++;\n if (processedCount === uploaderIds.length) {\n resolve(fileUUIDs);\n }\n }).fail(() => {\n processedCount++;\n if (processedCount === uploaderIds.length) {\n resolve(fileUUIDs);\n }\n });\n } else {\n processedCount++;\n if (processedCount === uploaderIds.length) {\n resolve(fileUUIDs);\n }\n }\n });\n });\n}\n\n/**\n * Clear all single file uploaders\n * @param {Array} uploaderIds - Array of uploader element IDs\n */\nfunction clearUploaders(uploaderIds) {\n uploaderIds.forEach(id => {\n const widget = uploadcare.Widget(`#${id}`);\n widget.value(null);\n });\n}\n\n/**\n * Create a preview gallery from individual file UUIDs\n * @param {Array} fileUUIDs - Array of Uploadcare file UUIDs\n * @param {string} containerId - ID of container element for the gallery\n * @param {Function} onDelete - Optional callback when delete button is clicked\n */\nfunction createFileGallery(fileUUIDs, containerId, onDelete) {\n const container = document.getElementById(containerId);\n if (!container) return;\n \n // Clear the container\n container.innerHTML = '';\n \n if (!fileUUIDs || fileUUIDs.length === 0) {\n container.innerHTML = '

No images uploaded yet

';\n return;\n }\n \n // Create gallery grid\n const gallery = document.createElement('div');\n gallery.className = 'grid grid-cols-2 md:grid-cols-4 gap-4';\n container.appendChild(gallery);\n \n // Add each image to the gallery\n fileUUIDs.forEach(uuid => {\n const cdnUrl = `https://ucarecdn.com/${uuid}/`;\n \n const item = document.createElement('div');\n item.className = 'relative bg-white rounded-lg shadow-sm overflow-hidden';\n item.dataset.uuid = uuid;\n \n // Image preview\n const img = document.createElement('img');\n img.src = `${cdnUrl}-/preview/300x300/-/format/auto/-/quality/smart/`;\n img.alt = 'Image preview';\n img.className = 'w-full h-32 object-cover';\n \n // Image actions\n const actions = document.createElement('div');\n actions.className = 'p-2 flex justify-between items-center';\n \n // View button\n const viewBtn = document.createElement('a');\n viewBtn.href = cdnUrl;\n viewBtn.target = '_blank';\n viewBtn.className = 'text-blue-500 hover:text-blue-700 text-sm';\n viewBtn.textContent = 'View';\n \n // Delete button\n const deleteBtn = document.createElement('button');\n deleteBtn.type = 'button';\n deleteBtn.className = 'text-red-500 hover:text-red-700 text-sm';\n deleteBtn.textContent = 'Delete';\n deleteBtn.onclick = () => {\n if (typeof onDelete === 'function') {\n onDelete(uuid, item);\n }\n };\n \n // Assemble the item\n actions.appendChild(viewBtn);\n actions.appendChild(deleteBtn);\n item.appendChild(img);\n item.appendChild(actions);\n gallery.appendChild(item);\n });\n}",[],[274,297,355],[274,297],{"_104":364,"_95":365,"_157":366,"_159":275,"_160":142,"_161":367,"_163":118,"_106":368,"_100":259,"_165":369,"_167":370,"_168":22,"_169":-5,"_170":371,"_98":372},"ab2c1d32-2b75-11f0-bab8-569c3dd06744","direct-fix.ts","a90ee4d0-2b75-11f0-9a45-569c3dd06744",244,["D",1746644483126],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { successResponse, errorResponse } from \"../utils/responseUtils.ts\";\n\nconst app = new Hono();\n\n// Simple HTML page with a form and success message\napp.get(\"/\", (c) => {\n return c.html(`\n \n \n \n \n \n LauraMepson\n \n \n \n \n

LauraMepson

\n \n \n \n \n \n

\n \n

Submission Successful!

Thank you for your submission! We've sent a confirmation email with next steps.

Please check your inbox for important information about your submission.

\n \n \n

Already have an account?

\n \n

\n \n \n \n \n \n \n `);\n});\n\n// Handle form submission\napp.post(\"/submit\", async (c) => {\n try {\n const formData = await c.req.formData();\n const companyName = formData.get(\"companyName\")?.toString() || \"\";\n const email = formData.get(\"email\")?.toString() || \"\";\n \n if (!companyName || !email) {\n return errorResponse(c, \"Company name and email are required\", 400);\n }\n \n // Simulate processing\n await new Promise(resolve => setTimeout(resolve, 500));\n \n return successResponse(c, \"Thank you! We've sent an email with instructions to continue.\");\n } catch (error) {\n console.error(\"Error:\", error);\n return errorResponse(c, \"An error occurred processing your submission\", 500);\n }\n});\n\nexport default app.fetch;",[],[274,365],{"_104":374,"_95":375,"_157":376,"_159":275,"_160":142,"_161":377,"_163":118,"_106":378,"_100":178,"_165":369,"_167":379,"_168":22,"_169":-5,"_170":380,"_98":381},"f40ca4b2-2b7b-11f0-8a99-569c3dd06744","success-demo.ts","82e992be-2b75-11f0-8af6-569c3dd06744",273,["D",1746647182383],"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Storage key for dev.to stylesheets\nconst DEVTO_STYLESHEETS_KEY = \"devto_stylesheets\";\n\ninterface StylesheetData {\n stylesheets: string[];\n fetchedAt: string;\n source: string;\n}\n\n/**\n * Fetch dev.to stylesheets from blob storage\n */\nasync function getDevtoStylesheets(): Promise {\n try {\n const data = await blob.getJSON(DEVTO_STYLESHEETS_KEY);\n return data?.stylesheets || [];\n } catch (error) {\n console.error(\"Error fetching dev.to stylesheets:\", error);\n return [];\n }\n}\n\nconst app = new Hono();\n\n// Simple HTML page with a form and success message\napp.get(\"/\", async (c) => {\n // Get the stylesheets\n const stylesheets = await getDevtoStylesheets();\n \n // Create stylesheet links\n const stylesheetLinks = stylesheets\n .map(url => ``)\n .join('\\n');\n \n return c.html(`\n \n \n \n \n \n DEV Partner Portal - Demo\n \n \n \n ${stylesheetLinks}\n \n \n \n \n \n

DEV Partner Portal

\n \n \n

Dev.to Stylesheets

\n Found ${stylesheets.length} stylesheets from dev.to\n

View Stylesheet URLs

${url}

\n \n \n

Dev.to Elements

\n \n

Crayons Buttons

\n \n \n \n

\n \n

Crayons Card

\n \n

This is a card body styled with dev.to's crayons CSS.

\n \n

\n \n \n \n \n \n

\n \n

Submission Successful!

Thank you for your submission! We've sent a confirmation email with next steps.

Please check your inbox for important information about your submission.

\n \n \n

Test Controls

\n \n \n

Dev.to Stylesheet Test

\n \n

This page tests the automatic injection of dev.to stylesheets.

\n \n

Check the page source to see if the dev.to stylesheets have been injected.

\n \n

Dev.to Elements

The following elements should be styled by dev.to stylesheets:

\n \n

\n \n \n \n

\n \n

This is a card body styled with dev.to's crayons CSS.

\n \n

\n \n \n\n",[],[274,384],{"_104":392,"_95":393,"_157":394,"_159":275,"_160":142,"_161":395,"_163":118,"_106":396,"_100":32,"_165":290,"_167":397,"_168":22,"_169":-5,"_170":398,"_98":399},"6b265338-2b75-11f0-93af-569c3dd06744","test-success.html","6b26540a-2b75-11f0-93af-569c3dd06744",239,["D",1746644375724],"\n\n\n \n \n Test Success Message\n \n \n\n\n

Test Success Message

\n \n

Submission Successful!

Thank you! We've sent an email with instructions to continue.

Please check your inbox for important information about your submission.

\n \n

\n \n \n\n",[],[274,393],[274],{"_104":402,"_95":403,"_157":404,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":405,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":406,"_98":453},"76e9e766-2adf-11f0-ad9d-569c3dd06744","services","ed368a55-a55d-4883-a46c-b3a7d7aa58c6",["D",1746579970933],[407,416,425,434,443],{"_104":408,"_95":409,"_157":410,"_159":404,"_160":142,"_161":411,"_163":22,"_106":412,"_100":198,"_165":179,"_167":413,"_168":22,"_169":-5,"_170":414,"_98":415},"689efffe-2b78-11f0-95af-569c3dd06744","databaseService.ts","76e99356-2adf-11f0-ad9d-569c3dd06744",258,["D",1746645659969],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { Submission, UpdateSubmissionDto } from \"../models/submission.ts\";\n\n// Table name - change this when modifying schema\n// Note: Keeping original table name for backward compatibility\nconst SUBMISSIONS_TABLE = 'laura_mepson_submissions_v1';\n\n/**\n * Set up the database tables\n */\nexport async function setupDatabase(): Promise {\n try {\n // Create submissions table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${SUBMISSIONS_TABLE} (\n id TEXT PRIMARY KEY,\n company_name TEXT NOT NULL,\n email TEXT NOT NULL,\n created_at TEXT NOT NULL,\n additional_fields TEXT\n )`);\n \n console.log(\"Database setup complete\");\n } catch (error) {\n console.error(\"Error setting up database:\", error);\n throw error;\n }\n}\n\n/**\n * Save a new submission\n */\nexport async function saveSubmission(id: string, companyName: string, email: string): Promise> {\n try {\n const createdAt = new Date().toISOString();\n \n await sqlite.execute(\n `INSERT INTO ${SUBMISSIONS_TABLE} (id, company_name, email, created_at, additional_fields)\n VALUES (?, ?, ?, ?, ?)`,\n [id, companyName, email, createdAt, \"{}\"]\n );\n \n return { id, companyName, email, createdAt };\n } catch (error) {\n console.error(\"Error saving submission:\", error);\n throw error;\n }\n}\n\n/**\n * Get a submission by ID\n */\nexport async function getSubmission(id: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT id, company_name, email, created_at, additional_fields \n FROM ${SUBMISSIONS_TABLE} \n WHERE id = ?`,\n [id]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n const row = result.rows[0];\n let additionalFields = {};\n \n try {\n additionalFields = JSON.parse(row.additional_fields || \"{}\");\n } catch (e) {\n console.error(\"Error parsing additional fields:\", e);\n }\n \n return {\n id: row.id,\n companyName: row.company_name,\n email: row.email,\n createdAt: row.created_at,\n additionalFields\n };\n } catch (error) {\n console.error(\"Error getting submission:\", error);\n throw error;\n }\n}\n\n/**\n * Find a submission by email\n */\nexport async function findSubmissionByEmail(email: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT id, company_name, email, created_at, additional_fields \n FROM ${SUBMISSIONS_TABLE} \n WHERE email = ?\n ORDER BY created_at DESC\n LIMIT 1`,\n [email]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n const row = result.rows[0];\n let additionalFields = {};\n \n try {\n additionalFields = JSON.parse(row.additional_fields || \"{}\");\n } catch (e) {\n console.error(\"Error parsing additional fields:\", e);\n }\n \n return {\n id: row.id,\n companyName: row.company_name,\n email: row.email,\n createdAt: row.created_at,\n additionalFields\n };\n } catch (error) {\n console.error(\"Error finding submission by email:\", error);\n return null;\n }\n}\n\n/**\n * Update a submission with additional fields\n */\nexport async function updateSubmission(id: string, additionalFields: Record): Promise {\n try {\n // First get the existing submission\n const submission = await getSubmission(id);\n \n if (!submission) {\n throw new Error(\"Submission not found\");\n }\n \n // Merge existing additional fields with new ones\n const updatedFields = {\n ...submission.additionalFields,\n ...additionalFields\n };\n \n // Update the database\n await sqlite.execute(\n `UPDATE ${SUBMISSIONS_TABLE} \n SET additional_fields = ? \n WHERE id = ?`,\n [JSON.stringify(updatedFields), id]\n );\n \n return {\n ...submission,\n additionalFields: updatedFields\n };\n } catch (error) {\n console.error(\"Error updating submission:\", error);\n throw error;\n }\n}",[],[403,409],{"_104":417,"_95":418,"_157":419,"_159":404,"_160":142,"_161":420,"_163":118,"_106":421,"_100":178,"_165":179,"_167":422,"_168":22,"_169":-5,"_170":423,"_98":424},"642e8e9e-2b78-11f0-9bf4-569c3dd06744","emailService.ts","76e99770-2adf-11f0-ad9d-569c3dd06744",257,["D",1746645652521],"import { email } from \"https://esm.town/v/std/email\";\n\nconst baseUrl = `https://devto.val.run`;\n\n/**\n * Send confirmation email with link to continue\n */\nexport async function sendConfirmationEmail(\n toEmail: string,\n companyName: string,\n uniqueId: string,\n): Promise {\n // For Val Town HTTP vals, we need to use query parameters instead of path parameters\n const continueUrl = `${baseUrl}?action=continue&id=${uniqueId}`;\n\n const subject = `DEV Partner Portal: Continue Your Submission`;\n\n const text = `\nHello from DEV Partner Portal!\n\nThank you for submitting your company information for ${companyName}.\n\nTo add more details to your submission, please click the link below:\n${continueUrl}\n\nThis link is unique to your submission and will allow you to add additional information.\n\nThank you,\nDEV Partner Portal Team\n `;\n\n const html = `\n\n\n\n \n DEV Partner Portal: Continue Your Submission\n\n\n

Hello from DEV Partner Portal!

\n \n

Thank you for submitting your company information for ${companyName}.

\n \n

To add more details to your submission, please click the button below:

\n \n

\n Continue Your Submission\n

\n \n

This link is unique to your submission and will allow you to add additional information.

\n \n

If the button doesn't work, you can copy and paste this URL into your browser:

${continueUrl}

\n \n

Thank you,
DEV Partner Portal Team

\n\n\n `;\n\n try {\n await email({\n to: toEmail,\n subject,\n text,\n html,\n });\n\n console.log(`Confirmation email sent to ${toEmail}`);\n return true;\n } catch (error) {\n console.error(\"Error sending confirmation email:\", error);\n throw error;\n }\n}",[],[403,418],{"_104":426,"_95":427,"_157":428,"_159":404,"_160":142,"_161":429,"_163":22,"_106":430,"_100":232,"_165":179,"_167":431,"_168":22,"_169":-5,"_170":432,"_98":433},"6cafd8ac-2b78-11f0-8157-569c3dd06744","imageService.ts","76e99a90-2adf-11f0-ad9d-569c3dd06744",259,["D",1746645666787],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { ImageMetadata, UploadcareFile, UploadcareGroup } from \"../models/image.ts\";\nimport { getFileInfo, deleteFile, getGroupInfo, storeGroup } from \"./uploadcareService.ts\";\n\n// Table name for Uploadcare files\nconst UPLOADCARE_FILES_TABLE = 'uploadcare_files_v1';\n\n/**\n * Set up the Uploadcare files table\n */\nexport async function setupImagesTable(): Promise {\n try {\n console.log(`Setting up Uploadcare files table: ${UPLOADCARE_FILES_TABLE}`);\n \n // Create the new simplified table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${UPLOADCARE_FILES_TABLE} (\n file_id TEXT PRIMARY KEY,\n submission_id TEXT NOT NULL,\n created_at TEXT NOT NULL,\n is_group BOOLEAN DEFAULT 0\n )`);\n \n // Create index for faster lookups by submission\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_submission_id ON ${UPLOADCARE_FILES_TABLE} (submission_id)`);\n \n console.log(\"Uploadcare files table setup complete\");\n \n // Check if we need to migrate data from old tables\n await migrateFromOldTables();\n } catch (error) {\n console.error(\"Error setting up Uploadcare files table:\", error);\n throw error;\n }\n}\n\n/**\n * Migrate data from old tables to the new simplified table\n */\nasync function migrateFromOldTables(): Promise {\n try {\n // Check if old tables exist\n const oldTablesExist = await Promise.all([\n checkTableExists('laura_mepson_images_v1'), // Keeping original table name for backward compatibility\n checkTableExists('laura_mepson_images_v2') // Keeping original table name for backward compatibility\n ]);\n \n const oldTableV1Exists = oldTablesExist[0];\n const oldTableV2Exists = oldTablesExist[1];\n \n if (!oldTableV1Exists && !oldTableV2Exists) {\n console.log('No old tables found, no migration needed');\n return;\n }\n \n // Check if we've already migrated data\n const newTableCount = await sqlite.execute(\n `SELECT COUNT(*) as count FROM ${UPLOADCARE_FILES_TABLE}`\n );\n \n if (newTableCount.rows[0].count > 0) {\n console.log(`New table already has ${newTableCount.rows[0].count} records, skipping migration`);\n return;\n }\n \n // Migrate from v2 table if it exists\n if (oldTableV2Exists) {\n console.log('Migrating data from laura_mepson_images_v2');\n \n const oldData = await sqlite.execute(\n `SELECT id, submission_id, uploaded_at, group_id FROM laura_mepson_images_v2`\n );\n \n if (oldData.rows.length > 0) {\n console.log(`Found ${oldData.rows.length} records to migrate from v2 table`);\n \n for (const row of oldData.rows) {\n try {\n // Check if this file is already in the new table\n const exists = await sqlite.execute(\n `SELECT file_id FROM ${UPLOADCARE_FILES_TABLE} WHERE file_id = ?`,\n [row.id]\n );\n \n if (exists.rows.length === 0) {\n // Insert into new table\n await sqlite.execute(\n `INSERT INTO ${UPLOADCARE_FILES_TABLE} (file_id, submission_id, created_at, is_group) \n VALUES (?, ?, ?, ?)`,\n [\n row.id,\n row.submission_id,\n row.uploaded_at || new Date().toISOString(),\n row.group_id ? 1 : 0\n ]\n );\n }\n } catch (error) {\n console.error(`Error migrating record ${row.id}:`, error);\n // Continue with next record\n }\n }\n \n console.log('Migration from v2 table completed');\n } else {\n console.log('No data found in v2 table');\n }\n }\n \n // Migrate from v1 table if it exists and we haven't already migrated from v2\n if (oldTableV1Exists && !oldTableV2Exists) {\n console.log('Migrating data from laura_mepson_images_v1');\n \n const oldData = await sqlite.execute(\n `SELECT id, submission_id, uploaded_at FROM laura_mepson_images_v1`\n );\n \n if (oldData.rows.length > 0) {\n console.log(`Found ${oldData.rows.length} records to migrate from v1 table`);\n \n for (const row of oldData.rows) {\n try {\n // Check if this file is already in the new table\n const exists = await sqlite.execute(\n `SELECT file_id FROM ${UPLOADCARE_FILES_TABLE} WHERE file_id = ?`,\n [row.id]\n );\n \n if (exists.rows.length === 0) {\n // Insert into new table\n await sqlite.execute(\n `INSERT INTO ${UPLOADCARE_FILES_TABLE} (file_id, submission_id, created_at, is_group) \n VALUES (?, ?, ?, ?)`,\n [\n row.id,\n row.submission_id,\n row.uploaded_at || new Date().toISOString(),\n 0 // Not a group in v1 table\n ]\n );\n }\n } catch (error) {\n console.error(`Error migrating record ${row.id}:`, error);\n // Continue with next record\n }\n }\n \n console.log('Migration from v1 table completed');\n } else {\n console.log('No data found in v1 table');\n }\n }\n \n console.log('Migration from old tables completed');\n } catch (error) {\n console.error('Error during migration:', error);\n // Continue even if migration fails\n }\n}\n\n/**\n * Check if a table exists in the database\n */\nasync function checkTableExists(tableName: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT name FROM sqlite_master WHERE type='table' AND name=?`,\n [tableName]\n );\n \n return result.rows.length > 0;\n } catch (error) {\n console.error(`Error checking if table ${tableName} exists:`, error);\n return false;\n }\n}\n\n/**\n * Link an Uploadcare file to a submission\n */\nexport async function linkUploadcareFile(\n fileId: string,\n submissionId: string,\n isGroup: boolean = false\n): Promise {\n try {\n console.log(`Linking Uploadcare file: ${fileId} to submission: ${submissionId}`);\n \n // Check if this file is already linked\n const existing = await sqlite.execute(\n `SELECT file_id FROM ${UPLOADCARE_FILES_TABLE} WHERE file_id = ?`,\n [fileId]\n );\n \n if (existing.rows.length > 0) {\n console.log(`File ${fileId} is already linked, updating submission_id`);\n \n // Update the existing record\n await sqlite.execute(\n `UPDATE ${UPLOADCARE_FILES_TABLE} SET \n submission_id = ?, \n is_group = ?\n WHERE file_id = ?`,\n [submissionId, isGroup ? 1 : 0, fileId]\n );\n } else {\n // Insert a new record\n await sqlite.execute(\n `INSERT INTO ${UPLOADCARE_FILES_TABLE} (file_id, submission_id, created_at, is_group) \n VALUES (?, ?, ?, ?)`,\n [fileId, submissionId, new Date().toISOString(), isGroup ? 1 : 0]\n );\n }\n \n return true;\n } catch (error) {\n console.error(`Error linking Uploadcare file ${fileId}:`, error);\n return false;\n }\n}\n\n/**\n * Unlink an Uploadcare file from a submission\n */\nexport async function unlinkUploadcareFile(\n fileId: string,\n submissionId: string\n): Promise {\n try {\n console.log(`Unlinking Uploadcare file: ${fileId} from submission: ${submissionId}`);\n \n // Verify the file belongs to this submission\n const existing = await sqlite.execute(\n `SELECT file_id FROM ${UPLOADCARE_FILES_TABLE} \n WHERE file_id = ? AND submission_id = ?`,\n [fileId, submissionId]\n );\n \n if (existing.rows.length === 0) {\n console.log(`File ${fileId} is not linked to submission ${submissionId}`);\n return false;\n }\n \n // Delete the record\n await sqlite.execute(\n `DELETE FROM ${UPLOADCARE_FILES_TABLE} WHERE file_id = ?`,\n [fileId]\n );\n \n return true;\n } catch (error) {\n console.error(`Error unlinking Uploadcare file ${fileId}:`, error);\n return false;\n }\n}\n\n/**\n * Get all Uploadcare files for a submission\n */\nexport async function getSubmissionFiles(submissionId: string): Promise {\n try {\n console.log(`Getting Uploadcare files for submission: ${submissionId}`);\n \n const result = await sqlite.execute(\n `SELECT file_id, is_group FROM ${UPLOADCARE_FILES_TABLE}\n WHERE submission_id = ?\n ORDER BY created_at DESC`,\n [submissionId]\n );\n \n // Process the results to handle groups\n const fileIds: string[] = [];\n \n for (const row of result.rows) {\n const fileId = row.file_id;\n const isGroup = row.is_group === 1;\n \n if (isGroup) {\n try {\n // For groups, we need to get the individual files\n console.log(`Expanding group: ${fileId}`);\n const groupInfo = await getGroupInfo(fileId);\n \n if (groupInfo && groupInfo.files) {\n // Add each file in the group\n for (let i = 0; i < groupInfo.files.length; i++) {\n const file = groupInfo.files[i];\n fileIds.push(file.uuid);\n }\n } else {\n // If we can't get group info, just add the group ID\n fileIds.push(fileId);\n }\n } catch (groupError) {\n console.error(`Error expanding group ${fileId}:`, groupError);\n // If there's an error, just add the group ID\n fileIds.push(fileId);\n }\n } else {\n // For individual files, just add the file ID\n fileIds.push(fileId);\n }\n }\n \n return fileIds;\n } catch (error) {\n console.error(`Error getting Uploadcare files for submission ${submissionId}:`, error);\n return [];\n }\n}\n\n/**\n * Get image metadata from database\n */\nexport async function getImageMetadata(imageId: string): Promise {\n try {\n console.log(`Getting image metadata for: ${imageId}`);\n \n // Try the new table first\n let result = await sqlite.execute(\n `SELECT id, original_name, content_type, size, uploaded_at, submission_id, cdn_url, group_id\n FROM ${IMAGES_TABLE}\n WHERE id = ?`,\n [imageId]\n );\n \n // If not found in the new table, try the old table if it exists\n if (result.rows.length === 0) {\n console.log(`Image not found in ${IMAGES_TABLE}, checking old table`);\n \n try {\n const oldTableExists = await checkTableExists('laura_mepson_images_v1');\n \n if (oldTableExists) {\n // Try to get from old table\n result = await sqlite.execute(\n `SELECT id, original_name, content_type, size, uploaded_at, submission_id, cdn_url, NULL as group_id\n FROM laura_mepson_images_v1\n WHERE id = ?`,\n [imageId]\n );\n \n // If found in old table, migrate this record to the new table\n if (result.rows.length > 0) {\n console.log(`Found image in old table, migrating to new table: ${imageId}`);\n \n const row = result.rows[0];\n \n // Insert into new table\n await sqlite.execute(\n `INSERT OR IGNORE INTO ${IMAGES_TABLE} (\n id, original_name, content_type, size, uploaded_at, submission_id, cdn_url, group_id\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n row.id,\n row.original_name,\n row.content_type,\n row.size,\n row.uploaded_at,\n row.submission_id,\n row.cdn_url,\n null // group_id is null for migrated records\n ]\n );\n }\n }\n } catch (oldTableError) {\n console.error(`Error checking old table: ${oldTableError.message}`);\n // Continue with the function even if old table check fails\n }\n }\n \n if (result.rows.length === 0) {\n console.log(`Image not found in any table: ${imageId}`);\n return null;\n }\n \n const row = result.rows[0];\n console.log(`Found image metadata: ${imageId}`, row);\n \n return {\n id: row.id,\n originalName: row.original_name,\n contentType: row.content_type,\n size: row.size,\n uploadedAt: row.uploaded_at,\n submissionId: row.submission_id,\n cdnUrl: row.cdn_url,\n groupId: row.group_id\n };\n } catch (error) {\n console.error(`Error getting image metadata for ${imageId}:`, error);\n return null;\n }\n}\n\n/**\n * List all images for a submission\n */\nexport async function listSubmissionImages(submissionId: string): Promise {\n try {\n console.log(`Listing images for submission: ${submissionId}`);\n \n // Get images from the new table\n const result = await sqlite.execute(\n `SELECT id, original_name, content_type, size, uploaded_at, submission_id, cdn_url, group_id\n FROM ${IMAGES_TABLE}\n WHERE submission_id = ?\n ORDER BY uploaded_at DESC`,\n [submissionId]\n );\n \n // Check if we need to look in the old table too\n let oldTableImages: any[] = [];\n try {\n const oldTableExists = await checkTableExists('laura_mepson_images_v1');\n \n if (oldTableExists) {\n console.log(`Checking old table for submission: ${submissionId}`);\n \n const oldResult = await sqlite.execute(\n `SELECT id, original_name, content_type, size, uploaded_at, submission_id, cdn_url\n FROM laura_mepson_images_v1\n WHERE submission_id = ?\n ORDER BY uploaded_at DESC`,\n [submissionId]\n );\n \n if (oldResult.rows.length > 0) {\n console.log(`Found ${oldResult.rows.length} images in old table for submission: ${submissionId}`);\n \n // Migrate these records to the new table\n for (const row of oldResult.rows) {\n try {\n // Check if this image is already in the new table\n const exists = await sqlite.execute(\n `SELECT id FROM ${IMAGES_TABLE} WHERE id = ?`,\n [row.id]\n );\n \n if (exists.rows.length === 0) {\n console.log(`Migrating image from old table to new table: ${row.id}`);\n \n // Insert into new table\n await sqlite.execute(\n `INSERT INTO ${IMAGES_TABLE} (\n id, original_name, content_type, size, uploaded_at, submission_id, cdn_url, group_id\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n row.id,\n row.original_name,\n row.content_type,\n row.size,\n row.uploaded_at,\n row.submission_id,\n row.cdn_url,\n null // group_id is null for migrated records\n ]\n );\n }\n } catch (migrationError) {\n console.error(`Error migrating image ${row.id}:`, migrationError);\n // Continue with the next image even if this one fails\n }\n }\n \n // Add these to our result set if they're not already there\n for (const row of oldResult.rows) {\n // Check if this ID is already in our result set\n const exists = result.rows.some(r => r.id === row.id);\n \n if (!exists) {\n oldTableImages.push({\n id: row.id,\n original_name: row.original_name,\n content_type: row.content_type,\n size: row.size,\n uploaded_at: row.uploaded_at,\n submission_id: row.submission_id,\n cdn_url: row.cdn_url,\n group_id: null\n });\n }\n }\n }\n }\n } catch (oldTableError) {\n console.error(`Error checking old table: ${oldTableError.message}`);\n // Continue with the function even if old table check fails\n }\n \n // Combine results from both tables\n const allRows = [...result.rows, ...oldTableImages];\n \n // Sort by uploaded_at in descending order\n allRows.sort((a, b) => {\n return new Date(b.uploaded_at).getTime() - new Date(a.uploaded_at).getTime();\n });\n \n console.log(`Found ${allRows.length} total images for submission: ${submissionId}`);\n \n return allRows.map(row => ({\n id: row.id,\n originalName: row.original_name,\n contentType: row.content_type,\n size: row.size,\n uploadedAt: row.uploaded_at,\n submissionId: row.submission_id,\n cdnUrl: row.cdn_url,\n groupId: row.group_id\n }));\n } catch (error) {\n console.error(`Error listing submission images for ${submissionId}:`, error);\n return [];\n }\n}\n\n/**\n * Delete image metadata from database and the file from Uploadcare\n */\nexport async function deleteImage(imageId: string): Promise {\n try {\n console.log(`Deleting image: ${imageId}`);\n \n // First get the image metadata to ensure it exists\n const imageMetadata = await getImageMetadata(imageId);\n \n if (!imageMetadata) {\n console.error(`Image not found in database: ${imageId}`);\n return false;\n }\n \n // Try to delete from Uploadcare\n let uploadcareDeleteSuccess = false;\n try {\n console.log(`Deleting image from Uploadcare: ${imageId}`);\n uploadcareDeleteSuccess = await deleteFile(imageId);\n \n if (!uploadcareDeleteSuccess) {\n console.warn(`Failed to delete image from Uploadcare: ${imageId}`);\n // Continue with database deletion even if Uploadcare deletion fails\n } else {\n console.log(`Successfully deleted image from Uploadcare: ${imageId}`);\n }\n } catch (uploadcareError) {\n console.error(`Error deleting image from Uploadcare: ${imageId}`, uploadcareError);\n // Continue with database deletion even if Uploadcare deletion fails\n }\n \n // Then delete from our database\n try {\n console.log(`Deleting image from database: ${imageId}`);\n await sqlite.execute(\n `DELETE FROM ${IMAGES_TABLE} WHERE id = ?`,\n [imageId]\n );\n console.log(`Successfully deleted image from database: ${imageId}`);\n return true;\n } catch (dbError) {\n console.error(`Database error deleting image ${imageId}:`, dbError);\n return false;\n }\n } catch (error) {\n console.error(`Error deleting image ${imageId}:`, error);\n return false;\n }\n}\n\n/**\n * Register an Uploadcare file in our system\n */\nexport async function registerUploadcareFile(\n uploadcareUuid: string,\n submissionId: string,\n groupId?: string\n): Promise {\n try {\n console.log(`Registering Uploadcare file: ${uploadcareUuid} for submission: ${submissionId}`);\n \n // Get file info from Uploadcare\n let fileInfo;\n try {\n console.log(`Fetching file info from Uploadcare for UUID: ${uploadcareUuid}`);\n fileInfo = await getFileInfo(uploadcareUuid);\n console.log('Successfully retrieved file info from Uploadcare:', fileInfo);\n } catch (fileInfoError) {\n console.error(`Error getting file info from Uploadcare for ${uploadcareUuid}:`, fileInfoError);\n \n // Try to extract more details from the error\n let errorDetails = '';\n if (fileInfoError instanceof Error) {\n errorDetails = fileInfoError.message;\n console.error(`Error message: ${errorDetails}`);\n console.error(`Error stack: ${fileInfoError.stack}`);\n }\n \n // Check if we should create a fallback or throw\n if (errorDetails.includes('404') || errorDetails.includes('not found')) {\n console.error(`File not found on Uploadcare, UUID may be invalid: ${uploadcareUuid}`);\n throw new Error(`File not found on Uploadcare: ${uploadcareUuid}`);\n }\n \n if (errorDetails.includes('401') || errorDetails.includes('unauthorized')) {\n console.error(`Authentication failed with Uploadcare. Check your API keys.`);\n throw new Error(`Authentication failed with Uploadcare. Check your API keys.`);\n }\n \n // Create a minimal file info object if we can't get it from Uploadcare\n console.log('Creating fallback file info object');\n fileInfo = {\n uuid: uploadcareUuid,\n originalFilename: 'unknown-filename.jpg',\n mimeType: 'image/jpeg',\n size: 0,\n isImage: true,\n uploadedAt: new Date().toISOString(),\n url: '',\n originalUrl: '',\n cdnUrl: `https://ucarecdn.com/${uploadcareUuid}/`\n };\n }\n \n // Save metadata to our database\n try {\n console.log('Saving image metadata to database');\n const metadata = await saveImageMetadata(fileInfo, submissionId, groupId);\n console.log('Successfully saved image metadata:', metadata);\n return metadata;\n } catch (dbError) {\n console.error(`Database error saving image metadata: ${dbError.message}`, dbError);\n if (dbError.message.includes('UNIQUE constraint failed')) {\n console.log('This appears to be a duplicate image entry');\n throw new Error('This image has already been registered');\n }\n throw dbError;\n }\n } catch (error) {\n console.error(`Error registering Uploadcare file ${uploadcareUuid}:`, error);\n throw error; // Re-throw to allow proper error handling upstream\n }\n}\n\n/**\n * Register an Uploadcare file group in our system\n */\nexport async function registerUploadcareGroup(\n groupId: string,\n submissionId: string\n): Promise {\n try {\n console.log(`Registering Uploadcare group: ${groupId} for submission: ${submissionId}`);\n \n // Get group info from Uploadcare\n const groupInfo = await getGroupInfo(groupId);\n \n // Store the group permanently\n await storeGroup(groupId);\n \n // Register each file in the group\n const registeredFiles: ImageMetadata[] = [];\n \n for (const file of groupInfo.files) {\n const metadata = await registerUploadcareFile(file.uuid, submissionId, groupId);\n if (metadata) {\n registeredFiles.push(metadata);\n }\n }\n \n return registeredFiles;\n } catch (error) {\n console.error(`Error registering Uploadcare group ${groupId}:`, error);\n return [];\n }\n}",[],[403,427],{"_104":435,"_95":436,"_157":437,"_159":404,"_160":142,"_161":438,"_163":22,"_106":439,"_100":259,"_165":179,"_167":440,"_168":22,"_169":-5,"_170":441,"_98":442},"5b5cec2c-2b7b-11f0-bb56-569c3dd06744","templateService.ts","697c937e-2b4f-11f0-a8e2-569c3dd06744",267,["D",1746646926216],"import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n/**\n * Service for handling HTML templates\n */\n\n// Storage key for dev.to stylesheets\nconst DEVTO_STYLESHEETS_KEY = \"devto_stylesheets\";\n\ninterface StylesheetData {\n stylesheets: string[];\n fetchedAt: string;\n source: string;\n}\n\n/**\n * Fetch dev.to stylesheets from blob storage\n */\nasync function getDevtoStylesheets(): Promise {\n try {\n const data = await blob.getJSON(DEVTO_STYLESHEETS_KEY);\n return data?.stylesheets || [];\n } catch (error) {\n console.error(\"Error fetching dev.to stylesheets:\", error);\n return [];\n }\n}\n\n/**\n * Inject dev.to stylesheets into HTML\n */\nasync function injectDevtoStylesheets(html: string): Promise {\n const stylesheets = await getDevtoStylesheets();\n \n if (stylesheets.length === 0) {\n console.log(\"No dev.to stylesheets found in storage\");\n return html;\n }\n \n console.log(`Injecting ${stylesheets.length} dev.to stylesheets`);\n \n // Create stylesheet links\n const stylesheetLinks = stylesheets\n .map(url => ``)\n .join('\\n');\n \n // Add a comment to identify the injected stylesheets\n const stylesheetBlock = `\n\n${stylesheetLinks}\n\n`;\n \n // Insert after the last link or before \n if (html.includes('')) {\n return html.replace('', `${stylesheetBlock}`);\n } else {\n return html;\n }\n}\n\n/**\n * Render a template with the given data\n * @param templatePath Path to the template file\n * @param data Object containing key-value pairs to replace in the template\n * @param importMetaUrl import.meta.url from the calling file\n */\nexport async function renderTemplate(\n templatePath: string, \n data: Record, \n importMetaUrl: string\n): Promise {\n try {\n // Read the template file\n let html = await readFile(templatePath, importMetaUrl);\n \n // Replace all placeholders with their values\n for (const [key, value] of Object.entries(data)) {\n const placeholder = `{{${key}}}`;\n // Use a global regex to replace all occurrences\n const regex = new RegExp(placeholder, 'g');\n html = html.replace(regex, value);\n }\n \n // Inject dev.to stylesheets\n html = await injectDevtoStylesheets(html);\n \n return html;\n } catch (error) {\n console.error(`Error rendering template ${templatePath}:`, error);\n throw error;\n }\n}",[],[403,436],{"_104":444,"_95":445,"_157":446,"_159":404,"_160":142,"_161":447,"_163":22,"_106":448,"_100":449,"_165":179,"_167":450,"_168":22,"_169":-5,"_170":451,"_98":452},"334ad646-2b5c-11f0-bc36-569c3dd06744","uploadcareService.ts","76e9a9a4-2adf-11f0-ad9d-569c3dd06744",147,["D",1746633544590],14,"/**\n * Uploadcare integration service\n * Simplified to leverage more Uploadcare built-in features\n */\n\n// Public key for Uploadcare\nexport const UPLOADCARE_PUBLIC_KEY = '1759805aecfaf0cc68cc';\n\n// Secret key is stored in environment variables\nconst UPLOADCARE_SECRET_KEY = Deno.env.get('UPLOADCARE_SECRET_KEY');\n\n// Uploadcare API endpoints\nconst UPLOADCARE_API_BASE = 'https://api.uploadcare.com';\nconst UPLOADCARE_CDN_BASE = 'https://ucarecdn.com';\n\n// Initialize keys and ensure they're available\nlet keysInitialized = false;\n\n/**\n * Ensure keys are initialized\n */\nexport function ensureKeysInitialized(): boolean {\n if (!keysInitialized) {\n console.log('Initializing Uploadcare keys');\n console.log(`Public key: ${UPLOADCARE_PUBLIC_KEY}`);\n \n if (!UPLOADCARE_SECRET_KEY) {\n console.warn('UPLOADCARE_SECRET_KEY environment variable is not set');\n } else {\n console.log('Secret key is set (value hidden)');\n }\n \n keysInitialized = true;\n }\n return keysInitialized;\n}\n\n/**\n * Get comprehensive Uploadcare widget configuration\n * This configuration is now primarily handled via data attributes in HTML\n * @param customOptions - Optional custom configuration options\n */\nexport function getUploadcareConfig(customOptions = {}) {\n ensureKeysInitialized();\n \n // Default configuration with best practices from Uploadcare docs\n const defaultConfig = {\n // Core settings\n publicKey: UPLOADCARE_PUBLIC_KEY,\n \n // UI settings\n tabs: 'file camera url facebook gdrive gphotos dropbox instagram',\n previewStep: true,\n clearable: true,\n \n // Image settings\n imageShrink: '2048x2048',\n \n // Upload settings\n multipleMax: 10,\n \n // Image editing features\n crop: 'free,1:1,3:2,4:3,16:9',\n imagesOnly: true,\n \n // Integration settings\n integration: 'LauraMepson-Portal',\n \n // Effects\n effects: ['crop', 'enhance', 'sharp', 'grayscale'],\n };\n \n // Merge default config with custom options\n return { ...defaultConfig, ...customOptions };\n}\n\n/**\n * Create authentication headers for Uploadcare REST API\n */\nexport function getUploadcareAuthHeaders(): HeadersInit {\n ensureKeysInitialized();\n \n // Current date in RFC2822 format\n const date = new Date().toUTCString();\n \n // Check if secret key is available\n if (!UPLOADCARE_SECRET_KEY) {\n console.error('UPLOADCARE_SECRET_KEY is missing! Authentication will fail.');\n }\n \n const headers = {\n 'Date': date,\n 'Authorization': `Uploadcare.Simple ${UPLOADCARE_PUBLIC_KEY}:${UPLOADCARE_SECRET_KEY || 'missing-secret-key'}`,\n 'Accept': 'application/vnd.uploadcare-v0.7+json',\n 'Content-Type': 'application/json'\n };\n \n return headers;\n}\n\n/**\n * Get file info from Uploadcare\n * Uses Uploadcare's REST API to get detailed file information\n */\nexport async function getFileInfo(fileId: string): Promise {\n try {\n ensureKeysInitialized();\n \n console.log(`Fetching file info from Uploadcare for file ID: ${fileId}`);\n console.log(`Using API URL: ${UPLOADCARE_API_BASE}/files/${fileId}/`);\n \n // Check if we have a secret key\n if (!UPLOADCARE_SECRET_KEY) {\n console.error('UPLOADCARE_SECRET_KEY is not set. Authentication will fail.');\n throw new Error('Uploadcare secret key is not configured');\n }\n \n const headers = getUploadcareAuthHeaders();\n console.log('Request headers:', {\n Date: headers['Date'],\n Accept: headers['Accept'],\n 'Content-Type': headers['Content-Type'],\n // Don't log the full Authorization header for security\n Authorization: headers['Authorization'] ? 'Set (value hidden)' : 'Not set'\n });\n \n // Make the API request\n let response;\n try {\n response = await fetch(`${UPLOADCARE_API_BASE}/files/${fileId}/`, {\n headers: headers\n });\n \n console.log(`Uploadcare API response status: ${response.status} ${response.statusText}`);\n } catch (fetchError) {\n console.error('Network error fetching from Uploadcare API:', fetchError);\n throw new Error(`Network error: ${fetchError.message}`);\n }\n \n // Handle non-OK responses\n if (!response.ok) {\n let errorText;\n try {\n errorText = await response.text();\n } catch (e) {\n errorText = 'Could not read error response';\n }\n \n console.error(`Uploadcare API error: ${response.status} ${response.statusText} - ${errorText}`);\n \n // Provide more specific error messages based on status code\n if (response.status === 401) {\n throw new Error('Authentication failed: Invalid Uploadcare API credentials');\n } else if (response.status === 404) {\n throw new Error(`File not found: ${fileId}`);\n } else if (response.status === 429) {\n throw new Error('Rate limit exceeded: Too many requests to Uploadcare API');\n } else {\n throw new Error(`Failed to get file info: ${response.status} ${response.statusText} - ${errorText}`);\n }\n }\n \n // Parse the response\n let data;\n try {\n data = await response.json();\n console.log('Uploadcare file info response:', data);\n } catch (parseError) {\n console.error('Error parsing Uploadcare API response:', parseError);\n throw new Error('Invalid response from Uploadcare API');\n }\n \n // Validate the response data\n if (!data || !data.uuid) {\n console.error('Invalid or missing data in Uploadcare response:', data);\n throw new Error('Invalid data received from Uploadcare API');\n }\n \n // Return the processed data\n return {\n uuid: data.uuid,\n originalFilename: data.original_filename || 'unknown',\n mimeType: data.mime_type || 'application/octet-stream',\n size: data.size || 0,\n isImage: data.is_image || false,\n imageInfo: data.image_info,\n uploadedAt: data.datetime_uploaded || new Date().toISOString(),\n url: data.url || '',\n originalUrl: data.original_file_url || '',\n cdnUrl: data.cdn_url || `${UPLOADCARE_CDN_BASE}/${fileId}/`,\n // Include the raw data for access to all Uploadcare properties\n raw: data\n };\n } catch (error) {\n console.error(`Error in getFileInfo for ${fileId}:`, error);\n throw error;\n }\n}\n\n/**\n * Delete file from Uploadcare\n */\nexport async function deleteFile(fileId: string): Promise {\n try {\n const response = await fetch(`${UPLOADCARE_API_BASE}/files/${fileId}/storage/`, {\n method: 'DELETE',\n headers: getUploadcareAuthHeaders()\n });\n \n if (!response.ok) {\n throw new Error(`Failed to delete file: ${response.status} ${response.statusText}`);\n }\n \n return true;\n } catch (error) {\n console.error('Error deleting file from Uploadcare:', error);\n return false;\n }\n}\n\n/**\n * Store file permanently on Uploadcare\n * By default, files are stored temporarily and may be deleted after 24 hours\n */\nexport async function storeFile(fileId: string): Promise {\n try {\n const response = await fetch(`${UPLOADCARE_API_BASE}/files/${fileId}/storage/`, {\n method: 'PUT',\n headers: getUploadcareAuthHeaders()\n });\n \n if (!response.ok) {\n throw new Error(`Failed to store file: ${response.status} ${response.statusText}`);\n }\n \n return true;\n } catch (error) {\n console.error('Error storing file on Uploadcare:', error);\n return false;\n }\n}\n\n/**\n * List files from Uploadcare\n * @param limit - Maximum number of files to return (default: 100)\n * @param stored - Filter by storage status (true = stored, false = not stored)\n */\nexport async function listFiles(limit = 100, stored?: boolean): Promise {\n try {\n let url = `${UPLOADCARE_API_BASE}/files/?limit=${limit}`;\n \n if (stored !== undefined) {\n url += `&stored=${stored ? 'true' : 'false'}`;\n }\n \n const response = await fetch(url, {\n headers: getUploadcareAuthHeaders()\n });\n \n if (!response.ok) {\n throw new Error(`Failed to list files: ${response.status} ${response.statusText}`);\n }\n \n const data = await response.json();\n return data.results || [];\n } catch (error) {\n console.error('Error listing files from Uploadcare:', error);\n return [];\n }\n}\n\n/**\n * Generate a CDN URL with transformations\n * Note: Uploadcare's JavaScript library provides built-in methods for this,\n * but this function is kept for server-side URL generation\n * @param fileId - Uploadcare file UUID\n * @param options - Transformation options\n */\nexport function generateCdnUrl(fileId: string, options: {\n resize?: string; // e.g., \"300x200\"\n crop?: string; // e.g., \"300x200/center\"\n quality?: number; // 1-100\n format?: string; // jpeg, png, webp, etc.\n effect?: string; // grayscale, flip, mirror, enhance, sharp\n progressive?: boolean;\n preview?: boolean;\n} = {}): string {\n const transformations: string[] = [];\n \n // Add transformations in the correct order\n if (options.resize) transformations.push(`-/resize/${options.resize}/`);\n if (options.crop) transformations.push(`-/crop/${options.crop}/`);\n if (options.quality) transformations.push(`-/quality/${options.quality}/`);\n if (options.effect) {\n const effects = options.effect.split(',');\n for (const effect of effects) {\n transformations.push(`-/${effect}/`);\n }\n }\n if (options.progressive) transformations.push('-/progressive/yes/');\n if (options.preview) transformations.push('-/preview/');\n if (options.format) transformations.push(`-/format/${options.format}/`);\n \n // Construct the final URL\n return `${UPLOADCARE_CDN_BASE}/${fileId}/${transformations.join('')}`;\n}\n\n/**\n * Get image dimensions and other metadata\n * This is a convenience function that extracts image dimensions from file info\n */\nexport async function getImageDimensions(fileId: string): Promise<{width: number, height: number} | null> {\n try {\n const fileInfo = await getFileInfo(fileId);\n \n if (fileInfo.isImage && fileInfo.imageInfo) {\n return {\n width: fileInfo.imageInfo.width,\n height: fileInfo.imageInfo.height\n };\n }\n \n return null;\n } catch (error) {\n console.error('Error getting image dimensions:', error);\n return null;\n }\n}\n\n/**\n * Get file group info from Uploadcare\n * @param groupId - Uploadcare group UUID\n */\nexport async function getGroupInfo(groupId: string): Promise {\n try {\n ensureKeysInitialized();\n \n const response = await fetch(`${UPLOADCARE_API_BASE}/groups/${groupId}/`, {\n headers: getUploadcareAuthHeaders()\n });\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to get group info: ${response.status} ${response.statusText} - ${errorText}`);\n }\n \n // Return the raw response to maintain all Uploadcare data\n return await response.json();\n } catch (error) {\n console.error('Error getting group info from Uploadcare:', error);\n throw error;\n }\n}\n\n/**\n * Store a file group permanently on Uploadcare\n */\nexport async function storeGroup(groupId: string): Promise {\n try {\n const response = await fetch(`${UPLOADCARE_API_BASE}/groups/${groupId}/storage/`, {\n method: 'PUT',\n headers: getUploadcareAuthHeaders()\n });\n \n if (!response.ok) {\n throw new Error(`Failed to store group: ${response.status} ${response.statusText}`);\n }\n \n return true;\n } catch (error) {\n console.error('Error storing group on Uploadcare:', error);\n return false;\n }\n}\n\n/**\n * Create a new file group from individual files\n * @param fileIds - Array of file UUIDs to include in the group\n */\nexport async function createGroup(fileIds: string[]): Promise {\n try {\n const response = await fetch(`${UPLOADCARE_API_BASE}/groups/`, {\n method: 'POST',\n headers: getUploadcareAuthHeaders(),\n body: JSON.stringify({\n files: fileIds.map(id => ({ uuid: id }))\n })\n });\n \n if (!response.ok) {\n throw new Error(`Failed to create group: ${response.status} ${response.statusText}`);\n }\n \n const data = await response.json();\n return data.id || null;\n } catch (error) {\n console.error('Error creating group on Uploadcare:', error);\n return null;\n }\n}",[],[403,445],[403],{"_104":455,"_95":456,"_157":457,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":458,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":459,"_98":478},"76e9e93c-2adf-11f0-ad9d-569c3dd06744","utils","61f60706-523c-4a44-8813-8acd53f13546",["D",1746579970933],[460,469],{"_104":461,"_95":462,"_157":463,"_159":457,"_160":142,"_161":464,"_163":118,"_106":465,"_100":259,"_165":179,"_167":466,"_168":22,"_169":-5,"_170":467,"_98":468},"c7ee0e52-2b49-11f0-ac5c-569c3dd06744","helpers.ts","76e9be4e-2adf-11f0-ad9d-569c3dd06744",76,["D",1746625633522],"/**\n * Generate a cryptographically secure random string\n * @param length The length of the random string to generate\n */\nfunction generateSecureRandomString(length: number): string {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n \n // Create an array of random values\n const randomValues = new Uint8Array(length);\n \n // Fill with cryptographically secure random values if available\n if (typeof crypto !== 'undefined' && crypto.getRandomValues) {\n crypto.getRandomValues(randomValues);\n } else {\n // Fallback to Math.random() if crypto is not available\n for (let i = 0; i < length; i++) {\n randomValues[i] = Math.floor(Math.random() * 256);\n }\n }\n \n // Convert random values to characters\n for (let i = 0; i < length; i++) {\n result += characters.charAt(randomValues[i] % characters.length);\n }\n \n return result;\n}\n\n/**\n * Generate a unique ID for submissions\n * Creates a longer, more secure token to prevent brute force attacks\n */\nexport function generateUniqueId(): string {\n // Generate a secure random string (32 characters)\n const randomPart1 = generateSecureRandomString(16);\n const randomPart2 = generateSecureRandomString(16);\n \n // Add a timestamp component for uniqueness (in base36)\n const timestampPart = Date.now().toString(36);\n \n // Add a counter component to ensure uniqueness even if called in the same millisecond\n const counterPart = Math.floor(Math.random() * 10000).toString(36).padStart(4, '0');\n \n // Combine all parts with separators\n return `${timestampPart}-${randomPart1}-${counterPart}-${randomPart2}`;\n}\n\n/**\n * Format file size for display\n */\nexport function formatFileSize(bytes: number): string {\n if (bytes < 1024) return bytes + ' bytes';\n else if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';\n else return (bytes / 1048576).toFixed(1) + ' MB';\n}",[],[456,462],{"_104":470,"_95":471,"_157":472,"_159":457,"_160":142,"_161":473,"_163":118,"_106":474,"_100":259,"_165":179,"_167":475,"_168":22,"_169":-5,"_170":476,"_98":477},"4230b364-2b71-11f0-a711-569c3dd06744","responseUtils.ts","7d9e4a8c-2b4f-11f0-93cc-569c3dd06744",237,["D",1746642589014],"import { Context } from \"https://esm.sh/hono@3.12.6\";\n\n/**\n * Standard API response format\n */\nexport interface ApiResponse {\n success: boolean;\n message: string;\n data?: T;\n}\n\n/**\n * Create a success response\n */\nexport function successResponse(\n c: Context, \n message: string, \n data?: T, \n status = 200\n): Response {\n const response: ApiResponse = {\n success: true,\n message\n };\n \n if (data !== undefined) {\n response.data = data;\n }\n \n // Debug log\n console.log(`Sending success response: ${JSON.stringify(response)}`);\n \n return c.json(response, status);\n}\n\n/**\n * Create an error response\n */\nexport function errorResponse(\n c: Context, \n message: string, \n status = 400,\n error?: Error\n): Response {\n // Log the error if provided\n if (error) {\n console.error(`Error (${status}): ${message}`, error);\n }\n \n return c.json({\n success: false,\n message\n }, status);\n}\n\n/**\n * Create a not found response\n */\nexport function notFoundResponse(\n c: Context, \n message = \"Resource not found\"\n): Response {\n return errorResponse(c, message, 404);\n}\n\n/**\n * Create a server error response\n */\nexport function serverErrorResponse(\n c: Context, \n error: Error,\n message = \"An internal server error occurred\"\n): Response {\n return errorResponse(c, message, 500, error);\n}",[],[456,471],[456],{"_104":480,"_95":481,"_157":482,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":483,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":484,"_98":504},"76e9eae0-2adf-11f0-ad9d-569c3dd06744","views","3e3c76da-6b4b-412e-8890-2e14946c4ade",["D",1746579970933],[485,495],{"_104":486,"_95":487,"_157":488,"_159":482,"_160":142,"_161":489,"_163":118,"_106":490,"_100":491,"_165":290,"_167":492,"_168":22,"_169":-5,"_170":493,"_98":494},"be333534-2baf-11f0-b727-569c3dd06744","continue.html","cbd14f54-2b4c-11f0-ab93-569c3dd06744",287,["D",1746669425869],30,"\n\n \n \n \n Ad Portal - DEV Partner Portal\n \n \n \n\n \n \n\n \n \n\n \n \n \n\n \n \n \n \n

DEV Partner Portal

Ad Portal

\n\n \n

\n 👤\n

Account Information

\n\n

\n Company: {{COMPANY_NAME}}
\n Email: {{EMAIL}}
\n Your Unique Link:\n https://{{HOST}}/?action=continue&id={{ID}}\n

\n Save this link to access your ad portal later.\n

\n\n

\n \n\n \n

\n 🏢\n

Image Gallery

\n\n

\n Upload images to use in your ads. These images will be available\n to select when creating new ads.\n

\n\n \n

\n \n

\n\n \n

\n \n + Add Another Image\n \n

\n\n \n

Your Images

\n\n \n

\n 0 images\n

\n\n \n

\n 📢\n

Ad Creation

\n\n

\n Create and manage your ads. Select images from your gallery to\n use in your ads.\n

\n\n \n

Ad creation tools coming soon!

\n You'll be able to create ads and select images from your\n gallery.\n

\n\n

\n \n \n

\n \n \n \n

\n Placeholder Heading\n

\n Placeholder text for the billboard content goes\n here.\n

\n Call to Action →\n

\n \n\n \n \n\n \n Your information has been saved successfully!\n \n\n \n \n \n

\n\n \n\n \n \n",[],[481,487],{"_104":496,"_95":497,"_157":498,"_159":482,"_160":142,"_161":101,"_163":118,"_106":499,"_100":500,"_165":290,"_167":501,"_168":22,"_169":-5,"_170":502,"_98":503},"c2fa7348-2baf-11f0-8454-569c3dd06744","landing.html","76e9d794-2adf-11f0-ad9d-569c3dd06744",["D",1746669433885],8,"\n\n\n \n \n DEV Partner Portal\n \n \n \n\n\n

DEV Partner Portal

\n \n \n \n \n \n

Already have an account?

\n \n \n

\n If an account exists with this email, you'll receive a link shortly.\n

\n \n

\n \n \n

\n \n

Submission Successful!

Thank you for your submission! We've sent a confirmation email with next steps.

Please check your inbox for important information about your submission.

\n \n \n

\n \n \n\n \n\n",[],[481,497],[481],{"_104":506,"_95":507,"_157":508,"_159":-5,"_160":142,"_161":509,"_163":22,"_106":510,"_100":449,"_165":290,"_167":511,"_168":22,"_169":-5,"_170":512,"_98":513},"747413dc-2b78-11f0-8157-569c3dd06744","README.md","c72e72ce-2aa2-11f0-ab66-569c3dd06744",261,["D",1746645679823],"# DEV Partner Portal\n\nA landing page application that collects company information and allows users to add additional details through email links.\n\n## Features\n\n- Simple landing page with DEV Partner Portal branding\n- Form to collect company name and email\n- SQLite database storage for submissions\n- Email functionality to send users a unique link\n- Continuation page for adding more information\n- Image upload and storage using Uploadcare\n\n## Uploadcare Implementation\n\nThis project uses Uploadcare for image uploads with a single file uploader configuration.\n\n### Implementation Details\n\n1. `UPLOADCARE_MULTIPLE` is set to `false` in the global configuration\n2. The UI includes a single uploader with an \"Add Another Image\" button\n3. JavaScript handles individual file uploads\n4. Helper script (`/public/js/uploadcare-helper.js`) provides utility functions\n\n## Project Structure\n\n```\n├── api/ # API route handlers\n│ ├── images.ts # Image-related API endpoints\n│ ├── submissions.ts # Submission-related API endpoints\n│ └── index.ts # API routes configuration\n├── controllers/ # Request handling logic\n│ ├── imageController.ts # Image upload/retrieval logic\n│ └── submissionController.ts # Submission handling logic\n├── models/ # Data models and types\n│ ├── image.ts # Image-related types\n│ └── submission.ts # Submission-related types\n├── services/ # Business logic\n│ ├── imageService.ts # Image metadata operations\n│ ├── uploadcareService.ts # Uploadcare integration\n│ ├── databaseService.ts # Database operations\n│ ├── emailService.ts # Email sending functionality\n│ └── templateService.ts # HTML template rendering\n├── utils/ # Utility functions\n│ ├── helpers.ts # Helper functions\n│ └── responseUtils.ts # Standardized API responses\n├── views/ # HTML templates\n│ ├── landing.html # Main landing page\n│ └── continue.html # Continuation page\n├── public/ # Static assets and client-side JS\n│ ├── css/ # Stylesheets\n│ │ └── styles.css # Common styles\n│ └── js/ # Client-side JavaScript\n│ ├── landing.js # Landing page script\n│ └── continue.js # Continuation page script\n└── index.ts # Main entry point\n```\n\n## Database Schema\n\nThe application uses a SQLite database with the following schemas:\n\n### Submissions Table\n\n```sql\nCREATE TABLE IF NOT EXISTS laura_mepson_submissions_v1 (\n id TEXT PRIMARY KEY,\n company_name TEXT NOT NULL,\n email TEXT NOT NULL,\n created_at TEXT NOT NULL,\n additional_fields TEXT\n)\n```\n\n### Images Table\n\n```sql\nCREATE TABLE IF NOT EXISTS laura_mepson_images_v1 (\n id TEXT PRIMARY KEY,\n original_name TEXT NOT NULL,\n content_type TEXT NOT NULL,\n size INTEGER NOT NULL,\n uploaded_at TEXT NOT NULL,\n submission_id TEXT NOT NULL,\n cdn_url TEXT NOT NULL\n)\n```\n\n> Note: Table names are kept for backward compatibility with existing data, but the application is now branded as DEV Partner Portal.\n\n## User Flow\n\n1. User visits the landing page\n2. User submits company name and email\n3. Data is saved to SQLite database\n4. User receives an email with a unique link\n5. User can click the link to add more information\n6. Additional information is saved to the database\n7. User can upload and manage images related to their submission\n\n## URL Structure\n\n- Main landing page: `https://[username].web.val.run`\n- Continuation page: `https://[username].web.val.run?action=continue&id=[unique_id]`\n\n## Image Storage\n\nImages are stored using Uploadcare:\n- Uploadcare handles file uploads, storage, and CDN delivery\n- Uploadcare's built-in image preview and cropping tools are used\n- Image metadata is stored in our SQLite database\n- Users can upload, view, and delete images\n- Images are associated with a specific submission\n\n## Environment Variables\n\n- `UPLOADCARE_SECRET_KEY`: Secret key for Uploadcare API authentication\n\n## Development Notes\n\n- When modifying the database schema, create a new table with a new version number\n- Email templates are defined in `emailService.ts`\n- The unique ID generation is handled in `utils/helpers.ts`\n- Val Town HTTP vals use query parameters instead of path parameters for routing\n\n## Database Schema\n\nThe application uses a SQLite database with the following schema:\n\n```sql\nCREATE TABLE IF NOT EXISTS laura_mepson_submissions_v1 (\n id TEXT PRIMARY KEY,\n company_name TEXT NOT NULL,\n email TEXT NOT NULL,\n created_at TEXT NOT NULL,\n additional_fields TEXT\n)\n```\n\n> Note: Table name is kept for backward compatibility with existing data, but the application is now branded as DEV Partner Portal.\n\n## User Flow\n\n1. User visits the landing page\n2. User submits company name and email\n3. Data is saved to SQLite database\n4. User receives an email with a unique link\n5. User can click the link to add more information\n6. Additional information is saved to the database\n7. User can upload and manage images related to their submission\n\n## URL Structure\n\n- Main landing page: `https://[username].web.val.run`\n- Continuation page: `https://[username].web.val.run?action=continue&id=[unique_id]`\n\n## Image Storage\n\nImages are stored using Val Town's blob storage:\n- Images are stored with a unique ID\n- Metadata is stored alongside each image\n- Users can upload, view, and delete images\n- Images are associated with a specific submission\n\n## Development Notes\n\n- When modifying the database schema, create a new table with a new version number\n- Email templates are defined in `email.ts`\n- The unique ID generation is handled in `utils.ts`\n- Val Town HTTP vals use query parameters instead of path parameters for routing",[],[507],{"_104":515,"_95":516,"_157":517,"_159":-5,"_160":142,"_161":518,"_163":118,"_106":519,"_100":32,"_165":290,"_167":520,"_168":22,"_169":-5,"_170":521,"_98":522},"df1d45c6-2b7a-11f0-9917-569c3dd06744","devto-stylesheet-README.md","df1d46a2-2b7a-11f0-9917-569c3dd06744",264,["D",1746646717768],"# Dev.to Stylesheet Utility\n\nThis project provides a utility to periodically fetch stylesheets from dev.to and make them available for use in your own projects.\n\n## Components\n\n### 1. Stylesheet Fetcher (`devto-stylesheet-fetcher.ts`)\n\nA cron job that:\n- Periodically fetches the dev.to homepage\n- Extracts the stylesheet links using regex\n- Stores the extracted links in blob storage\n- Keeps track of changes and maintains a version history\n- Sends email notifications when changes are detected\n\n### 2. Stylesheet Provider (`devto-stylesheet-provider.ts`)\n\nAn HTTP endpoint that:\n- Serves the latest stylesheet links in various formats\n- Provides JavaScript and CSS embed options\n- Offers an API to access current and historical stylesheet data\n- Includes documentation and usage examples\n\n## Setup Instructions\n\n1. **Set up the Stylesheet Fetcher**:\n - Set the cron trigger on `devto-stylesheet-fetcher.ts` to run at your desired interval (e.g., daily)\n - The first run will fetch the initial stylesheets\n\n2. **Set up the Stylesheet Provider**:\n - Set the HTTP trigger on `devto-stylesheet-provider.ts`\n - Access the root URL for documentation and usage examples\n\n## Usage\n\n### Embedding in Your Project\n\nThere are several ways to use the dev.to stylesheets in your project:\n\n#### Option 1: JavaScript Embed (Recommended)\n\n```html\n\n```\n\nThis will dynamically load all the dev.to stylesheets into your page.\n\n#### Option 2: CSS Import\n\n```html\n\n```\n\nThis loads a CSS file that imports all the dev.to stylesheets.\n\n#### Option 3: API Integration\n\nFetch the stylesheets programmatically:\n\n```javascript\nfetch(\"https://your-val-town-url.val.run/api/stylesheets\")\n .then(res => res.json())\n .then(data => {\n // Use the stylesheet URLs as needed\n console.log(data.stylesheets);\n });\n```\n\n## API Endpoints\n\n- `GET /` - Documentation and status page\n- `GET /api/stylesheets` - Get the current stylesheets as JSON\n- `GET /api/history` - Get the history of stylesheet changes\n- `GET /embed.js` - JavaScript snippet to load the stylesheets\n- `GET /embed.css` - CSS file that imports all the stylesheets\n\n## Storage Structure\n\nThe utility uses Val Town's blob storage with the following keys:\n\n- `devto_stylesheets` - Current stylesheet data\n- `devto_stylesheets_last_updated` - Timestamp of last update\n- `devto_stylesheets_history` - History of stylesheet changes\n\n## Limitations\n\n- The utility relies on the current structure of dev.to's HTML. If dev.to changes their HTML structure, the regex extraction may need to be updated.\n- The utility only extracts stylesheet links and does not handle inline styles or dynamically loaded stylesheets.\n- Dev.to may have usage restrictions or rate limits that could affect the fetcher.\n\n## Future Improvements\n\n- Add support for selective stylesheet inclusion\n- Implement stylesheet minification and combination\n- Add support for custom CSS overrides\n- Implement more robust error handling and retry logic",[],[516],{"_104":524,"_95":525,"_157":526,"_159":-5,"_160":142,"_161":527,"_163":118,"_106":528,"_100":198,"_165":529,"_167":530,"_168":22,"_169":-5,"_170":531,"_98":532},"0af465ca-2b7c-11f0-8d10-569c3dd06744","devto-stylesheet-fetcher.ts","a4a98df0-2b7a-11f0-ad7c-569c3dd06744",274,["D",1746647220809],"interval","/**\n * Dev.to Stylesheet Fetcher\n * \n * This val periodically fetches the dev.to homepage and extracts the stylesheet links.\n * It stores these links in blob storage for use in other vals.\n */\n\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { email } from \"https://esm.town/v/std/email\";\n\n// Storage keys\nconst STORAGE_KEY = \"devto_stylesheets\";\nconst STORAGE_KEY_TIMESTAMP = \"devto_stylesheets_last_updated\";\nconst STORAGE_KEY_HISTORY = \"devto_stylesheets_history\";\n\n// Configuration\nconst MAX_HISTORY_ITEMS = 10;\n\ninterface StylesheetData {\n stylesheets: string[];\n fetchedAt: string;\n source: string;\n}\n\ninterface HistoryItem {\n timestamp: string;\n stylesheets: string[];\n}\n\n/**\n * Main function that runs on a schedule to fetch and extract stylesheets\n */\nexport default async function() {\n try {\n console.log(\"Fetching dev.to stylesheets...\");\n \n // Fetch the dev.to homepage\n const response = await fetch(\"https://dev.to\", {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (compatible; ValTown/1.0; +https://val.town)\"\n }\n });\n \n if (!response.ok) {\n throw new Error(`Failed to fetch dev.to: ${response.status} ${response.statusText}`);\n }\n \n const html = await response.text();\n \n // Extract stylesheet links using regex\n // Looking specifically for links like:\n // \n const stylesheetRegex = /]*>/g;\n const stylesheets: string[] = [];\n let match;\n \n while ((match = stylesheetRegex.exec(html)) !== null) {\n stylesheets.push(match[1]);\n }\n \n if (stylesheets.length === 0) {\n throw new Error(\"No stylesheets found on dev.to\");\n }\n \n console.log(`Found ${stylesheets.length} stylesheets`);\n \n // Get the previous data to check for changes\n const previousData = await blob.getJSON(STORAGE_KEY).catch(() => null);\n \n // Create new data object\n const now = new Date().toISOString();\n const newData: StylesheetData = {\n stylesheets,\n fetchedAt: now,\n source: \"https://dev.to\"\n };\n \n // Check if there are changes\n const hasChanges = !previousData || \n JSON.stringify(previousData.stylesheets) !== JSON.stringify(stylesheets);\n \n if (hasChanges) {\n console.log(\"Changes detected, updating storage\");\n \n // Store the new data\n await blob.setJSON(STORAGE_KEY, newData);\n await blob.setJSON(STORAGE_KEY_TIMESTAMP, { lastUpdated: now });\n \n // Update history\n const history = await blob.getJSON(STORAGE_KEY_HISTORY).catch(() => []);\n history.unshift({\n timestamp: now,\n stylesheets\n });\n \n // Keep only the most recent items\n const trimmedHistory = history.slice(0, MAX_HISTORY_ITEMS);\n await blob.setJSON(STORAGE_KEY_HISTORY, trimmedHistory);\n \n // Send notification email\n await email({\n subject: \"Dev.to Stylesheets Updated\",\n text: `The dev.to stylesheets have been updated.\\n\\nFound ${stylesheets.length} stylesheets:\\n${stylesheets.join('\\n')}\\n\\nTimestamp: ${now}`,\n html: `\n

Dev.to Stylesheets Updated

The dev.to stylesheets have been updated.

Found ${stylesheets.length} stylesheets:

${url}

Timestamp: ${now}

\n `\n });\n \n return { \n success: true, \n message: \"Stylesheets updated\", \n count: stylesheets.length,\n hasChanges: true\n };\n } else {\n console.log(\"No changes detected\");\n return { \n success: true, \n message: \"No changes detected\", \n count: stylesheets.length,\n hasChanges: false\n };\n }\n } catch (error) {\n console.error(\"Error fetching dev.to stylesheets:\", error);\n \n // Send error notification\n await email({\n subject: \"Error: Dev.to Stylesheet Fetcher\",\n text: `An error occurred while fetching dev.to stylesheets:\\n\\n${error.message}\\n\\n${error.stack}`,\n html: `\n

Error: Dev.to Stylesheet Fetcher

An error occurred while fetching dev.to stylesheets:

${error.message}

${error.stack}

\n `\n });\n \n return { \n success: false, \n error: error.message \n };\n }\n}",[],[525],{"_104":534,"_95":535,"_157":536,"_159":-5,"_160":142,"_161":537,"_163":118,"_106":538,"_100":259,"_165":369,"_167":539,"_168":22,"_169":-5,"_170":540,"_98":541},"e750fea4-2b7a-11f0-a40f-569c3dd06744","devto-stylesheet-provider.ts","be6a626e-2b7a-11f0-a379-569c3dd06744",266,["D",1746646731525],"/**\n * Dev.to Stylesheet Provider\n * \n * This val provides an HTTP endpoint to serve the dev.to stylesheets\n * that were fetched and stored by the devto-stylesheet-fetcher.\n */\n\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { Hono } from \"https://esm.sh/hono@3.11.11\";\nimport { cors } from \"https://esm.sh/hono@3.11.11/cors\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Storage keys\nconst STORAGE_KEY = \"devto_stylesheets\";\nconst STORAGE_KEY_TIMESTAMP = \"devto_stylesheets_last_updated\";\nconst STORAGE_KEY_HISTORY = \"devto_stylesheets_history\";\n\ninterface StylesheetData {\n stylesheets: string[];\n fetchedAt: string;\n source: string;\n}\n\ninterface HistoryItem {\n timestamp: string;\n stylesheets: string[];\n}\n\nconst app = new Hono();\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Get project info for documentation\nconst projectInfo = parseProject(import.meta.url);\n\n/**\n * GET / - Documentation and status\n */\napp.get(\"/\", async (c) => {\n const lastUpdated = await blob.getJSON<{ lastUpdated: string }>(STORAGE_KEY_TIMESTAMP)\n .catch(() => ({ lastUpdated: \"never\" }));\n \n const data = await blob.getJSON(STORAGE_KEY)\n .catch(() => null);\n \n const stylesheetCount = data?.stylesheets?.length || 0;\n \n return c.html(`\n \n \n \n \n \n Dev.to Stylesheet Provider\n \n \n \n

Dev.to Stylesheet Provider

\n \n

Status: ${data ? '✅ Active' : '❌ No data available'}

Last Updated: ${lastUpdated.lastUpdated}

Stylesheets: ${stylesheetCount}

View Current Stylesheets

\n \n

Available Endpoints

\n \n

GET /api/stylesheets

Returns the current dev.to stylesheets as JSON.

fetch(\"${c.req.url}api/stylesheets\")\n  .then(res => res.json())\n  .then(data => console.log(data));

\n \n

GET /api/history

Returns the history of stylesheet changes.

fetch(\"${c.req.url}api/history\")\n  .then(res => res.json())\n  .then(data => console.log(data));

\n \n

GET /embed.js

Returns a JavaScript snippet that can be included in your HTML to dynamically load the dev.to stylesheets.

<script src=\"${c.req.url}embed.js\"></script>

\n \n

GET /embed.css

Returns a CSS file that imports all the dev.to stylesheets.

<link rel=\"stylesheet\" href=\"${c.req.url}embed.css\">

\n \n

Usage Examples

\n \n

Basic HTML Integration

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>My Dev.to Styled Page</title>\n  \n  <!-- Option 1: Use the embed.js script (recommended) -->\n  <script src=\"${c.req.url}embed.js\"></script>\n  \n  <!-- Option 2: Use the CSS file directly -->\n  <!-- <link rel=\"stylesheet\" href=\"${c.req.url}embed.css\"> -->\n  \n  <!-- Option 3: Fetch and add stylesheets programmatically -->\n  <!--\n  <script>\n    fetch(\"${c.req.url}api/stylesheets\")\n      .then(res => res.json())\n      .then(data => {\n        data.stylesheets.forEach(url => {\n          const link = document.createElement('link');\n          link.rel = 'stylesheet';\n          link.href = url;\n          document.head.appendChild(link);\n        });\n      });\n  </script>\n  -->\n</head>\n<body>\n  <h1>My Dev.to Styled Page</h1>\n  <p>This page is styled using dev.to stylesheets.</p>\n</body>\n</html>

\n\n \n \n \n `);\n});\n\n/**\n * GET /api/stylesheets - Get the current stylesheets\n */\napp.get(\"/api/stylesheets\", async (c) => {\n try {\n const data = await blob.getJSON(STORAGE_KEY);\n \n if (!data) {\n return c.json({ \n error: \"No stylesheet data available\", \n message: \"The stylesheet fetcher may not have run yet\" \n }, 404);\n }\n \n return c.json(data);\n } catch (error) {\n return c.json({ \n error: \"Failed to retrieve stylesheets\", \n message: error.message \n }, 500);\n }\n});\n\n/**\n * GET /api/history - Get the history of stylesheet changes\n */\napp.get(\"/api/history\", async (c) => {\n try {\n const history = await blob.getJSON(STORAGE_KEY_HISTORY)\n .catch(() => []);\n \n return c.json({\n history,\n count: history.length\n });\n } catch (error) {\n return c.json({ \n error: \"Failed to retrieve history\", \n message: error.message \n }, 500);\n }\n});\n\n/**\n * GET /embed.js - JavaScript to dynamically load the stylesheets\n */\napp.get(\"/embed.js\", async (c) => {\n try {\n const data = await blob.getJSON(STORAGE_KEY);\n \n if (!data) {\n return c.text(\"console.error('Dev.to stylesheets not available');\", 404, {\n \"Content-Type\": \"application/javascript\"\n });\n }\n \n const js = `\n // Dev.to Stylesheet Loader\n // Generated: ${new Date().toISOString()}\n // Source: ${data.source}\n (function() {\n const stylesheets = ${JSON.stringify(data.stylesheets)};\n \n stylesheets.forEach(url => {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = url;\n document.head.appendChild(link);\n });\n \n console.log('[Dev.to Styles] Loaded ' + stylesheets.length + ' stylesheets');\n })();\n `;\n \n return c.text(js, 200, {\n \"Content-Type\": \"application/javascript\",\n \"Cache-Control\": \"max-age=3600\"\n });\n } catch (error) {\n return c.text(`console.error('Error loading Dev.to stylesheets: ${error.message}');`, 500, {\n \"Content-Type\": \"application/javascript\"\n });\n }\n});\n\n/**\n * GET /embed.css - CSS file that imports all the stylesheets\n */\napp.get(\"/embed.css\", async (c) => {\n try {\n const data = await blob.getJSON(STORAGE_KEY);\n \n if (!data) {\n return c.text(\"/* Dev.to stylesheets not available */\", 404, {\n \"Content-Type\": \"text/css\"\n });\n }\n \n const css = `\n /* Dev.to Stylesheets */\n /* Generated: ${new Date().toISOString()} */\n /* Source: ${data.source} */\n \n ${data.stylesheets.map(url => `@import url(\"${url}\");`).join('\\n')}\n `;\n \n return c.text(css, 200, {\n \"Content-Type\": \"text/css\",\n \"Cache-Control\": \"max-age=3600\"\n });\n } catch (error) {\n return c.text(`/* Error loading Dev.to stylesheets: ${error.message} */`, 500, {\n \"Content-Type\": \"text/css\"\n });\n }\n});\n\n// Export the Hono app for HTTP val\nexport default app.fetch;",[],[535],{"_104":543,"_95":185,"_157":116,"_159":-5,"_160":142,"_161":544,"_163":22,"_106":545,"_100":546,"_165":369,"_167":547,"_168":22,"_169":94,"_170":548,"_98":549},"4677d7fe-2b71-11f0-8f54-569c3dd06744",238,["D",1746642596193],15,"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport apiRouter from \"./api/index.ts\";\nimport { setupDatabase } from \"./services/databaseService.ts\";\nimport { setupImagesTable } from \"./services/imageService.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Unhandled application error:\", err);\n throw err;\n});\n\n// Initialize database and image storage\napp.use(\"*\", async (c, next) => {\n try {\n await setupDatabase();\n await setupImagesTable();\n } catch (error) {\n console.error(\"Error initializing storage:\", error);\n }\n return next();\n});\n\n// Serve static files\napp.get(\"/public/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Mount the API router\napp.route(\"/\", apiRouter);\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[185],"files",[154,172,183,192,202,211,221,226,236,247,253,263,272,278,284,295,301,308,317,326,335,344,353,363,373,382,391,401,407,416,425,434,443,454,460,469,479,485,495,505,514,523,533,542],"counts",{"_554":32,"_555":198,"_556":32,"_557":558},"pulls","branches","forks","envVars",{"_559":32,"_560":32},"count","emptyCount","contents",[563,566],{"_104":227,"_95":228,"_157":229,"_159":223,"_160":142,"_161":230,"_163":22,"_106":564,"_100":232,"_165":179,"_167":233,"_168":22,"_169":-5,"_98":565},["D",1746638542799],[99,228],{"_104":237,"_95":238,"_157":239,"_159":223,"_160":142,"_161":240,"_163":22,"_106":567,"_100":242,"_165":179,"_167":243,"_168":22,"_169":-5,"_98":568},["D",1746646937744],[99,238],{"_104":222,"_95":99,"_157":223,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":570,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":571},["D",1746579970933],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":580,"_152":585,"_550":718,"_290":719,"_561":721,"_726":-5,"_727":-5,"_728":-5,"_729":-5,"_730":731},{"_104":105,"_95":96,"_106":581,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":121,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":582,"_136":583,"_139":584,"_151":22},["D",1746553245576],{"_93":94,"_134":135},{"_93":94,"_138":135,"_14":-5},{"_100":141,"_95":43,"_104":142,"_143":105,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},[586,604,613,622,667,685,694,703,706,709,712,715],{"_104":155,"_95":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":164,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":587,"_98":603},[588,591,594,597,600],{"_104":173,"_95":174,"_157":175,"_159":158,"_160":142,"_161":176,"_163":22,"_106":177,"_100":178,"_165":179,"_167":180,"_168":22,"_169":-5,"_170":589,"_98":590},[],[156,174],{"_104":184,"_95":185,"_157":186,"_159":158,"_160":142,"_161":187,"_163":22,"_106":188,"_100":178,"_165":179,"_167":189,"_168":22,"_169":-5,"_170":592,"_98":593},[],[156,185],{"_104":193,"_95":194,"_157":195,"_159":158,"_160":142,"_161":196,"_163":22,"_106":197,"_100":198,"_165":179,"_167":199,"_168":22,"_169":-5,"_170":595,"_98":596},[],[156,194],{"_104":203,"_95":204,"_157":205,"_159":158,"_160":142,"_161":206,"_163":118,"_106":207,"_100":32,"_165":179,"_167":208,"_168":22,"_169":-5,"_170":598,"_98":599},[],[156,204],{"_104":212,"_95":213,"_157":214,"_159":158,"_160":142,"_161":215,"_163":118,"_106":216,"_100":32,"_165":179,"_167":217,"_168":22,"_169":-5,"_170":601,"_98":602},[],[156,213],[156],{"_104":222,"_95":99,"_157":223,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":224,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":605,"_98":612},[606,609],{"_104":227,"_95":228,"_157":229,"_159":223,"_160":142,"_161":230,"_163":22,"_106":231,"_100":232,"_165":179,"_167":233,"_168":22,"_169":-5,"_170":607,"_98":608},[],[99,228],{"_104":237,"_95":238,"_157":239,"_159":223,"_160":142,"_161":240,"_163":22,"_106":241,"_100":242,"_165":179,"_167":243,"_168":22,"_169":-5,"_170":610,"_98":611},[],[99,238],[99],{"_104":248,"_95":249,"_157":250,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":251,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":614,"_98":621},[615,618],{"_104":254,"_95":255,"_157":256,"_159":250,"_160":142,"_161":257,"_163":118,"_106":258,"_100":259,"_165":179,"_167":260,"_168":22,"_169":-5,"_170":616,"_98":617},[],[249,255],{"_104":264,"_95":265,"_157":266,"_159":250,"_160":142,"_161":162,"_163":118,"_106":267,"_100":32,"_165":179,"_167":268,"_168":22,"_169":-5,"_170":619,"_98":620},[],[249,265],[249],{"_104":273,"_95":274,"_157":275,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":276,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":623,"_98":666},[624,630,654,657,660,663],{"_104":279,"_95":280,"_157":281,"_159":275,"_160":142,"_161":162,"_163":118,"_106":282,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":625,"_98":629},[626],{"_104":285,"_95":286,"_157":287,"_159":281,"_160":142,"_161":288,"_163":118,"_106":289,"_100":198,"_165":290,"_167":291,"_168":22,"_169":-5,"_170":627,"_98":628},[],[274,280,286],[274,280],{"_104":296,"_95":297,"_157":298,"_159":275,"_160":142,"_161":162,"_163":118,"_106":299,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":631,"_98":653},[632,644,647,650],{"_104":302,"_95":303,"_157":304,"_159":298,"_160":142,"_161":305,"_163":118,"_106":306,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":633,"_98":643},[634,637,640],{"_104":309,"_95":310,"_157":311,"_159":304,"_160":142,"_161":312,"_163":22,"_106":313,"_100":32,"_165":179,"_167":314,"_168":22,"_169":-5,"_170":635,"_98":636},[],[274,297,303,310],{"_104":318,"_95":319,"_157":320,"_159":304,"_160":142,"_161":321,"_163":22,"_106":322,"_100":32,"_165":179,"_167":323,"_168":22,"_169":-5,"_170":638,"_98":639},[],[274,297,303,319],{"_104":327,"_95":328,"_157":329,"_159":304,"_160":142,"_161":305,"_163":22,"_106":330,"_100":32,"_165":179,"_167":331,"_168":22,"_169":-5,"_170":641,"_98":642},[],[274,297,303,328],[274,297,303],{"_104":336,"_95":337,"_157":338,"_159":298,"_160":142,"_161":339,"_163":22,"_106":340,"_100":32,"_165":179,"_167":341,"_168":22,"_169":-5,"_170":645,"_98":646},[],[274,297,337],{"_104":345,"_95":346,"_157":347,"_159":298,"_160":142,"_161":348,"_163":22,"_106":349,"_100":32,"_165":179,"_167":350,"_168":22,"_169":-5,"_170":648,"_98":649},[],[274,297,346],{"_104":354,"_95":355,"_157":356,"_159":298,"_160":142,"_161":357,"_163":118,"_106":358,"_100":32,"_165":179,"_167":359,"_168":22,"_169":-5,"_170":651,"_98":652},[],[274,297,355],[274,297],{"_104":364,"_95":365,"_157":366,"_159":275,"_160":142,"_161":367,"_163":118,"_106":368,"_100":259,"_165":369,"_167":370,"_168":22,"_169":-5,"_170":655,"_98":656},[],[274,365],{"_104":374,"_95":375,"_157":376,"_159":275,"_160":142,"_161":377,"_163":118,"_106":378,"_100":178,"_165":369,"_167":379,"_168":22,"_169":-5,"_170":658,"_98":659},[],[274,375],{"_104":383,"_95":384,"_157":385,"_159":275,"_160":142,"_161":386,"_163":118,"_106":387,"_100":32,"_165":290,"_167":388,"_168":22,"_169":-5,"_170":661,"_98":662},[],[274,384],{"_104":392,"_95":393,"_157":394,"_159":275,"_160":142,"_161":395,"_163":118,"_106":396,"_100":32,"_165":290,"_167":397,"_168":22,"_169":-5,"_170":664,"_98":665},[],[274,393],[274],{"_104":402,"_95":403,"_157":404,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":405,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":668,"_98":684},[669,672,675,678,681],{"_104":408,"_95":409,"_157":410,"_159":404,"_160":142,"_161":411,"_163":22,"_106":412,"_100":198,"_165":179,"_167":413,"_168":22,"_169":-5,"_170":670,"_98":671},[],[403,409],{"_104":417,"_95":418,"_157":419,"_159":404,"_160":142,"_161":420,"_163":118,"_106":421,"_100":178,"_165":179,"_167":422,"_168":22,"_169":-5,"_170":673,"_98":674},[],[403,418],{"_104":426,"_95":427,"_157":428,"_159":404,"_160":142,"_161":429,"_163":22,"_106":430,"_100":232,"_165":179,"_167":431,"_168":22,"_169":-5,"_170":676,"_98":677},[],[403,427],{"_104":435,"_95":436,"_157":437,"_159":404,"_160":142,"_161":438,"_163":22,"_106":439,"_100":259,"_165":179,"_167":440,"_168":22,"_169":-5,"_170":679,"_98":680},[],[403,436],{"_104":444,"_95":445,"_157":446,"_159":404,"_160":142,"_161":447,"_163":22,"_106":448,"_100":449,"_165":179,"_167":450,"_168":22,"_169":-5,"_170":682,"_98":683},[],[403,445],[403],{"_104":455,"_95":456,"_157":457,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":458,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":686,"_98":693},[687,690],{"_104":461,"_95":462,"_157":463,"_159":457,"_160":142,"_161":464,"_163":118,"_106":465,"_100":259,"_165":179,"_167":466,"_168":22,"_169":-5,"_170":688,"_98":689},[],[456,462],{"_104":470,"_95":471,"_157":472,"_159":457,"_160":142,"_161":473,"_163":118,"_106":474,"_100":259,"_165":179,"_167":475,"_168":22,"_169":-5,"_170":691,"_98":692},[],[456,471],[456],{"_104":480,"_95":481,"_157":482,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":483,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":695,"_98":702},[696,699],{"_104":486,"_95":487,"_157":488,"_159":482,"_160":142,"_161":489,"_163":118,"_106":490,"_100":491,"_165":290,"_167":492,"_168":22,"_169":-5,"_170":697,"_98":698},[],[481,487],{"_104":496,"_95":497,"_157":498,"_159":482,"_160":142,"_161":101,"_163":118,"_106":499,"_100":500,"_165":290,"_167":501,"_168":22,"_169":-5,"_170":700,"_98":701},[],[481,497],[481],{"_104":506,"_95":507,"_157":508,"_159":-5,"_160":142,"_161":509,"_163":22,"_106":510,"_100":449,"_165":290,"_167":511,"_168":22,"_169":-5,"_170":704,"_98":705},[],[507],{"_104":515,"_95":516,"_157":517,"_159":-5,"_160":142,"_161":518,"_163":118,"_106":519,"_100":32,"_165":290,"_167":520,"_168":22,"_169":-5,"_170":707,"_98":708},[],[516],{"_104":524,"_95":525,"_157":526,"_159":-5,"_160":142,"_161":527,"_163":118,"_106":528,"_100":198,"_165":529,"_167":530,"_168":22,"_169":-5,"_170":710,"_98":711},[],[525],{"_104":534,"_95":535,"_157":536,"_159":-5,"_160":142,"_161":537,"_163":118,"_106":538,"_100":259,"_165":369,"_167":539,"_168":22,"_169":-5,"_170":713,"_98":714},[],[535],{"_104":543,"_95":185,"_157":116,"_159":-5,"_160":142,"_161":544,"_163":22,"_106":545,"_100":546,"_165":369,"_167":547,"_168":22,"_169":94,"_170":716,"_98":717},[],[185],[586,588,591,594,597,600,604,606,609,613,615,618,622,624,626,630,632,634,637,640,644,647,650,654,657,660,663,667,669,672,675,678,681,685,687,690,694,696,699,703,706,709,712,715],{"_104":222,"_95":99,"_157":223,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":570,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":720},[99],[722,724],{"_104":227,"_95":228,"_157":229,"_159":223,"_160":142,"_161":230,"_163":22,"_106":564,"_100":232,"_165":179,"_167":233,"_168":22,"_169":-5,"_98":723},[99,228],{"_104":237,"_95":238,"_157":239,"_159":223,"_160":142,"_161":240,"_163":22,"_106":567,"_100":242,"_165":179,"_167":243,"_168":22,"_169":-5,"_98":725},[99,238],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

LauraMepson

Submission Successful!

Already have an account?

DEV Partner Portal

Dev.to Stylesheets

Dev.to Elements

Crayons Buttons

Crayons Card

Card Header

Submission Successful!

Test Controls

Dev.to Stylesheet Test

Dev.to Elements

Card Header

Test Success Message

Submission Successful!

Hello from DEV Partner Portal!

DEV Partner Portal

Ad Portal

Account Information

Company Information

Image Gallery

Your Images

Ad Creation

\n Placeholder Heading\n

DEV Partner Portal

Already have an account?

Submission Successful!

Dev.to Stylesheets Updated

Error: Dev.to Stylesheet Fetcher

Dev.to Stylesheet Provider

Available Endpoints

GET /api/stylesheets

GET /api/history

GET /embed.js

GET /embed.css

Usage Examples

Basic HTML Integration

devto

adportal