Upgrades crxjs

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",

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">
 

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
  }