[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_248":249,"_250":251},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":57,"_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",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_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":24},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/ClipboardItemDisplay.tsx","latestPath","fileId","a8385116-60e7-11f0-9148-0224a6c84d84","name","ClipboardItemDisplay.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ClipboardDataDisplay from \"./ClipboardDataDisplay.tsx\";\nimport { ClipboardItem } from \"../types/clipboard.ts\";\n\ninterface ClipboardItemDisplayProps {\n item: ClipboardItem;\n}\n\nexport default function ClipboardItemDisplay({ item }: ClipboardItemDisplayProps) {\n return (\n

\n Clipboard Item {item.id + 1}\n

\n \n

Available MIME Types:

\n {item.types.join(', ')}\n

\n \n {item.types.map((type) => (\n \n ))}\n

\n );\n}","createdAt",["D",1752520852439],"branchVersion","branchId","f4a55ce8-60e6-11f0-93ce-0224a6c84d84","id","f4a50d06-60e6-11f0-93ce-0224a6c84d84","clipboard-inspector",["D",1752520551165],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","d06b67ae-60e7-11f0-88a6-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","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":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",29,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":244,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_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":245,"_79":246,"_81":247,"_83":24},"tree",[172,180,181,182],"files",[172,173,174,175,176,177,178,179,180,181,182],"counts",{"_161":61,"_162":163,"_164":163,"_165":166,"_167":168},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":154,"_31":155,"_29":156,"_132":-5,"_40":41,"_39":157,"_134":57,"_37":158,"_13":61,"_33":159,"_35":-5,"_23":24,"_139":-5,"_26":160},{"_42":148,"_31":149,"_29":150,"_132":-5,"_40":41,"_39":136,"_134":24,"_37":151,"_13":61,"_33":20,"_35":152,"_23":24,"_139":-5,"_26":153},{"_42":141,"_31":142,"_29":143,"_132":-5,"_40":41,"_39":144,"_134":24,"_37":145,"_13":136,"_33":34,"_35":146,"_23":24,"_139":-5,"_26":147},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":135,"_13":136,"_33":137,"_35":138,"_23":24,"_139":-5,"_26":140},"4c98004a-60e7-11f0-8acb-0224a6c84d84","main.tsx","39f22f88-60e7-11f0-8acb-0224a6c84d84","parentId",9,"latest",["D",1752520698715],3,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);","label",[130],"3632e77a-60e7-11f0-a6fa-0224a6c84d84","index.html","1780cedc-60e7-11f0-9adc-0224a6c84d84",5,["D",1752520661140],"\n\n \n \n \n Clipboard Debugger\n \n \n \n \n

\n 📋 Clipboard Debugger\n

\n\n

\n \n 📖 Read Clipboard\n \n \n 🗑️ Clear Results\n \n

\n\n

\n\n \n

\n ⚠️ Permission Required: This app needs clipboard\n access. Please click \"Allow\" when prompted, or check your browser's\n permission settings.\n

\n\n \n

\n \n\n

