Merge pull request #3192 from spotify/rugvip/links

docs/verify-links: validate links to docs from other parts of the microsite
This commit is contained in:
Patrik Oldsberg
2020-11-01 15:35:17 +01:00
committed by GitHub
6 changed files with 184 additions and 135 deletions
+1 -1
View File
@@ -67,7 +67,7 @@ jobs:
continue-on-error: true
- name: verify doc links
run: node docs/verify-links.js
run: node scripts/verify-links.js
- name: prettier
run: yarn prettier:check
-131
View File
@@ -1,131 +0,0 @@
#!/usr/bin/env node
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const { resolve: resolvePath, dirname } = require('path');
const fs = require('fs-extra');
const recursive = require('recursive-readdir');
const projectRoot = resolvePath(__dirname, '..');
async function verifyUrl(basePath, url) {
// Avoid having absolute URL links within docs/, so that links work on the site
if (
url.match(
/https:\/\/github.com\/spotify\/backstage\/(tree|blob)\/master\/docs\//,
) &&
basePath.match(/^(?:docs|microsite)\//)
) {
return { url, basePath, problem: 'absolute' };
}
url = url.replace(/#.*$/, '');
url = url.replace(
/https:\/\/github.com\/spotify\/backstage\/(tree|blob)\/master/,
'',
);
if (!url) {
return;
}
// Only verify existence of local files for now, so skip anything with a schema
if (url.match(/[a-z]+:/)) {
return;
}
let path = '';
if (url.startsWith('/')) {
if (url.startsWith('/docs/') && basePath.match(/^(?:docs|microsite)\//)) {
return { url, basePath, problem: 'not-relative' };
}
const staticPath = resolvePath(projectRoot, 'microsite/static', `.${url}`);
if (await fs.pathExists(staticPath)) {
return;
}
path = resolvePath(projectRoot, `.${url}`);
} else {
path = resolvePath(dirname(resolvePath(projectRoot, basePath)), url);
}
const exists = await fs.pathExists(path);
if (!exists) {
return { url, basePath, problem: 'missing' };
}
return;
}
async function verifyFile(filePath) {
const content = await fs.readFile(filePath, 'utf8');
const mdLinks = content.match(/\[.+?\]\(.+?\)/g) || [];
const badUrls = [];
for (const mdLink of mdLinks) {
const url = mdLink.match(/\[.+\]\((.+)\)/)[1].trim();
const badUrl = await verifyUrl(filePath, url);
if (badUrl) {
badUrls.push(badUrl);
}
}
return badUrls;
}
async function main() {
process.chdir(projectRoot);
const files = await recursive('.', [
'node_modules',
'dist',
'bin',
'microsite',
]);
const mdFiles = files.filter(f => f.endsWith('.md'));
const badUrls = [];
for (const mdFile of mdFiles) {
const badFileUrls = await verifyFile(mdFile);
badUrls.push(...badFileUrls);
}
if (badUrls.length) {
console.log(`Found ${badUrls.length} bad links within repo`);
for (const { url, basePath, problem } of badUrls) {
if (problem === 'missing') {
console.error(
`Unable to reach ${url} from root or microsite/static/, linked from ${basePath}`,
);
} else if (problem === 'not-relative') {
console.error('Links to /docs/ must be relative');
console.error(` From: ${basePath}`);
console.error(` To: ${url}`);
} else if (problem === 'absolute') {
console.error(`Link to docs/ should be replaced by a relative URL`);
console.error(` From: ${basePath}`);
console.error(` To: ${url}`);
}
}
process.exit(1);
}
}
main().catch(error => {
console.error(error.stack);
process.exit(1);
});
@@ -27,7 +27,7 @@ Quote from [Platform Nuts & Bolts: Extendable Data Models](https://www.kislayver
Entities, or what we refer to as “components” in Backstage, represent all software, including services, websites, libraries, data pipelines, and so forth. The focus of Phase 2 will be on adding an entity model in Backstage that makes it easy for engineers to create and manage the software components they own.
With the ability to create a plethora of components in Backstage, how does one keep track of all the software in the ecosystem? Therein lies the highlight feature of Phase 2: the [Service Catalog](https://github.com/spotify/backstage/milestone/4). The service catalog — or software catalog — is a centralized system that keeps track of ownership and metadata about all software in your ecosystem. The catalog is built around the concept of [metadata yaml files](/docs/architecture-decisions/adr002-default-catalog-file-format.md) stored together with the code, which are then harvested and visualized in Backstage.
With the ability to create a plethora of components in Backstage, how does one keep track of all the software in the ecosystem? Therein lies the highlight feature of Phase 2: the [Service Catalog](https://github.com/spotify/backstage/milestone/4). The service catalog — or software catalog — is a centralized system that keeps track of ownership and metadata about all software in your ecosystem. The catalog is built around the concept of [metadata yaml files](/docs/architecture-decisions/adrs-adr002) stored together with the code, which are then harvested and visualized in Backstage.
![img](assets/20-05-20/Service_Catalog_MVP.png)
@@ -24,7 +24,7 @@ With these insights we decided to re-focus our efforts towards the most requeste
## What is the service catalog?
The Backstage Service Catalog — actually, a software catalog, since it includes more than just services — is a centralized system that keeps track of ownership and metadata for all the software in your ecosystem (services, websites, libraries, data pipelines, etc). The catalog is built around the concept of [metadata yaml files](/docs/architecture-decisions/adr002-default-catalog-file-format.md#format) stored together with the code, which are then harvested and visualized in Backstage.
The Backstage Service Catalog — actually, a software catalog, since it includes more than just services — is a centralized system that keeps track of ownership and metadata for all the software in your ecosystem (services, websites, libraries, data pipelines, etc). The catalog is built around the concept of [metadata yaml files](/docs/architecture-decisions/adrs-adr002) stored together with the code, which are then harvested and visualized in Backstage.
This was our pitch for the virtues of a service catalog when we first [announced](https://backstage.io/blog/2020/05/22/phase-2-service-catalog) it as part of Phase 2:
@@ -39,7 +39,7 @@ Getting started is really straightforward, and can be broadly broken down into f
4. Add the provider to the backend.
5. Add a frontend Auth Utility API.
For full details, take a look at our [“Adding authentication providers” documentation](/docs/auth/add-auth-provider.md) and at the [excellent documentation](http://www.passportjs.org/docs/) provided by Passport.
For full details, take a look at our [“Adding authentication providers” documentation](/docs/auth/add-auth-provider) and at the [excellent documentation](http://www.passportjs.org/docs/) provided by Passport.
## Interested in contributing to the next steps for authentication?
+180
View File
@@ -0,0 +1,180 @@
#!/usr/bin/env node
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* eslint-disable import/no-extraneous-dependencies */
const { resolve: resolvePath, join: joinPath, dirname } = require('path');
const fs = require('fs-extra');
const recursive = require('recursive-readdir');
const projectRoot = resolvePath(__dirname, '..');
async function verifyUrl(basePath, absUrl, docPages) {
// Avoid having absolute URL links within docs/, so that links work on the site
if (
absUrl.match(
/https:\/\/github.com\/spotify\/backstage\/(tree|blob)\/master\/docs\//,
) &&
basePath.match(/^(?:docs|microsite)\//)
) {
return { url: absUrl, basePath, problem: 'github' };
}
const url = absUrl
.replace(/#.*$/, '')
.replace(
/https:\/\/github.com\/spotify\/backstage\/(tree|blob)\/master/,
'',
);
if (!url) {
return undefined;
}
// Only verify existence of local files for now, so skip anything with a schema
if (url.match(/[a-z]+:/)) {
return undefined;
}
let path = '';
if (url.startsWith('/')) {
if (url.startsWith('/docs/')) {
if (basePath.match(/^(?:docs)\//)) {
return { url, basePath, problem: 'not-relative' };
}
if (basePath.startsWith('microsite/')) {
if (docPages.has(url)) {
return undefined;
}
return { url, basePath, problem: 'doc-missing' };
}
}
const staticPath = resolvePath(projectRoot, 'microsite/static', `.${url}`);
if (await fs.pathExists(staticPath)) {
return undefined;
}
path = resolvePath(projectRoot, `.${url}`);
} else {
path = resolvePath(dirname(resolvePath(projectRoot, basePath)), url);
}
const exists = await fs.pathExists(path);
if (!exists) {
return { url, basePath, problem: 'missing' };
}
return undefined;
}
async function verifyFile(filePath, docPages) {
const content = await fs.readFile(filePath, 'utf8');
const mdLinks = content.match(/\[.+?\]\(.+?\)/g) || [];
const badUrls = [];
for (const mdLink of mdLinks) {
const url = mdLink.match(/\[.+\]\((.+)\)/)[1].trim();
const badUrl = await verifyUrl(filePath, url, docPages);
if (badUrl) {
badUrls.push(badUrl);
}
}
return badUrls;
}
// This discovers the doc paths as they will be available on the microsite.
// It is used to validate microsite links from outside /docs/, as those
// are not transformed from the markdown file representation by docusaurus.
async function findExternalDocsLinks(dir) {
const allFiles = await recursive(dir);
const mdFiles = allFiles.filter(p => p.endsWith('.md'));
const paths = new Map();
for (const file of mdFiles) {
const content = await fs.readFile(file, 'utf8');
const url = `/${file}`;
const match = content.match(/---(?:\r|\n|.)*^id: (.*)$/m);
// Both docs with an id and without should remove trailing /index
const realPath = (match
? joinPath(dirname(url), match[1])
: url.replace(/\.md$/, '')
).replace(/\/index$/, '');
paths.set(url, realPath);
if (url.endsWith('/index.md')) {
paths.set(url.replace(/\/index\.md$/, ''), realPath);
}
}
return paths;
}
async function main() {
process.chdir(projectRoot);
const files = await recursive('.', ['node_modules', 'dist', 'bin']);
const mdFiles = files.filter(f => f.endsWith('.md'));
const badUrls = [];
const docPages = await findExternalDocsLinks('docs');
for (const mdFile of mdFiles) {
const badFileUrls = await verifyFile(mdFile, new Set(docPages.values()));
badUrls.push(...badFileUrls);
}
if (badUrls.length) {
console.log(`Found ${badUrls.length} bad links within repo`);
for (const { url, basePath, problem } of badUrls) {
if (problem === 'missing') {
console.error(
`Unable to reach ${url} from root or microsite/static/, linked from ${basePath}`,
);
} else if (problem === 'doc-missing') {
const suggestion =
docPages.get(url) ||
docPages.get(new URL(url, 'http://localhost').pathname);
console.error('Links into /docs/ must use an externally reachable ID');
console.error(` From: ${basePath}`);
console.error(` To: ${url}`);
if (suggestion) {
console.error(` Replace With: ${suggestion}`);
}
} else if (problem === 'not-relative') {
console.error('Links within /docs/ must be relative');
console.error(` From: ${basePath}`);
console.error(` To: ${url}`);
} else if (problem === 'github') {
console.error(
`Link to docs/ should not use a GitHub URL, use a relative URL instead`,
);
console.error(` From: ${basePath}`);
console.error(` To: ${url}`);
}
}
process.exit(1);
}
}
main().catch(error => {
console.error(error.stack);
process.exit(1);
});