{"id":22080667,"url":"https://github.com/basvdijk/firefox-extension-image-manipulation","last_synced_at":"2025-10-11T21:30:17.919Z","repository":{"id":42193618,"uuid":"234354330","full_name":"basvdijk/firefox-extension-image-manipulation","owner":"basvdijk","description":"Firefox extension to scale, rotate and flip images","archived":false,"fork":false,"pushed_at":"2023-07-18T20:37:37.000Z","size":678,"stargazers_count":4,"open_issues_count":11,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T23:01:57.528Z","etag":null,"topics":["firefox","firefox-addon","firefox-extension"],"latest_commit_sha":null,"homepage":null,"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/basvdijk.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":"2020-01-16T15:48:15.000Z","updated_at":"2024-01-22T23:47:24.000Z","dependencies_parsed_at":"2024-11-30T23:16:27.123Z","dependency_job_id":"13071f12-0063-4a62-906b-390a2a84665c","html_url":"https://github.com/basvdijk/firefox-extension-image-manipulation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/basvdijk/firefox-extension-image-manipulation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basvdijk%2Ffirefox-extension-image-manipulation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basvdijk%2Ffirefox-extension-image-manipulation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basvdijk%2Ffirefox-extension-image-manipulation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basvdijk%2Ffirefox-extension-image-manipulation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basvdijk","download_url":"https://codeload.github.com/basvdijk/firefox-extension-image-manipulation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basvdijk%2Ffirefox-extension-image-manipulation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279008860,"owners_count":26084518,"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-10-11T02:00:06.511Z","response_time":55,"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":["firefox","firefox-addon","firefox-extension"],"created_at":"2024-11-30T23:16:19.697Z","updated_at":"2025-10-11T21:30:17.624Z","avatar_url":"https://github.com/basvdijk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Firefox image manipulation extension\n\n**This Firefox context-menu extension scales, rotates and flips images***\n\n## Background\nI wanted to know what it took to develop a Firefox extension which could manipulate images. This repo is the result. I was quite surprised how well Mozilla [documented](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions) the development process. Another great help is their [repo](https://github.com/mdn/webextensions-examples) full with [example code](https://github.com/mdn/webextensions-examples).\n\nIn two hours I had the image flipping working. The hardest part was to figure out how to get access to the image DOM-object so I could manipulate it. At the bottom of this readme you'll find the links I used when developing this extension.\n\n## Features\n\n- Scale to fit width\n- Scale to fit height\n- Flip horizontally\n- Flip vertically\n- Rotate 0°\n- Rotate 90°\n- Rotate 180°\n- Rotate 270°\n\n## How to use\nRight-click on an image, select \"Image manipulation\" from the context menu and pick the operation from the sub-menu.\n\n## Screenshot\n![add-on screenshot](./artwork/screenshot.png \"screenshot\")\n\n# Development\nFirst install all the dependencies with:\n```bash\n$ npm i\n```\nThis project uses [Web-ext](https://github.com/mozilla/web-ext), a command line tool to help build, run, and test WebExtensions\n\nRun `web-ext` with `src` as the source folder\n```bash\n$ npx web-ext -s src run\n```\n\nThis will open a new Firefox instance with the plugin loaded.\n\n# Documentation used\n\nThese links were very useful when learning to make this Firefox extension:\n- [Anatomy of an extension](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts)\n- [Your first extensions](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension)\n- [Context menu items](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items)\n- [menus.getTargetElement()](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/menus/getTargetElement)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasvdijk%2Ffirefox-extension-image-manipulation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasvdijk%2Ffirefox-extension-image-manipulation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasvdijk%2Ffirefox-extension-image-manipulation/lists"}