Repository: microsoft/MicrosoftEdge-Extensions Branch: main Commit: d8c529e03b8a Files: 23 Total size: 22.9 KB Directory structure: gitextract_w4rnx2zc/ ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug-report-on-microsoft-edge-addons-website--impacting-all-users-.md │ │ ├── bug-report-on-partner-center--impacting-all-developers-.md │ │ ├── feature-request-for-edge-addons-developer-experience-on-microsoft-partner-center.md │ │ ├── feature-request-for-microsoft-edge-addons-website.md │ │ └── report-a-concern-about-manifest-version-3-migration.md │ └── workflows/ │ └── main.yml ├── CODE_OF_CONDUCT.md ├── Extension-samples/ │ ├── picture-inserter-content-script/ │ │ ├── README.md │ │ ├── content-scripts/ │ │ │ └── content.js │ │ ├── manifest.json │ │ └── popup/ │ │ ├── popup.html │ │ └── popup.js │ └── picture-viewer-popup-webpage/ │ ├── README.md │ ├── manifest.json │ └── popup/ │ └── popup.html ├── LICENSE ├── README.md ├── SECURITY.md ├── SUPPORT.md ├── TestCrxPackages/ │ ├── README.md │ ├── ciialmfkbbnfalikdcjgknhhodmpampi.crx │ └── kgcfnkdjfpnkfhjaphlllemjbmmpdcdg.crx └── assets/ └── README.md ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/ISSUE_TEMPLATE/bug-report-on-microsoft-edge-addons-website--impacting-all-users-.md ================================================ --- name: Bug report on Microsoft Edge Addons website (impacting all users) about: Create a report to let us of any breaking issues or bugs on Microsoft Edge Addons site, that impacts all Microsoft Edge users title: "[Bug - Edge Addons] " labels: Bug, Edge Addons assignees: nagachaitanyalokam --- **Describe the bug** A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] **Additional context** Add any other context about the problem here. ================================================ FILE: .github/ISSUE_TEMPLATE/bug-report-on-partner-center--impacting-all-developers-.md ================================================ --- name: Bug report on Partner Center (impacting all developers) about: Create a report to let us of any breaking issues or bugs that all Edge Addons developers are facing when publishing their extension to Microsoft Edge Addons title: "[Bug - Partner Center] " labels: Bug, Partner Center assignees: nagachaitanyalokam --- **Describe the bug** A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] **Additional context** Add any other context about the problem here. ================================================ FILE: .github/ISSUE_TEMPLATE/feature-request-for-edge-addons-developer-experience-on-microsoft-partner-center.md ================================================ --- name: Feature request for Edge Addons developer experience on Microsoft Partner Center about: 'Suggest an idea for a new feature or improving existing features within Microsoft Edge Addons program in Partner Center ' title: "[FeatureReq - Partner Center] " labels: Feature, Partner Center assignees: nagachaitanyalokam --- **Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] **Describe the solution you'd like** A clear and concise description of what you want to happen. **Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered. **Additional context** Add any other context or screenshots about the feature request here. ================================================ FILE: .github/ISSUE_TEMPLATE/feature-request-for-microsoft-edge-addons-website.md ================================================ --- name: Feature request for Microsoft Edge Addons website about: Suggest an idea for a new feature or improving existing features within Microsoft Edge Addons website title: "[FeatureReq - Edge Addons site] " labels: Edge Addons, Feature assignees: nagachaitanyalokam --- **Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] **Describe the solution you'd like** A clear and concise description of what you want to happen. **Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered. **Additional context** Add any other context or screenshots about the feature request here. ================================================ FILE: .github/ISSUE_TEMPLATE/report-a-concern-about-manifest-version-3-migration.md ================================================ --- name: Report a concern about Manifest Version 3 migration about: Choose this to report any feedback or concerns you have about migrating to MV3 title: '' labels: '' assignees: '' --- ================================================ FILE: .github/workflows/main.yml ================================================ name: Create ADO Work Item on New Issue on: issues: types: [opened] jobs: create-ado-item: runs-on: ubuntu-latest steps: - name: Create ADO Work Item env: ADO_ORG_URL: ${{ secrets.ADO_ORG_URL }} ADO_PROJECT: ${{ secrets.ADO_PROJECT }} ADO_PAT: ${{ secrets.ADO_PERSONAL_ACCESS_TOKEN }} ISSUE_TITLE: ${{ github.event.issue.title }} ISSUE_BODY: ${{ github.event.issue.body }} ISSUE_URL: ${{ github.event.issue.html_url }} run: | echo "Creating Azure DevOps work item with specific area path..." BODY="{ \"fields\": { \"System.Title\": \"${ISSUE_TITLE//\"/\\\"}\", \"System.Description\": \"GitHub Issue: ${ISSUE_URL}

