Previously we only logged a warning if we attempted to auto-link to a doc that had no `path` property, which implies that it is private and is not rendered. Now we fail hard during full doc-gen, although when running the `yarn serv-and-sync` command it should not fail if changes are only made to guides, which is what authors who use this tool are most likely to do. PR Close #40404
		
			
				
	
	
		
			153 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			153 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| const visit = require('unist-util-visit-parents');
 | |
| const is = require('hast-util-is-element');
 | |
| const textContent = require('hast-util-to-string');
 | |
| 
 | |
| /**
 | |
|  * Automatically add in a link to the relevant document for code blocks.
 | |
|  * E.g. `<code>MyClass</code>` becomes `<code><a href="path/to/myclass">MyClass</a></code>`
 | |
|  *
 | |
|  * @property docTypes an array of strings.
 | |
|  * Only docs that have one of these docTypes will be linked to.
 | |
|  * Usually set to the API exported docTypes, e.g. "class", "function", "directive", etc.
 | |
|  *
 | |
|  * @property customFilters array of functions `(docs, words, wordIndex) => docs` that will filter
 | |
|  * out docs where a word should not link to a doc.
 | |
|  *   - `docs` is the array of docs that match the link `word`
 | |
|  *   - `words` is the collection of words parsed from the code text
 | |
|  *   - `wordIndex` is the index of the current `word` for which we are finding a link
 | |
|  *
 | |
|  * @property codeElements an array of strings.
 | |
|  * Only text contained in these elements will be linked to.
 | |
|  * Usually set to "code" but also "code-example" for angular.io.
 | |
|  *
 | |
|  * @property ignoredLanguages an array of languages that should not be auto-linked
 | |
|  *
 | |
|  * @property ignoredLanguages an array of languages that should not be auto-linked
 | |
|  *
 | |
|  * @property failOnMissingDocPath if set to true then this post-processor will cause the doc-gen
 | |
|  * to fail when it attempts to auto-link to a doc that has no `doc.path` property, which implies
 | |
|  * that it exists but is not public (nor rendered).
 | |
|  *
 | |
|  */
 | |
