mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Joey Perrott
2d8635d29d
To increase the ease of development we are moving @angular/docs into the adev directory within this repo. While we are doing this to improve our development experience in the short term, efforts are also in place to maintain a division between this @angular/docs (shared) code and adev itself, so that it can be extracted back out in the future when components is ready to leverage it as well. PR Close #57132
63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import {Token, Tokens, RendererThis, TokenizerThis} from 'marked';
|
|
import {anchorTarget, isExternalLink} from '../../helpers';
|
|
|
|
interface DocsPillToken extends Tokens.Generic {
|
|
type: 'docs-pill';
|
|
title: string;
|
|
href: string;
|
|
tokens: Token[];
|
|
}
|
|
|
|
// Capture group 1: all attributes on the docs-pill tag
|
|
const pillRule = /^\s*<docs-pill\s((?:.(?!\n))*)\/>/s;
|
|
|
|
const titleRule = /title="([^"]*)"/;
|
|
const hrefRule = /href="([^"]*)"/;
|
|
|
|
export const docsPillExtension = {
|
|
name: 'docs-pill',
|
|
level: 'inline' as const,
|
|
start(src: string) {
|
|
return src.indexOf('<docs-pill ');
|
|
},
|
|
tokenizer(this: TokenizerThis, src: string): DocsPillToken | undefined {
|
|
const match = pillRule.exec(src);
|
|
|
|
if (match) {
|
|
const attr = match[1].trim();
|
|
const title = titleRule.exec(attr);
|
|
const href = hrefRule.exec(attr);
|
|
|
|
const token: DocsPillToken = {
|
|
type: 'docs-pill',
|
|
raw: match[0],
|
|
title: title ? title[1] : '',
|
|
href: href ? href[1] : '',
|
|
tokens: [],
|
|
};
|
|
this.lexer.inlineTokens(token.title, token.tokens);
|
|
return token;
|
|
}
|
|
return undefined;
|
|
},
|
|
renderer(this: RendererThis, token: DocsPillToken) {
|
|
return `
|
|
<a class="docs-pill" href="${token.href}"${anchorTarget(token.href)}>
|
|
${this.parser.parseInline(token.tokens)}${
|
|
isExternalLink(token.href)
|
|
? '<docs-icon class="docs-icon-small">open_in_new</docs-icon>'
|
|
: ''
|
|
}
|
|
</a>
|
|
`;
|
|
},
|
|
};
|