From 30f02e3a373762810b6a58ab9423146dc4aac6f6 Mon Sep 17 00:00:00 2001
From: toan <tobias.andersson@wikimedia.de>
Date: Thu, 11 Nov 2021 09:28:28 +0100
Subject: [PATCH] Use local resources, start using npm

Adds bundled local assets and stops using toolforge to serve assets
---
 .dockerignore                  |    3 +-
 .gitignore                     |    4 +-
 Dockerfile                     |   17 +-
 README                         |   21 +
 composer.lock                  |    6 +-
 package-lock.json              | 1008 ++++++++++++++++++++++++++++++++
 package.json                   |   21 +
 public_html/index.html         |   23 +-
 public_html/quickstatements.js |  936 +----------------------------
 src/quickstatements.js         |  935 +++++++++++++++++++++++++++++
 src/vue.js                     |   93 +++
 webpack.config.js              |   22 +
 12 files changed, 2137 insertions(+), 952 deletions(-)
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 src/quickstatements.js
 create mode 100644 src/vue.js
 create mode 100644 webpack.config.js

diff --git a/.dockerignore b/.dockerignore
index 9b552d7..f392415 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,2 +1,3 @@
 vendor
-public_html/php
\ No newline at end of file
+public_html/php
+node_modules
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 7c29e19..8243b72 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 vendor
 public_html/php
-classes
\ No newline at end of file
+classes
+node_modules/
+dist/
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index 9c962bd..ed95c3b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,10 +1,21 @@
+FROM node:12 as npm
+
+WORKDIR /installing
+COPY ./ /installing
+RUN npm ci --only=production
+
 FROM composer@sha256:d374b2e1f715621e9d9929575d6b35b11cf4a6dc237d4a08f2e6d1611f534675 as composer
 # composer is pinned at a PHP 7 version
 
 WORKDIR /installing
 COPY ./ /installing
-RUN composer install --no-dev --no-progress && rm -rf vendor/wbstack/magnustools
 
+## 1. composer install
+## 2. move magnus tools resources to a temp fold to select from (some are selected at the very end)
+## 3. finally remove magnustools because it contains so much stuff
+RUN composer install --no-dev --no-progress \
+    && mv vendor/wbstack/magnustools /installing/magnustools \
+    && rm -rf vendor/wbstack/magnustools
 
 FROM php:7.2-apache
 
@@ -27,5 +38,9 @@ COPY --from=composer /installing /var/www/html/quickstatements
 COPY --from=composer /installing/classes /var/www/html/magnustools/classes
 COPY --from=composer /installing/public_html/php /var/www/html/magnustools/public_html/php
 
+## TODO make some kind of sane magnus tools js lib to be included in the bundle
+COPY --from=composer /installing/magnustools/public_html/resources /var/www/html/quickstatements/public_html/magnustools/resources
+COPY --from=npm /installing/node_modules /var/www/html/quickstatements/public_html/resources
+
 ENTRYPOINT ["/bin/bash"]
 CMD ["/entrypoint.sh"]
\ No newline at end of file
diff --git a/README b/README
index 6065138..bb9a721 100644
--- a/README
+++ b/README
@@ -2,3 +2,24 @@ Using addwiki:
 https://github.com/addwiki/mediawiki-api
 
 Copy public_html/config.json.template to config.json and modify for your needs
+
+## NPM Dependencies
+
+Currently the external dependencies are managed by npm, they are installed during the building of the Dockerfile by running the following command
+
+```
+npm ci --only=production
+```
+
+and then moving the installed libraries to the public_html/ folder.
+
+## TODO
+### Add some kind of offline version of https://bitbucket.org/magnusmanske/tooltranslate.git
+
+This could potentially be some kind of homebrew thing that looks at the toolinfo.json and pulls the all the translations when the Dockerfile builds and puts these in the `public_html/` folder
+
+```
+https://tools-static.wmflabs.org/tooltranslate/data/quickstatements/toolinfo.json
+```
+
+This would also require a rewrite of https://tools-static.wmflabs.org/tooltranslate/tt.js
\ No newline at end of file
diff --git a/composer.lock b/composer.lock
index e19a307..29cf96e 100644
--- a/composer.lock
+++ b/composer.lock
@@ -780,12 +780,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/wbstack/magnustools.git",
-                "reference": "e0fadb9a7149f0b06ee419e554c2f78341c4f5b7"
+                "reference": "a16e54b19e2190adea7e1efaa3d9caafc40f9663"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/wbstack/magnustools/zipball/e0fadb9a7149f0b06ee419e554c2f78341c4f5b7",
-                "reference": "e0fadb9a7149f0b06ee419e554c2f78341c4f5b7",
+                "url": "https://api.github.com/repos/wbstack/magnustools/zipball/a16e54b19e2190adea7e1efaa3d9caafc40f9663",
+                "reference": "a16e54b19e2190adea7e1efaa3d9caafc40f9663",
                 "shasum": ""
             },
             "require": {
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..83b6554
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1008 @@
+{
+  "name": "webpack-demo",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@discoveryjs/json-ext": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.5.tgz",
+      "integrity": "sha512-6nFkfkmSeV/rqSaS4oWHgmpnYw194f6hmWF5is6b0J1naJZoiD0NTc9AiUwPHvWsowkjuHErCZT1wa0jg+BLIA==",
+      "dev": true
+    },
+    "@types/eslint": {
+      "version": "7.28.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.2.tgz",
+      "integrity": "sha512-KubbADPkfoU75KgKeKLsFHXnU4ipH7wYg0TRT33NK3N3yiu7jlFAAoygIWBV+KbuHx/G+AvuGX6DllnK35gfJA==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "@types/eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha512-SCFeogqiptms4Fg29WpOTk5nHIzfpKCemSN63ksBQYKTcXoJEmJagV+DhVmbapZzY4/5YaOV1nZwrsU79fFm1g==",
+      "dev": true,
+      "requires": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "@types/estree": {
+      "version": "0.0.50",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
+      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+      "dev": true
+    },
+    "@types/json-schema": {
+      "version": "7.0.9",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
+      "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "16.11.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.7.tgz",
+      "integrity": "sha512-QB5D2sqfSjCmTuWcBWyJ+/44bcjO7VbjSbOE0ucoVbAsSNQc4Lt6QkgkVXkTDwkL4z/beecZNDvVX15D4P8Jbw==",
+      "dev": true
+    },
+    "@webassemblyjs/ast": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
+      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/helper-numbers": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
+      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
+      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
+      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-numbers": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
+      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
+      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
+      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
+      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
+      "dev": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
+      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
+      "dev": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
+      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
+      "dev": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
+      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/helper-wasm-section": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-opt": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "@webassemblyjs/wast-printer": "1.11.1"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
+      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
+      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
+      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
+      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webpack-cli/configtest": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-1.1.0.tgz",
+      "integrity": "sha512-ttOkEkoalEHa7RaFYpM0ErK1xc4twg3Am9hfHhL7MVqlHebnkYd2wuI/ZqTDj0cVzZho6PdinY0phFZV3O0Mzg==",
+      "dev": true
+    },
+    "@webpack-cli/info": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-1.4.0.tgz",
+      "integrity": "sha512-F6b+Man0rwE4n0409FyAJHStYA5OIZERxmnUfLVwv0mc0V1wLad3V7jqRlMkgKBeAq07jUvglacNaa6g9lOpuw==",
+      "dev": true,
+      "requires": {
+        "envinfo": "^7.7.3"
+      }
+    },
+    "@webpack-cli/serve": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-1.6.0.tgz",
+      "integrity": "sha512-ZkVeqEmRpBV2GHvjjUZqEai2PpUbuq8Bqd//vEYsp63J8WyexI8ppCqVS3Zs0QADf6aWuPdU+0XsPI647PVlQA==",
+      "dev": true
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "acorn": {
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
+      "integrity": "sha512-yXbYeFy+jUuYd3/CDcg2NkIYE991XYX/bje7LmjJigUciaeO1JR4XxXgCIV1/Zc/dRuFEyw1L0pbA+qynJkW5Q==",
+      "dev": true
+    },
+    "acorn-import-assertions": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true
+    },
+    "bootstrap": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0.tgz",
+      "integrity": "sha512-gulJE5dGFo6Q61V/whS6VM4WIyrlydXfCgkE+Gxe5hjrJ8rXLLZlALq7zq2RPhOc45PSwQpJkrTnc2KgD6cvmA=="
+    },
+    "browserslist": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.6.tgz",
+      "integrity": "sha512-uPgz3vyRTlEiCv4ee9KlsKgo2V6qPk7Jsn0KAn2OBqbqKo3iNcPEC1Ti6J4dwnz+aIRfEEEuOzC9IBk8tXUomw==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001274",
+        "electron-to-chromium": "^1.3.886",
+        "escalade": "^3.1.1",
+        "node-releases": "^2.0.1",
+        "picocolors": "^1.0.0"
+      }
+    },
+    "buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001279",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001279.tgz",
+      "integrity": "sha512-VfEHpzHEXj6/CxggTwSFoZBBYGQfQv9Cf42KPlO79sWXCD1QNKWKsKzFeWL7QpZHJQYAvocqV6Rty1yJMkqWLQ==",
+      "dev": true
+    },
+    "chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true
+    },
+    "clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "requires": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      }
+    },
+    "colorette": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
+      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+      "dev": true
+    },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
+    "cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      }
+    },
+    "electron-to-chromium": {
+      "version": "1.3.893",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.893.tgz",
+      "integrity": "sha512-ChtwF7qB03INq1SyMpue08wc6cve+ktj2UC/Y7se9vB+JryfzziJeYwsgb8jLaCA5GMkHCdn5M62PfSMWhifZg==",
+      "dev": true
+    },
+    "enhanced-resolve": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.3.tgz",
+      "integrity": "sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      }
+    },
+    "envinfo": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
+      "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==",
+      "dev": true
+    },
+    "es-module-lexer": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
+      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
+      "dev": true
+    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
+    "eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "dev": true
+        }
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true
+    },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true
+    },
+    "execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      }
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true
+    },
+    "glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
+    "graceful-fs": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz",
+      "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==",
+      "dev": true
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true
+    },
+    "human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true
+    },
+    "import-local": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.0.3.tgz",
+      "integrity": "sha512-bE9iaUY3CXH8Cwfan/abDKAxe1KGT9kyGsBPqf6DMK/z0a2OzAsrukeYNgIH6cH5Xr452jb1TUL8rSfCLjZ9uA==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      }
+    },
+    "interpret": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
+      "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
+      "dev": true
+    },
+    "is-core-module": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
+    },
+    "jest-worker": {
+      "version": "27.3.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.3.1.tgz",
+      "integrity": "sha512-ks3WCzsiZaOPJl/oMsDjaf0TRiSv7ctNgs0FqRr2nARsovz6AWWy4oLElwcquGSz692DzgZQrCLScPNs5YlC4g==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      }
+    },
+    "jquery": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.3.1.tgz",
+      "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg=="
+    },
+    "json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true
+    },
+    "leaflet": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.3.1.tgz",
+      "integrity": "sha512-adQOIzh+bfdridLM1xIgJ9VnJbAUY3wqs/ueF+ITla+PLQ1z47USdBKUf+iD9FuUA8RtlT6j6hZBfZoA6mW+XQ=="
+    },
+    "loader-runner": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
+      "integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
+      "dev": true
+    },
+    "locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^4.1.0"
+      }
+    },
+    "merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.51.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "node-releases": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
+      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+      "dev": true
+    },
+    "npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.0.0"
+      }
+    },
+    "onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "requires": {
+        "p-try": "^2.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^2.2.0"
+      }
+    },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
+    "path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "requires": {
+        "find-up": "^4.0.0"
+      }
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "rechoir": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
+      "integrity": "sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==",
+      "dev": true,
+      "requires": {
+        "resolve": "^1.9.0"
+      }
+    },
+    "resolve": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "dev": true,
+      "requires": {
+        "is-core-module": "^2.2.0",
+        "path-parse": "^1.0.6"
+      }
+    },
+    "resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^5.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true
+    },
+    "safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true
+    },
+    "schema-utils": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
+      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+      "dev": true,
+      "requires": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      }
+    },
+    "serialize-javascript": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^6.0.2"
+      }
+    },
+    "shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^3.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.5.tgz",
+      "integrity": "sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true
+    },
+    "source-map-support": {
+      "version": "0.5.20",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
+      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^4.0.0"
+      }
+    },
+    "tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true
+    },
+    "terser": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
+      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "dev": true,
+      "requires": {
+        "commander": "^2.20.0",
+        "source-map": "~0.7.2",
+        "source-map-support": "~0.5.20"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        }
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.2.5.tgz",
+      "integrity": "sha512-3luOVHku5l0QBeYS8r4CdHYWEGMmIj3H1U64jgkdZzECcSOJAyJ9TjuqcQZvw1Y+4AOBN9SeYJPJmFn2cM4/2g==",
+      "dev": true,
+      "requires": {
+        "jest-worker": "^27.0.6",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.0",
+        "source-map": "^0.6.1",
+        "terser": "^5.7.2"
+      }
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "vue": {
+      "version": "2.5.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.13.tgz",
+      "integrity": "sha512-3D+lY7HTkKbtswDM4BBHgqyq+qo8IAEE8lz8va1dz3LLmttjgo0FxairO4r1iN2OBqk8o1FyL4hvzzTFEdQSEw=="
+    },
+    "vue-router": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",
+      "integrity": "sha512-vLLoY452L+JBpALMP5UHum9+7nzR9PeIBCghU9ZtJ1eWm6ieUI8Zb/DI3MYxH32bxkjzYV1LRjNv4qr8d+uX/w=="
+    },
+    "watchpack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.2.0.tgz",
+      "integrity": "sha512-up4YAn/XHgZHIxFBVCdlMiWDj6WaLKpwVeGQk2I5thdYxF/KmF0aaz6TfJZ/hfl1h/XlcDr7k1KH7ThDagpFaA==",
+      "dev": true,
+      "requires": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "webpack": {
+      "version": "5.63.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.63.0.tgz",
+      "integrity": "sha512-HYrw6bkj/MDmphAXvqLEvn2fVoDZsYu6O638WjK6lSNgIpjb5jl/KtOrqJyU9EC/ZV9mLUmZW5h4mASB+CVA4A==",
+      "dev": true,
+      "requires": {
+        "@types/eslint-scope": "^3.7.0",
+        "@types/estree": "^0.0.50",
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/wasm-edit": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "acorn": "^8.4.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.8.3",
+        "es-module-lexer": "^0.9.0",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.4",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.1.3",
+        "watchpack": "^2.2.0",
+        "webpack-sources": "^3.2.0"
+      }
+    },
+    "webpack-cli": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.9.1.tgz",
+      "integrity": "sha512-JYRFVuyFpzDxMDB+v/nanUdQYcZtqFPGzmlW4s+UkPMFhSpfRNmf1z4AwYcHJVdvEFAM7FFCQdNTpsBYhDLusQ==",
+      "dev": true,
+      "requires": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^1.1.0",
+        "@webpack-cli/info": "^1.4.0",
+        "@webpack-cli/serve": "^1.6.0",
+        "colorette": "^2.0.14",
+        "commander": "^7.0.0",
+        "execa": "^5.0.0",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^2.2.0",
+        "rechoir": "^0.7.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+          "dev": true
+        }
+      }
+    },
+    "webpack-merge": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
+      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
+      "dev": true,
+      "requires": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      }
+    },
+    "webpack-sources": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.1.tgz",
+      "integrity": "sha512-t6BMVLQ0AkjBOoRTZgqrWm7xbXMBzD+XDq2EZ96+vMfn3qKgsvdXZhbPZ4ElUOpdv4u+iiGe+w3+J75iy/bYGA==",
+      "dev": true
+    },
+    "which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "wildcard": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
+      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3859ebf
--- /dev/null
+++ b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "quickstatements",
+  "version": "0.0.1",
+  "description": "",
+  "main": "quickstatements.js",
+  "private": true,
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "webpack": "^5.38.1",
+    "webpack-cli": "^4.9.1"
+  },
+  "dependencies": {
+    "leaflet": "1.3.1",
+    "vue-router": "3.0.1",
+    "vue": "2.5.13",
+    "bootstrap": "4.0.0",
+    "jquery": "3.3.1"
+  }
+}
diff --git a/public_html/index.html b/public_html/index.html
index 10f40b6..f35f7b0 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -3,17 +3,18 @@
 <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title tt="toolname"></title>
