Hi all,

I'm asking this as a a happy user of this addon.

It's been a while since last updated.

What are the plans for the future?

When I have this addon enabled Firefox consistently pegs one of my two cores. If you can't reproduce let me know and I can add more information.

While jumping between Chrome and Firefox I noticed that some custom JS scripts I run were not working correctly in Firefox.

Turns out the document element isn't actually a real document object. Instead of returning the expected HTMLDocument object, it returns [object XrayWrapper [object HTMLDocument]].

Is there any way to have document refer to the real HTMLDocument object?

Sometimes, you don’t want to target a whole domain, but only a path.

You could add this to the documentation:

How to target a specific path

CSS

You can use the @-moz-document Mozilla Extension:

/* Full path */
@-moz-document url-prefix(http://www.w3.org/Style/) {
  /* CSS here */
}

/* Regex */
@-moz-document regexp("^https?:\/\/www\.w3\.org\/Style\/.*") {
  /* CSS here */
}

Documentation: https://developer.mozilla.org/en/CSS/@-moz-document

JavaScript

You can test the window.location object:

// Search for a string
if (window.location.pathname.indexOf('/Style/') === 0) {
 // JS here
}

// Regex
if (/^\/Style\/.*/.test(window.location.pathname)) {
 // JS here
}

Documentation: https://developer.mozilla.org/en/DOM/window.location

I noticed this interesting case that is possibly unintended.
If you have JS and CSS for a particular domain, and when loading the JS, it errors, the CSS will never be loaded.

This happens because when the eval fails, the entire load-scripts function bails. We could fix this with a try/catch like this:

diff --git i/data/dotjs.js w/data/dotjs.js
index 97aff6e..ec171ee 100644
--- i/data/dotjs.js
+++ w/data/dotjs.js
@@ -13,7 +13,11 @@
         }

         msg.js.forEach(function(script) {
-            eval(script);
+            try {
+                eval(script);
+            } catch(error) {
+                // Maybe log the error?
+            }
         });

         if (msg.coffee) {

For the JS, and coffee phases. I'm happy to submit a PR for this if it's something you think we should handle. Thanks!

quote from https://github.com/defunkt/dotjs

On subdomains such as http://gist.github.com dotjs will try to load
~/.js/gist.github.com.js as well as ~/.js/github.com.js and ~/.js/com.js.

I would love to see this behaviour here as well.
this is particular useful for pages that redirect around between sub domains.

Chrome's version (at least the port to Windows) runs well before the window load event fires. This, as with all pageMods from the Add-on SDK, runs after.

(NB: I prefer after, since I can just manage the DOM as it already exists, but, meh.)

It's worth considering finding a way to make these compatible. The issue I ran into is that for Chrome, I need to add an onload handler, and for Firefox, load has already fired before this runs, so adding a handler doesn't work.

If I'm the only one to hit this, it's probably the chrome dotjs Windows port's fault.

Hi, I upgraded to new version of FF (to 34.0.5) and dotjs not working. Could you please help me?

THX

issue on original repo: defunkt/dotjs#106

I am seeing a consistent crash of FF 10 when closing FF, doing stuff on the addon page and other actions too.

The sample should be replaced with working code.

However, I couldn't even get a simple script to run:

$('.header-logo-invertocat').innerHTML("<p>HEADER</p>");

Results in this:

Content Security Policy: The page's settings blocked the loading of a resource at self ("script-src https://assets-cdn.github.com").

Allow to require files

This is an idea to allow requirejs' style to include files from the scripts. Currently we only have the default.js and it's getting cluttered for me, so thought about how to make this feature possible.

Interaction

The basic idea is that main.js will inject bridge.js, which will expose the require function to the browser in order to communicate with the nodejs environment.

The main.js will match the files and include them. When these call require, the bridge will emit an event, main.js will require the files and emit the results back to the bridge, which will notify the scripts.

  ┌────────┐      ┌─────────┐                 ┌───────────┐                  ┌────────────────┐
  │ nodejs │      │ main.js │                 │ bridge.js │                  │ example.com.js │
  └────────┘      └─────────┘                 └───────────┘                  └────────────────┘
      │                 │                             │                                │
      │                 ╞════ injects ═══════════════>╞═══╗ declares require shim      │
      │                 │                             │<══╝                            │
      │                 │                             │                                │
      │                 ╞═════ matchFile ═════════════════════════════════════════════>│
      │                 │                             │                                │
      │                 │                             │       require(files, fn)       │
      │                 │               emit(req) ╔═══╡<═══════════════════════════════╡
      │                 │                         ╚══>│                                │
      │                 │                             │                                │
      │                 │<-- on('req') ---------------│                                │
      │ require(files)  │                             │                                │
    ╔═╡<════════════════╡                             │                                │
    ╚═╪════════════════>│ emit(res)                   │                                │
      │                 │                             │                                │
      │                 │--------------- on('res') -->│                                │
      │                 │                             │                                │
      │                 │                             ╞═════════════ fn(err, result) ═>│

      legend:
        --> sync
        ══> async 

Implementation

Please note that this is more like a draft of the idea, than an actual implementation. I have not run the code and it may contain subtle bugs :)

