├── .gitignore
├── LICENSE.txt
├── README.md
├── contentscript.js
├── manifest.json
├── package.json
└── static
    └── vscode.svg


/.gitignore:
--------------------------------------------------------------------------------
1 | package-lock.json
2 | node_modules
3 | web-ext-artifacts


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Joseph Diragi
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <img width="460" src="https://user-images.githubusercontent.com/6336819/193483507-8327e8cb-6f83-4758-9a2e-67ad28e943af.png">
 3 | </p>
 4 | 
 5 | # Open in Visual Studio Code
 6 | 
 7 | A browser extension that adds an "Open in Visual Studio Code" option to GitHub repos.
 8 | 
 9 | This extension is in no way endorsed by Microsoft or the Visual Studio Code team. I'm not even sure they'd be okay with me publishing this if they knew about it. Please don't bring any issues with this extension up in any Visual Studio Code support forums of any kind. Any issues you run into with this extension should be brought up in the issues section of this repository and nowhere else. Please don't get me in trouble ❤️.
10 | 
11 | ## Installing
12 | 
13 | **Firefox**: https://addons.mozilla.org/en-US/firefox/addon/open-in-visual-studio-code/
14 | 
15 | **Chrome**: Download the latest release [here](https://github.com/TheNightmanCodeth/open-in-code/releases/latest)
16 | 
17 | **Safari**: Download the latest release [here](https://github.com/TheNightmanCodeth/open-in-code/releases/latest)
18 | 
19 | ## Building & Installing From Source
20 | 
21 | ### Build
22 | > npm run build
23 | 
24 | ### Install
25 | Once the build completes there will be a `web-ext-artifacts` folder containing the extension.
26 | 
27 | **Firefox**
28 | - Open the Add-ons Manager (Alt + t > a)
29 | - Click on the gear icon
30 | - Select "Install Add-on From File..."
31 | - Locate the addon and install 
32 | 
33 | **Chrome**
34 | - Unzip the archive in `web-ext-artifacts`
35 | - Navigate to `chrome://extensions`
36 | - Ensure `Developer Mode` is activated
37 | - Click `Load Unpacked` and open the unzipped plugin directory
38 | 
39 | **Safari**
40 | Check out [this guide](https://developer.apple.com/documentation/safariservices/safari_web_extensions/converting_a_web_extension_for_safari) for more detailed instructions.
41 | - Make sure you have the latest version of XCode and Command Line Tools installed
42 | - Unzip the build in `web-ext-artifacts`
43 | - Open a Terminal and run:
44 |     - `xcrun safari-web-extension-converter /path/to/unzipped-artifact`
45 | - [Run with XCode and install in Safari](https://developer.apple.com/documentation/safariservices/safari_web_extensions/running_your_safari_web_extension)
46 | 
47 | ## Contributing
48 | 
49 | Pull requests and issues are always welcome. If you run into a bug, open an issue **here**. If you know how to fix the bug, submit a pull request and reference the issue in the description.
50 | 
51 | ## Changelog
52 | 
53 | ### 1.0.2
54 | - Fixes bug that caused users to need to refresh page to see entries in modal
55 | - First Safari release
56 | 
57 | ### 1.0.1
58 | - Fix multiple "Open in..." items being added to modal
59 | 
60 | ### 1.0.0
61 | - Initial release 🎉
62 | 
63 | ## Supporting Me
64 | 
65 | If you find this extension useful and are feeling generous cosider buying me a coffee!
66 | 
67 | Venmo: @j_diggity
68 | 
69 | Cash App: $JADiggity
70 | 
71 | ETH (Ethereum network only!!!): 0x0d8B0B097B77F262D110003E9d2c030cd26Da95F
72 | 


--------------------------------------------------------------------------------
/contentscript.js:
--------------------------------------------------------------------------------
 1 | (() => {
 2 |     mutationObserver = window.MutationObserver || window.WebKitMutationObserver;
 3 |     var observer = new MutationObserver(function(mutations, observer) {
 4 |         let ghCodeDropdown = getDropUL();
 5 |         if (ghCodeDropdown != undefined) {
 6 |             ghCodeDropdown.appendChild(openInCodeElement(`${document.URL}.git`));
 7 |         }
 8 |     })
 9 | 
10 |     observer.observe(document, {
11 |         subtree: true,
12 |         attributes: true
13 |     });
14 |         
15 |     function openInCodeElement(repo) {
16 |         // If the LI is already here, return
17 |         if (document.getElementById("openincode") != null) return;
18 |         // List item
19 |         const openInCodeLI = document.createElement("li");
20 |         openInCodeLI.id = "openincode";
21 |         openInCodeLI.classList.add(...["Box-row", "Box-row--hover-gray", "p-3", "mt-0"]);
22 |         // List child element / link
23 |         const openInCodeA = document.createElement("a");
24 |         openInCodeA.classList.add(...["d-flex", "flex-items-center", "color-fg-default", "text-bold", "no-underline"]);
25 |         openInCodeA.rel = "nofollow";
26 |         // TODO: Add option to clone with SSH
27 |         openInCodeA.href = `vscode://vscode.git/clone?url=${encodeURI(repo)}`;
28 |         // Add logo
29 |         const logo = document.createElement("img");
30 |         logo.src = browser.runtime.getURL("static/vscode.svg");
31 |         logo.setAttribute("viewBox", "0 0 16 16");
32 |         logo.setAttribute("class", "mr-2");
33 |         logo.width = 16;
34 |         logo.height = 16;
35 |         openInCodeA.appendChild(logo);
36 |         // Add label
37 |         openInCodeA.appendChild(document.createTextNode("Open in Visual Studio Code"));
38 |         // Add openInCodeA to LI
39 |         openInCodeLI.appendChild(openInCodeA);
40 |         return openInCodeLI;
41 |     }
42 | 
43 |     function getDropUL() {
44 |         // Find get-repo modal
45 |         const dropDownDiv = document.querySelectorAll('[data-target="get-repo.modal"]');
46 |         // There will only be one code dropdown
47 |         if (dropDownDiv.length != 1) return;
48 |         let getRepoModal = dropDownDiv[0];
49 |         // Find the <ul> containing "Download ZIP"
50 |         let actionsUL = getRepoModal.children[0]
51 |         if (actionsUL.nodeName == "UL") {
52 |             return actionsUL
53 |         }
54 |     }
55 | 
56 | })();


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "Open in Visual Studio Code",
 3 |     "description": "Adds open in Visual Studio Code to GitHub repos",
 4 |     "version": "1.0.2",
 5 |     "manifest_version": 2,
 6 |     "web_accessible_resources": ["static/vscode.svg"],
 7 |     "content_scripts": [
 8 |         {
 9 |             "matches": ["*://github.com/*"],
10 |             "js": ["contentscript.js"]
11 |         }
12 |     ]
13 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "openincode",
 3 |   "version": "1.0.0",
 4 |   "description": "A browser extension that adds an \"Open in Visual Studio Code\" option to GitHub repos.",
 5 |   "main": "contentscript.js",
 6 |   "scripts": {
 7 |     "run": "web-ext run --verbose",
 8 |     "build": "web-ext build --overwrite-dest"
 9 |   },
10 |   "keywords": [],
11 |   "author": "Joseph Diragi",
12 |   "license": "MIT",
13 |   "devDependencies": {
14 |     "web-ext": "^7.2.0"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/static/vscode.svg:
--------------------------------------------------------------------------------
 1 | <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M70.9119 99.3171C72.4869 99.9307 74.2828 99.8914 75.8725 99.1264L96.4608 89.2197C98.6242 88.1787 100 85.9892 100 83.5872V16.4133C100 14.0113 98.6243 11.8218 96.4609 10.7808L75.8725 0.873756C73.7862 -0.130129 71.3446 0.11576 69.5135 1.44695C69.252 1.63711 69.0028 1.84943 68.769 2.08341L29.3551 38.0415L12.1872 25.0096C10.589 23.7965 8.35363 23.8959 6.86933 25.2461L1.36303 30.2549C-0.452552 31.9064 -0.454633 34.7627 1.35853 36.417L16.2471 50.0001L1.35853 63.5832C-0.454633 65.2374 -0.452552 68.0938 1.36303 69.7453L6.86933 74.7541C8.35363 76.1043 10.589 76.2037 12.1872 74.9905L29.3551 61.9587L68.769 97.9167C69.3925 98.5406 70.1246 99.0104 70.9119 99.3171ZM75.0152 27.2989L45.1091 50.0001L75.0152 72.7012V27.2989Z" fill="white"/>
 4 | </mask>
 5 | <g mask="url(#mask0)">
 6 | <path d="M96.4614 10.7962L75.8569 0.875542C73.4719 -0.272773 70.6217 0.211611 68.75 2.08333L1.29858 63.5832C-0.515693 65.2373 -0.513607 68.0937 1.30308 69.7452L6.81272 74.754C8.29793 76.1042 10.5347 76.2036 12.1338 74.9905L93.3609 13.3699C96.086 11.3026 100 13.2462 100 16.6667V16.4275C100 14.0265 98.6246 11.8378 96.4614 10.7962Z" fill="#0065A9"/>
 7 | <g filter="url(#filter0_d)">
 8 | <path d="M96.4614 89.2038L75.8569 99.1245C73.4719 100.273 70.6217 99.7884 68.75 97.9167L1.29858 36.4169C-0.515693 34.7627 -0.513607 31.9063 1.30308 30.2548L6.81272 25.246C8.29793 23.8958 10.5347 23.7964 12.1338 25.0095L93.3609 86.6301C96.086 88.6974 100 86.7538 100 83.3334V83.5726C100 85.9735 98.6246 88.1622 96.4614 89.2038Z" fill="#007ACC"/>
 9 | </g>
10 | <g filter="url(#filter1_d)">
11 | <path d="M75.8578 99.1263C73.4721 100.274 70.6219 99.7885 68.75 97.9166C71.0564 100.223 75 98.5895 75 95.3278V4.67213C75 1.41039 71.0564 -0.223106 68.75 2.08329C70.6219 0.211402 73.4721 -0.273666 75.8578 0.873633L96.4587 10.7807C98.6234 11.8217 100 14.0112 100 16.4132V83.5871C100 85.9891 98.6234 88.1786 96.4586 89.2196L75.8578 99.1263Z" fill="#1F9CF0"/>
12 | </g>
13 | <g style="mix-blend-mode:overlay" opacity="0.25">
14 | <path fill-rule="evenodd" clip-rule="evenodd" d="M70.8511 99.3171C72.4261 99.9306 74.2221 99.8913 75.8117 99.1264L96.4 89.2197C98.5634 88.1787 99.9392 85.9892 99.9392 83.5871V16.4133C99.9392 14.0112 98.5635 11.8217 96.4001 10.7807L75.8117 0.873695C73.7255 -0.13019 71.2838 0.115699 69.4527 1.44688C69.1912 1.63705 68.942 1.84937 68.7082 2.08335L29.2943 38.0414L12.1264 25.0096C10.5283 23.7964 8.29285 23.8959 6.80855 25.246L1.30225 30.2548C-0.513334 31.9064 -0.515415 34.7627 1.29775 36.4169L16.1863 50L1.29775 63.5832C-0.515415 65.2374 -0.513334 68.0937 1.30225 69.7452L6.80855 74.754C8.29285 76.1042 10.5283 76.2036 12.1264 74.9905L29.2943 61.9586L68.7082 97.9167C69.3317 98.5405 70.0638 99.0104 70.8511 99.3171ZM74.9544 27.2989L45.0483 50L74.9544 72.7012V27.2989Z" fill="url(#paint0_linear)"/>
15 | </g>
16 | </g>
17 | <defs>
18 | <filter id="filter0_d" x="-8.39411" y="15.8291" width="116.727" height="92.2456" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
21 | <feOffset/>
22 | <feGaussianBlur stdDeviation="4.16667"/>
23 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
24 | <feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"/>
25 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
26 | </filter>
27 | <filter id="filter1_d" x="60.4167" y="-8.07558" width="47.9167" height="116.151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
28 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
29 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
30 | <feOffset/>
31 | <feGaussianBlur stdDeviation="4.16667"/>
32 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
33 | <feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow"/>
34 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
35 | </filter>
36 | <linearGradient id="paint0_linear" x1="49.9392" y1="0.257812" x2="49.9392" y2="99.7423" gradientUnits="userSpaceOnUse">
37 | <stop stop-color="white"/>
38 | <stop offset="1" stop-color="white" stop-opacity="0"/>
39 | </linearGradient>
40 | </defs>
41 | </svg>
42 | 


--------------------------------------------------------------------------------