${ISSUE_BODY//\"/\\\"}\", \"System.AreaPath\": \"Edge\\Edge India\\Extensibility\" } }" RESPONSE=$(curl -s -o response.json -w "%{http_code}" \ -u :$ADO_PAT \ -X POST \ -H "Content-Type: application/json" \ -d "$BODY" \ "$ADO_ORG_URL/$ADO_PROJECT/_apis/wit/workitems/\$Issue?api-version=7.0") cat response.json if [ "$RESPONSE" -ge 200 ] && [ "$RESPONSE" -lt 300 ]; then echo "ADO work item created successfully." else echo "Failed to create ADO work item. Status: $RESPONSE" exit 1 fi ================================================ FILE: CODE_OF_CONDUCT.md ================================================ # Microsoft Open Source Code of Conduct This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). Resources: - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - [Microsoft Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) - Contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with questions or concerns ================================================ FILE: Extension-samples/picture-inserter-content-script/README.md ================================================ # Readme for the /picture-inserter-content-script/ directory For instructions, see [Sample: Picture inserter using content script](https://learn.microsoft.com/microsoft-edge/extensions/getting-started/picture-inserter-content-script). ================================================ FILE: Extension-samples/picture-inserter-content-script/content-scripts/content.js ================================================ chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) { const img = document.createElement("img"); img.id = request.imageDivId; img.src = request.url; img.style = "height: auto; width: 90vw;"; document.body.prepend(img); img.addEventListener("click", () => { img.remove(); }, { once: true }); sendResponse({ fromcontent: "This message is from content.js" }); }); ================================================ FILE: Extension-samples/picture-inserter-content-script/manifest.json ================================================ { "name": "Picture inserter using content script", "version": "0.0.0.1", "manifest_version": 3, "description": "A browser extension that uses JavaScript to insert an image at the top of the current webpage.", "icons": { "16": "icons/extension-icon16x16.png", "32": "icons/extension-icon32x32.png", "48": "icons/extension-icon48x48.png", "128": "icons/extension-icon128x128.png" }, "action": { "default_popup": "popup/popup.html" }, "content_scripts": [ { "matches": [ "" ], "js": ["content-scripts/content.js"] } ], "web_accessible_resources": [ { "resources": ["images/*.jpeg"], "matches": [""] } ] } ================================================ FILE: Extension-samples/picture-inserter-content-script/popup/popup.html ================================================

Picture inserter using a content script

Click the displayed image to remove it from the webpage.

================================================ FILE: Extension-samples/picture-inserter-content-script/popup/popup.js ================================================ const sendMessageId = document.getElementById("sendmessageid"); if (sendMessageId) { sendMessageId.onclick = function() { chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) { chrome.tabs.sendMessage( tabs[0].id, { url: chrome.runtime.getURL("images/stars.jpeg"), imageDivId: crypto.randomUUID(), tabId: tabs[0].id }, function(response) { window.close(); } ); }); }; } ================================================ FILE: Extension-samples/picture-viewer-popup-webpage/README.md ================================================ # Readme for the /picture-viewer-popup-webpage/ directory For instructions, see [Sample: Picture viewer pop-up webpage](https://learn.microsoft.com/microsoft-edge/extensions/getting-started/picture-viewer-popup-webpage). ================================================ FILE: Extension-samples/picture-viewer-popup-webpage/manifest.json ================================================ { "name": "Picture viewer pop-up webpage", "version": "0.0.0.1", "manifest_version": 3, "description": "A browser extension that displays an image in a pop-up webpage.", "icons": { "16": "icons/extension-icon16x16.png", "32": "icons/extension-icon32x32.png", "48": "icons/extension-icon48x48.png", "128": "icons/extension-icon128x128.png" }, "action": { "default_popup": "popup/popup.html" } } ================================================ FILE: Extension-samples/picture-viewer-popup-webpage/popup/popup.html ================================================ Picture viewer pop-up webpage
Stars
================================================ FILE: LICENSE ================================================ MIT License Copyright (c) Microsoft Corporation. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE ================================================ FILE: README.md ================================================ # About the MicrosoftEdge-Extensions repo Use this **MicrosoftEdge-Extensions** repo as a community space. This repo contains sample code, issues, and discussions about Microsoft Edge extensions (add-ons). **Contents:** * [Websites](#websites) * [Code](#coode) * [Issues](#issues) * [Discussions](#discussions) * [Stay connected](#stay-connected) * [Documentation](#documentation) * [Release notes](#release-notes) ## Websites * The [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com) site - As a Microsoft Edge extension developer, you use Partner Center to publish an extension at this site, to make the extension available to Microsoft Edge users. * [Microsoft Edge Add-ons Developer](https://developer.microsoft.com/microsoft-edge/extensions/) - A central portal for information and resources for developing Microsoft Edge extensions. ## Code Use the [Code](https://github.com/microsoft/MicrosoftEdge-Extensions/tree/main/Extension-samples) page of this **MicrosoftEdge-Extensions** repo to access sample code to learn how to build Microsoft Edge extensions. This repo contains the following samples: | Name | Folder | Article | | --- | --- | --- | | Picture viewer pop-up webpage | [/picture-viewer-popup-webpage/](./Extension-samples/picture-viewer-popup-webpage/) | [Sample: Picture viewer pop-up webpage](https://learn.microsoft.com/microsoft-edge/extensions/samples/picture-viewer-popup-webpage) | | Picture inserter using content script | [/picture-inserter-content-script/](./Extension-samples/picture-inserter-content-script/) | [Sample: Picture inserter using content script](https://learn.microsoft.com/microsoft-edge/extensions/samples/picture-inserter-content-script) | The files in [/assets/](./assets/) are for [Use the Microsoft Edge Add-ons badge to promote your add-on](https://learn.microsoft.com/microsoft-edge/extensions/publish/add-ons-badge/). The files in [/TestCrxPackages/](./TestCrxPackages/) are test extension packages for testing the update feature. See also: * [Samples for Microsoft Edge extensions](https://learn.microsoft.com/microsoft-edge/extensions/samples). Also lists extension samples that are in the **MicrosoftEdge / Demos** repo. ## Issues Use the [Issues](https://github.com/microsoft/MicrosoftEdge-Extensions/issues) page of this **MicrosoftEdge-Extensions** repo for: * Communicating with the Extensions team: * Report bugs or issues about the [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com) site that affect all Edge extension developers or all Microsoft Edge extension users. * Report bugs or issues about Microsoft Partner Center that affect all Edge extension developers or all Microsoft Edge extension users. * Suggest new features that could impact or benefit all Microsoft Edge extension developers. * Inquire about your Partner Center developer account for Microsoft Edge extensions. * Inquire about the review status or certification status of your Edge extension after submitting the extension via Partner Center. * Communicating with other extension developers: * Connect with other extension developers about technical questions related to building Microsoft Edge extensions. * Ask about aspects of extensions that affect all extension developers or all Microsoft Edge extension users. See also: * [GitHub Issues](https://docs.github.com/get-started/using-github/communicating-on-github#github-issues) in _Communicating on GitHub_. * [Scenarios for issues](https://docs.github.com/get-started/using-github/communicating-on-github#scenarios-for-issues) in _Communicating on GitHub_. #### Edge-related issues other than extensions To view existing questions about Microsoft Edge: 1. Go to [Ask a question](https://learn.microsoft.com/en-us/answers/questions/ask/) at **Microsoft Q&A**. 1. Click **Tag**, and then find **Microsoft Edge**. You arrive at [Microsoft Edge](https://learn.microsoft.com/en-us/answers/tags/781/microsoft-edge) at **Microsoft Q&A**. To enter a new question about Microsoft Edge: 1. Go to [Ask a question](https://learn.microsoft.com/en-us/answers/questions/ask/) at **Microsoft Q&A**. 1. In the **Select a tag** dropdown list, select **Microsoft Edge**. ## Discussions Use the [Discussions](https://github.com/microsoft/MicrosoftEdge-Extensions/discussions) page of this **MicrosoftEdge-Extensions** repo for: * Discussions with the Extensions team: * Follow the latest announcements and updates from the Microsoft Edge extensions team. * Request a feature for Edge extensions. * Discuss how to improve UI features that are at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com). * Discuss how to improve extension publishing, management and listing processes or workflows. * Provide feedback about features for extensions publishing, extensions management, or processes or workflows for extensions listings. * Discussions with other extension developers: * Discuss technical questions about developing an Edge extension. * Share best practices, tips, and tricks with other developers on building, publishing, managing, or acquiring more users for their browser extension. * Share ideas about features for Microsoft Edge extensions. See also: * [GitHub Discussions](https://docs.github.com/get-started/using-github/communicating-on-github#github-discussions) in _Communicating on GitHub_. * [Scenarios for GitHub Discussions](https://docs.github.com/get-started/using-github/communicating-on-github#scenarios-for-github-discussions) in _Communicating on GitHub_. ## Stay connected You can follow what's happening with Microsoft Edge extensions via: * [#EdgeExtensions at Twitter](https://x.com/search?q=%23EdgeExtensions&src=typed_query&f=live) You can also stay tuned to recent updates and announcements via the [Microsoft Edge Insider](https://techcommunity.microsoft.com/category/MicrosoftEdgeInsider) product community at Tech Community, or search there for [Edge extensions](https://techcommunity.microsoft.com/search?q=edge+extensions&location=category%3AMicrosoftEdgeInsider) or [Edge add-on](https://techcommunity.microsoft.com/search?q=edge+add-on&location=category%3AMicrosoftEdgeInsider). See also: * [Contact the Microsoft Edge extensions team](https://learn.microsoft.com/microsoft-edge/extensions/contact) ## Documentation * [Overview of Microsoft Edge extensions](https://aka.ms/AboutEdgeAddons) * [Extension concepts and architecture](https://aka.ms/EdgeAddonsLearn) * [Supported APIs for Microsoft Edge extensions](https://learn.microsoft.com/microsoft-edge/extensions/developer-guide/api-support) * [Register as a Microsoft Edge extension developer](https://learn.microsoft.com/microsoft-edge/extensions/publish/create-dev-account) ## Release notes * [Release notes for Microsoft Edge extensions](https://aka.ms/EdgeAddonsReleaseNotes) ================================================ FILE: SECURITY.md ================================================ ## Security Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/). If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](https://docs.microsoft.com/en-us/previous-versions/tn-archive/cc751383(v=technet.10)), please report it to us as described below. ## Reporting Security Issues **Please do not report security vulnerabilities through public GitHub issues.** Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report). If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com). If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/en-us/msrc/pgp-key-msrc). You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc). Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue: * Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.) * Full paths of source file(s) related to the manifestation of the issue * The location of the affected source code (tag/branch/commit or direct URL) * Any special configuration required to reproduce the issue * Step-by-step instructions to reproduce the issue * Proof-of-concept or exploit code (if possible) * Impact of the issue, including how an attacker might exploit the issue This information will help us triage your report more quickly. If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://microsoft.com/msrc/bounty) page for more details about our active programs. ## Preferred Languages We prefer all communications to be in English. ## Policy Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/en-us/msrc/cvd). ================================================ FILE: SUPPORT.md ================================================ # TODO: The maintainer of this repo has not yet edited this file Fallback: See [bottom half of main Readme](https://github.com/microsoft/MicrosoftEdge-Extensions/tree/main?tab=readme-ov-file#issues). **REPO OWNER**: Do you want Customer Service & Support (CSS) support for this product/project? - **No CSS support:** Fill out this template with information about how to file issues and get help. - **Yes CSS support:** Fill out an intake form at [aka.ms/spot](https://aka.ms/spot). CSS will work with/help you to determine next steps. More details also available at [aka.ms/onboardsupport](https://aka.ms/onboardsupport). - **Not sure?** Fill out a SPOT intake as though the answer were "Yes". CSS will help you decide. *Then remove this first heading from this SUPPORT.MD file before publishing your repo.* # Support ## How to file issues and get help This project uses GitHub Issues to track bugs and feature requests. Please search the existing issues before filing new issues to avoid duplicates. For new issues, file your bug or feature request as a new Issue. For help and questions about using this project, please **REPO MAINTAINER: INSERT INSTRUCTIONS HERE FOR HOW TO ENGAGE REPO OWNERS OR COMMUNITY FOR HELP. COULD BE A STACK OVERFLOW TAG OR OTHER CHANNEL. WHERE WILL YOU HELP PEOPLE?**. ## Microsoft Support Policy Support for this **PROJECT or PRODUCT** is limited to the resources listed above. ================================================ FILE: TestCrxPackages/README.md ================================================ # Readme for the /TestCrxPackages/ directory These `.crx` files are for internal use by testers only. These extensions are not demo extensions. ================================================ FILE: assets/README.md ================================================ # Readme for the /assets/ directory This directory contains files for developers of add-ons for Microsoft Edge. For instructions, see [Use the Microsoft Edge Add-ons badge to promote your add-on](https://learn.microsoft.com/microsoft-edge/extensions/publish/add-ons-badge).