1. main.js

Here we are at nodejs.

We need to add the listener for the bridge, in which we will require the files and send the back. Other than that, the file wont need any other modification.

worker.port.on('.js:require-req', function (req) {
  try {
    worker.port.emit('.js:require-ret', {
      id: req.id,
      result: deps.map(function (dep) {
        return require(dep)
      }),
    })
  } catch (err) {
    worker.port.emit('.js:require-err', {
      id: req.id,
      error : err,
    })
  }
});

worker.port.on('init', function (domain) {
  // 1. inject the 
  worker.port.emit('load-scripts', 'bridge.js');
  // 2. match + emit load-scripts as usual
  // ...
})

2. bridge.js

We are at browser-side, so we declare the window.require shim and declare the hooks required for IPC

var queue = []
var next = 0

window.require = function (deps, done) {

  if (++next === Number.MAX_SAFE_INTEGER) {
    next = 0
  }

  queue[next] = done

  self.port.emit('.js:require-req', { 
    id: next, 
    deps: deps 
  });
}

self.port.on('.js:require-err', function (res) {
  queue[res.id](res.error)
})

self.port.on('.js:require-res', function (res) {
  queue[res.id].call(null, [null].concat(res.result))
})

3. script

This could be an example of a script, that make usage of the require shim.

require([
  'foo',
  'bar/baz',
], function (err, foo, baz) {

  if (err) {
    console.log('boo', err.message)
  }

  console.log('foo', foo)
  console.log('baz', baz)
})

Reddit's JS, though lacking a ~/.js/reddit.com.js file, is busted for one example.

Things like upvotes stopped working. Disabling the extension and refreshing the page gets things working again. Seems to be some sort of clobbering happening?

it'd be nice to have a global script executed for every URL, *.js maybe?

I'm currently using dotjs for appending some html+javascript to certain websites but I'm forced to convert the html file to string and append it using a .js file.

Having dotjs do this automatically would be quite useful. Appending small html snippets works ok now but anything above small it's difficult especially html+js+css.

Reported by @wraithan

This happened after the last addon update.
Windows 10, Firefox 43.0

This addon is not compatible with multiprocess FF.

And for future versions of Firefox I suspect.. they changed the API for extensions. I would miss this extension so much! :-/

From what I can tell, my code is either never run, or errors out executing. There should be some documentation about how to find error messages when things go wrong.

Can't use jpm to build xpi with current ID.

With the upcoming changes to Firefox, what's the idea for the extension?

At some point, will it just stop working?

My custom css and js don't seem to get loaded if the target page has any errors in its own css/js. Firefox 21, dotjs 1.10.

