FlightGear wiki:Instant-Refs

From FlightGear wiki
Revision as of 13:12, 20 May 2016 by Elgaton (talk | contribs) (→‎The script: The date should be bumped as well)
Jump to navigation Jump to search
Quotes-logo-200x200.png
Instant-Cquotes script in Firefox
Instant-Cquotes screenshot prototyping runtime format selection

The Instant-Cquotes script is a browser addon (user script) implemented in JavaScript in order to convert excerpts (created via copy&paste) from FlightGear forum or mailing list postings into MediaWiki markup/quotes to be used on the FlightGear wiki. It is supported by Firefox, Google Chrome/Chromium, Opera and Safari. It is being developed and maintained by a group of volunteers involved in maintaining the wiki and in trying to provide more up-to-date information to end-users who may not be as involved in the various FlightGear-related communication channels.

Background and motivation

FlightGear's development is, at best, "self-coordinated", meaning that contributors discuss ideas and make proposals to contribute in a certain fashion and then team up to implement certain features and building blocks, often just temporarily.

Unfortunately, due to a lack of development manpower, many ideas are not implemented immediately; it is, thus, important to know their pros and cons, as well as who originally proposed them and/or might help with their implementation, even after a long time, preferably with links to the original discussions so that new contributors can decide whether to get involved in some effort or not. The project documentation, however, is in great need of improvement[1] and usually significantly lacking behind:[2] many core developers update it seldomly, if not anymore, as it takes time to write it, as well as an understanding of the inner workings of a complex system such as FlightGear. Furthermore, this task might not be attractive due to its short term impact on the project,[3] and it is overwhelming to think about creating documentation that would address the needs of many different kinds of contributors with different backgrounds, experience levels and goals.[2]

Forum and mailing lists discussions have therefore become the only up-to-date (albeit difficult to filter)[4] source of information about recent development progress; this makes it tricky to know what is going on, what needs fixing, what were the decisions taken by the developers.[5]

The aim of the Instant-Cquotes script is to help wiki editors to copy relevant excerpts from such sources, formatting them as proper quotations, and bootstrap new articles collecting them until a dedicated rewrite is made. It can also be used to reuse announcements to update the changelogs, newsletter or the Release plan/Lessons learned page.

After being away from the wiki system for some time it becomes more of an effort to re-learn how to start a new file and figure out how to format it , with what headings, etc. Sometimes it is almost too much to do the original write up of the original post and all the work of that layout and effort to have to also duplicate it in a wiki article. If I was a little more current and affluent with the wiki editor, I might not be so hesitant to create the work there instead of the forum.[6]


In a few cases, such collections of quotes helped not only create bootstrap new articles, but even actual features.

In other cases, quotes have been used to update documentation of features (e.g. Rembrandt) whose maintainers may not be actively involved in FlightGear, to help document discussions that are taking place in the meantime, and provide some background information for people interested in the corresponding feature.

Installation

  1. Install a user script manager. On Firefox, you can use Greasemonkey; on Chrome/Chromium, Opera or Safari, you can use Tampermonkey (download links: Chrome/Chromium, Opera, Safari).
  2. Visit the Instant-Cquotes page on GreasyFork and click on Install this script (green button). If Greasemonkey/Tampermonkey prompts you to confirm the installation, agree to do so.
Click the green button to install the script

Manual installation

Note  This will install the most recent development version of the script, which might contain bugs. Also, GreaseMonkey/TamperMonkey will not update it automatically whenever a new version is released.
  • Firefox
  1. Install Greasemonkey.
  2. Save the script below as instant_cquotes.user.js, then drag-and-drop it into Firefox.
Screenshot showing the Greasemonkey setup dialog (on Firefox)
  • Chrome/Chromium, Opera, or Safari
  1. Install Tampermonkey.
  2. Navigate to Add a new Script.
  3. Copy and paste the script below into the editing window.
  4. Click the Save button (just above the Search button).

Mobile installation

As of May 2016, there is no separate version available for mobile use. Your best chance is installing a userscript addon on Android, like one of those:

For installation instructions, refer to Tampermonkey for Android or How To Access Greasemonkey Scripts on Android Phones.

Testing/feedback would obviously be appreciated - if in doubt, feel free to just edit the wiki page to add your findings/questions.

Configuration

GreaseMonkey menu shown in FireFox with instanct cquotes menu items
The configuration dialog for the Instant-Cquotes script

As of version 0.30, a dedicated configuration dialog is in the process of being added, so that certain script features can be dynamically configured, without having to edit the script. For now, this is merely a placeholder that provides a checkbox to easily enable/disable the debug mode. In the future, we are hoping to also expose other features this way.

Usage

Instant-Cquotes script, with updates contributed by Red Leader
Screenshot showing Instant-Cquotes 0.30 at work
  1. Go to some mailing list archive URL, for example [1] or any forum message, such as Template:Forumref.
  2. Select the relevant portion of text.
  3. When you release the mouse button, a box will appear containing the converted text (for now, mainly properly-referenced quotes for the wiki).
  4. The text will be automatically selected and copied to the clipboard.
  5. Paste the text into the desired wiki page.

For example, by selecting part of the forum post in the link above you can get the following quotation:

Cquote1.png The upcoming FlightGear version (3.2) will contain a canvas-based map dialog, including a modular "plugin" system for creating custom map layers and charts with roughly ~50 lines of code, most of it boilerplate.

This is entirely XML/Nasal based (scripted) - symbols can be pretty much anything, raster or vector images (png or svg), but even animated. Styling can be customied, too. For more info, I suggest to check out: MapStructure#Porting the map dialog

MapStructureDialog.png
— Hooray (Jun 14th, 2014). Re: Get objects to show up on Map/Radar.
(powered by Instant-Cquotes)
Cquote2.png

On quoting

1rightarrow.png See FlightGear wiki:Quoting Guidelines for the main article about this subject.

Using the Instant-Cquotes script is a good way to bootstrap and write some preliminary notes; however, while quotes might be useful to understand how undocumented subsystems and features work and are definitely better than nothing, they are not meant to replace proper, structured and well-written wiki articles.[7]

One way to convert pages bootstrapped using quotes is to extract relevant information from them and keep citations only as references; in case important details are missing, they can be asked for on the mailing lists (on the forum, the chance to get a complete answer might be lower).[8] Another option might be moving the quotes to the Talk page for each entry, which would preserve the sources without clogging up the articles.[9]

As a matter of fact, the whole paragraph above was assembled using this approach; to see for yourself, look up the references at the end of this page. For another example, see TerraSync#News.

Development

Note  A Chrome/Chromium-specific extension that will not need Tampermonkey installed is under development.

Resources

Adding sources

Adding a new source is pretty straightforward if you understand how xpath and regexes work - basically, you only need an archive (e.g. gmane), and then determine the xpath of each relevant field, as well as the regular expression to process the extracted fields (optional).

The basic steps are these:

  1. open the user script in an editor
  2. navigate to the meta header of the user script
  3. add a new URL to the top of the script, e.g. by copying/adapting an existing line like this:
// @match       https://sourceforge.net/p/flightgear/mailman/*

Once copied, add the new URL:

// @match       http://thread.gmane.org/gmane.games.flightgear.devel/*

Next, you need to navigate to the configuration hash to add a new website to it.

Again, it makes sense to simply take an existing configuration hash and adapt it as needed (ignore/omit the tests vector for now by keeping it empty):

Caution  the following example may meanwhile be outdated, so be sure to look at the actual code instead
  'Sourceforge Mailing list': {
    enabled: true,
    type: 'archive',
    event: 'document.onmouseup', // when to invoke the event handler
    event_handler: instantCquote, // the event handler to be invoked
    url_reg: '^(http|https)://sourceforge.net/p/flightgear/mailman/.*/',
    content: {
      xpath: 'tbody/tr[2]/td/pre/text()',
      selection: getSelectedText,
      idStyle: /msg[0-9]{8}/,
      parentTag: [
        'tagName',
        'PRE'
      ],
    transform: [] // vector with transformation callbacks
    }, // content recipe
    // vector with tests to be executed for sanity checks (unit testing)
    tests: [
    ], // end of vector with self-tests
    // regex/xpath and transformations for extracting various required fields
    author: {
      xpath: 'tbody/tr[1]/td/div/small/text()',
      transform: [extract(/From: (.*) <.*@.*>/)]
    },
    title: {
      xpath: 'tbody/tr[1]/td/div/div[1]/b/a/text()'
      transform: []
    },
    date: {
      xpath: 'tbody/tr[1]/td/div/small/text()',
      transform: [extract(/- (.*-.*-.*) /)]
    },
    url: {
      xpath: 'tbody/tr[1]/td/div/div[1]/b/a/@href',
      transform: [prepend('https://sourceforge.net')]
    }
  }, // end of mailing list profile

Now, we need to review/adapt the profile according to the new archive we'd like to see supported.

for starters, that means:

  • changing the name of the profile, e.g. to read gmane (instead of sourceforge)
  • change the url_reg field to the gmane URL (this can be a regular expression)

Next, it makes sense to use an XPath checker, so that we can look up the xpath expression for various HTML elements, and add those to the configuration hash above.

For testing purposes, you will probably go to the setup dialog and enable the DEBUG mode, and use your browser's console to see what is going on.

Getting involved

While having some experience with JavaScript/HTML and jQuery will definitely be useful, JavaScript is close enough to FlightGear scripting (Nasal), so that people can get involved pretty easily.

Most maintenance work will typically involve reviewing/maintaining a few configuration hashes, that contain meta information for each supported archive (mailing list/forum).

Usually, each hash contains a combination of xpath/regex expressions to look up the relevant information, as well as vector of optional transformations that are applied (in order) to convert contents to a different format (e.g. dates).

In addition, there is growing library of utility functions, a handful wrappers for useful stuff, for example:

  • Host.dbLog(message_string) - log a message to the console if the DEBUG flag is set
  • Host.download(url, callback, method='GET') - will download the URL and pass the downloaded content to the callback specified
  • Host.downloadPosting(url, callback) - will download the posting URL and pass the extracted and transformed author/content and date fields in a hash to the callback specified, the URL must be one supported in the CONFIG hash (i.e. forum/sourceforge for now)
  • Host.make_doc(string, type="text/html") - will turn a string/blob into a DOM that can be queried
  • Host.eval_xpath(document, xpath_expression, type=XPathResult.STRING_TYPE) - will apply the xpath expression to the document specified, returning the requested type (defaulted to string)
  • Host.set_persistent(key,value) - stores a key/value pair
  • Host.get_persistent(key,default_value) - retrieves a values using the key specified, falling back to the default value

Porting

Prototyping a dedicated instant-cquote mode for use as a firefox addon


Porting the script to support other browsers/script engines is greatly appreciated. Typically, this should be pretty self-contained, because all main APIs are intended to be encapsulated in a so called "Environment" hash, where APIs that are specific to a particular browser/script engine should be provided with a wrapper. As of mid 2016, most APIs are now kept inside such an Environment hash (look at the GreaseMonkey hash for reference/details), so that it is now even possible to turn the script into a standalone FireFox addon without having to change much of the underlying code.

Self checks (unit testing)

For regression testing purposes, there's a dedicated "self check" dialog that will be extended over time. For now it will download a few profile/website specific postings using a vector called "tests" and then log the posting's title, author and date to the console.

The next step will be actually showing that information in the dialog itself - there's a separate helper function to accomplish that, so that the corresponding div layer can be updated with the results.

automatically executed sanity checks

Debug mode

Instant-Cquotes debug mode


AJAX (live page editing)

WIP.png Work in progress
This article or section will be worked on in the upcoming hours or days.
See history for the latest developments.

For now, the setup dialog will try to obtain a login token for the wiki and show a message if successful.

