{"id":15389739,"url":"https://github.com/joshgillies/hyperify","last_synced_at":"2025-07-25T20:38:38.964Z","repository":{"id":140003933,"uuid":"89753632","full_name":"joshgillies/hyperify","owner":"joshgillies","description":"Browserify transform for hyperHTML templates","archived":false,"fork":false,"pushed_at":"2017-06-01T21:42:47.000Z","size":23,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-07T01:54:09.856Z","etag":null,"topics":["browserify-transform","hyperhtml"],"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/joshgillies.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}},"created_at":"2017-04-29T00:11:00.000Z","updated_at":"2023-03-08T05:04:17.000Z","dependencies_parsed_at":"2023-05-01T03:47:57.753Z","dependency_job_id":null,"html_url":"https://github.com/joshgillies/hyperify","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"af43be7662b9ec69acf52f064e9784364564d87d"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/joshgillies/hyperify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshgillies%2Fhyperify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshgillies%2Fhyperify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshgillies%2Fhyperify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshgillies%2Fhyperify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joshgillies","download_url":"https://codeload.github.com/joshgillies/hyperify/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshgillies%2Fhyperify/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267058148,"owners_count":24028966,"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","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["browserify-transform","hyperhtml"],"created_at":"2024-10-01T15:03:12.742Z","updated_at":"2025-07-25T20:38:38.921Z","avatar_url":"https://github.com/joshgillies.png","language":"JavaScript","readme":"# hyperify\n\n[![Build Status][0]][1]\n[![Standard - JavaScript Style Guide][2]][3]\n\n\u003e Browserify transform for [hyperHTML][hyper] templates :zap:\n\nCredit for the idea behind this module goes to [@WebReflection][WebReflection] for outlining a similar approach with https://github.com/WebReflection/viperHTML#handy-patterns. :+1:\n\n## Example\n\nindex.js\n```js\nvar hyperHTML = require('hyperhtml')\nvar template = require('./template.html')\nvar render = hyperHTML.bind(document.body)\n\ntemplate(render, {\n  text: \"Hello world!\"\n})\n```\n\ntemplate.html\n```html\n\u003cdiv\u003e\n  ${data.text}\n\u003c/div\u003e\n```\n\nThe template compiles down to effectively the following function:\n\n```js\nfunction (render, data) {\n  return render`\u003cdiv\u003e\n    ${data.text}\n  \u003c/div\u003e`\n}\n```\n\n## Usage\n\nInstall `hyperify` via [npm][npm]:\n\n```sh\nnpm install hyperify -D\n```\n\nor [yarn][yarn]:\n\n```sh\nyarn add hyperify -D\n```\n\nThen add `hyperify` to your list of `browserify` transforms:\n\n```sh\nbrowserify -t hyperify index.js \u003e bundle.js\n```\n\nAdditionally you can configure `hyperify` via CLI as follows:\n\n```sh\nbrowserify -t [ hyperify -e '.hyper.html' -a render -a model ] index.js \u003e bundle.js\n```\n\n## Options\n\n - **-e** | **--ext** | **--extension** - Define which file extension to apply the transform to. *Default: `'.html'`*\n - **-a** | **--args** | **--arguments** - Define which arguments the template function should be called with. *Default: `['render', 'data']`*\n   _Note: the first arg should always be your render function._\n\n## License\n\nMIT\n\n[0]: https://travis-ci.org/joshgillies/hyperify.svg?branch=master\n[1]: https://travis-ci.org/joshgillies/hyperify\n[2]: https://img.shields.io/badge/code_style-standard-brightgreen.svg\n[3]: http://standardjs.com/\n[npm]: https://npmjs.com\n[yarn]: https://yarnpkg.com/\n[hyper]: https://github.com/WebReflection/hyperHTML\n[WebReflection]: https://github.com/WebReflection\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshgillies%2Fhyperify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoshgillies%2Fhyperify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshgillies%2Fhyperify/lists"}