Communicate between Add-on SDK main add-on script and sdk/page-worker script

Question

I'm trying to communicate between my main Add-on SDK script, index.js, and a script in a page-worker created with sdk/page-worker. Unfortunately, I am having problems.

I am able to communicate from my main script to the page-worker: In the code below, I get an event from socket.on - console.log('new post') fires from the script in the page-worker. However, the main add-on script does not see the message that is sent from the page-worker.

HTML (worker.html):

<html lang="pl">
    <head>
        <meta charset="UTF-8">

        <script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
        <script type="text/javascript">
            var socket = io.connect('http://192.168.0.21:8081');
            socket.on('newPost', function(data) {
                console.log("new post");
                //to this everything works ok!!!!!!!!!!!!
                self.port.emit('newPost', "");
            });
        </script>
    </head>
    <body>

    </body>
</html>

to index.js file:

var buttons = require('sdk/ui/button/action');
var functions = require('./module.js');
var pageWorkers = require("sdk/page-worker");
var notifications = require('sdk/notifications');
var self = require("sdk/self");
functions.act.checkMsgsCount();

var pageWorker = pageWorkers.Page({
    contentScriptWhen: "ready",
    contentURL: self.data.url("worker.html")
});

pageWorker.port.on('newPost', function(data) {
    console.log("sent newPost");
    functions.act.newPostNotify();
});

buttons.ActionButton({
    id: "main-bt",
    label: "Start",
    icon: {
        "16" : "./icon-16.png",
        "32" : "./icon-32.png",
        "64" : "./icon-64.png"
    },    
    onClick: functions.act.checkMsgsCount
});

@Aurélien how can I change it to listen after message is sent? — pawel__86
– pawel__86, Commented Jan 20, 2016 at 6:26
Maybe by delaying a bit your inline script execution ("on ready")... But before doing this, could you test a console log after your pageWorker.port.on, in order to see if it is fired before "new post" log? — Aurélien Bénel
– Aurélien Bénel, Commented Jan 20, 2016 at 6:31
@Aurélien but I've tried send this message many times and nothing — pawel__86
– pawel__86, Commented Jan 20, 2016 at 6:32
Any error/warning in the browser console window (in the Tools>Web development menu) related to your inline script? — Aurélien Bénel
– Aurélien Bénel, Commented Jan 20, 2016 at 6:45

Makyen · Accepted Answer · 2016-07-23 21:09:49Z

2

In worker.html, I had to change self.port.emit to: addon.port.emit.

Because I used a script in my HTML file within a <script> tag, I have to communicate with the main add-on script through the addon object.

"Scripting Trusted Panel Content" in sdk/page-worker- from Mozilla Developer Network
"Scripting Trusted Panel Content" in sdk/panel- from Mozilla Developer Network

edited Jul 23, 2016 at 21:09

Makyen♦

33.6k12 gold badges94 silver badges128 bronze badges

answered Jan 20, 2016 at 7:16

pawel__86

1771 gold badge1 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Makyen Over a year ago

Given that this is how you solved your problem, please accept your answer.

Collectives™ on Stack Overflow

Communicate between Add-on SDK main add-on script and sdk/page-worker script

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related