simgus / chrome-extension-v3-starter Goto Github PK

In GitHub, you can mark a repository as "template" and let people build on their projects from there easily. This also gives credit to the template owner, which I do want to give.

Thank you for your sample!
I have a problem with development chrome extension,
Let me explain that:
I have a popup.js and popup.html
also I have a content.js as a content-script
also I have a background.js as a background script

Now, I want to click on a button in popup.js and then listen it in content-script and change some elements in dom.

But I don't receive any data in content script

popup.js
chrome.tabs.query({active: true, currentWindow: true}, async (tabs) => { chrome.tabs.sendMessage(tabs[0].id, {message: 'changeDOM'}); });

content.js
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { console.log("request"); });

How can I solve it?
Should I use a background service?

Thank you for your response!

This starter is great and helped me bootstrap my extension quite fast, thanks!

I got slowed down due to the lack of Async/Await support, though.
I tried to use https://github.com/mozilla/webextension-polyfill#basic-setup but I'm getting stuck with the configuration.

Also, I saw it was possible to use TypeScript, and I wish this starter would support it by default, it's so much more comfortable to use than plain JS.

What's your opinion on those 2 features?