-<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
-<link rel="stylesheet" href="https://tools-static.wmflabs.org/magnustools/resources/html/wikimedia.css">
-<link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/leaflet/1.3.1/leaflet.css">
-<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
-<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/vue/2.5.13/vue.min.js"></script>
-<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script>
-<script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/leaflet/1.3.1/leaflet.js"></script>
-<script src="https://tools-static.wmflabs.org/tooltranslate/tt.js"></script>
-<script src="https://tools-static.wmflabs.org/magnustools/resources/js/wikidata.js"></script>
-<script src="https://tools-static.wmflabs.org/magnustools/resources/vue/shared.js"></script>
+<link rel="stylesheet" href="resources/bootstrap/dist/css/bootstrap.min.css">
+<link rel="stylesheet" href="magnustools/resources/html/wikimedia.css">
+<link rel="stylesheet" href="resources/leaflet/dist/leaflet.css">
+<script src="resources/jquery/dist/jquery.min.js"></script>
+<script src="resources/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="resources/vue/dist/vue.min.js"></script>
+<script src="resources/vue-router/dist/vue-router.min.js"></script>
+<script src="resources/leaflet/dist/leaflet.js"></script>
+<script src="magnustools/resources/js/wikidata.js"></script>
+<script src="magnustools/resources/vue/shared.js"></script>
+<script src="https://tools-static.wmflabs.org/tooltranslate/tt.js"></script><!-- ToolTranslate still exists only on wmflabs.org -->
+<script src="quickstatements.js"></script>
 
 <style>
 .navthing {
diff --git a/public_html/quickstatements.js b/public_html/quickstatements.js
index cca1dbf..3643268 100644
--- a/public_html/quickstatements.js
+++ b/public_html/quickstatements.js
@@ -1,935 +1 @@
-// For data tables, see https://datatables.net/examples/api/add_row.html
-
-var QuickStatements = {
-
-	api : './api.php' ,
-	config : {} ,
-	params : {} ,
-	data : {} ,
-	oauth : {} ,
-	sites : {} , // Loaded from sites.json
-	types : {} ,
-	run_state : { running:false } ,
-	batch_update_interval : 5000 ,
-
-	init : function () {
-		var me = this ;
-		
-		var running = 3 ;
-		function fin () {
-			running-- ;
-			if ( running > 0 ) return ;
-
-			me.tt.addILdropdown ( $('#interface_language_wrapper') ) ;
-			me.updateUserInfo() ;
-			me.params = me.getUrlVars() ;
-		
-			$('#import_v1_dialog').on('shown.bs.modal', function () { $('#v1_commands').val('').focus() })
-			$('#v1_import').click ( function(){me.onImportV1(); $('#import_v1_dialog').modal('hide') } ) ;
-		
-			$('#import_csv_dialog').on('shown.bs.modal', function () { $('#csv_input').val('').focus() })
-			$('#csv_import').click ( function(){me.onImportCSV(); $('#import_csv_dialog').modal('hide') } ) ;
-		
-			$('#main_table').DataTable ( {
-				ordering:false,
-				info:false
-			} );
-	
-			$('#link_import_qs1').click ( me.onClickImportV1 ) ;
-			$('#link_import_csv').click ( me.onClickImportCSV ) ;
-			$('#run').click ( function () { me.run ( false ) ; return false } ) ;
-			$('#run_background').click ( function () { me.run ( true ) ; return false } ) ;
-			$('#stop').click ( function () { me.stop() ; return false } ) ;
-		
-			if ( typeof me.params.v1 != 'undefined' ) me.importFromV1 ( me.params.v1 ) ;
-			if ( typeof me.params.csv != 'undefined' ) me.importFromCSV ( me.params.csv ) ;
-
-			me.updateUnlabeledItems() ;
-			
-			if ( me.params.mode == 'batch' ) me.run_state.batch_id = me.params.batch ;
-			if ( me.params.mode == 'batches' ) {
-				me.run_state.filters = {} ;
-				if ( typeof me.params.user != 'undefined' ) me.run_state.filters.user = me.params.user ;
-			}
-			me.switchMode ( me.params.mode ) ;
-		}
-		
-		me.tt = new ToolTranslation ( { tool:'quickstatements' , language:me.lang() , fallback:'en' , callback : function () { fin() } } ) ;
-
-        // XXX WBSTACK: this is maintained in quickstatements.js AND vue.js
-
-        // WBSTACK load JS generated config based on the URL..
-        if (window.location.pathname.substring(0, 22) == '/tools/quickstatements') {
-            me.config = {
-                site: "wikibase",
-                sites: {
-                    wikibase: {
-                        api: window.location.protocol + '//' + window.location.host + '/w/api.php',
-                        pageBase: window.location.protocol + '//' + window.location.host + '/wiki/',
-                        types: {
-                            P: {type: "property", ns: 122, ns_prefix: "Property:"},
-                            Q: {type: "item", ns: 120, ns_prefix: "Item:"}
-                        }
-                    }
-                }
-            };
-        }
-
-		// WBSTACK dev generated config..
-        if(window.location.host.substring(window.location.host.length-14) == 'localhost:8086'){
-            me.config = {
-                site: "wikibase",
-                sites: {
-                    wikibase: {
-                        api: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/w/api.php',
-                        pageBase: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/wiki/',
-                        types: {
-                            P: {type: "property", ns: 122, ns_prefix: "Property:"},
-                            Q: {type: "item", ns: 120, ns_prefix: "Item:"}
-                        }
-                    }
-                }
-            };
-        }
-
-        // WBSTACK set other stuff
-        me.sites = me.config.sites
-        me.setSite("wikibase")
-
-		// WBSTACK Commented out old config loading
-		// $.get ( 'config.json' , function ( d ) {
-		// 	me.config = d ;
-		// 	me.sites = d.sites ;
-		// 	me.setSite ( me.config.site ) ;
-		// 	fin() ;
-		// } ) ;
-
-		me.oauth = { is_logged_in:false } ;
-		$.post ( me.api , { action:'is_logged_in' }, 'json' )
-			.then( function( d ) { me.oauth = d.data; } )
-			.always( fin );
-	} ,
-
-	setSite : function ( site ) {
-		var me = this ;
-		me.site = site ;
-		me.types = me.sites[me.site].types ;
-	} ,
-
-	getSiteAPI : function () {
-		var me = this ;
-		return me.sites[me.site].publicApi || me.sites[me.site].api ;
-	} ,
-	
-	getSitePageURL : function ( page ) {
-		var me = this ;
-		return me.sites[me.site].pageBase + encodeURIComponent ( page.replace(/ /g,'_') ) ;
-	} ,
-	
-	lang : function () {
-		return 'en' ; // FIXME current language
-	} ,
-	
-	stop : function () {
-		var me = this ;
-		me.run_state.running = false ;
-		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
-		$('#stop_buttons button').prop ( 'disabled' , true ) ;
-		$('#run_buttons button').prop ( 'disabled' , false ) ;
-		$('#stop_buttons').hide() ;
-	} ,
-	
-	ts2string : function ( ts ) {
-		return ts.substr(0,4) + '-' + ts.substr(4,2) + '-' + ts.substr(6,2) + ' ' + ts.substr(8,2) + ':' + ts.substr(10,2) + ':' + ts.substr(12,2) ;
-	} ,
-	
-	canUserStopBatch : function ( batch_user_name ) {
-		var me = this ;
-		if ( typeof me.oauth.query == 'undefined' ) return false ;
-		if ( typeof me.oauth.query.userinfo == 'undefined' ) return false ;
-		if ( me.oauth.query.userinfo.name == batch_user_name ) return true ;
-		if ( typeof me.oauth.query.userinfo.groups == 'undefined' ) return false ;
-
-		var ret = false ;
-		$.each ( me.oauth.query.userinfo.groups , function ( k , v ) {
-			if ( v == 'sysop' ) ret = true ;
-		} ) ;
-		return ret ;
-	} ,
-	
-	safeHTML : function ( h ) {
-		return h.replace(/</,'&lt').replace(/>/,'&gt').replace(/&/,'&amp;')
-	} ,
-	
-	getBatchButtons : function ( d2 ) {
-		var me = this ;
-		var h = '' ;
-		var batch_id = d2.batch.id ;
-		if ( me.canUserStopBatch(d2.batch.user_name) ) {
-			h += "<div>" ;
-
-			h += "<button batch='"+batch_id+"' class='stop-batch btn btn-danger btn-lg'" ;
-			if ( d2.batch.status != 'RUN' ) h += " style='display:none'" ;
-			h += ">STOP THIS BATCH RUN NOW!</button>" ;
-
-			h += "<button batch='"+batch_id+"' class='start-batch btn btn-success btn-lg'" ;
-			if ( d2.batch.status != 'STOP' ) h += " style='display:none'" ;
-			h += ">(Re-)start this batch</button>" ;
-
-			h += "</div>" ;
-		}
-		return h ;
-	} ,
-	
-	updateBatchStatus : function () {
-		var me = this ;
-		if ( typeof me.run_state.batch_id == 'undefined' ) return ;
-		$('#single_batch_busy').show() ;
-		$.post ( me.api , {
-			action:'get_batch_info',
-			batch:me.run_state.batch_id
-		} , function ( d ) {
-			var batch_id = me.run_state.batch_id ;
-			$('#single_batch_busy').hide() ;
-			var d2 = d.data[batch_id] ;
-			var h = '' ;
-			var user_url = me.getSitePageURL ( "User:"+d2.batch.user_name ) ;
-			if ( d2.name != '' ) h += "<h2>" + me.safeHTML(d2.batch.name) + "</h2>" ;
-			h += "<p>User: <a href='" + user_url + "' target='_blank'>" + me.safeHTML(d2.batch.user_name) + "</a>" ;
-			h += " <small>(<a href='./#mode=batches&user="+encodeURIComponent(d2.batch.user_name)+"' onclick='QuickStatements.batchesByUser(\""+encodeURIComponent(d2.batch.user_name)+"\");return false'>batches by this user</a>)</small>" ;
-			h += "</p>" ;
-			h += "<p>Status: <b>" + d2.batch.status + "</b> <small>" + me.safeHTML(d2.batch.message) + "</small></p>" ;
-			h += "<p>Created: " + me.ts2string(d2.batch.ts_created) + "</p>" ;
-			h += "<p>Last change: " + me.ts2string(d2.batch.ts_last_change) + "</p>" ;
-			h += "<table class='table table-condensed table-striped'>" ;
-			h += "<thead><tr><th>Status</th><th>Count</th></tr></thead><tbody>" ;
-			$.each ( d2.commands , function ( k , v ) {
-				h += "<tr><td>" + k + "</td><td>" + v + "</td></tr>" ;
-			} ) ;
-			h += "</tbody></table>" ;
-			
-			h += me.getBatchButtons ( d2 ) ;
-			
-			$('#single_batch_status').html ( h ) ;
-			
-			$('button.stop-batch').click ( function () {
-				var button = $(this) ;
-				var batch_id = button.attr('batch') ;
-				$.post ( me.api , {
-					action:'stop_batch',
-					batch:batch_id
-				} , function ( d ) {
-					console.log ( d ) ;
-					button.hide() ;
-					$('button.start-batch[batch="'+batch_id+'"]').show() ;
-				} ) ;
-			} ) ;
-
-			$('button.start-batch').click ( function () {
-				var button = $(this) ;
-				var batch_id = button.attr('batch') ;
-				$.post ( me.api , {
-					action:'start_batch',
-					batch:batch_id
-				} , function ( d ) {
-					console.log ( d ) ;
-					button.hide() ;
-					$('button.stop-batch[batch="'+batch_id+'"]').show() ;
-				} ) ;
-			} ) ;
-
-		} ) ;
-	} ,
-	
-	showBatches : function () {
-		var me = this ;
-
-		var p = [ 'mode=batches' ] ;
-		$.each ( me.run_state.filters , function ( k , v ) { p.push ( k+'='+encodeURIComponent(v) ) ; } ) ;
-		location.hash = p.join('&') ;
-
-		var params = { action:'get_batches_info' } ;
-		$.each ( me.run_state.filters , function ( k , v ) { params[k] = v ; } ) ;
-		$.post ( me.api , params , function ( d ) {
-			var tmp = [] ;
-			$.each ( d.data , function ( batch_id , d2 ) {
-				tmp.push ( d2 ) ;
-			} ) ;
-			tmp.sort ( function ( a , b ) {
-				return b.batch.ts_last_change*1 - a.batch.ts_last_change*1 ;
-			} ) ;
-			var h = "<table class='table table-condensed table-striped'>" ;
-			h += "<thead><tr><th>#</th><th>User</th><th>Name</th><th>Status</th><th>Last change</th><th>Actions</th></tr></thead>" ;
-			h += "<tbody>" ;
-			$.each ( tmp , function ( row , d2 ) {
-				var batch_id = d2.batch.id ;
-				var user_url = me.getSitePageURL ( "User:"+d2.batch.user_name ) ;
-				h += "<tr>" ;
-				h += "<td><a href='#mode=batch&batch="+batch_id+"'>"+batch_id+"</td>" ;
-				h += "<td nowrap><a href='" + user_url + "' target='_blank'>" + me.safeHTML(d2.batch.user_name) + "</a></td>" ;
-				h += "<td>" + me.safeHTML(d2.batch.name) + "</td>" ;
-				h += "<td>" ;
-				h += "<div>" + me.safeHTML(d2.batch.status) + " <small>" + me.safeHTML(d2.batch.message) + "</small></div>" ;
-				var stati = [] ;
-				$.each ( d2.commands , function ( k , v ) {
-					stati.push ( k+':'+v ) ;
-				} ) ;
-				h += "<div style='font-size:9pt'>" + stati.sort().join(' | ') + "</div>" ;
-				h += "</td>" ;
-				h += "<td nowrap>" + me.ts2string(d2.batch.ts_last_change) + "</td>" ;
-				h += "<td>" + me.getBatchButtons(d2) + "</td>" ;
-				h += "</tr>" ;
-			} ) ;
-			h += "</tbody></table>" ;
-			$('#multi_batch_status').html(h) ;
-		} ) ;
-	} ,
-	
-	batchesByUser : function ( user_name_encoded ) {
-		var me = this ;
-		me.run_state.filters = { user:decodeURIComponent(user_name_encoded) } ;
-		me.switchMode ( 'batches' ) ;
-	} ,
-	
-	showBatch : function () {
-		var me = this ;
-		location.hash = 'mode=batch&batch=' + me.run_state.batch_id ;
-		$('#single_batch_number').text ( me.run_state.batch_id ) ;
-		me.run_state.batch_watcher = setInterval ( function () { me.updateBatchStatus() ; } , me.batch_update_interval ) ;
-		me.updateBatchStatus()
-	} ,
-	
-	switchMode : function ( new_mode ) {
-		var me = this ;
-		if ( typeof new_mode == 'undefined' ) return ;
-		me.mode = new_mode ;
-		$('div.mode').hide() ;
-		$('#mode_'+new_mode).show() ;
-		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
-		if ( new_mode == 'batch' ) me.showBatch () ;
-		if ( new_mode == 'batches' ) me.showBatches () ;
-		if ( new_mode == 'token' ) me.getToken () ;
-	} ,
-	
-	getToken : function () {
-		var me = this ;
-		var params = { action:'get_token' } ;
-		console.log ( params ) ;
-		$.post ( me.api , params , function ( d ) {
-			$('#token').text ( d.data.token ) ;
-		} ) ;
-	} ,
-	
-	runInBackground : function () {
-		var me = this ;
-		var name = '' ;
-		var res = prompt ( 'Enter a name for this batch (optional)' , '' ) ;
-		if ( res != '' ) name = res ;
-		$.post ( me.api , {
-			action:'run_batch',
-			name:name,
-			commands : JSON.stringify(me.data.commands)
-		} , function ( d ) {
-		
-			if ( d.status != 'OK' ) {
-				alert ( d.status ) ;
-				console.log ( d ) ;
-				return ;
-			}
-
-			me.run_state = {
-				running : true ,
-				last_item : '' ,
-				commands : { pending:0 , done:0 } ,
-				batch_id : d.batch_id
-			} ;
-			
-			me.switchMode ( 'batch' ) ;
-
-		} ) ;
-	} ,
-	
-	run : function ( in_background ) {
-		var me = this ;
-		if ( me.run_state.running ) return ; // Already running
-		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
-		if ( in_background ) {
-			me.runInBackground () ;
-//			alert ( "Not implemented yet" ) ;
-			return ;
-		}
-		me.run_state = {
-			running : true ,
-			last_item : '' ,
-			commands : { pending:0 , done:0 }
-		}
-		$('#run_status').text ( '' ) ;
-		$('#run_status_wrapper').show() ;
-		$.each ( me.data.commands , function ( num , cmd ) {
-			var s = cmd.status ;
-			if ( typeof s == 'undefined' || s == '' ) s = 'pending' ;
-			else {
-				if ( s != 'done' ) { // Reset previous errors
-					cmd.status = '' ;
-					cmd.message = '' ;
-//					var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ; // TODO visual update
-//					dt.row(cmdnum).data(tabs).draw() ;
-				}
-			}
-			if ( typeof me.run_state.commands[s] == 'undefined' ) me.run_state.commands[s] = 0 ;
-			me.run_state.commands[s]++ ;
-		} ) ;
-		$('#stop_buttons button').prop ( 'disabled' , false ) ;
-		$('#run_buttons button').prop ( 'disabled' , true ) ;
-		$('#stop_buttons').show() ;
-		if ( in_background ) {
-//			alert ( "Not implemented yet" ) ;
-		} else {
-			me.runNextCommand() ;
-		}
-	} ,
-	
-	runNextCommand : function () {
-		var me = this ;
-		if ( !me.run_state.running ) return ; // Stopped
-		var cmdnum ;
-		$.each ( me.data.commands , function ( num , cmd ) {
-			if ( typeof cmd.status != 'undefined' && cmd.status != '' ) return ;
-			cmdnum = num ;
-			return false ;
-		} ) ;
-		if ( typeof cmdnum == 'undefined' ) return me.stop() ; // All done
-		me.runSingleCommand ( cmdnum ) ;
-	} ,
-	
-	setCommandStatus : function ( cmdnum , status ) {
-		var me = this ;
-		var cmd = me.data.commands[cmdnum] ;
-		cmd.status = 'running' ;
-		me.updateCommandRow ( cmdnum ) ;
-	} ,
-	
-	updateCommandRow : function ( cmdnum ) {
-		var me = this ;
-		var dt = $('#main_table').DataTable() ;
-		var cmd = me.data.commands[cmdnum] ;
-		var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ;
-		dt.row(cmdnum).data(tabs).draw() ;
-		me.tt.updateInterface ( dt ) ;
-	} ,
-	
-	updateRunStatus : function () {
-		var me = this ;
-		var out = [] ;
-		$.each ( me.run_state.commands , function ( status , count ) {
-			out.push ( status+':'+count ) ;
-		} ) ;
-		var h = out.join('; ') ;
-		$('#run_status').text ( h ) ;
-	} ,
-	
-	runSingleCommand : function ( cmdnum ) {
-		var me = this ;
-		var cmd = me.data.commands[cmdnum] ;
-		me.setCommandStatus ( cmdnum , 'running' ) ;
-		me.updateRunStatus() ;
-		$.post ( me.api , {
-			action:'run_single_command',
-			command : JSON.stringify(cmd) ,
-			last_item : me.run_state.last_item
-		} , function ( d ) {
-			me.data.commands[cmdnum] = d.command ;
-			if ( typeof d.last_item != 'undefined' ) me.run_state.last_item = d.last_item ;
-			me.run_state.commands.pending-- ;
-			if ( d.status == 'OK' ) {
-				me.run_state.commands.done++ ;
-			} else {
-				if ( typeof me.run_state.commands[d.status] == 'undefined' ) me.run_state.commands[d.status] = 0 ;
-				me.run_state.commands[d.status]++ ;
-			}
-			me.updateRunStatus() ;
-			me.updateCommandRow ( cmdnum ) ;
-			me.runNextCommand() ;
-		} , 'json' ) ;
-	} ,
-	
-	updateUserInfo : function () {
-		var me = this ;
-		var h = '' ;
-		if ( me.oauth.is_logged_in ) {
-			var username = me.oauth.query.userinfo.name ;
-			h = "<span tt='welcome' tt1='" + me.htmlSafe(username) + "'></span>" ;
-			$('#logged_in_actions').show() ;
-			$('a[tt="show_your_last_batches"]').show().click ( function () {
-				me.run_state.filters = { user:username } ;
-				me.switchMode ( 'batches' ) ;
-				return false ;
-			} ) ;
-		} else {
-			h += "<a href='"+me.api+"?action=oauth_redirect' target='_blank' tt='login'></a> <span tt='login2'></span>" ;
-		}
-		$('#userinfo').html ( h ) ;
-		me.tt.updateInterface($('#userinfo')) ;
-	} ,
-	
-	showLastBatches : function () {
-		var me = QuickStatements ;
-		me.run_state.filters = {} ;
-		me.switchMode ( 'batches' ) ;
-	} ,
-	
-	getUrlVars : function () {
-		var vars = {} ;
-		var hash = window.location.href.slice(window.location.href.indexOf('#') + 1) ;
-		if ( hash.match(/.3D/) ) hash = hash.replace(/\.3D/g,'=').replace(/\.26/g,'&').replace(/\.2F/g,'/') ; // Hack around MediaWiki botching the URL encoding when using [[:toollabs:]] syntax
-		var hashes = hash.split('&');
-		$.each ( hashes , function ( i , j ) {
-			var hash = j.split('=');
-			hash[1] += '' ;
-			vars[hash[0]] = decodeURI(hash[1]).replace(/_/g,' ');
-		} ) ;
-		return vars;
-	} ,
-	
-	onClickImportV1 : function () {
-		var me = QuickStatements ;
-		me.switchMode ( 'commands' ) ;
-		$('#import_v1_dialog').modal('show') ;
-	} ,
-	
-	onClickImportCSV : function () {
-		var me = QuickStatements ;
-		me.switchMode ( 'commands' ) ;
-		$('#import_csv_dialog').modal('show') ;
-	} ,
-	
-	onImportV1 : function () {
-		var me = this ;
-		var text = $('#v1_commands').val() ;
-		$('#v1_commands').val('') ;
-		me.importFromV1 ( text ) ;
-	} ,
-	
-	onImportCSV : function () {
-		var me = this ;
-		var csv = $('#csv_input').val() ;
-		$('#csv_input').val('') ;
-		me.importFromCSV ( csv ) ;
-	} ,
-	
-	updateUnlabeledItems : function () {
-		var me = this ;
-		var to_update = [] ;
-		$('span.update_label').each ( function () {
-			var o = $(this) ;
-			if ( o.text() != '' ) return ;
-			var t = o.attr('tt') ;
-			o.text ( me.tt.t(t) ) ;
-		} ) ;
-		$('a.wd_unlabeled').each ( function () {
-			var a = $(this) ;
-			var pq = a.attr('pq') ;
-			if ( !pq.match(/^(?:[PQL]\d+|L\d+-[FS]\d+)$/i) ) return ; // Paranoia
-			to_update.push ( pq ) ;
-			a.removeClass('wd_unlabeled').addClass('wd_pq').attr({title:pq}) ;
-			if ( to_update.length >= 50 ) return false ; // Max
-		} ) ;
-		
-		$('a.pq_edit_unlinked').each ( function () {
-			var a = $(this) ;
-			a.removeClass('pq_edit_unlinked') ;
-			a.click ( function() { me.onClickEditPQ($(a.parents('div.pq_container').get(0))) ; return false } ) ;
-		} ) ;
-		
-		if ( to_update.length > 0 ) {
-			$.getJSON ( me.getSiteAPI()+'?action=wbgetentities&ids='+to_update.join('|')+"&format=json&callback=?" , function ( d ) {
-				$.each ( d.entities , function ( pq , v ) {
-					if ( typeof v.missing != 'undefined' ) {
-						$('a.wd_pq[pq="'+pq+'"]').addClass('red') ;
-						return ;
-					}
-					var label ;
-					if ( typeof v.labels != 'undefined' ) {
-						if ( typeof v.labels['en'] != 'undefined' ) {
-							label = v.labels['en'].value ;
-						}
-					}
-					if ( typeof label == 'undefined' && typeof v.lemmas != 'undefined' ) {
-						for ( var languageCode in v.lemmas ) {
-							label = v.lemmas[languageCode].value;
-							break;
-						}
-					}
-					if ( typeof label == 'undefined' && typeof v.representations != 'undefined' ) {
-						for ( var languageCode in v.representations ) {
-							label = v.representations[languageCode].value;
-							break;
-						}
-					}
-					if ( typeof label == 'undefined' && typeof v.glosses != 'undefined' && typeof v.glosses['en'] != 'undefined' ) {
-						label = v.glosses['en'].value;
-					}
-					if ( typeof label == 'undefined' ) return ;
-					$('a.wd_pq[pq="'+pq+'"]').removeClass('red').text(label) ;
-				} ) ;
-			} ) ;
-		}
-		
-		setTimeout ( function () { me.updateUnlabeledItems() } , 500 ) ;
-	} ,
-	
-	onClickEditPQ : function ( container ) {
-		var me = this ;
-		$('button.cancel').click() ; // close all other open edit forms
-		var pq = container.attr ( 'pq' ) ;
-		container.find('div.pq_value').hide() ;
-		container.find('div.pq_button').hide() ;
-		var title = $(container.find('div.pq_value a')).text() ;
-		var form = $(container.find('div.pq_form')) ;
-		var type = me.types[pq.substr(0,1).toUpperCase()].type ;
-		var h = '' ;
-		h += "<div class='pq_typeahead' type='"+type+"' style='width:340px'>" ;
-		h += "<div>" ;
-		h += "<form class='form form-inline'>" ;
-		h += "<input type='text' class='typeahead_input' style='width:250px' value='"+me.htmlSafe(title)+"' pq='"+pq+"'/>" ;
-		h += "<input type='submit' tt_value='set' class='btn btn-primary' />" ;
-		h += "<button class='cancel btn btn-default' tt='cancel_short'></button>" ;
-		h += "</form>" ;
-		h += "</div>" ;
-		h += "<div><ul style='width:100%;overflow:auto;max-height:200px' class='pq_dropdown'></ul></div>" ;
-		h += "</div>" ;
-		form.html(h).show() ;
-		me.tt.updateInterface(form) ;
-		
-		me.addTypeahead ( $(container.find('div.pq_typeahead')) ) ;
-		$(container.find('form')).submit ( function () { me.onSubmitPQ ( container , true ) ; return false } ) ;
-		$(container.find('button.cancel')).click ( function () { me.onSubmitPQ ( container , false ) ; return false } ) ;
-	} ,
-	
-	updateRef : function ( json_string , value ) {
-		var me = this ;
-		if ( typeof json_string == 'undefined' ) return ;
-		if ( json_string == '' ) return ;
-		var j = JSON.parse ( json_string ) ;
-		if ( typeof j == 'undefined' ) return ;
-		if ( typeof j.cmdnum != 'undefined' ) {
-			var i = me.data.commands[j.cmdnum] ;
-			while ( ( m = j.attr.match ( /^(.+?)\.(.+)$/ ) ) != null ) {
-				i = i[m[1]] ;
-				j.attr = m[2] ;
-			}
-			i[j.attr] = value ;
-		} else {
-			console.log ( "COUND NOT STORE REF" , j , value ) ;
-		}
-	} ,
-	
-	onSubmitPQ : function ( container , do_store ) {
-		var me = this ;
-		var ta = $(container.find('div.pq_typeahead')) ;
-		var input = $(container.find('input.typeahead_input')) ;
-		var pq = input.attr('pq') ;
-		var title = input.val() ;
-		var pqv = container.find('div.pq_value') ;
-		if ( do_store && pq != '' ) {
-			me.updateRef ( container.attr('ref') , pq ) ; // store in data structure
-			pqv.html ( me.renderPQvalue ( pq ) ) ;
-			container.attr ( { pq:pq } ) ;
-		}
-		ta.html('').hide() ;
-		pqv.show() ;
-		container.find('div.pq_button').show() ;
-	} ,
-	
-	addTypeahead : function ( o ) {
-		var me = this ;
-		me.lastTypeahead = '' ;
-		var input = $(o.find('input.typeahead_input')) ;
-		var select = $(o.find('ul.pq_dropdown')) ;
-		input.keyup ( function () {
-			me.typeAhead ( o , input , select ) ;
-		} ) ;
-		input.focus() ;
-		me.typeAhead ( o , input , select ) ;
-	} ,
-	
-	typeAhead : function ( o , input , select ) {
-		var me = this ;
-		var type = o.attr('type') ;
-		var l = me.lang() ;
-		var s = input.val() ;
-		if ( s == me.lastTypeahead ) return ;
-		me.lastTypeahead = s ;
-		select.html ( '' ) ;
-		$.getJSON ( me.getSiteAPI()+"?callback=?" , {
-			action:'wbsearchentities',
-			search:s,
-			language:l,
-			type:type,
-			format:'json'
-		} , function ( d ) {
-			var h = '' ;
-			$.each ( d.search , function ( k , v ) {
-				h += "<li style='cursor:pointer' pq='" + v.title + "'>" ;
-				h += "<div><b>" + me.htmlSafe(v.label) + "</b> <small>(" + v.title + ")</small></div>" ;
-				h += "<div><small>" + me.htmlSafe(v.description||'') + "</small></div>" ;
-				h += "</li>" ;
-			} ) ;
-			select.html ( h ) ;
-			select.find('li').click ( function () {
-				var a = $(this) ;
-				var pq = a.attr('pq').replace(/^.+:/,'') ;
-				var container = $(input.parents('div.pq_container').get(0)) ;
-				input.attr ( { pq:pq } ) ;
-				me.onSubmitPQ ( container , true ) ;
-			} ) ;
-		} ) ;
-	} ,
-
-	importFromV1 : function ( v1 ) {
-		var me = this ;
-		if ( v1.length < 1000 ) location.hash = 'v1='+v1 ;
-		$.post ( me.api , {
-			action:'import',
-			data:v1,
-			format:'v1',
-			persistent:0,
-		} , function ( d ) {
-			// TODO status/error check
-			me.data = d.data ;
-			me.setupTableFromCommands() ;
-		} , 'json' ) ;
-	} ,
-	
-	importFromCSV : function ( csv ) {
-		var me = this ;
-		if ( csv.length < 1000 ) location.hash = 'csv='+csv ;
-		$.post ( me.api , {
-			action:'import',
-			data:csv,
-			format:'csv',
-			persistent:0,
-		} , function ( d ) {
-			// TODO status/error check
-			me.data = d.data ;
-			me.setupTableFromCommands() ;
-		} , 'json' ) ;
-	} ,
-	
-	renderPQvalue : function ( i ) {
-		var me = this ;
-		var html = '???' ;
-		if ( i == 'LAST' ) {
-			html = '<i>LAST ITEM</i>' ;
-		} else if ( i.match ( /^(?:[PQL]\d+|L\d+-[FS]\d+)$/i ) ) { // ENTITY
-			var letter = i.substr(0,1).toUpperCase() ;
-			var title = me.types[letter].ns_prefix + i.replace('-', '#') ;
-			html = "<a class='wd_unlabeled' pq='"+i+"' href='" + me.getSitePageURL(title) + "' target='_blank'>" + i + "</a> <small>[" + i + "]</small>"
-
-		} else { // DUNNO
-			html = me.htmlSafe ( i ) ;
-		}
-		return html ;
-	} ,
-	
-	renderPQ : function ( i , ref ) {
-		var me = this ;
-		html = "<div class='pq_container' pq='"+me.htmlSafe(i)+"'" ;
-		if ( typeof ref != 'undefined' ) html += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		else console.log ( "NO PQ REF" , i ) ;
-		html += "><div class='pq_value'>" + me.renderPQvalue(i) + "</div>" ;
-		html += "<div class='pq_button'><a class='pq_edit_unlinked'><img src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/PICOL_Edit.svg/16px-PICOL_Edit.svg.png' border=0 /></a></div>" ;
-		html += "<div class='pq_form'>FORM</div>" ;
-		html += "</div>" ;
-		return html ;
-	} ,
-	
-	htmlSafe : function ( s ) {
-		var me = this ;
-		if ( typeof s == 'undefined' ) return '' ;
-		var html_safe = (''+s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#x27;').replace(/\//g,'&#x2F;') ;
-		return html_safe ;
-	} ,
-	
-	renderString : function ( s , ref ) {
-		var me = this ;
-		var h = '' ;
-		h += "<div class='string_container'" ;
-		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		h += ">" ;
-		h += me.htmlSafe ( s ) ;
-		h += "</div>" ;
-		return h ;
-	} ,
-	
-	renderTime : function ( v , ref ) {
-		var me = this ;
-		var h = '' ;
-		h += "<div class='time_container'" ;
-		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		h += ">" ;
-		h += v.time + "/" + v.precision ; // TODO
-		h += "</div>" ;
-		return h ;
-	} ,
-	
-	renderCoordinate : function ( v , ref ) {
-		var me = this ;
-		var h = '' ;
-		h += "<div class='coordinate_container'" ;
-		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		h += ">" ;
-		h += v.latitude + '/' + v.longitude  ; // TODO
-		h += "</div>" ;
-		return h ;
-	} ,
-	
-	renderQuantity : function ( v , ref ) {
-		var me = this ;
-		var h = '' ;
-		h += "<div class='quantity_container'" ;
-		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		h += ">" ;
-		h += me.htmlSafe(v.amount) ; // TODO
-		var range = '' ;
-		if ( typeof v.lowerBound != 'undefined' && v.amount*1 != v.lowerBound*1 ) range += me.htmlSafe(v.lowerBound)+'&ndash;' ;
-		if ( typeof v.upperBound != 'undefined' && v.amount*1 != v.upperBound*1 ) range += '&ndash;'+me.htmlSafe(v.upperBound) ;
-		range = range.replace ( /(&ndash;)+/ , '&ndash;' ) ;
-		if ( range != '' ) h += '&nbsp;(' + range + ')' ;
-		h += "</div>" ;
-		return h ;
-	} ,
-	
-	renderMonolingualtext : function ( v , ref ) {
-		var me = this ;
-		var h = '' ;
-		h += "<div class='monolingualtext_container'" ;
-		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
-		h += ">" ;
-		h += me.htmlSafe(v.language) + ": " + me.htmlSafe(v.text) ;
-		h += "</div>" ;
-		return h ;
-	} ,
-	
-	renderValue : function ( v , ref ) {
-		var me = this ;
-		if ( typeof v.type == 'undefined' ) return "<i>" + JSON.stringify(v) + "</i>" ;
-		if ( v.type == 'novalue' || v.type == 'somevalue' ) return "<i>" + v.type + "</i>" ;
-		if ( v.type == 'wikibase-entityid' ) {
-			ref.attr += '.value.id' ;
-			return me.renderPQ ( v.value.id , ref ) ;
-		}
-		if ( v.type == 'string' ) return me.renderString ( v.value , ref ) ;
-		if ( v.type == 'time' ) return me.renderTime ( v.value , ref ) ;
-		if ( v.type == 'globecoordinate' ) return me.renderCoordinate ( v.value , ref ) ;
-		if ( v.type == 'quantity' ) return me.renderQuantity ( v.value , ref ) ;
-		if ( v.type == 'monolingualtext' ) return me.renderMonolingualtext ( v.value , ref ) ;
-		return "<i>" + JSON.stringify(v) + "</i>" ;
-	} ,
-	
-	renderAction : function ( cmd ) {
-		var ret = cmd.action.toUpperCase() ;
-		if ( typeof cmd.what != 'undefined' && cmd.what != 'statement' ) ret += " " + cmd.what.toUpperCase() ;
-		return ret ;
-	} ,
-	
-	renderQualifier : function ( qualifier , ref ) {
-		var me = this ;
-		var h = '' ;
-		ref.attr = 'qualifier.prop' ;
-		h += "<div>" + me.renderPQ ( qualifier.prop , ref ) + "</div>" ;
-		ref.attr = 'qualifier.value' ;
-		h += "<div>" + me.renderValue ( qualifier.value , ref ) + "</div>" ;
-		return h ;
-	} ,
-	
-	renderSources : function ( sources , ref ) {
-		var me = this ;
-		var h = '' ;
-		$.each ( sources , function ( k , v ) {
-			if ( k > 0 ) h += "<hr/>" ;
-			ref.attr = 'sources.'+k+'.prop' ;
-			h += "<div>" + me.renderPQ ( v.prop , ref ) + "</div>" ;
-			ref.attr = 'sources.'+k+'.value' ;
-			h += "<div>" + me.renderValue ( v.value , ref ) + "</div>" ;
-		} ) ;
-		return h ;
-	} ,
-	
-	wrapStatusAlert : function ( s , key , msg ) {
-		var me = this ;
-		var ret = '<div class="alert alert-'+key+'" style="padding:2px;margin:0px" role="alert"' ;
-		if ( typeof msg != 'undefined' && msg != '' ) {
-			ret += ' title="'+me.htmlSafe(msg)+'"' ;
-			s += ' <sup>*</sup>' ;
-		}
-		ret += '>'+s+'</div>' ;
-		return ret ;
-	} ,
-	
-	renderStatus : function ( command ) {
-		var me = this ;
-		if ( typeof command.status == 'undefined' || command.status == '' ) return me.wrapStatusAlert ( "<span tt='pending' class='update_label'></span>" , 'info' , command.message ) ;
-		var s = me.htmlSafe(command.status) ;
-		if ( s == 'done' ) {
-			s = me.wrapStatusAlert ( s , 'success' , command.message ) ;
-		} else if ( s == 'error' ) {
-			s = me.wrapStatusAlert ( s , 'danger' , command.message ) ;
-		} else {
-			s = me.wrapStatusAlert ( s , 'warning' , command.message ) ;
-		}
-		return s ;
-	} ,
-	
-	getCommandRowTabs : function ( cmdnum , cmd , dt ) {
-		var me = this ;
-		var tabs = [ '' , '<span tt="unknown_command"></span>' , '' , '' , '' , '' ] ;
-		tabs[0] = me.renderStatus ( cmd ) ;
-		if ( (cmd.action=='add'||cmd.action=='remove') && ( cmd.what=='statement' || cmd.what=='qualifier' || cmd.what=='sources' ) ) {
-			tabs[1] = me.renderAction ( cmd ) ;
-			tabs[2] = me.renderPQ ( cmd.item , {cmdnum:cmdnum,attr:'item'} ) ;
-			tabs[3] = me.renderPQ ( cmd.property , {cmdnum:cmdnum,attr:'property'} ) ;
-			tabs[4] = me.renderValue ( cmd.datavalue , {cmdnum:cmdnum,attr:'datavalue'} ) ;
-			if ( cmd.what == 'qualifier' ) tabs[5] = me.renderQualifier ( cmd.qualifier , {cmdnum:cmdnum} ) ;
-			if ( cmd.what == 'sources' ) tabs[5] = me.renderSources ( cmd.sources , {cmdnum:cmdnum} ) ;
-		} else if ( (cmd.action=='add'||cmd.action=='remove') && ( cmd.what=='label' || cmd.what=='description' || cmd.what=='alias' || cmd.what=='sitelink' ) ) {
-			tabs[1] = me.renderAction ( cmd ) ;
-			tabs[2] = me.renderPQ ( cmd.item , {cmdnum:cmdnum,attr:'item'} ) ;
-			if ( cmd.what == 'sitelink' ) {
-				tabs[3] = me.renderString ( cmd.site , {cmdnum:cmdnum,attr:'site'} ) ;
-			} else {
-				tabs[3] = me.renderString ( cmd.language , {cmdnum:cmdnum,attr:'language'} ) ;
-			}
-			tabs[4] = me.renderString ( cmd.value , {cmdnum:cmdnum,attr:'value'} ) ;
-		} else if ( cmd.action == 'create' ) {
-			tabs[1] = me.renderAction ( cmd ) ;
-			tabs[2] = cmd.type ;
-		} else { // Unknown
-			tabs[5] = JSON.stringify(cmd) ;
-		}
-		return tabs ;
-	} ,
-	
-	addCommandToTable : function ( cmdnum , cmd , dt ) {
-		var me = this ;
-		var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ;
-		dt.row.add ( tabs ) ;
-	} ,
-	
-	setupTableFromCommands : function () {
-		var me = this ;
-		var dt = $('#main_table').DataTable() ;
-		$.each ( me.data.commands , function ( cmdnum , cmd ) {
-			me.addCommandToTable ( cmdnum , cmd , dt ) ;
-		} ) ;
-		dt.draw(false) ;
-		me.tt.updateInterface ( dt ) ;
-	} ,
-
-	fin:''
-}
-
-
-$(document).ready ( function () {
-	QuickStatements.init() ;
-} ) ;
\ No newline at end of file
+(()=>{var t;t={api:"./api.php",config:{},params:{},data:{},oauth:{},sites:{},types:{},run_state:{running:!1},batch_update_interval:5e3,init:function(){var t=this,a=3;function e(){--a>0||(t.tt.addILdropdown($("#interface_language_wrapper")),t.updateUserInfo(),t.params=t.getUrlVars(),$("#import_v1_dialog").on("shown.bs.modal",(function(){$("#v1_commands").val("").focus()})),$("#v1_import").click((function(){t.onImportV1(),$("#import_v1_dialog").modal("hide")})),$("#import_csv_dialog").on("shown.bs.modal",(function(){$("#csv_input").val("").focus()})),$("#csv_import").click((function(){t.onImportCSV(),$("#import_csv_dialog").modal("hide")})),$("#main_table").DataTable({ordering:!1,info:!1}),$("#link_import_qs1").click(t.onClickImportV1),$("#link_import_csv").click(t.onClickImportCSV),$("#run").click((function(){return t.run(!1),!1})),$("#run_background").click((function(){return t.run(!0),!1})),$("#stop").click((function(){return t.stop(),!1})),void 0!==t.params.v1&&t.importFromV1(t.params.v1),void 0!==t.params.csv&&t.importFromCSV(t.params.csv),t.updateUnlabeledItems(),"batch"==t.params.mode&&(t.run_state.batch_id=t.params.batch),"batches"==t.params.mode&&(t.run_state.filters={},void 0!==t.params.user&&(t.run_state.filters.user=t.params.user)),t.switchMode(t.params.mode))}t.tt=new ToolTranslation({tool:"quickstatements",language:t.lang(),fallback:"en",callback:function(){e()}}),"/tools/quickstatements"==window.location.pathname.substring(0,22)&&(t.config={site:"wikibase",sites:{wikibase:{api:window.location.protocol+"//"+window.location.host+"/w/api.php",pageBase:window.location.protocol+"//"+window.location.host+"/wiki/",types:{P:{type:"property",ns:122,ns_prefix:"Property:"},Q:{type:"item",ns:120,ns_prefix:"Item:"}}}}}),"localhost:8086"==window.location.host.substring(window.location.host.length-14)&&(t.config={site:"wikibase",sites:{wikibase:{api:window.location.protocol+"//"+window.location.host.substring(0,window.location.host.length-5)+":8083/w/api.php",pageBase:window.location.protocol+"//"+window.location.host.substring(0,window.location.host.length-5)+":8083/wiki/",types:{P:{type:"property",ns:122,ns_prefix:"Property:"},Q:{type:"item",ns:120,ns_prefix:"Item:"}}}}}),t.sites=t.config.sites,t.setSite("wikibase"),t.oauth={is_logged_in:!1},$.post(t.api,{action:"is_logged_in"},"json").then((function(a){t.oauth=a.data})).always(e)},setSite:function(t){var a=this;a.site=t,a.types=a.sites[a.site].types},getSiteAPI:function(){var t=this;return t.sites[t.site].publicApi||t.sites[t.site].api},getSitePageURL:function(t){return this.sites[this.site].pageBase+encodeURIComponent(t.replace(/ /g,"_"))},lang:function(){return"en"},stop:function(){var t=this;t.run_state.running=!1,void 0!==t.run_state.batch_watcher&&clearInterval(t.run_state.batch_watcher),$("#stop_buttons button").prop("disabled",!0),$("#run_buttons button").prop("disabled",!1),$("#stop_buttons").hide()},ts2string:function(t){return t.substr(0,4)+"-"+t.substr(4,2)+"-"+t.substr(6,2)+" "+t.substr(8,2)+":"+t.substr(10,2)+":"+t.substr(12,2)},canUserStopBatch:function(t){var a=this;if(void 0===a.oauth.query)return!1;if(void 0===a.oauth.query.userinfo)return!1;if(a.oauth.query.userinfo.name==t)return!0;if(void 0===a.oauth.query.userinfo.groups)return!1;var e=!1;return $.each(a.oauth.query.userinfo.groups,(function(t,a){"sysop"==a&&(e=!0)})),e},safeHTML:function(t){return t.replace(/</,"&lt").replace(/>/,"&gt").replace(/&/,"&amp;")},getBatchButtons:function(t){var a="",e=t.batch.id;return this.canUserStopBatch(t.batch.user_name)&&(a+="<div>",a+="<button batch='"+e+"' class='stop-batch btn btn-danger btn-lg'","RUN"!=t.batch.status&&(a+=" style='display:none'"),a+=">STOP THIS BATCH RUN NOW!</button>",a+="<button batch='"+e+"' class='start-batch btn btn-success btn-lg'","STOP"!=t.batch.status&&(a+=" style='display:none'"),a+=">(Re-)start this batch</button>",a+="</div>"),a},updateBatchStatus:function(){var t=this;void 0!==t.run_state.batch_id&&($("#single_batch_busy").show(),$.post(t.api,{action:"get_batch_info",batch:t.run_state.batch_id},(function(a){var e=t.run_state.batch_id;$("#single_batch_busy").hide();var n=a.data[e],i="",s=t.getSitePageURL("User:"+n.batch.user_name);""!=n.name&&(i+="<h2>"+t.safeHTML(n.batch.name)+"</h2>"),i+="<p>User: <a href='"+s+"' target='_blank'>"+t.safeHTML(n.batch.user_name)+"</a>",i+=" <small>(<a href='./#mode=batches&user="+encodeURIComponent(n.batch.user_name)+"' onclick='QuickStatements.batchesByUser(\""+encodeURIComponent(n.batch.user_name)+"\");return false'>batches by this user</a>)</small>",i+="</p>",i+="<p>Status: <b>"+n.batch.status+"</b> <small>"+t.safeHTML(n.batch.message)+"</small></p>",i+="<p>Created: "+t.ts2string(n.batch.ts_created)+"</p>",i+="<p>Last change: "+t.ts2string(n.batch.ts_last_change)+"</p>",i+="<table class='table table-condensed table-striped'>",i+="<thead><tr><th>Status</th><th>Count</th></tr></thead><tbody>",$.each(n.commands,(function(t,a){i+="<tr><td>"+t+"</td><td>"+a+"</td></tr>"})),i+="</tbody></table>",i+=t.getBatchButtons(n),$("#single_batch_status").html(i),$("button.stop-batch").click((function(){var a=$(this),e=a.attr("batch");$.post(t.api,{action:"stop_batch",batch:e},(function(t){console.log(t),a.hide(),$('button.start-batch[batch="'+e+'"]').show()}))})),$("button.start-batch").click((function(){var a=$(this),e=a.attr("batch");$.post(t.api,{action:"start_batch",batch:e},(function(t){console.log(t),a.hide(),$('button.stop-batch[batch="'+e+'"]').show()}))}))})))},showBatches:function(){var t=this,a=["mode=batches"];$.each(t.run_state.filters,(function(t,e){a.push(t+"="+encodeURIComponent(e))})),location.hash=a.join("&");var e={action:"get_batches_info"};$.each(t.run_state.filters,(function(t,a){e[t]=a})),$.post(t.api,e,(function(a){var e=[];$.each(a.data,(function(t,a){e.push(a)})),e.sort((function(t,a){return 1*a.batch.ts_last_change-1*t.batch.ts_last_change}));var n="<table class='table table-condensed table-striped'>";n+="<thead><tr><th>#</th><th>User</th><th>Name</th><th>Status</th><th>Last change</th><th>Actions</th></tr></thead>",n+="<tbody>",$.each(e,(function(a,e){var i=e.batch.id,s=t.getSitePageURL("User:"+e.batch.user_name);n+="<tr>",n+="<td><a href='#mode=batch&batch="+i+"'>"+i+"</td>",n+="<td nowrap><a href='"+s+"' target='_blank'>"+t.safeHTML(e.batch.user_name)+"</a></td>",n+="<td>"+t.safeHTML(e.batch.name)+"</td>",n+="<td>",n+="<div>"+t.safeHTML(e.batch.status)+" <small>"+t.safeHTML(e.batch.message)+"</small></div>";var o=[];$.each(e.commands,(function(t,a){o.push(t+":"+a)})),n+="<div style='font-size:9pt'>"+o.sort().join(" | ")+"</div>",n+="</td>",n+="<td nowrap>"+t.ts2string(e.batch.ts_last_change)+"</td>",n+="<td>"+t.getBatchButtons(e)+"</td>",n+="</tr>"})),n+="</tbody></table>",$("#multi_batch_status").html(n)}))},batchesByUser:function(t){this.run_state.filters={user:decodeURIComponent(t)},this.switchMode("batches")},showBatch:function(){var t=this;location.hash="mode=batch&batch="+t.run_state.batch_id,$("#single_batch_number").text(t.run_state.batch_id),t.run_state.batch_watcher=setInterval((function(){t.updateBatchStatus()}),t.batch_update_interval),t.updateBatchStatus()},switchMode:function(t){var a=this;void 0!==t&&(a.mode=t,$("div.mode").hide(),$("#mode_"+t).show(),void 0!==a.run_state.batch_watcher&&clearInterval(a.run_state.batch_watcher),"batch"==t&&a.showBatch(),"batches"==t&&a.showBatches(),"token"==t&&a.getToken())},getToken:function(){var t={action:"get_token"};console.log(t),$.post(this.api,t,(function(t){$("#token").text(t.data.token)}))},runInBackground:function(){var t=this,a="",e=prompt("Enter a name for this batch (optional)","");""!=e&&(a=e),$.post(t.api,{action:"run_batch",name:a,commands:JSON.stringify(t.data.commands)},(function(a){if("OK"!=a.status)return alert(a.status),void console.log(a);t.run_state={running:!0,last_item:"",commands:{pending:0,done:0},batch_id:a.batch_id},t.switchMode("batch")}))},run:function(t){var a=this;a.run_state.running||(void 0!==a.run_state.batch_watcher&&clearInterval(a.run_state.batch_watcher),t?a.runInBackground():(a.run_state={running:!0,last_item:"",commands:{pending:0,done:0}},$("#run_status").text(""),$("#run_status_wrapper").show(),$.each(a.data.commands,(function(t,e){var n=e.status;void 0===n||""==n?n="pending":"done"!=n&&(e.status="",e.message=""),void 0===a.run_state.commands[n]&&(a.run_state.commands[n]=0),a.run_state.commands[n]++})),$("#stop_buttons button").prop("disabled",!1),$("#run_buttons button").prop("disabled",!0),$("#stop_buttons").show(),t||a.runNextCommand()))},runNextCommand:function(){var t=this;if(t.run_state.running){var a;if($.each(t.data.commands,(function(t,e){if(void 0===e.status||""==e.status)return a=t,!1})),void 0===a)return t.stop();t.runSingleCommand(a)}},setCommandStatus:function(t,a){this.data.commands[t].status="running",this.updateCommandRow(t)},updateCommandRow:function(t){var a=this,e=$("#main_table").DataTable(),n=a.data.commands[t],i=a.getCommandRowTabs(t,n,e);e.row(t).data(i).draw(),a.tt.updateInterface(e)},updateRunStatus:function(){var t=[];$.each(this.run_state.commands,(function(a,e){t.push(a+":"+e)}));var a=t.join("; ");$("#run_status").text(a)},runSingleCommand:function(t){var a=this,e=a.data.commands[t];a.setCommandStatus(t,"running"),a.updateRunStatus(),$.post(a.api,{action:"run_single_command",command:JSON.stringify(e),last_item:a.run_state.last_item},(function(e){a.data.commands[t]=e.command,void 0!==e.last_item&&(a.run_state.last_item=e.last_item),a.run_state.commands.pending--,"OK"==e.status?a.run_state.commands.done++:(void 0===a.run_state.commands[e.status]&&(a.run_state.commands[e.status]=0),a.run_state.commands[e.status]++),a.updateRunStatus(),a.updateCommandRow(t),a.runNextCommand()}),"json")},updateUserInfo:function(){var t=this,a="";if(t.oauth.is_logged_in){var e=t.oauth.query.userinfo.name;a="<span tt='welcome' tt1='"+t.htmlSafe(e)+"'></span>",$("#logged_in_actions").show(),$('a[tt="show_your_last_batches"]').show().click((function(){return t.run_state.filters={user:e},t.switchMode("batches"),!1}))}else a+="<a href='"+t.api+"?action=oauth_redirect' target='_blank' tt='login'></a> <span tt='login2'></span>";$("#userinfo").html(a),t.tt.updateInterface($("#userinfo"))},showLastBatches:function(){var a=t;a.run_state.filters={},a.switchMode("batches")},getUrlVars:function(){var t={},a=window.location.href.slice(window.location.href.indexOf("#")+1);a.match(/.3D/)&&(a=a.replace(/\.3D/g,"=").replace(/\.26/g,"&").replace(/\.2F/g,"/"));var e=a.split("&");return $.each(e,(function(a,e){var n=e.split("=");n[1]+="",t[n[0]]=decodeURI(n[1]).replace(/_/g," ")})),t},onClickImportV1:function(){t.switchMode("commands"),$("#import_v1_dialog").modal("show")},onClickImportCSV:function(){t.switchMode("commands"),$("#import_csv_dialog").modal("show")},onImportV1:function(){var t=$("#v1_commands").val();$("#v1_commands").val(""),this.importFromV1(t)},onImportCSV:function(){var t=$("#csv_input").val();$("#csv_input").val(""),this.importFromCSV(t)},updateUnlabeledItems:function(){var t=this,a=[];$("span.update_label").each((function(){var a=$(this);if(""==a.text()){var e=a.attr("tt");a.text(t.tt.t(e))}})),$("a.wd_unlabeled").each((function(){var t=$(this),e=t.attr("pq");if(e.match(/^(?:[PQL]\d+|L\d+-[FS]\d+)$/i))return a.push(e),t.removeClass("wd_unlabeled").addClass("wd_pq").attr({title:e}),!(a.length>=50)&&void 0})),$("a.pq_edit_unlinked").each((function(){var a=$(this);a.removeClass("pq_edit_unlinked"),a.click((function(){return t.onClickEditPQ($(a.parents("div.pq_container").get(0))),!1}))})),a.length>0&&$.getJSON(t.getSiteAPI()+"?action=wbgetentities&ids="+a.join("|")+"&format=json&callback=?",(function(t){$.each(t.entities,(function(t,a){if(void 0===a.missing){var e;if(void 0!==a.labels&&void 0!==a.labels.en&&(e=a.labels.en.value),void 0===e&&void 0!==a.lemmas)for(var n in a.lemmas){e=a.lemmas[n].value;break}if(void 0===e&&void 0!==a.representations)for(var n in a.representations){e=a.representations[n].value;break}void 0===e&&void 0!==a.glosses&&void 0!==a.glosses.en&&(e=a.glosses.en.value),void 0!==e&&$('a.wd_pq[pq="'+t+'"]').removeClass("red").text(e)}else $('a.wd_pq[pq="'+t+'"]').addClass("red")}))})),setTimeout((function(){t.updateUnlabeledItems()}),500)},onClickEditPQ:function(t){var a=this;$("button.cancel").click();var e=t.attr("pq");t.find("div.pq_value").hide(),t.find("div.pq_button").hide();var n=$(t.find("div.pq_value a")).text(),i=$(t.find("div.pq_form")),s="";s+="<div class='pq_typeahead' type='"+a.types[e.substr(0,1).toUpperCase()].type+"' style='width:340px'>",s+="<div>",s+="<form class='form form-inline'>",s+="<input type='text' class='typeahead_input' style='width:250px' value='"+a.htmlSafe(n)+"' pq='"+e+"'/>",s+="<input type='submit' tt_value='set' class='btn btn-primary' />",s+="<button class='cancel btn btn-default' tt='cancel_short'></button>",s+="</form>",s+="</div>",s+="<div><ul style='width:100%;overflow:auto;max-height:200px' class='pq_dropdown'></ul></div>",s+="</div>",i.html(s).show(),a.tt.updateInterface(i),a.addTypeahead($(t.find("div.pq_typeahead"))),$(t.find("form")).submit((function(){return a.onSubmitPQ(t,!0),!1})),$(t.find("button.cancel")).click((function(){return a.onSubmitPQ(t,!1),!1}))},updateRef:function(t,a){if(void 0!==t&&""!=t){var e=JSON.parse(t);if(void 0!==e)if(void 0!==e.cmdnum){for(var n=this.data.commands[e.cmdnum];null!=(m=e.attr.match(/^(.+?)\.(.+)$/));)n=n[m[1]],e.attr=m[2];n[e.attr]=a}else console.log("COUND NOT STORE REF",e,a)}},onSubmitPQ:function(t,a){var e=$(t.find("div.pq_typeahead")),n=$(t.find("input.typeahead_input")),i=n.attr("pq"),s=(n.val(),t.find("div.pq_value"));a&&""!=i&&(this.updateRef(t.attr("ref"),i),s.html(this.renderPQvalue(i)),t.attr({pq:i})),e.html("").hide(),s.show(),t.find("div.pq_button").show()},addTypeahead:function(t){var a=this;a.lastTypeahead="";var e=$(t.find("input.typeahead_input")),n=$(t.find("ul.pq_dropdown"));e.keyup((function(){a.typeAhead(t,e,n)})),e.focus(),a.typeAhead(t,e,n)},typeAhead:function(t,a,e){var n=this,i=t.attr("type"),s=n.lang(),o=a.val();o!=n.lastTypeahead&&(n.lastTypeahead=o,e.html(""),$.getJSON(n.getSiteAPI()+"?callback=?",{action:"wbsearchentities",search:o,language:s,type:i,format:"json"},(function(t){var i="";$.each(t.search,(function(t,a){i+="<li style='cursor:pointer' pq='"+a.title+"'>",i+="<div><b>"+n.htmlSafe(a.label)+"</b> <small>("+a.title+")</small></div>",i+="<div><small>"+n.htmlSafe(a.description||"")+"</small></div>",i+="</li>"})),e.html(i),e.find("li").click((function(){var t=$(this).attr("pq").replace(/^.+:/,""),e=$(a.parents("div.pq_container").get(0));a.attr({pq:t}),n.onSubmitPQ(e,!0)}))})))},importFromV1:function(t){var a=this;t.length<1e3&&(location.hash="v1="+t),$.post(a.api,{action:"import",data:t,format:"v1",persistent:0},(function(t){a.data=t.data,a.setupTableFromCommands()}),"json")},importFromCSV:function(t){var a=this;t.length<1e3&&(location.hash="csv="+t),$.post(a.api,{action:"import",data:t,format:"csv",persistent:0},(function(t){a.data=t.data,a.setupTableFromCommands()}),"json")},renderPQvalue:function(t){var a=this,e="???";if("LAST"==t)e="<i>LAST ITEM</i>";else if(t.match(/^(?:[PQL]\d+|L\d+-[FS]\d+)$/i)){var n=t.substr(0,1).toUpperCase(),i=a.types[n].ns_prefix+t.replace("-","#");e="<a class='wd_unlabeled' pq='"+t+"' href='"+a.getSitePageURL(i)+"' target='_blank'>"+t+"</a> <small>["+t+"]</small>"}else e=a.htmlSafe(t);return e},renderPQ:function(t,a){var e=this;return html="<div class='pq_container' pq='"+e.htmlSafe(t)+"'",void 0!==a?html+=" ref='"+e.htmlSafe(JSON.stringify(a))+"'":console.log("NO PQ REF",t),html+="><div class='pq_value'>"+e.renderPQvalue(t)+"</div>",html+="<div class='pq_button'><a class='pq_edit_unlinked'><img src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/PICOL_Edit.svg/16px-PICOL_Edit.svg.png' border=0 /></a></div>",html+="<div class='pq_form'>FORM</div>",html+="</div>",html},htmlSafe:function(t){return void 0===t?"":(""+t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")},renderString:function(t,a){var e="";return e+="<div class='string_container'",void 0!==a&&(e+=" ref='"+this.htmlSafe(JSON.stringify(a))+"'"),e+=">",(e+=this.htmlSafe(t))+"</div>"},renderTime:function(t,a){var e="";return e+="<div class='time_container'",void 0!==a&&(e+=" ref='"+this.htmlSafe(JSON.stringify(a))+"'"),e+=">",(e+=t.time+"/"+t.precision)+"</div>"},renderCoordinate:function(t,a){var e="";return e+="<div class='coordinate_container'",void 0!==a&&(e+=" ref='"+this.htmlSafe(JSON.stringify(a))+"'"),e+=">",(e+=t.latitude+"/"+t.longitude)+"</div>"},renderQuantity:function(t,a){var e=this,n="";n+="<div class='quantity_container'",void 0!==a&&(n+=" ref='"+e.htmlSafe(JSON.stringify(a))+"'"),n+=">",n+=e.htmlSafe(t.amount);var i="";return void 0!==t.lowerBound&&1*t.amount!=1*t.lowerBound&&(i+=e.htmlSafe(t.lowerBound)+"&ndash;"),void 0!==t.upperBound&&1*t.amount!=1*t.upperBound&&(i+="&ndash;"+e.htmlSafe(t.upperBound)),""!=(i=i.replace(/(&ndash;)+/,"&ndash;"))&&(n+="&nbsp;("+i+")"),n+"</div>"},renderMonolingualtext:function(t,a){var e=this,n="";return n+="<div class='monolingualtext_container'",void 0!==a&&(n+=" ref='"+e.htmlSafe(JSON.stringify(a))+"'"),n+=">",(n+=e.htmlSafe(t.language)+": "+e.htmlSafe(t.text))+"</div>"},renderValue:function(t,a){var e=this;return void 0===t.type?"<i>"+JSON.stringify(t)+"</i>":"novalue"==t.type||"somevalue"==t.type?"<i>"+t.type+"</i>":"wikibase-entityid"==t.type?(a.attr+=".value.id",e.renderPQ(t.value.id,a)):"string"==t.type?e.renderString(t.value,a):"time"==t.type?e.renderTime(t.value,a):"globecoordinate"==t.type?e.renderCoordinate(t.value,a):"quantity"==t.type?e.renderQuantity(t.value,a):"monolingualtext"==t.type?e.renderMonolingualtext(t.value,a):"<i>"+JSON.stringify(t)+"</i>"},renderAction:function(t){var a=t.action.toUpperCase();return void 0!==t.what&&"statement"!=t.what&&(a+=" "+t.what.toUpperCase()),a},renderQualifier:function(t,a){var e="";return a.attr="qualifier.prop",e+="<div>"+this.renderPQ(t.prop,a)+"</div>",a.attr="qualifier.value",e+"<div>"+this.renderValue(t.value,a)+"</div>"},renderSources:function(t,a){var e=this,n="";return $.each(t,(function(t,i){t>0&&(n+="<hr/>"),a.attr="sources."+t+".prop",n+="<div>"+e.renderPQ(i.prop,a)+"</div>",a.attr="sources."+t+".value",n+="<div>"+e.renderValue(i.value,a)+"</div>"})),n},wrapStatusAlert:function(t,a,e){var n='<div class="alert alert-'+a+'" style="padding:2px;margin:0px" role="alert"';return void 0!==e&&""!=e&&(n+=' title="'+this.htmlSafe(e)+'"',t+=" <sup>*</sup>"),n+">"+t+"</div>"},renderStatus:function(t){var a=this;if(void 0===t.status||""==t.status)return a.wrapStatusAlert("<span tt='pending' class='update_label'></span>","info",t.message);var e=a.htmlSafe(t.status);return"done"==e?a.wrapStatusAlert(e,"success",t.message):"error"==e?a.wrapStatusAlert(e,"danger",t.message):a.wrapStatusAlert(e,"warning",t.message)},getCommandRowTabs:function(t,a,e){var n=this,i=["",'<span tt="unknown_command"></span>',"","","",""];return i[0]=n.renderStatus(a),"add"!=a.action&&"remove"!=a.action||"statement"!=a.what&&"qualifier"!=a.what&&"sources"!=a.what?"add"!=a.action&&"remove"!=a.action||"label"!=a.what&&"description"!=a.what&&"alias"!=a.what&&"sitelink"!=a.what?"create"==a.action?(i[1]=n.renderAction(a),i[2]=a.type):i[5]=JSON.stringify(a):(i[1]=n.renderAction(a),i[2]=n.renderPQ(a.item,{cmdnum:t,attr:"item"}),"sitelink"==a.what?i[3]=n.renderString(a.site,{cmdnum:t,attr:"site"}):i[3]=n.renderString(a.language,{cmdnum:t,attr:"language"}),i[4]=n.renderString(a.value,{cmdnum:t,attr:"value"})):(i[1]=n.renderAction(a),i[2]=n.renderPQ(a.item,{cmdnum:t,attr:"item"}),i[3]=n.renderPQ(a.property,{cmdnum:t,attr:"property"}),i[4]=n.renderValue(a.datavalue,{cmdnum:t,attr:"datavalue"}),"qualifier"==a.what&&(i[5]=n.renderQualifier(a.qualifier,{cmdnum:t})),"sources"==a.what&&(i[5]=n.renderSources(a.sources,{cmdnum:t}))),i},addCommandToTable:function(t,a,e){var n=this.getCommandRowTabs(t,a,e);e.row.add(n)},setupTableFromCommands:function(){var t=this,a=$("#main_table").DataTable();$.each(t.data.commands,(function(e,n){t.addCommandToTable(e,n,a)})),a.draw(!1),t.tt.updateInterface(a)},fin:""},$(document).ready((function(){t.init()})),(()=>{"use strict";let t,a,e=new WikiData,n={};$(document).ready((function(){vue_components.toolname="quickstatements",Promise.all([vue_components.loadComponents(["wd-date","wd-link","tool-translate","tool-navbar","commons-thumbnail","vue_components/batch_access_mixin.html","vue_components/user.html","vue_components/main-page.html","vue_components/command.html","vue_components/batch-commands.html","vue_components/batch.html","vue_components/batches.html","vue_components/user-page.html"]),new Promise((function(t,a){"/tools/quickstatements"==window.location.pathname.substring(0,22)&&(n={site:"wikibase",sites:{wikibase:{api:window.location.protocol+"//"+window.location.host+"/w/api.php",pageBase:window.location.protocol+"//"+window.location.host+"/wiki/",types:{P:{type:"property",ns:122,ns_prefix:"Property:"},Q:{type:"item",ns:120,ns_prefix:"Item:"}}}}}),"localhost:8086"==window.location.host.substring(window.location.host.length-14)&&(n={site:"wikibase",sites:{wikibase:{api:window.location.protocol+"//"+window.location.host.substring(0,window.location.host.length-5)+":8083/w/api.php",pageBase:window.location.protocol+"//"+window.location.host.substring(0,window.location.host.length-5)+":8083/wiki/",types:{P:{type:"property",ns:122,ns_prefix:"Property:"},Q:{type:"item",ns:120,ns_prefix:"Item:"}}}}}),t()}))]).then((()=>{const i=n.sites[n.site],s=i.publicApi||i.api;for(var o in wd_link_base=i.pageBase,wd_link_wd=e,e.api=s+"?callback=?",wd_ns_prefixes={},i.types)wd_ns_prefixes[o]=i.types[o].ns_prefix;const r=[{path:"/",component:MainPage,props:!0},{path:"/batches",component:BatchesPage,props:!0},{path:"/batches/:user_name",component:BatchesPage,props:!0},{path:"/batch",component:BatchPage,props:!0},{path:"/batch/:batch",component:BatchPage,props:!0},{path:"/user",component:UserPage,props:!0},{path:"/user/:given_user_name",component:UserPage,props:!0},{path:"/:url_params",component:MainPage,props:!0}];t=new VueRouter({routes:r}),a=new Vue({router:t}).$mount("#app")}))}))})()})();
\ No newline at end of file
diff --git a/src/quickstatements.js b/src/quickstatements.js
new file mode 100644
index 0000000..cca1dbf
--- /dev/null
+++ b/src/quickstatements.js
@@ -0,0 +1,935 @@
+// For data tables, see https://datatables.net/examples/api/add_row.html
+
+var QuickStatements = {
+
+	api : './api.php' ,
+	config : {} ,
+	params : {} ,
+	data : {} ,
+	oauth : {} ,
+	sites : {} , // Loaded from sites.json
+	types : {} ,
+	run_state : { running:false } ,
+	batch_update_interval : 5000 ,
+
+	init : function () {
+		var me = this ;
+		
+		var running = 3 ;
+		function fin () {
+			running-- ;
+			if ( running > 0 ) return ;
+
+			me.tt.addILdropdown ( $('#interface_language_wrapper') ) ;
+			me.updateUserInfo() ;
+			me.params = me.getUrlVars() ;
+		
+			$('#import_v1_dialog').on('shown.bs.modal', function () { $('#v1_commands').val('').focus() })
+			$('#v1_import').click ( function(){me.onImportV1(); $('#import_v1_dialog').modal('hide') } ) ;
+		
+			$('#import_csv_dialog').on('shown.bs.modal', function () { $('#csv_input').val('').focus() })
+			$('#csv_import').click ( function(){me.onImportCSV(); $('#import_csv_dialog').modal('hide') } ) ;
+		
+			$('#main_table').DataTable ( {
+				ordering:false,
+				info:false
+			} );
+	
+			$('#link_import_qs1').click ( me.onClickImportV1 ) ;
+			$('#link_import_csv').click ( me.onClickImportCSV ) ;
+			$('#run').click ( function () { me.run ( false ) ; return false } ) ;
+			$('#run_background').click ( function () { me.run ( true ) ; return false } ) ;
+			$('#stop').click ( function () { me.stop() ; return false } ) ;
+		
+			if ( typeof me.params.v1 != 'undefined' ) me.importFromV1 ( me.params.v1 ) ;
+			if ( typeof me.params.csv != 'undefined' ) me.importFromCSV ( me.params.csv ) ;
+
+			me.updateUnlabeledItems() ;
+			
+			if ( me.params.mode == 'batch' ) me.run_state.batch_id = me.params.batch ;
+			if ( me.params.mode == 'batches' ) {
+				me.run_state.filters = {} ;
+				if ( typeof me.params.user != 'undefined' ) me.run_state.filters.user = me.params.user ;
+			}
+			me.switchMode ( me.params.mode ) ;
+		}
+		
+		me.tt = new ToolTranslation ( { tool:'quickstatements' , language:me.lang() , fallback:'en' , callback : function () { fin() } } ) ;
+
+        // XXX WBSTACK: this is maintained in quickstatements.js AND vue.js
+
+        // WBSTACK load JS generated config based on the URL..
+        if (window.location.pathname.substring(0, 22) == '/tools/quickstatements') {
+            me.config = {
+                site: "wikibase",
+                sites: {
+                    wikibase: {
+                        api: window.location.protocol + '//' + window.location.host + '/w/api.php',
+                        pageBase: window.location.protocol + '//' + window.location.host + '/wiki/',
+                        types: {
+                            P: {type: "property", ns: 122, ns_prefix: "Property:"},
+                            Q: {type: "item", ns: 120, ns_prefix: "Item:"}
+                        }
+                    }
+                }
+            };
+        }
+
+		// WBSTACK dev generated config..
+        if(window.location.host.substring(window.location.host.length-14) == 'localhost:8086'){
+            me.config = {
+                site: "wikibase",
+                sites: {
+                    wikibase: {
+                        api: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/w/api.php',
+                        pageBase: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/wiki/',
+                        types: {
+                            P: {type: "property", ns: 122, ns_prefix: "Property:"},
+                            Q: {type: "item", ns: 120, ns_prefix: "Item:"}
+                        }
+                    }
+                }
+            };
+        }
+
+        // WBSTACK set other stuff
+        me.sites = me.config.sites
+        me.setSite("wikibase")
+
+		// WBSTACK Commented out old config loading
+		// $.get ( 'config.json' , function ( d ) {
+		// 	me.config = d ;
+		// 	me.sites = d.sites ;
+		// 	me.setSite ( me.config.site ) ;
+		// 	fin() ;
+		// } ) ;
+
+		me.oauth = { is_logged_in:false } ;
+		$.post ( me.api , { action:'is_logged_in' }, 'json' )
+			.then( function( d ) { me.oauth = d.data; } )
+			.always( fin );
+	} ,
+
+	setSite : function ( site ) {
+		var me = this ;
+		me.site = site ;
+		me.types = me.sites[me.site].types ;
+	} ,
+
+	getSiteAPI : function () {
+		var me = this ;
+		return me.sites[me.site].publicApi || me.sites[me.site].api ;
+	} ,
+	
+	getSitePageURL : function ( page ) {
+		var me = this ;
+		return me.sites[me.site].pageBase + encodeURIComponent ( page.replace(/ /g,'_') ) ;
+	} ,
+	
+	lang : function () {
+		return 'en' ; // FIXME current language
+	} ,
+	
+	stop : function () {
+		var me = this ;
+		me.run_state.running = false ;
+		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
+		$('#stop_buttons button').prop ( 'disabled' , true ) ;
+		$('#run_buttons button').prop ( 'disabled' , false ) ;
+		$('#stop_buttons').hide() ;
+	} ,
+	
+	ts2string : function ( ts ) {
+		return ts.substr(0,4) + '-' + ts.substr(4,2) + '-' + ts.substr(6,2) + ' ' + ts.substr(8,2) + ':' + ts.substr(10,2) + ':' + ts.substr(12,2) ;
+	} ,
+	
+	canUserStopBatch : function ( batch_user_name ) {
+		var me = this ;
+		if ( typeof me.oauth.query == 'undefined' ) return false ;
+		if ( typeof me.oauth.query.userinfo == 'undefined' ) return false ;
+		if ( me.oauth.query.userinfo.name == batch_user_name ) return true ;
+		if ( typeof me.oauth.query.userinfo.groups == 'undefined' ) return false ;
+
+		var ret = false ;
+		$.each ( me.oauth.query.userinfo.groups , function ( k , v ) {
+			if ( v == 'sysop' ) ret = true ;
+		} ) ;
+		return ret ;
+	} ,
+	
+	safeHTML : function ( h ) {
+		return h.replace(/</,'&lt').replace(/>/,'&gt').replace(/&/,'&amp;')
+	} ,
+	
+	getBatchButtons : function ( d2 ) {
+		var me = this ;
+		var h = '' ;
+		var batch_id = d2.batch.id ;
+		if ( me.canUserStopBatch(d2.batch.user_name) ) {
+			h += "<div>" ;
+
+			h += "<button batch='"+batch_id+"' class='stop-batch btn btn-danger btn-lg'" ;
+			if ( d2.batch.status != 'RUN' ) h += " style='display:none'" ;
+			h += ">STOP THIS BATCH RUN NOW!</button>" ;
+
+			h += "<button batch='"+batch_id+"' class='start-batch btn btn-success btn-lg'" ;
+			if ( d2.batch.status != 'STOP' ) h += " style='display:none'" ;
+			h += ">(Re-)start this batch</button>" ;
+
+			h += "</div>" ;
+		}
+		return h ;
+	} ,
+	
+	updateBatchStatus : function () {
+		var me = this ;
+		if ( typeof me.run_state.batch_id == 'undefined' ) return ;
+		$('#single_batch_busy').show() ;
+		$.post ( me.api , {
+			action:'get_batch_info',
+			batch:me.run_state.batch_id
+		} , function ( d ) {
+			var batch_id = me.run_state.batch_id ;
+			$('#single_batch_busy').hide() ;
+			var d2 = d.data[batch_id] ;
+			var h = '' ;
+			var user_url = me.getSitePageURL ( "User:"+d2.batch.user_name ) ;
+			if ( d2.name != '' ) h += "<h2>" + me.safeHTML(d2.batch.name) + "</h2>" ;
+			h += "<p>User: <a href='" + user_url + "' target='_blank'>" + me.safeHTML(d2.batch.user_name) + "</a>" ;
+			h += " <small>(<a href='./#mode=batches&user="+encodeURIComponent(d2.batch.user_name)+"' onclick='QuickStatements.batchesByUser(\""+encodeURIComponent(d2.batch.user_name)+"\");return false'>batches by this user</a>)</small>" ;
+			h += "</p>" ;
+			h += "<p>Status: <b>" + d2.batch.status + "</b> <small>" + me.safeHTML(d2.batch.message) + "</small></p>" ;
+			h += "<p>Created: " + me.ts2string(d2.batch.ts_created) + "</p>" ;
+			h += "<p>Last change: " + me.ts2string(d2.batch.ts_last_change) + "</p>" ;
+			h += "<table class='table table-condensed table-striped'>" ;
+			h += "<thead><tr><th>Status</th><th>Count</th></tr></thead><tbody>" ;
+			$.each ( d2.commands , function ( k , v ) {
+				h += "<tr><td>" + k + "</td><td>" + v + "</td></tr>" ;
+			} ) ;
+			h += "</tbody></table>" ;
+			
+			h += me.getBatchButtons ( d2 ) ;
+			
+			$('#single_batch_status').html ( h ) ;
+			
+			$('button.stop-batch').click ( function () {
+				var button = $(this) ;
+				var batch_id = button.attr('batch') ;
+				$.post ( me.api , {
+					action:'stop_batch',
+					batch:batch_id
+				} , function ( d ) {
+					console.log ( d ) ;
+					button.hide() ;
+					$('button.start-batch[batch="'+batch_id+'"]').show() ;
+				} ) ;
+			} ) ;
+
+			$('button.start-batch').click ( function () {
+				var button = $(this) ;
+				var batch_id = button.attr('batch') ;
+				$.post ( me.api , {
+					action:'start_batch',
+					batch:batch_id
+				} , function ( d ) {
+					console.log ( d ) ;
+					button.hide() ;
+					$('button.stop-batch[batch="'+batch_id+'"]').show() ;
+				} ) ;
+			} ) ;
+
+		} ) ;
+	} ,
+	
+	showBatches : function () {
+		var me = this ;
+
+		var p = [ 'mode=batches' ] ;
+		$.each ( me.run_state.filters , function ( k , v ) { p.push ( k+'='+encodeURIComponent(v) ) ; } ) ;
+		location.hash = p.join('&') ;
+
+		var params = { action:'get_batches_info' } ;
+		$.each ( me.run_state.filters , function ( k , v ) { params[k] = v ; } ) ;
+		$.post ( me.api , params , function ( d ) {
+			var tmp = [] ;
+			$.each ( d.data , function ( batch_id , d2 ) {
+				tmp.push ( d2 ) ;
+			} ) ;
+			tmp.sort ( function ( a , b ) {
+				return b.batch.ts_last_change*1 - a.batch.ts_last_change*1 ;
+			} ) ;
+			var h = "<table class='table table-condensed table-striped'>" ;
+			h += "<thead><tr><th>#</th><th>User</th><th>Name</th><th>Status</th><th>Last change</th><th>Actions</th></tr></thead>" ;
+			h += "<tbody>" ;
+			$.each ( tmp , function ( row , d2 ) {
+				var batch_id = d2.batch.id ;
+				var user_url = me.getSitePageURL ( "User:"+d2.batch.user_name ) ;
+				h += "<tr>" ;
+				h += "<td><a href='#mode=batch&batch="+batch_id+"'>"+batch_id+"</td>" ;
+				h += "<td nowrap><a href='" + user_url + "' target='_blank'>" + me.safeHTML(d2.batch.user_name) + "</a></td>" ;
+				h += "<td>" + me.safeHTML(d2.batch.name) + "</td>" ;
+				h += "<td>" ;
+				h += "<div>" + me.safeHTML(d2.batch.status) + " <small>" + me.safeHTML(d2.batch.message) + "</small></div>" ;
+				var stati = [] ;
+				$.each ( d2.commands , function ( k , v ) {
+					stati.push ( k+':'+v ) ;
+				} ) ;
+				h += "<div style='font-size:9pt'>" + stati.sort().join(' | ') + "</div>" ;
+				h += "</td>" ;
+				h += "<td nowrap>" + me.ts2string(d2.batch.ts_last_change) + "</td>" ;
+				h += "<td>" + me.getBatchButtons(d2) + "</td>" ;
+				h += "</tr>" ;
+			} ) ;
+			h += "</tbody></table>" ;
+			$('#multi_batch_status').html(h) ;
+		} ) ;
+	} ,
+	
+	batchesByUser : function ( user_name_encoded ) {
+		var me = this ;
+		me.run_state.filters = { user:decodeURIComponent(user_name_encoded) } ;
+		me.switchMode ( 'batches' ) ;
+	} ,
+	
+	showBatch : function () {
+		var me = this ;
+		location.hash = 'mode=batch&batch=' + me.run_state.batch_id ;
+		$('#single_batch_number').text ( me.run_state.batch_id ) ;
+		me.run_state.batch_watcher = setInterval ( function () { me.updateBatchStatus() ; } , me.batch_update_interval ) ;
+		me.updateBatchStatus()
+	} ,
+	
+	switchMode : function ( new_mode ) {
+		var me = this ;
+		if ( typeof new_mode == 'undefined' ) return ;
+		me.mode = new_mode ;
+		$('div.mode').hide() ;
+		$('#mode_'+new_mode).show() ;
+		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
+		if ( new_mode == 'batch' ) me.showBatch () ;
+		if ( new_mode == 'batches' ) me.showBatches () ;
+		if ( new_mode == 'token' ) me.getToken () ;
+	} ,
+	
+	getToken : function () {
+		var me = this ;
+		var params = { action:'get_token' } ;
+		console.log ( params ) ;
+		$.post ( me.api , params , function ( d ) {
+			$('#token').text ( d.data.token ) ;
+		} ) ;
+	} ,
+	
+	runInBackground : function () {
+		var me = this ;
+		var name = '' ;
+		var res = prompt ( 'Enter a name for this batch (optional)' , '' ) ;
+		if ( res != '' ) name = res ;
+		$.post ( me.api , {
+			action:'run_batch',
+			name:name,
+			commands : JSON.stringify(me.data.commands)
+		} , function ( d ) {
+		
+			if ( d.status != 'OK' ) {
+				alert ( d.status ) ;
+				console.log ( d ) ;
+				return ;
+			}
+
+			me.run_state = {
+				running : true ,
+				last_item : '' ,
+				commands : { pending:0 , done:0 } ,
+				batch_id : d.batch_id
+			} ;
+			
+			me.switchMode ( 'batch' ) ;
+
+		} ) ;
+	} ,
+	
+	run : function ( in_background ) {
+		var me = this ;
+		if ( me.run_state.running ) return ; // Already running
+		if ( typeof me.run_state.batch_watcher != 'undefined' ) clearInterval ( me.run_state.batch_watcher ) ;
+		if ( in_background ) {
+			me.runInBackground () ;
+//			alert ( "Not implemented yet" ) ;
+			return ;
+		}
+		me.run_state = {
+			running : true ,
+			last_item : '' ,
+			commands : { pending:0 , done:0 }
+		}
+		$('#run_status').text ( '' ) ;
+		$('#run_status_wrapper').show() ;
+		$.each ( me.data.commands , function ( num , cmd ) {
+			var s = cmd.status ;
+			if ( typeof s == 'undefined' || s == '' ) s = 'pending' ;
+			else {
+				if ( s != 'done' ) { // Reset previous errors
+					cmd.status = '' ;
+					cmd.message = '' ;
+//					var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ; // TODO visual update
+//					dt.row(cmdnum).data(tabs).draw() ;
+				}
+			}
+			if ( typeof me.run_state.commands[s] == 'undefined' ) me.run_state.commands[s] = 0 ;
+			me.run_state.commands[s]++ ;
+		} ) ;
+		$('#stop_buttons button').prop ( 'disabled' , false ) ;
+		$('#run_buttons button').prop ( 'disabled' , true ) ;
+		$('#stop_buttons').show() ;
+		if ( in_background ) {
+//			alert ( "Not implemented yet" ) ;
+		} else {
+			me.runNextCommand() ;
+		}
+	} ,
+	
+	runNextCommand : function () {
+		var me = this ;
+		if ( !me.run_state.running ) return ; // Stopped
+		var cmdnum ;
+		$.each ( me.data.commands , function ( num , cmd ) {
+			if ( typeof cmd.status != 'undefined' && cmd.status != '' ) return ;
+			cmdnum = num ;
+			return false ;
+		} ) ;
+		if ( typeof cmdnum == 'undefined' ) return me.stop() ; // All done
+		me.runSingleCommand ( cmdnum ) ;
+	} ,
+	
+	setCommandStatus : function ( cmdnum , status ) {
+		var me = this ;
+		var cmd = me.data.commands[cmdnum] ;
+		cmd.status = 'running' ;
+		me.updateCommandRow ( cmdnum ) ;
+	} ,
+	
+	updateCommandRow : function ( cmdnum ) {
+		var me = this ;
+		var dt = $('#main_table').DataTable() ;
+		var cmd = me.data.commands[cmdnum] ;
+		var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ;
+		dt.row(cmdnum).data(tabs).draw() ;
+		me.tt.updateInterface ( dt ) ;
+	} ,
+	
+	updateRunStatus : function () {
+		var me = this ;
+		var out = [] ;
+		$.each ( me.run_state.commands , function ( status , count ) {
+			out.push ( status+':'+count ) ;
+		} ) ;
+		var h = out.join('; ') ;
+		$('#run_status').text ( h ) ;
+	} ,
+	
+	runSingleCommand : function ( cmdnum ) {
+		var me = this ;
+		var cmd = me.data.commands[cmdnum] ;
+		me.setCommandStatus ( cmdnum , 'running' ) ;
+		me.updateRunStatus() ;
+		$.post ( me.api , {
+			action:'run_single_command',
+			command : JSON.stringify(cmd) ,
+			last_item : me.run_state.last_item
+		} , function ( d ) {
+			me.data.commands[cmdnum] = d.command ;
+			if ( typeof d.last_item != 'undefined' ) me.run_state.last_item = d.last_item ;
+			me.run_state.commands.pending-- ;
+			if ( d.status == 'OK' ) {
+				me.run_state.commands.done++ ;
+			} else {
+				if ( typeof me.run_state.commands[d.status] == 'undefined' ) me.run_state.commands[d.status] = 0 ;
+				me.run_state.commands[d.status]++ ;
+			}
+			me.updateRunStatus() ;
+			me.updateCommandRow ( cmdnum ) ;
+			me.runNextCommand() ;
+		} , 'json' ) ;
+	} ,
+	
+	updateUserInfo : function () {
+		var me = this ;
+		var h = '' ;
+		if ( me.oauth.is_logged_in ) {
+			var username = me.oauth.query.userinfo.name ;
+			h = "<span tt='welcome' tt1='" + me.htmlSafe(username) + "'></span>" ;
+			$('#logged_in_actions').show() ;
+			$('a[tt="show_your_last_batches"]').show().click ( function () {
+				me.run_state.filters = { user:username } ;
+				me.switchMode ( 'batches' ) ;
+				return false ;
+			} ) ;
+		} else {
+			h += "<a href='"+me.api+"?action=oauth_redirect' target='_blank' tt='login'></a> <span tt='login2'></span>" ;
+		}
+		$('#userinfo').html ( h ) ;
+		me.tt.updateInterface($('#userinfo')) ;
+	} ,
+	
+	showLastBatches : function () {
+		var me = QuickStatements ;
+		me.run_state.filters = {} ;
+		me.switchMode ( 'batches' ) ;
+	} ,
+	
+	getUrlVars : function () {
+		var vars = {} ;
+		var hash = window.location.href.slice(window.location.href.indexOf('#') + 1) ;
+		if ( hash.match(/.3D/) ) hash = hash.replace(/\.3D/g,'=').replace(/\.26/g,'&').replace(/\.2F/g,'/') ; // Hack around MediaWiki botching the URL encoding when using [[:toollabs:]] syntax
+		var hashes = hash.split('&');
+		$.each ( hashes , function ( i , j ) {
+			var hash = j.split('=');
+			hash[1] += '' ;
+			vars[hash[0]] = decodeURI(hash[1]).replace(/_/g,' ');
+		} ) ;
+		return vars;
+	} ,
+	
+	onClickImportV1 : function () {
+		var me = QuickStatements ;
+		me.switchMode ( 'commands' ) ;
+		$('#import_v1_dialog').modal('show') ;
+	} ,
+	
+	onClickImportCSV : function () {
+		var me = QuickStatements ;
+		me.switchMode ( 'commands' ) ;
+		$('#import_csv_dialog').modal('show') ;
+	} ,
+	
+	onImportV1 : function () {
+		var me = this ;
+		var text = $('#v1_commands').val() ;
+		$('#v1_commands').val('') ;
+		me.importFromV1 ( text ) ;
+	} ,
+	
+	onImportCSV : function () {
+		var me = this ;
+		var csv = $('#csv_input').val() ;
+		$('#csv_input').val('') ;
+		me.importFromCSV ( csv ) ;
+	} ,
+	
+	updateUnlabeledItems : function () {
+		var me = this ;
+		var to_update = [] ;
+		$('span.update_label').each ( function () {
+			var o = $(this) ;
+			if ( o.text() != '' ) return ;
+			var t = o.attr('tt') ;
+			o.text ( me.tt.t(t) ) ;
+		} ) ;
+		$('a.wd_unlabeled').each ( function () {
+			var a = $(this) ;
+			var pq = a.attr('pq') ;
+			if ( !pq.match(/^(?:[PQL]\d+|L\d+-[FS]\d+)$/i) ) return ; // Paranoia
+			to_update.push ( pq ) ;
+			a.removeClass('wd_unlabeled').addClass('wd_pq').attr({title:pq}) ;
+			if ( to_update.length >= 50 ) return false ; // Max
+		} ) ;
+		
+		$('a.pq_edit_unlinked').each ( function () {
+			var a = $(this) ;
+			a.removeClass('pq_edit_unlinked') ;
+			a.click ( function() { me.onClickEditPQ($(a.parents('div.pq_container').get(0))) ; return false } ) ;
+		} ) ;
+		
+		if ( to_update.length > 0 ) {
+			$.getJSON ( me.getSiteAPI()+'?action=wbgetentities&ids='+to_update.join('|')+"&format=json&callback=?" , function ( d ) {
+				$.each ( d.entities , function ( pq , v ) {
+					if ( typeof v.missing != 'undefined' ) {
+						$('a.wd_pq[pq="'+pq+'"]').addClass('red') ;
+						return ;
+					}
+					var label ;
+					if ( typeof v.labels != 'undefined' ) {
+						if ( typeof v.labels['en'] != 'undefined' ) {
+							label = v.labels['en'].value ;
+						}
+					}
+					if ( typeof label == 'undefined' && typeof v.lemmas != 'undefined' ) {
+						for ( var languageCode in v.lemmas ) {
+							label = v.lemmas[languageCode].value;
+							break;
+						}
+					}
+					if ( typeof label == 'undefined' && typeof v.representations != 'undefined' ) {
+						for ( var languageCode in v.representations ) {
+							label = v.representations[languageCode].value;
+							break;
+						}
+					}
+					if ( typeof label == 'undefined' && typeof v.glosses != 'undefined' && typeof v.glosses['en'] != 'undefined' ) {
+						label = v.glosses['en'].value;
+					}
+					if ( typeof label == 'undefined' ) return ;
+					$('a.wd_pq[pq="'+pq+'"]').removeClass('red').text(label) ;
+				} ) ;
+			} ) ;
+		}
+		
+		setTimeout ( function () { me.updateUnlabeledItems() } , 500 ) ;
+	} ,
+	
+	onClickEditPQ : function ( container ) {
+		var me = this ;
+		$('button.cancel').click() ; // close all other open edit forms
+		var pq = container.attr ( 'pq' ) ;
+		container.find('div.pq_value').hide() ;
+		container.find('div.pq_button').hide() ;
+		var title = $(container.find('div.pq_value a')).text() ;
+		var form = $(container.find('div.pq_form')) ;
+		var type = me.types[pq.substr(0,1).toUpperCase()].type ;
+		var h = '' ;
+		h += "<div class='pq_typeahead' type='"+type+"' style='width:340px'>" ;
+		h += "<div>" ;
+		h += "<form class='form form-inline'>" ;
+		h += "<input type='text' class='typeahead_input' style='width:250px' value='"+me.htmlSafe(title)+"' pq='"+pq+"'/>" ;
+		h += "<input type='submit' tt_value='set' class='btn btn-primary' />" ;
+		h += "<button class='cancel btn btn-default' tt='cancel_short'></button>" ;
+		h += "</form>" ;
+		h += "</div>" ;
+		h += "<div><ul style='width:100%;overflow:auto;max-height:200px' class='pq_dropdown'></ul></div>" ;
+		h += "</div>" ;
+		form.html(h).show() ;
+		me.tt.updateInterface(form) ;
+		
+		me.addTypeahead ( $(container.find('div.pq_typeahead')) ) ;
+		$(container.find('form')).submit ( function () { me.onSubmitPQ ( container , true ) ; return false } ) ;
+		$(container.find('button.cancel')).click ( function () { me.onSubmitPQ ( container , false ) ; return false } ) ;
+	} ,
+	
+	updateRef : function ( json_string , value ) {
+		var me = this ;
+		if ( typeof json_string == 'undefined' ) return ;
+		if ( json_string == '' ) return ;
+		var j = JSON.parse ( json_string ) ;
+		if ( typeof j == 'undefined' ) return ;
+		if ( typeof j.cmdnum != 'undefined' ) {
+			var i = me.data.commands[j.cmdnum] ;
+			while ( ( m = j.attr.match ( /^(.+?)\.(.+)$/ ) ) != null ) {
+				i = i[m[1]] ;
+				j.attr = m[2] ;
+			}
+			i[j.attr] = value ;
+		} else {
+			console.log ( "COUND NOT STORE REF" , j , value ) ;
+		}
+	} ,
+	
+	onSubmitPQ : function ( container , do_store ) {
+		var me = this ;
+		var ta = $(container.find('div.pq_typeahead')) ;
+		var input = $(container.find('input.typeahead_input')) ;
+		var pq = input.attr('pq') ;
+		var title = input.val() ;
+		var pqv = container.find('div.pq_value') ;
+		if ( do_store && pq != '' ) {
+			me.updateRef ( container.attr('ref') , pq ) ; // store in data structure
+			pqv.html ( me.renderPQvalue ( pq ) ) ;
+			container.attr ( { pq:pq } ) ;
+		}
+		ta.html('').hide() ;
+		pqv.show() ;
+		container.find('div.pq_button').show() ;
+	} ,
+	
+	addTypeahead : function ( o ) {
+		var me = this ;
+		me.lastTypeahead = '' ;
+		var input = $(o.find('input.typeahead_input')) ;
+		var select = $(o.find('ul.pq_dropdown')) ;
+		input.keyup ( function () {
+			me.typeAhead ( o , input , select ) ;
+		} ) ;
+		input.focus() ;
+		me.typeAhead ( o , input , select ) ;
+	} ,
+	
+	typeAhead : function ( o , input , select ) {
+		var me = this ;
+		var type = o.attr('type') ;
+		var l = me.lang() ;
+		var s = input.val() ;
+		if ( s == me.lastTypeahead ) return ;
+		me.lastTypeahead = s ;
+		select.html ( '' ) ;
+		$.getJSON ( me.getSiteAPI()+"?callback=?" , {
+			action:'wbsearchentities',
+			search:s,
+			language:l,
+			type:type,
+			format:'json'
+		} , function ( d ) {
+			var h = '' ;
+			$.each ( d.search , function ( k , v ) {
+				h += "<li style='cursor:pointer' pq='" + v.title + "'>" ;
+				h += "<div><b>" + me.htmlSafe(v.label) + "</b> <small>(" + v.title + ")</small></div>" ;
+				h += "<div><small>" + me.htmlSafe(v.description||'') + "</small></div>" ;
+				h += "</li>" ;
+			} ) ;
+			select.html ( h ) ;
+			select.find('li').click ( function () {
+				var a = $(this) ;
+				var pq = a.attr('pq').replace(/^.+:/,'') ;
+				var container = $(input.parents('div.pq_container').get(0)) ;
+				input.attr ( { pq:pq } ) ;
+				me.onSubmitPQ ( container , true ) ;
+			} ) ;
+		} ) ;
+	} ,
+
+	importFromV1 : function ( v1 ) {
+		var me = this ;
+		if ( v1.length < 1000 ) location.hash = 'v1='+v1 ;
+		$.post ( me.api , {
+			action:'import',
+			data:v1,
+			format:'v1',
+			persistent:0,
+		} , function ( d ) {
+			// TODO status/error check
+			me.data = d.data ;
+			me.setupTableFromCommands() ;
+		} , 'json' ) ;
+	} ,
+	
+	importFromCSV : function ( csv ) {
+		var me = this ;
+		if ( csv.length < 1000 ) location.hash = 'csv='+csv ;
+		$.post ( me.api , {
+			action:'import',
+			data:csv,
+			format:'csv',
+			persistent:0,
+		} , function ( d ) {
+			// TODO status/error check
+			me.data = d.data ;
+			me.setupTableFromCommands() ;
+		} , 'json' ) ;
+	} ,
+	
+	renderPQvalue : function ( i ) {
+		var me = this ;
+		var html = '???' ;
+		if ( i == 'LAST' ) {
+			html = '<i>LAST ITEM</i>' ;
+		} else if ( i.match ( /^(?:[PQL]\d+|L\d+-[FS]\d+)$/i ) ) { // ENTITY
+			var letter = i.substr(0,1).toUpperCase() ;
+			var title = me.types[letter].ns_prefix + i.replace('-', '#') ;
+			html = "<a class='wd_unlabeled' pq='"+i+"' href='" + me.getSitePageURL(title) + "' target='_blank'>" + i + "</a> <small>[" + i + "]</small>"
+
+		} else { // DUNNO
+			html = me.htmlSafe ( i ) ;
+		}
+		return html ;
+	} ,
+	
+	renderPQ : function ( i , ref ) {
+		var me = this ;
+		html = "<div class='pq_container' pq='"+me.htmlSafe(i)+"'" ;
+		if ( typeof ref != 'undefined' ) html += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		else console.log ( "NO PQ REF" , i ) ;
+		html += "><div class='pq_value'>" + me.renderPQvalue(i) + "</div>" ;
+		html += "<div class='pq_button'><a class='pq_edit_unlinked'><img src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/PICOL_Edit.svg/16px-PICOL_Edit.svg.png' border=0 /></a></div>" ;
+		html += "<div class='pq_form'>FORM</div>" ;
+		html += "</div>" ;
+		return html ;
+	} ,
+	
+	htmlSafe : function ( s ) {
+		var me = this ;
+		if ( typeof s == 'undefined' ) return '' ;
+		var html_safe = (''+s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#x27;').replace(/\//g,'&#x2F;') ;
+		return html_safe ;
+	} ,
+	
+	renderString : function ( s , ref ) {
+		var me = this ;
+		var h = '' ;
+		h += "<div class='string_container'" ;
+		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		h += ">" ;
+		h += me.htmlSafe ( s ) ;
+		h += "</div>" ;
+		return h ;
+	} ,
+	
+	renderTime : function ( v , ref ) {
+		var me = this ;
+		var h = '' ;
+		h += "<div class='time_container'" ;
+		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		h += ">" ;
+		h += v.time + "/" + v.precision ; // TODO
+		h += "</div>" ;
+		return h ;
+	} ,
+	
+	renderCoordinate : function ( v , ref ) {
+		var me = this ;
+		var h = '' ;
+		h += "<div class='coordinate_container'" ;
+		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		h += ">" ;
+		h += v.latitude + '/' + v.longitude  ; // TODO
+		h += "</div>" ;
+		return h ;
+	} ,
+	
+	renderQuantity : function ( v , ref ) {
+		var me = this ;
+		var h = '' ;
+		h += "<div class='quantity_container'" ;
+		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		h += ">" ;
+		h += me.htmlSafe(v.amount) ; // TODO
+		var range = '' ;
+		if ( typeof v.lowerBound != 'undefined' && v.amount*1 != v.lowerBound*1 ) range += me.htmlSafe(v.lowerBound)+'&ndash;' ;
+		if ( typeof v.upperBound != 'undefined' && v.amount*1 != v.upperBound*1 ) range += '&ndash;'+me.htmlSafe(v.upperBound) ;
+		range = range.replace ( /(&ndash;)+/ , '&ndash;' ) ;
+		if ( range != '' ) h += '&nbsp;(' + range + ')' ;
+		h += "</div>" ;
+		return h ;
+	} ,
+	
+	renderMonolingualtext : function ( v , ref ) {
+		var me = this ;
+		var h = '' ;
+		h += "<div class='monolingualtext_container'" ;
+		if ( typeof ref != 'undefined' ) h += " ref='" + me.htmlSafe(JSON.stringify(ref)) + "'" ;
+		h += ">" ;
+		h += me.htmlSafe(v.language) + ": " + me.htmlSafe(v.text) ;
+		h += "</div>" ;
+		return h ;
+	} ,
+	
+	renderValue : function ( v , ref ) {
+		var me = this ;
+		if ( typeof v.type == 'undefined' ) return "<i>" + JSON.stringify(v) + "</i>" ;
+		if ( v.type == 'novalue' || v.type == 'somevalue' ) return "<i>" + v.type + "</i>" ;
+		if ( v.type == 'wikibase-entityid' ) {
+			ref.attr += '.value.id' ;
+			return me.renderPQ ( v.value.id , ref ) ;
+		}
+		if ( v.type == 'string' ) return me.renderString ( v.value , ref ) ;
+		if ( v.type == 'time' ) return me.renderTime ( v.value , ref ) ;
+		if ( v.type == 'globecoordinate' ) return me.renderCoordinate ( v.value , ref ) ;
+		if ( v.type == 'quantity' ) return me.renderQuantity ( v.value , ref ) ;
+		if ( v.type == 'monolingualtext' ) return me.renderMonolingualtext ( v.value , ref ) ;
+		return "<i>" + JSON.stringify(v) + "</i>" ;
+	} ,
+	
+	renderAction : function ( cmd ) {
+		var ret = cmd.action.toUpperCase() ;
+		if ( typeof cmd.what != 'undefined' && cmd.what != 'statement' ) ret += " " + cmd.what.toUpperCase() ;
+		return ret ;
+	} ,
+	
+	renderQualifier : function ( qualifier , ref ) {
+		var me = this ;
+		var h = '' ;
+		ref.attr = 'qualifier.prop' ;
+		h += "<div>" + me.renderPQ ( qualifier.prop , ref ) + "</div>" ;
+		ref.attr = 'qualifier.value' ;
+		h += "<div>" + me.renderValue ( qualifier.value , ref ) + "</div>" ;
+		return h ;
+	} ,
+	
+	renderSources : function ( sources , ref ) {
+		var me = this ;
+		var h = '' ;
+		$.each ( sources , function ( k , v ) {
+			if ( k > 0 ) h += "<hr/>" ;
+			ref.attr = 'sources.'+k+'.prop' ;
+			h += "<div>" + me.renderPQ ( v.prop , ref ) + "</div>" ;
+			ref.attr = 'sources.'+k+'.value' ;
+			h += "<div>" + me.renderValue ( v.value , ref ) + "</div>" ;
+		} ) ;
+		return h ;
+	} ,
+	
+	wrapStatusAlert : function ( s , key , msg ) {
+		var me = this ;
+		var ret = '<div class="alert alert-'+key+'" style="padding:2px;margin:0px" role="alert"' ;
+		if ( typeof msg != 'undefined' && msg != '' ) {
+			ret += ' title="'+me.htmlSafe(msg)+'"' ;
+			s += ' <sup>*</sup>' ;
+		}
+		ret += '>'+s+'</div>' ;
+		return ret ;
+	} ,
+	
+	renderStatus : function ( command ) {
+		var me = this ;
+		if ( typeof command.status == 'undefined' || command.status == '' ) return me.wrapStatusAlert ( "<span tt='pending' class='update_label'></span>" , 'info' , command.message ) ;
+		var s = me.htmlSafe(command.status) ;
+		if ( s == 'done' ) {
+			s = me.wrapStatusAlert ( s , 'success' , command.message ) ;
+		} else if ( s == 'error' ) {
+			s = me.wrapStatusAlert ( s , 'danger' , command.message ) ;
+		} else {
+			s = me.wrapStatusAlert ( s , 'warning' , command.message ) ;
+		}
+		return s ;
+	} ,
+	
+	getCommandRowTabs : function ( cmdnum , cmd , dt ) {
+		var me = this ;
+		var tabs = [ '' , '<span tt="unknown_command"></span>' , '' , '' , '' , '' ] ;
+		tabs[0] = me.renderStatus ( cmd ) ;
+		if ( (cmd.action=='add'||cmd.action=='remove') && ( cmd.what=='statement' || cmd.what=='qualifier' || cmd.what=='sources' ) ) {
+			tabs[1] = me.renderAction ( cmd ) ;
+			tabs[2] = me.renderPQ ( cmd.item , {cmdnum:cmdnum,attr:'item'} ) ;
+			tabs[3] = me.renderPQ ( cmd.property , {cmdnum:cmdnum,attr:'property'} ) ;
+			tabs[4] = me.renderValue ( cmd.datavalue , {cmdnum:cmdnum,attr:'datavalue'} ) ;
+			if ( cmd.what == 'qualifier' ) tabs[5] = me.renderQualifier ( cmd.qualifier , {cmdnum:cmdnum} ) ;
+			if ( cmd.what == 'sources' ) tabs[5] = me.renderSources ( cmd.sources , {cmdnum:cmdnum} ) ;
+		} else if ( (cmd.action=='add'||cmd.action=='remove') && ( cmd.what=='label' || cmd.what=='description' || cmd.what=='alias' || cmd.what=='sitelink' ) ) {
+			tabs[1] = me.renderAction ( cmd ) ;
+			tabs[2] = me.renderPQ ( cmd.item , {cmdnum:cmdnum,attr:'item'} ) ;
+			if ( cmd.what == 'sitelink' ) {
+				tabs[3] = me.renderString ( cmd.site , {cmdnum:cmdnum,attr:'site'} ) ;
+			} else {
+				tabs[3] = me.renderString ( cmd.language , {cmdnum:cmdnum,attr:'language'} ) ;
+			}
+			tabs[4] = me.renderString ( cmd.value , {cmdnum:cmdnum,attr:'value'} ) ;
+		} else if ( cmd.action == 'create' ) {
+			tabs[1] = me.renderAction ( cmd ) ;
+			tabs[2] = cmd.type ;
+		} else { // Unknown
+			tabs[5] = JSON.stringify(cmd) ;
+		}
+		return tabs ;
+	} ,
+	
+	addCommandToTable : function ( cmdnum , cmd , dt ) {
+		var me = this ;
+		var tabs = me.getCommandRowTabs ( cmdnum , cmd , dt ) ;
+		dt.row.add ( tabs ) ;
+	} ,
+	
+	setupTableFromCommands : function () {
+		var me = this ;
+		var dt = $('#main_table').DataTable() ;
+		$.each ( me.data.commands , function ( cmdnum , cmd ) {
+			me.addCommandToTable ( cmdnum , cmd , dt ) ;
+		} ) ;
+		dt.draw(false) ;
+		me.tt.updateInterface ( dt ) ;
+	} ,
+
+	fin:''
+}
+
+
+$(document).ready ( function () {
+	QuickStatements.init() ;
+} ) ;
\ No newline at end of file
diff --git a/src/vue.js b/src/vue.js
new file mode 100644
index 0000000..0130f35
--- /dev/null
+++ b/src/vue.js
@@ -0,0 +1,93 @@
+'use strict';
+
+let router ;
+let app ;
+let wd = new WikiData() ;
+
+let config = {} ;
+let prop_map = {} ;
+let working = false ;
+
+$(document).ready ( function () {
+    vue_components.toolname = 'quickstatements' ;
+//    vue_components.components_base_url = 'https://tools.wmflabs.org/magnustools/resources/vue/' ; // For testing; turn off to use tools-static
+    Promise.all ( [
+            vue_components.loadComponents ( ['wd-date','wd-link','tool-translate','tool-navbar','commons-thumbnail',
+                'vue_components/batch_access_mixin.html',
+                'vue_components/user.html',
+                'vue_components/main-page.html',
+                'vue_components/command.html',
+                'vue_components/batch-commands.html',
+                'vue_components/batch.html',
+                'vue_components/batches.html',
+                'vue_components/user-page.html',
+                ] ) ,
+            new Promise(function(resolve, reject) {
+
+                // XXX WBSTACK: this is maintained in quickstatements.js AND vue.js
+
+                // WBSTACK load JS generated config based on the URL..
+                if (window.location.pathname.substring(0, 22) == '/tools/quickstatements') {
+                    config = {
+                        site: "wikibase",
+                        sites: {
+                            wikibase: {
+                                api: window.location.protocol + '//' + window.location.host + '/w/api.php',
+                                pageBase: window.location.protocol + '//' + window.location.host + '/wiki/',
+                                types: {
+                                    P: {type: "property", ns: 122, ns_prefix: "Property:"},
+                                    Q: {type: "item", ns: 120, ns_prefix: "Item:"}
+                                }
+                            }
+                        }
+                    };
+                }
+
+                // WBSTACK dev generated config..
+                if(window.location.host.substring(window.location.host.length-14) == 'localhost:8086'){
+                    config = {
+                        site: "wikibase",
+                        sites: {
+                            wikibase: {
+                                api: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/w/api.php',
+                                pageBase: window.location.protocol + '//' + window.location.host.substring(0,window.location.host.length-5) + ':8083/wiki/',
+                                types: {
+                                    P: {type: "property", ns: 122, ns_prefix: "Property:"},
+                                    Q: {type: "item", ns: 120, ns_prefix: "Item:"}
+                                }
+                            }
+                        }
+                    };
+                }
+
+                resolve() ;
+
+                // $.get ( './config.json' , function (d) {
+                //     config = d ;
+                //     resolve() ;
+                // } , 'json' ) ;
+            } )
+    ] ) .then ( () => {
+        const siteConfig = config.sites[config.site] ;
+        const apiUrl = siteConfig.publicApi || siteConfig.api ;
+        wd_link_base = siteConfig.pageBase ;
+        wd_link_wd = wd ;
+        wd.api = apiUrl + '?callback=?' ;
+        wd_ns_prefixes = {} ;
+        for ( var letter in siteConfig.types )
+            wd_ns_prefixes[letter] = siteConfig.types[letter].ns_prefix ;
+
+        const routes = [
+          { path: '/', component: MainPage , props:true },
+          { path: '/batches', component: BatchesPage , props:true },
+          { path: '/batches/:user_name', component: BatchesPage , props:true },
+          { path: '/batch', component: BatchPage , props:true },
+          { path: '/batch/:batch', component: BatchPage , props:true },
+          { path: '/user', component: UserPage , props:true },
+          { path: '/user/:given_user_name', component: UserPage , props:true },
+          { path: '/:url_params', component: MainPage , props:true },
+        ] ;
+        router = new VueRouter({routes}) ;
+        app = new Vue ( { router } ) .$mount('#app') ;
+    } ) ;
+} ) ;
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..a57ca6e
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,22 @@
+const path = require('path');
+const source = path.resolve(__dirname, 'src');
+
+module.exports = {
+  context: __dirname,
+  entry: {
+    quickstatements: [
+      './src/quickstatements.js',
+      './src/vue.js',
+    ],
+  },
+  output: {
+    path: path.resolve(__dirname, 'public_html'),
+    filename: '[name].js',
+  },
+  resolve: {
+        alias: {
+        'node_modules': path.join(__dirname, 'node_modules'),
+        'bower_modules': path.join(__dirname, 'bower_modules'),
+    }
+  },
+  };
\ No newline at end of file