{"id":13827435,"url":"https://github.com/SaraVieira/styled","last_synced_at":"2025-07-09T03:32:15.726Z","repository":{"id":79211323,"uuid":"120132195","full_name":"SaraVieira/styled","owner":"SaraVieira","description":"The styled-components `preact-cli` template.","archived":false,"fork":false,"pushed_at":"2018-02-03T21:42:35.000Z","size":98,"stargazers_count":15,"open_issues_count":1,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-11-16T09:06:10.261Z","etag":null,"topics":[],"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/SaraVieira.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}},"created_at":"2018-02-03T21:41:44.000Z","updated_at":"2019-08-01T06:20:43.000Z","dependencies_parsed_at":"2023-02-27T07:16:58.908Z","dependency_job_id":null,"html_url":"https://github.com/SaraVieira/styled","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SaraVieira%2Fstyled","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SaraVieira%2Fstyled/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SaraVieira%2Fstyled/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SaraVieira%2Fstyled/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SaraVieira","download_url":"https://codeload.github.com/SaraVieira/styled/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225481530,"owners_count":17481175,"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":"2024-08-04T09:01:57.022Z","updated_at":"2024-11-20T06:31:47.914Z","avatar_url":"https://github.com/SaraVieira.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# preact-styled-boilerplate\n\n## Documentation\n- This is the styled template for [preact-cli](https://github.com/developit/preact-cli).\n- [For Preact](https://preactjs.com/): General information about how to work with Preact, not specific to this template\n- This template is the styled-components version of the default template for preact cli\n\n## Usage\n\n``` bash\n$ npm install -g preact-cli\n$ preact create SaraVieira/styled my-project\n$ cd my-project\n$ npm install\n$ npm run dev\n```\n\nDevelopment server runs on port `8080`. If the styled port is already in use on your machine it will start the development server on a random port.\n\n## Commands\n\n- `npm run start`: Runs `serve` or `dev`, depending on `NODE_ENV` value. defaults to `dev server`\n\n- `npm run dev`: Run a development, HMR server\n\n- `npm run serve`: Run a production-like server\n\n- `npm run build`: Production-ready build\n\n- `npm run lint`: Pass JavaScript files using ESLint\n\n- `npm run test`: Run Jest and [`preact-render-spy`](https://github.com/mzgoddard/preact-render-spy) for your tests\n\n### How to Test\n\nThe `styled` template provides a basic test setup with Jest and [`preact-render-spy`](https://github.com/mzgoddard/preact-render-spy). You are free to change preact-render-spy with any other assertion library. The advantage of it is that it supports a similiar terminology and feature set as the Enzyme library for testing React applications.\n\nYou can run all additional Jest CLI commands with the `npm run test` command as described in the [Jest docs](https://facebook.github.io/jest/docs/en/cli.html#using-with-npm-scripts). For example, running jest in watch mode would be :\n\n- `npm run test -- --watch` instead of  `jest --watch `\n\n### Fork It And Make Your Own\n\nYou can fork this repo to create your own boilerplate, and use it with `preact-cli`:\n\n``` bash\npreact create username/repo my-project\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSaraVieira%2Fstyled","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSaraVieira%2Fstyled","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSaraVieira%2Fstyled/lists"}