[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_426":427,"_428":429},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_313":-5,"_20":314,"_22":315,"_316":317,"_318":319,"_26":320,"_24":321,"_322":323,"_324":325,"_326":51,"_327":328,"_329":74,"_330":-5,"_331":-5,"_332":333},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","fredmoon","name","clipboard-inspector","branchName","main","version","path","frontend","project",{"_36":268,"_13":14,"_38":269,"_49":-5,"_270":51,"_52":53,"_271":53,"_272":-5,"_273":-5,"_274":275,"_276":263,"_277":74,"_278":-5,"_279":-5,"_280":76,"_56":281,"_282":-5,"_283":-5,"_284":-5,"_285":-5,"_286":287,"_288":287,"_289":290,"_291":290,"_292":290,"_293":287,"_294":287,"_295":296,"_297":298,"_299":300,"_50":51},"tree",[104,105,106,107,108],"file",{"_36":101,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":102,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":103},"contents",[59,60,61,62],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"pull","ahead",23,"behind",3,"envVars","id","f4a55ce8-60e6-11f0-93ce-0224a6c84d84","createdAt",["D",1752520551165],"updatedAt",["D",1783357258498],"projectId","f4a50d06-60e6-11f0-93ce-0224a6c84d84",29,"forkedBranchId","forkedBranchVersion","lockfileKey","1763957025203-esm.town_v_stevekrouse_clipboard-inspector@26-main","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName",{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":99,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":100},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":93,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":95},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":87,"_17":76,"_77":24,"_79":88,"_81":51,"_82":-5,"_18":89},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":83},"75cb055a-1e08-11f1-a811-42dde27851f2","index.tsx","fileId","019ce1da-6007-7379-88c2-033bd46b66eb","parentId","019ce1da-6007-7379-88c2-0415756be076","branchId","75c661c6-1e08-11f1-a811-42dde27851f2","branchVersion",1,"latest",true,["D",1773315710899],0,"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 { 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();","deleted","label",[19,64],"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",[19,85],"75cb005a-1e08-11f1-a811-42dde27851f2","types","019ce1da-6007-7379-88c1-f813effc13b8",["D",1773315710899],"directory",[19,91],"75cafbbe-1e08-11f1-a811-42dde27851f2","components","019ce1da-6007-7379-88c1-f195c2be88c5",["D",1773315710899],[19,97],"75cb085c-1e08-11f1-a811-42dde27851f2",["D",1773315710899],[19],{"_36":254,"_13":255,"_65":256,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":257,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":258,"_18":259},{"_36":101,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":142,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":143,"_18":144},{"_36":126,"_13":127,"_65":128,"_67":-5,"_69":70,"_71":129,"_73":74,"_38":130,"_17":113,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":131,"_18":132},{"_36":119,"_13":120,"_65":121,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":122,"_17":76,"_77":24,"_79":123,"_81":51,"_82":-5,"_116":124,"_18":125},{"_36":109,"_13":110,"_65":111,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":112,"_17":113,"_77":114,"_79":115,"_81":51,"_82":-5,"_116":117,"_18":118},"7cbb4104-1e08-11f1-b2c0-42dde27851f2","main.tsx","019ce1da-6007-7379-88c2-0f3c4fb20cff",["D",1773315722628],2,"http","","children",[],[110],"75cb097e-1e08-11f1-a811-42dde27851f2","README.md","019ce1da-6007-7379-88c2-0b3345fdfa23",["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",[],[120],"324b0c22-1e11-11f1-bb90-42dde27851f2","test","28734aa2-1e11-11f1-89a3-42dde27851f2",18,["D",1773319463212],[133],[127],{"_36":134,"_13":135,"_65":136,"_67":128,"_69":70,"_71":32,"_73":74,"_38":137,"_17":138,"_77":114,"_79":139,"_81":51,"_82":-5,"_116":140,"_18":141},"3db66912-1e11-11f1-bb90-42dde27851f2","add-to-clipboard.ts","338e92de-1e11-11f1-8148-42dde27851f2",["D",1773319482372],4,"export default function (req: Request): Response {\n return new Response(\n `\n\n\n\n \n HTML Clipboard Writer\n \n\n\n

HTML Clipboard Writer

\n \n \n

\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}",[],[127,135],["D",1773315710899],[145,146,147,148],[19],{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":166,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":167,"_18":168},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":155,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":156,"_18":157},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":152,"_17":76,"_77":24,"_79":88,"_81":51,"_82":-5,"_116":153,"_18":154},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":149,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_116":150,"_18":151},["D",1773315710899],[],[19,64],["D",1773315710899],[],[19,85],["D",1773315710899],[158],[19,91],{"_36":159,"_13":160,"_65":161,"_67":92,"_69":70,"_71":72,"_73":74,"_38":162,"_17":76,"_77":78,"_79":163,"_81":51,"_82":-5,"_116":164,"_18":165},"75cafd08-1e08-11f1-a811-42dde27851f2","clipboard.ts","019ce1da-6007-7379-88c1-f7a7c1d3d06a",["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}",[],[19,91,160],["D",1773315710899],[169,170,171,172,173,174,175,176,177,178],[19,97],{"_36":246,"_13":247,"_65":248,"_67":98,"_69":70,"_71":249,"_73":74,"_38":250,"_17":72,"_77":78,"_79":251,"_81":51,"_82":-5,"_116":252,"_18":253},{"_36":239,"_13":240,"_65":241,"_67":98,"_69":70,"_71":72,"_73":74,"_38":242,"_17":76,"_77":78,"_79":243,"_81":51,"_82":-5,"_116":244,"_18":245},{"_36":230,"_13":231,"_65":232,"_67":98,"_69":70,"_71":233,"_73":74,"_38":234,"_17":235,"_77":78,"_79":236,"_81":51,"_82":-5,"_116":237,"_18":238},{"_36":223,"_13":224,"_65":225,"_67":98,"_69":70,"_71":72,"_73":74,"_38":226,"_17":76,"_77":78,"_79":227,"_81":51,"_82":-5,"_116":228,"_18":229},{"_36":216,"_13":217,"_65":218,"_67":98,"_69":70,"_71":72,"_73":74,"_38":219,"_17":76,"_77":78,"_79":220,"_81":51,"_82":-5,"_116":221,"_18":222},{"_36":209,"_13":210,"_65":211,"_67":98,"_69":70,"_71":72,"_73":74,"_38":212,"_17":76,"_77":78,"_79":213,"_81":51,"_82":-5,"_116":214,"_18":215},{"_36":202,"_13":203,"_65":204,"_67":98,"_69":70,"_71":72,"_73":74,"_38":205,"_17":76,"_77":78,"_79":206,"_81":51,"_82":-5,"_116":207,"_18":208},{"_36":195,"_13":196,"_65":197,"_67":98,"_69":70,"_71":72,"_73":74,"_38":198,"_17":76,"_77":78,"_79":199,"_81":51,"_82":-5,"_116":200,"_18":201},{"_36":188,"_13":189,"_65":190,"_67":98,"_69":70,"_71":72,"_73":74,"_38":191,"_17":76,"_77":78,"_79":192,"_81":51,"_82":-5,"_116":193,"_18":194},{"_36":179,"_13":180,"_65":181,"_67":98,"_69":70,"_71":182,"_73":74,"_38":183,"_17":184,"_77":78,"_79":185,"_81":51,"_82":-5,"_116":186,"_18":187},"040c77be-1e12-11f1-bf22-42dde27851f2","TextDataDisplay.tsx","019ce1da-6007-7379-88c1-ec56cfb2b4df",24,["D",1773319815126],5,"/** @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\";\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 const decoded = textContent\n .replace(/"/g, '\"')\n .replace(/&/g, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/'/g, \"'\")\n .replace(/'/g, \"'\");\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}",[],[19,97,180],"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}",[],[19,97,189],"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}",[],[19,97,196],"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}",[],[19,97,203],"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}",[],[19,97,210],"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}",[],[19,97,217],"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}",[],[19,97,224],"241cf8ba-1e0a-11f1-96cd-42dde27851f2","ClipboardDataDisplay.tsx","019ce1da-6007-7379-88c1-d3cb90c56a48",10,["D",1773316432950],7,"/** @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: {mimeType}\n

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

\n );\n}",[],[19,97,231],"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}",[],[19,97,240],"dcb81a18-1e0e-11f1-86d8-42dde27851f2","App.tsx","019ce1da-6007-7379-88c1-c9e78a97ff8f",15,["D",1773318460649],"/** @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 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 const handlePaste = (e: globalThis.ClipboardEvent) => {\n e.preventDefault();\n readClipboard();\n };\n\n document.addEventListener(\"paste\", handlePaste);\n return () => document.removeEventListener(\"paste\", handlePaste);\n }, []);\n\n const checkClipboardSupport = () => {\n if (!navigator.clipboard) {\n setError(\n \"Clipboard API not supported in this browser. Try using HTTPS or a modern browser.\",\n );\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({\n name: \"clipboard-read\" as PermissionName,\n });\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 } 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

\n 📋 Clipboard Debugger\n

\n\n

\n \n\n {status &&

{status}

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

\n\n \n

\n );\n}",[],[19,97,247],"75ca94c6-1e08-11f1-a811-42dde27851f2","backend","019ce1da-6007-7379-88c1-c55f45761a42",["D",1773315710899],[260],[255],{"_36":261,"_13":262,"_65":263,"_67":256,"_69":70,"_71":72,"_73":74,"_38":264,"_17":76,"_77":114,"_79":265,"_81":51,"_82":14,"_116":266,"_18":267},"75ca69f6-1e08-11f1-a811-42dde27851f2","index.ts","019ce1da-6007-7379-88c1-c2c792ca70eb",["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;",[],[255,262],"75c23be6-1e08-11f1-a811-42dde27851f2",["D",1773315710899],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","c021e6e0-205d-11f0-a4f6-4d1f5d7fa95f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","20e721cb-3f96-4c8a-83e4-46253bc7421d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_312":308},"org",{"_11":12,"_305":306,"_307":308,"_274":275,"_309":310,"_311":51},"branch",{"_17":182,"_13":16,"_36":70,"_42":268,"_45":37,"_46":301,"_302":53,"_303":43,"_304":57,"_58":14,"_54":12},26,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","fred moon","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydzhZYnJMcmVQRWtRd0xMdXROZlRTVk0zYzMifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":268,"_13":14,"_38":422,"_49":-5,"_270":51,"_52":53,"_271":53,"_272":-5,"_273":-5,"_274":275,"_276":263,"_277":74,"_278":-5,"_279":-5,"_280":76,"_56":281,"_282":-5,"_283":-5,"_284":-5,"_285":-5,"_286":287,"_288":287,"_289":290,"_291":290,"_292":290,"_293":287,"_294":287,"_295":423,"_297":424,"_299":425,"_50":51},[356,358,374,376,377],"files",[356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377],"counts",{"_347":76,"_348":72,"_349":76,"_35":350,"_351":352},[339,340,341,342],{"_36":101,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":102,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":338},"upstreamProject",{"_36":43,"_13":14,"_272":-5,"_273":-5,"_52":53,"_295":336},"upstreamBranch",{"_36":37,"_38":334,"_40":335,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752520551165],["D",1783357258498],{"_11":55,"_312":337},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",[19],{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":99,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":346},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":93,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_18":345},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":87,"_17":76,"_77":24,"_79":88,"_81":51,"_82":-5,"_18":344},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":343},[19,64],[19,85],[19,91],[19,97],"pulls","branches","forks",{"_353":76,"_355":76},"connections",{"_353":76,"_354":76},"count","unfilledCount","emptyCount",{"_36":254,"_13":255,"_65":256,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":257,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":420,"_18":421},{"_36":261,"_13":262,"_65":263,"_67":256,"_69":70,"_71":72,"_73":74,"_38":264,"_17":76,"_77":114,"_79":265,"_81":51,"_82":14,"_116":418,"_18":419},{"_36":101,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":142,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":416,"_18":417},{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":166,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":414,"_18":415},{"_36":246,"_13":247,"_65":248,"_67":98,"_69":70,"_71":249,"_73":74,"_38":250,"_17":72,"_77":78,"_79":251,"_81":51,"_82":-5,"_116":412,"_18":413},{"_36":239,"_13":240,"_65":241,"_67":98,"_69":70,"_71":72,"_73":74,"_38":242,"_17":76,"_77":78,"_79":243,"_81":51,"_82":-5,"_116":410,"_18":411},{"_36":230,"_13":231,"_65":232,"_67":98,"_69":70,"_71":233,"_73":74,"_38":234,"_17":235,"_77":78,"_79":236,"_81":51,"_82":-5,"_116":408,"_18":409},{"_36":223,"_13":224,"_65":225,"_67":98,"_69":70,"_71":72,"_73":74,"_38":226,"_17":76,"_77":78,"_79":227,"_81":51,"_82":-5,"_116":406,"_18":407},{"_36":216,"_13":217,"_65":218,"_67":98,"_69":70,"_71":72,"_73":74,"_38":219,"_17":76,"_77":78,"_79":220,"_81":51,"_82":-5,"_116":404,"_18":405},{"_36":209,"_13":210,"_65":211,"_67":98,"_69":70,"_71":72,"_73":74,"_38":212,"_17":76,"_77":78,"_79":213,"_81":51,"_82":-5,"_116":402,"_18":403},{"_36":202,"_13":203,"_65":204,"_67":98,"_69":70,"_71":72,"_73":74,"_38":205,"_17":76,"_77":78,"_79":206,"_81":51,"_82":-5,"_116":400,"_18":401},{"_36":195,"_13":196,"_65":197,"_67":98,"_69":70,"_71":72,"_73":74,"_38":198,"_17":76,"_77":78,"_79":199,"_81":51,"_82":-5,"_116":398,"_18":399},{"_36":188,"_13":189,"_65":190,"_67":98,"_69":70,"_71":72,"_73":74,"_38":191,"_17":76,"_77":78,"_79":192,"_81":51,"_82":-5,"_116":396,"_18":397},{"_36":179,"_13":180,"_65":181,"_67":98,"_69":70,"_71":182,"_73":74,"_38":183,"_17":184,"_77":78,"_79":185,"_81":51,"_82":-5,"_116":394,"_18":395},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":155,"_17":76,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":392,"_18":393},{"_36":159,"_13":160,"_65":161,"_67":92,"_69":70,"_71":72,"_73":74,"_38":162,"_17":76,"_77":78,"_79":163,"_81":51,"_82":-5,"_116":390,"_18":391},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":152,"_17":76,"_77":24,"_79":88,"_81":51,"_82":-5,"_116":388,"_18":389},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":149,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_116":386,"_18":387},{"_36":126,"_13":127,"_65":128,"_67":-5,"_69":70,"_71":129,"_73":74,"_38":130,"_17":113,"_77":94,"_79":-5,"_81":51,"_82":-5,"_116":384,"_18":385},{"_36":134,"_13":135,"_65":136,"_67":128,"_69":70,"_71":32,"_73":74,"_38":137,"_17":138,"_77":114,"_79":139,"_81":51,"_82":-5,"_116":382,"_18":383},{"_36":119,"_13":120,"_65":121,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":122,"_17":76,"_77":24,"_79":123,"_81":51,"_82":-5,"_116":380,"_18":381},{"_36":109,"_13":110,"_65":111,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":112,"_17":113,"_77":114,"_79":115,"_81":51,"_82":-5,"_116":378,"_18":379},[],[110],[],[120],[],[127,135],[375],[127],[],[19,64],[],[19,85],[],[19,91,160],[371],[19,91],[],[19,97,180],[],[19,97,189],[],[19,97,196],[],[19,97,203],[],[19,97,210],[],[19,97,217],[],[19,97,224],[],[19,97,231],[],[19,97,240],[],[19,97,247],[360,361,362,363,364,365,366,367,368,369],[19,97],[359,370,372,373],[19],[],[255,262],[357],[255],["D",1773315710899],{"_11":12,"_312":308},{"_11":12,"_305":306,"_307":308,"_274":275,"_309":310,"_311":51},{"_17":182,"_13":16,"_36":70,"_42":268,"_45":37,"_46":301,"_302":53,"_303":43,"_304":57,"_58":14,"_54":12},"ctx",{"_295":-5,"_331":459,"_460":461,"_462":463,"_464":51,"_465":51,"_466":51,"_467":74,"_468":-5,"_469":-7,"_470":-7,"_471":76,"_472":51,"_473":51,"_474":-5,"_475":51,"_476":51,"_477":51,"_478":-5},"ENV",{"_430":431,"_432":433,"_434":16,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458},"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"]