README.md
Wikibase Query Service GUI
This repository contains the GUI for the Wikidata Query Service.
Please see more details about the service in the User Manual.
Download & setup
Clone git repo, go into created folder and then pull all dependencies via npm package manager.
$ git clone https://gerrit.wikimedia.org/r/wikidata/query/gui
$ cd gui
$ npm install
Alternatively, use npm install.
npm install wikidata-query-gui
Configuration
Per default the Wikibase Query Service GUI is configured to be used as a local development test instance. It can be customized by creating a custom-config.json in the repository's root dir. This file can be used to override any of the default settings obtained from default-config.json.
Run tests
Run JSHint, JSCS and QUnit tests.
$ npm test
Debug
Start a test server for local debugging. Do not use it in production.
$ npm start
Build
Create a build with bundled and minified files.
$ npm run build
Deploy
To deploy the GUI, trigger a new build of the deploy repo on Jenkins.
![Screenshot of the Jenkins dashboard for the build repo. Highlighted are the build buttons in the sidebar with a "1" and the "Build" button in the main part with a "2"](docs/images/triggerDeployBuild.png)
This creates a new open change in the deploy repository: https://gerrit.wikimedia.org/r/q/project:wikidata/query/gui-deploy+status:open That change will be based on the latest commit in the master branch, and thus it will include all previous commits. Optionally, you can edit the commit message in the Gerrit UI to include the Bug: Txxxxx line, to emphasize to which task the change belongs.
You can clone that repository and check out the change locally to test and verify it.
As that repository does not have any CI, you need to manually merge the change. That means, giving +2 to both the Code Review as well as the Verified label, and then clicking the "Submit" button.
The site will be deployed with the next puppet run, which should happen after at most 30 minutes.
- Components
- Editor
A CodeMirror based SPARQL editor with code completion (ctrl+space) and tooltips (hover).
var editor = new wikibase.queryService.ui.editor.Editor(); editor.fromTextArea( $( '.editor' )[0] );
See examples/editor.html.
Example dialog
A dialog that allows browsing of SPARQL examples.
new wikibase.queryService.ui.dialog.QueryExampleDialog( $element, querySamplesApi, callback, previewUrl );
See examples/dialog.html.
SPARQL
var api = new wikibase.queryService.api.Sparql(); api.query( query ).done( function() { var json = JSON.parse( api.getResultAsJson() ); } );
See examples/sparql.html. JSFiddle.net
Result Views
Views that allow rendering SPARQL results (see documentation).
var api = new wikibase.queryService.api.Sparql(); api.query( query ).done(function() { var result = new wikibase.queryService.ui.resultBrowser.CoordinateResultBrowser(); result.setResult( api.getResultRawData() ); result.draw( element ); } );
See examples/result.html. JSFiddle.net
Release Notes and npm package
Unfortunately there are no releases and the provided code and interfaces are not considered to be stable. Also the dist/ folder contains a build that may not reflect the current code on master branch.