💚 Revert rollup upgrade to make it work with turbo dev

packages/embeds/js/package.json

@@ -33,7 +33,7 @@
     "eslint-plugin-solid": "0.12.1",
     "postcss": "8.4.23",
     "react": "18.2.0",
-    "rollup": "3.21.3",
+    "rollup": "3.20.2",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-typescript-paths": "1.4.0",
     "tailwindcss": "3.3.2",

packages/embeds/js/src/components/avatars/Avatar.tsx

@@ -26,6 +26,8 @@ export const Avatar = (props: { initialAvatarSrc?: string }) => {
           src={avatarSrc()}
           alt="Bot avatar"
           class="rounded-full object-cover w-full h-full"
+          elementtiming={'Bot avatar'}
+          fetchpriority={'high'}
         />
       </figure>
     </Show>

packages/embeds/js/src/features/blocks/bubbles/image/components/ImageBubble.tsx

@@ -50,6 +50,8 @@ export const ImageBubble = (props: Props) => {
         'max-height': '512px',
         height: isTyping() ? '32px' : 'auto',
       }}
+      elementtiming={'Bubble image'}
+      fetchpriority={'high'}
     />
   )
 

packages/embeds/js/src/features/bubble/components/BubbleButton.tsx

@@ -49,6 +49,8 @@ export const BubbleButton = (props: Props) => {
             (props.size === 'large' ? ' w-9 h-9' : ' w-7 h-7')
           }
           alt="Bubble button icon"
+          elementtiming={'Bubble button icon'}
+          fetchpriority={'high'}
         />
       </Show>
 

packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx

@@ -50,6 +50,8 @@ export const PreviewMessage = (props: PreviewMessageProps) => {
             src={avatarUrl}
             class="rounded-full w-8 h-8 object-cover"
             alt="Bot avatar"
+            elementtiming={'Bot avatar'}
+            fetchpriority={'high'}
           />
         )}
       </Show>