🧩 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

Tom Milewski

11/8/2024

Tree shaking

Hi all! I'm on the SDK team at clerk.com and adapting the SDKs to work with Plasmo and MV3. However, I'm running into an issue where the code doesn't appear to be appropriately tree-shaken. This is causing problems with extension approvals, as code that includes (unused) references to remotely hosted code remains in the bundle. I see several issues/comments about this on GitHub, and I would like to gain some insight into its current state....

Kurohyou

11/7/2024

@swc/types not resolving?

I had been using CRXjs, but recent chrome updates have made that extension framework unusable. Working on learning plasmo so I can convert my project to it. Trying to setup a basic options page example following the with-options example. When I run plasmo dev, I get the following: ``` 🟣 Plasmo v0.89.3...

Bart ⚡

11/4/2024

How can I change tab title?

I'm still getting undefined as document.title in rendered html 😕

tatsumaru

11/2/2024

Plasmo with next-js routing?

I noticed that plasmo supports next.js in this example: https://github.com/PlasmoHQ/examples/tree/main/with-nextjs , but I am not sure how mounting works here? Typically with CSUI you indicate when and how to inject elements, but in this case I imagine the file-based routing is somehow leveraged? How does plasmo know what you want?

ortutay

10/30/2024

Is there a way to watch storage changes for all keys, or keys matching a prefix?

I want to get updates on all changes to storage, or all changes to keys matching "example_*"

tatsumaru

10/28/2024

Svelte 5 support in Plasmo?

Hey just curious if there are any plans to bring Svelte 5 support to Plasmo so we can use svelte.ts and svelte.js files and some of the newer neat syntactic sugar? Thanks.

thinkingtwice

10/16/2024

Installation aborted because the add-on appears to be corrupt.

I submitted the build to firexfox using this command and it's giving me this error when I try to install it: plasmo build --no-minify --no-hoist --zip --target=firefox-mv2 Installation aborted because the add-on appears to be corrupt....

tatsumaru

10/12/2024

Dynamically Injecting Content Scripts with Plasmo CSUI

I'm working on a browser extension and wondering about the feasibility of loading external scripts dynamically. I understand that Chrome Web Store policies are generally restrictive when it comes to dynamic script injection, especially for security reasons, but I'm interested in whether anyone has found long-term success with this kind of setup (for example for when different users are paying for different features). Specifically: - Has anyone been able to dynamically load external resources or scripts without facing issues during Web Store review or updates?...

tatsumaru

10/11/2024

Does each CSUI component get a separate React copy?

The Content Script documentation says: "A script that ends with .ts will not have front-end runtime (react/vue/svelte) bundled with it and won't be treated as a ui script, while a script that ends in .tsx, .vue or .svelte, will be." Just curious if each CSUI component gets its own copy of Reach or if somehow Plasmo manages to share the same React dep with all components. Thanks....

Shai Hulud

10/2/2024

Simply adding a file to the root of the chrome-mv3 folder for dev and production when running plasmo

I need to add a schema.json file to the root (for development and production once distributed). Is there a straightforward way to achieve bundling the file and having it located in the root of the bundle? - it must be in the root - see above; so NOT in the assets folder...

Solution:

It's as easy as adding the file to the root and then including it in package.json's manifest 😰 `"web_accessible_resources": [ { "resources": [...

Pooja

9/30/2024

PostHog identification

I’m working on a Next.js 14 project, where I’m using an API to retrieve user details (with the logic inside background/ports/file.ts). The login redirects users to our product’s URL, and we’re checking authentication via JWT. Where would be the best place to call posthog.identify()?

/////////#8153

9/28/2024

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...

Ben10

9/26/2024

error framework

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

scottpopa

9/26/2024

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....

mohit

9/25/2024

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?

ddog

9/21/2024

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...

Bart ⚡

9/18/2024

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...

vernak2539

9/17/2024

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:...

Alish Satani

9/16/2024

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

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

Kevin

9/16/2024

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?...

Previous Next

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.