abstract-match.d.ts 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. import { AnchorTagBuilder } from '../anchor-tag-builder';
  2. import { HtmlTag } from '../html-tag';
  3. import { MatchType } from './match';
  4. /**
  5. * @abstract
  6. * @class Autolinker.match.AbstractMatch
  7. *
  8. * Represents a match found in an input string which should be Autolinked. A Match object is what is provided in a
  9. * {@link Autolinker#replaceFn replaceFn}, and may be used to query for details about the match.
  10. *
  11. * For example:
  12. *
  13. * var input = "..."; // string with URLs, Email Addresses, and Mentions (Twitter, Instagram, Soundcloud)
  14. *
  15. * var linkedText = Autolinker.link( input, {
  16. * replaceFn : function( match ) {
  17. * console.log( "href = ", match.getAnchorHref() );
  18. * console.log( "text = ", match.getAnchorText() );
  19. *
  20. * switch( match.getType() ) {
  21. * case 'url' :
  22. * console.log( "url: ", match.getUrl() );
  23. *
  24. * case 'email' :
  25. * console.log( "email: ", match.getEmail() );
  26. *
  27. * case 'mention' :
  28. * console.log( "mention: ", match.getMention() );
  29. * }
  30. * }
  31. * } );
  32. *
  33. * See the {@link Autolinker} class for more details on using the {@link Autolinker#replaceFn replaceFn}.
  34. */
  35. export declare abstract class AbstractMatch {
  36. /**
  37. * @public
  38. * @property {'url'/'email'/'hashtag'/'mention'/'phone'} type
  39. *
  40. * A string name for the type of match that this class represents. Can be
  41. * used in a TypeScript discriminating union to type-narrow from the
  42. * `Match` type.
  43. */
  44. abstract readonly type: MatchType;
  45. /**
  46. * @cfg {Autolinker.AnchorTagBuilder} tagBuilder (required)
  47. *
  48. * Reference to the AnchorTagBuilder instance to use to generate an anchor
  49. * tag for the Match.
  50. */
  51. private _;
  52. private readonly tagBuilder;
  53. /**
  54. * @cfg {String} matchedText (required)
  55. *
  56. * The original text that was matched by the {@link Autolinker.matcher.Matcher}.
  57. */
  58. protected readonly matchedText: string;
  59. /**
  60. * @cfg {Number} offset (required)
  61. *
  62. * The offset of where the match was made in the input string.
  63. */
  64. private offset;
  65. /**
  66. * @member Autolinker.match.Match
  67. * @method constructor
  68. * @param {Object} cfg The configuration properties for the Match
  69. * instance, specified in an Object (map).
  70. */
  71. constructor(cfg: AbstractMatchConfig);
  72. /**
  73. * Returns a string name for the type of match that this class represents.
  74. *
  75. * @deprecated Use {@link #type} instead which can assist in type-narrowing
  76. * for TypeScript.
  77. * @abstract
  78. * @return {String}
  79. */
  80. abstract getType(): MatchType;
  81. /**
  82. * Returns the original text that was matched.
  83. *
  84. * @return {String}
  85. */
  86. getMatchedText(): string;
  87. /**
  88. * Sets the {@link #offset} of where the match was made in the input string.
  89. *
  90. * A {@link Autolinker.matcher.Matcher} will be fed only HTML text nodes,
  91. * and will therefore set an original offset that is relative to the HTML
  92. * text node itself. However, we want this offset to be relative to the full
  93. * HTML input string, and thus if using {@link Autolinker#parse} (rather
  94. * than calling a {@link Autolinker.matcher.Matcher} directly), then this
  95. * offset is corrected after the Matcher itself has done its job.
  96. *
  97. * @private
  98. * @param {Number} offset
  99. */
  100. setOffset(offset: number): void;
  101. /**
  102. * Returns the offset of where the match was made in the input string. This
  103. * is the 0-based index of the match.
  104. *
  105. * @return {Number}
  106. */
  107. getOffset(): number;
  108. /**
  109. * Returns the anchor href that should be generated for the match.
  110. *
  111. * @abstract
  112. * @return {String}
  113. */
  114. abstract getAnchorHref(): string;
  115. /**
  116. * Returns the anchor text that should be generated for the match.
  117. *
  118. * @abstract
  119. * @return {String}
  120. */
  121. abstract getAnchorText(): string;
  122. /**
  123. * Returns the CSS class suffix(es) for this match.
  124. *
  125. * A CSS class suffix is appended to the {@link Autolinker#className} in
  126. * the {@link Autolinker.AnchorTagBuilder} when a match is translated into
  127. * an anchor tag.
  128. *
  129. * For example, if {@link Autolinker#className} was configured as 'myLink',
  130. * and this method returns `[ 'url' ]`, the final class name of the element
  131. * will become: 'myLink myLink-url'.
  132. *
  133. * The match may provide multiple CSS class suffixes to be appended to the
  134. * {@link Autolinker#className} in order to facilitate better styling
  135. * options for different match criteria. See {@link Autolinker.match.Mention}
  136. * for an example.
  137. *
  138. * By default, this method returns a single array with the match's
  139. * {@link #getType type} name, but may be overridden by subclasses.
  140. *
  141. * @return {String[]}
  142. */
  143. getCssClassSuffixes(): string[];
  144. /**
  145. * Builds and returns an {@link Autolinker.HtmlTag} instance based on the
  146. * Match.
  147. *
  148. * This can be used to easily generate anchor tags from matches, and either
  149. * return their HTML string, or modify them before doing so.
  150. *
  151. * Example Usage:
  152. *
  153. * var tag = match.buildTag();
  154. * tag.addClass( 'cordova-link' );
  155. * tag.setAttr( 'target', '_system' );
  156. *
  157. * tag.toAnchorString(); // <a href="http://google.com" class="cordova-link" target="_system">Google</a>
  158. *
  159. * Example Usage in {@link Autolinker#replaceFn}:
  160. *
  161. * var html = Autolinker.link( "Test google.com", {
  162. * replaceFn : function( match ) {
  163. * var tag = match.buildTag(); // returns an {@link Autolinker.HtmlTag} instance
  164. * tag.setAttr( 'rel', 'nofollow' );
  165. *
  166. * return tag;
  167. * }
  168. * } );
  169. *
  170. * // generated html:
  171. * // Test <a href="http://google.com" target="_blank" rel="nofollow">google.com</a>
  172. */
  173. buildTag(): HtmlTag;
  174. }
  175. export interface AbstractMatchConfig {
  176. tagBuilder: AnchorTagBuilder;
  177. matchedText: string;
  178. offset: number;
  179. }