mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-25 23:05:23 +00:00
Move the old site to another repo (#5739)
* Delete the old site from this repo * Remove old GH workflow * Remove other files
This commit is contained in:
@@ -1,34 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
let offsetY = 0;
|
||||
|
||||
const getTargetOffset = hash => {
|
||||
const id = window.decodeURI(hash.replace(`#`, ``));
|
||||
if (id !== ``) {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
return element.offsetTop - offsetY;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
exports.onInitialClientRender = (_, pluginOptions) => {
|
||||
if (pluginOptions.offsetY) {
|
||||
offsetY = pluginOptions.offsetY;
|
||||
}
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
const offset = getTargetOffset(window.location.hash);
|
||||
if (offset !== null) {
|
||||
window.scrollTo(0, offset);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
exports.shouldUpdateScroll = ({routerProps: {location}}) => {
|
||||
const offset = getTargetOffset(location.hash);
|
||||
return offset !== null ? [0, offset] : true;
|
||||
};
|
||||
@@ -1,80 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const React = require(`react`);
|
||||
|
||||
const pluginDefaults = {
|
||||
className: `anchor`,
|
||||
icon: true,
|
||||
offsetY: 0,
|
||||
};
|
||||
|
||||
exports.onRenderBody = ({setHeadComponents}, pluginOptions) => {
|
||||
const {className, icon, offsetY} = Object.assign(
|
||||
pluginDefaults,
|
||||
pluginOptions,
|
||||
);
|
||||
|
||||
const styles = `
|
||||
.${className} {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
h1 .${className} svg,
|
||||
h2 .${className} svg,
|
||||
h3 .${className} svg,
|
||||
h4 .${className} svg,
|
||||
h5 .${className} svg,
|
||||
h6 .${className} svg {
|
||||
visibility: hidden;
|
||||
}
|
||||
h1:hover .${className} svg,
|
||||
h2:hover .${className} svg,
|
||||
h3:hover .${className} svg,
|
||||
h4:hover .${className} svg,
|
||||
h5:hover .${className} svg,
|
||||
h6:hover .${className} svg,
|
||||
h1 .${className}:focus svg,
|
||||
h2 .${className}:focus svg,
|
||||
h3 .${className}:focus svg,
|
||||
h4 .${className}:focus svg,
|
||||
h5 .${className}:focus svg,
|
||||
h6 .${className}:focus svg {
|
||||
visibility: visible;
|
||||
}
|
||||
`;
|
||||
|
||||
const script = `
|
||||
document.addEventListener("DOMContentLoaded", function(event) {
|
||||
var hash = window.decodeURI(location.hash.replace('#', ''))
|
||||
if (hash !== '') {
|
||||
var element = document.getElementById(hash)
|
||||
if (element) {
|
||||
var offset = element.offsetTop
|
||||
// Wait for the browser to finish rendering before scrolling.
|
||||
setTimeout((function() {
|
||||
window.scrollTo(0, offset - ${offsetY})
|
||||
}), 0)
|
||||
}
|
||||
}
|
||||
})
|
||||
`;
|
||||
|
||||
const style = icon ? (
|
||||
<style key="gatsby-remark-header-custom-ids-style" type="text/css">
|
||||
{styles}
|
||||
</style>
|
||||
) : (
|
||||
undefined
|
||||
);
|
||||
|
||||
return setHeadComponents([
|
||||
style,
|
||||
<script
|
||||
key="gatsby-remark-header-custom-ids-script"
|
||||
dangerouslySetInnerHTML={{__html: script}}
|
||||
/>,
|
||||
]);
|
||||
};
|
||||
@@ -1,73 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
/*!
|
||||
* Based on 'gatsby-remark-autolink-headers'
|
||||
* Original Author: Kyle Mathews <mathews.kyle@gmail.com>
|
||||
* Copyright (c) 2015 Gatsbyjs
|
||||
*/
|
||||
|
||||
const toString = require('mdast-util-to-string');
|
||||
const visit = require('unist-util-visit');
|
||||
const slugs = require('github-slugger')();
|
||||
|
||||
function patch(context, key, value) {
|
||||
if (!context[key]) {
|
||||
context[key] = value;
|
||||
}
|
||||
|
||||
return context[key];
|
||||
}
|
||||
|
||||
const svgIcon = `<svg aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>`;
|
||||
|
||||
module.exports = (
|
||||
{markdownAST},
|
||||
{icon = svgIcon, className = `anchor`, maintainCase = false},
|
||||
) => {
|
||||
slugs.reset();
|
||||
|
||||
visit(markdownAST, 'heading', node => {
|
||||
// Support custom-id syntax.
|
||||
const rawHeader = toString(node);
|
||||
const match = /^.+(\s*\{#([a-z0-9\-_]+?)\}\s*)$/.exec(rawHeader);
|
||||
const id = match ? match[2] : slugs.slug(rawHeader, maintainCase);
|
||||
if (match) {
|
||||
// Remove the custom ID part from the text node.
|
||||
const lastNode = node.children[node.children.length - 1];
|
||||
lastNode.value = lastNode.value.replace(match[1], '');
|
||||
}
|
||||
|
||||
const data = patch(node, 'data', {});
|
||||
|
||||
patch(data, 'id', id);
|
||||
patch(data, 'htmlAttributes', {});
|
||||
patch(data, 'hProperties', {});
|
||||
patch(data.htmlAttributes, 'id', id);
|
||||
patch(data.hProperties, 'id', id);
|
||||
|
||||
if (icon !== false) {
|
||||
node.children.unshift({
|
||||
type: 'link',
|
||||
url: `#${id}`,
|
||||
title: null,
|
||||
data: {
|
||||
hProperties: {
|
||||
'aria-hidden': true,
|
||||
class: className,
|
||||
},
|
||||
hChildren: [
|
||||
{
|
||||
type: 'raw',
|
||||
// The Octicon link icon is the default. But users can set their own icon via the "icon" option.
|
||||
value: icon,
|
||||
},
|
||||
],
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return markdownAST;
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-remark-header-custom-ids",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const visit = require('unist-util-visit');
|
||||
|
||||
// Always treat JS blocks as JSX.
|
||||
// TODO: maybe we can just change it in Markdown in the future?
|
||||
module.exports = ({markdownAST}) => {
|
||||
visit(markdownAST, `code`, node => {
|
||||
if (typeof node.lang !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (node.lang.indexOf('jsx') === 0) {
|
||||
// Already JSX (with optional line range).
|
||||
return;
|
||||
}
|
||||
// Turn JS into JSX, preserving the optional line range.
|
||||
if (node.lang.indexOf('js') === 0) {
|
||||
node.lang = 'jsx' + node.lang.substring('js'.length);
|
||||
}
|
||||
if (node.lang.indexOf('javascript') === 0) {
|
||||
node.lang = 'jsx' + node.lang.substring('javascript'.length);
|
||||
}
|
||||
});
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-remark-use-jsx",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const request = require('request-promise');
|
||||
|
||||
const errorCodesUrl =
|
||||
'https://raw.githubusercontent.com/facebook/react/main/scripts/error-codes/codes.json';
|
||||
|
||||
exports.sourceNodes = async ({actions}) => {
|
||||
const {createNode} = actions;
|
||||
|
||||
try {
|
||||
const jsonString = await request(errorCodesUrl);
|
||||
|
||||
createNode({
|
||||
id: 'error-codes',
|
||||
children: [],
|
||||
parent: 'ERRORS',
|
||||
internal: {
|
||||
type: 'ErrorCodesJson',
|
||||
contentDigest: jsonString,
|
||||
},
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(
|
||||
`The gatsby-source-react-error-codes plugin has failed:\n${error.message}`,
|
||||
);
|
||||
|
||||
process.exit(1);
|
||||
}
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-source-react-error-codes",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const readFileSync = require('fs').readFileSync;
|
||||
const resolve = require('path').resolve;
|
||||
const safeLoad = require('js-yaml').safeLoad;
|
||||
|
||||
// TODO It would be nice to replace this plugin with gatsby-transformer-yaml
|
||||
// That plugin errors on some of the YML files in the docs folder though,
|
||||
// And doesn't currently support any options to whitelist/blacklist files.
|
||||
|
||||
// Reads authors.yml data into GraphQL.
|
||||
// This is auto-linked by gatsby-config.js to blog posts.
|
||||
exports.sourceNodes = ({graphql, actions}) => {
|
||||
const {createNode} = actions;
|
||||
|
||||
const path = resolve(__dirname, '../../content/authors.yml');
|
||||
const file = readFileSync(path, 'utf8');
|
||||
const authors = safeLoad(file);
|
||||
|
||||
// authors.yml structure is {[username: string]: {name: string, url: string}}
|
||||
Object.keys(authors).forEach(username => {
|
||||
const author = authors[username];
|
||||
|
||||
createNode({
|
||||
id: username,
|
||||
children: [],
|
||||
parent: 'AUTHORS',
|
||||
internal: {
|
||||
type: 'AuthorYaml',
|
||||
contentDigest: JSON.stringify(author),
|
||||
},
|
||||
frontmatter: author,
|
||||
});
|
||||
});
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-transformer-authors-yaml",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const crypto = require('crypto');
|
||||
|
||||
const createContentDigest = obj =>
|
||||
crypto
|
||||
.createHash(`md5`)
|
||||
.update(obj)
|
||||
.digest(`hex`);
|
||||
|
||||
// Store code snippets in GraphQL for the home page examples.
|
||||
// Snippets will be matched with markdown templates of the same name.
|
||||
exports.onCreateNode = async ({actions, node, loadNodeContent}) => {
|
||||
const {createNode} = actions;
|
||||
const {absolutePath, ext, name, relativeDirectory, sourceInstanceName} = node;
|
||||
|
||||
if (
|
||||
sourceInstanceName === 'content' &&
|
||||
relativeDirectory === 'home/examples' &&
|
||||
ext === '.js'
|
||||
) {
|
||||
const code = await loadNodeContent(node);
|
||||
createNode({
|
||||
id: name,
|
||||
children: [],
|
||||
parent: node.id,
|
||||
code,
|
||||
mdAbsolutePath: absolutePath.replace(/\.js$/, '.md'),
|
||||
internal: {
|
||||
type: 'ExampleCode',
|
||||
contentDigest: createContentDigest(JSON.stringify(code)),
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-transformer-home-example-code",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
@@ -1,68 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const readFileSync = require('fs').readFileSync;
|
||||
const resolve = require('path').resolve;
|
||||
const {writeFile} = require('fs-extra');
|
||||
|
||||
// Patterned after the 'gatsby-plugin-netlify' plug-in:
|
||||
// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-netlify/src/create-redirects.js
|
||||
module.exports = async function writeRedirectsFile(
|
||||
redirects,
|
||||
redirectsFilePath,
|
||||
) {
|
||||
if (!redirects.length) {
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* We will first read the old config to validate if the redirect already exists in the json
|
||||
*/
|
||||
const vercelConfigPath = resolve(__dirname, '../../vercel.json');
|
||||
const vercelConfigFile = readFileSync(vercelConfigPath);
|
||||
const oldConfigContent = JSON.parse(vercelConfigFile);
|
||||
/**
|
||||
* Map data as vercel expects it to be
|
||||
*/
|
||||
|
||||
let vercelRedirects = {};
|
||||
|
||||
redirects.forEach(redirect => {
|
||||
const {fromPath, isPermanent, toPath} = redirect;
|
||||
|
||||
vercelRedirects[fromPath] = {
|
||||
destination: toPath,
|
||||
permanent: !!isPermanent,
|
||||
};
|
||||
});
|
||||
/**
|
||||
* Make sure we dont have the same redirect already
|
||||
*/
|
||||
oldConfigContent.redirects.forEach(data => {
|
||||
if (vercelRedirects[data.source]) {
|
||||
delete vercelRedirects[data.source];
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Serialize the object to array of objects
|
||||
*/
|
||||
let newRedirects = [];
|
||||
Object.keys(vercelRedirects).forEach(value =>
|
||||
newRedirects.push({
|
||||
source: value,
|
||||
destination: vercelRedirects[value].destination,
|
||||
permanent: !!vercelRedirects[value].isPermanent,
|
||||
}),
|
||||
);
|
||||
|
||||
/**
|
||||
* We already have a vercel.json so we spread the new contents along with old ones
|
||||
*/
|
||||
const newContents = {
|
||||
...oldConfigContent,
|
||||
redirects: [...oldConfigContent.redirects, ...newRedirects],
|
||||
};
|
||||
return writeFile(redirectsFilePath, JSON.stringify(newContents, null, 2));
|
||||
};
|
||||
@@ -1,31 +0,0 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*/
|
||||
|
||||
const readFileSync = require('fs').readFileSync;
|
||||
const resolve = require('path').resolve;
|
||||
const safeLoad = require('js-yaml').safeLoad;
|
||||
const createRedirects = require('./create-redirects');
|
||||
const path = require('path');
|
||||
|
||||
// Reads versions.yml data into GraphQL.
|
||||
// This is used to generate redirect rules for older documentation versions.
|
||||
exports.onPostBuild = async ({store}) => {
|
||||
const versionsFile = resolve(__dirname, '../../content/versions.yml');
|
||||
const file = readFileSync(versionsFile, 'utf8');
|
||||
const versions = safeLoad(file);
|
||||
|
||||
const {program} = store.getState();
|
||||
const redirectsFilePath = path.join(program.directory, 'vercel.json');
|
||||
|
||||
// versions.yml structure is [{path: string, url: string, ...}, ...]
|
||||
await createRedirects(
|
||||
versions
|
||||
.filter(version => version.path && version.url)
|
||||
.map(version => ({
|
||||
fromPath: version.path,
|
||||
toPath: version.url,
|
||||
})),
|
||||
redirectsFilePath,
|
||||
);
|
||||
};
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"name": "gatsby-transformer-versions-yaml",
|
||||
"version": "0.0.1"
|
||||
}
|
||||
Reference in New Issue
Block a user