🧩 Plasmo Developers

PD

🧩 Plasmo Developers

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

Join

👾extension

👟framework

🔰newbie

🦉pallas

Help with inline csui

I'm attempting to add a button above the highlighted section, but I don't really understand how the in-line mounting works. My button always seems to end up below the section. Could anyone clarify and possibly give me some pointers?

Production Source Map?

How would i get sourcemaps to build in production so i can upload them to something like sentry? i'm finding that they work in dev, but when i do build / package, they are no where to be found

How can I not use a Shadow DOM on content?

I need to make it so the content.tsx is fixed to the top of the page (kind of like position-fixed) and push the rest of the open page down, not be "above" it,

Error Monitoring and Metric Gathering

What do people use for error monitoring and metric gathering? I have experience using Sentry, but not sure if that's an "accepted standard" in chrome extensions and no idea how to integrate it (any examples)...

How can I import a font (Roboto) inside content.tsx and keep my style?

I have 2 files: base.css where it only imports the font (from Google API) and style.css where there's all the stylesheet....

window undefined on background script when trying to login via firebase

I'm using React + Firebase. I have a hook that handles user details and a background script that handles the auth via chrome.identity.getAuthToken after I approve the consent screen, the background script throws "window is not defined" any ideas? I followed this link - https://www.plasmo.com/blog/posts/firebase-chrome-extension...

No Response from sendToBackground()

Hi there, plasmo noob here. Trying to call a firebase function on the click of a button from a content-script. Read docs on using the messaging api with a background worker. Think I set it all up correctly but not getting any response at all from the sendToBackground() method. Here's some snippets. ``` // Adding the event listener to my new injected button to call generate newButton.addEventListener("click", async () => {...

Plasmo Equivalent to chrome.runtime.onMessage.addListener

Hi, I am a total newbie trying to figure out how to send triggers from my popup window to my content script. Online I have been seeing examples of adding eventListeners. Does this work in Plasmo or is there a 'Plasmo specific' way to do this. Thanks!...

How can I add Robot font to Plasmo?

Just adding as normal doesn't work.

Uncaught (in promise) TypeError: Cannot read properties of null

I am receiving this error when I try to get a certain element on a webpage with the line of code below. When the website loads, the element is not there yet because you have to click on a link before that element loads. Is there a way to make the call to that line of code retry or wait until you click on the link on the website? const note = document.querySelector(".btn btn-info btn-note-edit btn-note-save submit note-edit-panel-box")...

chrome.notification, iconUrl property

Currently in development im using
`"web_accessible_resources": [ { "resources": [ "assets/icon.png"...

captureVisibleTab()

when I use chrome.tabs.captureVisibleTab() I get this error Error: Either the '<all_urls>' or 'activeTab' permission is required. but I have both of those permissions in the manifest.json

What's a sandbox?

And how does manifest.content_security_policy.sandbox affect it?

How to send messages from content to background

I tried to do send a message to the background but it doesn't seem to be called and I don't have any error. Just nothing happen. Am I doing this right? ``` // in content.tsx const resp = await sendToBackground({...

React Router doesnt display UI until after being updated, all help appreciated!

Hi, so when I navigate to a differentpage in my chrome extension, the page is supposed to display a colection saved in Firebase if the user is signed in. This works, except it seems that the onAuthStateChanged doesnt run until the page is updated (i write a comment or a paragraph in dev mode) and then its able to see its authenticated and then dispalys the UI, heres an image of what i mean

How do you create something like multiple pages or a carousel in plasmo?

Hi, I'm pretty new so sorry if this is obvious. I have an image of an example of what I want, I want to be able to click a arrow or drag in a direction and access a new page in a chrome extension, how do I do that? Am i supposed to use react router or something? I appreciate all the help :) !!...

How to use Inline Anchor

COMPLETE noob to javascript and html, and I'm trying to setup an inline anchor for the twitter checkmark. Can anyone help me understand how to do that? Documentation is leaving me dazed and confused @nullport Moved this to here for future look-up (we will also improve the doc using these Q/A as well :p)...

How to run and test an example

Hi guys, I'm learning Plasmo and at the moment I want to run examples in PlasmoHQ/examples. However, after cloning the project and cd into a certain example dir then run pnpm i I get this error. Is it because I missed some important steps? ref: https://discord.com/channels/946290204443025438/946290204904390690/1044533896668258327...