{"id":28437157,"url":"https://github.com/codellyson/logger","last_synced_at":"2025-06-27T20:32:21.618Z","repository":{"id":295408752,"uuid":"889296826","full_name":"codellyson/logger","owner":"codellyson","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-16T02:31:21.000Z","size":24,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-05T23:09:07.598Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codellyson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-16T02:31:18.000Z","updated_at":"2024-11-16T02:31:24.000Z","dependencies_parsed_at":"2025-05-26T13:33:13.739Z","dependency_job_id":null,"html_url":"https://github.com/codellyson/logger","commit_stats":null,"previous_names":["codellyson/logger"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codellyson/logger","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codellyson%2Flogger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codellyson%2Flogger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codellyson%2Flogger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codellyson%2Flogger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codellyson","download_url":"https://codeload.github.com/codellyson/logger/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codellyson%2Flogger/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262327355,"owners_count":23294256,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-05T23:09:04.155Z","updated_at":"2025-06-27T20:32:21.589Z","avatar_url":"https://github.com/codellyson.png","language":"JavaScript","readme":"# Console Overlay Extension\n\nA browser extension that provides a draggable console overlay window to monitor console logs, errors, warnings, and info messages in real-time.\n\n## Features\n\n- Floating, draggable console window that stays on top of web pages\n- Captures all console output (`log`, `error`, `warn`, `info`)\n- Preserves original console functionality while adding overlay display\n- Timestamps for each log entry\n- Color-coded log types for easy identification\n- Scrollable log history\n- Real-time log updates\n\n## How It Works\n\nThe extension works by:\n\n1. Storing original console methods before any modifications\n2. Creating a queue system to capture logs before UI initialization\n3. Intercepting console calls to both:\n   - Execute original console functionality\n   - Display logs in the overlay window\n4. Providing a draggable UI interface for viewing logs\n\n## Implementation Details\n\nThe extension uses:\n- DOM manipulation for the overlay UI\n- Event listeners for drag functionality\n- JSON stringification for object logging\n- Timestamp tracking for each log entry\n- CSS styling for visual differentiation of log types\n\n## Usage\n\nOnce installed, the console overlay will automatically appear on web pages. You can:\n- Drag the overlay window by its header to reposition it\n- View logs in real-time as they occur\n- Scroll through log history\n- Distinguish between different types of logs through color coding\n\n## Technical Notes\n\n- All original console functionality is preserved\n- Logs are formatted for readability\n- Objects are stringified for display\n- Error handling is in place for non-stringifiable objects\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodellyson%2Flogger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodellyson%2Flogger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodellyson%2Flogger/lists"}