🧩 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

How to import manually contentScript inside background.js

How i can import content script inside my background in the onInstalled event, my problem is because Plasmo generate the content script with a hash at runtime, for example, contentScript.4a4a5554.js, so, this way I cant import because of this hash. There is no way to know this hash or generate files without this hash? ``` chrome.scripting.executeScript({ target: { tabId: id || 0 },...

Custom font loading in Content Script

Hello all, just starting using Plasmo and I'm loving it. I'm currently trying to make a persisten content script. My font.css I have font declarations @font-face {...} using a woff2 font. and in content.tsx i havethis simple config ```{ matches: ["<all_urls>"], css: ["font.css"], run_at: "document_start"...

Injecting CSUI dynamically

Is it possible to inject CSUI into a website programmatically and not statically via PlasmoCSConfig API? PlasmoCSConfig requires one to declare the URL of the websites which will be targeted, but what can I do in situation in which I determine whether to inject the CSUI during the runtime? i.e. my goal is to inject the CSUI with simple text to any visited website if current time is later than 1pm....

how to make dragable popup?

I noticed that the Email finder chrome extension browser action popup is draggable. How can I make my own chrome extension do the same thing? I can't seem to find anything in the chrome extension docs.

How did this Plasmo extension remove the white border frame around the popup?

https://github.com/pacholoamit/VRNBLTY I have looked for ways to remove it and every answer online says it is impossible....

How send message from background to content script UI

My background.js ``` chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) { // read changeInfo data and do something with it (like read the url) if (changeInfo.url) {...
No description

Firebase Auth with Apple sign-in

Hi all. I'm writing my first extension using plasma. This is very cool and has brightened my life in many ways). But there is one point that I just can’t solve. I need to implement authorization for Google and Apple. I'm using Firebase Auth. There were no problems with Google authorization. I followed the guide I found on the Plozmo website. But I can’t connect Firebase Auth with Apple Sign In. I can't use external scripts in 3 manifest. Redirect doesn't work either. Maybe someone has encountere...

Typing F into content scripts UI chatbox fullscreens the video player on the page.

Hi, I am coding an extension on coursera.org in which I use content scripts UI to embed a button into the page that upon pressing, an embedded chatbox popup opens up. However, my problem is that I cannot type anything with the letter "F" as it automatically fullscreens the video embedded into the page. I was wondering if there is a fix for that. If not, something I have looked into is instead of making the chatbox embedded into the page, it would open up in a new draggable "mini" window, however...

Combining css from multiple packages in CSUI

Having some trouble getting the https://github.com/onesine/react-tailwindcss-select component working in CSUI container. I'm also using tailwind CSS and not sure what the best way to combine CSS imports is from the top level? ``` import cssText from 'data-text:~style.css';...

Looking for a Plasmo developer

Hi there! I had a developer transition my extension into Plasmo, but he never finished it and disappeared. The extension is a bookmarking tool with google authentication!

Is there a way to send a message to the Chrome extension from the backend server?

I'm implementing lightweight "in-extension" support for my users. If a user asks a question or submits a query, how can I respond back to the user in the extension? It's given that auth is done and the user is logged in to the extension. If this is technically not possible, what other options can I look into?...
No description

content.tsx with TailwindCSS affected by page styles

I have a content.tsx using TailwindCSS for styling. My project setup is using the template TailwindCSS setup. The problem is, my font styles are being affected by website styling. The only site where my styling is working as expected is on plasmo.com. On some sites, the font size is smaller, on other sites the font is not correctly loaded. import cssText from "data-text:~style.css"...

How to create a custom page

Hi, I just started learning Plasmo yesterday. I started using the with-nextjs example. How do I create a custom page? ...

Questions about the background of the extension (Tailwind)

I have this simple extension that have 2 images overlapped. The overlapped image is moved a bit to the bottom so the feet of the astronaut hangs over the extension window. The problem is that the extension is adding me a "white background". I want this white background to be transparent and I don't know if this is possible. This is my code:...
No description

Questions about content-script-ui

I have a content-script-ui page that needs to reference components, but after referencing them, the component styles are not applied, although the functionality is working properly. What can I do to make the styles work correctly?

After the first login for new users, the popup shows that they are not logged in

After the first login for new users, the popup still shows that they are not logged in, so they need to click again to log in. https://github.com/PlasmoHQ/examples/tree/main/with-firebase-auth Please help me...

Next js 13.2 template

Is it possible to run a server with this?