In addition, the profile/website hash also contains a new wiki entry for the FlightGear wiki, whose event_handler callback will be invoked once the FG wiki is visited - the console/log will show a greeting, so that is where other code can be added - e.g. to help clean up/rewrite FGCquote-based articles automatically etc.

There is a vector of "modes", whose members are a hash containing trigger/handler fields, linked to two callbacks - the trigger callback can be used to check some condition, while the handler will be invoked if the trigger returns true.

This can be used to support an arbitrary number of modes, whose triggers are evaluated during page load - all triggers that return true, will have their handlers invoked, which is how the following snippet works to rewrite/augment wiki edit handles:

 'FlightGear.wiki': {
    type: 'wiki',
    enabled: false,
    event: 'document.onmouseup', // when to invoke the event handler
    event_handler: function () {
      console.log('FlightGear wiki handler active (waiting to be populated)');
      // this is where the logic for a wiki mode can be added over time (for now, it's a NOP)
    
    //for each supported mode, invoke the trigger and call the corresponding handler
    [].forEach.call(CONFIG['FlightGear.wiki'].modes, function(mode) {
      //dbLog("Checking trigger:"+mode.name);
      if(mode.trigger) {
        mode.handler();
      }
    });
      
    }, // the event handler to be invoked
    url_reg: '^(http|https)://wiki.flightgear.org', // ignore for now: not currently used by the wiki mode
    
    modes: [
      { name:'process-editSections',
        trigger: function() {return true;}, // match URL regex - return true for always match
       
        // the code implementing the mode
        handler: function() {
                
    var editSections = document.getElementsByClassName('mw-editsection');
    console.log('FlightGear wiki article, number of edit sections: '+editSections.length);
   
    // for now, just rewrite edit sections and add a note to them
   
     [].forEach.call(editSections, function (sec) {
       sec.appendChild(
         document.createTextNode(' (instant-cquotes is lurking) ')
       );
     }); //forEach section
        } // handler
       
       
      } // process-editSections
      // TODO: add other wiki modes below 
      
    ] // modes
    
  }, // end of wiki profile


See User:Red Leader/Sandbox/AJAX test

Mobile edition

Note  As of 02/2016, Hooray is contemplating to make this available as an addon for Android phones.

Issues/limitations

Bugs

  • It's eating characters, apparently related to regex/xpath handling - e.g. words like "analyzing" are turned into "analying" [2]

Non working URLs

Feature requests & ideas

  • try to recognize list items [3] (heuristics: look for colon/asterisk, dashes and CR/LF)
  • should add Template:News to the article dropdown for announcements [4]
  • add a mode that will download screenshots from forum postings and automatically upload/categorize them, see Birds
  • split the article dropdown into sections, and also populate it with the user's watchlist [5] 60}% completed
  • mailing list templates, listed at [6]
  • expose the cquote/ref markup via the UI so that it can be edited/customized and treated like a template Done Done (0.36+)
  • identify common/repeated links and automatically create link/infrastructure templates and use those (should be straightforward using the AJAX mode) [7]
  • add a devel/maintainer mode where it will return the xpath for a selection [8] [9]
  • move openlink,dblog helpers to Environment hash Done Done
  • identify CLI arguments like --aircraft=c172p and wrap them in between code tags --aircraft=c172p [10] (note that we can simply download options.xml via openlink() and use that, which is kinda of neat...) 60}% completed (see downloadOptionsXML() in the code)
  • introduce "layouts" (templates) for different purposes: newsletter, changelog, wiki article, The Manual (LaTex)  ? 40}% completed
  • use wikipedia template if possible [11]
  • the new tests vector could also contain vectors for tests to test the extract/transform* utilities, see Environment.APITests 50}% completed
  • move environment specific APIs (browser, script host etc) into some kind of Environment hash to encapsulate things (Red Leader was working on a pure Chrome-only version at some point IIRC) 80}% completed
  • encode script settings in created markup, for future processing/updating of quotes
  • look up [x] references and replace with the corresponding link (titled) [12] [13]
    • convert footnotes into Abbr templates [14]
  • support named refs for combining identical refs [15]
  • adopt Template:Forumref
  • implement a less obnoxious quoting mode, without quotes, where only the ref part would be added, e.g. see the example at Graphics Card Profiles (it's still 99% quotes, but much less annoying) Done Done
  • attachment support: identify attachments and link to them: [16] [17] [18] [19]
  • bulletin points: if there is a colon (:) followed by at least two dashes (-), split up everything after the colon to turn each dash into an asterisk (wiki markup for bulletin points), followed by a newline [20]
  • generic URL/template matching, e.g. for for sourceforge commit IDs
  • make filters/conversions configurable via checkboxes (nowiki, wrap in alert/note boxes)
  • make syntax highlighting configurable (language, mode) ?
  • consider using something like the Roles template to turn contributor names into tooltips where contributor roles are shown (core dev, fgdata committer etc)
  • introduce support for tag clouds to help categorize/classify related quotes
  • consider making transformations optional/configurable using check boxes in the jQuery dialog
  • add new input method, for quotes that need to be updated/converted (added script version specifically for this purpose), should also add extraction/processing date
  • investigate why not all mailing list archives/postings are supported correctly: http://sourceforge.net/p/flightgear/mailman/message/8090479/ (problem traced to getPostID())
  • explore having a ref-only mode without using cquotes, i.e. just copy/paste quotes with proper ref tags and a references section, to rewrite the whole thing (possibly with templates for different purposes, e.g. newsletter/changelog) Done Done
  • should use Template:Forumref (category:link templates)
  • should be updated to use the new repo/flightgear file templates created by Johan & RedLeader Not done Not done
  • resolve links to forum threads to look up the title for the topic/posting, so that the posting's title can be used for those links, instead of just the URL - we can probably do that by making an AJAX call to open URLs asynchronously and extract the title for the thread/posting to come up with something like A call to developers-Lockheed -L188 Electra ([21]) 50}% completed
  • convert quoted bug tracker URLs to use the issue template on the wiki Not done Not done
  • do regex/xpath validation, and display any errors (e.g. template/theme changes on the forum would currently break the script) 60}% completed
  • increased focus on supporting different output formats, maybe using a simple jQuery based wizard (wiki, forum, newsletter, changelog) Not done Not done
  • token matching for keywords/acronyms to link to the corresponding wiki articles (e.g. Nasal, Canvas, FG_ROOT, FG_HOME etc) Not done Not done
  • Add support for tickets, merge requests comments and FGUK forum. (also see FlightGear wiki talk:Instant-Cquotes#more sources)
  • GET-encoded SID arguments should be stripped from forum URLs. Not done Not done
  • Links to repositories should be converted to use wiki templates. Not done Not done
  • The regexes used may fail if the HTML DOM of the source changes (e.g., phpBB/theme update)
    • Show a warning when that's the case. 70}% completed (see the self-check dialog)
    • Try multiple regexes in order. 30}% completed (see the self-check dialog)
  • Use the script to update previously created Cquotes automatically
    • Instead of using the getSelection() helper, we could register a match for wiki.flightgear.org with action=edit set, so that we can directly process all text of an edited page, using AJAX calls to open the URL in the background. 40}% completed (see the self-check dialog, available via the greasemonkey menu)
    • See MW:API:Edit § Editing via Ajax

Changelog

Note  Contributors are invited to document their changes here, please also add your wiki handle so that others can more easily get in touch.
  • first stab at implementing unit tests by adding a vector with URLS to be downloaded and fields to be matched (WIP), shown in a jQuery dialog
  • support for persistent settings and a jQuery setup dialog with persistence
  • hosting is moved, to allow auto-updates [22] [23] [24]
  • changed to ref-only quotes for now, not using the FGCquote template anymore, due to its obnoxious appearance on quote-heavy pages (should probably become a runtime option instead)
  • updated to use https for forum postings
  • add version info to each created quote, i.e. for future updates
  • add helper for opening websites asynchronously using AJAX (also via GM helper API)
  • display version number in output dialog
  • begin using the GreaseMonkey API for setting clipboard content

The script

Public domain This work has been released into the public domain by its author, FlightGear contributors. This applies worldwide.
In some countries this may not be legally possible; if so:
FlightGear contributors grants anyone the right to use this work for any purpose, without any conditions, unless such conditions are required by law.
Note  Anybody interested in contributing to the code is invited to directly edit this wiki article. From 05/2016, the script is hosted on GreasyFork to allow automatic updates. If you'd like to see your changes applied, please bump the version number and the date and Elgaton will upload it in the state it was when the version number was bumped. Make sure to perform thorough testing before the bump to prevent unexpected breakage; it is generally a good idea to validate your changes using an online syntax checker, e.g.:

Thank you!

