🧩 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

Toast

How can I dynamically inject PrimeReact Toast with its full styles into the currently opened webpage from a Chrome extension's popup? I want the Toast to remain hidden until a message is received from the popup, and I also want to make sure the animation works properly. Currently, the Toast appears without animation, and it only shows once. After the first display, it doesn't show again, even though there are no errors in the console logs. Are there any simpler UI libraries that can be used for...

error framework

#plasmo Hello, i am getting this error. When i trying to unitialize shadcn using pnpm dlx shadcn@latest init...
No description

Error in autogenerated prod index.js file

I am getting an error in the build -> chrome-mv3-prod -> static/background -> index.js file. I am guessing there is supposed to be quotes around the URL (see screenshots). Since this is auto-generated, when I run pnpm build, my changes get overridden. I am running Plasmo v0.89.2....
No description

Plasmo with react and MUI

After following the steps mentioned in the docs or example, mui is not working. It is throwing error defaultShouldForwardProp is not a function. Seems something to do with material ui itself. Anybody know any workaround for this?

Sending messages to a content script in the "main" world

What's the current best practice for sending messages from a background script/popup/sidebar to a content script running in the "main" world? So far I've succeeded only by using another content script (bridge) to intercept messages via listen() and then relay them to the other content script using window.postMessage(). For the opposite direction the "main" world script uses sendToBackgroundViaRelay() and the bridge uses relayMessage() to forward it to the background. Perhaps something like sendT...

Possibility to customize path aliases?

I want to have all my extension related pages in one directory (e.g. /app). Is it possible? I tried the solution below, but it's not working: tsconfig.json...

Publishing to Multiple Markets using @PlasmoHQ/bpp github action

Hello everyone! Hope you're doing well! I'm having a bit of trouble on how to publish my extension to multiple markets. I currently only publish it to Chrome Webstore, but want to enable it for Firefox and eventually Edge. I use the @PlasmoHQ/bpp, which states:...

Build Failure | (reading 'message') | AssistantUI | React

I'm using assistant UI in my React Plasmo application, resulting into following error.
No description

Turborepo with Svelte and shadcn-svelte as a package

Hi! I'm trying to set up a monorepo using Turborepo with Plasmo using Svelte and shadcn-svelte as a package. However, when I tried importing a component that's exported by the ui package, I'm getting the following error. Does anyone know how to fix this?...
No description

Remove "getInlineAnchor" zIndex style

Is it possible to remove the style z-index: 2147483647; from the plasmo-shadow-container div? Currently, my content is stick to the page, I don't want it to have z-index style. Thanks in advance....

Cannot resolve bits-ui when using Svelte with shadcn-svelte

I'm using Svelte and have been trying to use it with shadcn-svelte. Some of the components work fine, but when I tried to use the ScrollArea which uses bits-ui, I'm getting the following error: Failed to resolve 'bits-ui' from './src/components/ui/scroll-area/scroll-area-scrollbar.svelte' Has anyone encountered this before or knows how to solve this? Thanks!...

useState is not working

https://discord.com/channels/946290204443025438/1282889494596550717 I have posted a question regarding useState not functioning properly. Has any of you faced the same problem before?...

how to use Svelte reactivity on CS?

Maybe I'm too dumb, but what's wrong? Wasn't that supported? ```js <script context="module" lang="ts"> import cssText from "data-text:~/style.css"; import type { PlasmoCSConfig, PlasmoGetInlineAnchor, PlasmoMountShadowHost } from "plasmo";...

CLI: `plasmo dev` is freezing & unresponsive

Hey @lab 👋, Just opened this GH issue: https://github.com/PlasmoHQ/plasmo/issues/1062 Any idea how I can get more verbose logs to debug my issue?...

Anyone facing issue while installing shadcn?

I get an error that says "couldn't find the framework" when I try to initialize shadcn and create components.json file?

getInlineAnchor being invoked repeatedly, even after CSUI is rendered

is it normal for getInlineAnchor to be invoked repeatedly by the Plasmo framework, even after the anchor is found to exist and the CSUI renders? I have a very basic extension, where I just want to add a button next to the <body> element of the page. I have the following snippet ``` export const getInlineAnchor: PlasmoGetInlineAnchor = async () => {...

Environment vars with manifest override arrays

I have an array of urls in the host permission section of my manifest override in my package.json: ``` "host_permissions": [ "http://localhost/*",...

HMR becoming less and less reliable as project size grows

Originally the HMR worked very well however as my project has grown in size (over 100 files) it has become less reliable. According to the dev server it is repackaging the extension when I save. However when I then reload the page for the content script those changes are not there. Instead I have to restart the dev server to see the new changes.

Default port and `--serve-port`

Hey framework team. Your docs indicate that the default port is 1012, but my dev server appears to be using 1816 or 6XXXX. The second port changes each time I run the dev server, so I see 63858, 63890, 64191. When I run my Plasmo dev server and then do sudo lsof -i -P | grep LISTEN | grep :$PORT those two ports, plus the expected 1815 for HMR, are the only new ports listed. Secondarily, when I add plasmo dev --serve-host=localhost --serve-port-1012 to my package.json scripts (or another port like 8080) appears to have no effect. I still see 1815, 1816 and 6XXXX. For example, I have "dev": "plasmo dev --serve-host=localhost --serve-port-1012", in my package.json and just ran pnpm dev and the ports are 1815m 1816 and 64191...

different WINDOW variables

I have a script that creates an object that I need to use inside the window variable. I insert this script like this: ```js const script = document.createElement('script') script.type = 'text/javascript'...