From 076cd249c7d03f204bebcd3c7d7f0d5760bb1130 Mon Sep 17 00:00:00 2001
From: Paul Burke <paul@paulburke.co>
Date: Thu, 14 Sep 2023 18:00:03 -0400
Subject: [PATCH] Upgrades crxjs

---
 package-lock.json                       | 16 +++++++++-------
 package.json                            |  2 +-
 src/window/Composer.svelte              |  9 ++++-----
 src/window/components/TextEditor.svelte |  4 ++--
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 57842bb..637c6bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.0.17",
       "devDependencies": {
         "@coinbase/wallet-sdk": "^3.6.6",
-        "@crxjs/vite-plugin": "^2.0.0-beta.13",
+        "@crxjs/vite-plugin": "^2.0.0-beta.18",
         "@floating-ui/dom": "^1.2.9",
         "@giphy/js-components": "^5.12.1",
         "@giphy/js-fetch-api": "^4.9.2",
@@ -1311,9 +1311,9 @@
       "dev": true
     },
     "node_modules/@crxjs/vite-plugin": {
-      "version": "2.0.0-beta.13",
-      "resolved": "https://registry.npmjs.org/@crxjs/vite-plugin/-/vite-plugin-2.0.0-beta.13.tgz",
-      "integrity": "sha512-xbGbM64DcBRUOv7SRNOawpIOg1u8COlVk5Wcj9LheoKAA6QoRi7t6DZ+dJ4ycYg3az9AhpK0v4HOIA7+1X0pRg==",
+      "version": "2.0.0-beta.18",
+      "resolved": "https://registry.npmjs.org/@crxjs/vite-plugin/-/vite-plugin-2.0.0-beta.18.tgz",
+      "integrity": "sha512-3jW20cUE04wTTg8HtoQD7bIL4Nhu91pRX4PHazMu2/tzzSTaR4stW5DHRIJOjFuRpOSCNNpyamyXwxS6qOv7Bg==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^4.1.2",
@@ -1321,6 +1321,7 @@
         "acorn-walk": "^8.2.0",
         "cheerio": "^1.0.0-rc.10",
         "connect-injector": "^0.4.4",
+        "convert-source-map": "^1.7.0",
         "debug": "^4.3.3",
         "es-module-lexer": "^0.10.0",
         "fast-glob": "^3.2.11",
@@ -15946,9 +15947,9 @@
       }
     },
     "@crxjs/vite-plugin": {
-      "version": "2.0.0-beta.13",
-      "resolved": "https://registry.npmjs.org/@crxjs/vite-plugin/-/vite-plugin-2.0.0-beta.13.tgz",
-      "integrity": "sha512-xbGbM64DcBRUOv7SRNOawpIOg1u8COlVk5Wcj9LheoKAA6QoRi7t6DZ+dJ4ycYg3az9AhpK0v4HOIA7+1X0pRg==",
+      "version": "2.0.0-beta.18",
+      "resolved": "https://registry.npmjs.org/@crxjs/vite-plugin/-/vite-plugin-2.0.0-beta.18.tgz",
+      "integrity": "sha512-3jW20cUE04wTTg8HtoQD7bIL4Nhu91pRX4PHazMu2/tzzSTaR4stW5DHRIJOjFuRpOSCNNpyamyXwxS6qOv7Bg==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^4.1.2",
@@ -15956,6 +15957,7 @@
         "acorn-walk": "^8.2.0",
         "cheerio": "^1.0.0-rc.10",
         "connect-injector": "^0.4.4",
+        "convert-source-map": "^1.7.0",
         "debug": "^4.3.3",
         "es-module-lexer": "^0.10.0",
         "fast-glob": "^3.2.11",
diff --git a/package.json b/package.json
index f480d0b..23d4c31 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@coinbase/wallet-sdk": "^3.6.6",
-    "@crxjs/vite-plugin": "^2.0.0-beta.13",
+    "@crxjs/vite-plugin": "^2.0.0-beta.18",
     "@floating-ui/dom": "^1.2.9",
     "@giphy/js-components": "^5.12.1",
     "@giphy/js-fetch-api": "^4.9.2",
diff --git a/src/window/Composer.svelte b/src/window/Composer.svelte
index 7f797be..5ca2d89 100644
--- a/src/window/Composer.svelte
+++ b/src/window/Composer.svelte
@@ -389,7 +389,6 @@
     }
 
     const updateWindowHeight = async () => {
-        console.log('updateWindowHeight');
         await tick();
         if (!isPopupWindow || !contentDiv) return;
         const height = contentDiv.offsetHeight + (window.outerHeight - window.innerHeight);
@@ -418,7 +417,7 @@
 
     const onDraftChanged = async (draft: PostDraft) => {
         postDraft = await saveDraft(draft);
-        $draftId = postDraft.id;
+        $draftId = postDraft?.id;
         console.log('onDraftChanged: saved draft', postDraft);
     };
 
@@ -480,7 +479,7 @@
         if (!$draftId && submitEnabled) {
             const draft = buildDraft();
             postDraft = await saveDraft(draft);
-            $draftId = postDraft.id;
+            $draftId = postDraft?.id;
         } else if ($draftId) {
             $draftId = $draftId;
         }
@@ -547,7 +546,7 @@
 
         <div class="min-h-[12rem] bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 dark:text-gray-100
                   {isSubmittingPost ? 'opacity-60' : ''}
-                  {isPopupWindow ? ' p-2 rounded-b-xl' : 'mx-2 rounded-xl px-4 pt-4 pb-2'}">
+                  {isPopupWindow ? ' p-2 rounded-b-xl' : 'mx-2 rounded-xl px-4 pt-2 pb-2'}">
 
           <div class="flex">
 
@@ -596,7 +595,7 @@
               {#if currentTabData}
 
                 <div on:click={onCurrentTabDataClicked} out:fade={{duration: 200}}
-                     class="grid grid-cols-[auto,1fr] max-w-[70%] min-w-0 ml-4 mb-2 pt-1 pb-2 pr-2 truncate
+                     class="grid grid-cols-[auto,1fr] max-w-[70%] min-w-0 ml-2 mb-2 pt-1 pb-2 pr-2 truncate
                         cursor-pointer bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-900
                         rounded-lg border border-dashed border-gray-300 dark:border-gray-500">
 
diff --git a/src/window/components/TextEditor.svelte b/src/window/components/TextEditor.svelte
index 020b529..7dda2d5 100644
--- a/src/window/components/TextEditor.svelte
+++ b/src/window/components/TextEditor.svelte
@@ -331,7 +331,7 @@
     </div>
 
     {#if showPlaceholder}
-        <div class='absolute top-0 text-gray-400 dark:text-gray-500 pointer-events-none'>
+        <div class='absolute top-3 text-gray-400 dark:text-gray-500 pointer-events-none'>
             What's happening?
         </div>
     {/if}
@@ -351,7 +351,7 @@
 
 <style global>
     .text-editor {
-        @apply w-full bg-transparent
+        @apply w-full bg-transparent pt-3
         overflow-hidden break-keep [overflow-wrap:anywhere]
         border-none resize-none focus:outline-none focus:ring-0 focus:border-none
     }