1.9.0

1.9.0

Author: benhatsor

LICENSE

@@ -1,21 +1,2 @@
-MIT License
-
-Copyright (c) Codeit
-
-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.
+Codeit is licensed under the GNU-GPL v3 or any later version.
+For more info, see: https://gnu.org/licenses/gpl-3.0

bottomfloat.js

@@ -121,7 +121,7 @@ function checkBottomFloat() {
         if ((cd.scrollTop + cd.offsetHeight) >= cd.scrollHeight) {
 
           // show bottom float
-          bottomFloat.classList.remove('hidden');
+          bottomWrapper.classList.remove('hidden');
 
         }
 

codedrop.js

@@ -20,15 +20,6 @@ function getFileLang(src) {
 
 }
 
-function splitFileName(src) {
-  
-  src = src.replaceAll('\n', '');
-
-  const extension = (/\.(\w+)$/.exec(src) || [, 'none'])[1];
-  return [src.replace(('.' + extension), ''), '.' + extension];
-  
-}
-
 
 function processFile(file) {
 

dark.css renamed to dark-theme.css

@@ -56,7 +56,6 @@ cd-el {
   border-radius: 0;
 }
 
-.token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
@@ -77,12 +76,14 @@ cd-el {
   opacity: 1;
 }
 
-.token.property {
+.token.property,
+.language-css .token.variable {
   color: #35d4c7;
 }
 
 .token.boolean,
 .token.number,
+.token.unit,
 .token.constant,
 .token.symbol,
 .token.deleted,
@@ -91,8 +92,6 @@ cd-el {
 }
 
 .token.attr-value,
-.token.string,
-.style .token.string,
 .token.char,
 .token.url,
 .token.builtin,
@@ -124,6 +123,17 @@ cd-el {
   color: #75bfff;
 }
 
+.token.comment,
+.token.comment * {
+  color: hsl(218deg 7% 64% / 72%) !important;
+}
+
+.token.string,
+.token.string *,
+.style .token.string {
+  color: #c1ffd5cc !important;
+}
+
 .token.italic {
   font-style: normal;
 }
@@ -132,6 +142,19 @@ cd-el {
   cursor: unset;
 }
 
+.token a {
+  color: inherit;
+}
+
+.token.string .token.url-link {
+  text-decoration: none;
+}
+
+.language-css .token.string .token.url-link {
+  text-decoration: underline;
+}
+
+
 .token.brace.brace-active {
   position: relative;
   background: rgb(166 195 212 / 12%);
@@ -158,9 +181,9 @@ cd-el {
   transform: rotateZ(-25deg);
 }
 
+
 .line-numbers {
   position: relative;
-  counter-reset: linenumber;
   padding-left: calc(var(--gutter-length) + env(safe-area-inset-left));
   scroll-padding-left: calc(var(--gutter-length) + env(safe-area-inset-left));
   --gutter-length: calc(1.2em + 30px + env(safe-area-inset-left));
@@ -176,22 +199,80 @@ cd-el {
   pointer-events: none;
   line-height: inherit;
   font-size: inherit;
-}
-
-.line-numbers-rows > span {
-  display: block;
-  counter-increment: linenumber;
-}
-
-.line-numbers-rows > span:before {
-  content: counter(linenumber);
   color: #636d83;
   display: block;
   text-align: right;
   padding-right: 13.5px;
   padding-left: calc(13.5px + env(safe-area-inset-left));
-  white-space: nowrap;
   min-width: 1.2em;
-  line-height: inherit;
-  font-size: inherit;
+  white-space: pre;
+}
+
+.line-numbers .line-numbers-rows::before {
+  content: attr(line-numbers);
+}
+
+
+span.inline-color-wrapper {
+  /*
+   * The background image is the following SVG inline in base 64:
+   *
+   * <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
+   *   <path fill="#fff" d="M0 0h2v2H0z"/>
+   *   <path fill="#ccc" d="M0 0h1v1H0zM1 1h1v1H1z"/>
+   * </svg>
+   *
+   * SVG-inlining explained:
+   * https://stackoverflow.com/a/21626701/7595472
+   */
+  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTAgMGgxdjFIMHpNMSAxaDF2MUgxeiIvPjwvc3ZnPg==);
+  
+  height: 12px;
+  width: 12px;
+  margin-left: 2px;
+  margin-right: 4px;
+  display: inline-block;
+  user-select: none;
+  -webkit-user-select: none;
+  line-height: 10px;
+  border-radius: 50%;
+  cursor: pointer;
+  
+  transition: 0.3s cubic-bezier(0, 0.88, 0.46, 1.36);
+  transition: 0.6s cubic-bezier(.165,.84,.44,1);
+  transition: .4s cubic-bezier(.68,-.55,.265,1.55);
+  transition: .4s cubic-bezier(0.19,1,0.22,1);
+  transition: .5s cubic-bezier(0.23, 1, 0.32, 1);
+  transition: .3s cubic-bezier(.175,.885,.32,1.275);
+  transition: .3s cubic-bezier(.075,.82,.165,1);
+  transition: 167ms cubic-bezier(0,0,.2,1);
+  transition: 0.3s cubic-bezier(0.4, 0, 0.25, 1);
+}
+
+body.platform-mac span.inline-color-wrapper {
+  cursor: default;
+}
+
+span.inline-color {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  box-sizing: border-box;
+  border-radius: 50%;
+  position: relative;
+}
+
+span.inline-color::after {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  box-shadow: 0 0 0 1px hsl(221deg 9% 50%), inset 0 0 0 1px #313744;
+  left: 0;
+  top: 0;
+  border-radius: 50%;
+}
+
+span.inline-color-wrapper:hover span.inline-color::after {
+  box-shadow: 0 0 0 1px hsl(221deg 12% 67%), inset 0 0 0 1px #313744;
 }

file.js

@@ -121,20 +121,28 @@ function onFileEclipsedInCache(oldSha, newSha, newFile) {
 
     // find the eclipsed file
     fileToUpdate = modifiedFiles[oldSha];
-
+    
+    // update old file to new sha
     fileToUpdate.sha = newSha;
+    
+    // update old file caret pos
     fileToUpdate.caretPos = [0, 0];
+    
+    // set old file to eclipsed mode
     fileToUpdate.eclipsed = true;
 
     // if file to update is selected
     if (selectedFile.sha === oldSha) {
 
       // update its content
       // to the selected file contents
-      updateModFileContent(oldSha, selectedFile.content);
+      fileToUpdate.content = selectedFile.content;
 
-      // update selected file sha to the new sha
+      // update selected file to new sha
       selectedFile.sha = newSha;
+      
+      // set selected file to eclipsed mode
+      selectedFile.eclipsed = true;
 
       updateSelectedFileLS();
 
@@ -223,28 +231,27 @@ function getLatestVersion(item) {
 
   function followTrail(crumb) {
 
-    if(typeof(modifiedFiles[crumb]) == 'undefined') //@@
-      return null;
-    
-    // if version sha matches its key
-    // (it dosen't point to another version)
-    if (modifiedFiles[crumb].sha === crumb) {
-      
-      // reached the most recent version
-      return modifiedFiles[crumb];
+    if (modifiedFiles[crumb]) {
+
+      // if version sha matches its key
+      // (it dosen't point to another version)
+      if (modifiedFiles[crumb].sha === crumb) {
+
+        // reached the most recent version
+        return modifiedFiles[crumb];
+
+      } else {
+
+        // version sha points to another version,
+        // follow the trail
+        return followTrail(modifiedFiles[crumb].sha);
+
+      }
 
     } else {
 
-      // version sha points to another version,
-      // follow the trail
-      let ret = followTrail(modifiedFiles[crumb].sha);
-      
-      if(ret == null){
-        // No file with this sha was found in modifiedFiles, return the file with latest bread crumb: //@@
-        return modifiedFiles[crumb];
-      }else{
-        return ret;
-      }
+      console.log(item, crumb);
+      return;
 
     }
 
@@ -262,4 +269,4 @@ function getLatestVersion(item) {
 
   }
 
-}  
+}