Typescript Confusion
I am working on a very simple extension that collects some data off the page and stores it locally. The data is stored as an array of object.
When using the storage API to retrieve the data it seems like the LSP or linter is confused. VSCode shows the type of data as a string but logging
typeof in the browser it tells me its a object but I only have this issue when using the .then syntax of the promise. If I use async/await I can cast it correctly to my custom type but I'm not sure how to do this from a .then resolution.
...
Unable to install storage API in my project
started a new project recently and the API is not getting installed locally, whenever I try to "pnpm install @plasmohq/storage", I get this warning "Moving @types/react-dom that was installed by a different package manager to "node_modules/.ignored" and then an error. Also prettier is not working
How to make absolute button CSUI
Hey, a newbie here trying to create a button that appears on certain pages, always on the bottom right of the screen (this location never changes.)
I know plasmo has a neat CSUI system that can render react components through just exporting them through .tsx files in a contents directory. However, this code doesn't seem to work, and when I try and anchor it to any other element (h1, as shown in picture) it is no longer absolute to the bottom right of the screen, and it scrolls along with the page.
Is there something I'm doing wrong? I tried just appending a vanilla button in my content.js file and it worked perfectly, as shown in the photo. But given that I'm using ant design and plasmo, I'd like to be able to render react elements in the clean plasmo CSUI way. ...
CSUI Best practices question
Can I get some advice on what is the best way for me to append a new button shown in the screenshots?
The inspected the element and it doesn't seem to have a unique
id i can target in the content script.
My first hunch is to use querySelector but I think this is a very brittle method....