Popup for google extension isn't loading

My popup won't load, links to the GitHub, file structure manafest.json, etc

GitHub: https://github.com/Bluedog76/Kahoot-AntiCheat

manifest.json: I'm not sure if it is due to me trying to start using native messaging. Im also not %100 if the directories were right

{
    "manifest_version": 3,
    "name": "Kahoot Anti Cheat",
    "description": "Kahoot Anti Cheat made to stop people not play, inaportiate names, and more",
    "version": "0.1",
    "permissions": [
      "tabs",
      "storage",
      "activeTab",
      "nativeMessaging"
    ],
    "action": {
      "default_popup": "scripts/popup/popup.html"
    },
    "icons": {
      "128": "images/128.png"
    },
    "content_scripts": [
      {
        "js": ["scripts/content.js"],
        "matches": [
          "https://play.kahoot.it/*"
        ]
      }
    ]
 }

content.js: this is justing send all the Items to the chrome extension, I was just using it to start getting the spans of the names

//This is a content script running indavidualy on play.kahot.it


//Messaging and reciving from and to host to display on wepage
while (true) {
    let itemId = document.querySelectorAll(':not([id])');
    var port = chrome.runtime.connect({name: "idSend"});
    port.postMessage({item: itemId});
    //port.onMessage.addListener(function(msg) {
      //if (msg.question === "Who's there?")
        //port.postMessage({answer: "Madame"});
      //else if (msg.question === "Madame who?")
        //port.postMessage({answer: "Madame... Bovary"});
    //};
}

popup.html : there is some extra clutter from using chromes storage API because I was new to using it

<!Doctype html>
<body style="width:580px; height:600px"></body>
<html>
    <body>
        <title>Settings</title>
        <div style="font-weight: bold;">  
            <p>Settings</p>
        </div>

        <div>
            <input type="text" id="box" value="Type here to save"/><br/>
            <input type="button" id="save" value="Save"/><br/>
            <input type="button" id="load" value="Load"/><br/>
            <input type="checkbox" id="switch1" value="switch3"/>Enable AntiCheat<br/>
            Saved item: <div id="savedList"></div>
        </div>

        Saved item: <div id="savedList2"></div>
    </body>
</html>
<script src="popup.js"></script>
<link rel="stylesheet" href="popup.css">

popup.js The faction to save and load are apart of the clutter from before

function save() {
    var newItem = document.getElementById("box").value;
    localStorage.box = newItem;
}
function load() {
    var savedDiv = document.getElementById("savedList")
    savedDiv.innerHTML = localStorage.box;
    
}

document.getElementById("save").addEventListener("click", save);
document.getElementById("load").addEventListener("click", load);


//Send and recive to the content script (Host)
while (true) {
    chrome.runtime.onConnect.addListener(function(port) {
        console.assert(port.name === "idSend");
        port.onMessage.addListener(function(msg) {
            var savedDiv2 = document.getElementById("savedList2")
            savedDiv2.innerHTML = msg.item;
        });
      });
}

popup.css

body {
    background-color: lightblue;
  }
#wrap {
    height: 600;
    width: 600;
}

It was meant to load but the popup is not loading, thank youm

Via Active questions tagged javascript - Stack Overflow https://ift.tt/ohRMi0d

Where and how is this Laravel kernel constructor called? [closed]

Where and how is this Laravel kernel constructor called? public fucntion __construct(Application $app, $Router $roouter) { } I have read the documentation and some online tutorial but I can find any clear explanation. I am learning Laravel and I am wondering where does this kernel constructor receives its arguments from. "POSTMOTERM" CLARIFICATION: Here is more clarity.I have checked the boostrap/app.php and it is only used for boostrapping the interfaces into the container class. What is not clear to me is where and how the Kernel class is instatiated and the arguments passed to the object calling the constructor.Something similar to; obj = new kernel(arg1,arg2) or, is the framework using some magic functions somewhere? Special gratitude to those who burn their eyeballs and brain cells on this trivia before it goes into a full blown menopause alias "MARKED AS DUPLICATE". To some of the itchy-finger keyboard warriors, a.k.a The mods,because I believe in th...

Why is my reports service not connecting?

I am trying to pull some data from a Postgres database using Node.js and node-postures but I can't figure out why my service isn't connecting. my routes/index.js file: const express = require('express'); const router = express.Router(); const ordersCountController = require('../controllers/ordersCountController'); const ordersController = require('../controllers/ordersController'); const weeklyReportsController = require('../controllers/weeklyReportsController'); router.get('/orders_count', ordersCountController); router.get('/orders', ordersController); router.get('/weekly_reports', weeklyReportsController); module.exports = router; My controllers/weeklyReportsController.js file: const weeklyReportsService = require('../services/weeklyReportsService'); const weeklyReportsController = async (req, res) => { try { const data = await weeklyReportsService; res.json({data}) console...

How to show number of registered users in Laravel based on usertype?

i'm trying to display data from the database in the admin dashboard i used this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count(); echo $users; ?> and i have successfully get the correct data from the database but what if i want to display a specific data for example in this user table there is "usertype" that specify if the user is normal user or admin i want to user the same code above but to display a specific usertype i tried this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count()->WHERE usertype =admin; echo $users; ?> but it didn't work, what am i doing wrong? source https://stackoverflow.com/questions/68199726/how-to-show-number-of-registered-users-in-laravel-based-on-usertype

StacksPedia

Search This Blog