{"id":15398384,"url":"https://github.com/ototot/gulp-feather","last_synced_at":"2025-08-10T06:14:38.324Z","repository":{"id":40550503,"uuid":"317314592","full_name":"oToToT/gulp-feather","owner":"oToToT","description":"Render feathericons on the server-side using gulp","archived":false,"fork":false,"pushed_at":"2025-07-28T20:22:00.000Z","size":313,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-09T07:34:48.796Z","etag":null,"topics":["feather","feathericons","gulp","gulp-plugin","gulpplugin"],"latest_commit_sha":null,"homepage":"https://npmjs.com/gulp-feather","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/oToToT.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,"zenodo":null}},"created_at":"2020-11-30T18:43:03.000Z","updated_at":"2025-07-28T20:21:58.000Z","dependencies_parsed_at":"2024-06-22T06:10:52.269Z","dependency_job_id":"723be3cc-58ab-47d5-9bbe-2ae15b5c2c22","html_url":"https://github.com/oToToT/gulp-feather","commit_stats":{"total_commits":35,"total_committers":2,"mean_commits":17.5,"dds":0.08571428571428574,"last_synced_commit":"4a9d7c25632f2a371233fcdf332f1b5da3c1f782"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/oToToT/gulp-feather","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oToToT%2Fgulp-feather","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oToToT%2Fgulp-feather/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oToToT%2Fgulp-feather/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oToToT%2Fgulp-feather/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oToToT","download_url":"https://codeload.github.com/oToToT/gulp-feather/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oToToT%2Fgulp-feather/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269683698,"owners_count":24458738,"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","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["feather","feathericons","gulp","gulp-plugin","gulpplugin"],"created_at":"2024-10-01T15:42:59.523Z","updated_at":"2025-08-10T06:14:38.268Z","avatar_url":"https://github.com/oToToT.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gulp-feather\n\n[![version](https://img.shields.io/npm/v/gulp-feather?color=brightgreen\u0026label=version)](https://www.npmjs.com/package/gulp-feather)\n![Test Package](https://github.com/oToToT/gulp-feather/workflows/CI/badge.svg)\n\n## What is gulp-feather\n\nThis package allows you to use [Feather](https://github.com/feathericons/feather) without executing any JavaScript on the client-side by rendereing icons on the server-side using [jsdom](https://github.com/jsdom/jsdom) with [gulp](https://gulpjs.com/).\n\n## Install\n\n```bash\n$ npm install --save-dev gulp-feather\n```\n\n## Usage\n\n\u003e **Note:** This is directly copied from the [API Reference of Feather](https://github.com/feathericons/feather/blob/b15b4a7535d83172d7dee408b4cf099b0550bdcb/README.md)\n\n### `featherify([attrs])`\n\nReplaces all elements that have a `data-feather` attribute with SVG markup corresponding to the element's `data-feather` attribute value.\n\n#### Parameters\n\n| Name       | Type   | Description |\n| ---------- | ------ | ----------- |\n| `attrs` (optional)  | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `\u003csvg\u003e` tag (e.g. `{ foo: 'bar' }` maps to `foo=\"bar\"`). All default attributes on the `\u003csvg\u003e` tag can be overridden with the `attrs` object. |\n\n#### Usage\n\nSimple usage:\n\n`gulpfile.js`\n\n```javascript\nconst gulp = require('gulp');\nconst featherify = require('gulp-feather');\n\ngulp.task('html', function () {\n  gulp.src('./*.html')\n    .pipe(featherify())\n    .pipe(gulp.dest('./dest'));\n});\n\ngulp.task('default', ['html']);\n```\n\n`index.html`\n\n```html\n\u003ci data-feather=\"circle\"\u003e\u003c/i\u003e\n```\n\n`dest/index.html`\n\n```html\n\u003csvg class=\"feather feather-circle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c/circle\u003e\u003c/svg\u003e\n```\n\nYou can pass `featherify` an `attrs` object:\n\n`gulpfile.js`\n\n```javascript\nconst gulp = require('gulp');\nconst featherify = require('gulp-feather');\n\ngulp.task('html', function () {\n  gulp.src('./*.html')\n    .pipe(featherify({ class: 'foo bar', 'stroke-width': 1 }))\n    .pipe(gulp.dest('./dest'));\n});\n\ngulp.task('default', ['html']);\n```\n\n`index.html`\n\n```html\n\u003ci data-feather=\"circle\"\u003e\u003c/i\u003e\n```\n\n`dist/index.html`\n\n```html\n\u003csvg class=\"feather feather-circle foo bar\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c/circle\u003e\u003c/svg\u003e\n```\n\nAll attributes on the placeholder element (i.e. `\u003ci\u003e`) will be copied to the `\u003csvg\u003e` tag:\n\n`gulpfile.js`\n\n```javascript\nconst gulp = require('gulp');\nconst featherify = require('gulp-feather');\n\ngulp.task('html', function () {\n  gulp.src('./*.html')\n    .pipe(featherify())\n    .pipe(gulp.dest('./dest'));\n});\n\ngulp.task('default', ['html']);\n```\n\n`index.html`\n\n```html\n\u003ci data-feather=\"circle\" id=\"my-circle\" class=\"foo bar\" stroke-width=\"1\"\u003e\u003c/i\u003e\n```\n\n`dist/index.html`\n\n```html\n\u003csvg id=\"my-circle\" class=\"feather feather-circle foo bar\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c/circle\u003e\u003c/svg\u003e\n```\n\n## License\n\n[MIT](https://github.com/oToToT/gulp-feather/blob/main/LICENSE) © [oToToT](https://github.com/oToToT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fototot%2Fgulp-feather","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fototot%2Fgulp-feather","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fototot%2Fgulp-feather/lists"}