pbg
PD🧩 Plasmo Developers
•Created by pbg on 7/14/2023 in #👾extension
CSS loading order
Hi everyone,
Context: I've built an extension using the
content-scripts-ui [1] template as foundation - specifically the google-sidebar variant. I've kept the same 2 CSS files i.e. google-sidebar-base.css and google-sidebar.css for styling whereby the former is loaded into the parent page (import "./google-sidebar-base.css") and the latter is loaded into the shadow DOM (via getStyle). I've modified isOpen to be closed/false by default.
Problem: The first time the extension is rendered, the styles from google-sidebar-base.css don't get loaded and the extension panel renders on the left hand side and with a smaller width than normal. Once I refresh it, the problem goes and stays away for some time, until I close my browser or if I refresh after some time has passed. Any idea why this might be happening? Feels like a race condition until the stylesheets are cached maybe. Any help would be appreciated.
[1] https://github.com/PlasmoHQ/examples/tree/a26cdd58ac5c90e46e786ac2dd1b71fa0e9c7b97/with-content-scripts-ui1 replies
PD🧩 Plasmo Developers
•Created by pbg on 6/22/2023 in #👾extension
"Hot pushes" in Plasmo extension
I've built a Plasmo extension with multiple React components that I plan to share privately inside my company as a zip bundle. The challenge is that I don't want to redistribute the zip file every time there's a new version, and would like the zip file to only bootstrap the extension and for everything else to be loaded from a server. Is there a recipe for doing this in Plasmo? Alternatively I've noticed there's a "private" option for publishing in the Chrome Web Store and I'm wondering if that might be the right solution.
5 replies