\n \n\n \n \n",[142],"202775cc-60e7-11f0-80b3-0224a6c84d84","README.md","2027768a-60e7-11f0-80b3-0224a6c84d84",["D",1752520624159],"# Clipboard Debugger\n\nA single-page application that helps debug and inspect clipboard contents in detail.\n\n## Features\n\n- **Multi-format Support**: Reads all available MIME types from clipboard items\n- **Text Analysis**: Shows character count, line count, and full content for text data\n- **Image Preview**: Displays images directly in the browser with format information\n- **Binary Data**: Shows hex dump of binary data (first 256 bytes)\n- **Permission Handling**: Clear feedback about clipboard permissions\n- **Error Handling**: Comprehensive error messages and troubleshooting\n\n## How to Use\n\n1. Copy something to your clipboard (text, image, or other data)\n2. Click \"📖 Read Clipboard\" button\n3. Grant permission when prompted by your browser\n4. View detailed information about your clipboard contents\n\n## Technical Details\n\n- Uses the modern Clipboard API (`navigator.clipboard.read()`)\n- Requires HTTPS or localhost for security\n- Shows all available MIME types for each clipboard item\n- Handles multiple clipboard items if supported by the browser\n- Responsive design with Tailwind CSS\n\n## Browser Compatibility\n\n- Chrome/Edge: Full support\n- Firefox: Limited support (text only in most versions)\n- Safari: Requires user gesture and may have limitations\n\n## Security Notes\n\n- Requires explicit user permission to access clipboard\n- Only works on HTTPS sites (or localhost for development)\n- No data is sent to any server - everything runs client-side",[149],"89ca9ebe-60e7-11f0-8adb-0224a6c84d84","frontend","ab3bce3e-aa98-4ed4-8a19-990516ed78ba",10,["D",1752520801389],"directory",[155],"pulls","branches",1,"forks","envVars",{"_169":61,"_171":61},"connections",{"_169":61,"_170":61},"count","unfilledCount","emptyCount",{"_42":154,"_31":155,"_29":156,"_132":-5,"_40":41,"_39":157,"_134":57,"_37":241,"_13":61,"_33":159,"_35":-5,"_23":24,"_139":-5,"_184":242,"_26":243},{"_42":237,"_31":216,"_29":210,"_132":156,"_40":41,"_39":232,"_134":57,"_37":238,"_13":61,"_33":159,"_35":-5,"_23":24,"_139":-5,"_184":239,"_26":240},{"_42":229,"_31":230,"_29":231,"_132":210,"_40":41,"_39":232,"_134":57,"_37":233,"_13":61,"_33":34,"_35":234,"_23":24,"_139":-5,"_184":235,"_26":236},{"_42":225,"_31":32,"_29":30,"_132":210,"_40":41,"_39":14,"_134":57,"_37":226,"_13":61,"_33":34,"_35":36,"_23":24,"_139":-5,"_184":227,"_26":228},{"_42":217,"_31":218,"_29":219,"_132":210,"_40":41,"_39":220,"_134":57,"_37":221,"_13":61,"_33":34,"_35":222,"_23":24,"_139":-5,"_184":223,"_26":224},{"_42":207,"_31":208,"_29":209,"_132":210,"_40":41,"_39":211,"_134":57,"_37":212,"_13":61,"_33":34,"_35":213,"_23":24,"_139":-5,"_184":214,"_26":215},{"_42":201,"_31":142,"_29":202,"_132":156,"_40":41,"_39":157,"_134":57,"_37":203,"_13":61,"_33":20,"_35":204,"_23":24,"_139":-5,"_184":205,"_26":206},{"_42":193,"_31":194,"_29":195,"_132":156,"_40":41,"_39":196,"_134":57,"_37":197,"_13":61,"_33":34,"_35":198,"_23":24,"_139":-5,"_184":199,"_26":200},{"_42":148,"_31":149,"_29":150,"_132":-5,"_40":41,"_39":136,"_134":24,"_37":190,"_13":61,"_33":20,"_35":152,"_23":24,"_139":-5,"_184":191,"_26":192},{"_42":141,"_31":142,"_29":143,"_132":-5,"_40":41,"_39":144,"_134":24,"_37":187,"_13":136,"_33":34,"_35":146,"_23":24,"_139":-5,"_184":188,"_26":189},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":183,"_13":136,"_33":137,"_35":138,"_23":24,"_139":-5,"_184":185,"_26":186},["D",1752520698715],"children",[],[130],["D",1752520661140],[],[142],["D",1752520624159],[],[149],"8ce0b11a-60e7-11f0-b88f-0224a6c84d84","index.tsx","8ce0b1ce-60e7-11f0-b88f-0224a6c84d84",11,["D",1752520806568],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[155,194],"89ca90ea-60e7-11f0-8adb-0224a6c84d84","89ca920c-60e7-11f0-8adb-0224a6c84d84",["D",1752520801389],"\n\n\n \n \n Clipboard Debugger\n \n \n\n\n

\n \n\n",[],[155,142],"a397f5d0-60e7-11f0-b028-0224a6c84d84","ClipboardResults.tsx","a397f6c0-60e7-11f0-b028-0224a6c84d84","4099e460-9dc1-46ce-8aeb-9eb0791ab6ce",14,["D",1752520844678],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ClipboardItemDisplay from \"./ClipboardItemDisplay.tsx\";\nimport { ClipboardItem } from \"../types/clipboard.ts\";\n\ninterface ClipboardResultsProps {\n items: ClipboardItem[];\n}\n\nexport default function ClipboardResults({ items }: ClipboardResultsProps) {\n if (items.length === 0) {\n return null;\n }\n\n return (\n

\n {items.map((item) => (\n \n ))}\n

\n );\n}",[],[155,216,208],"components","a08102f6-60e7-11f0-a09a-0224a6c84d84","ClipboardReader.tsx","a08103aa-60e7-11f0-a09a-0224a6c84d84",13,["D",1752520839495],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\ninterface ClipboardReaderProps {\n onRead: () => void;\n onClear: () => void;\n isLoading: boolean;\n isSupported: boolean;\n}\n\nexport default function ClipboardReader({ onRead, onClear, isLoading, isSupported }: ClipboardReaderProps) {\n return (\n

