-
Notifications
You must be signed in to change notification settings - Fork 104
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add /ecosystem page and migrate to @theguild/components
v8 and Nextra 4
#6037
Conversation
e85542d
to
645dfc1
Compare
…ot work with Turbopack
39f270a
to
dcdcf39
Compare
e4b8d5f
to
221e546
Compare
<meta content="en" httpEquiv="Content-Language" /> | ||
<title>{title}</title> | ||
<meta name="description" content={description} /> | ||
<meta property="og:title" content={title} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<meta property="og:title" content={title} /> |
we use Next.js Metadata API
<link rel="canonical" href={canonicalUrl} /> | ||
<meta content="en" httpEquiv="Content-Language" /> | ||
<title>{title}</title> | ||
<meta name="description" content={description} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<meta name="description" content={description} /> |
we use Next.js Metadata API
:root { | ||
--font-sans: ${neueMontreal.style.fontFamily}; | ||
} | ||
:root.dark { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
:root.dark { | |
.dark { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Without :root
we have lower specificity. I'm not certain removing it won't change everything.
--nextra-primary-lightness: 55%; | ||
--nextra-bg: 17, 17, 17; | ||
} | ||
:root.dark *::selection { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
:root.dark *::selection { | |
.dark *::selection { |
:root.dark *::selection { | ||
background-color: hsl(191deg 95% 72% / 0.25) | ||
} | ||
:root.light, body.light { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
:root.light, body.light { | |
.light, body.light { |
styles.container, | ||
)} | ||
> | ||
<div className={'flex flex-row ' + styles.vars}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className={'flex flex-row ' + styles.vars}> | |
<div className={cn('flex', styles.vars)}> |
<div> | ||
<Edge | ||
top | ||
className="flex h-[var(--node-h)] flex-row items-center" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
className="flex h-[var(--node-h)] flex-row items-center" | |
className="flex h-[--node-h] items-center" |
<EdgeLabel onPointerOver={onPointerOverEdge}>1</EdgeLabel> | ||
<div className="w-[calc(var(--label-h)/1.6)]" /> | ||
</Edge> | ||
<div className="h-[var(--gap)]" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="h-[var(--gap)]" /> | |
<div className="h-[--gap]" /> |
<Edge | ||
top | ||
highlighted={highlightedEdge === 3} | ||
className="flex h-[var(--big-node-h)] flex-row items-center" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
className="flex h-[var(--big-node-h)] flex-row items-center" | |
className="flex h-[--big-node-h] items-center" |
'relative z-10 flex h-[--node-h] items-center gap-2 rounded-2xl p-4 xl:gap-4 xl:p-[22px]' + | ||
' bg-[linear-gradient(135deg,rgb(255_255_255/0.10),rgb(255_255_255/0.20))]' + | ||
' cursor-pointer transition-colors duration-500 [&>svg]:flex-shrink-0', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
'relative z-10 flex h-[--node-h] items-center gap-2 rounded-2xl p-4 xl:gap-4 xl:p-[22px]' + | |
' bg-[linear-gradient(135deg,rgb(255_255_255/0.10),rgb(255_255_255/0.20))]' + | |
' cursor-pointer transition-colors duration-500 [&>svg]:flex-shrink-0', | |
'relative z-10 flex h-[--node-h] items-center gap-2 rounded-2xl p-4 xl:gap-4 xl:p-[22px]', | |
'bg-[linear-gradient(135deg,rgb(255_255_255/0.10),rgb(255_255_255/0.20))]', | |
'cursor-pointer transition-colors duration-500 [&>svg]:flex-shrink-0', |
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: Piotr Monwid-Olechnowicz <[email protected]>
const args = parseArgs({ | ||
options: { | ||
cwd: { type: 'string', default: process.cwd() }, | ||
files: { type: 'string', default: 'src/content/**/*.mdx' }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
files: { type: 'string', default: 'src/content/**/*.mdx' }, | |
files: { type: 'string', default: 'src/**/*.mdx' }, |
@dimaMachina I'm changing it to grab components and pages
dir too.
Background
I'll admit I thought the migration will go faster and that's why those two things are in the same PR.
Description
What's changed
/ecosystem
page.@theguild/components
and by extension Nextra 4.Checklist