NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
In this FAQ here are some of the most common questions and answers asked, some more silently than others, about OpenUserJS.org.
A: Place two line breaks in between your quote and reply like this:
> Something to be quoted
This is my reply
which renders as:
Something to be quoted
This is my reply
... instead of:
Something to be quoted
This is my reply
A: Use markdown like these with named code fences:
Example 1:
``` js var thisIsJavascript = "yahoo!"; ```
... which renders as:
var thisIsJavascript = "yahoo!";
... instead of:
var thisIsJavascript = "yahoo!";
Example 2:
``` json {"json": "rules"} ```
... which renders as:
{"json": "rules"}
... instead of:
{"json": "rules"}
Example 3:
``` css body { background-color: black; } ```
... which renders as:
body {
background-color: black;
}
... instead of:
body { background-color: black; }
Example 4:
``` console userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:4 ERROR: Execution of script 'My jQuery Script' failed! $(...).ready is not a function (anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:3 (anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:5 (anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:983 ```
... which renders as:
userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:4 ERROR: Execution of script 'My jQuery Script' failed! $(...).ready is not a function
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:3
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:5
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:983
... instead of:
userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:4 ERROR: Execution of script 'My jQuery Script' failed! $(...).ready is not a function
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:3
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:5
(anonymous) @ userscript.html?id=01234567-89ab-cdef-0123-456789abcdef:983
The smaller the code snippet, or having a flawed Code snippet, the more likely it will automatically pick the wrong highlighting with unnamed code fences, or worse no highlighting... so it is best to recommend coercing a snippet to the correct type.
Edit the Authors script on the Source Code page and present a diff by clicking the button of the same name. This is usually the quickest way to present a smaller change if using OUJS only. Please do not post full script source in a discussion. Don't forget to add a code fence around it preferably a named fence of type diff
.
Optionally fork the persons script on their scripts Source Code page. You can refer to it in a discussion to help show what change you are proposing from the full, larger, presentational view on OUJS. Please do not post full script source in a discussion. Refer a link to it to have the Author look it over.
Use GitHub, or other SCM that shows the change. Use a markdown hyperlink in the discussion to point to the commit.
If you have Linux or macOS you can utilize the diff -u a.user.js b.user.js > change.diff
command line interface (CLI) directly. a.user.js
being the original source code and b.user.js
being the change. This will output a diff file that you can paste into a discussion.
Use git-scm. You could utilize git diff file.original file.changed > change.diff
. Git Bash (similar to the cmd
prompt terminology for Windows users) is usually included and should also give you the direct diff
command under Windows. More detailed usage can be found at git documentation.
Take for example a simple RFC 2606§3 - Hello, World!
script. Fixing any changes to the file.changed
you could present the difference with a snippet in a code fence of type diff
which renders like this:
Fix typo.
diff --git "a/RFC_2606\302\2473_-_Hello,_World!.user.js.original" "b/RFC_2606\302\2473_-_Hello,_World!.user.js.changed"
index a8a6dcc..fdf7833 100644
--- "a/RFC_2606\302\2473_-_Hello,_World!.user.js.original"
+++ "b/RFC_2606\302\2473_-_Hello,_World!.user.js.changed"
@@ -7,6 +7,6 @@
// @version 0.0.0
// ==/UserScript==
- alert('Helo, World!');
+ alert('Hello, World!');
})();
... plus it automatically shows the starting line number within a few lines of where you are mentioning it. Simply count up from the starting line in @@ -7,6 +7,6 @@
to the line affected. In this samples case it is line 10 where the change is to occur, e.g. 7 + 3 = 10.
You should, at the very least, use a pair of markdown back ticks, e.g. `
, around the Code change to ensure proper visibility especially if there is HTML present which normally gets sanitized and possibly rendered. Named Code fences allow for greater visual improvement and understanding.
A: This is not quickly answered but here are some tips for a more effective presentation of your script and perhaps a larger user usage pool, i.e. more installs and less issues encountered.
Currently the editor that is used for writing scripts online is called Ace. It currently has a sub-dependency linter called JSHint. By default this linter makes some advisory notices typically in the gutter of the Script Source Code page with the the exclamation triangle icon (⚠) next to the clickable line number. If hovered over it usually shows what the notice is. An author does have some control over what is shown depending on the version of this linter in use by the dependency and what options are chosen.
For an example we will pick the default, stock, jQuery example:
... usually you will see a warning triangle notice anywhere you use $
or jQuery
since they are considered globals
to the .user.js and not usually directly declared in your script. They are usually defined with the // @require https://code.jquery.com/jquery-latest.js
line in the UserScript metadata block and referenced in multiple places in your code. You might also be using a sites jQuery only in the DOM which is also in the globals space if you do not have jQuery required by the .user.js engine. This can be detrimental if the site stops using jQuery so it is best to declare at least a matching expected jQuery version with @require
and use this.$ = this.jQuery = jQuery.noConflict(true);
.
In order to minimize the occurence of these, and speed up the page load for you and your users, you may insert near the top of the file, before any code, the following diff lines, tailored to your needs:
@@ -8,10 +8,18 @@
// @license GPL-3.0-or-later; https://www.gnu.org/licenses/gpl-3.0.txt
// ==/UserScript==
-this.$ = this.jQuery = jQuery.noConflict(true);
+/* jshint esversion: 5 */
+/* globals $, jQuery */
-$(document).ready(function() {
- $("a").click(function() {
- alert('Hello world!');
+(function () {
+ 'use strict';
+
+ this.$ = this.jQuery = jQuery.noConflict(true);
+
+ $(document).ready(function() {
+ $("a").click(function() {
+ alert('Hello world!');
+ });
});
-});
+
+})();
... ending up looking like this:
Not all notices may go away with this diff change but a large number of this particular, widely used, library framework identifier (variable) do silence. Additionally the possible strict violation notice is quelled by using an IIFE with a function level strict mode to protect your source from other DOM manipulation/detection, accidental or otherwise. Some warning notices are informational such as missing semicolons. While this is a highly volatile subject, and quite subjective, pick one and stick with it throughout your script. Some notices, of course, are actual errors. Use your best judgment.
More tips
/* jshint esversion: 5 */
line tells JSHint that your script is primarily using ECMAScript 5 (JavaScript ES version). If you are needing a newer version simply replace the 5
with a 6
(or optionally greater when the Ace sub-dependency is upated next) for better syntax linting. This is often useful to declare in case ECMAScript has a newer version and the sites default changes but your source doesn't./* globals $, jQuery */
line tells JSHint that $
and jQuery
are somewhere outside of your script but are acceptable to use as a global identifier. There is also an alternate "shortcut" global definition syntax currently achieved with /* jshint jquery: true */
however using globals
in this example shows you where to define other custom library globals such as GM_config.5
with moz
illa extensions (JavaScript 1.7 a.k.a ECMAScript 5.1), includes the known base GM object for Greasemonkey 4.x+ and GM_* identifiers, and treats all scripts with the implied use of 'use strict';
. There are a few other options silenced that are more coding style than potential problems; may sometimes be deprecated in JSHint; or just general "annoyances" squelched. While JSHint is present in Ace you may choose to toggle those options as well in your script source and/or add additional globals
.globals
however others are not, such as jshint esversion
(this is why it is prefixed). The ESLint project decides for everyone what is a "currently acceptable default" ECMAScript version in your source.A: Yes, use the meta routine.
Multiple forms exist for various purposes:
.meta.js
- This is the traditional // @
delimited usage that outputs some of the metadata blocks items from a userscript for updating in userscript engines such as Greasemonkey and is used with @updateURL
..meta.json
- This is the modern JSON usage that outputs the information we collect from the metadata blocks. This is not currently intended to be used in any metadata block but rather, on a specific occasion, used programmatically in a User Script or using third party badges. At this time there is no known .user.js engine that supports this feature directly.
.user.js
+ text/x-userscript-meta
- Modern Userscript engines sometimes may send a special header out in order to retrieve just the meta.updateURL
in the UserScript metadata block... is highly discouraged. The reason why is while your browser is open, and if your internet goes offline (or the target site is offline) for any reason this could toggle the userscript engine into a FAIL
status and then update checks may pull full script source. This is considered bad etiquette for Authors and your users. Some portable devices may incur additional charges for extra bandwidth used so please be considerate. Usually this can be a permanent state unless the configuration file in the engine is modified by hand.The username
and scriptname
"folders" are usually specially formattted and can be URIComponent encoded depending on the Unicode usage with name
in the UserScript metadata block. This formatting can sometimes be referred to as a "slug" but usually those types of urls are not URI or URIComponent encoded and are strict ANSI. See the href
attribute (usually copy link, or similar, in a right click context menu) on the blue Install button for the current encoding for the values on a Userscripts home page.
A Userscript Unit Test is available to demonstrate and test these features at oujs - Meta View for a graphical representation of these meta routines.
A: Yes, use the raw source route like this in the UserScript metadata block:
// @updateURL https://openuserjs.org/meta/username/scriptname.meta.js
// @downloadURL https://openuserjs.org/src/scripts/username/scriptname.user.js
... notice the src/scripts p.a.t.h/t.o instead of install.
The @downloadURL
UserScript metadata block key is not currently required but highly encouraged especially due to potential faulty .user.js engine updaters.
This site is currently a presentational userscript repository and is intended to distribute the final published product in a familiar community setting.
However if you need, or want, the highly recommended version control for prior versions of your script please add an additional, supported, authentication strategy in your account preferences or when you first sign up. This enables you to have the available import and synchronization options described on the respective pages accessed from your accounts username. The site will only attempt to synchronize to your existing script already on the site. Please ensure there is, at minimum, the same metadata block(s) present you want to synchronize from.
Current supported synchronizable authentication strategies are: