From 1bf95c689fdbb9ab714d7fc9d31d9ba0295fef5c Mon Sep 17 00:00:00 2001
From: zvizvi <5633910@gmail.com>
Date: Tue, 17 May 2022 23:01:21 +0300
Subject: [PATCH] Add GitLab1s

---
 README.md             |  6 ++++--
 src/html/options.html |  6 ++++++
 src/js/main.js        | 32 +++++++++++++++++++++-----------
 src/js/options.js     |  1 +
 src/manifest.json     |  2 +-
 src/package-lock.json |  4 ++--
 src/package.json      |  2 +-
 7 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 85ab7f9..c4d14ba 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 [![Chrome Web Store](https://img.shields.io/chrome-web-store/v/adjiklnjodbiaioggfpbpkhbfcnhgkfe.svg)][chrome_link]
 [![Firefox Addons](https://img.shields.io/amo/v/github-web-ide.svg)][firefox_link]
 [![Edge Addons](https://img.shields.io/badge/dynamic/json?label=edge%20add-on&prefix=v&query=%24.version&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fakjbkjciknacicbnkfjbnlaeednpadcf)][edge_link]
-[![Github Release](https://img.shields.io/github/v/release/zvizvi/GitHub-Web-IDE.svg)][release_link]
+[![GitHub Release](https://img.shields.io/github/v/release/zvizvi/GitHub-Web-IDE.svg)][release_link]
 
 
 This extension adds to any GitHub repository a new drop down menu which offers links to a number of online services that allow viewing the source code of the repository in an IDE like interface.
@@ -14,6 +14,7 @@ Services currently supported:
 * [VSCode Dev](https://vscode.dev/)
 * [CodeSandbox](https://codesandbox.io/)
 * [GitHub1s](https://github1s.com/)
+* [GitLab1s](https://gitlab1s.com/)
 * [Repl.it](https://replit.com/)
 * [Gitpod](https://gitpod.io/)
 * [StackBlitz](https://stackblitz.com/)
@@ -27,6 +28,7 @@ Services currently supported:
 
 
 ### What's changed?
+* v2.0.2 GitLab1s link added
 * v2.0.1 Open in VSCodeDev option
 * v2.0.0
   * Extension customizing options page.
@@ -49,7 +51,7 @@ Services currently supported:
 ### GitHub
 ![image](https://user-images.githubusercontent.com/4354421/107879967-a123aa00-6ee4-11eb-9582-662998618ed1.png)
 ### GitLab
-![image](https://user-images.githubusercontent.com/4354421/109164571-45c6a700-7783-11eb-8da0-61e3f4c8d588.png)
+![image](https://user-images.githubusercontent.com/4354421/168898417-45fa3aa5-4505-4f32-9c36-f05fc81f47af.png)
 
 
 ### Download
diff --git a/src/html/options.html b/src/html/options.html
index d551f0a..459d303 100644
--- a/src/html/options.html
+++ b/src/html/options.html
@@ -86,6 +86,12 @@ <h2 class="Subhead-heading">Enabled IDE list</h2>
                     GitHub1s
                   </label>
                 </div>
+                <div class="form-checkbox">
+                  <label>
+                    <input type="checkbox" id="gitLab1s" />
+                    GitLab1s
+                  </label>
+                </div>
                 <div class="form-checkbox">
                   <label>
                     <input type="checkbox" id="replit" />
diff --git a/src/js/main.js b/src/js/main.js
index 3fce8c4..c62ef70 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -34,6 +34,14 @@ const ideWebsitesList = [
     openInNewTab: true,
     icon: '<svg width="16" height="16" viewBox="0 0 400 400" class="mr-2" style="vertical-align:sub"><g><path stroke="none" fill="var(--color-fg-default)" d="M35.587 25.574 C 26.887 34.274,22.366 85.319,28.408 106.640 C 29.808 111.581,30.362 115.990,29.639 116.436 C 22.375 120.926,6.586 153.361,2.311 172.577 C -1.702 190.614,-0.380 242.019,4.623 262.483 C 23.337 339.024,75.772 372.234,183.814 375.971 C 333.315 381.142,400.042 329.514,399.989 208.709 C 399.973 171.788,393.448 148.895,375.953 124.378 L 369.021 114.663 371.179 105.378 C 378.038 75.873,372.074 26.678,361.310 23.977 C 349.211 20.940,315.376 33.668,289.736 50.901 L 277.128 59.375 269.292 57.047 C 230.073 45.401,175.046 45.086,133.396 56.269 L 122.262 59.259 109.633 50.951 C 77.787 29.999,43.062 18.098,35.587 25.574 M199.219 174.024 C 215.547 173.970,243.672 173.640,261.719 173.291 C 297.764 172.594,302.347 173.496,314.439 183.671 C 360.164 222.146,353.423 307.996,302.675 333.490 C 257.998 355.934,129.596 354.142,90.730 330.533 C 37.291 298.070,45.173 192.813,102.426 174.343 C 108.963 172.234,114.738 172.025,139.844 172.986 C 156.172 173.611,182.891 174.078,199.219 174.024 M115.787 201.123 C 100.709 208.550,93.908 238.122,102.705 258.007 C 117.257 290.906,150.790 276.028,150.686 236.719 C 150.615 210.124,133.322 192.485,115.787 201.123 M265.858 201.088 C 262.979 202.507,258.887 206.290,256.767 209.495 C 233.925 244.011,263.236 295.935,289.886 268.166 C 314.409 242.614,294.482 186.985,265.858 201.088 M176.563 301.563 C 164.758 313.367,192.597 331.661,210.156 323.639 C 224.183 317.230,229.788 307.913,223.438 301.563 C 219.132 297.257,215.495 297.640,208.594 303.125 C 205.350 305.703,201.482 307.813,200.000 307.813 C 198.518 307.813,194.650 305.703,191.406 303.125 C 184.505 297.640,180.868 297.257,176.563 301.563"/></g></svg>'
   },
+  {
+    title: 'GitLab1s',
+    name: 'gitLab1s',
+    baseurl: 'https://gitlab1s.com/',
+    platforms: ['gitlab'],
+    openInNewTab: true,
+    icon: '<svg width="16" height="16" viewBox="0 0 400 400" class="mr-2" style="vertical-align:sub"><g><path stroke="none" fill="var(--color-fg-default)" d="M35.587 25.574 C 26.887 34.274,22.366 85.319,28.408 106.640 C 29.808 111.581,30.362 115.990,29.639 116.436 C 22.375 120.926,6.586 153.361,2.311 172.577 C -1.702 190.614,-0.380 242.019,4.623 262.483 C 23.337 339.024,75.772 372.234,183.814 375.971 C 333.315 381.142,400.042 329.514,399.989 208.709 C 399.973 171.788,393.448 148.895,375.953 124.378 L 369.021 114.663 371.179 105.378 C 378.038 75.873,372.074 26.678,361.310 23.977 C 349.211 20.940,315.376 33.668,289.736 50.901 L 277.128 59.375 269.292 57.047 C 230.073 45.401,175.046 45.086,133.396 56.269 L 122.262 59.259 109.633 50.951 C 77.787 29.999,43.062 18.098,35.587 25.574 M199.219 174.024 C 215.547 173.970,243.672 173.640,261.719 173.291 C 297.764 172.594,302.347 173.496,314.439 183.671 C 360.164 222.146,353.423 307.996,302.675 333.490 C 257.998 355.934,129.596 354.142,90.730 330.533 C 37.291 298.070,45.173 192.813,102.426 174.343 C 108.963 172.234,114.738 172.025,139.844 172.986 C 156.172 173.611,182.891 174.078,199.219 174.024 M115.787 201.123 C 100.709 208.550,93.908 238.122,102.705 258.007 C 117.257 290.906,150.790 276.028,150.686 236.719 C 150.615 210.124,133.322 192.485,115.787 201.123 M265.858 201.088 C 262.979 202.507,258.887 206.290,256.767 209.495 C 233.925 244.011,263.236 295.935,289.886 268.166 C 314.409 242.614,294.482 186.985,265.858 201.088 M176.563 301.563 C 164.758 313.367,192.597 331.661,210.156 323.639 C 224.183 317.230,229.788 307.913,223.438 301.563 C 219.132 297.257,215.495 297.640,208.594 303.125 C 205.350 305.703,201.482 307.813,200.000 307.813 C 198.518 307.813,194.650 305.703,191.406 303.125 C 184.505 297.640,180.868 297.257,176.563 301.563"/></g></svg>'
+  },
   {
     title: 'Repl.it',
     name: 'replit',
@@ -122,6 +130,7 @@ const defaultOptions = {
   gitHub1s: true,
   replit: true,
   stackBlitz: true,
+  gitLab1s: true,
   gitpod: true,
   glitch: true,
   sourcegraph: true,
@@ -137,7 +146,7 @@ const repoUrlPath = location.pathname.split('/').slice(1, 3).join('/');
 const hasPackageJson = [...document.querySelectorAll('.Details > .js-active-navigation-container > .Box-row a.js-navigation-open')].some((el) => el.innerText === 'package.json');
 
 let options;
-const init = async function () {
+async function init () {
   const storage = await chrome.storage.sync.get('options');
   options = storage.options || defaultOptions;
 
@@ -149,15 +158,15 @@ const init = async function () {
         itemWithBorderOnTop.class += ' border-top';
       }
 
-      addGithubSelectMenu();
+      addGitHubSelectMenu();
       document.addEventListener('pjax:end', () => {
         document.getElementById('open-in-web-ide')?.remove();
-        addGithubSelectMenu();
+        addGitHubSelectMenu();
       });
       break;
     }
     case 'gitlab': {
-      addGitlabSelectMenu();
+      addGitLabSelectMenu();
       localStorage.setItem('gl-web-ide-button-selected', 'webide');
       break;
     }
@@ -165,9 +174,7 @@ const init = async function () {
       break;
     }
   }
-};
-
-init();
+}
 
 function filterItems (item) {
   if (item.title === 'StackBlitz' && !hasPackageJson) {
@@ -176,7 +183,7 @@ function filterItems (item) {
   return (!options || options[item.name]) && item.platforms.includes(platform);
 }
 
-function addGithubSelectMenu () {
+function addGitHubSelectMenu () {
   const menuElement = document.querySelector('#repo-content-pjax-container .file-navigation');
   if (!menuElement || menuElement.querySelector('#open-in-web-ide')) {
     return;
@@ -209,13 +216,13 @@ function addGithubSelectMenu () {
   menuElement.appendChild(detailsElement);
 }
 
-function addGitlabSelectMenu () {
+function addGitLabSelectMenu () {
   const webIDEDropdown = document.querySelector('.tree-controls .gl-new-dropdown .dropdown-menu .gl-new-dropdown-contents');
   if (!webIDEDropdown || document.querySelector('#open-in-web-ide')) {
     return;
   }
 
-  const gitlabHtml = `${ideWebsitesList.filter((item) => item.platforms.includes(platform)).map((item) =>
+  const gitLabHtml = `${ideWebsitesList.filter(filterItems).map((item) =>
     `<li data-toggle-for="open-in-web-ide"><a href="${item.baseurl}${repoUrlPath}" class="dropdown-item" target="_blank">
       ${item.icon}
       ${item.title}
@@ -223,7 +230,7 @@ function addGitlabSelectMenu () {
 
   webIDEDropdown.setAttribute('id', 'open-in-web-ide');
   webIDEDropdown.setAttribute('style', '--color-fg-default: currentColor');
-  webIDEDropdown.innerHTML = gitlabHtml;
+  webIDEDropdown.innerHTML = gitLabHtml;
 }
 
 function fixCommitsPageStyle (menuElement) {
@@ -235,3 +242,6 @@ function fixCommitsPageStyle (menuElement) {
     menuElement.appendChild(divFlexElement);
   }
 }
+
+window.onload = init;
+init();
diff --git a/src/js/options.js b/src/js/options.js
index 5330c86..6b68b61 100644
--- a/src/js/options.js
+++ b/src/js/options.js
@@ -5,6 +5,7 @@ const defaultOptions = {
   vsCodeDev: true,
   codeSandbox: true,
   gitHub1s: true,
+  gitLab1s: true,
   replit: true,
   stackBlitz: true,
   gitpod: true,
diff --git a/src/manifest.json b/src/manifest.json
index 28573ca..2e11c21 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -4,7 +4,7 @@
   "manifest_version": 3,
   "update_url": "https://clients2.google.com/service/update2/crx",
   "homepage_url": "https://github.com/zvizvi/GitHub-Web-IDE",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "author": "zvizvi5@outlook.com",
   "action": {
     "default_icon": {
diff --git a/src/package-lock.json b/src/package-lock.json
index 45066a6..e673853 100644
--- a/src/package-lock.json
+++ b/src/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "github-web-ide",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "github-web-ide",
-      "version": "2.0.1",
+      "version": "2.0.2",
       "dependencies": {
         "@primer/css": "^19.5.0"
       }
diff --git a/src/package.json b/src/package.json
index d883eeb..2501993 100644
--- a/src/package.json
+++ b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "github-web-ide",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "⚡ Open GitHub repositories in online web IDE",
   "main": "README.md",
   "dependencies": {