file 1 "extension.json":
{
"manifest_version": 3,
"name": "Wiktionary",
"version": "1.0",
"content_scripts": [{
"matches": [
"<all_urls>"
],
"js": ["p5.js", "p5.dom.js", "sketch.js"]
}]
}
file 2 "index.html":
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="sketch.js"></script>
<script language="javascript" type="text/javascript" src="extension.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->
<!-- This line removes any default padding and style.
You might only need one of these values set. -->
<style> body { padding: 0; margin: 0; } </style>
</head>
<body>
</body>
</html>
file 3 "sketch.json":
function setup() {
let c = createCanvas(400, 400);
c.position(0,0);
}
function draw(){
background(0);
}
I fixed all the errors that chrome extensions gave when I loaded the folder in, but it is grayed out in the active extensions list. Is it a problem with my code or something else?