From dfcd5eeef19d946b645ef501a39520a1cfe09b29 Mon Sep 17 00:00:00 2001
From: Kenox <muranelp@gmail.com>
Date: Thu, 3 Nov 2022 20:50:54 +0100
Subject: [PATCH] Update scrolling

---
 static/application.js     |  6 +++++-
 static/application.min.js |  2 +-
 static/index.html         |  2 +-
 static/solarized_dark.css | 18 ++++++++++++++++++
 4 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/static/application.js b/static/application.js
index d860c78..0bda107 100644
--- a/static/application.js
+++ b/static/application.js
@@ -234,7 +234,11 @@ haste.prototype.loadDocument = function(key) {
   _this.doc = new haste_document();
   _this.doc.load(parts[0], function(ret) {
     if (ret) {
-      _this.$code.html(ret.value);
+      let code = document.createElement('code');
+      code.innerHTML = ret.value;
+      let pre = document.getElementById("box");
+      pre.appendChild(code);
+
       _this.setTitle(ret.key);
       _this.fullKey();
       _this.$textarea.val('').hide();
diff --git a/static/application.min.js b/static/application.min.js
index 900594e..04b8cb9 100644
--- a/static/application.min.js
+++ b/static/application.min.js
@@ -1 +1 @@
-const workersUrl="https://api.knx.cool/";var haste_document=function(){this.locked=!1};htmlEscape=function(e){return e.replace(/&/g,"&amp;").replace(/>/g,"&gt;").replace(/</g,"&lt;").replace(/"/g,"&quot;")},haste_document.prototype.load=function(e,t,o){var n=this;$.ajax(workersUrl+e,{type:"get",dataType:"json",success:function(s){n.locked=!0,n.key=e,n.data=s.data,t({value:htmlEscape(n.data),key:e,language:o,lineCount:n.data.split("\n").length})},error:function(e,o,n){t(!1)}})},haste_document.prototype.save=function(e,t){if(this.locked)return!1;this.data=e;var o=this;$.ajax(workersUrl+"documents",{type:"put",data:e,dataType:"json",contentType:"text/plain; charset=utf-8",success:function(n){o.locked=!0,o.key=n.key,t(null,{value:e,key:n.key,language:null,lineCount:e.split("\n").length})},error:function(e){try{t($.parseJSON(e.responseText))}catch(e){t({message:"Something went wrong!"})}}})};var haste=function(e,t){this.appName=e,this.$textarea=$("textarea"),this.$box=$("#box"),this.$code=$("#box code"),this.$linenos=$("#linenos"),this.options=t,this.configureShortcuts(),this.configureButtons()};function highlightLine(e){var t=document.getElementById("box");removeElementsByClass("highlight");let o=document.createElement("div");o.classList.add("highlight"),o.style.marginTop=16*(e-1)+"px",t.insertBefore(o,t.firstChild)}function removeElementsByClass(e){const t=document.getElementsByClassName(e);for(;t.length>0;)t[0].parentNode.removeChild(t[0])}haste.prototype.setTitle=function(e){var t=e?this.appName+" - "+e:this.appName;document.title=t},haste.prototype.showMessage=function(e,t){var o=$('<li class="'+(t||"info")+'">'+e+"</li>");$("#messages").prepend(o),setTimeout(function(){o.slideUp("fast",function(){$(this).remove()})},3e3)},haste.prototype.lightKey=function(){this.configureKey(["new","save"])},haste.prototype.fullKey=function(){this.configureKey(["new","duplicate","raw"])},haste.prototype.configureKey=function(e){var t,o=0;$("#box2 .function").each(function(){for(t=$(this),o=0;o<e.length;o++)if(t.hasClass(e[o]))return t.addClass("enabled"),!0;t.removeClass("enabled")})},haste.prototype.newDocument=function(e){this.$box.hide(),this.doc=new haste_document,this.setTitle(),this.lightKey(),this.$textarea.val("").show("fast",function(){this.focus()}),this.removeLineNumbers()},haste.extensionMap={rb:"ruby",py:"python",pl:"perl",php:"php",scala:"scala",go:"go",xml:"xml",html:"xml",htm:"xml",css:"css",js:"javascript",vbs:"vbscript",lua:"lua",pas:"delphi",java:"java",cpp:"cpp",cc:"cpp",m:"objectivec",vala:"vala",sql:"sql",sm:"smalltalk",lisp:"lisp",ini:"ini",diff:"diff",bash:"bash",sh:"bash",tex:"tex",erl:"erlang",hs:"haskell",md:"markdown",txt:"",coffee:"coffee",swift:"swift"},haste.prototype.lookupExtensionByType=function(e){for(var t in haste.extensionMap)if(haste.extensionMap[t]===e)return t;return e},haste.prototype.lookupTypeByExtension=function(e){return haste.extensionMap[e]||e},haste.prototype.addLineNumbers=function(e){removeElementsByClass("linenumber");for(var t=0;t<e;t++){let e=document.createElement("a");e.classList.add("linenumber"),e.style.marginTop=16*t+"px";let o=t+1;e.id="line"+o,e.href="#"+o,e.onclick=function(){highlightLine(o)};let n=document.createTextNode(o.toString());e.appendChild(n),document.body.appendChild(e)}if(window.location.hash){highlightLine(window.location.hash.substring(1))}},haste.prototype.removeLineNumbers=function(){removeElementsByClass("highlight"),removeElementsByClass("linenumber");let e=document.createElement("a");e.classList.add("linenumber");let t=document.createTextNode(">");e.appendChild(t),document.body.appendChild(e)},haste.prototype.loadDocument=function(e){var t=e.split(".",2),o=this;o.doc=new haste_document,o.doc.load(t[0],function(e){e?(o.$code.html(e.value),o.setTitle(e.key),o.fullKey(),o.$textarea.val("").hide(),o.$box.show().focus(),o.addLineNumbers(e.lineCount)):o.newDocument()},this.lookupTypeByExtension(t[1]))},haste.prototype.duplicateDocument=function(){if(this.doc.locked){var e=this.doc.data;this.newDocument(),this.$textarea.val(e)}},haste.prototype.lockDocument=function(){var e=this;this.doc.save(this.$textarea.val(),function(t,o){if(t)e.showMessage(t.message,"error");else if(o){e.$code.html(htmlEscape(o.value)),e.setTitle(o.key);var n="/"+o.key;window.history.pushState(null,e.appName+"-"+o.key,n),e.fullKey(),e.$textarea.val("").hide(),e.$box.show().focus(),e.addLineNumbers(o.lineCount)}})},haste.prototype.configureButtons=function(){var e=this;this.buttons=[{$where:$("#box2 .save"),label:"Save",shortcutDescription:"control + s",shortcut:function(e){return e.ctrlKey&&83===e.keyCode},action:function(){""!==e.$textarea.val().replace(/^\s+|\s+$/g,"")&&e.lockDocument()}},{$where:$("#box2 .new"),label:"New",shortcut:function(e){return e.ctrlKey&&78===e.keyCode},shortcutDescription:"control + n",action:function(){e.newDocument(!e.doc.key)}},{$where:$("#box2 .duplicate"),label:"Duplicate & Edit",shortcut:function(t){return e.doc.locked&&t.ctrlKey&&68===t.keyCode},shortcutDescription:"control + d",action:function(){e.duplicateDocument()}},{$where:$("#box2 .raw"),label:"Just Text",shortcut:function(e){return e.ctrlKey&&e.shiftKey&&82===e.keyCode},shortcutDescription:"control + shift + r",action:function(){window.location.href=workersUrl+"raw/"+e.doc.key}}];for(var t=0;t<this.buttons.length;t++)this.configureButton(this.buttons[t])},haste.prototype.configureButton=function(e){e.$where.click(function(t){t.preventDefault(),!e.clickDisabled&&$(this).hasClass("enabled")&&e.action()}),e.$where.mouseenter(function(){$("#box3 .label").text(e.label),$("#box3 .shortcut").text(e.shortcutDescription||""),$("#box3").show(),$(this).append($("#pointer").remove().show())}),e.$where.mouseleave(function(){$("#box3").hide(),$("#pointer").hide()})},haste.prototype.configureShortcuts=function(){var e=this;$(document.body).keydown(function(t){for(var o,n=0;n<e.buttons.length;n++)if((o=e.buttons[n]).shortcut&&o.shortcut(t))return t.preventDefault(),void o.action()})},$(function(){$("textarea").keydown(function(e){if(9===e.keyCode){e.preventDefault();if(document.selection)this.focus(),document.selection.createRange().text="  ",this.focus();else if(this.selectionStart||"0"==this.selectionStart){var t=this.selectionStart,o=this.selectionEnd,n=this.scrollTop;this.value=this.value.substring(0,t)+"  "+this.value.substring(o,this.value.length),this.focus(),this.selectionStart=t+"  ".length,this.selectionEnd=t+"  ".length,this.scrollTop=n}else this.value+="  ",this.focus()}})});
\ No newline at end of file
+const workersUrl="https://api.knx.cool/";var haste_document=function(){this.locked=!1};htmlEscape=function(e){return e.replace(/&/g,"&amp;").replace(/>/g,"&gt;").replace(/</g,"&lt;").replace(/"/g,"&quot;")},haste_document.prototype.load=function(e,t,o){var n=this;$.ajax(workersUrl+e,{type:"get",dataType:"json",success:function(s){n.locked=!0,n.key=e,n.data=s.data,t({value:htmlEscape(n.data),key:e,language:o,lineCount:n.data.split("\n").length})},error:function(e,o,n){t(!1)}})},haste_document.prototype.save=function(e,t){if(this.locked)return!1;this.data=e;var o=this;$.ajax(workersUrl+"documents",{type:"put",data:e,dataType:"json",contentType:"text/plain; charset=utf-8",success:function(n){o.locked=!0,o.key=n.key,t(null,{value:e,key:n.key,language:null,lineCount:e.split("\n").length})},error:function(e){try{t($.parseJSON(e.responseText))}catch(e){t({message:"Something went wrong!"})}}})};var haste=function(e,t){this.appName=e,this.$textarea=$("textarea"),this.$box=$("#box"),this.$code=$("#box code"),this.$linenos=$("#linenos"),this.options=t,this.configureShortcuts(),this.configureButtons()};function highlightLine(e){var t=document.getElementById("box");removeElementsByClass("highlight");let o=document.createElement("div");o.classList.add("highlight"),o.style.marginTop=16*(e-1)+"px",t.insertBefore(o,t.firstChild)}function removeElementsByClass(e){const t=document.getElementsByClassName(e);for(;t.length>0;)t[0].parentNode.removeChild(t[0])}haste.prototype.setTitle=function(e){var t=e?this.appName+" - "+e:this.appName;document.title=t},haste.prototype.showMessage=function(e,t){var o=$('<li class="'+(t||"info")+'">'+e+"</li>");$("#messages").prepend(o),setTimeout(function(){o.slideUp("fast",function(){$(this).remove()})},3e3)},haste.prototype.lightKey=function(){this.configureKey(["new","save"])},haste.prototype.fullKey=function(){this.configureKey(["new","duplicate","raw"])},haste.prototype.configureKey=function(e){var t,o=0;$("#box2 .function").each(function(){for(t=$(this),o=0;o<e.length;o++)if(t.hasClass(e[o]))return t.addClass("enabled"),!0;t.removeClass("enabled")})},haste.prototype.newDocument=function(e){this.$box.hide(),this.doc=new haste_document,this.setTitle(),this.lightKey(),this.$textarea.val("").show("fast",function(){this.focus()}),this.removeLineNumbers()},haste.extensionMap={rb:"ruby",py:"python",pl:"perl",php:"php",scala:"scala",go:"go",xml:"xml",html:"xml",htm:"xml",css:"css",js:"javascript",vbs:"vbscript",lua:"lua",pas:"delphi",java:"java",cpp:"cpp",cc:"cpp",m:"objectivec",vala:"vala",sql:"sql",sm:"smalltalk",lisp:"lisp",ini:"ini",diff:"diff",bash:"bash",sh:"bash",tex:"tex",erl:"erlang",hs:"haskell",md:"markdown",txt:"",coffee:"coffee",swift:"swift"},haste.prototype.lookupExtensionByType=function(e){for(var t in haste.extensionMap)if(haste.extensionMap[t]===e)return t;return e},haste.prototype.lookupTypeByExtension=function(e){return haste.extensionMap[e]||e},haste.prototype.addLineNumbers=function(e){removeElementsByClass("linenumber");for(var t=0;t<e;t++){let e=document.createElement("a");e.classList.add("linenumber"),e.style.marginTop=16*t+"px";let o=t+1;e.id="line"+o,e.href="#"+o,e.onclick=function(){highlightLine(o)};let n=document.createTextNode(o.toString());e.appendChild(n),document.body.appendChild(e)}if(window.location.hash){highlightLine(window.location.hash.substring(1))}},haste.prototype.removeLineNumbers=function(){removeElementsByClass("highlight"),removeElementsByClass("linenumber");let e=document.createElement("a");e.classList.add("linenumber");let t=document.createTextNode(">");e.appendChild(t),document.body.appendChild(e)},haste.prototype.loadDocument=function(e){var t=e.split(".",2),o=this;o.doc=new haste_document,o.doc.load(t[0],function(e){if(e){let t=document.createElement("code");t.innerHTML=e.value,document.getElementById("box").appendChild(t),o.setTitle(e.key),o.fullKey(),o.$textarea.val("").hide(),o.$box.show().focus(),o.addLineNumbers(e.lineCount)}else o.newDocument()},this.lookupTypeByExtension(t[1]))},haste.prototype.duplicateDocument=function(){if(this.doc.locked){var e=this.doc.data;this.newDocument(),this.$textarea.val(e)}},haste.prototype.lockDocument=function(){var e=this;this.doc.save(this.$textarea.val(),function(t,o){if(t)e.showMessage(t.message,"error");else if(o){e.$code.html(htmlEscape(o.value)),e.setTitle(o.key);var n="/"+o.key;window.history.pushState(null,e.appName+"-"+o.key,n),e.fullKey(),e.$textarea.val("").hide(),e.$box.show().focus(),e.addLineNumbers(o.lineCount)}})},haste.prototype.configureButtons=function(){var e=this;this.buttons=[{$where:$("#box2 .save"),label:"Save",shortcutDescription:"control + s",shortcut:function(e){return e.ctrlKey&&83===e.keyCode},action:function(){""!==e.$textarea.val().replace(/^\s+|\s+$/g,"")&&e.lockDocument()}},{$where:$("#box2 .new"),label:"New",shortcut:function(e){return e.ctrlKey&&78===e.keyCode},shortcutDescription:"control + n",action:function(){e.newDocument(!e.doc.key)}},{$where:$("#box2 .duplicate"),label:"Duplicate & Edit",shortcut:function(t){return e.doc.locked&&t.ctrlKey&&68===t.keyCode},shortcutDescription:"control + d",action:function(){e.duplicateDocument()}},{$where:$("#box2 .raw"),label:"Just Text",shortcut:function(e){return e.ctrlKey&&e.shiftKey&&82===e.keyCode},shortcutDescription:"control + shift + r",action:function(){window.location.href=workersUrl+"raw/"+e.doc.key}}];for(var t=0;t<this.buttons.length;t++)this.configureButton(this.buttons[t])},haste.prototype.configureButton=function(e){e.$where.click(function(t){t.preventDefault(),!e.clickDisabled&&$(this).hasClass("enabled")&&e.action()}),e.$where.mouseenter(function(){$("#box3 .label").text(e.label),$("#box3 .shortcut").text(e.shortcutDescription||""),$("#box3").show(),$(this).append($("#pointer").remove().show())}),e.$where.mouseleave(function(){$("#box3").hide(),$("#pointer").hide()})},haste.prototype.configureShortcuts=function(){var e=this;$(document.body).keydown(function(t){for(var o,n=0;n<e.buttons.length;n++)if((o=e.buttons[n]).shortcut&&o.shortcut(t))return t.preventDefault(),void o.action()})},$(function(){$("textarea").keydown(function(e){if(9===e.keyCode){e.preventDefault();if(document.selection)this.focus(),document.selection.createRange().text="  ",this.focus();else if(this.selectionStart||"0"==this.selectionStart){var t=this.selectionStart,o=this.selectionEnd,n=this.scrollTop;this.value=this.value.substring(0,t)+"  "+this.value.substring(o,this.value.length),this.focus(),this.selectionStart=t+"  ".length,this.selectionEnd=t+"  ".length,this.scrollTop=n}else this.value+="  ",this.focus()}})});
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index b411617..7a281a2 100644
--- a/static/index.html
+++ b/static/index.html
@@ -76,7 +76,7 @@
 			</div>
 		</div>
 
-		<pre id="box" style="display:none;" class="hljs" tabindex="0"><code></code></pre>
+		<pre id="box" style="display:none;" class="hljs" tabindex="0"></pre>
 		<textarea spellcheck="false" style="display:none;"></textarea>
 	</body>
 
diff --git a/static/solarized_dark.css b/static/solarized_dark.css
index e09929a..d2772e6 100644
--- a/static/solarized_dark.css
+++ b/static/solarized_dark.css
@@ -12,6 +12,24 @@ Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmai
   color: #78797A;
 }
 
+pre.hljs {
+  white-space: pre-wrap;
+}
+pre.hljs::before {
+  counter-reset: listing;
+}
+pre.hljs code {
+  counter-increment: listing;
+}
+pre.hljs code::before {
+  content: counter(listing) ". ";
+  display: inline-block;
+  width: 8em;         /* now works */
+  padding-left: auto; /* now works */
+  margin-left: auto;  /* now works */
+  text-align: right;  /* now works */
+}
+
 .hljs-comment,
 .hljs-quote {
   color: #586e75;