{"id":15710973,"url":"https://github.com/hashnode/hashnode-browser-extensions","last_synced_at":"2025-05-07T21:45:34.013Z","repository":{"id":44101284,"uuid":"164650059","full_name":"Hashnode/hashnode-browser-extensions","owner":"Hashnode","description":"Google chrome \u0026 Mozilla firefox browser extensions for Hashnode ","archived":false,"fork":false,"pushed_at":"2023-01-03T17:21:24.000Z","size":2193,"stargazers_count":24,"open_issues_count":13,"forks_count":3,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-05-07T21:45:29.895Z","etag":null,"topics":["browser-extension","developers","google-chrome-extension","mozilla-firefox-addon"],"latest_commit_sha":null,"homepage":"http://extension.hashnode.com","language":"CSS","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/Hashnode.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}},"created_at":"2019-01-08T13:01:54.000Z","updated_at":"2024-02-01T21:15:40.000Z","dependencies_parsed_at":"2023-02-01T08:16:25.950Z","dependency_job_id":null,"html_url":"https://github.com/Hashnode/hashnode-browser-extensions","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hashnode%2Fhashnode-browser-extensions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hashnode%2Fhashnode-browser-extensions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hashnode%2Fhashnode-browser-extensions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hashnode%2Fhashnode-browser-extensions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hashnode","download_url":"https://codeload.github.com/Hashnode/hashnode-browser-extensions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252961858,"owners_count":21832192,"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":["browser-extension","developers","google-chrome-extension","mozilla-firefox-addon"],"created_at":"2024-10-03T21:10:59.690Z","updated_at":"2025-05-07T21:45:33.991Z","avatar_url":"https://github.com/Hashnode.png","language":"CSS","readme":"## Hashnode browser extension for Firefox and Google Chrome 🕸\n\nGoogle chrome and Mozilla firefox browser extension with hot \u0026 trending posts on tap. \nBuilt with Node.js `v8.9` using React, Parcel, and Sass. \nFollows Standard JS\n\n## Setup\n```\ngit clone https://github.com/Hashnode/hashnode-browser-extensions.git\nyarn install\nyarn start-web // starts the web app\n```\n##### Google Chrome extension\n\n```\nyarn start-chrome // same as web app but is served from ./dist/dist-chrome  \n```\nnow copy `chrome/images` folder to `dist/dist-chrome`  and then load `dist/dist-chrome` into browser\n```\nyarn build-chrome // builds for chrome and will be available in ./builds/chrome  \n```\nThis time no need to copy anything\n\n##### Mozilla Firefox extension\n\n```\nyarn start-firefox // same as web app but is served from ./dist/dist-firefox\n```\nnow copy `firefox/images` folder to `dist/dist-firefox` and then load `dist/dist-firefox` into browser\n```\nyarn build-firefox // builds for firefox and will be available in ./builds/firefox  \n```\nThis time no need to copy anything\n\n`manifest.json` files are maintained sperately for firefox and chrome in their respective folders.\nIn order to live test the extension copy the `manifest.json` file manually to respective `./dist/{dist-chrome|dist-firefox}` folder.  Keep making changes and the parcel takes care of the rest.  \n\n**🔴 Changes to the manifest.json must be made to the respective folder and dist folder should be untouched. Instead manually copy if you are testing it locally**  \n\n#### Dockerised way of building\n\nMake sure you have docker running \u0026 yarn is installed in your computer\nFinally, run `yarn build-in-container`. This will throw build files in the end in a directory called `builds`\n\n----\n\n### Procedure to load extension for chrome\nVisit `chrome://extension` in Google Chrome, click on `Load unpacked` and select build/dist folder with `manifest.json` file in it and you are good to go.  \n\n### Procedure to load extension for firefox\nVisit `about:debugging#addons` in Mozilla Firefox, click on `Load Temporary Add-on` and select the firefox build/dist folder with `manifest.json` in it and you are good to go.\n\n- You can test live as you develop by keeping the parcel server running.\n- If you want to inpect things, you can right click like a normal webpage on the dropdown.\n\n\n**Contact**\ngirish@hashnode.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashnode%2Fhashnode-browser-extensions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashnode%2Fhashnode-browser-extensions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashnode%2Fhashnode-browser-extensions/lists"}