Update full.html

codedrop.js

@@ -1,3 +1,4 @@
+
 function getFileLang(src) {
 
   var lang_aliases = /*aliases_placeholder[*/ {

filebrowser.js

@@ -1,6 +1,3 @@
-/*
-  github
-*/
 
 // show bookmark on hover
 sidebarToggle.addEventListener('mouseover', () => {

full.html

@@ -13,25 +13,27 @@
   <meta name="apple-mobile-web-app-title" content="Codeit">
 
   <meta charset="utf-8">
-  <meta name="description" content="Codeit runs on the web, open source, and free. Supports HTML, CSS, JavaScript, Python, Bootstrap, XML and more. Easy to use without how to.">
-
+  <meta name="description" content="Run JavaScript projects, code your ideas, and share it all with friends, family, and the world on Codeit.">
+  
   <meta property="og:title" content="Codeit | Mobile code editor connected to Git">
-  <meta property="og:description" content="Codeit runs on the web, open source, and free. Supports HTML, CSS, JavaScript, Python, Bootstrap, XML and more. Easy to use without how to.">
+  <meta property="og:description" content="Run JavaScript projects, code your ideas, and share it all on Codeit.">
   <meta property="og:url" content="https://codeit.codes">
   <meta property="og:image" content="https://codeit.codes/images/banner-og.png">
-  <meta property="og:type" content="application">
-  <meta property="og:site_name" content="Codeit Code Editor">
-
+  <meta property="og:type" content="website">
+  <meta property="og:site_name" content="Codeit">
+  
   <meta property="twitter:title" content="Codeit | Mobile code editor connected to Git">
-  <meta property="twitter:account_id" content="1484271514543345665">
+  <meta property="twitter:site" content="@codeitcodes">
+  <meta property="twitter:site:id" content="@codeitcodes">
+  <meta property="twitter:creator" content="@codeitcodes">
+  <meta property="twitter:creator:id" content="@codeitcodes">
   <meta name="twitter:card" content="summary_large_image">
   <meta property="twitter:domain" content="codeit.codes">
-  <meta property="twitter:url" content="https://codeit.codes">
-  <meta name="twitter:description" content="Codeit runs on the web, open source, and free. Supports HTML, CSS, JavaScript, Python, Bootstrap, XML and more. Easy to use without how to.">
+  <meta property="twitter:url" content="https://codeit.codes/">
+  <meta name="twitter:description" content="Run JavaScript projects, code your ideas, and share it all on Codeit.">
   <meta name="twitter:image" content="https://codeit.codes/images/banner-og.png">
-
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="referrer" content="origin-when-cross-origin">
+
+  <meta name="referrer" content="default">
   <meta name="keywords" content="code editor, version control tools, source code versioning, source code management tools, python, jquery demo, html, git, how to, bootstrap, jquery, javascript, javascript tutorial, javascript tutorial for beginners, javascript programming, html web form, create form in html, responsive web design, html web design, html design, responsive website development, html5 tutorial, html5 css3, html5 development, web design software, web development software, git tutorial, git howto, git repository, git command, git source code, top programming languages to learn, best programming language, best computer language, open source, open source code, open source applications, source code editor, software development tools, development tool, software developer tools list, programmer tool, web application development software">
   <link rel="canonical" href="https://codeit.codes/">
   <meta name="next-head-count" content="24">
@@ -40,15 +42,15 @@
 
   <link rel="shortcut icon" href="/icons/android-app-512.png">
   <link rel="apple-touch-icon" href="/icons/iphone-app-180.png">
+
+  <link rel="apple-touch-startup-image" href="https://codeit.codes/splashes/apple-splash-2048-2732.jpg" media="(orientation: portrait) and (orientation: landscape)">
 
   <link rel="stylesheet" href="/full.css">
 
-  <link rel="apple-touch-startup-image" href="https://codeit.codes/splashes/apple-splash-2048-2732.jpg" media="(orientation: portrait) and (orientation: landscape)">
-
   <link rel="preconnect" href="https://codeit.codes">
   <link rel="preconnect" href="https://api.github.com" crossorigin>
 
-  <link href="/fonts/fonts.css" rel="stylesheet">
+  <link rel="stylesheet" href="/fonts/fonts.css">
 
 </head>
 <body ontouchstart="">

git/gitauth.js

@@ -1,8 +1,5 @@
-/*
-  github
-*/
 
-// git login
+// github login
 
 window.onload = async () => {
 
@@ -62,15 +59,17 @@ window.onload = async () => {
   }
 
 
+  const authURL = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org';
+
   loginButton.addEventListener('click', () => {
 
     if (isMobile) {
 
-        window.location.href = 'https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org';
+      window.location.href = authURL;
 
     } else {
 
-      window.open('https://github.com/login/oauth/authorize?client_id=7ede3eed3185e59c042d&scope=repo,user,write:org', 'Login with Github', 'height=575,width=575');
+      window.open(authURL, 'Login with Github', 'height=575,width=575');
 
     }
 
@@ -79,35 +78,30 @@ window.onload = async () => {
 
   window.addEventListener('message', (event) => {
 
-    // if redirected from git auth
-    if (event.source.location.pathname === '/git/login') {
-
-      // hide intro screen
-      sidebar.classList.remove('intro');
+    // hide intro screen
+    sidebar.classList.remove('intro');
 
-      // if on safari, refresh header color
-      if (isSafari) {
+    // if on safari, refresh header color
+    if (isSafari) {
 
-        document.querySelector('meta[name="theme-color"]').content = '#313744';
+      document.querySelector('meta[name="theme-color"]').content = '#313744';
 
-        onNextFrame(() => {
+      onNextFrame(() => {
 
-          document.querySelector('meta[name="theme-color"]').content = '#1a1c24';
+        document.querySelector('meta[name="theme-color"]').content = '#1a1c24';
 
-        });
+      });
 
-      }
+    }
 
-      // start loading
-      startLoading();
+    // start loading
+    startLoading();
 
-      const gitCode = event.data;
+    const gitCode = event.data;
 
-      // get git token from Github
-      getGithubToken(gitCode);
+    // get git token from Github
+    getGithubToken(gitCode);
 
-    }
-
   })
 
 

git/gitlab/gitlab-api.js

@@ -0,0 +1,4 @@
+https://gitlab.com/api/v4/projects?access_token=19a48ef34811b9425b6fc1e4c75f1358bdf7f528d151ec5624c46fa61e8b4c03&order_by=updated_at&min_access_level=30
+https://docs.gitlab.com/ee/api/oauth2.html
+https://docs.gitlab.com/ee/api/projects.html
+https://docs.gitlab.com/ee/api/repository_files.html

git/gitlab/gitlab-auth.js

@@ -0,0 +1,179 @@
+
+// gitlab login
+
+window.onload = async () => {
+
+  gitToken = getStorage('gitToken') ?? '';
+
+  if (gitToken == 'undefined') {
+    gitToken = '';
+  }
+
+
+  // decode URL
+  linkData = decodeLink(window.location.href);
+
+  // clear URL
+  window.history.pushState(window.location.origin, 'Codeit', window.location.origin + '/full');
+
+
+  // if treeLoc is in local storage
+  if (linkData.dir) {
+
+    treeLoc = linkData.dir;
+    saveTreeLocLS(treeLoc);
+
+  } else {
+
+    treeLoc = getStorage('tree') ? getStorage('tree').split(',') : ['', '', ''];
+
+    // if repo dosen't have a branch (legacy treeLoc)
+    if (treeLoc[1] && !treeLoc[1].includes(':')) {
+
+      // add default branch to repo
+      treeLoc[1] += ':main';
+      saveTreeLocLS(treeLoc);
+
+    }
+
+  }
+
+
+  if (getStorage('loggedUser')) {
+
+    loggedUser = getStorage('loggedUser');
+
+    try {
+
+      loggedUser = JSON.parse(loggedUser);
+
+      // save logged user in local storage
+      setStorage('loggedUser', loggedUser.login);
+
+    } catch(e) {}
+
+  } else {
+
+    loggedUser = false;
+
+  }
+
+
+  const authURL = 'https://gitlab.com/oauth/authorize?client_id=f3b94ba233943fa82855c1b495f28c02ccaa11cf276b419d6d1798488a4bb7b0&redirect_uri=https://codeit.codes/git/gitlab/oauth&response_type=code&state=1f3b3477&scope=api';
+
+  loginButton.addEventListener('click', () => {
+
+    if (isMobile) {
+
+      window.location.href = authURL; 
+
+    } else {
+
+      window.open(authURL, 'Login with Gitlab', 'height=575,width=575');
+
+    }
+
+  })
+
+
+  window.addEventListener('message', (event) => {
+
+    // if redirected from git auth
+    if (event.source.location.pathname === '/git/gitlab/oauth') {
+
+      // hide intro screen
+      sidebar.classList.remove('intro');
+
+      // if on safari, refresh header color
+      if (isSafari) {
+
+        document.querySelector('meta[name="theme-color"]').content = '#313744';
+
+        onNextFrame(() => {
+
+          document.querySelector('meta[name="theme-color"]').content = '#1a1c24';
+
+        });
+
+      }
+
+      // start loading
+      startLoading();
+
+      const gitCode = event.data;
+
+      // get git token from Gitlab
+      getGitlabToken(gitCode);
+
+    }
+
+  })
+
+
+  loadLS();
+
+
+  // if git code exists in link
+  if (linkData.gitCode) {
+
+    // hide intro screen
+    sidebar.classList.remove('intro');
+
+    // if on safari, refresh header color
+    if (isSafari) {
+
+      document.querySelector('meta[name="theme-color"]').content = '#313744';
+
+      onNextFrame(() => {
+
+        document.querySelector('meta[name="theme-color"]').content = '#1a1c24';
+
+      });
+
+    }
+
+    // start loading
+    startLoading();
+
+    const gitCode = linkData.gitCode;
+
+    // get git token from Gitlab
+    getGitlabToken(gitCode);
+
+  }
+
+}
+
+async function getGitlabToken(gitCode) {
+
+  // post to git with clientId, clientSecret and code
+  const resp = await axios.post('https://gitlab.com/oauth/token?' +
+                                'client_id=f3b94ba233943fa82855c1b495f28c02ccaa11cf276b419d6d1798488a4bb7b0' +
+                                '&client_secret=1a4098e4770f84f01c94df563201d87b39dae740fe910622c76cd05d8ea30d03' +
+                                '&grant_type=authorization_code&redirect_uri=https://codeit.codes/git/gitlab/oauth' +
+                                '&code=' + gitCode);
+
+  // save git token to localStorage
+  gitToken = resp.access_token;
+  saveGitTokenLS(gitToken);
+
+
+  // get logged user
+  loggedUser = await axios.get('https://gitlab.com/api/v4/user', gitToken);
+  loggedUser = loggedUser.username;
+
+  // save logged user in local storage
+  setStorage('loggedUser', loggedUser);
+
+
+  // render sidebar
+  renderSidebarHTML();
+
+}
+
+
+
+
+
+await axios.post('https://gitlab.com/oauth/token?client_id=&client_secret=&code=&&redirect_uri=https://codeit.codes/git/gitlab/oauth')
+

homepage/homepage.js

@@ -126,11 +126,11 @@ document.querySelectorAll('.btn.install').forEach(button => {
 
   } else {
 
-    if (localStorage.getItem('installed')) {
+    //if (localStorage.getItem('installed')) {
 
       button.classList.add('installed');
 
-    }
+    //}
 
   }
 

homepage/privacy.html

@@ -140,7 +140,7 @@
   <img class="logo" src="/icons/iphone-app-180.png" width="80" draggable="false" alt="Codeit">
   <p class="title">Privacy policy</p>
 
-  <div style="display: inline-block;line-height: 1.5;">Codeit dosen't collect data.<br>Your code stays on your device. <br>Codeit uses <a href="https://plausible.io">Plausible</a> to get stats. <br><a href="https://plausible.io/codeit.codes">See the stats.</a></div>
+  <div style="display: inline-block;line-height: 1.5;">Codeit dosen't collect data.<br>Your code stays on your device. <br>Codeit uses <a href="https://plausible.io">Plausible</a> to get stats. <br><a href="https://plausible.io/codeit.codes?period=all">See the stats.</a></div>
   <p style="margin-top: 50px;margin-bottom: 50px;">
     <a href="/" style="color: inherit;">- ❤️ Codeit team</a>
   </p>