🧩 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

Avi
Avi
View on Discord
5/27/2023

tsconfig warning

tsconfig options "importsNotUsedAsValues" and "preserveValueImports" are deprecated. Either set "ignoreDeprecations" to "5.0" in your tsconfig.json to silence this warning, or replace them in favor of the new "verbatimModuleSyntax" flag
tsconfig options "importsNotUsedAsValues" and "preserveValueImports" are deprecated. Either set "ignoreDeprecations" to "5.0" in your tsconfig.json to silence this warning, or replace them in favor of the new "verbatimModuleSyntax" flag
thonk
nahtnam
nahtnam
View on Discord
5/24/2023

How do I analyze the bundle?

I noticed my app bundle increased from 8mb to 40mb after I installed a couple of deps. Is there a way I can figure out exactly what is causing the larger bundles?
nahtnam
nahtnam
View on Discord
5/20/2023

v0.71.0 builds broken

Builds from 0.70.1 work but not in v0.71.0. The error when I load the page: 
caught SyntaxError: Invalid or unexpected token (at newtab.37e84fdd.js:138:183)
caught SyntaxError: Invalid or unexpected token (at newtab.37e84fdd.js:138:183)
...
Solution:
This was resolved in 0.71.1, thank you!
nahtnam
nahtnam
View on Discord
5/20/2023

react-router HMR Issues when lazy-load

Is HMR working correctly for everyone? I noticed that it's no longer working for me and I have to manually refresh the page each time. The only major change I did was switch to the new React Router 6.4 system: https://reactrouter.com/en/main so it might be that
Avi
Avi
View on Discord
5/17/2023

CSS selector bug

I thought I was going insane In a popup, apply a sibling selector (~) , e.g. https://codepen.io/vescoyez/pen/wMyRLP?editors=1100 It appears that Plasmo uses autoprefixer to only apply -moz- selectors, but no prefix-free ones, despite running ```shell plasmo dev --verbose...
tbrockman
tbrockman
View on Discord
5/13/2023

Is it possible to specify per browser permissions?

So, the context around this question is that my extension leverages the tabGroups API, which isn't available in Firefox, and doesn't seem likely to be implemented for a very long time, but I would still like to be able to release something for Firefox. I know that I can add logic that only executes code on certain browsers, which is checked at compile-time, but is there anything I can do to have the tabGroups permission (for example) only be requested in compiled manifests targeting a specific browser?...
alank
alank
View on Discord
5/9/2023

Not seeing background hits with use of relay

Tried out several things to have the relay package hit my BGSW. Currently attempting this: ``` import type { PlasmoCSConfig } from "plasmo"...
Mael
Mael
View on Discord
5/9/2023

Using @plasmohq/messaging separately?

I have a web app that has a signup/signin process. I want to "sync" the auth state between the extension and the page. I was thinking maybe I can send a relay message from my web app using this package with a content script that's only injected on that webpage and handle it from there. The web app does NOT use plasmo but it's a plain react app, but I was wondering if I can just install the messaging package and use it there. Is this possible? Any other solution you guys have found? Thanks!...
Tricked
Tricked
View on Discord
5/7/2023

Better way to inject scripts that allows file splitting and arguments

hey so i currently have this https://github.com/Tricked-dev/betternexus/blob/master/src/background/index.ts that executes a script but i kinda want to split it in multiple files so i can organize it more but how would i still be able to have it have the config?
Avi
Avi
View on Discord
5/5/2023

Add a custom class to <plasmo-csui>

I find myself needing to add class="ytp-button" to the <plasmo-csui> so that the element shows correctly where it's injected With Svelte, of course...
Mael
Mael
View on Discord
4/27/2023

Type error on CSUI

I copied and pasted the example (https://docs.plasmo.com/framework/content-scripts-ui/life-cycle#custom-renderer) of the docs and it's throwing errors. Anyone knows how to fix? (ignore the component error, it does not exist)...
tbrockman
tbrockman
View on Discord
4/23/2023

MUI Select component attachment point in CSUI?

Just wondering if anyone else has ran into this and what the correct fix should be. Seems like for <Select> components in CSUI when you open the dropdown the corresponding <Popover> doesn't attach to the correct element, and is appended to the document body instead, leading to the dropdown being rendered at the bottom of the page rather than directly underneath the <Select> input. The following queries also return null/empty. What am I missing here? 
console.log(document.getElementById('plasmo-shadow-container')) # null
console.log(document.getElementsByClassName('plasmo-csui-container')) # []
console.log(document.getElementById('plasmo-shadow-container')) # null
console.log(document.getElementsByClassName('plasmo-csui-container')) # []
...
Karstodes
Karstodes
View on Discord
4/20/2023

CSUI Styling React components without getStyle() on each component

Long time no see! I haven't been keeping up lately with Plasmo, I'm surprised with how much it has changed over a few months. Congratulations in the progress! That said, I'd love to know if there's still no way to style content scripts by just importing the style files in each individual component. Something like this, without using getStyle(): ```js...
sumit
sumit
View on Discord
4/13/2023

vscode error opening .plasmo/static/common/*.tsx and .plasmo/static/common/*.ts files

how do i fix these errors in .plasmo/static/content.tsx ``` [{ "resource": "/extensionname/.plasmo/static/content.tsx", "owner": "typescript",...
acorn221
acorn221
View on Discord
4/3/2023

browser.tabs.query({}) functionality?

Hi, is there a plasmo API to interface with the browser.tabs.query({}) API> If not, it would be nice to see, I've got a usecase for it where I need my background script to send a message to my content script. I know it would be possible to use the current plasmo messaging API to poll for new data, but that seems rather inefficient. I may be missing something here, but it doesn't seem to be possible to just send a message to the content script, without the content script having to request to be sent something....
.wangsj
.wangsj
View on Discord
3/31/2023

Production environment packaging error, development environment packaging normal

.wangsj
.wangsj
View on Discord
3/26/2023

useStorage cannot obtain real-time data of the local area

lab
lab
View on Discord
3/22/2023

CS Config Not evaluated?

``` export const config: PlasmoCSConfig = { matches: process.env.NODE_ENV === "production" ? ["<all_urls>"]...
Avi
Avi
View on Discord
3/19/2023

Import an external CSS in a popup

Seems like the only way to import Svelte Material UI is by using <link>: https://sveltematerialui.com/INSTALL.md What's the way to import in a popup?...
nahtnam
nahtnam
View on Discord
3/17/2023

Env vars broke in `v0.67.3`

Hello, I updated to v0.67.3 and my app broke. In src/newtab/index.tsx I tried console.log('b', process.env.PLASMO_PUBLIC_SUPABASE_URL); but it logs undefined. Downgrading to 0.66.0 works fine though. Additionally verified through...
PreviousNext