mirror of
https://github.com/explosion/spaCy.git
synced 2024-09-21 19:39:13 +03:00
e597110d31
<!--- Provide a general summary of your changes in the title. --> ## Description The new website is implemented using [Gatsby](https://www.gatsbyjs.org) with [Remark](https://github.com/remarkjs/remark) and [MDX](https://mdxjs.com/). This allows authoring content in **straightforward Markdown** without the usual limitations. Standard elements can be overwritten with powerful [React](http://reactjs.org/) components and wherever Markdown syntax isn't enough, JSX components can be used. Hopefully, this update will also make it much easier to contribute to the docs. Once this PR is merged, I'll implement auto-deployment via [Netlify](https://netlify.com) on a specific branch (to avoid building the website on every PR). There's a bunch of other cool stuff that the new setup will allow us to do – including writing front-end tests, service workers, offline support, implementing a search and so on. This PR also includes various new docs pages and content. Resolves #3270. Resolves #3222. Resolves #2947. Resolves #2837. ### Types of change enhancement ## Checklist <!--- Before you submit the PR, go over this checklist and make sure you can tick off all the boxes. [] -> [x] --> - [x] I have submitted the spaCy Contributor Agreement. - [x] I ran the tests, and all new and existing tests passed. - [x] My changes don't require a change to the documentation, or if they do, I've added all required information.
271 lines
11 KiB
JavaScript
271 lines
11 KiB
JavaScript
const path = require('path')
|
||
const { createFilePath } = require('gatsby-source-filesystem')
|
||
|
||
const DEFAULT_TEMPLATE = path.resolve('./src/templates/index.js')
|
||
const BASE_PATH = 'docs'
|
||
const PAGE_EXTENSIONS = ['.md', '.mdx']
|
||
|
||
function replacePath(pagePath) {
|
||
return pagePath === `/` ? pagePath : pagePath.replace(/\/$/, ``)
|
||
}
|
||
|
||
function getNodeTitle({ childMdx }) {
|
||
const frontmatter = (childMdx || {}).frontmatter || {}
|
||
return (frontmatter.title || '').replace("'", '’')
|
||
}
|
||
|
||
exports.createPages = ({ graphql, actions }) => {
|
||
const { createPage } = actions
|
||
|
||
return new Promise((resolve, reject) => {
|
||
resolve(
|
||
graphql(
|
||
`
|
||
{
|
||
site {
|
||
siteMetadata {
|
||
sections {
|
||
id
|
||
title
|
||
theme
|
||
}
|
||
languages {
|
||
code
|
||
name
|
||
models
|
||
example
|
||
has_examples
|
||
}
|
||
universe {
|
||
resources {
|
||
id
|
||
title
|
||
}
|
||
categories {
|
||
label
|
||
items {
|
||
id
|
||
title
|
||
description
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
allFile(filter: { ext: { in: [".md", ".mdx"] } }) {
|
||
edges {
|
||
node {
|
||
base
|
||
ext
|
||
name
|
||
relativeDirectory
|
||
absolutePath
|
||
childMdx {
|
||
code {
|
||
scope
|
||
}
|
||
frontmatter {
|
||
title
|
||
teaser
|
||
source
|
||
tag
|
||
new
|
||
next
|
||
menu
|
||
sidebar {
|
||
label
|
||
items {
|
||
text
|
||
url
|
||
}
|
||
}
|
||
section
|
||
}
|
||
}
|
||
fields {
|
||
id
|
||
slug
|
||
fileName
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
`
|
||
).then(result => {
|
||
if (result.errors) {
|
||
console.log(result.errors)
|
||
reject(result.errors)
|
||
}
|
||
|
||
const sectionData = result.data.site.siteMetadata.sections
|
||
const sections = Object.assign({}, ...sectionData.map(s => ({ [s.id]: s })))
|
||
|
||
/* Regular pages */
|
||
|
||
const pages = result.data.allFile.edges
|
||
pages.forEach(page => {
|
||
const { name } = path.parse(page.node.absolutePath)
|
||
if (!name.startsWith('_')) {
|
||
const mdx = page.node.childMdx || {}
|
||
const frontmatter = mdx.frontmatter || {}
|
||
const section = frontmatter.section || page.node.relativeDirectory
|
||
const sectionMeta = sections[section] || {}
|
||
const title = getNodeTitle(page.node)
|
||
const next = frontmatter.next
|
||
? pages.find(({ node }) => node.fields.slug === frontmatter.next)
|
||
: null
|
||
|
||
createPage({
|
||
path: replacePath(page.node.fields.slug),
|
||
component: DEFAULT_TEMPLATE,
|
||
context: {
|
||
id: page.node.id,
|
||
slug: page.node.fields.slug,
|
||
isIndex: page.node.fields.fileName === 'index',
|
||
title,
|
||
section,
|
||
sectionTitle: sectionMeta.title,
|
||
menu: frontmatter.menu || [],
|
||
teaser: frontmatter.teaser,
|
||
source: frontmatter.source,
|
||
sidebar: frontmatter.sidebar,
|
||
tag: frontmatter.tag,
|
||
version: frontmatter.new,
|
||
theme: sectionMeta.theme,
|
||
relativePath: page.node.relativePath,
|
||
next: next
|
||
? {
|
||
title: getNodeTitle(next.node),
|
||
slug: next.node.fields.slug,
|
||
}
|
||
: null,
|
||
},
|
||
})
|
||
}
|
||
})
|
||
|
||
/* Universe */
|
||
|
||
const universeContext = {
|
||
section: 'universe',
|
||
sectionTitle: sections.universe.title,
|
||
theme: sections.universe.theme,
|
||
}
|
||
|
||
createPage({
|
||
path: '/universe',
|
||
component: DEFAULT_TEMPLATE,
|
||
context: {
|
||
slug: '/universe',
|
||
isIndex: true,
|
||
title: 'Overview',
|
||
...universeContext,
|
||
},
|
||
})
|
||
|
||
const universe = result.data.site.siteMetadata.universe.resources
|
||
universe.forEach(page => {
|
||
const slug = `/universe/project/${page.id}`
|
||
|
||
createPage({
|
||
path: slug,
|
||
component: DEFAULT_TEMPLATE,
|
||
context: {
|
||
id: page.id,
|
||
slug: slug,
|
||
isIndex: false,
|
||
title: page.title,
|
||
data: { ...page, isProject: true },
|
||
...universeContext,
|
||
},
|
||
})
|
||
})
|
||
|
||
const universeCategories = result.data.site.siteMetadata.universe.categories
|
||
const categories = [].concat.apply([], universeCategories.map(cat => cat.items))
|
||
categories.forEach(page => {
|
||
const slug = `/universe/category/${page.id}`
|
||
|
||
createPage({
|
||
path: slug,
|
||
component: DEFAULT_TEMPLATE,
|
||
context: {
|
||
id: page.id,
|
||
slug: slug,
|
||
isIndex: false,
|
||
title: page.title,
|
||
teaser: page.description,
|
||
data: { ...page, isCategory: true },
|
||
...universeContext,
|
||
},
|
||
})
|
||
})
|
||
|
||
/* Models */
|
||
|
||
const langs = result.data.site.siteMetadata.languages
|
||
const modelLangs = langs.filter(({ models }) => models && models.length)
|
||
modelLangs.forEach(({ code, name, models, example, has_examples }, i) => {
|
||
const slug = `/models/${code}`
|
||
const next = i < modelLangs.length - 1 ? modelLangs[i + 1] : null
|
||
createPage({
|
||
path: slug,
|
||
component: DEFAULT_TEMPLATE,
|
||
context: {
|
||
id: code,
|
||
slug: slug,
|
||
isIndex: false,
|
||
title: name,
|
||
section: 'models',
|
||
sectionTitle: sections.models.title,
|
||
theme: sections.models.theme,
|
||
next: next ? { title: next.name, slug: `/models/${next.code}` } : null,
|
||
meta: { models, example, hasExamples: has_examples },
|
||
},
|
||
})
|
||
})
|
||
})
|
||
)
|
||
})
|
||
}
|
||
|
||
exports.onCreateNode = ({ node, actions, getNode }) => {
|
||
const { createNodeField } = actions
|
||
if (PAGE_EXTENSIONS.includes(node.ext)) {
|
||
const slug = createFilePath({ node, getNode, basePath: BASE_PATH, trailingSlash: false })
|
||
const { name } = path.parse(node.absolutePath)
|
||
createNodeField({ name: 'fileName', node, value: name })
|
||
createNodeField({ name: 'slug', node, value: slug })
|
||
createNodeField({ name: 'id', node, value: node.id })
|
||
}
|
||
}
|
||
|
||
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
|
||
// Support relative paths in MDX components
|
||
actions.setWebpackConfig({
|
||
resolve: {
|
||
modules: [
|
||
path.resolve(__dirname),
|
||
path.resolve(__dirname, 'docs'),
|
||
path.resolve(__dirname, 'src'),
|
||
'node_modules',
|
||
],
|
||
},
|
||
module: {
|
||
rules: [
|
||
{
|
||
test: /\.(html|svg)$/,
|
||
use: 'raw-loader',
|
||
},
|
||
],
|
||
},
|
||
})
|
||
if (stage === 'build-javascript') {
|
||
// Turn off source maps
|
||
actions.setWebpackConfig({
|
||
devtool: false,
|
||
})
|
||
}
|
||
}
|