{"id":23410866,"url":"https://github.com/adenekan41/generator-compiled-html","last_synced_at":"2025-04-12T03:23:00.161Z","repository":{"id":57246774,"uuid":"243136528","full_name":"adenekan41/generator-compiled-html","owner":"adenekan41","description":"☔️Generator package for compiled-html","archived":false,"fork":false,"pushed_at":"2020-02-29T21:45:04.000Z","size":92,"stargazers_count":2,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T22:51:29.921Z","etag":null,"topics":["codewonders","compiled-html","component-html","gulp","html","javascript"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/generator-compiled-html","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/adenekan41.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}},"created_at":"2020-02-26T01:00:16.000Z","updated_at":"2020-02-29T21:45:06.000Z","dependencies_parsed_at":"2022-08-24T16:50:23.271Z","dependency_job_id":null,"html_url":"https://github.com/adenekan41/generator-compiled-html","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adenekan41%2Fgenerator-compiled-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adenekan41%2Fgenerator-compiled-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adenekan41%2Fgenerator-compiled-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adenekan41%2Fgenerator-compiled-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adenekan41","download_url":"https://codeload.github.com/adenekan41/generator-compiled-html/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248510741,"owners_count":21116260,"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":["codewonders","compiled-html","component-html","gulp","html","javascript"],"created_at":"2024-12-22T17:52:46.112Z","updated_at":"2025-04-12T03:23:00.124Z","avatar_url":"https://github.com/adenekan41.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Drag Racing](https://i.ibb.co/Kr7v5Db/compiled-1.png)\n\n# Compiled HTML Generator [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage percentage][coveralls-image]][coveralls-url]\n\n[![NPM](https://nodei.co/npm/generator-compiled-html.png)](https://nodei.co/npm/generator-compiled-html/)\n\n\u003e A Starter project to make writing html really simple and easy powered by gulp.\n\n### ⚡️ Live Reload\n\n### 🔥 Component Based\n\n### 🔧 ~1MB\n\n### 📝 Raw HTML\n\n### ✅ SCSS supported\n\n### 🚀 Deploy With Surge\n\n## Helper Functions\n\n\u003e Still in progress coming up with useful helper by gulp-file-include and some other useful compilers\n\n## Installation\n\nFirst, install [Yeoman](http://yeoman.io) and generator-compiled-html using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).\n\n```bash\nnpm install -g yo\nnpm install -g generator-compiled-html\n```\n\nThen generate your new project:\n\n```bash\nyo compiled-html\n```\n\n## Usage\n\nGetting familiar with the template and you want to use some helper functions in your HTML file like import sidebar components or generate head components differently for each files\n`@`, Prefix to the world just import using them the following ways.\n\n`index.html`\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    @include('./components/head.html', {\"title\": \"Dashboard\"})\n  \u003c/head\u003e\n  \u003cbody\u003e\n    @include('./components/view.html')\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n`/components/head.html`\n\n```html\n\u003cmeta charset=\"utf-8\" /\u003e\n\u003ctitle\u003e@title of my first compiled html\u003c/title\u003e\n\u003cmeta name=\"description\" content=\"\" /\u003e\n\u003cmeta name=\"author\" content=\"\" /\u003e\n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n```\n\n`/components/view.html`\n\n```html\n\u003ch2\u003eHello There\u003c/h2\u003e\n```\n\nNow your compiled HTML file should look like this\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"utf-8\" /\u003e\n    \u003ctitle\u003e@title of my first compiled html\u003c/title\u003e\n    \u003cmeta name=\"description\" content=\"\" /\u003e\n    \u003cmeta name=\"author\" content=\"\" /\u003e\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ch2\u003eHello There\u003c/h2\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n### [see more of what you can do here](https://www.npmjs.com/package/gulp-file-include)\n\n## Useful commands\n\n```sh\n$ npm run start #starts the app\n$ npm run copy #copies any html code in working directory to build directory\n$ npm run flush #delets cached compile by gulp\n$ npm run watch #watchs files and updates\n$ npm run connect #starts server without running gulp default\n$ npm run deploy #deploys to surge automatically\n```\n\n## Getting To Know Yeoman\n\n- Yeoman has a heart of gold.\n- Yeoman is a person with feelings and opinions, but is very easy to work with.\n- Yeoman can be too opinionated at times but is easily convinced not to be.\n- Feel free to [learn more about Yeoman](http://yeoman.io/).\n\n## License\n\nMIT © [Adenekan Wonderful]()\n\n[npm-image]: https://badge.fury.io/js/generator-compiled-html.svg\n[npm-url]: https://npmjs.org/package/generator-compiled-html\n[travis-image]: https://travis-ci.com/adenekan41/generator-compiled-html.svg?branch=master\n[travis-url]: https://travis-ci.com/adenekan41/generator-compiled-html\n[daviddm-image]: https://david-dm.org/adenekan41/generator-compiled-html.svg?theme=shields.io\n[daviddm-url]: https://david-dm.org/adenekan41/generator-compiled-html\n[coveralls-image]: https://coveralls.io/repos/adenekan41/generator-compiled-html/badge.svg\n[coveralls-url]: https://coveralls.io/r/adenekan41/generator-compiled-html\n\n\u003c!-- {blockquote: style='display:none'} --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadenekan41%2Fgenerator-compiled-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadenekan41%2Fgenerator-compiled-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadenekan41%2Fgenerator-compiled-html/lists"}