| module.exports = function autoLinkCode(getDocFromAlias) {
 | |
|   autoLinkCodeImpl.docTypes = [];
 | |
|   autoLinkCodeImpl.customFilters = [];
 | |
|   autoLinkCodeImpl.codeElements = ['code'];
 | |
|   autoLinkCodeImpl.ignoredLanguages = ['bash', 'sh', 'shell', 'json', 'markdown'];
 | |
|   autoLinkCodeImpl.failOnMissingDocPath = false;
 | |
| 
 | |
|   return autoLinkCodeImpl;
 | |
| 
 | |
|   function autoLinkCodeImpl() {
 | |
|     return (ast, file) => {
 | |
|       visit(ast, 'element', (node, ancestors) => {
 | |
|         if (!isValidCodeElement(node, ancestors)) {
 | |
|           return;
 | |
|         }
 | |
| 
 | |
|         visit(node, 'text', (node, ancestors) => {
 | |
|           const isInLink = isInsideLink(ancestors);
 | |
|           if (isInLink) {
 | |
|             return;
 | |
|           }
 | |
| 
 | |
|           const parent = ancestors[ancestors.length - 1];
 | |
|           const index = parent.children.indexOf(node);
 | |
| 
 | |
|           // Can we convert the whole text node into a doc link?
 | |
|           const docs = getDocFromAlias(node.value);
 | |
|           if (foundValidDoc(docs, node.value, file)) {
 | |
|             parent.children.splice(index, 1, createLinkNode(docs[0], node.value));
 | |
|           } else {
 | |
|             // Parse the text for words that we can convert to links
 | |
|             const nodes = getNodes(node, file);
 | |
|             // Replace the text node with the links and leftover text nodes
 | |
|             Array.prototype.splice.apply(parent.children, [index, 1].concat(nodes));
 | |
|           }
 | |
|         });
 | |
|       });
 | |
|     };
 | |
|   }
 | |
| 
 | |
|   function isValidCodeElement(node, ancestors) {
 | |
|     // Only interested in code elements that:
 | |
|     // * do not have `no-auto-link` class
 | |
|     // * do not have an ignored language
 | |
|     // * are not inside links
 | |
|     const isCodeElement = autoLinkCodeImpl.codeElements.some(elementType => is(node, elementType));
 | |
|     const hasNoAutoLink =
 | |
|         node.properties.className && node.properties.className.includes('no-auto-link');
 | |
|     const isLanguageSupported =
 | |
|         !autoLinkCodeImpl.ignoredLanguages.includes(node.properties.language);
 | |
|     const isInLink = isInsideLink(ancestors);
 | |
|     return isCodeElement && !hasNoAutoLink && isLanguageSupported && !isInLink;
 | |
|   }
 | |
| 
 | |
|   function isInsideLink(ancestors) {
 | |
|     return ancestors.some(ancestor => is(ancestor, 'a'));
 | |
|   }
 | |
| 
 | |
|   function getNodes(node, file) {
 | |
|     return textContent(node)
 | |
|         .split(/([A-Za-z0-9_.-]+)/)
 | |
|         .filter(word => word.length)
 | |
|         .map((word, index, words) => {
 | |
|           // remove docs that fail the custom filter tests
 | |
|           const filteredDocs = autoLinkCodeImpl.customFilters.reduce(
 | |
|               (docs, filter) => filter(docs, words, index), getDocFromAlias(word));
 | |
| 
 | |
|           return foundValidDoc(filteredDocs, word, file) ?
 | |
|               // Create a link wrapping the text node.
 | |
|               createLinkNode(filteredDocs[0], word) :
 | |
|               // this is just text so push a new text node
 | |
|               {type: 'text', value: word};
 | |
|         });
 | |
|   }
 | |
| 
 | |
|   /**
 | |
|    * Validates the docs to be used to generate the links. The validation ensures
 | |
|    * that the docs are not `internal` and that the `docType` is supported. The `path`
 | |
|    * can be empty when the `API` is not public.
 | |
|    *
 | |
|    * @param {Array<Object>} docs An array of objects containing the doc details
 | |
|    *
 | |
|    * @param {string} keyword The keyword the doc applies to
 | |
|    */
 | |
|   function foundValidDoc(docs, keyword, file) {
 | |
|     if (docs.length !== 1) {
 | |
|       return false;
 | |
|     }
 | |
| 
 | |
|     var doc = docs[0];
 | |
| 
 | |
|     const isInvalidDoc = doc.docType === 'member' && !keyword.includes('.');
 | |
|     if (isInvalidDoc) {
 | |
|       return false;
 | |
|     }
 | |
| 
 | |
|     if (!doc.path) {
 | |
|       var message = `
 | |
|       autoLinkCode: Doc path is empty for "${doc.id}" - link will not be generated for "${keyword}".
 | |
|       Please make sure if the doc should be public. If not, it should probably not be referenced in the docs.`;
 | |
| 
 | |
|       if (autoLinkCodeImpl.failOnMissingDocPath) {
 | |
|         file.fail(message);
 | |
|       } else {
 | |
|         file.message(message);
 | |
|       }
 | |
|       return false;
 | |
|     }
 | |
| 
 | |
|     return !doc.internal && autoLinkCodeImpl.docTypes.includes(doc.docType);
 | |
|   }
 | |
| 
 | |
|   function createLinkNode(doc, text) {
 | |
|     return {
 | |
|       type: 'element',
 | |
|       tagName: 'a',
 | |
|       properties: {href: doc.path, class: 'code-anchor'},
 | |
|       children: [{type: 'text', value: text}]
 | |
|     };
 | |
|   }
 | |
| };
 |