From 08fac3519adb630118bb7b5999933e910f73e818 Mon Sep 17 00:00:00 2001
From: juliangojani <julian@gojani.xyz>
Date: Sun, 17 Mar 2024 01:23:28 +0100
Subject: [PATCH] Added new petrel version

---
 bun.lockb              | Bin 12699 -> 12699 bytes
 package.json           |   2 +-
 public/petrel/base.css |  73 +++++++++++++++++++++++++++++++++++++++--
 public/petrel/dark.css |  29 ++++++++++++++--
 src/main.ts            |   2 +-
 5 files changed, 98 insertions(+), 8 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index b8a71f92701b17fa3dbd8992666f0805d6d41699..2b0ae4ec3b59f9ca52fccf0ddf49d586071db980 100755
GIT binary patch
delta 365
zcmbQ8JUe-Uo<dmqpCqLUH{aE=0X*jp_05~%ZI!n@uF_yl>TW%M>p9*V{nXeem#~^_
zUcvsBm637sG~RF^`3_9F@qyU$z~nbD>BkQeSq3KmfypodkjOeP$tDP5$AQUhV3JP=
zB$5Uu_kl?<VUS3kaCjsm0|O(&KmLC}T9^R=SXQjGekvupvi9}k_s8peOd5MO<;@ki
z;Pa<_zI>#Xu-+%@7B=UO<wuSNIxh6<yfAfN?yQ8yx0-VvUYgz@w6cF|KjUOM5s)2a
zVDcQ8R1*b>)Pc!sU{X&EB+>>Z?}14(agazKn0y8%?Ib`V(<H(tFJKa%{D6sNGl%3Q
aZe~M0gUxqU=5sI_P8QTv+&oYBFEaqp9CPmg

delta 367
zcmbQ8JUe-Uo`U$R^EtbF%a=tN?&#0h?04>Bz1HH;1Cn|M^}0E2jU^2m{nXeemvEYF
zUcvsBm62icG~RF^`3_9F@qyU$z~nbD>BkQeSq3KmfypodkjOeP$tDP5$AQUhV3JP=
zB$5Uu_kl?<VUS3kaCjsG0|O(&KmLD=3=G0RHVm*t<|oQ<nrd%Jx%hALn%VBnW)6H`
zc0aMSb^2Ce*OuWOy!_Oq1WykY@n@XNO%3#x9-1q(^g^{%{{zRZ+-&Z_L9z^!<wQVs
zl!3`}U{XyKBvJ<^uYpNDF_1_bn7juj&BQ?>ePHq#n6#4siA<9SpS+MseDVV(mdzZJ
bm$;b?^ei^tRhiELVoWYHkl#E{_b)R5qLy%v

diff --git a/package.json b/package.json
index 974ad22..5889046 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "highlight.js": "^11.9.0",
     "hono": "^4.0.10",
     "jdomjs": "3.1.11",
-    "petrel": "1.0.8",
+    "petrel": "1.1.0",
     "sass": "^1.71.1"
   }
 }
diff --git a/public/petrel/base.css b/public/petrel/base.css
index e4697a0..0dee338 100644
--- a/public/petrel/base.css
+++ b/public/petrel/base.css
@@ -13,7 +13,7 @@
     margin: 0px;
     line-height: inherit;
     background: transparent;
-    min-height: 100%;
+    /* min-height: 100%; */
     overflow: hidden;
     border: none;
     outline: none;
@@ -24,12 +24,14 @@
     caret-color: #989898;
     overflow-wrap: normal;
     white-space: pre;
-    min-width: 100%;
+    /*min-width: 100%;*/
     padding-left: 0;
     position: absolute;
     top: 0;
     font-size: inherit;
     left: 0px;
+
+    opacity: 0;
 }
 
 .petrel-code-editor textarea::-moz-selection, .petrel-code-editor textarea::selection {
@@ -49,6 +51,69 @@
     pointer-events: none;
     font-family: inherit;
     font-size: inherit;
+    z-index: 3;
+}
+
+
+
+.petrel-code-editor .petrel-code-editor-overlay {
+    position: absolute;
+    pointer-events: none;
+    top: 15px;
+    left: 20px;
+}
+
+.petrel-code-editor .petrel-code-editor-overlay-line-indicator {
+    position: absolute;
+    background: #FFFFFF11;
+    z-index: 1;
+}
+
+.petrel-code-editor .petrel-code-editor-overlay-bracket-indicator {
+    position: absolute;
+    background: #FFFFFF11;
+    border: #FFFFFF22 1px solid;
+    box-sizing: border-box;
+    z-index: 4;
+}
+
+.petrel-code-editor .petrel-code-editor-overlay-cursor {
+    position: absolute;
+    background: #FFFFFF;
+    animation: 1s cursor infinite linear;
+    width: 2px;
+    z-index: 10;
+}
+
+.petrel-code-editor .petrel-code-editor-selection {
+    position: absolute;
+    background: #3B74F133;
+    z-index: 2;
+}
+.petrel-code-editor .petrel-code-editor-selection-single {
+    border-radius: 4px;
+}
+.petrel-code-editor .petrel-code-editor-selection-first {
+    border-radius: 4px 0 0 0;
+}
+.petrel-code-editor .petrel-code-editor-selection-last {
+    border-radius: 0 0 4px 0;
+}
+
+@keyframes cursor {
+    0% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 1;
+    }
+    51% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0;
+    }
 }
 
 .petrel-code-editor .petrel-code-editor-line-numbering {
@@ -73,7 +138,7 @@
 
 
 .petrel-code-editor .petrel-code-editor-line-numbering span div {
-    height: 22px;
+    height: 23px;
     width: 100%;
     left: 0px;
     position: absolute;
@@ -90,12 +155,14 @@
     position: absolute;
     left: 92px;
     background: #FFF;
+    z-index: 11;
 }
 
 
 .petrel-code-editor .petrel-code-editor-autocompletion a {
     cursor: pointer;
     display: block;
+    font-size: 12px;
 }
 
 .petrel-code-editor .petrel-code-editor-autocompletion a.selected {
diff --git a/public/petrel/dark.css b/public/petrel/dark.css
index af84f7e..0b1b266 100644
--- a/public/petrel/dark.css
+++ b/public/petrel/dark.css
@@ -1,4 +1,5 @@
 @import url('./base.css');
+@import url(https://fonts.intera.dev/_/dm+mono);
 
 .petrel-code-editor {
     background: #212531;
@@ -9,6 +10,7 @@
     resize: vertical;
     min-height: 140px;
     border-radius: 10px;
+    font-family: 'DM Mono';
 }
 
 .petrel-code-editor::-webkit-resizer {
@@ -59,11 +61,32 @@
     overflow: auto;
 }
 .petrel-code-editor .petrel-code-editor-autocompletion a {
-    padding: 4px 6px;
-    margin: 5px;
+    padding: 3px 5px;
+    margin: 0 5px;
     border-radius: 6px;
-    font-size: 16px;
 }
 .petrel-code-editor .petrel-code-editor-autocompletion a:hover {
     background: #FFFFFF21;
+}
+
+
+.petrel-code-editor .petrel-code-editor-overlay-bracket-indicator {
+    background: #FFFFFF11;
+    border-color: #FFFFFF22;
+}
+
+.petrel-code-editor .petrel-code-editor-line-numbering span div {
+    background: #FFFFFF11;
+}
+
+.petrel-code-editor .petrel-code-editor-overlay-line-indicator {
+    background: #FFFFFF11;
+}
+
+.petrel-code-editor .petrel-code-editor-overlay-cursor {
+    background: #FFFFFF;
+}
+
+.petrel-code-editor .petrel-code-editor-selection {
+    background: #3B74F166;
 }
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index e463d89..0cd963f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,6 +20,6 @@ api.promiseInterceptor = r => r.json()
 initUser()
 
 html`<${App} router=${router} />`
-    .appendTo(document);
+    .appendTo(document)
 
 router.init();