{"id":19591906,"url":"https://github.com/catalyst/catalyst-frontend","last_synced_at":"2025-10-25T00:42:22.331Z","repository":{"id":33480297,"uuid":"93377773","full_name":"catalyst/catalyst-frontend","owner":"catalyst","description":"A configurable frontend build pipeline that caters for everything from simple SASS compilation only, right through to ES2015 plus React.","archived":false,"fork":false,"pushed_at":"2023-09-04T02:11:11.000Z","size":2020,"stargazers_count":3,"open_issues_count":7,"forks_count":6,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-05T00:51:10.449Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/catalyst.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-06-05T07:36:29.000Z","updated_at":"2023-02-21T23:00:58.000Z","dependencies_parsed_at":"2024-11-11T08:33:41.453Z","dependency_job_id":"a2d5094f-3945-41dc-9685-84027469903d","html_url":"https://github.com/catalyst/catalyst-frontend","commit_stats":{"total_commits":123,"total_committers":7,"mean_commits":"17.571428571428573","dds":0.5934959349593496,"last_synced_commit":"839d8daa2befeb04e9a9e846743eaf0b1961967c"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catalyst%2Fcatalyst-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catalyst%2Fcatalyst-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catalyst%2Fcatalyst-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catalyst%2Fcatalyst-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catalyst","download_url":"https://codeload.github.com/catalyst/catalyst-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251127513,"owners_count":21540303,"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-11-11T08:31:43.210Z","updated_at":"2025-10-25T00:42:17.279Z","avatar_url":"https://github.com/catalyst.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# catalyst-frontend\n\u003e A configurable frontend build pipeline that caters for everything from simple SASS compilation only, right through to ES2015 plus React.\n\n![catalyst-frontend preview](https://raw.githubusercontent.com/catalyst/catalyst-frontend/master/catalyst-frontend.gif)\n\n## Available functionality\n\nThis opinionated tool (as used at [Catalyst](http://catalyst.net.nz/)) aims to\nget you up and running with **one of two configurable frontend build pipelines** \n([Gulp](https://gulpjs.com/) or [Webpack](https://webpack.js.org/)). It\ngenerates documentation to get you started and gives you the config files so you\ncan tweak them further yourself if you like.\n\n### Gulp pipeline\n\nFor simple projects where you are not intending to utilise ES2015.\n\n#### Basic functionality:\n\n* [SASS](http://sass-lang.com/) (.scss) support\n  - [Autoprefixer](https://github.com/postcss/autoprefixer#autoprefixer-)\n  - CSS minification with [cssnano](http://cssnano.co/)\n  - [PostCSS Flexbugs Fixes](https://github.com/luisrudge/postcss-flexbugs-fixes)\n  - CSS sourcemaps\n* A basic [.editorconfig](http://editorconfig.org/)\n* Choice of project structures\n\n#### Optional functionality:\n\n* [Browsersync](https://browsersync.io/) integration for auto-reloading\n* JS file concatenation and minification\n  - sourcemaps\n* [jQuery](https://jquery.com/)\n* [Bootstrap](http://getbootstrap.com/) CSS - choice of Boostrap 3 or 4\n* [Bootstrap](http://getbootstrap.com/) JS\n\n### Webpack pipeline\n\nFor projects where you want to use ES6 transpilation.\n\n#### Basic functionality:\n\n* ES2015 transpilation with [Babel](https://babeljs.io/) (plus plugin-proposal-object-rest-spread)\n* [SASS](http://sass-lang.com/) (.scss) support\n  - [Autoprefixer](https://github.com/postcss/autoprefixer#autoprefixer-)\n  - CSS minification with [cssnano](http://cssnano.co/)\n  - [PostCSS Flexbugs Fixes](https://github.com/luisrudge/postcss-flexbugs-fixes)\n* Webpack build process\n  - [webpack-dev-server](https://webpack.github.io/docs/webpack-dev-server.html) with hot reload\n  - sourcemaps\n  - production build command\n* A basic [.editorconfig](http://editorconfig.org/)\n* Linting with [eslint](https://eslint.org/)\n* [babel-polyfill](https://babeljs.io/docs/en/babel-polyfill), [whatwg-fetch](https://github.com/whatwg/fetch) and [es6-promise](https://www.npmjs.com/package/es6-promise) support for older browsers\n\n#### Optional functionality:\n\n* [React](https://facebook.github.io/react/) and hot loading\n* [Jest](https://facebook.github.io/jest/) for testing\n* [Bootstrap 4](http://getbootstrap.com/)\n\n## Installation\n\nWe assume you have pre-installed [node.js](https://nodejs.org/en/download/) (for\na Ubuntu package managed version see [the package manager\ninstructions](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions))\nat least version 6.\n\nInstall catalyst-frontend for global use (you may need to run this command as\nroot):\n\n```bash\nnpm install -g catalyst-frontend\n```\n\n## Usage\n\nFrom the location where you want your project to be located, generate your new\nproject:\n\n```bash\ncatalyst-frontend\n```\n\nYou'll be asked questions about your project and the build pipeline will be\nbuilt according to your answers.\n\n## Storing configuration\n\nWhen you run the generator a `.yo-rc.json` file will be generated that remembers\nthe answers you provided. If you want to force the project to re-ask you the\nquestions next time, just re-run with the `--reconfigure` flag set.\n\n```bash\ncatalyst-frontend --reconfigure\n```\n\n## TODO\n\n* Ask for project setup parameters e.g. tabs vs whitespaces, semicolons or not\n\n## License\n\nGPL-3.0 © [Catalyst](https://catalyst.net.nz/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatalyst%2Fcatalyst-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatalyst%2Fcatalyst-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatalyst%2Fcatalyst-frontend/lists"}