[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","53da7454-2781-11f0-b46e-569c3dd06744","name","fileType","http","content","/**\n * WOFF/WOFF2 to TTF Converter\n * Provides a simple drag-and-drop interface for converting web font formats to TTF\n * Uses fontverter for conversion and provides immediate download\n */\nimport { serve } from 'https://esm.town/v/g/serveUtils';\nimport { Hono } from 'npm:hono';\n\nfunction html() {\n /*\n\n\n\n \n \n Font Converter\n \n \n\n\n

WOFF/WOFF2 to TTF Converter

\n \n 📤 Upload\n

Drag and drop your WOFF/WOFF2 font here

\n\n\n */\n}\n\nfunction css() {\n /*\nbody {\n font-family: Arial, sans-serif;\n background-color: #f0f0f0;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n}\n\n.container {\n text-align: center;\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n width: 90%;\n max-width: 500px;\n}\n\n.drop-zone {\n border: 2px dashed #ccc;\n border-radius: 10px;\n padding: 2rem;\n position: relative;\n transition: background-color 0.3s;\n}\n\n.drop-zone.dragover {\n background-color: #f0f0f0;\n}\n\n.file-input {\n display: none;\n}\n\n.file-label {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n background-color: #007bff;\n color: white;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n.status {\n margin-top: 1rem;\n color: #666;\n}\n */\n}\n\nfunction js() {\n /*\nimport { convert } from 'https://esm.sh/fontverter';\n\nconst dropZone = document.getElementById('dropZone');\nconst fileInput = document.getElementById('fileInput');\nconst statusEl = document.getElementById('status');\n\nfunction handleFiles(files) {\n if (files.length === 0) return;\n const file = files[0];\n \n if (!['font/woff', 'font/woff2', 'application/font-woff', 'application/font-woff2'].includes(file.type)) {\n statusEl.textContent = '❌ Please upload a WOFF or WOFF2 file';\n return;\n }\n\n const reader = new FileReader();\n reader.onload = async (e) => {\n try {\n statusEl.textContent = '🔄 Converting...';\n const inBuffer = new Uint8Array(e.target.result);\n const ttfBuffer = await convert(inBuffer, 'sfnt');\n \n const blob = new Blob([ttfBuffer], { type: 'font/ttf' });\n const downloadLink = document.createElement('a');\n downloadLink.href = URL.createObjectURL(blob);\n downloadLink.download = file.name.replace(/\\.(woff|woff2)$/, '.ttf');\n downloadLink.click();\n \n statusEl.textContent = '✅ Conversion complete!';\n } catch (error) {\n console.error(error);\n statusEl.textContent = '❌ Conversion failed';\n }\n };\n reader.readAsArrayBuffer(file);\n}\n\n// Drag and drop event handlers\ndropZone.addEventListener('dragover', (e) => {\n e.preventDefault();\n dropZone.classList.add('dragover');\n});\n\ndropZone.addEventListener('dragleave', () => {\n dropZone.classList.remove('dragover');\n});\n\ndropZone.addEventListener('drop', (e) => {\n e.preventDefault();\n dropZone.classList.remove('dragover');\n handleFiles(e.dataTransfer.files);\n});\n\n// File input change handler\nfileInput.addEventListener('change', (e) => {\n handleFiles(e.target.files);\n});\n */\n}\n\nconst app = new Hono();\napp.get('/', serve(html, 'text/html'));\napp.get('/styles.css', serve(css, 'text/css'));\napp.get('/main.js', serve(js, 'text/javascript'));\n\nexport default app.fetch;","/**\n * WOFF/WOFF2 to TTF Converter\n * Provides a simple drag-and-drop interface for converting web font formats to TTF\n * Uses fontverter for conversion and provides immediate download\n */\nimport { serve } from 'https://esm.town/v/g/serveUtils';\nimport { Hono } from 'npm:hono';\n\nfunction html() {\n /*\n\n\n\n \n \n Font Converter\n \n \n\n\n

Convert Font

\n \n ↑\n

Drag and drop WOFF/WOFF2 font here

\n\n\n */\n}\n\nfunction css() {\n /*\n:root {\n --bg-dark: #121212;\n --card-dark: #1e1e1e;\n --border-light: #2a2a2a;\n --accent-orange: #ff6b35;\n --text-light: #e0e0e0;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n background-color: var(--bg-dark);\n color: var(--text-light);\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n line-height: 1.6;\n}\n\n.container {\n width: 100%;\n max-width: 500px;\n padding: 1rem;\n}\n\n.card {\n background-color: var(--card-dark);\n border: 1px solid var(--border-light);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n}\n\n.accent-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: var(--accent-orange);\n}\n\nh1 {\n font-size: 1rem;\n font-weight: 400;\n text-align: center;\n padding: 1rem 0;\n color: var(--text-light);\n opacity: 0.7;\n}\n\n.drop-zone {\n border: 2px dashed var(--border-light);\n margin: 0 1rem 1rem;\n padding: 3rem;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.3s;\n position: relative;\n}\n\n.drop-zone.dragover {\n background-color: rgba(255,255,255,0.05);\n}\n\n.drop-zone p {\n color: var(--text-light);\n opacity: 0.5;\n}\n\n.file-input {\n display: none;\n}\n\n.file-label {\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n color: white;\n font-size: 1.5rem;\n opacity: 0.5;\n transition: opacity 0.3s;\n}\n\n.file-label:hover {\n opacity: 0.8;\n}\n\n.status {\n text-align: center;\n padding: 0.5rem;\n color: var(--text-light);\n opacity: 0.7;\n}\n */\n}\n\nfunction js() {\n /*\nimport { convert } from 'https://esm.sh/fontverter';\n\nconst dropZone = document.getElementById('dropZone');\nconst fileInput = document.getElementById('fileInput');\nconst statusEl = document.getElementById('status');\n\nfunction handleFiles(files) {\n if (files.length === 0) return;\n const file = files[0];\n \n // Check both MIME type and file extension\n const isValidType = \n ['font/woff', 'font/woff2', 'application/font-woff', 'application/font-woff2'].includes(file.type) ||\n file.name.toLowerCase().match(/\\.(woff|woff2)$/);\n\n if (!isValidType) {\n statusEl.textContent = '❌ Please upload a WOFF or WOFF2 file';\n return;\n }\n\n const reader = new FileReader();\n reader.onload = async (e) => {\n try {\n statusEl.textContent = '🔄 Converting...';\n const inBuffer = new Uint8Array(e.target.result);\n const ttfBuffer = await convert(inBuffer, 'sfnt');\n \n const blob = new Blob([ttfBuffer], { type: 'font/ttf' });\n const downloadLink = document.createElement('a');\n downloadLink.href = URL.createObjectURL(blob);\n downloadLink.download = file.name.replace(/\\.(woff|woff2)$/i, '.ttf');\n downloadLink.click();\n \n statusEl.textContent = '✅ Conversion complete!';\n } catch (error) {\n console.error(error);\n statusEl.textContent = '❌ Conversion failed';\n }\n };\n reader.readAsArrayBuffer(file);\n}\n\n// Drag and drop event handlers\ndropZone.addEventListener('dragover', (e) => {\n e.preventDefault();\n dropZone.classList.add('dragover');\n});\n\ndropZone.addEventListener('dragleave', () => {\n dropZone.classList.remove('dragover');\n});\n\ndropZone.addEventListener('drop', (e) => {\n e.preventDefault();\n dropZone.classList.remove('dragover');\n handleFiles(e.dataTransfer.files);\n});\n\n// File input change handler\nfileInput.addEventListener('change', (e) => {\n handleFiles(e.target.files);\n});\n */\n}\n\nconst app = new Hono();\napp.get('/', serve(html, 'text/html'));\napp.get('/styles.css', serve(css, 'text/css'));\napp.get('/main.js', serve(js, 'text/javascript'));\n\nexport default app.fetch;","createdAt",["D",1737838804031],"branchVersion","branchId","53d8381a-2781-11f0-b46e-569c3dd06744","id","53d7b99e-2781-11f0-b46e-569c3dd06744","woffToTtfConverter",["D",1746209685937],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","8d6857d3-cf1c-4e98-a094-0e379c10badf","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","4f4797d6-1767-45ca-8dc5-5113174ca1c1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",5,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","g","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJqRlBqSjdFTUlTVmVORmpObmFqZmJLVWh5VCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":159,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":160,"_79":161,"_81":162,"_83":25},"tree",[150,151],"files",[150,151],"counts",{"_140":61,"_141":131,"_142":61,"_143":144,"_145":146},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":131,"_129":49,"_38":137,"_13":61,"_33":20,"_35":138,"_24":25,"_132":-5,"_27":139},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"53dfdc64-2781-11f0-b46e-569c3dd06744","parentId","latest",["D",1737838804031],1,"label",[28],"53da8660-2781-11f0-b46e-569c3dd06744","README.md","53da8732-2781-11f0-b46e-569c3dd06744",["D",1737838539678],"# WOFF to TTF Converter\n\nConvert .woff or .woff2 font files to ttf by extracting them.\n\nThe resulting ttf files might not work with your use case.\n\nIt is recommended to use [this converter](https://cloudconvert.com/woff-to-ttf) instead.",[135],"pulls","branches","forks","envVars",{"_147":61,"_149":61},"connections",{"_147":61,"_148":61},"count","unfilledCount","emptyCount",{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":131,"_129":49,"_38":156,"_13":61,"_33":20,"_35":138,"_24":25,"_132":-5,"_153":157,"_27":158},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":152,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_153":154,"_27":155},["D",1737838804031],"children",[],[28],["D",1737838539678],[],[135],["D",1746209685937],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":196,"_197":198,"_199":200,"_201":25,"_202":25,"_203":25,"_204":49,"_205":-5,"_206":-7,"_207":-7,"_208":61,"_209":25,"_210":25,"_211":-5,"_212":25,"_213":25,"_214":25,"_215":-5},"ENV",{"_167":168,"_169":170,"_171":85,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v2