{"id":15511642,"url":"https://github.com/okwolf/hyperapp-scripts","last_synced_at":"2025-10-12T08:31:47.614Z","repository":{"id":57210311,"uuid":"118282854","full_name":"okwolf/hyperapp-scripts","owner":"okwolf","description":"Hyperapp expansion pack for create-react-app","archived":false,"fork":false,"pushed_at":"2023-06-19T08:11:56.000Z","size":39,"stargazers_count":39,"open_issues_count":0,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-20T12:47:13.296Z","etag":null,"topics":["create-react-app","hyperapp","zero-configuration"],"latest_commit_sha":null,"homepage":"","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/okwolf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-01-20T21:38:49.000Z","updated_at":"2024-03-17T10:25:09.000Z","dependencies_parsed_at":"2023-07-25T14:05:27.069Z","dependency_job_id":null,"html_url":"https://github.com/okwolf/hyperapp-scripts","commit_stats":null,"previous_names":["okwolf/cra-hyperapp"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okwolf%2Fhyperapp-scripts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okwolf%2Fhyperapp-scripts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okwolf%2Fhyperapp-scripts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okwolf%2Fhyperapp-scripts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/okwolf","download_url":"https://codeload.github.com/okwolf/hyperapp-scripts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236188346,"owners_count":19109391,"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":["create-react-app","hyperapp","zero-configuration"],"created_at":"2024-10-02T09:53:09.523Z","updated_at":"2025-10-12T08:31:47.292Z","avatar_url":"https://github.com/okwolf.png","language":"JavaScript","readme":"# Zero-configuration [create-react-app](https://github.com/facebook/create-react-app) style projects with [Hyperapp](https://github.com/hyperapp/hyperapp)\n\nThis package offers a wrapper around the `start`, `build`, and `test` scripts from [`react-scripts`](https://github.com/facebook/create-react-app/tree/master/packages/react-scripts) with customizations to make them work with Hyperapp.\n\nNote: if you want to quickly get started with Hyperapp, you probably want [`create-hyperapp`](https://github.com/okwolf/create-hyperapp) instead.\n\n## Starting a new project from scratch\n\nStart by creating a new folder for your awesome new Hyperapp project and initialize a new project with [npm](https://nodejs.org/en/download).\n\n```console\nmkdir my-awesome-project\ncd my-awesome-project\nmkdir public src\nnpm init -y\n```\n\nInstall your dependencies (they're good for your health).\n\n```console\nnpm i hyperapp\nnpm i -D hyperapp-scripts\n```\n\nThen open your `package.json` in your favorite text editor and add your scripts.\n\n```diff\n\"scripts\": {\n+  \"start\": \"hyperapp-scripts\",\n+  \"build\": \"hyperapp-scripts build\",\n+  \"test\": \"hyperapp-scripts test\"\n},\n```\n\nCreate a `public/index.html` file.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eMy awesome app!\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cdiv id=\"app\"\u003e\u003c/div\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nNext create a `src/index.js` file with a basic hello world app.\n\n```jsx\nimport { h, app } from \"hyperapp\";\n\nconst state = { title: \"Hi.\" };\nconst view = state =\u003e \u003ch1\u003e{state.title}\u003c/h1\u003e;\n\napp({\n  init: () =\u003e state,\n  view,\n  node: document.getElementById(\"app\")\n});\n```\n\nFinally start your app and gaze upon its glory.\n\n```console\nnpm start\n```\n\nCongratulations! Your app is now ready to make even more awesome! 😎\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokwolf%2Fhyperapp-scripts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fokwolf%2Fhyperapp-scripts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokwolf%2Fhyperapp-scripts/lists"}