[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_339":340,"_341":342},"routes/_app.x.$handle.$name",{"_100":99,"_32":50,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":62,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_48":49,"_32":50,"_38":51,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":31,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",23,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":-7,"_24":25,"_26":25,"_27":44,"_29":44},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous","deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","d06b67ae-60e7-11f0-88a6-0224a6c84d84","name","index.ts","fileType","script","content","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;","createdAt",["D",1752520919880],"branchVersion","branchId","f4a55ce8-60e6-11f0-93ce-0224a6c84d84",{"_30":45,"_32":44,"_34":46,"_36":-5,"_38":47,"_40":14,"_41":42,"_24":25},"backend","857d2e28-a187-4abc-a6b1-f8c5b963d840","directory",["D",1752520919880],"id","f4a50d06-60e6-11f0-93ce-0224a6c84d84","clipboard-inspector",["D",1752520551165],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","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",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":59,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_48":42,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"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",{"_48":49,"_32":50,"_38":335,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":31,"_61":62,"_63":62,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":336,"_84":337,"_86":338,"_88":25},"tree",[180,182,198,199,200],"files",[180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200],"counts",{"_169":66,"_170":171,"_172":171,"_173":174,"_175":176},"contents",[130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":166,"_32":44,"_30":45,"_138":-5,"_41":42,"_40":14,"_140":62,"_38":167,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_27":168},{"_48":160,"_32":161,"_30":162,"_138":-5,"_41":42,"_40":163,"_140":62,"_38":164,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_27":165},{"_48":154,"_32":155,"_30":156,"_138":-5,"_41":42,"_40":142,"_140":25,"_38":157,"_13":66,"_34":21,"_36":158,"_24":25,"_145":-5,"_27":159},{"_48":147,"_32":148,"_30":149,"_138":-5,"_41":42,"_40":150,"_140":25,"_38":151,"_13":142,"_34":35,"_36":152,"_24":25,"_145":-5,"_27":153},{"_48":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":25,"_38":141,"_13":142,"_34":143,"_36":144,"_24":25,"_145":-5,"_27":146},"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",[136],"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",[148],"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",[155],"89ca9ebe-60e7-11f0-8adb-0224a6c84d84","frontend","ab3bce3e-aa98-4ed4-8a19-990516ed78ba",10,["D",1752520801389],[161],"d06b7370-60e7-11f0-88a6-0224a6c84d84",["D",1752520919880],[44],"pulls","branches",1,"forks","envVars",{"_177":66,"_179":66},"connections",{"_177":66,"_178":66},"count","unfilledCount","emptyCount",{"_48":166,"_32":44,"_30":45,"_138":-5,"_41":42,"_40":14,"_140":62,"_38":332,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_202":333,"_27":334},{"_48":328,"_32":33,"_30":31,"_138":45,"_41":42,"_40":14,"_140":25,"_38":329,"_13":66,"_34":35,"_36":37,"_24":25,"_145":-5,"_202":330,"_27":331},{"_48":160,"_32":161,"_30":162,"_138":-5,"_41":42,"_40":163,"_140":62,"_38":325,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_202":326,"_27":327},{"_48":321,"_32":248,"_30":242,"_138":162,"_41":42,"_40":316,"_140":62,"_38":322,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_202":323,"_27":324},{"_48":313,"_32":314,"_30":315,"_138":242,"_41":42,"_40":316,"_140":62,"_38":317,"_13":66,"_34":35,"_36":318,"_24":25,"_145":-5,"_202":319,"_27":320},{"_48":305,"_32":306,"_30":307,"_138":242,"_41":42,"_40":308,"_140":62,"_38":309,"_13":66,"_34":35,"_36":310,"_24":25,"_145":-5,"_202":311,"_27":312},{"_48":297,"_32":298,"_30":299,"_138":242,"_41":42,"_40":300,"_140":62,"_38":301,"_13":66,"_34":35,"_36":302,"_24":25,"_145":-5,"_202":303,"_27":304},{"_48":289,"_32":290,"_30":291,"_138":242,"_41":42,"_40":292,"_140":62,"_38":293,"_13":66,"_34":35,"_36":294,"_24":25,"_145":-5,"_202":295,"_27":296},{"_48":281,"_32":282,"_30":283,"_138":242,"_41":42,"_40":284,"_140":62,"_38":285,"_13":66,"_34":35,"_36":286,"_24":25,"_145":-5,"_202":287,"_27":288},{"_48":273,"_32":274,"_30":275,"_138":242,"_41":42,"_40":276,"_140":62,"_38":277,"_13":66,"_34":35,"_36":278,"_24":25,"_145":-5,"_202":279,"_27":280},{"_48":265,"_32":266,"_30":267,"_138":242,"_41":42,"_40":268,"_140":62,"_38":269,"_13":66,"_34":35,"_36":270,"_24":25,"_145":-5,"_202":271,"_27":272},{"_48":257,"_32":258,"_30":259,"_138":242,"_41":42,"_40":260,"_140":62,"_38":261,"_13":66,"_34":35,"_36":262,"_24":25,"_145":-5,"_202":263,"_27":264},{"_48":249,"_32":250,"_30":251,"_138":242,"_41":42,"_40":252,"_140":62,"_38":253,"_13":66,"_34":35,"_36":254,"_24":25,"_145":-5,"_202":255,"_27":256},{"_48":239,"_32":240,"_30":241,"_138":242,"_41":42,"_40":243,"_140":62,"_38":244,"_13":66,"_34":35,"_36":245,"_24":25,"_145":-5,"_202":246,"_27":247},{"_48":235,"_32":234,"_30":228,"_138":162,"_41":42,"_40":229,"_140":62,"_38":236,"_13":66,"_34":46,"_36":-5,"_24":25,"_145":-5,"_202":237,"_27":238},{"_48":225,"_32":226,"_30":227,"_138":228,"_41":42,"_40":229,"_140":62,"_38":230,"_13":66,"_34":35,"_36":231,"_24":25,"_145":-5,"_202":232,"_27":233},{"_48":219,"_32":148,"_30":220,"_138":162,"_41":42,"_40":163,"_140":62,"_38":221,"_13":66,"_34":21,"_36":222,"_24":25,"_145":-5,"_202":223,"_27":224},{"_48":211,"_32":212,"_30":213,"_138":162,"_41":42,"_40":214,"_140":62,"_38":215,"_13":66,"_34":35,"_36":216,"_24":25,"_145":-5,"_202":217,"_27":218},{"_48":154,"_32":155,"_30":156,"_138":-5,"_41":42,"_40":142,"_140":25,"_38":208,"_13":66,"_34":21,"_36":158,"_24":25,"_145":-5,"_202":209,"_27":210},{"_48":147,"_32":148,"_30":149,"_138":-5,"_41":42,"_40":150,"_140":25,"_38":205,"_13":142,"_34":35,"_36":152,"_24":25,"_145":-5,"_202":206,"_27":207},{"_48":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":25,"_38":201,"_13":142,"_34":143,"_36":144,"_24":25,"_145":-5,"_202":203,"_27":204},["D",1752520698715],"children",[],[136],["D",1752520661140],[],[148],["D",1752520624159],[],[155],"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();",[],[161,212],"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",[],[161,148],"cb07fd18-60e7-11f0-9b05-0224a6c84d84","clipboard.ts","cb07fe08-60e7-11f0-9b05-0224a6c84d84","d7558d01-8d28-46d3-a848-ec338d0912cc",22,["D",1752520910843],"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}",[],[161,234,226],"types","cb0806c8-60e7-11f0-9b05-0224a6c84d84",["D",1752520910843],[195],[161,234],"b57cfa5c-60e7-11f0-8e28-0224a6c84d84","TextDataDisplay.tsx","b57cfb2e-60e7-11f0-8e28-0224a6c84d84","4099e460-9dc1-46ce-8aeb-9eb0791ab6ce",17,["D",1752520874700],"/** @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}",[],[161,248,240],"components","c8b2a202-60e7-11f0-bef0-0224a6c84d84","PermissionWarning.tsx","c8b2a28e-60e7-11f0-bef0-0224a6c84d84",21,["D",1752520906928],"/** @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}",[],[161,248,250],"bb7098ba-60e7-11f0-8fb5-0224a6c84d84","ImageDataDisplay.tsx","bb7099a0-60e7-11f0-8fb5-0224a6c84d84",18,["D",1752520884684],"/** @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}",[],[161,248,258],"c461aad6-60e7-11f0-81dd-0224a6c84d84","ErrorMessage.tsx","c461ac70-60e7-11f0-81dd-0224a6c84d84",20,["D",1752520899685],"/** @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}",[],[161,248,266],"a397f5d0-60e7-11f0-b028-0224a6c84d84","ClipboardResults.tsx","a397f6c0-60e7-11f0-b028-0224a6c84d84",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}",[],[161,248,274],"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}",[],[161,248,282],"a8385062-60e7-11f0-9148-0224a6c84d84","ClipboardItemDisplay.tsx","a8385116-60e7-11f0-9148-0224a6c84d84",15,["D",1752520852439],"/** @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}",[],[161,248,290],"ae0f13cc-60e7-11f0-9fe3-0224a6c84d84","ClipboardDataDisplay.tsx","ae0f1480-60e7-11f0-9fe3-0224a6c84d84",16,["D",1752520862237],"/** @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}",[],[161,248,298],"c0cc029a-60e7-11f0-bef0-0224a6c84d84","BinaryDataDisplay.tsx","c0cc034e-60e7-11f0-bef0-0224a6c84d84",19,["D",1752520893673],"/** @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}",[],[161,248,306],"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}",[],[161,248,314],"99aa2c50-60e7-11f0-a09a-0224a6c84d84",["D",1752520828019],[184,185,186,187,188,189,190,191,192,193],[161,248],["D",1752520801389],[183,194,196,197],[161],"d06b670e-60e7-11f0-88a6-0224a6c84d84",["D",1752520919880],[],[44,33],["D",1752520919880],[181],[44],["D",1752520551165],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":59,"_104":105,"_106":25},{"_13":89,"_32":90,"_48":42,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"ctx",{"_82":-5,"_127":372,"_373":374,"_375":376,"_377":25,"_378":25,"_379":25,"_380":62,"_381":-5,"_382":-7,"_383":-7,"_384":66,"_385":25,"_386":25,"_387":-5,"_388":25,"_389":25,"_390":25,"_391":-5},"ENV",{"_343":344,"_345":346,"_347":90,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v23