VSinerva/freesewing
1
0
Fork 0
Code Activity
freesewing/sites/org/pages/docs/index.mjs

88 lines
3 KiB
JavaScript
Raw Normal View History

feat(org): Ported components to mjs and named exports
2023-01-29 16:44:02 +01:00
// Dependencies
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
import Head from 'next/head'
wip(shared): Nav prebuild changes
2023-03-28 16:47:07 +02:00
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
import { mdxLoader } from 'shared/mdx/loader.mjs'
import { jargon } from 'site/jargon.mjs'
import mdxMeta from 'site/prebuild/mdx.js'
feat(org): Ported components to mjs and named exports
2023-01-29 16:44:02 +01:00
// Components
import { MdxWrapper } from 'shared/components/wrappers/mdx.mjs'
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
import { TocWrapper } from 'shared/components/wrappers/toc.mjs'
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs'
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
import { components } from 'site/components/mdx/index.mjs'
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
// Translation namespaces used on this page
const namespaces = [...new Set(['docs', ...pageNs])]
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
/*
* Each page MUST be wrapped in the PageWrapper component.
* You also MUST spread props.page into this wrapper component
* when path and locale come from static props (as here)
* or set them manually.
*/
const DocsIndexPage = ({ page, mdx, toc, intro }) => (
<PageWrapper {...page}>
<Head>
<meta property="og:title" content={page.t} key="title" />
<meta property="og:type" content="article" key="type" />
<meta property="og:description" content={intro} key="type" />
<meta property="og:article:author" content="Joost De Cock" key="author" />
<meta
property="og:image"
content={`https://canary.backend.freesewing.org/og-img/en/dev/${page.slug}`}
key="image"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content={`https://freesewing.dev/${page.slug}`} key="url" />
<meta property="og:locale" content="en_US" key="locale" />
<meta property="og:site_name" content="freesewing.dev" key="site" />
<title>{typeof page.t === 'string' ? page.t : ''} - FreeSewing.org</title>
</Head>
<div className="flex flex-row-reverse flex-wrap xl:flex-nowrap justify-end">
{toc && (
<div className="mb-8 w-full xl:w-80 2xl:w-96 xl:pl-8 2xl:pl-16">
<TocWrapper toc={toc} />
</div>
)}
<div className="max-w-prose">
<MdxWrapper mdx={mdx} components={components} />
wip(shared): Work on modal menu
2023-04-09 15:57:25 +02:00
</div>
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
</div>
</PageWrapper>
)
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
/*
* Default export is the NextJS page object
*/
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
export default DocsIndexPage
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
/*
* getStaticProps() is used to fetch data at build-time.
*
* On this page, it is loading the mdx (markdown) content
* from the markdown file on disk.
*
* This, in combination with getStaticPaths() below means this
* page will be used to render/generate all markdown/mdx content.
*
* To learn more, see: https://nextjs.org/docs/basic-features/data-fetching
*/
everything passes lint
2022-12-03 11:25:02 -06:00
export async function getStaticProps({ locale }) {
chore: Linter warnings
2023-04-16 17:13:18 +02:00
const { mdx, intro, toc } = await mdxLoader(locale, 'org', 'docs', jargon[locale])
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
return {
props: {
mdx,
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
toc,
intro: intro.join(' '),
wip(shared): Nav prebuild changes
2023-03-28 16:47:07 +02:00
page: {
path: ['docs'],
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
locale,
wip(org): Work on modal menus
2023-04-16 16:19:49 +02:00
...mdxMeta[locale]['docs'],
wip(shared): Nav prebuild changes
2023-03-28 16:47:07 +02:00
},
wip(shared): Removed useApp hook in favor of contexts This removes the useApp hook from all org pages in favor of various context. This means there is no longer global state that gets passed around, instead each component that requires access to something shared (like account, or navigation) can just use the context instead. This is a first step, as a lot of shared components stil rely on app not to mention the dev and lab sites.
2023-04-28 21:23:06 +02:00
...(await serverSideTranslations(locale, namespaces)),
everything passes lint
2022-12-03 11:25:02 -06:00
},
wip(org): Changes to page structure
2022-06-10 12:25:56 +02:00
}
}
Copy permalink