2018-04-26 20:43:05 +00:00
|
|
|
![Popups](images/popups.svg)
|
2018-03-27 19:12:12 +00:00
|
|
|
|
2017-02-13 13:33:18 +00:00
|
|
|
# mediawiki/extensions/Popups
|
|
|
|
|
|
|
|
See https://www.mediawiki.org/wiki/Extension:Popups for more information about
|
|
|
|
what it does.
|
|
|
|
|
|
|
|
## Development
|
|
|
|
|
|
|
|
Popups uses an asset bundler so when developing for the extension you'll need
|
2017-02-13 14:02:18 +00:00
|
|
|
to run a script to assemble the frontend assets.
|
|
|
|
|
|
|
|
You can find the frontend source files in `src/`, the compiled sources in
|
|
|
|
`resources/dist/`, and other frontend assets managed by resource loader in
|
|
|
|
`resources/*`.
|
|
|
|
|
|
|
|
After an `npm install`:
|
2017-02-13 13:33:18 +00:00
|
|
|
|
2017-02-01 11:09:42 +00:00
|
|
|
* On one terminal, kickstart the bundler process:
|
2018-03-14 16:39:54 +00:00
|
|
|
* `npm start` Will run the bundler in watch mode, re-assembling the files on
|
|
|
|
file change.
|
|
|
|
* `npm run build` Will compile the assets just once, ready for deployment. You
|
|
|
|
*must* run this step before sending the patch or CI will fail (so that
|
|
|
|
sources and built assets are in sync).
|
2017-02-01 11:09:42 +00:00
|
|
|
* On another terminal, run tests and linting tools:
|
2018-03-14 16:39:54 +00:00
|
|
|
* `npm test` To run the linting tools and the tests.
|
|
|
|
* You can find the QUnit tests that depend on running MediaWiki under
|
|
|
|
`tests/qunit/`
|
|
|
|
* You can find the isolated QUnit tests under `tests/node-qunit/`, which you
|
|
|
|
can run with `npm run test:node`
|
|
|
|
* We recommend you install a file watcher like `nodemon` to watch sources and
|
|
|
|
auto run linting and tests.
|
|
|
|
* `npm install -g nodemon`
|
|
|
|
* Example running linting and node unit tests:
|
|
|
|
* `nodemon -w src/ --exec "grunt lint:all && npm run test:node"`
|
|
|
|
* Get code coverage report with `npm run coverage`
|
|
|
|
* Reports printed in the `coverage/` folder
|
2018-03-07 20:15:30 +00:00
|
|
|
|
|
|
|
Developers are likely to work with local MediaWiki instances that do not have
|
|
|
|
content to test with. To reduce this pain, you can create a single page with
|
|
|
|
a list of links that point to an existing and external wiki by using the
|
|
|
|
following config flag:
|
|
|
|
|
2018-03-14 16:39:54 +00:00
|
|
|
$wgPopupsGateway = 'restbaseHTML';
|
|
|
|
$wgPopupsRestGatewayEndpoint = 'https://en.wikipedia.org/api/rest_v1/page/summary/';
|
|
|
|
|
|
|
|
Popups works with a local copy of the [Mobile Content Service] too:
|
|
|
|
|
|
|
|
$wgPopupsGateway = 'restbaseHTML';
|
|
|
|
$wgPopupsRestGatewayEndpoint = 'http://localhost:6927/en.wikipedia.org/v1/page/summary/';
|
|
|
|
|
|
|
|
[Mobile Content Service]: https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/services/mobileapps/+/master
|
2018-03-20 20:20:43 +00:00
|
|
|
|
|
|
|
## Terminology
|
|
|
|
|
|
|
|
- Hovercard - Deprecated term for popup.
|
|
|
|
- Link preview - A similar user feature in the Android native app.
|
|
|
|
- Navpop / nav pop - A popup-like UI from the NavigationPopups gadget.
|
|
|
|
- Popup - Generic term for a dialog that appears to float above a link that is
|
|
|
|
being hovered over by a cursor.
|
|
|
|
- Page preview - A specific type of popup that shows a page summary.
|
|
|
|
- Preview - A synonym for popup.
|