{"id":20368522,"url":"https://github.com/greybax/brandifyjs","last_synced_at":"2025-04-12T05:43:11.167Z","repository":{"id":20501069,"uuid":"90089364","full_name":"greybax/brandifyjs","owner":"greybax","description":":cyclone: Text transformer/replacer with SVG icons for popular brands","archived":false,"fork":false,"pushed_at":"2023-02-27T16:30:34.000Z","size":1283,"stargazers_count":3,"open_issues_count":20,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-12T05:43:02.521Z","etag":null,"topics":["brand","brand-assets","branding","branding-assets","brands","icons","logo","logos","modifier","replace","replace-text","replace-the-web","replacement","replacer","svg","svg-icons","svg-images","svgo","text-replace","text-transformations"],"latest_commit_sha":null,"homepage":"https://brandifyjs.js.org","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/greybax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-05-02T23:56:33.000Z","updated_at":"2023-02-17T00:35:12.000Z","dependencies_parsed_at":"2024-11-15T00:41:41.263Z","dependency_job_id":null,"html_url":"https://github.com/greybax/brandifyjs","commit_stats":{"total_commits":99,"total_committers":6,"mean_commits":16.5,"dds":0.5454545454545454,"last_synced_commit":"5ccb3560ae9ab312b017f87226712e94cf182a23"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fbrandifyjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fbrandifyjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fbrandifyjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greybax%2Fbrandifyjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/greybax","download_url":"https://codeload.github.com/greybax/brandifyjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248525157,"owners_count":21118616,"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":["brand","brand-assets","branding","branding-assets","brands","icons","logo","logos","modifier","replace","replace-text","replace-the-web","replacement","replacer","svg","svg-icons","svg-images","svgo","text-replace","text-transformations"],"created_at":"2024-11-15T00:41:34.499Z","updated_at":"2025-04-12T05:43:11.139Z","avatar_url":"https://github.com/greybax.png","language":"JavaScript","readme":"# BrandifyJS\n\n[![NPM version][npm-image]][npm-url]\n[![Build Status][travis-image]][travis-url]\n[![Coveralls Status][coveralls-image]][coveralls-url]\n[![Dependency Status][depstat-image]][depstat-url]\n[![DevDependency Status][depstat-dev-image]][depstat-dev-url]\n[![JS.ORG Status][jsorg-image]][jsorg-url]\n\n[![Patreon](https://c5.patreon.com/external/logo/become_a_patron_button.png)](https://www.patreon.com/bePatron?u=14980891)\n\nWe are all to used to use different kind of emojies. Each of them has some code which transforms to icon.\nSo what about transform typical words in text to icon? This tool is all about it! :sunny: :surfer:\n\n\u003e This is a JS library which helps you to add company icons in your text.\nIcons are using from cool repository :cherries: :rocket: - [simple-icons](https://github.com/simple-icons/simple-icons) \n\n## Where I can use it?\n\nThis tool can work as with plain text and with html without any modification of DOM. Replace only those `#text nodes` where finds brand names.\n\n## Playground:\n\nYou can try BrandifyJS web interface: [greybax.github.io/brandifyjs](https://greybax.github.io/brandifyjs) \n\n## How to Use:\n\n### 1. NPM\n\n```\nnpm install brandifyjs\n```\n\n```js\nconst brandify = require('brandifyjs');\n\nlet myText = `\nThis is a text to brand icons replaced for lot of famous brands companies, technologies and tools...\nTwitter, Github and more ...\nThanks for cool icons to simple icons!\n`;\n\nlet newText = brandify(myText);\n```\n\n**Output**:\n\n```html\nThis is a text to brand icons replaced for lot of famous brands companies, tehnologies and tools...\n\u003csvg class=\"svg-brandify brandify-icon-twitter\" fill=\"#1DA1F2\"  viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"1.414\"\u003e\u003cpath d=\"M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z\" fill-rule=\"nonzero\"/\u003e\u003c/svg\u003e, \u003csvg class=\"svg-brandify brandify-icon-github\" fill=\"#181717\"  viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"1.414\"\u003e\u003cpath d=\"M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8\"/\u003e\u003c/svg\u003e and more ...\nThanks for cool icons to \u003csvg class=\"svg-brandify brandify-icon-simpleicons\" fill=\"#111111\"  viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"1.414\"\u003e\u003cpath d=\"M10 15h3v1H3v-1h3v-4h1v4h2v-4h1v4zm-6-3.02V12c0 .74.2 1.432.552 2.027H3.43C3.152 13.407 3 12.72 3 12v-.02h1zM8 7c2.76 0 5 2.24 5 5 0 .72-.153 1.407-.43 2.027h-1.12c.35-.595.552-1.288.552-2.027 0-2.208-1.792-4-4-4V7zm3 3H5v1h6v-1zM8 8C5.792 8 4 6.208 4 4s1.792-4 4-4 4 1.792 4 4h-1c0-1.656-1.344-3-3-3S5 2.344 5 4s1.344 3 3 3v1zm0-6c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm0 1c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z\"/\u003e\u003c/svg\u003e!\n```\n\n### 2. `\u003cscript\u003e\u003c/script\u003e` tag\n\n```html\n\u003cscript src=\"dist/brandifyjs-browser.js\"\u003e\u003c/script\u003e\n\n...\n\u003cscript type=\"text/javascript\"\u003e\n    brandify(text, params);\n\u003c/script\u003e\n```\n\n## API\n\n* `brandify(text)` or `brandify(text, 'replace')`\n\u003e Just replace all matched text on their icons\n* `brandify(text, 'before')`\n\u003e Will insert icons before matched text\n* `brandify(text, 'after')`\n\u003e Will insert icons after matched text\n\n## Development\n\nClone the repo.\n    \n```\n// install npm scripts\nnpm install\n\n// create modified dist/simple-icons.json\nnpm run init\n\n// create browser script in dist/brandifyjs-browser.js\nnpm run browserify\n\n// starts lite-server with index.html\nnpm run dev\n```\n\n## Test\n\n```\n// run mocha tests from test.js\nnpm test\n```\n\n## License\n\nMIT © [Aleksandr Filatov](https://alfilatov.com)\n\n[npm-url]: https://npmjs.org/package/brandifyjs\n[npm-image]: https://img.shields.io/npm/v/brandifyjs.svg\n\n[travis-url]: https://travis-ci.org/greybax/brandifyjs\n[travis-image]: https://img.shields.io/travis/greybax/brandifyjs/master.svg?style=flat-square\n\n[coveralls-url]: https://coveralls.io/r/greybax/brandifyjs\n[coveralls-image]: https://img.shields.io/coveralls/greybax/brandifyjs/master.svg?style=flat-square\n\n[depstat-url]: https://david-dm.org/greybax/brandifyjs\n[depstat-image]: https://david-dm.org/greybax/brandifyjs.svg?style=flat-square\n\n[depstat-dev-url]: https://david-dm.org/greybax/brandifyjs\n[depstat-dev-image]: https://david-dm.org/greybax/brandifyjs/dev-status.svg?style=flat-square\n\n[jsorg-url]: http://js.org\n[jsorg-image]: https://img.shields.io/badge/js.org-dns-ffb400.svg?style=flat-square\n","funding_links":["https://www.patreon.com/bePatron?u=14980891"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreybax%2Fbrandifyjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgreybax%2Fbrandifyjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreybax%2Fbrandifyjs/lists"}