{"id":22665160,"url":"https://github.com/br0ken-/prototyping-tool","last_synced_at":"2026-04-10T07:03:08.751Z","repository":{"id":139226364,"uuid":"63750212","full_name":"BR0kEN-/prototyping-tool","owner":"BR0kEN-","description":"Do \"npm install\" and start prototyping.","archived":false,"fork":false,"pushed_at":"2018-05-19T21:53:49.000Z","size":138,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"webpack","last_synced_at":"2025-02-04T00:34:00.910Z","etag":null,"topics":["babel","eslint","gulp","php","postcss","prototype-kit","scss","stylelint","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BR0kEN-.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2016-07-20T04:28:51.000Z","updated_at":"2018-05-19T21:53:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"f5f9a908-2f60-4067-b4e9-23efed8a61e5","html_url":"https://github.com/BR0kEN-/prototyping-tool","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/BR0kEN-%2Fprototyping-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BR0kEN-%2Fprototyping-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BR0kEN-%2Fprototyping-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BR0kEN-%2Fprototyping-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BR0kEN-","download_url":"https://codeload.github.com/BR0kEN-/prototyping-tool/tar.gz/refs/heads/webpack","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246165492,"owners_count":20734042,"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":["babel","eslint","gulp","php","postcss","prototype-kit","scss","stylelint","webpack"],"created_at":"2024-12-09T13:19:52.661Z","updated_at":"2026-04-10T07:03:08.646Z","avatar_url":"https://github.com/BR0kEN-.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Prototyping Tool\n\n## Installation\n\n```bash\nnpm install\n```\n\n## Features\n\n- ES6 syntax today: let [Webpack](https://github.com/webpack/webpack) do a dirty job.\n- Live reload: track changes in SCSS, JS and PHP files.\n- [PostCSS](https://github.com/postcss/postcss) and [Autoprefixer](https://github.com/postcss/autoprefixer): write only clean CSS.\n- Quality: SCSS \u0026 JavaScript code sniffers ([ESLint](https://github.com/eslint/eslint) and [StyleLint](https://github.com/stylelint/stylelint)).\n- Configurability: [Babel](.babelrc), [Bower](.bowerrc), [BrowsersList](.browserslistrc), [ESLint](.eslintrc), [PostCSS](.postcssrc) and [StyleLint](.stylelintrc) configs are open to you.\n\n## Tasks\n\n- `npm start` - starts a built-in PHP web-server that tracks changes of all sources.\n- `npm run build` - compiles the code in production-ready mode.\n\n## Requirements\n\n- PHP \u003e= 5.4\n- NPM \u003e= 4\n- Node.js\n\n## Notes\n\n- Why my resulting JS is about 500 Kb when `main.js` is empty?\n\n  The file is not exactly empty - it has `import 'babel-polyfill'` for adding all missing ES6 features. Running `npm start` your application starts in `development` mode when JS is not compressed. If you run `npm run build` that compiles production-ready code the total size will be around 100 Kb. You also may consider removing `import 'babel-polyfill'` to have compiled file empty, but missing (in various browsers) ES6 features will no longer be available.\n\n- Where and how the development server starts?\n\n  To up the server and allow you to code we're using [PHP's built-in web-server](http://php.net/manual/en/features.commandline.webserver.php) that is available from 5.4. It'll be serving an application at http://127.0.0.1:9011 but you may change this in [config.json](config.json). Nobody requires you to code in PHP, you can just simply add a plain HTML in [dist/index.php](dist/index.php) and do your app only using JavaScript and/or SCSS.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbr0ken-%2Fprototyping-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbr0ken-%2Fprototyping-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbr0ken-%2Fprototyping-tool/lists"}