🧩 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

Is it possible to wrap page elements in the document root?

Context is that i'm trying to use MUI tabs to add additional content with the page document as the first tab thats selected. I'm assuming if it's possible it would be necessary to create it using a custom root container. I'm just not sure how to go about including the initial page in the root render if thats even possible.
Solution:
Figured out a workaround to this by using a useEffect and performing document operations based on the dependency value

Excluding library from build

Hey guys, we're currently experiencing this issue with our recent build https://github.com/firebase/firebase-js-sdk/issues/7617 Basically, firebase's sdk includes a random dynamic connection to recaptcha libraries which then means the Chrome Web Store will reject it for remote code. The specific pain point for many people is only needed if you use a phone number for login reasons. We're not doing that, and we're not going to be doing that, and we'd like to remove that from our project completely, pre-build, if possible....
No description

Chakra UI toast

Has anyone been able to integrate Chakra ui with plasmo. The problem arises because the cache providet is a child of Chakra provider hence the elements like tooltips and toasts do not have any styles....

tab pages

Reading this: https://docs.plasmo.com/framework/tab-pages i can open a react page xyz.html but how can start to this to routing to other pages?...

How can I set focus on an element?

I'm trying, but it simply gives focus to the plasmo-csui, not the specific element I want

Error when using a nested content script and an overridden src path.

I am seeing the below: 🔴 ERROR | Cannot load file './extension/contents/gmail-sidebar/index' in './'. Currently, I have src/extension as my PLASMO_SRC_PATH in my .env.local. It has been working great up until this point. Now however, it is failing to compile when running dev. It fails when trying to generate the files in the .plasmo directory. The background files seem to be operating differently when importing than the contents files?...
No description

HMR broken - Using Tailwind + RadixUI (Shadcn) with Plasmo

Tech Stack: Tailwind + RadixUI (Shadcn), Plasmo, Typescript, React Icons. Turborepo based --> apps/browser, packages/ui All UI components are based in packages/ui and implemented from there. Extension content is in content.tsx and background.tsx. ...

Google & Facebook OAuth without firebase

Hello, I am trying to make authentication system with google oauth. But as firebase is not free to use after certain request, that's why i want to do it by implementing the endpoint which i do in my react application. For this case i am using a package named @react-oauth/google But this is not working properly. I got some error like ``` Refused to load the script 'https://accounts.google.com/gsi/client' because it violates the following Content Security Policy directive: "script-src 'self' 'wasm-unsafe-eval' 'inline-speculation-rules' http://localhost:* http://127.0.0.1:*". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback....

CSUI overlay list does not match elements earlier in the DOM than scroll position on load

I have the following: ```ts export const config: PlasmoCSConfig = { matches: ['<all_urls>'], };...
No description

Hot swap Svelte components

```html <script lang="ts"> import cssText from "data-text:./Insights.scss"; import { getGlobalElStyle } from "~cs-helpers/yttm-utils"; ...
No description

Extension being rejected for remote code when using Google Analytics with Plasmo

I've added Google Analytics to my popup and I'm getting rejected by Google play store. Interestingly it worked fine a couple of days ago (my current live extension has Google Analytics), and I can't find any references in the code to https://www.googletagmanager.com. Is this a known issue? Or have Google recently changed their review process?
No description

Using raw html for CSUI components

I have opened this issue some time ago. https://github.com/PlasmoHQ/plasmo/issues/789 I need to know if for content ui I can avoid using react or vue....

`Firefox can’t establish a connection to the server at wss://localhost:1815/.`

while development, it keeps spamming this and closes my pages while im watching console, which is annoying. Is there any settings i missed to fix this ?...

Example of extending Plasmo to use another library?

I'm looking for to use Plasmo with Elm, parcel has native support for elm and I'm looking for some guides how can I integrate and use Elm instead of React, Vue, Svelte. Is there any suggestions where should I startart looking?

Svelte CSUI behaving unexpectedly

The CSUI contains both <script lang="ts"> and <script lang="ts" context="module"> Suppose I have ```html <script lang="ts"> let lastTitle = document.title;...

Failed to resolve '...' from '...'

Hoping to get some eyes on this issue on GH as I am currently unable to use react-markdown package with Plasmo https://github.com/PlasmoHQ/plasmo/issues/774#issuecomment-1837268430...

plasmo with shadcn ui components, style of shadcn ui component not work in content script ui

tailwind css config likes below, and I also replace :root to :host by related post searched: export const getStyle = () => { const style = document.createElement("style"); style.textContent = cssText.replaceAll(':root', ':host'); return style;...
No description

Can I build just the content script, without any additional assets/html etc?

I want to run a cli to build just the JS content script and nothing else. Is this possible?