\n \n {isLoading ? '⏳ Reading...' : '📖 Read Clipboard'}\n \n \n \n 🗑️ Clear Results\n \n

\n );\n}",[],[155,216,218],"a8385062-60e7-11f0-9148-0224a6c84d84",["D",1752520852439],[],[155,216,32],"99aa1efe-60e7-11f0-a09a-0224a6c84d84","App.tsx","99aa1f9e-60e7-11f0-a09a-0224a6c84d84",12,["D",1752520828019],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ClipboardReader from \"./ClipboardReader.tsx\";\nimport ClipboardResults from \"./ClipboardResults.tsx\";\nimport ErrorMessage from \"./ErrorMessage.tsx\";\nimport PermissionWarning from \"./PermissionWarning.tsx\";\nimport { ClipboardItem } from \"../types/clipboard.ts\";\n\nexport default function App() {\n const [clipboardItems, setClipboardItems] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [showPermissionWarning, setShowPermissionWarning] = useState(false);\n const [status, setStatus] = useState(\"\");\n const [isSupported, setIsSupported] = useState(true);\n\n useEffect(() => {\n checkClipboardSupport();\n }, []);\n\n const checkClipboardSupport = () => {\n if (!navigator.clipboard) {\n setError('Clipboard API not supported in this browser. Try using HTTPS or a modern browser.');\n setIsSupported(false);\n return false;\n }\n \n if (location.protocol !== 'https:' && location.hostname !== 'localhost') {\n setError('Clipboard API requires HTTPS or localhost.');\n setIsSupported(false);\n return false;\n }\n \n return true;\n };\n\n const readClipboard = async () => {\n if (!isSupported) return;\n\n setError(null);\n setShowPermissionWarning(false);\n setIsLoading(true);\n setStatus('Reading clipboard...');\n \n try {\n // Check permission\n const permission = await navigator.permissions.query({ name: 'clipboard-read' as PermissionName });\n \n if (permission.state === 'denied') {\n setShowPermissionWarning(true);\n setStatus('Permission denied');\n setIsLoading(false);\n return;\n }\n \n // Read clipboard items\n const items = await navigator.clipboard.read();\n \n if (items.length === 0) {\n setStatus('Clipboard is empty');\n setClipboardItems([]);\n setIsLoading(false);\n return;\n }\n \n // Process items\n const processedItems: ClipboardItem[] = [];\n \n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const clipboardItem: ClipboardItem = {\n id: i,\n types: item.types,\n data: {}\n };\n \n // Read data for each type\n for (const type of item.types) {\n try {\n const blob = await item.getType(type);\n clipboardItem.data[type] = {\n blob,\n size: blob.size,\n mimeType: blob.type || 'unknown'\n };\n } catch (err) {\n clipboardItem.data[type] = {\n error: err instanceof Error ? err.message : 'Unknown error'\n };\n }\n }\n \n processedItems.push(clipboardItem);\n }\n \n setClipboardItems(processedItems);\n setStatus(`Found ${processedItems.length} clipboard item(s)`);\n \n } catch (error) {\n console.error('Clipboard read error:', error);\n \n if (error instanceof Error) {\n if (error.name === 'NotAllowedError') {\n setShowPermissionWarning(true);\n setStatus('Permission denied');\n } else {\n setError(`Error reading clipboard: ${error.message}`);\n setStatus('Error occurred');\n }\n } else {\n setError('Unknown error occurred');\n setStatus('Error occurred');\n }\n } finally {\n setIsLoading(false);\n }\n };\n\n const clearResults = () => {\n setClipboardItems([]);\n setError(null);\n setShowPermissionWarning(false);\n setStatus('Results cleared');\n };\n\n return (\n

📋 Clipboard Debugger

\n \n

\n \n \n {status && (\n

{status}

\n )}\n \n {showPermissionWarning && }\n {error && }\n

\n\n \n

\n );\n}",[],[155,216,230],"99aa2c50-60e7-11f0-a09a-0224a6c84d84",["D",1752520828019],[174,175,176,177],[155,216],["D",1752520801389],[173,178,179],[155],["D",1752520551165],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":281,"_282":283,"_284":285,"_286":24,"_287":24,"_288":24,"_289":57,"_290":-5,"_291":-7,"_292":-7,"_293":61,"_294":24,"_295":24,"_296":-5,"_297":24,"_298":24,"_299":24,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":85,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v15