{"id":16593407,"url":"https://github.com/mrozbarry/hyperapp-debug","last_synced_at":"2025-06-18T18:08:24.638Z","repository":{"id":38535518,"uuid":"122147368","full_name":"mrozbarry/hyperapp-debug","owner":"mrozbarry","description":"A debug HOA for hyperapp","archived":false,"fork":false,"pushed_at":"2024-04-05T03:18:18.000Z","size":59794,"stargazers_count":12,"open_issues_count":25,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-05-27T06:09:21.498Z","etag":null,"topics":["debug","hyperapp"],"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/mrozbarry.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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}},"created_at":"2018-02-20T02:36:10.000Z","updated_at":"2023-11-22T17:12:43.000Z","dependencies_parsed_at":"2024-10-28T10:27:45.399Z","dependency_job_id":"a77c3b10-f02d-44c3-9b23-ccc558f95656","html_url":"https://github.com/mrozbarry/hyperapp-debug","commit_stats":{"total_commits":57,"total_committers":3,"mean_commits":19.0,"dds":0.1228070175438597,"last_synced_commit":"5f3f27ff5e89c745580cae5ac476bf491c4ab261"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"purl":"pkg:github/mrozbarry/hyperapp-debug","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrozbarry%2Fhyperapp-debug","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrozbarry%2Fhyperapp-debug/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrozbarry%2Fhyperapp-debug/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrozbarry%2Fhyperapp-debug/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrozbarry","download_url":"https://codeload.github.com/mrozbarry/hyperapp-debug/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrozbarry%2Fhyperapp-debug/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260606509,"owners_count":23035353,"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":["debug","hyperapp"],"created_at":"2024-10-11T23:26:34.123Z","updated_at":"2025-06-18T18:08:19.623Z","avatar_url":"https://github.com/mrozbarry.png","language":"JavaScript","readme":"# \u003cimg height=24 src=https://cdn.rawgit.com/JorgeBucaran/f53d2c00bafcf36e84ffd862f0dc2950/raw/882f20c970ff7d61aa04d44b92fc3530fa758bc0/Hyperapp.svg\u003e Hyperapp Debug\n\n[![Mozilla Add-on](https://img.shields.io/amo/dw/hyperapp-debug-dev-tools)](https://addons.mozilla.org/en-US/firefox/addon/hyperapp-debug-dev-tools/)\n[![Travis CI](https://img.shields.io/travis/mrozbarry/hyperapp-debug.svg)](https://travis-ci.org/mrozbarry/hyperapp-debug)\n[![npm](https://img.shields.io/npm/v/hyperapp-debug.svg)](https://www.npmjs.com/package/hyperapp-debug)\n[![Slack](https://hyperappjs.herokuapp.com/badge.svg)](https://hyperappjs.herokuapp.com \"Join us\")\n\n![](./docs/firefox-screenshot.png)\n\nA debugger for your [Hyperapp](https://github.com/hyperapp/hyperapp) applications.\n\n## What is it\n\n[hyperapp-debug](https://github.com/mrozbarry/hyperapp-debug) is a browser extension and higher-order app wrapper for your hyperapp applications.\nIt is a tool similar to redux-dev-tools or vue-dev-tools, with tighter integration to the Hyperapp paradigm.\nTo debug your application, you must install the browser extension. Don't worry, I don't collect any information at all, and the addon will always be free.\n\n## Hyperapp V1\n\nIf you are debugging Hyperapp V1 applications, check out [the legacy debugger](https://github.com/mrozbarry/hyperapp-debug/tree/hyperapp-v1-debugger).\n\n## Installation\n\nInstall with npm or Yarn.\n\n\u003cpre\u003e\nnpm i \u003ca href=https://www.npmjs.com/package/hyperapp-debug\u003ehyperapp-debug\u003c/a\u003e\n\u003c/pre\u003e\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { app, h } from 'hyperapp';\nimport withDebug from 'hyperapp-debug';\n```\n\nOr with `\u003cscript type=\"module\"\u003e` and unpkg:\n\n```js\nimport { app, h } from 'https://unpkg.com/hyperapp?module=1';\nimport withDebug from 'https://unpkg.com/hyperapp-debug?module=1';\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp Debug from a CDN like [unpkg.com](https://unpkg.com/hyperapp-debug), and it will be globally available through the \u003csamp\u003ewindow['hyperapp-debug'].default\u003c/samp\u003e object.\nhyperapp-debug supports all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\u003chead\u003e\n  \u003cscript src=\"https://unpkg.com/hyperapp\"\u003e\u003c/script\u003e\n  \u003cscript src=\"https://unpkg.com/hyperapp-debug\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003cscript\u003e\n    const { app, h } = window.hyperapp;\n    const withDebug = window['hyperapp-debug'].default;\n    // Your code here...\n  \u003c/script\u003e\n\u003c/body\u003e\n```\n\n## Usage\n\nUse \u003csamp\u003edebug\u003c/samp\u003e to wrap Hyperapp's \u003csamp\u003eapp\u003c/samp\u003e function.\n\n```js\nimport { app } from 'hyperapp';\nimport withDebug from 'hyperapp-debug';\n\nwithDebug(app)({\n  init: {},\n  view: () =\u003e null,\n  subscriptions: () =\u003e [],\n  node: document.getElementById('your-app'),\n});\n```\n\nThe debugger will only work if you also install the Firefox/Chrome Extension.\n\n## History\n\nFor those coming from the elm community, you may notice much inspiration from Elm's time-travelling debugger :heart:.\n\n## Contributing\n\nCheck out the [CONTRIBUTING.md](./CONTRIBUTING.md) guidelines for more information.\n\n## License\n\nHyperapp Debug is MIT licensed. See [LICENSE.md](LICENSE.md).\n\n## Other similar tools\n\n - [hyperapp-redux-devtools](https://github.com/andyrj/hyperapp-redux-devtools)\n - [hyperapp-devtools](https://github.com/hyperstart/hyperapp-devtools)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrozbarry%2Fhyperapp-debug","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrozbarry%2Fhyperapp-debug","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrozbarry%2Fhyperapp-debug/lists"}