[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_329":330,"_331":332},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":87,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":59,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/ClipboardDataDisplay.tsx","latestPath","fileId","019ce1da-6007-7379-88c1-d3cb90c56a48","name","ClipboardDataDisplay.tsx","fileType","script","content","/** @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 TextDataDisplay from \"./TextDataDisplay.tsx\";\nimport ImageDataDisplay from \"./ImageDataDisplay.tsx\";\nimport BinaryDataDisplay from \"./BinaryDataDisplay.tsx\";\nimport { ClipboardData } from \"../types/clipboard.ts\";\n\ninterface ClipboardDataDisplayProps {\n type: string;\n data: ClipboardData;\n}\n\nexport default function ClipboardDataDisplay({ type, data }: ClipboardDataDisplayProps) {\n if ('error' in data) {\n return (\n

Error reading {type}:

\n {data.error}\n

\n );\n }\n\n const { blob, size, mimeType } = data;\n\n return (\n

Type: {type}

\n \n

\n Size: {size} bytes
\n MIME Type: {mimeType}\n

\n \n {type.startsWith('text/') ? (\n \n ) : type.startsWith('image/') ? (\n \n ) : (\n \n )}\n

\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport TextDataDisplay from \"./TextDataDisplay.tsx\";\nimport ImageDataDisplay from \"./ImageDataDisplay.tsx\";\nimport BinaryDataDisplay from \"./BinaryDataDisplay.tsx\";\nimport { ClipboardData } from \"../types/clipboard.ts\";\n\ninterface ClipboardDataDisplayProps {\n type: string;\n data: ClipboardData;\n}\n\nexport default function ClipboardDataDisplay(\n { type, data }: ClipboardDataDisplayProps,\n) {\n if (\"error\" in data) {\n return (\n

\n Error reading {type}:\n

\n {data.error}\n

\n );\n }\n\n const { blob, size, mimeType } = data;\n\n return (\n

Type: {type}

\n\n

\n Size: {size} bytes
\n MIME Type test: {mimeType}\n

\n\n {type.startsWith(\"text/\")\n ? \n : type.startsWith(\"image/\")\n ? \n : }\n

\n );\n}","createdAt",["D",1773316141262],"branchVersion","branchId","75c661c6-1e08-11f1-a811-42dde27851f2","id","75c23be6-1e08-11f1-a811-42dde27851f2","clipboard-inspector",["D",1773315710899],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","c021e6e0-205d-11f0-a4f6-4d1f5d7fa95f","pinnedFileId","019ce1da-6007-7379-88c1-c2c792ca70eb","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","20e721cb-3f96-4c8a-83e4-46253bc7421d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":95,"_96":97,"_98":46,"_99":100},"isOwned",24,"main","projectId","forkedBranchId","f4a55ce8-60e6-11f0-93ce-0224a6c84d84","forkedBranchVersion",26,"forkedProjectPrivacy","forkedProjectId","f4a50d06-60e6-11f0-93ce-0224a6c84d84","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","fredmoon","handle","displayName","fred moon","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydzhZYnJMcmVQRWtRd0xMdXROZlRTVk0zYzMifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":325,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":326,"_81":327,"_83":328,"_85":25},"tree",[186,188,204,205],"files",[186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205],"counts",{"_176":63,"_177":161,"_178":63,"_179":180,"_181":182},"contents",[143,144,145,146],"upstreamProject",{"_44":95,"_32":46,"_53":-5,"_54":-5,"_50":51,"_79":141},"upstreamBranch",{"_44":90,"_39":134,"_135":136,"_32":87,"_88":95,"_13":137,"_89":-5,"_91":-5,"_138":139,"_48":-5,"_85":25,"_50":51,"_99":140,"_64":97,"_98":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752520551165],"updatedAt",["D",1783357258498],29,"lockfileKey","1763957025203-esm.town_v_stevekrouse_clipboard-inspector@26-main","stevekrouse",{"_101":140,"_109":142},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_44":171,"_32":172,"_30":173,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":174,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_27":175},{"_44":165,"_32":166,"_30":167,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":168,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_27":170},{"_44":158,"_32":159,"_30":160,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":162,"_13":63,"_34":20,"_36":163,"_24":25,"_156":-5,"_27":164},{"_44":147,"_32":148,"_30":149,"_150":-5,"_42":43,"_41":151,"_152":59,"_39":153,"_13":154,"_34":155,"_36":111,"_24":25,"_156":-5,"_27":157},"7cbb4104-1e08-11f1-b2c0-42dde27851f2","main.tsx","019ce1da-6007-7379-88c2-0f3c4fb20cff","parentId",3,"latest",["D",1773315722628],2,"http","label",[148],"75cb097e-1e08-11f1-a811-42dde27851f2","README.md","019ce1da-6007-7379-88c2-0b3345fdfa23",1,["D",1773315710899],"# Clipboard Debugger\n\nA React-based single-page application that helps debug and inspect clipboard contents in detail.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server for serving files\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── ClipboardReader.tsx # Read/Clear buttons\n│ │ ├── ClipboardResults.tsx # Results container\n│ │ ├── ClipboardItemDisplay.tsx # Individual item display\n│ │ ├── ClipboardDataDisplay.tsx # Data type router\n│ │ ├── TextDataDisplay.tsx # Text content display\n│ │ ├── ImageDataDisplay.tsx # Image preview\n│ │ ├── BinaryDataDisplay.tsx # Binary hex dump\n│ │ ├── ErrorMessage.tsx # Error display\n│ │ └── PermissionWarning.tsx # Permission warning\n│ ├── types/\n│ │ └── clipboard.ts # TypeScript interfaces\n│ ├── index.html # Main HTML template\n│ └── index.tsx # React entry point\n└── README.md\n```\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- **React Architecture**: Modular component structure with TypeScript\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- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono server for static file serving\n- **Styling**: Tailwind CSS via CDN\n- **API**: Modern Clipboard API (`navigator.clipboard.read()`)\n- **Security**: Requires HTTPS or localhost\n- **Architecture**: Component-based with proper separation of concerns\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",[159],"75cb085c-1e08-11f1-a811-42dde27851f2","frontend","019ce1da-6007-7379-88c2-0415756be076",["D",1773315710899],"directory",[166],"75ca94c6-1e08-11f1-a811-42dde27851f2","backend","019ce1da-6007-7379-88c1-c55f45761a42",["D",1773315710899],[172],"pulls","branches","forks","envVars",{"_183":63,"_185":63},"connections",{"_183":63,"_184":63},"count","unfilledCount","emptyCount",{"_44":171,"_32":172,"_30":173,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":322,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_207":323,"_27":324},{"_44":316,"_32":317,"_30":57,"_150":173,"_42":43,"_41":161,"_152":59,"_39":318,"_13":63,"_34":155,"_36":319,"_24":25,"_156":46,"_207":320,"_27":321},{"_44":165,"_32":166,"_30":167,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":313,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_207":314,"_27":315},{"_44":309,"_32":248,"_30":243,"_150":167,"_42":43,"_41":161,"_152":59,"_39":310,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_207":311,"_27":312},{"_44":302,"_32":303,"_30":304,"_150":243,"_42":43,"_41":161,"_152":25,"_39":305,"_13":63,"_34":35,"_36":306,"_24":25,"_156":-5,"_207":307,"_27":308},{"_44":295,"_32":296,"_30":297,"_150":243,"_42":43,"_41":161,"_152":59,"_39":298,"_13":63,"_34":35,"_36":299,"_24":25,"_156":-5,"_207":300,"_27":301},{"_44":291,"_32":33,"_30":31,"_150":243,"_42":43,"_41":14,"_152":25,"_39":292,"_13":161,"_34":35,"_36":38,"_24":25,"_156":-5,"_207":293,"_27":294},{"_44":284,"_32":285,"_30":286,"_150":243,"_42":43,"_41":161,"_152":59,"_39":287,"_13":63,"_34":35,"_36":288,"_24":25,"_156":-5,"_207":289,"_27":290},{"_44":277,"_32":278,"_30":279,"_150":243,"_42":43,"_41":161,"_152":59,"_39":280,"_13":63,"_34":35,"_36":281,"_24":25,"_156":-5,"_207":282,"_27":283},{"_44":270,"_32":271,"_30":272,"_150":243,"_42":43,"_41":161,"_152":59,"_39":273,"_13":63,"_34":35,"_36":274,"_24":25,"_156":-5,"_207":275,"_27":276},{"_44":263,"_32":264,"_30":265,"_150":243,"_42":43,"_41":161,"_152":59,"_39":266,"_13":63,"_34":35,"_36":267,"_24":25,"_156":-5,"_207":268,"_27":269},{"_44":256,"_32":257,"_30":258,"_150":243,"_42":43,"_41":161,"_152":59,"_39":259,"_13":63,"_34":35,"_36":260,"_24":25,"_156":-5,"_207":261,"_27":262},{"_44":249,"_32":250,"_30":251,"_150":243,"_42":43,"_41":161,"_152":59,"_39":252,"_13":63,"_34":35,"_36":253,"_24":25,"_156":-5,"_207":254,"_27":255},{"_44":240,"_32":241,"_30":242,"_150":243,"_42":43,"_41":161,"_152":25,"_39":244,"_13":63,"_34":35,"_36":245,"_24":25,"_156":-5,"_207":246,"_27":247},{"_44":236,"_32":235,"_30":230,"_150":167,"_42":43,"_41":161,"_152":59,"_39":237,"_13":63,"_34":169,"_36":-5,"_24":25,"_156":-5,"_207":238,"_27":239},{"_44":227,"_32":228,"_30":229,"_150":230,"_42":43,"_41":161,"_152":59,"_39":231,"_13":63,"_34":35,"_36":232,"_24":25,"_156":-5,"_207":233,"_27":234},{"_44":220,"_32":221,"_30":222,"_150":167,"_42":43,"_41":161,"_152":59,"_39":223,"_13":63,"_34":20,"_36":224,"_24":25,"_156":-5,"_207":225,"_27":226},{"_44":213,"_32":214,"_30":215,"_150":167,"_42":43,"_41":161,"_152":59,"_39":216,"_13":63,"_34":35,"_36":217,"_24":25,"_156":-5,"_207":218,"_27":219},{"_44":158,"_32":159,"_30":160,"_150":-5,"_42":43,"_41":161,"_152":59,"_39":210,"_13":63,"_34":20,"_36":163,"_24":25,"_156":-5,"_207":211,"_27":212},{"_44":147,"_32":148,"_30":149,"_150":-5,"_42":43,"_41":151,"_152":59,"_39":206,"_13":154,"_34":155,"_36":111,"_24":25,"_156":-5,"_207":208,"_27":209},["D",1773315722628],"children",[],[148],["D",1773315710899],[],[159],"75cb055a-1e08-11f1-a811-42dde27851f2","index.tsx","019ce1da-6007-7379-88c2-033bd46b66eb",["D",1773315710899],"/** @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();",[],[166,214],"75cb01d6-1e08-11f1-a811-42dde27851f2","index.html","019ce1da-6007-7379-88c1-fd099b9fe8fe",["D",1773315710899],"\n\n\n \n \n Clipboard Debugger\n \n \n\n\n

\n \n\n",[],[166,221],"75cafd08-1e08-11f1-a811-42dde27851f2","clipboard.ts","019ce1da-6007-7379-88c1-f7a7c1d3d06a","019ce1da-6007-7379-88c1-f813effc13b8",["D",1773315710899],"export interface ClipboardData {\n blob?: Blob;\n size?: number;\n mimeType?: string;\n error?: string;\n}\n\nexport interface ClipboardItem {\n id: number;\n types: string[];\n data: Record;\n}",[],[166,235,228],"types","75cb005a-1e08-11f1-a811-42dde27851f2",["D",1773315710899],[201],[166,235],"75caf164-1e08-11f1-a811-42dde27851f2","TextDataDisplay.tsx","019ce1da-6007-7379-88c1-ec56cfb2b4df","019ce1da-6007-7379-88c1-f195c2be88c5",["D",1773315710899],"/** @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\";\n\ninterface TextDataDisplayProps {\n blob: Blob;\n type: string;\n}\n\nexport default function TextDataDisplay({ blob, type }: TextDataDisplayProps) {\n const [text, setText] = useState('');\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const readText = async () => {\n try {\n const textContent = await blob.text();\n setText(textContent);\n } catch (error) {\n setText(`Error reading text: ${error}`);\n } finally {\n setLoading(false);\n }\n };\n\n readText();\n }, [blob]);\n\n const copyToClipboard = async () => {\n try {\n await navigator.clipboard.writeText(text);\n } catch (error) {\n console.error('Failed to copy text:', error);\n }\n };\n\n if (loading) {\n return

Loading text content...

;\n }\n\n return (\n

\n Content:\n \n 📋 Copy\n \n

\n \n \n \n

\n Length: {text.length} characters\n {text.includes('\\n') && (\n <>\n
\n Lines: {text.split('\\n').length}\n \n )}\n

\n );\n}",[],[166,248,241],"components","75cae7a0-1e08-11f1-a811-42dde27851f2","PermissionWarning.tsx","019ce1da-6007-7379-88c1-e98642adaedb",["D",1773315710899],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\nexport default function PermissionWarning() {\n return (\n

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

\n );\n}",[],[166,248,250],"75cae14c-1e08-11f1-a811-42dde27851f2","ImageDataDisplay.tsx","019ce1da-6007-7379-88c1-e5d8e5ef620e",["D",1773315710899],"/** @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\";\n\ninterface ImageDataDisplayProps {\n blob: Blob;\n type: string;\n}\n\nexport default function ImageDataDisplay({ blob, type }: ImageDataDisplayProps) {\n const [imageUrl, setImageUrl] = useState('');\n\n useEffect(() => {\n const url = URL.createObjectURL(blob);\n setImageUrl(url);\n\n // Cleanup\n return () => {\n URL.revokeObjectURL(url);\n };\n }, [blob]);\n\n return (\n

Preview:

\n \n

\n Format: {type}
\n Size: {blob.size} bytes\n

\n );\n}",[],[166,248,257],"75caddc8-1e08-11f1-a811-42dde27851f2","ErrorMessage.tsx","019ce1da-6007-7379-88c1-e12f16d8f3fa",["D",1773315710899],"/** @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 ErrorMessageProps {\n message: string;\n}\n\nexport default function ErrorMessage({ message }: ErrorMessageProps) {\n return (\n

{message}

\n );\n}",[],[166,248,264],"75cad940-1e08-11f1-a811-42dde27851f2","ClipboardResults.tsx","019ce1da-6007-7379-88c1-ddfc9f371d7b",["D",1773315710899],"/** @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}",[],[166,248,271],"75cad256-1e08-11f1-a811-42dde27851f2","ClipboardReader.tsx","019ce1da-6007-7379-88c1-d9cd60499b52",["D",1773315710899],"/** @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}",[],[166,248,278],"75cac5ea-1e08-11f1-a811-42dde27851f2","ClipboardItemDisplay.tsx","019ce1da-6007-7379-88c1-d584a9bdcf68",["D",1773315710899],"/** @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}",[],[166,248,285],"76425050-1e09-11f1-ab6b-42dde27851f2",["D",1773316141262],[],[166,248,33],"75cab3c0-1e08-11f1-a811-42dde27851f2","BinaryDataDisplay.tsx","019ce1da-6007-7379-88c1-cd698603a56b",["D",1773315710899],"/** @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\";\n\ninterface BinaryDataDisplayProps {\n blob: Blob;\n type: string;\n}\n\nexport default function BinaryDataDisplay({ blob, type }: BinaryDataDisplayProps) {\n const [hexData, setHexData] = useState('');\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const readBinary = async () => {\n try {\n const arrayBuffer = await blob.arrayBuffer();\n const uint8Array = new Uint8Array(arrayBuffer);\n \n // Show first 256 bytes as hex\n const hexBytes = Array.from(uint8Array.slice(0, 256))\n .map(b => b.toString(16).padStart(2, '0'))\n .join(' ');\n \n setHexData(hexBytes + (uint8Array.length > 256 ? '...' : ''));\n } catch (error) {\n setHexData(`Error reading binary data: ${error}`);\n } finally {\n setLoading(false);\n }\n };\n\n readBinary();\n }, [blob]);\n\n if (loading) {\n return

Loading binary data...

;\n }\n\n return (\n

Binary Data (first 256 bytes as hex):

\n {hexData}\n

\n Total Size: {blob.size} bytes\n

\n );\n}",[],[166,248,296],"75ca9732-1e08-11f1-a811-42dde27851f2","App.tsx","019ce1da-6007-7379-88c1-c9e78a97ff8f",["D",1773315710899],"/** @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}",[],[166,248,303],"75cafbbe-1e08-11f1-a811-42dde27851f2",["D",1773315710899],[190,191,192,193,194,195,196,197,198,199],[166,248],["D",1773315710899],[189,200,202,203],[166],"75ca69f6-1e08-11f1-a811-42dde27851f2","index.ts",["D",1773315710899],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[172,317],["D",1773315710899],[187],[172],["D",1773315710899],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":95,"_96":97,"_98":46,"_99":100},"ctx",{"_79":-5,"_131":362,"_363":364,"_365":366,"_367":25,"_368":25,"_369":25,"_370":59,"_371":-5,"_372":-7,"_373":-7,"_374":63,"_375":25,"_376":25,"_377":-5,"_378":25,"_379":25,"_380":25,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":87,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"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 · v4