{"id":49579311,"url":"https://github.com/jarekdanielak/monospace-loader","last_synced_at":"2026-05-03T18:36:22.278Z","repository":{"id":353406486,"uuid":"1219267879","full_name":"jarekdanielak/monospace-loader","owner":"jarekdanielak","description":"Monospace font-based, Pac-Man style progress bar. Works everywhere.","archived":false,"fork":false,"pushed_at":"2026-04-23T18:21:30.000Z","size":78,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-23T20:16:32.254Z","etag":null,"topics":["loader","monospace","pacman","progress-bar","web-component"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/monospace-loader","language":"TypeScript","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/jarekdanielak.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-23T17:47:44.000Z","updated_at":"2026-04-23T18:22:08.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/jarekdanielak/monospace-loader","commit_stats":null,"previous_names":["jarekdanielak/monospace-loader"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/jarekdanielak/monospace-loader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarekdanielak%2Fmonospace-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarekdanielak%2Fmonospace-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarekdanielak%2Fmonospace-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarekdanielak%2Fmonospace-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jarekdanielak","download_url":"https://codeload.github.com/jarekdanielak/monospace-loader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jarekdanielak%2Fmonospace-loader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32580217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["loader","monospace","pacman","progress-bar","web-component"],"created_at":"2026-05-03T18:36:17.843Z","updated_at":"2026-05-03T18:36:22.273Z","avatar_url":"https://github.com/jarekdanielak.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# monospace-loader\n\nMonospace font-based, Pac-Man style progress bar built as a framework-agnostic Web Component.\n\nWorks in plain HTML, React, Vue, or any other framework.\n\n![demo](./showcase/demo.gif)\n\n## Install\n\n```bash\nnpm install monospace-loader\n```\n\n## Usage\n\n### Plain HTML\n\n```html\n\u003cscript type=\"module\"\u003e\n  import 'monospace-loader';\n\u003c/script\u003e\n\n\u003cmonospace-loader progress=\"50\"\u003e\u003c/monospace-loader\u003e\n```\n\n### React\n\n```tsx\nimport MonospaceLoader from 'monospace-loader';\n\n\u003cMonospaceLoader progress={progress} trackColor=\"#aaa\" /\u003e\n```\n\n## Properties\n\n| HTML attribute | React prop   | Type     | Default   | Description                         |\n|----------------|--------------|----------|-----------|-------------------------------------|\n| `progress`     | `progress`   | `number` | `0`       | Fill amount, 0–100                  |\n| `cols`         | `cols`       | `number` | `32`      | Total character width               |\n| `color`        | `color`      | `string` | `#d35400` | Color of the Pac-Man character      |\n| `track-color`  | `trackColor` | `string`  | inherited | Color of brackets, dashes, and dots |\n| `forever`      | `forever`    | `boolean` | `false`   | Loops indefinitely, ignores `progress` |\n\nAll properties can also be set as JS properties:\n\n```js\nconst el = document.querySelector('monospace-loader');\nel.progress = 75;\nel.color = 'steelblue';\n```\n\n## Showcase\n\nThe repo includes a React app that demonstrates all props and variants.\n\n```bash\ngit clone https://github.com/jarekdanielak/monospace-loader\ncd monospace-loader\nnpm install\nnpm run dev\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarekdanielak%2Fmonospace-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjarekdanielak%2Fmonospace-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarekdanielak%2Fmonospace-loader/lists"}