Skip to content

Commit

Permalink
Merge pull request wikimedia-gadgets#33 from Derugon/main
Browse files Browse the repository at this point in the history
Add MediaWiki core hooks
  • Loading branch information
siddharthvp authored Jan 19, 2024
2 parents b973105 + 27f0cea commit 773af71
Show file tree
Hide file tree
Showing 5 changed files with 453 additions and 187 deletions.
15 changes: 5 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
[![NPM version](https://img.shields.io/npm/v/types-mediawiki.svg)](https://www.npmjs.com/package/types-mediawiki)
![Linter](https://github.com/wikimedia-gadgets/types-mediawiki/workflows/Lint/badge.svg)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

# types-mediawiki

TypeScript definitions for MediaWiki JS interface.

This package covers the functions and classes in the `mw` global object, as well a few jQuery plugins used in MediaWiki core. All commonly used parts of the interface are covered but as far as complete coverage is concerned, this is a work in progress.
This package covers the functions and classes in the `mw` global object, as well some jQuery plugins used in MediaWiki core. All commonly used parts of the interface are covered.

[`@types/jquery`](https://www.npmjs.com/package/@types/jquery) and [`@types/oojs-ui`](https://www.npmjs.com/package/@types/oojs-ui) from [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped) are included as dependencies, so you don't need to install them separately.

[![Download stats](https://nodei.co/npm/types-mediawiki.png?downloads=true&downloadRank=true)](https://nodei.co/npm/types-mediawiki/)

Expand All @@ -25,7 +28,7 @@ Edit your project's `tsconfig.json` file so that it includes
]
```

You should be all set! `mw` will be available in the global scope. There is no need to put any import statements in the TypeScript source files. This package includes [@types/jquery](https://www.npmjs.com/package/@types/jquery) as a dependency, so you don't need to install that separately.
You should be all set! `mw` will be available in the global scope. There is no need to put any import statements in the TypeScript source files.

**If you find any errors or have suggestions for more specific typings, please open a PR or file an issue.**

Expand Down Expand Up @@ -56,11 +59,3 @@ import type { ApiEditPageParams, ApiParseParams } from "types-mediawiki/api_para

Since it is just a type import, it doesn't generate any JavaScript. Hence, such imports can also be used in non-modular applications.

## Types for OOjs & OOUI
TypeScript definitions of OOjs and OOUI is available on [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped) and npm as [`@types/oojs`](https://www.npmjs.com/package/@types/oojs) and [`@types/oojs-ui`](https://www.npmjs.com/package/@types/oojs-ui) packages.

## TODO
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

- Add doc comments for `mw.Title`, `mw.Uri`, `mw.storage`, `mw.language` and `mw.loader`.
- Add types for more jQuery plugins.
255 changes: 248 additions & 7 deletions mw/hook.d.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
import { User } from "./user";

/**
* Registry and firing of events.
* An instance of a hook, created via {@link mw.hook mw.hook method}.
*
* MediaWiki has various interface components that are extended, enhanced
* or manipulated in some other way by extensions, gadgets and even
Expand Down Expand Up @@ -43,40 +45,279 @@
*/
interface Hook<T extends any[] = any[]> {
/**
* Register a hook handler
* Register a hook handler.
*
* @param {...Function} handler Function to bind.
* @chainable
*/
add(...handler: Array<(...data: T) => any>): this;

/**
* Run a hook.
* Call hook handlers with data.
*
* @param {*} data
* @chainable
*/
fire(...data: T): this;

/**
* Unregister a hook handler
* Unregister a hook handler.
*
* @param {...Function} handler Function to unbind.
* @chainable
*/
remove(...handler: Array<(...data: T) => any>): this;
}

interface PostEditData {
/**
* Message that listeners should use when displaying notifications.
* String for plain text, use array or jQuery object to pass actual nodes.
*/
message?: string | JQuery | HTMLElement[];
/**
* User that made the edit.
*/
user?: string | User;
/**
* Whether a temporary user account was created.
*/
tempUserCreated?: boolean;
}

interface SearchIndex {
[k: string]: SearchIndexEntry[];
}

interface SearchIndexEntry {
$highlight: JQuery;
$field: JQuery;
$wrapper: JQuery;
$tabPanel: JQuery;
}

interface EditRecovery {
fieldChangeHandler(): void;
}

declare global {
namespace mw {
/**
* Create an instance of mw.hook.
*
* @method hook
* @member mw
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook<T extends any[] = any[]>(event: string): Hook<T>;
function hook(
event: "apisandbox.formatRequest"
): Hook<
[
items: OO.ui.MenuOptionWidget[],
displayParams: object,
rawParams: object,
method: string,
ajaxOptions: JQuery.AjaxSettings
]
>;

/**
* Create an instance of mw.hook, fired after EditRecovery has loaded any recovery data, added event handlers, etc.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "editRecovery.loadEnd"): Hook<[editRecovery: EditRecovery]>;

/**
* Create an instance of mw.hook.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "htmlform.enhance"): Hook<[$root: JQuery]>;

/**
* Create an instance of mw.hook, fired after an edit was successfully saved.
*
* Does not fire for null edits.
*
* Code that fires the postEdit hook should first set `wgRevisionId` and `wgCurRevisionId` to the revision associated with the edit that triggered the postEdit hook, then fire the postEdit hook, e.g.:
*
* ```
* mw.config.set( {
* wgCurRevisionId: data.newrevid,
* wgRevisionId: data.newrevid
* } );
* // Now fire the hook.
* mw.hook( 'postEdit' ).fire();
* ```
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "postEdit"): Hook<[data?: PostEditData]>;

/**
* Create an instance of mw.hook, fired after the listener for #postEdit removes the notification.
*
* @deprecated
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "postEdit.afterRemoval"): Hook<[]>;

/**
* Create an instance of mw.hook.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "prefs.search.buildIndex"): Hook<[index: SearchIndex]>;

/**
* Create an instance of mw.hook, fired when a trusted UI element to perform a logout has been activated.
*
* This will end the user session, and either redirect to the given URL on success, or queue an error message via mw.notification.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "skin.logout"): Hook<[href: string]>;

/**
* Create an instance of mw.hook, fired when initialization of the filtering interface for changes list is complete.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "structuredChangeFilters.ui.initialized"): Hook<[]>;

/**
* Create an instance of mw.hook, fired when a portlet is successfully created.
*
* Example usage:
*
* ```
* mw.hook( 'util.addPortlet' ).add( ( p ) => {
* p.style.border = 'solid 1px black';
* } );
* ```
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(
event: "util.addPortlet"
): Hook<[portlet: HTMLElement, before: string | undefined]>;

/**
* Create an instance of mw.hook, fired when a portlet link is successfully created.
*
* Example usage:
*
* ```
* mw.hook( 'util.addPortletLink' ).add( ( link ) => {
* const span = $( '<span class="icon">' );
* link.appendChild( span );
* } );
* ```
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "util.addPortletLink"): Hook<[item: HTMLLIElement, data: object]>;

/**
* Create an instance of mw.hook, fired when categories are being added to the DOM.
*
* It is encouraged to fire it before the main DOM is changed (when $content is still detached). However, this order is not defined either way, so you should only rely on $content itself.
*
* This includes the ready event on a page load (including post-edit loads) and when content has been previewed with LivePreview.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.categories"): Hook<[$content: JQuery]>;

/**
* Create an instance of mw.hook, fired after collapsible content has been initialized.
*
* This gives an option to modify the collapsible behavior.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.collapsibleContent"): Hook<[$collapsible: JQuery]>;

/**
* Create an instance of mw.hook, fired when wiki content has been added to the DOM.
*
* This should only be fired after $content has been attached.
*
* This includes the ready event on a page load (including post-edit loads) and when content has been previewed with LivePreview.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.content"): Hook<[$content: JQuery]>;

/**
* Create an instance of mw.hook, fired when a diff is added to a page or dynamically displayed to the user.
*
* Similar to the wikipage.content hook, `$diff` may still be detached when the hook is fired.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.diff"): Hook<[$table: JQuery<HTMLTableElement>]>;

/**
* Create an instance of mw.hook.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(
event: "wikipage.diff.diffTypeSwitch"
): Hook<[inlineToggleSwitch: OO.ui.ToggleSwitchWidget]>;

/**
* Create an instance of mw.hook.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.diff.wikitextBodyUpdate"): Hook<[$wikitextDiffBody: JQuery]>;

/**
* Create an instance of mw.hook, fired when the editform is added to the edit page.
*
* Similar to the wikipage.content hoo $editForm can still be detached when this hook is fired.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.editform"): Hook<[$editForm: JQuery]>;

/**
* Create an instance of mw.hook, fired when a page's {@link https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Page_status_indicators status indicators} are being added to the DOM or updated.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.indicators"): Hook<[$indicators: JQuery]>;

/**
* Create an instance of mw.hook, fired when dynamic changes have been made to the table of contents.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(event: "wikipage.tableOfContents"): Hook<[sections: any[]]>;

/**
* Create an instance of mw.hook, fired when the page watch status has changed.
*
* Example usage:
* ```
* mw.hook( 'wikipage.watchlistChange' ).add( ( isWatched, expiry, expirySelected ) => {
* // Do things
* } );
* ```
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook(
event: "wikipage.watchlistChange"
): Hook<[isWatched: boolean, expiry: string, expirySelected: string]>;

/**
* Create an instance of mw.hook.
*
* @see https://doc.wikimedia.org/mediawiki-core/master/js/#!/api/mw.hook
*/
function hook<T extends any[] = any[]>(name: string): Hook<T>;
}
}

Expand Down
Loading

0 comments on commit 773af71

Please sign in to comment.