Title says almost all - I want to set up things like ~/.firefox/facebook.com/ with the folder containing a main.js and a main.css etc for easy and convenient theme bundling.
I know this is a little beyond the initial scope of the extension, but the recent addition of css made things a little unwieldy if you're trying to tie stuff together.

I wrote some css for pastebin.mozilla.org and I expected it to always load, but I found on subdomains other than www it doesn't load. I went through the code and see where it excludes www. from the host then looks for an exact match.

I can see why you look for an exact match (subdomains can be completely different sites and you may not wan to apply your js or css) but it seems like this could be a preference (I see you don't have any yet so I understand if that is not the way you want to go).

I propose that it looks for an exact match, then chops off the sub-ist of the subdomains, and looks again until it finds a match.

I noticed lots of mini pauses with Nightly recently and started getting slow script warnings from dotjs. I've disabled and things seem to be better. Today, I only noticed the problem several hours after my last restart, so it could be that it's just leaking or has it's hand in too many tabs...

Since it's a recent development, I'm leaning towards the change from using PageMods, but I don't know the Addon SDK well enough to say that for sure.

Also of note: I have a lot of tabs (142 at the moment, often more, but most aren't loaded), so I may be above the normal threshold.

Sorry I don't have any hard evidence, but it's something to keep an eye out for!

related to issue #31

www.foo.com will load foo.com.js but NOT www.foo.com.js
as explained in #31, it is expected to have foo.com.js included with www.foo.com, but it should not be limited to this. (I guess this behavior is hard coded somewhere and will be automatically fixed with issue #31)

First of all I'd like to say thank you for this awesome plugin.

Maybe you and your contributors could GPL the code? As a matter of fact, I don't care too much if you chose the GPL or, say, the X11 License or even public domain.

Without any statement on a license, a cautious hacker could not even fork the code on github, strictly speaking.

Thank you!

jquery should be updated (I recommend moving to 2.x since old browser support is not an issue in Firefox anyway.)

also, there should be a way to specify your own jquery.
an easy solution would be to allow to place a file ~/.js/jquery.js or lets put it more generic ~/.js/framework.js.

of course this raises the question why not just put it into ~/.js/default.js
but I see 2 good reasons:

• seperate framework from user code
• just putting my own jquery in default.js would mean double jquery inclusion in dotjs alone

also, it might be a good idea to check with the chrome plugin how they handle this to keep the behavior consistent

Great idea for an addon!

Maybe instead of loading from ~/, can we have an option to load from the Firefox profile's directory?

STR:
just open private window and load a site that has custom script.

I have some code that reworks a site, and it works fine when browsing to a page in the active tab. However, when opening tabs as background tabs (e.g. right click -> Open tab in background tab), the code is not run successfully for that page.

Here's an example:

• code changes window title with

document.title = document.title.replace("foo", "bar")

• user opens a link to a background tab
• title changing code is run for current tab
• other code specified in the site.js file is run for the background tab

It seems to me that at least some code is run for the background tab. That's why I'm wondering if I'm calling the title changing function in a wrong way.
I think I need some way to access the background tab, but all my other code (jQuery) works without one.

This is a great piece of software.
Thank you!

I just set up dotjs on FF-41 and had to change a bit of the source to allow it to work. i.e. require('file') doesn't work anymore, you need require(/sdk/io/file').

Should I submit the necessary changes as a patch or do we need to keep a separate branch for latest FF sdk?

Hi

Since several months my specfic JS files aren't loaded. I don't understand why and I've tried a bunch of things but I can't fix that.
I use the last version downloaded from its official page with Firefox 17.0.1.

I tried a simple code to replace all the content of the current page : $('body').html('test');
In the default.js it works fine but it fails if I put it in google.com.js for example :-/

There is no problems with my CSS files.

Does somebody have the same problem or understand what append ?