Find more information at byteofcode.io.
Install the dependencies...
npm install
...then start Rollup:
npm run dev
Open google chrome. Navigate to google.com. Go to the vertical three dot elipses on the top right and click on more tools -> Extensions, or chrome://extensions/
in chrome. Click on and enable Develor Mode. Then load the package by clicking on Load unpacked, find the directory for this project. Select public and confirm. When you go to google.com you can begin to start your code injection in src/main.js
. Enjoy
this code is in src/main.js
it will create the div to be used for the target for the App.
const div = document.querySelectorAll('form[action="/search"]')[0].parentElement.parentElement.children[3]
div.innerHTML = '<div id="addSvelteHere"></div>'
const app = new App({
target: document.querySelector("#addSvelteHere"),
//...
})
This section of the manifest enables the enjected code. Must build with npm run dev
.
"content_scripts": [
{
"matches": [
"https://*/*"
],
"css": [ "build/bundle.css"],
"js": ["build/bundle.js"]
}
]