Changes that should be mentioned in the changelog, should be added below (and moved to the #Changelog section subsequently:

  • preparations for adding support to download fgdata related files like options.xml to automatically regex known CLI commands
  • preparatory work for adding a speech-rewrite engine to assist in converting 1st person speech to 3rd person
  • framework for encapsulating userscript specifics in an environment hash to provide better updating/porting support


// ==UserScript==
// @name        Instant-Cquotes
// @name:it     Instant-Cquotes
// @license     public domain
// @version     0.39
// @date        2016-05-20
// @description Automatically converts selected FlightGear mailing list and forum quotes into post-processed MediaWiki markup (i.e. cquotes).
// @description:it Converte automaticamente citazioni dalla mailing list e dal forum di FlightGear in marcatori MediaWiki (cquote).
// @author      Hooray, bigstones, Philosopher, Red Leader & Elgaton (2013-2016)
// @supportURL  http://wiki.flightgear.org/FlightGear_wiki:Instant-Cquotes
// @icon        http://wiki.flightgear.org/images/2/25/Quotes-logo-200x200.png
// @match       https://sourceforge.net/p/flightgear/mailman/*
// @match       http://sourceforge.net/p/flightgear/mailman/*
// @match       https://forum.flightgear.org/*
// @match       http://wiki.flightgear.org/*
// @namespace   http://wiki.flightgear.org/FlightGear_wiki:Instant-Cquotes
// @run-at      document-start
// @require     https://code.jquery.com/jquery-1.10.2.js
// @require     https://code.jquery.com/ui/1.11.4/jquery-ui.js
// @require     https://cdn.jsdelivr.net/genetic.js/0.1.14/genetic.js
// @require     https://cdn.jsdelivr.net/synaptic/1.0.4/synaptic.min.js
// @resource    jQUI_CSS https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css
// @resource    myLogo http://wiki.flightgear.org/images/2/25/Quotes-logo-200x200.png
// @grant       GM_registerMenuCommand
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_addStyle
// @grant       GM_getResourceText
// @grant       GM_getResourceURL
// @grant       GM_setClipboard
// @grant       GM_xmlhttpRequest
// @noframes
// ==/UserScript==

// This work has been released into the public domain by their authors. This
// applies worldwide.
// In some countries this may not be legally possible; if so:
// The authors grant anyone the right to use this work for any purpose, without
// any conditions, unless such conditions are required by law.

// This script has a number of dependencies that are implicitly satisfied when
// run as a user script via GreaseMonkey/TamperMonkey; however, these need to
// be explicitly handled when using a different mode (e.g. Firefox/Android):
//
// - jQuery - user interface (REQUIRED)
// - genetic-js - genetic programming (OPTIONAL/EXPERIMENTAL)
// - synaptic - neural networks (OPTIONAL/EXPERIMENTAL)

/* Here are some TODOs
 * - support RSS feeds http://dir.gmane.org/gmane.games.flightgear.devel/
 * - move event handling/processing to the CONFIG hash
 * - use try/catch more widely
 * - wrap function calls in try/call for better debugging/diagnostics
 * - add helpers for [].forEach.call, map, apply and call
 * - replace for/in, for/of, let statements for better compatibility (dont require ES6)
 * - for the same reason, replace use of functions with default params
 * - isolate UI (e.g. JQUERY) code in UserInterface hash
 * - expose regex/transformations via the UI
 */

/*jslint
    devel
*/

'use strict';

// prevent conflicts with jQuery used on webpages:
// https://wiki.greasespot.net/Third-Party_Libraries#jQuery
// http://stackoverflow.com/a/5014220
// TODO: move to GreaseMonkey/UI host
this.$ = this.jQuery = jQuery.noConflict(true);

// this hash is just intended to help isolate UI specifics so that we don't
// need to maintain/port tons of code
var UserInterface = {
    get: function () {
        return UserInterface.DEFAULT;
    },

    CONSOLE: {
    }, // CONSOLE (shell, mainly useful for testing)

    DEFAULT: {
        alert: function (msg) {
            return window.alert(msg);
        },
        prompt: function (msg) {
            return window.prompt(msg);
        },
        confirm: function (msg) {
            return window.confirm(msg);
        },
        dialog: null,
        selection: null,
        populateWatchlist: function () {
        },
        populateEditSections: function () {
        }
    }, // default UI mapping (Browser/User script)

    JQUERY: {
    } // JQUERY
}; // UserInterface

var UI = UserInterface.get(); // DEFAULT for now

// This hash is intended to help encapsulate platform specifics (browser/
// scripting host). Ideally, all APIs that are platform specific should be
// kept here. This should make it much easier to update/port and maintain the
// script in the future.
var Environment = {
    getHost: function (xpi = false) {

        if (xpi) {
            Environment.scriptEngine = 'firefox addon';
            console.log('in firefox xpi/addon mode');
            return Environment.FirefoxAddon; // HACK for testing the xpi mode (firefox addon)
        }

        // This will determine the script engine in use: http://stackoverflow.com/questions/27487828/how-to-detect-if-a-userscript-is-installed-from-the-chrome-store
        if (typeof (GM_info) === 'undefined') {
            Environment.scriptEngine =
                "plain Chrome (Or Opera, or scriptish, or Safari, or rarer)";
            // See http://stackoverflow.com/a/2401861/331508 for optional browser sniffing code.
        } else {
            Environment.scriptEngine = GM_info.scriptHandler ||
                "Greasemonkey";
        }
        console.log('Instant cquotes is running on ' + Environment.scriptEngine +
            '.');

        // console.log("not in firefox addon mode...");
        // See also: https://wiki.greasespot.net/Cross-browser_userscripting
        return Environment.GreaseMonkey; // return the only/default host (for now)
    },

    validate: function (host) {
        if (host.get_persistent('startup.disable_validation', false))
            return;

        if (Environment.scriptEngine !== "Greasemonkey")
            console.log(
                "NOTE: This script has not been tested with script engines"
                + " other than GreaseMonkey recently!"
            );

        var dependencies = [{
            name: 'jQuery',
            test: function () {}
        }, {
            name: 'genetic.js',
            test: function () {}
        }, {
            name: 'synaptic',
            test: function () {}
        }, ];

        [].forEach.call(dependencies, function (dep) {
            console.log("Checking for dependency:" + dep.name);
            var status = false;
            try {
                dep.test.call(undefined);
                status = true;
            } catch (e) {
                status = false;
            } finally {
                var success = (status) ? '==> success' :
                    '==> failed';
                console.log(success);
                return status;
            }
        });
    }, // validate

    // this contains unit tests for checking crucial APIs that must work for
    // the script to work correctly
    // for the time being, most of these are stubs waiting to be filled in
    // for a working example, refer to the JSON test at the end
    // TODO: add jQuery tests
    APITests: [{
            name: 'download',
            test: function (recipient) {
                recipient(true);
            }
        }, {
            name: 'make_doc',
            test: function (recipient) {
                recipient(true);
            }
        }, {
            name: 'eval_xpath',
            test: function (recipient) {
                recipient(true);
            }
        }, {
            name: 'JSON de/serialization',
            test: function (recipient) {
                    //console.log("running json test");
                    var identifier = 'unit_tests.json_serialization';
                    var hash1 = {
                        x: 1,
                        y: 2,
                        z: 3
                    };
                    Host.set_persistent(identifier, hash1, true);
                    var hash2 = Host.get_persistent(identifier, null,
                        true);

                    recipient(JSON.stringify(hash1) === JSON.stringify(
                        hash2));
                } // callback
        },

        // downloads a posting and tries to transform it to 3rd person speech ...
        // TODO: add another test to check forum postings
        {
            name: 'text/speech transformation',
            test: function (recipient) {

                    // the posting we want to download
                    var url =
                        'https://sourceforge.net/p/flightgear/mailman/message/35066974/';
                    Host.downloadPosting(url, function (result) {

                        // only process the first sentence by using comma/dot as
                        // delimiter
                        var firstSentence = result.content.substring(
                            result.content.indexOf(',') + 1,
                            result.content.indexOf('.'));

                        var transformed = transformSpeech(
                            firstSentence, result.author,
                            null, speechTransformations);
                        console.log(
                            "3rd person speech transformation:\n" +
                            transformed);

                        recipient(true);
                    }); // downloadPosting()

                } // test()
        }, // end of speech transform test
        {
            name: "download $FG_ROOT/options.xml",
            test: function (recipient) {
                    downloadOptionsXML();
                    recipient(true);
                } // test
        }

    ], // end of APITests

    runAPITests: function (host, recipient) {
        console.log("Running API tests");
        for (let test of Environment.APITests) {
            //var test = Environment.APITests[t];
            // invoke the callback passed, with the hash containing the test
            // specs, so that the console/log or a div can be updated showing
            // the test results
            recipient.call(undefined, test);

        } // foreach test
    }, // runAPITests

    /*
     * ========================================================================
     */

    // NOTE: This mode/environment is WIP and highly experimental ...
    // To see this working, you need to package up the whole file as a Firefox
    // XPI using "jpm xpi" and then start the whole thing via "jpm run", to do
    // that, you also need a matching package.json (i.e. via jpm init)
    // ALSO: you will have to explicitly install any dependencies using jpm
    FirefoxAddon: {
        init: function () {
            console.log("Firefox addon mode ...");
        },
        getScriptVersion: function () {
            return '0.36'; // FIXME
        },
        dbLog: function (msg) {
            console.log(msg);
        },
        addEventListener: function (ev, cb) {

            require("sdk/tabs").on("ready", logURL);

            function logURL(tab) {
                console.log("URL loaded:" + tab.url);
            }
        },

        registerConfigurationOption: function (name, callback, hook) {
            // https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item
            console.log("config menu support n/a in firefox mode");
            // https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Using_third-party_modules_%28jpm%29
            var menuitems = require("menuitem");
            var menuitem = menuitems.Menuitem({
                id: "clickme",
                menuid: "menu_ToolsPopup",
                label: name,
                onCommand: function () {
                    console.log("menuitem clicked:");
                    callback();
                },
                insertbefore: "menu_pageInfo"
            });
        },

        registerTrigger: function () {
            // https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item
            // https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/context-menu#Item%28options%29
            var contextMenu = require("sdk/context-menu");
            var menuItem = contextMenu.Item({
                label: "Instant Cquote",
                context: contextMenu.SelectionContext(),
                // https://developer.mozilla.org/en/Add-ons/SDK/Guides/Two_Types_of_Scripts
                // https://developer.mozilla.org/en-US/Add-ons/SDK/Guides/Content_Scripts
                contentScript: 'self.on("click", function () {' +
                    '  var text = window.getSelection().toString();' +
                    '  self.postMessage(text);' +
                    '});',
                onMessage: function (selectionText) {
                    console.log(selectionText);
                    instantCquote(selectionText);
                }
            });

            // for selection handling stuff, see: https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/selection

            function myListener() {
                console.log("A selection has been made.");
            }
            var selection = require("sdk/selection");
            selection.on('select', myListener);

        }, //registerTrigger

        get_persistent: function (key, default_value) {
            // https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/simple-storage
            var ss = require("sdk/simple-storage");

            console.log(
                "firefox mode does not yet have persistence support"
            );
            return default_value;
        },
        set_persistent: function (key, value) {
            console.log("firefox persistence stubs not yet filled in !");
        },
        set_clipboard: function (content) {
            // https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/clipboard

            //console.log('clipboard stub not yet filled in ...');
            var clipboard = require("sdk/clipboard");
            clipboard.set(content);
        } //set_cliipboard

    }, // end of FireFox addon config

    // placeholder for now ...
    Android: {
        // NOP
    }, // Android


    ///////////////////////////////////////
    // supported  script engines:
    ///////////////////////////////////////

    GreaseMonkey: {
        // TODO: move environment specific initialization code here
        init: function () {
            // Check if Greasemonkey/Tampermonkey is available
            try {
                // TODO: add version check for clipboard API and check for TamperMonkey/Scriptish equivalents?
                GM_addStyle(GM_getResourceText('jQUI_CSS'));
            } // try
            catch (error) {
                console.log(
                    'Could not add style or determine script version'
                );
            } // catch

            var commands = [{
                name: 'Setup quotes',
                callback: setupDialog,
                hook: 'S'
            }, {
                name: 'Check quotes',
                callback: selfCheckDialog,
                hook: 'C'
            }];

            for (let c of commands) {
                this.registerConfigurationOption(c.name, c.callback, c.hook);
            }

        }, // init()

        getScriptVersion: function () {
            return GM_info.script.version;
        },

        dbLog: function (message) {
            if (Boolean(DEBUG)) {
                console.log('Instant cquotes:' + message);
            }
        }, // dbLog()

        registerConfigurationOption: function (name, callback, hook) {
            // https://wiki.greasespot.net/GM_registerMenuCommand
            // https://wiki.greasespot.net/Greasemonkey_Manual:Monkey_Menu#The_Menu
            GM_registerMenuCommand(name, callback, hook);
        }, //registerMenuCommand()

        registerTrigger: function () {

            // TODO: we can use the following callback non-interactively, i.e. to trigger background tasks
            // http://javascript.info/tutorial/onload-ondomcontentloaded
            document.addEventListener("DOMContentLoaded", function (
                event) {
                console.log(
                    "Instant Cquotes: DOM fully loaded and parsed"
                );
            });

            window.addEventListener('load', init); // page fully loaded
            Host.dbLog('Instant Cquotes: page load handler registered');


            // Initialize (matching page loaded)
            function init() {
                console.log(
                    'Instant Cquotes: page load handler invoked');
                var profile = getProfile();

                Host.dbLog("Profile type is:" + profile.type);

                // Dispatch to correct event handler (depending on website/URL)
                // TODO: this stuff could/should be moved into the config hash itself

                if (profile.type == 'wiki') {
                    profile.event_handler(); // just for testing
                    return;
                }

                Host.dbLog('using default mode');
                document.onmouseup = instantCquote;
                // HACK: preparations for moving the the event/handler logic also into the profile hash, so that the wiki (edit mode) can be handled equally
                //eval(profile.event+"=instantCquote");

            } // init()

        }, // registerTrigger


        download: function (url, callback, method = 'GET') {
            // http://wiki.greasespot.net/GM_xmlhttpRequest
            try {
                GM_xmlhttpRequest({
                    method: method,
                    url: url,
                    onload: callback
                });
            } catch (e) {
                console.log("download did not work");
            }
        }, // download()

        // is only intended to work with archives supported by the  hash
        downloadPosting: function (url, EventHandler) {

            Host.download(url, function (response) {
                var profile = getProfile(url);
                var blob = response.responseText;
                var doc = Host.make_doc(blob, 'text/html');
                var result = {}; // hash to be returned

                [].forEach.call(['author', 'date', 'title',
                    'content'
                ], function (field) {
                    var xpath_query = '//' + profile[
                        field].xpath;
                    try {
                        var value = Host.eval_xpath(doc,
                            xpath_query).stringValue;
                        //UI.alert("extracted field value:"+value);

                        // now apply all transformations, if any
                        value = applyTransformations(
                            value, profile[field].transform
                        );

                        result[field] = value; // store the extracted/transormed value in the hash that we pass on
                    } // try
                    catch (e) {
                        UI.alert(
                            "downloadPosting failed:\n" +
                            e.message);
                    } // catch
                }); // forEach field

                EventHandler(result); // pass the result to the handler
            }); // call to Host.download()

        }, // downloadPosting()

        // TODO: add makeAJAXCall, and makeWikiCall here


        // turn a string/text blob into a DOM tree that can be queried (e.g. for xpath expressions)
        // FIXME: this is browser specific not GM specific ...
        make_doc: function (text, type = 'text/html') {
            // to support other browsers, see: https://developer.mozilla.org/en/docs/Web/API/DOMParser
            return new DOMParser().parseFromString(text, type);
        }, // make DOM document

        // xpath handling may be handled separately depending on browser/platform, so better encapsulate this
        // FIXME: this is browser specific not GM specific ...
        eval_xpath: function (doc, xpath, type = XPathResult.STRING_TYPE) {
            return doc.evaluate(xpath, doc, null, type, null);
        }, // eval_xpath

        set_persistent: function (key, value, json = false) {
            // transparently stringify to json
            if (json) {
                // http://stackoverflow.com/questions/16682150/store-a-persistent-list-between-sessions
                value = JSON.stringify(value);
            }

            // https://wiki.greasespot.net/GM_setValue
            GM_setValue(key, value);
            //UI.alert('Saved value for key\n'+key+':'+value);
        }, // set_persistent

        get_persistent: function (key, default_value, json = false) {
            // https://wiki.greasespot.net/GM_getValue

            var value = GM_getValue(key, default_value);
            // transparently support JSON: http://stackoverflow.com/questions/16682150/store-a-persistent-list-between-sessions
            if (json) {
                value = JSON.parse(value) || {};
            }
            return value;
        }, // get_persistent

        setClipboard: function (msg) {
            // this being a greasemonkey user-script, we are not
            // subject to usual browser restrictions
            // http://wiki.greasespot.net/GM_setClipboard
            GM_setClipboard(msg);
        }, // setClipboard()

        getTemplate: function () {

                // hard-coded default template
                var template = '$CONTENT<ref>{{cite web\n' +
                    '  |url    =  $URL \n' +
                    '  |title  =  <nowiki> $TITLE </nowiki> \n' +
                    '  |author =  <nowiki> $AUTHOR </nowiki> \n' +
                    '  |date   =  $DATE \n' +
                    '  |added  =  $ADDED \n' +
                    '  |script_version = $SCRIPT_VERSION \n' +
                    '  }}</ref>\n';

                // return a saved template if found, fall back to hard-coded one above otherwise
                return Host.get_persistent('default_template', template);

            } // getTemplate


    } // end of GreaseMonkey environment, add other environments below

}; // Environment hash - intended to help encapsulate host specific stuff (APIs)


// the first thing we need to do is to determine what APIs are available
// and store everything in a Host hash, which is subsequently used for API lookups
// the Host hash contains all platform/browser-specific APIs
var Host = Environment.getHost();
Environment.validate(Host); // this checks the obtained host to see if all required dependencies are available
Host.init(); // run environment specific initialization code (e.g. logic for GreaseMonkey setup)


// move DEBUG handling to a persistent configuration flag so that we can
// configure this using a jQuery dialog (defaulted to false)
// TODO: move DEBUG variable to Environment hash / init() routine
var DEBUG = Host.get_persistent('debug_mode_enabled', false);
Host.dbLog("Debug mode is:" + DEBUG);

function DEBUG_mode() {
    // reset script invocation counter for testing purposes
    Host.dbLog('Resetting script invocation counter');
    Host.set_persistent(GM_info.script.version, 0);
}


if (DEBUG)
    DEBUG_mode();

// hash with supported websites/URLs,  includes xpath and regex expressions to
// extract certain fields, and a vector with optional transformations for
// post-processing each field

var CONFIG = {
    // WIP: the first entry is special, i.e. it's not an actual list archive (source), but only added here so that the same script can be used
    // for editing the FlightGear wiki

    'FlightGear.wiki': {
        type: 'wiki',
        enabled: false,
        event: 'document.onmouseup', // when to invoke the event handler
        // TODO: move downloadWatchlist() etc here
        event_handler: function () {
            console.log(
                'FlightGear wiki handler active (waiting to be populated)'
            );
            // this is where the logic for a wiki mode can be added over time (for now, it's a NOP)

            //for each supported mode, invoke the trigger and call the corresponding handler
            [].forEach.call(CONFIG['FlightGear.wiki'].modes, function (
                mode) {
                //dbLog("Checking trigger:"+mode.name);
                if (mode.trigger()) {
                    mode.handler();
                }
            });

        }, // the event handler to be invoked
        url_reg: '^(http|https)://wiki.flightgear.org', // ignore for now: not currently used by the wiki mode

        modes: [{
                    name: 'process-editSections',
                    trigger: function () {
                        return true;
                    }, // match URL regex - return true for always match

                    // the code implementing the mode
                    handler: function () {

                            var editSections = document.getElementsByClassName(
                                'mw-editsection');
                            console.log(
                                'FlightGear wiki article, number of edit sections: ' +
                                editSections.length);

                            // for now, just rewrite edit sections and add a note to them

                            [].forEach.call(editSections, function (sec) {
                                sec.appendChild(
                                    document.createTextNode(
                                        ' (instant-cquotes is lurking) '
                                    )
                                );
                            }); //forEach section
                        } // handler


                } // process-editSections
                // TODO: add other wiki modes below

            ] // modes

    }, // end of wiki profile

    'Sourceforge Mailing list': {
        enabled: true,
        type: 'archive',
        event: 'document.onmouseup', // when to invoke the event handler
        event_handler: instantCquote, // the event handler to be invoked
        url_reg: '^(http|https)://sourceforge.net/p/flightgear/mailman/.*/',
        content: {
            xpath: 'tbody/tr[2]/td/pre/text()', // NOTE this is only used by the downloadPosting  helper to retrieve the posting without having a selection (TODO:add content xpath to forum hash)
            selection: getSelectedText,
            idStyle: /msg[0-9]{8}/,
            parentTag: [
                'tagName',
                'PRE'
            ],
            transform: [],
        }, // content recipe
        // vector with tests to be executed for sanity checks (unit testing)
        tests: [{
                url: 'https://sourceforge.net/p/flightgear/mailman/message/35059454/',
                author: 'Erik Hofman',
                date: 'May 3rd, 2016', // NOTE: using the transformed date here
                title: 'Re: [Flightgear-devel] Auto altimeter setting at startup (?)'
            }, {
                url: 'https://sourceforge.net/p/flightgear/mailman/message/35059961/',
                author: 'Ludovic Brenta',
                date: 'May 3rd, 2016',
                title: 'Re: [Flightgear-devel] dual-control-tools and the limit on packet size'
            }, {
                url: 'https://sourceforge.net/p/flightgear/mailman/message/20014126/',
                author: 'Tim Moore',
                date: 'Aug 4th, 2008',
                title: 'Re: [Flightgear-devel] Cockpit displays (rendering, modelling)'
            }, {
                url: 'https://sourceforge.net/p/flightgear/mailman/message/23518343/',
                author: 'Tim Moore',
                date: 'Sep 10th, 2009',
                title: '[Flightgear-devel] Atmosphere patch from John Denker'
            } // add other tests below

        ], // end of vector with self-tests
        // regex/xpath and transformations for extracting various required fields
        author: {
            xpath: 'tbody/tr[1]/td/div/small/text()',
            transform: [extract(/From: (.*) <.*@.*>/)]
        },
        title: {
            xpath: 'tbody/tr[1]/td/div/div[1]/b/a/text()',
            transform: []
        },
        date: {
            xpath: 'tbody/tr[1]/td/div/small/text()',
            transform: [extract(/- (.*-.*-.*) /)]
        },
        url: {
            xpath: 'tbody/tr[1]/td/div/div[1]/b/a/@href',
            transform: [prepend('https://sourceforge.net')]
        }
    }, // end of mailing list profile
    // next website/URL (forum)
    'FlightGear forum': {
        enabled: true,
        type: 'archive',
        event: 'document.onmouseup', // when to invoke the event handler (not used atm)
        event_handler: null, // the event handler to be invoked (not used atm)
        url_reg: /https:\/\/forum\.flightgear\.org\/.*/,
        content: {
            xpath: '', //TODO: this must be added for downloadPosting() to work, or it cannot extract contents
            selection: getSelectedHtml,
            idStyle: /p[0-9]{6}/,
            parentTag: [
                'className',
                'content',
                'postbody'
            ],
            transform: [
                removeComments,
                forum_quote2cquote,
                forum_smilies2text,
                forum_fontstyle2wikistyle,
                forum_code2syntaxhighlight,
                img2link,
                a2wikilink,
                vid2wiki,
                list2wiki,
                forum_br2newline
            ]
        },
        // vector with tests to be executed for sanity checks (unit testing)
        // postings will be downloaded using the URL specified, and then the author/title
        // fields extracted using the outer regex and matched against what is expected
        // NOTE: forum postings can be edited, so that these tests would fail - thus, it makes sense to pick locked topics/postings for such tests
        tests: [{
                url: 'https://forum.flightgear.org/viewtopic.php?f=18&p=284108#p284108',
                author: 'mickybadia',
                date: 'May 3rd, 2016',
                title: 'OSM still PNG maps'
            }, {
                url: 'https://forum.flightgear.org/viewtopic.php?f=19&p=284120#p284120',
                author: 'Thorsten',
                date: 'May 3rd, 2016',
                title: 'Re: FlightGear\'s Screenshot Of The Month MAY 2016'
            }, {
                url: 'https://forum.flightgear.org/viewtopic.php?f=71&t=29279&p=283455#p283446',
                author: 'Hooray',
                date: 'Apr 25th, 2016',
                title: 'Re: Best way to learn Canvas?'
            }, {
                url: 'https://forum.flightgear.org/viewtopic.php?f=4&t=1460&p=283994#p283994',
                author: 'bugman',
                date: 'May 2nd, 2016',
                title: 'Re: eurofighter typhoon'
            } // add other tests below

        ], // end of vector with self-tests
        author: {
            xpath: 'div/div[1]/p/strong/a/text()',
            transform: [] // no transformations applied
        },
        title: {
            xpath: 'div/div[1]/h3/a/text()',
            transform: [] // no transformations applied
        },
        date: {
            xpath: 'div/div[1]/p/text()[2]',
            transform: [extract(/» (.*?[0-9]{4})/)]
        },
        url: {
            xpath: 'div/div[1]/p/a/@href',
            transform: [
                    extract(/\.(.*)/),
                    prepend('https://forum.flightgear.org')
                ] // transform vector
        } // url
    } // forum
}; // CONFIG has

// hash to map URLs (wiki article, issue tracker, sourceforge link, forum thread etc) to existing wiki templates
var MatchURL2Templates = [
    // placeholder for now
    {
        name: 'rewrite sourceforge code links',
        url_reg: '',
        handler: function () {

            } // handler

    } // add other templates below

]; // MatchURL2Templates




// output methods (alert and jQuery for now)
var OUTPUT = {
    // Shows a window.prompt() message box
    msgbox: function (msg) {
        UI.prompt('Copy to clipboard ' + Host.getScriptVersion(), msg);
        Host.setClipboard(msg);
    }, // msgbox

    // this is currently work-in-progress, and will need to be refactored sooner or later
    // for now, functionality matters more than elegant design/code :)
    jQueryTabbed: function (msg, original) {
            // FIXME: using backtics here makes the whole thing require ES6  ....
            var markup = $(
                `<div id="tabs">
  <ul>
    <li><a href="#selection">Selection</a></li>
    <li><a href="#articles">Articles</a></li>
    <li><a href="#templates">Templates</a></li>
    <li><a href="#development">Development</a></li>
    <li><a href="#settings">Settings</a></li>
    <li><a href="#help">Help</a></li>
    <li><a href="#about">About</a></li>
  </ul>
  <div id="selection">This tab contains your extracted and post-processed selection, converted to proper wikimedia markup, including proper attribution.
  <div id="content">

    <label for="template_select">Select a template</label>
    <select name="template_select" id="template_select">
    <option>default</option>
    <option>cquote</option>
    </select>

  </div>
  <div id="options">
    <b>Note this is work-in-progress, i.e. not yet fully functional</b><br/>
    <label for="article_select">Select an article to update</label>
    <select name="article_select" id="article_select">
     <optgroup id="news" label="News"/>
     <optgroup id="support" label="Support"/>
     <optgroup id="release" label="Release"/>
     <optgroup id="develop" label="Development"/>
     <optgroup id="watchlist" label="Watchlist"/>
    </select>
    <p/>
    <label for="section_select">Select section:</label>
    <select name="section_select" id="section_select">
    </select>
  </div>
  </div>
  <div id="articles">This tab contains articles that you can directly access/edit using the mediawiki API<br/>
  Note: The watchlist is retrieved dynamically, so does not need to be edited here<br/>
    <label for="article_select">Select an article</label>
    <select name="article_select" id="article_select">
     <optgroup id="news" label="News"/>
     <optgroup id="support" label="Support"/>
     <optgroup id="develop" label="Development"/>
     <optgroup id="release" label="Release"/>
    <!-- the watchlist is retrieved dynamically, so omit it here
     <optgroup id="watchlist" label="Watchlist"/>
    -->
    </select>

   <button id="article_new">New</button>
   <button id="article_remove">Remove</button>

  <div id="edit_article">
    <label for="article_name">Article</label>
    <input type="text" id="article_name" name="article_name"><br/>

    <label for="article_url">Link</label>
    <input type="text" id="article_url" name="article_url"><br/>

    <button id="article_save">Save</button>
  </div>

  </div>
  <div id="templates">This tab contains templates for different types of articles (newsletter, changelog, release plan etc)<p/>
  For now, this is WIP - in the future, there will be a dropdown menu added and all templates will be editable.<p/>
  <div id="template_header">

    <label for="template_select">Select a template</label>
    <select name="template_select" id="template_select">
    <option>default</option>
    <option>cquote</option>
    </select>

  </div>
  <div id="template_area"/>
  <div id="template_controls">
    <button id="template_save">Save</button>
  </div>
  </div>
  <div id="development">This tab is a placeholder for features currently under development<p/>
  <button id="evolve_regex">Evolve regex</button><p/>
  <button id="test_perceptron">Test Perceptron</button><p/>
  <div id="output">

<table id="results">
<thead>
  <tr>
     <th>Generation</th>
     <th>Fitness</th>
     <th>Expression</th>
     <th>Result</th>
  </tr>
  </thead>
  <tbody>
  </tbody>
</table>

   <!--
   <textarea id="devel_output" lines="10"></textarea><p/>
  -->
  </div>
  </div>

  <div id="settings">This tab will contain script specific settings
  </div>
  <div id="help">One day, this tab may contain help....<p/><button id="helpButton">Instant Cquotes</button>
  </div>
  <div id="about">show some  script related information here
  </div>
</div>`
            ); // tabs div

            var evolve_regex = $('div#development button#evolve_regex',
                markup);
            evolve_regex.click(function () {
                //alert("Evolve regex");
                evolve_expression_test();
            });

            var test_perceptron = $(
                'div#development button#test_perceptron', markup);
            test_perceptron.click(function () {
                alert("Test perceptron");
            });


            // add dynamic elements to each tab

            // NOTE: this affects all template selectors, on all tabs
            $('select#template_select', markup).change(function () {
                UI.alert(
                    "Sorry, templates are not yet fully implemented (WIP)"
                );
            });

            var help = $('#helpButton', markup);
            help.button();
            help.click(function () {
                window.open(
                    "http://wiki.flightgear.org/FlightGear_wiki:Instant-Cquotes"
                );
            });

            // rows="10"cols="80" style=" width: 420px; height: 350px"
            var textarea = $(
                '<textarea id="quotedtext" rows="20" cols="70"/>');
            textarea.val(msg);
            $('#selection #content', markup).append(textarea);

            var templateArea = $(
                '<textarea id="template-edit" rows="20" cols="70"/>');
            templateArea.val(Host.getTemplate());
            $('div#templates div#template_area', markup).append(
                templateArea);

            //$('#templates', markup).append($('<button>'));
            $('div#templates div#template_controls button#template_save',
                markup).button().click(function () {
                //UI.alert("Saving template:\n"+templateArea.val() );

                Host.set_persistent('default_template',
                    templateArea.val());
            }); // save template

            // TODO: Currently, this is hard-coded, but should be made customizable via the "articles" tab at some point ...
            var articles = [
                // NOTE: category must match an existing <optgroup> above, title must match an existing wiki article
                {
                    category: 'support',
                    name: 'Frequently asked questions',
                    url: ''
                }, {
                    category: 'support',
                    name: 'Asking for help',
                    url: ''
                }, {
                    category: 'news',
                    name: 'Next newsletter',
                    url: ''
                }, {
                    category: 'news',
                    name: 'Next changelog',
                    url: ''
                }, {
                    category: 'release',
                    name: 'Release plan/Lessons learned',
                    url: ''
                }, // TODO: use wikimedia template
                {
                    category: 'develop',
                    name: 'Nasal library',
                    url: ''
                }, {
                    category: 'develop',
                    name: 'Canvas Snippets',
                    url: ''
                },

            ];

            // TODO: this should be moved elsewhere
            function updateArticleList(selector) {
                $.each(articles, function (i, article) {
                    $(selector + ' optgroup#' + article.category,
                        markup).append($('<option>', {
                        value: article.name, // FIXME: just a placeholder for now
                        text: article.name
                    })); //append option
                }); // foreach
            } // updateArticleList

            // add the article list to the corresponding dropdown menus
            updateArticleList('select#article_select');

            // populate watchlist (prototype for now)
            // TODO: generalize & refactor: url, format

            // https://www.mediawiki.org/wiki/API:Watchlist
            // http://wiki.flightgear.org/api.php?action=query&list=watchlist
            var watchlist_url =
                'http://wiki.flightgear.org/api.php?action=query&list=watchlist&format=json';
            Host.download(watchlist_url, function (response) {
                try {
                    var watchlist = JSON.parse(response.responseText);

                    //$('div#options select#section_select', markup).empty(); // delete all sections

                    $.each(watchlist.query.watchlist, function (i,
                        article) {
                        $(
                            'div#options select#article_select optgroup#watchlist',
                            markup).append($('<option>', {
                            value: article.title, //FIXME just a placeholder for now
                            text: article.title
                        }));
                    }); //foreach section

                } catch (e) {
                    UI.alert(e.message);
                }
            }); // download & populate watchlist


            // register an event handler for the main tab, so that article specific sections can be retrieved
            $('div#options select#article_select', markup).change(function () {
                var article = this.value;

                // HACK: try to get a login token (actually not needed just for reading ...)
                Host.download(
                    'http://wiki.flightgear.org/api.php?action=query&prop=info|revisions&intoken=edit&rvprop=timestamp&titles=Main%20Page',
                    function (response) {
                        var message =
                            'FlightGear wiki login status (AJAX):';
                        var status = response.statusText;

                        // populate dropdown menu with article sections
                        if (status === 'OK') {

                            // Resolve redirects: https://www.mediawiki.org/wiki/API:Query#Resolving_redirects
                            var section_url =
                                'http://wiki.flightgear.org/api.php?action=parse&page=' +
                                encodeURIComponent(article) +
                                '&prop=sections&format=json&redirects';
                            Host.download(section_url, function (
                                response) {
                                try {
                                    var sections = JSON
                                        .parse(response
                                            .responseText
                                        );

                                    $(
                                        'div#options select#section_select',
                                        markup).empty(); // delete all sections

                                    $.each(sections.parse
                                        .sections,
                                        function (i,
                                            section
                                        ) {
                                            $(
                                                'div#options select#section_select',
                                                markup
                                            ).append(
                                                $(
                                                    '<option>', {
                                                        value: section
                                                            .line, //FIXME just a placeholder for now
                                                        text: section
                                                            .line
                                                    }
                                                )
                                            );
                                        }); //foreach section

                                } catch (e) {
                                    UI.alert(e.message);
                                }

                            }); //download sections



                        } // login status is OK


                    }); // Host.download() call, i.e. we have a login token

            }); // on select change

            // init the tab stuff
            markup.tabs();

            var diagParam = {
                title: 'Instant Cquotes ' + Host.getScriptVersion(),
                modal: true,
                width: 700,
                buttons: [{
                        text: 'reported speech',
                        click: function () {
                            textarea.val(createCquote(original,
                                true));
                        }
                    },

                    {
                        text: 'Copy',
                        click: function () {
                            Host.setClipboard(msg);
                            $(this).dialog('close');
                        }
                    }

                ]
            };

            // actually show our tabbed dialog using the params above
            markup.dialog(diagParam);


        } // jQueryTabbed()

}; // output methods

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// TODO: we can use an online API to  help with some of this: http://www.eslnow.org/reported-speech-converter/
// See also: http://blog.mashape.com/list-of-25-natural-language-processing-apis/
// http://text-processing.com/docs/phrases.html
// http://www.alchemyapi.com/
// https://words.bighugelabs.com/api.php
// https://www.wordsapi.com/
// http://www.dictionaryapi.com/
// https://www.textrazor.com/
// http://www.programmableweb.com/news/how-5-natural-language-processing-apis-stack/analysis/2014/07/28

var speechTransformations = [
    // TODO: support aliasing using vectors: would/should
    // ordering is crucial here (most specific first, least specific/most generic last)

    // first, we start off  by expanding short forms: http://www.learnenglish.de/grammar/shortforms.html
    // http://www.macmillandictionary.com/thesaurus-category/british/short-forms

    {
        query: /couldn\'t/gi,
        replacement: 'could not'
    }, {
        query: /I could not/gi,
        replacement: '$author could not'
    },

    {
        query: /I\'m/gi,
        replacement: 'I am'
    }, {
        query: /I am/gi,
        replacement: '$author is'
    },

    {
        query: /I\'ve/,
        replacement: 'I have'
    }, {
        query: /I have had/,
        replacement: '$author had'
    },


    {
        query: /can(\'|\’)t/gi,
        replacement: 'cannot'
    },

    {
        query: /I(\'|\’)ll/gi,
        replacement: '$author will'
    }, {
        query: /I(\'|\’)d/gi,
        replacement: '$author would'
    },

    {
        query: /I have done/gi,
        replacement: '$author has done'
    }, {
        query: /I\'ve done/gi,
        replacement: '$author has done'
    }, //FIXME. queries should really be vectors ...

    {
        query: /I believe/gi,
        replacement: '$author suggested'
    }, {
        query: /I think/gi,
        replacement: '$author suggested'
    }, {
        query: /I guess/gi,
        replacement: '$author believes'
    },

    {
        query: /I can see that/gi,
        replacement: '$author suggested that'
    },


    {
        query: /I have got/gi,
        replacement: '$author has got'
    }, {
        query: /I\'ve got/gi,
        replacement: '$author has got'
    },

    {
        query: /I\'d suggest/gi,
        replacement: '$author would suggest'
    },

    {
        query: /I\’m prototyping/gi,
        replacement: '$author is prototyping'
    },

    {
        query: /I myself/gi,
        replacement: '$author himself'
    }, {
        query: /I am/gi,
        replacement: ' $author is'
    },

    {
        query: /I can see/gi,
        replacement: '$author can see'
    }, {
        query: /I can/gi,
        replacement: '$author can'
    }, {
        query: /I have/gi,
        replacement: '$author has'
    }, {
        query: /I should/g,
        replacement: '$author should'
    }, {
        query: /I shall/gi,
        replacement: '$author shall'
    }, {
        query: /I may/gi,
        replacement: '$author may'
    }, {
        query: /I will/gi,
        replacement: '$author will'
    }, {
        query: /I would/gi,
        replacement: '$author would'
    }, {
        query: /by myself/gi,
        replacement: 'by $author'
    }, {
        query: /and I/gi,
        replacement: 'and $author'
    }, {
        query: /and me/gi,
        replacement: 'and $author'
    }, {
        query: /and myself/gi,
        replacement: 'and $author'
    }


    // least specific stuff last (broad/generic stuff is kept as is, with author clarification added in parentheses)
    /*
    {query:/I/, replacement:'I ($author)'},
    {query:/me/, replacement:'me ($author)'},
    {query:/my/, replacement:'my ($author)'},
    {query:/myself/, replacement:'myself ($author)'},
    {query:/mine/, replacement:'$author'}
    */
];

// try to assist in transforming speech using the transformation vector passed in
// still needs to be exposed via the UI
function transformSpeech(text, author, gender, transformations) {
    // WIP: foreach transformation in vector, replace the search pattern with the matched string (replacing author/gender as applicable)
    //alert("text to be transformed:\n"+text);
    for (var i = 0; i < transformations.length; i++) {
        var token = transformations[i];
        // patch the replacement string using the correct author name
        var replacement = token.replacement.replace(/\$author/gi, author);
        text = text.replace(token.query, replacement);
    } // end of token transformation
    console.log("transformed text is:" + text);
    return text;
} // transformSpeech

// run a self-test

(function () {
    var author = "John Doe";
    var transformed = transformSpeech(
        "I have decided to commit a new feature", author, null,
        speechTransformations);
    if (transformed !== author + " has decided to commit a new feature")
        Host.dbLog(
            "FIXME: Speech transformations are not working correctly");
})();
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var MONTHS = [
    'Jan',
    'Feb',
    'Mar',
    'Apr',
    'May',
    'Jun',
    'Jul',
    'Aug',
    'Sep',
    'Oct',
    'Nov',
    'Dec'
];
// Conversion for forum emoticons
var EMOTICONS = [
    [/:shock:/g,
        'O_O'
    ],
    [
        /:lol:/g,
        '(lol)'
    ],
    [
        /:oops:/g,
        ':$'
    ],
    [
        /:cry:/g,
        ';('
    ],
    [
        /:evil:/g,
        '>:)'
    ],
    [
        /:twisted:/g,
        '3:)'
    ],
    [
        /:roll:/g,
        '(eye roll)'
    ],
    [
        /:wink:/g,
        ';)'
    ],
    [
        /:!:/g,
        '(!)'
    ],
    [
        /:\?:/g,
        '(?)'
    ],
    [
        /:idea:/g,
        '(idea)'
    ],
    [
        /:arrow:/g,
        '(->)'
    ],
    [
        /:mrgreen:/g,
        'xD'
    ]
];
// ##################
// # Main functions #
// ##################


// the required trigger is host specific (userscript vs. addon vs. android etc)
// for now, this merely wraps window.load mapping to the instantCquote callback
// below
Host.registerTrigger();


// FIXME: function is currently referenced in CONFIG hash - event_handler, so
// cannot be easily moved across
// The main function
// TODO: split up, so that we can reuse the code elsewhere
function instantCquote(sel) {
    var profile = getProfile();

    // TODO: use config hash here
    var selection = document.getSelection(),
        post_id = 0;

    try {
        post_id = getPostId(selection, profile);
    } catch (error) {
        Host.dbLog('Failed extracting post id\nProfile:' + profile);
        return;
    }
    if (selection.toString() === '') {
        Host.dbLog('No text is selected, aborting function');
        return;
    }
    if (!checkValid(selection, profile)) {
        Host.dbLog('Selection is not valid, aborting function');
        return;
    }
    try {
        transformationLoop(profile, post_id);
    } catch (e) {
        UI.alert("Transformation loop:\n" + e.message);
    }
} // instantCquote

// TODO: this needs to be refactored so that it can be also reused by the async/AJAX mode
// to extract fields in the background (i.e. move to a separate function)
function transformationLoop(profile, post_id) {
    var output = {},
        field;
    Host.dbLog("Starting extraction/transformation loop");
    for (field in profile) {
        if (field === 'name') continue;
        if (field === 'type' || field === 'event' || field === 'event_handler')
            continue; // skip fields that don't contain xpath expressions
        Host.dbLog("Extracting field using field id:" + post_id);
        var fieldData = extractFieldInfo(profile, post_id, field);
        var transform = profile[field].transform;
        if (transform !== undefined) {
            Host.dbLog('Field \'' + field + '\' before transformation:\n\'' +
                fieldData + '\'');
            fieldData = applyTransformations(fieldData, transform);
            Host.dbLog('Field \'' + field + '\' after transformation:\n\'' +
                fieldData + '\'');
        }
        output[field] = fieldData;
    } // extract and transform all fields for the current profile (website)
    Host.dbLog("extraction and transformation loop finished");
    output.content = stripWhitespace(output.content);

    var outputPlain = createCquote(output);
    outputText(outputPlain, output);
} // transformationLoop()



/// #############

function runProfileTests() {

    for (var profile in CONFIG) {
        if (CONFIG[profile].type != 'archive' || !CONFIG[profile].enabled)
            continue; // skip the wiki entry, because it's not an actual archive that we need to test
        // should be really moved to downloadPostign
        if (CONFIG[profile].content.xpath === '') console.log(
            "xpath for content extraction is empty, cannot procedurally extract contents"
        );
        for (var test in CONFIG[profile].tests) {
            var required_data = CONFIG[profile].tests[test];
            var title = required_data.title;
            //dbLog('Running test for posting titled:' + title);
            // fetch posting via getPostingDataAJAX() and compare to the fields we are looking for (author, title, date)
            //getPostingDataAJAX(profile, required_data.url);
            //alert("required title:"+title);
        } // foreach test

    } // foreach profile (website)

} //runProfileTests

function selfCheckDialog() {
    var sections = '<h3>Important APIs:</h3><div id="api_checks"></div>';


    try {
        runProfileTests.call(undefined); // check website profiles
    } catch (e) {
        UI.alert(e.message);
    }

    for (var profile in CONFIG) {
        // TODO: also check if enabled or not
        if (CONFIG[profile].type != 'archive') continue; // skip the wiki entry, because it's not an actual archive that we need to test
        var test_results = '';
        for (var test in CONFIG[profile].tests) {
            // var fieldData = extractFieldInfo(profile, post_id, 'author');
            test_results += CONFIG[profile].tests[test].title + '<p/>';
        }
        sections += '<h3>' + profile + ':<font color="blue">' + CONFIG[profile]
            .url_reg + '</font></h3><div><p>' + test_results + '</p></div>\n';
    } // https://jqueryui.com/accordion/


    var checkDlg = $(
        '<div id="selfCheck" title="Self Check dialog"><p><div id="accordion">' +
        sections + '</div></p></div>');

    // run all API tests, invoke the callback to obtain the status
    Environment.runAPITests(Host, function (meta) {

        //console.log('Running API test '+meta.name);

        meta.test(function (result) {
            var status = (result) ? 'success' : 'fail';
            var test = $("<p></p>").text('Running API test ' +
                meta.name + ':' + status);
            $('#api_checks', checkDlg).append(test);
        }); // update tests results

    }); // runAPITests



    /*
    [].forEach.call(CONFIG, function(profile) {
      alert("profile is:"+profile);
    [].forEach.call(CONFIG[profile].tests, function(test) {

      //UI.alert(test.url);
      Host.downloadPosting(test.url, function(downloaded) {
        alert("downloaded:");
        //if (test.title == downloaded.title) alert("titles match:"+test.title);
      }); //downloadPosting
    }); //forEach test
    }); //forEach profile
    */

    //$('#accordion',checkDlg).accordion();
    checkDlg.dialog({
        width: 700,
        height: 500,
        open: function () {
            // http://stackoverflow.com/questions/2929487/putting-a-jquery-ui-accordion-in-a-jquery-ui-dialog
            $('#accordion').accordion({
                autoHeight: true
            });
        }
    }); // show dialog
} // selfCheckDialog


// show a simple configuration dialog (WIP)
function setupDialog() {
    //alert("configuration dialog is not yet implemented");
    var checked = (Host.get_persistent('debug_mode_enabled', false) === true) ?
        'checked' : '';
    //dbLog("value is:"+get_persistent("debug_mode_enabled"));
    //dbLog("persistent debug flag is:"+checked);
    var setupDiv = $(
        '<div id="setupDialog" title="Setup dialog">NOTE: this configuration dialog is still work-in-progress</p><label><input id="debugcb" type="checkbox"' +
        checked +
        '>Enable Debug mode</label><p/><div id="progressbar"></div></div>');
    setupDiv.click(function () {
        //alert("changing persistent debug state");
        Host.set_persistent('debug_mode_enabled', $('#debugcb').is(
            ':checked'));
    });
    //MediaWiki editing stub, based on: https://www.mediawiki.org/wiki/API:Edit#Editing_via_Ajax
    //only added here to show some status info in the setup dialog
    Host.download(
        'http://wiki.flightgear.org/api.php?action=query&prop=info|revisions&intoken=edit&rvprop=timestamp&titles=Main%20Page',
        function (response) {
            var message = 'FlightGear wiki login status (AJAX):';
            var status = response.statusText;
            var color = (status == 'OK') ? 'green' : 'red';
            Host.dbLog(message + status);
            var statusDiv = $('<p>' + message + status + '</p>').css(
                'color', color);
            setupDiv.append(statusDiv);
        });
    setupDiv.dialog();
} // setupDialog


// this  can be used to download/cache $FG_ROOT/options.xml so that fgfs CLI arguments can be recognized and post-processed automatically
// which can help transforming postings correctly
function downloadOptionsXML() {

    // download $FG_ROOT/options.xml
    Host.download(
        "https://sourceforge.net/p/flightgear/fgdata/ci/next/tree/options.xml?format=raw",
        function (response) {
            var xml = response.responseText;
            var doc = Host.make_doc(xml, 'text/xml');
            // https://developer.mozilla.org/en-US/docs/Web/API/XPathResult
            var options = Host.eval_xpath(doc, '//*/option', XPathResult.ORDERED_NODE_SNAPSHOT_TYPE);

            // http://help.dottoro.com/ljgnejkp.php
            Host.dbLog("Number of options found in options.xml:" + options.snapshotLength);

            // http://help.dottoro.com/ljtfvvpx.php

            // https://sourceforge.net/p/flightgear/fgdata/ci/next/tree/options.xml


        }); // end of options.xml download


} // downloadOptionsXML

function getProfile(url = undefined) {

    if (url === undefined)
        url = window.location.href;
    else
        url = url;

    Host.dbLog("getProfile call URL is:" + url);

    for (var profile in CONFIG) {
        if (url.match(CONFIG[profile].url_reg) !== null) {
            Host.dbLog('Matching website profile found');
            var invocations = Host.get_persistent(Host.getScriptVersion(), 0);
            Host.dbLog('Number of script invocations for version ' + Host.getScriptVersion() +
                ' is:' + invocations);

            // determine if we want to show a config dialog
            if (invocations === 0) {
                Host.dbLog("ask for config dialog to be shown");
                var response = UI.confirm(
                    'This is your first time running version ' + Host.getScriptVersion() +
                    '\nConfigure now?');
                if (response) {

                    // show configuration dialog (jQuery)
                    setupDialog();
                } else {} // don't configure

            }

            // increment number of invocations, use the script's version number as the key, to prevent the config dialog from showing up again (except for updated scripts)
            // FIXME: this is triggered/incremented by each click ...
            Host.dbLog("increment number of script invocations");
            Host.set_persistent(Host.getScriptVersion(), invocations + 1);
            return CONFIG[profile];
        } // matched website profile
        Host.dbLog('Could not find matching URL in getProfile() call!');
    } // for each profile
} // Get the HTML code that is selected

function getSelectedHtml() {
    // From http://stackoverflow.com/a/6668159
    var html = '',
        selection = document.getSelection();
    if (selection.rangeCount) {
        var container = document.createElement('div');
        for (var i = 0; i < selection.rangeCount; i++) {
            container.appendChild(selection.getRangeAt(i).cloneContents());
        }
        html = container.innerHTML;
    }
    Host.dbLog('instantCquote(): Unprocessed HTML\n\'' + html + '\'');
    return html;
} // Gets the selected text

function getSelectedText() {
    return document.getSelection().toString();
} // Get the ID of the post
// (this needs some work so that it can be used by the AJAX mode, without an actual selection)

function getPostId(selection, profile, focus) {
    if (focus !== undefined) {
        Host.dbLog("Trying to get PostId with defined focus");
        selection = selection.focusNode.parentNode;
    } else {
        Host.dbLog("Trying to get PostId with undefined focus");
        selection = selection.anchorNode.parentNode;
    }
    while (selection.id.match(profile.content.idStyle) === null) {
        selection = selection.parentNode;
    }
    Host.dbLog("Selection id is:" + selection.id);
    return selection.id;
}

// Checks that the selection is valid
function checkValid(selection, profile) {
    var ret = true,
        selection_cp = {},
        tags = profile.content.parentTag;
    for (var n = 0; n < 2; n++) {
        if (n === 0) {
            selection_cp = selection.anchorNode.parentNode;
        } else {
            selection_cp = selection.focusNode.parentNode;
        }
        while (true) {
            if (selection_cp.tagName === 'BODY') {
                ret = false;
                break;
            } else {
                var cont = false;
                for (var i = 0; i < tags.length; i++) {
                    if (selection_cp[tags[0]] === tags[i]) {
                        cont = true;
                        break;
                    }
                }
                if (cont) {
                    break;
                } else {
                    selection_cp = selection_cp.parentNode;
                }
            }
        }
    }
    ret = ret && (getPostId(selection, profile) === getPostId(selection,
        profile, 1));
    return ret;
} // Extracts the raw text from a certain place, using an XPath

function extractFieldInfo(profile, id, field) {

    if (field === 'content') {
        Host.dbLog("Returning content (selection)");
        return profile[field].selection();
    } else {
        Host.dbLog("Extracting field via xpath:" + field);
        var xpath = '//*[@id="' + id + '"]/' + profile[field].xpath;
        return Host.eval_xpath(document, xpath).stringValue; // document.evaluate(xpath, document, null, XPathResult.STRING_TYPE, null).stringValue;
    }
} // Change the text using specified transformations

function applyTransformations(fieldInfo, trans) {
    for (var i = 0; i < trans.length; i++) {
        fieldInfo = trans[i](fieldInfo);
        Host.dbLog(
            'applyTransformations(): Multiple transformation, transformation after loop #' +
            (i + 1) + ':\n\'' + fieldInfo + '\'');
    }
    return fieldInfo;

} //applyTransformations

// Formats the quote

function createCquote(data, indirect_speech = false) {
    if (!indirect_speech)
        return nonQuotedRef(data); // conventional/verbatim selection
    else {
        // pattern match the content using a vector of regexes
        data.content = transformSpeech(data.content, data.author, null,
            speechTransformations);
        return nonQuotedRef(data);
    }
}

function nonQuotedRef(data) { //TODO: rename
    var template = Host.getTemplate();

    var substituted = template
        .replace('$CONTENT', data.content)
        .replace('$URL', data.url)
        .replace('$TITLE', data.title)
        .replace('$AUTHOR', data.author)
        .replace('$DATE', datef(data.date))
        .replace('$ADDED', datef(data.date))
        .replace('$SCRIPT_VERSION', Host.getScriptVersion());

    return substituted;
} // 

// Output the text.
// Tries the jQuery dialog, and falls back to window.prompt()

function outputText(msg, original) {
    try {
        OUTPUT.jQueryTabbed(msg, original);
    } catch (err) {
        msg = msg.replace(/&lt;\/syntaxhighligh(.)>/g, '</syntaxhighligh$1');
        OUTPUT.msgbox(msg);
    }
}

// #############
// # Utilities #
// #############

function extract(regex) {
    return function (text) {
        return text.match(regex)[1];
    };
}

function prepend(prefix) {
    return function (text) {
        return prefix + text;
    };
}

function removeComments(html) {
    return html.replace(/<!--.*?-->/g, '');
} // Not currently used (as of June 2015), but kept just in case


// currently unused
function escapePipes(html) {
    html = html.replace(/\|\|/g, '{{!!}n}');
    html = html.replace(/\|\-/g, '{{!-}}');
    return html.replace(/\|/g, '{{!}}');
} // Converts HTML <a href="...">...</a> tags to wiki links, internal if possible.

function a2wikilink(html) {
    // Links to wiki images, because
    // they need special treatment, or else they get displayed.
    html = html.replace(
        /<a.*?href="http:\/\/wiki\.flightgear\.org\/File:(.*?)".*?>(.*?)<\/a>/g,
        '[[Media:$1|$2]]');
    // Wiki links without custom text.
    html = html.replace(
        /<a.*?href="http:\/\/wiki\.flightgear\.org\/(.*?)".*?>http:\/\/wiki\.flightgear\.org\/.*?<\/a>/g,
        '[[$1]]');
    // Links to the wiki with custom text
    html = html.replace(
        /<a.*?href="http:\/\/wiki\.flightgear\.org\/(.*?)".*?>(.*?)<\/a>/g,
        '[[$1|$2]]');
    // Remove underscores from all wiki links
    var list = html.match(/\[\[.*?\]\]/g);
    if (list !== null) {
        for (var i = 0; i < list.length; i++) {
            html = html.replace(list[i], underscore2Space(list[i]));
        }
    } // Convert non-wiki links
    // TODO: identify forum/devel list links, and use the AJAX/Host.download helper to get a title/subject for unnamed links (using the existing xpath/regex helpers for that)

    html = html.replace(/<a.*?href="(.*?)".*?>(.*?)<\/a>/g, '[$1 $2]');
    // Remove triple dots from external links.
    // Replace with raw URL (MediaWiki converts it to a link).
    list = html.match(/\[.*?(\.\.\.).*?\]/g);
    if (list !== null) {
        for (var i = 0; i < list.length; i++) {
            html = html.replace(list[i], list[i].match(/\[(.*?) .*?\]/)[1]);
        }
    }
    return html;
} // Converts images, including images in <a> links

function img2link(html) {
    html = html.replace(
        /<a[^<]*?href="([^<]*?)"[^<]*?><img.*?src="http:\/\/wiki\.flightgear\.org\/images\/.*?\/.*?\/(.*?)".*?><\/a>/g,
        '[[File:$2|250px|link=$1]]');
    html = html.replace(
        /<img.*?src="http:\/\/wiki\.flightgear\.org\/images\/.*?\/.*?\/(.*?)".*?>/g,
        '[[File:$1|250px]]');
    html = html.replace(
        /<a[^<]*?href="([^<]*?)"[^<]*?><img.*?src="(.*?)".*?><\/a>/g,
        '(see [$2 image], links to [$1 here])');
    return html.replace(/<img.*?src="(.*?)".*?>/g,
        '(see the [$1 linked image])');
} // Converts smilies

function forum_smilies2text(html) {
    html = html.replace(
        /<img src="\.\/images\/smilies\/icon_.*?\.gif" alt="(.*?)".*?>/g,
        '$1');
    for (var i = 0; i < EMOTICONS.length; i++) {
        html = html.replace(EMOTICONS[i][0], EMOTICONS[i][1]);
    }
    return html;
} // Converts font formatting

function forum_fontstyle2wikistyle(html) {
    html = html.replace(/<span style="font-weight: bold">(.*?)<\/span>/g,
        '\'\'\'$1\'\'\'');
    html = html.replace(
        /<span style="text-decoration: underline">(.*?)<\/span>/g,
        '<u>$1</u>');
    html = html.replace(/<span style="font-style: italic">(.*?)<\/span>/g,
        '\'\'$1\'\'');
    return html.replace(/<span class="posthilit">(.*?)<\/span>/g, '$1');
} // Converts code blocks

function forum_code2syntaxhighlight(html) {
    var list = html.match(
            /<dl class="codebox">.*?<code>(.*?)<\/code>.*?<\/dl>/g),
        data = [];
    if (list === null) return html;
    for (var n = 0; n < list.length; n++) {
        data = html.match(/<dl class="codebox">.*?<code>(.*?)<\/code>.*?<\/dl>/);
        html = html.replace(data[0], processCode(data));
    }
    return html;
} // Strips any whitespace from the beginning and end of a string

function stripWhitespace(html) {
    html = html.replace(/^\s*?(\S)/, '$1');
    return html.replace(/(\S)\s*?\z/, '$1');
} // Process code, including basic detection of language

function processCode(data) {
    var lang = '',
        code = data[1];
    code = code.replace(/&nbsp;/g, ' ');
    if (code.match(/=?.*?\(?.*?\)?;/) !== null) lang = 'nasal';
    if (code.match(/&lt;.*?&gt;.*?&lt;\/.*?&gt;/) !== null || code.match(
            /&lt;!--.*?--&gt;/) !== null) lang = 'xml';
    code = code.replace(/<br\/?>/g, '\n');
    return '<syntaxhighlight lang="' + lang + '" enclose="div">\n' + code +
        '\n&lt;/syntaxhighlight>';
} // Converts quote blocks to Cquotes

function forum_quote2cquote(html) {
    html = html.replace(
        /<blockquote class="uncited"><div>(.*?)<\/div><\/blockquote>/g,
        '{{cquote|$1}}');
    if (html.match(/<blockquote>/g) === null) return html;
    var numQuotes = html.match(/<blockquote>/g).length;
    for (var n = 0; n < numQuotes; n++) {
        html = html.replace(
            /<blockquote><div><cite>(.*?) wrote.*?:<\/cite>(.*?)<\/div><\/blockquote>/,
            '{{cquote|$2|$1}}');
    }
    return html;
} // Converts videos to wiki style

function vid2wiki(html) {
    // YouTube
    html = html.replace(
        /<div class="video-wrapper">\s.*?<div class="video-container">\s*?<iframe class="youtube-player".*?width="(.*?)" height="(.*?)" src="http:\/\/www\.youtube\.com\/embed\/(.*?)".*?><\/iframe>\s*?<\/div>\s*?<\/div>/g,
        '{{#ev:youtube|$3|$1x$2}}');
    // Vimeo
    html = html.replace(
        /<iframe src="http:\/\/player\.vimeo\.com\/video\/(.*?)\?.*?" width="(.*?)" height="(.*?)".*?>.*?<\/iframe>/g,
        '{{#ev:vimeo|$1|$2x$3}}');
    return html.replace(/\[.*? Watch on Vimeo\]/g, '');
} // Not currently used (as of June 2015), but kept just in case

// currently unused
function escapeEquals(html) {
    return html.replace(/=/g, '{{=}}');
} // <br> to newline.

function forum_br2newline(html) {
    html = html.replace(/<br\/?><br\/?>/g, '\n');
    return html.replace(/<br\/?>/g, '\n\n');
} // Forum list to wiki style

function list2wiki(html) {
    var list = html.match(/<ul>(.*?)<\/ul>/g);
    if (list !== null) {
        for (var i = 0; i < list.length; i++) {
            html = html.replace(/<li>(.*?)<\/li>/g, '* $1\n');
        }
    }
    list = html.match(/<ol.*?>(.*?)<\/ol>/g);
    if (list !== null) {
        for (var i = 0; i < list.length; i++) {
            html = html.replace(/<li>(.*?)<\/li>/g, '# $1\n');
        }
    }
    html = html.replace(/<\/?[uo]l>/g, '');
    return html;
}

function nowiki(text) {
    return '<nowiki>' + text + '</nowiki>';
} // Returns the correct ordinal adjective

function ordAdj(date) {
    date = date.toString();
    if (date == '11' || date == '12' || date == '13') {
        return 'th';
    } else if (date.substr(1) == '1' || date == '1') {
        return 'st';
    } else if (date.substr(1) == '2' || date == '2') {
        return 'nd';
    } else if (date.substr(1) == '3' || date == '3') {
        return 'rd';
    } else {
        return 'th';
    }
}

// Formats the date to this format: Apr 26th, 2015
function datef(text) {
    var date = new Date(text);
    return MONTHS[date.getMonth()] + ' ' + date.getDate() + ordAdj(date.getDate()) +
        ', ' + date.getFullYear();
}

function underscore2Space(str) {
    return str.replace(/_/g, ' ');
}

// IGNORE EVERYTHING THAT FOLLOWS: 
// This is an experiment to use GA/GP (genetic programming) to help procedurally evolve xpath and regex expressions if/when the underlying websites change
// so that we don't have to manually update/edit the script accordingly (this would also work for mobile themes etc)
// For now, this is heavily based on the genetic.js framework/examples: http://subprotocol.com/system/genetic-hello-world.html
// The idea is to evolve the xpath/regex expression by evaluating its return value against the expected/desired value
// the most important thing here is having a suitable fitness function
// 



function evolve_expression_test() {

    try {
        var genetic = Genetic.create();

        // TODO: use minimizer: redundant_bytes + duration_msec + xpath.length
        genetic.optimize = Genetic.Optimize.Maximize;
        genetic.select1 = Genetic.Select1.Tournament2;
        genetic.select2 = Genetic.Select2.Tournament2;


        genetic.seed = function () {

            function randomString(len) {
                var text = "";
                var charset =
                    "\\abcdefghijklmnopqrstuvwxyz0123456789[] ()<>*.,";
                for (var i = 0; i < len; i++)
                    text += charset.charAt(Math.floor(Math.random() *
                        charset.length));

                return text;
            }

            // create random strings that are equal in length to solution
            return randomString(this.userData["solution"].length);
        };


        genetic.mutate = function (entity) {

            function replaceAt(str, index, character) {
                return str.substr(0, index) + character + str.substr(index +
                    character.length);
            }

            // chromosomal drift
            var i = Math.floor(Math.random() * entity.length);
            return replaceAt(entity, i, String.fromCharCode(entity.charCodeAt(
                i) + (Math.floor(Math.random() * 2) ? 1 : -1)));
        };

        genetic.crossover = function (mother, father) {

            // two-point crossover
            var len = mother.length;
            var ca = Math.floor(Math.random() * len);
            var cb = Math.floor(Math.random() * len);
            if (ca > cb) {
                var tmp = cb;
                cb = ca;
                ca = tmp;
            }

            var son = father.substr(0, ca) + mother.substr(ca, cb - ca) +
                father.substr(cb);
            var daughter = mother.substr(0, ca) + father.substr(ca, cb - ca) +
                mother.substr(cb);

            return [son, daughter];
        };

        genetic.determineExcessBytes = function (text, needle) {
            return text.length - needle.length;
        };

        genetic.containsText = function (text, needle) {
            return text.search(needle);
        };

        genetic.isValid = function (exp) {

        };

        /* myFitness:
         * - must be a valid xpath/regex expression (try/call)
         * - must containsText the needle
         * - low relative offset in text (begin/end)
         * - excessBytes
         * - short expression  (expression length)
         * - expression footprint (runtime)
         */

        // TODO: the fitness function should validate each xpath/regex first


        genetic.fitness = function (entity) {
            var fitness = 0;
            var result;
            var validExp = 0.1;
            var hasToken = 0.1;


            var t = this.userData.tests[0].haystack;
            //var regex = new RegExp(this.userData.solution);
            //var output = t.match( new RegExp("From: (.*) <.*@.*>"))[1];  
            // TODO: use search & match for improving the fitness

            if (0)
                try {
                    var regex = new RegExp(entity);
                    var output = t.search(regex);
                    validExp = 10;
                }
            catch (e) {
                validExp = 2;
            }



            var i;
            for (i = 0; i < entity.length; ++i) {
                // increase fitness for each character that matches
                if (entity[i] == this.userData["solution"][i])
                    fitness += 1;

                // award fractions of a point as we get warmer
                fitness += (127 - Math.abs(entity.charCodeAt(i) - this.userData[
                    "solution"].charCodeAt(i))) / 50;
            }


            return fitness; // + (1*validExp + 1* hasToken);
        };

        genetic.generation = function (pop, generation, stats) {
            // stop running once we've reached the solution
            return pop[0].entity != this.userData["solution"];
        };

        genetic.notification = function (pop, generation, stats, isFinished) {

            function lerp(a, b, p) {
                return a + (b - a) * p;
            }

            var value = pop[0].entity;
            this.last = this.last || value;

            if (pop != 0 && value == this.last)
                return;


            var solution = [];
            var i;
            for (i = 0; i < value.length; ++i) {
                var diff = value.charCodeAt(i) - this.last.charCodeAt(i);
                var style = "background: transparent;";
                if (diff > 0) {
                    style = "background: rgb(0,200,50); color: #fff;";
                } else if (diff < 0) {
                    style = "background: rgb(0,100,50); color: #fff;";
                }

                solution.push("<span style=\"" + style + "\">" + value[i] +
                    "</span>");
            }

            var t = this.userData.tests[0].haystack;
            //console.log("haystack is:"+t);
            // "From: John Doe <John@do...> - 2020-07-02 17:36:03", needle: "John Doe"}, /From: (.*) <.*@.*>/
            var regex = new RegExp(this.userData.solution);
            //var output = t.match( new RegExp("From: (.*) <.*@.*>"))[1];  
            // TODO: use search & match for improving the fitness
            var output = t.search(new RegExp(value));


            var buf = "";
            buf += "<tr>";
            buf += "<td>" + generation + "</td>";
            buf += "<td>" + pop[0].fitness.toPrecision(5) + "</td>";
            buf += "<td>" + solution.join("") + "</td>";
            buf += "<td>" + output + "</td>";
            buf += "</tr>";
            $("#results tbody").prepend(buf);

            this.last = value;
        };


        /*
genetic.notification2 = function(pop, generation, stats, isFinished) {

    function lerp(a, b, p) {
        return a + (b-a)*p;
    }
    
    var value = pop[0].entity;
    this.last = this.last||value;
    
    if (pop != 0 && value == this.last)
        return;

    
    var solution = [];
    var i;
    for (i=0;i<value.length;++i) {
    
    solution.push(value[i]);
 } 
    console.log("Generation:"+ generation + " Fitness:" + pop[0].fitness.toPrecision(5) + " Solution:" + solution.join(""));
  
    this.last = value;
};
  */


        var config = {
            "iterations": 4000,
            "size": 250,
            "crossover": 0.3,
            "mutation": 0.4,
            "skip": 30 // notifications
                //, "webWorkers": false
        };


        /*
        var profile = CONFIG['Sourceforge Mailing list'];
        var posting = profile.tests[0];
        var author_xpath = profile.title.xpath;
        */

        var regexTests = [{
            haystack: "From: John Doe <John@do...> - 2020-07-02 17:36:03",
            needle: "John Doe"
        }, {
            haystack: "From: Marc Twain <Marc@ta...> - 2010-01-03 07:36:03",
            needle: "Marc Twain"
        }, {
            haystack: "From: George W. Bush <GWB@wh...> - 2055-11-11 17:33:13",
            needle: "George W. Bush"
        }];

        // the regex we want to evolve
        var solution = "From: (.*) <.*@.*>";

        // let's assume, we'd like to evolve a regex expression like this one
        var userData = {
            solution: solution,
            tests: regexTests
        };

        genetic.evolve(config, userData);


        //console.log("genetic.js is loaded and working, but disabled for now");    


    } // try
    catch (e) {
        console.log("genetic.js error:\n" + e.message);
    } // catch

} // evolveExpression_test()


if (0) //TODO: expose via development tab
    try {
    // https://github.com/cazala/synaptic
    var Neuron = synaptic.Neuron,
        Layer = synaptic.Layer,
        Network = synaptic.Network,
        Trainer = synaptic.Trainer,
        Architect = synaptic.Architect;

    function Perceptron(input, hidden, output) {
        // create the layers
        var inputLayer = new Layer(input);
        var hiddenLayer = new Layer(hidden);
        var outputLayer = new Layer(output);

        // connect the layers
        inputLayer.project(hiddenLayer);
        hiddenLayer.project(outputLayer);

        // set the layers
        this.set({
            input: inputLayer,
            hidden: [hiddenLayer],
            output: outputLayer
        });
    }

    // extend the prototype chain
    Perceptron.prototype = new Network();
    Perceptron.prototype.constructor = Perceptron;

    var myPerceptron = new Perceptron(2, 3, 1);
    var myTrainer = new Trainer(myPerceptron);

    myTrainer.XOR(); // { error: 0.004998819355993572, iterations: 21871, time: 356 }

    myPerceptron.activate([0, 0]); // 0.0268581547421616
    myPerceptron.activate([1, 0]); // 0.9829673642853368
    myPerceptron.activate([0, 1]); // 0.9831714267395621
    myPerceptron.activate([1, 1]); // 0.02128894618097928

    console.log("Syntaptic loaded");
} catch (e) {
    UI.alert(e.message);
}
References
  1. John Denker (Jul 16th, 2007). [Flightgear-devel] development process (was: chaos...).
  2. 2.0 2.1 Curtis Olson (Jul 27th, 2011). Re: [Flightgear-devel] The state of things in Flight Gear.
  3. Hal V. Engel (Jul 27th, 2011). Re: [Flightgear-devel] The state of things in Flight Gear.
  4. Thorsten (Mar 21st, 2016). Re: quoting on the wiki.
  5. James Turner (Mon, 28 Jul 2008 10:06:05 -0700). [Flightgear-devel] Project tracking.
  6. wlbragg  (May 9th, 2016).  Re: Breaking down NLCD raster image .
  7. bugman (Apr 17th, 2016). Re: What is the QT launcher?.
  8. James Turner (Mar 21st, 2016). Re: [Flightgear-devel] Wiki Quotes.
  9. Stuart Buchanan (Mar 19th, 2016). Re: [Flightgear-devel] Wiki Quotes.