🧩 Plasmo Developers

Join the 🧩 Plasmo Developers server to ask questions!

Join

🧩 Plasmo Developers

Join the community to ask questions about 🧩 Plasmo Developers and get answers from other members.

Join

👾extension

👟framework

🔰newbie

🦉pallas

kenster

11/18/2024

Side panel and CSUI interactions

I'm trying to trigger open/close the side panel from content script UI where I have a button rendered on top of the webpage. Clicking on it means to toggle the side panel. I tried calling chrome.sidePanel.open() from my content script but it didn't work. Then I tried to do it via sending it to background script and calling chrome.sidePanel.open() from there - didn't work as well. I assume there was some misconfiguration or an error that I overlooked? It was throwing an error:

Failed to open side panel: Error: `sidePanel.open()` may only be called in response to a user gesture.

Failed to open side panel: Error: `sidePanel.open()` may only be called in response to a user gesture.

...

Ziv

11/13/2024

error GET chrome-extension://invalid/ net::ERR_FAILED

Hi all, I built an extension for LinkedIn using Plasmo. My manifest looks like so: ```"manifest": {...

Thomato

11/10/2024

Uncaught (in promise) Error: QUOTA_BYTES_PER_ITEM quota exceeded

Hi all, I am trying to allow users to be able to upload their own HTML templates, but I am repeatedly getting this error. Troubleshooting done:...

Hex

11/9/2024

Svelte imports not working

Not even really sure whats going wrong Ive spent hours on this issue. For some reason when importing either ui elements or libraries with svelte no matter what I do its giving me issues. Examples would be: Cannot load file './index' from module 'bits-ui' Failed to resolve '$lib/components/ui/card' from './src/contents/FloatingPanel.svelte' Failed to resolve 'bits-ui' from './src/lib/components/ui/button/button.svelte' ...

krauser

11/9/2024

Uncaught ReferenceError: Cannot access 'yC' before initialization

Having problems importing a third party library with Plasmo. I'm using CSUI with React. The element I'm working on is a single anchor Everything seemingly smooth on VSCode and terminal but when I go to inspect the page the titular problem pops up yC is the bundled name for PrivyProvider, the component that wraps the element...

tatsumaru

11/5/2024

Nested Background Messages?

I am trying to group background messages in nested folders under background/messages/{nested}. I noticed that if I put a regular background script in there, it will work, but if I put a PlasmoMessaging handler in a nested folder, it won't register. Is there a way to get the Plasmo Messaging API to look into nested folders so I can organize my messengers properly?

OtterFlips

10/29/2024

Cross-Browser Messaging Code

I just read through the docs on the Plasmo Messaging API and it's not clear if these APIs work across all browsers or if there are limitations, such as on Firefox and perhaps Safari. Ideally we would have an abstraction for messaging that works for all browser types so that we don't have to write browser-specific messaging alternatives....

Thomato

10/28/2024

Extremely long build times (~1 hour per compile)

Hi all, I am looking to get assistance with my extension. When running pnpm dev --verbose , I am getting to the following message: 🔵 INFO | Loaded environment variables from: []...

coder_iyke

10/25/2024

Plasmo rerendering CSUI infinitely and using up PC memory

I have the code below that uses and anchorlist to inject multiple instances of the same component. Anchorlist is supported by plasmo but for some reason it runs in an infinite rerender loop: ```import React, { useEffect, useRef, type FC } from 'react'; // import './components/SearchResults/SearchResults.scss';...

10/24/2024

Uncaught Error: Cannot find module '@plasmohq/storage' (works in prod not dev)

I can't use plasmo storage with a prod build but it works on dev. I'm super confused.

Bart ⚡

10/24/2024

Vite?

Is there any chance to use Plasmo with Vite?

nithur

10/20/2024

Anyone got react-markdown work with Plasmo?

I am having issues with using react-markdown in Plasmo. Anyone got this working?

Vishal

10/19/2024

AI stream to content script

I am creating a chrome extension which is a content script, I want to stream my AI response and display it token by token. I am able to get the stream with POST request using background script but don't know how to get it to content script token by token by using res.send() or something similar....

Fedekh 🔋

10/14/2024

2 problems : import component & send messaging

Good morning, I have 2 problems. The first: I need to have child components in the content script. Now if I create the child in the contents folder and import it in the classic Vue way, then I find this component on its own in the injection page and not as a child of my script (img 1 & 2 ) . however, if I insert the child into another folder, it is not displayed on the page at all (img 3) ...

tatsumaru

10/12/2024

Maximum size for extension bundle/archive you can upload in Google Chrome Store?

I've looked in the Google docs and in the developer portal, but can't find a single place which states what's the maximum size of an extension bundle/archive. Any clues?

tatsumaru

10/10/2024

Can I use native web components with CSUI?

I tried using Content Scripts UI (CSUI) with a native web component instead of a react component (see below), but I got a bunch of React errors in the browser console referring to a React component. Is there a way to make Plasmo work with native web components or something like Lit? Thanks. ```import type { PlasmoCSConfig, PlasmoGetInlineAnchor } from "plasmo" export const config: PlasmoCSConfig = {...

tatsumaru

10/10/2024

Error loading {script-name}: ReferenceError: importScripts is not defined

Is this a Plasmo Bug? I am trying to load a module using a dynamic import like this in the content script: const module = await import('../local/app.js'); So far it hasn't worked and I am seeing this error in the console. I am not using importScripts as far as I can tell but this js-loader.js might be. Any clues? Error loading {script-name}: ReferenceError: importScripts is not defined...

9/25/2024

Build a sidepanel with plasmo

hey guys, quick question, just starting to build a extension with plasmo,(btw framework is dope ), and i want to build a sidepanel, i've created the template using next.js and now i'm wondering where i need to create sidepanel.tsx in order to work

Huraira

9/7/2024

How can I use sessionStorage in a Plasmo extension?

I'm working on a Plasmo extension and I need some help with sessionStorage. How can I effectively use sessionStorage in a Plasmo extension? Any advice or examples would be greatly appreciated!

Renas

8/29/2024

Why doesn't window.onload and load event listener work in a content script?

Hi! I am programmatically injecting a content script into the main world with

chrome.scripting.executeScript

chrome.scripting.executeScript

. I am trying to use the following to run my function when DOM has loaded. But it doesn't seem to work, I don't see any console logs at all. Anyone know how I can solve this?...

Gaming

Programming

🧩 Plasmo Developers

Join the 🧩 Plasmo Developers server to ask questions!

🧩 Plasmo Developers

Join the community to ask questions about 🧩 Plasmo Developers and get answers from other members.