@theguild/components 8.0.0-alpha-20241109193325-7c69026b79300db6eb1ef2e7c8737d603c4f8c1b → 8.0.0-alpha-20241110013634-e1fe9e514d39bd282e32139ada650a9884d97b8c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/get-your-api-game-right-section.js +2 -2
- package/dist/components/hive-footer/contact-us.d.mts +5 -0
- package/dist/components/hive-footer/contact-us.js +19 -0
- package/dist/components/hive-footer/index.d.mts +16 -0
- package/dist/components/{hive-footer.js → hive-footer/index.js} +13 -23
- package/dist/components/hive-navigation/index.d.mts +3 -1
- package/dist/components/hive-navigation/index.js +28 -27
- package/dist/components/index.d.mts +2 -3
- package/dist/components/index.js +2 -6
- package/dist/components/schema-type.js +1 -1
- package/dist/components/tools-and-libraries-cards/index.js +1 -1
- package/dist/index.d.mts +2 -4
- package/dist/logos/guild.js +1 -1
- package/dist/server/index.d.mts +4 -0
- package/dist/server/theme-layout.d.mts +7 -1
- package/dist/server/theme-layout.js +31 -15
- package/dist/types/components.d.mts +1 -6
- package/package.json +3 -3
- package/style.css +1 -12
- package/dist/components/footer.d.mts +0 -9
- package/dist/components/footer.js +0 -116
- package/dist/components/guild-navbar-logo.d.mts +0 -19
- package/dist/components/guild-navbar-logo.js +0 -62
- package/dist/components/hive-footer.d.mts +0 -12
- package/dist/helpers/render-slot.d.mts +0 -3
- package/dist/helpers/render-slot.js +0 -21
|
@@ -13,7 +13,7 @@ function GetYourAPIGameRightSection({ className }) {
|
|
|
13
13
|
/* @__PURE__ */ jsx(GreenArchDecoration, { className: "absolute inset-y-0 right-0 hidden opacity-10 md:block [@media(min-width:1300px)]:opacity-100" }),
|
|
14
14
|
/* @__PURE__ */ jsx(StrokeDecoration, { className: "absolute right-[607px] max-md:right-[-36px] max-md:top-[-71px] max-md:size-[200px] max-md:rotate-180 md:bottom-0" })
|
|
15
15
|
] }),
|
|
16
|
-
/* @__PURE__ */ jsxs("div", { className: "flex
|
|
16
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-stretch justify-between gap-x-6 gap-y-4 p-4 max-md:flex-col sm:items-center md:h-[308px] md:px-24", children: [
|
|
17
17
|
/* @__PURE__ */ jsx(
|
|
18
18
|
Heading,
|
|
19
19
|
{
|
|
@@ -23,7 +23,7 @@ function GetYourAPIGameRightSection({ className }) {
|
|
|
23
23
|
children: "Get your API game right."
|
|
24
24
|
}
|
|
25
25
|
),
|
|
26
|
-
/* @__PURE__ */ jsxs("div", { className: "flex
|
|
26
|
+
/* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 gap-y-2 whitespace-pre max-sm:flex-col", children: [
|
|
27
27
|
/* @__PURE__ */ jsx(CallToAction, { variant: "secondary-inverted", href: "https://app.graphql-hive.com/", children: "Get started for free" }),
|
|
28
28
|
/* @__PURE__ */ jsx(
|
|
29
29
|
CallToAction,
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
function ContactUs() {
|
|
4
|
+
return /* @__PURE__ */ jsx(
|
|
5
|
+
"a",
|
|
6
|
+
{
|
|
7
|
+
className: "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
|
|
8
|
+
href: "https://the-guild.dev/contact",
|
|
9
|
+
onClick: (event) => {
|
|
10
|
+
window.$crisp?.push(["do", "chat:open"]);
|
|
11
|
+
event.preventDefault();
|
|
12
|
+
},
|
|
13
|
+
children: "Contact Us"
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
ContactUs
|
|
19
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode, FC } from 'react';
|
|
2
|
+
import { ILink } from '../../types/components.mjs';
|
|
3
|
+
import 'next/image';
|
|
4
|
+
import 'next/link';
|
|
5
|
+
import 'react-player';
|
|
6
|
+
|
|
7
|
+
type HiveFooterProps = {
|
|
8
|
+
className?: string;
|
|
9
|
+
resources?: ILink[];
|
|
10
|
+
logo?: ReactNode;
|
|
11
|
+
href?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const HiveFooter: FC<HiveFooterProps>;
|
|
15
|
+
|
|
16
|
+
export { HiveFooter, type HiveFooterProps };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "
|
|
3
|
-
import { siteOrigin } from "
|
|
4
|
-
import { HiveCombinationMark } from "
|
|
5
|
-
import { PRODUCTS } from "
|
|
6
|
-
import { Anchor } from "
|
|
2
|
+
import { cn } from "../../cn.js";
|
|
3
|
+
import { siteOrigin } from "../../constants.js";
|
|
4
|
+
import { HiveCombinationMark } from "../../logos/index.js";
|
|
5
|
+
import { PRODUCTS } from "../../products.js";
|
|
6
|
+
import { Anchor } from "../anchor.js";
|
|
7
7
|
import {
|
|
8
8
|
CSAStarLevelOneIcon,
|
|
9
9
|
DiscordIcon,
|
|
@@ -11,10 +11,12 @@ import {
|
|
|
11
11
|
LinkedInIcon,
|
|
12
12
|
TwitterIcon,
|
|
13
13
|
YouTubeIcon
|
|
14
|
-
} from "
|
|
14
|
+
} from "../icons/index.js";
|
|
15
|
+
import { ContactUs } from "./contact-us.js";
|
|
15
16
|
const HiveFooter = ({
|
|
16
17
|
className,
|
|
17
|
-
logo,
|
|
18
|
+
logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
|
|
19
|
+
href = `${siteOrigin}/`,
|
|
18
20
|
resources = [],
|
|
19
21
|
description = "Open-source GraphQL management platform"
|
|
20
22
|
}) => {
|
|
@@ -24,10 +26,9 @@ const HiveFooter = ({
|
|
|
24
26
|
/* @__PURE__ */ jsx(
|
|
25
27
|
Anchor,
|
|
26
28
|
{
|
|
27
|
-
href
|
|
28
|
-
...logo,
|
|
29
|
+
href,
|
|
29
30
|
className: "hive-focus -m-1.5 flex rounded p-1.5 text-green-1000 dark:text-white",
|
|
30
|
-
children: logo
|
|
31
|
+
children: logo
|
|
31
32
|
}
|
|
32
33
|
),
|
|
33
34
|
/* @__PURE__ */ jsx("p", { className: "mt-6 lg:mt-8", children: description })
|
|
@@ -49,22 +50,11 @@ const HiveFooter = ({
|
|
|
49
50
|
children: "Pricing"
|
|
50
51
|
}
|
|
51
52
|
),
|
|
52
|
-
/* @__PURE__ */ jsx(
|
|
53
|
-
"a",
|
|
54
|
-
{
|
|
55
|
-
className: "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
|
|
56
|
-
href: "https://the-guild.dev/contact",
|
|
57
|
-
onClick: (event) => {
|
|
58
|
-
window.$crisp?.push(["do", "chat:open"]);
|
|
59
|
-
event.preventDefault();
|
|
60
|
-
},
|
|
61
|
-
children: "Contact Us"
|
|
62
|
-
}
|
|
63
|
-
)
|
|
53
|
+
/* @__PURE__ */ jsx(ContactUs, {})
|
|
64
54
|
] }),
|
|
65
55
|
/* @__PURE__ */ jsx(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
|
|
66
56
|
] }),
|
|
67
|
-
/* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-
|
|
57
|
+
/* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-wrap justify-between gap-x-[inherit] gap-y-8 lg:w-full lg:pb-2 lg:pt-8", children: [
|
|
68
58
|
/* @__PURE__ */ jsx("div", { className: "flex gap-6 lg:order-1", children: COMMUNITY.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(
|
|
69
59
|
Anchor,
|
|
70
60
|
{
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import react__default, { ReactNode, ComponentProps } from 'react';
|
|
3
|
+
import { Search } from 'nextra/components';
|
|
3
4
|
export { GraphQLConfCard, GraphQLConfCardProps } from './graphql-conf-card.mjs';
|
|
4
5
|
import 'next/image';
|
|
5
6
|
|
|
@@ -16,6 +17,7 @@ interface HiveNavigationProps {
|
|
|
16
17
|
href: string;
|
|
17
18
|
children: ReactNode;
|
|
18
19
|
}[];
|
|
20
|
+
searchProps?: ComponentProps<typeof Search>;
|
|
19
21
|
}
|
|
20
22
|
/**
|
|
21
23
|
*
|
|
@@ -29,7 +31,7 @@ interface HiveNavigationProps {
|
|
|
29
31
|
* </HiveNavigation>
|
|
30
32
|
* ```
|
|
31
33
|
*/
|
|
32
|
-
declare function HiveNavigation({ companyMenuChildren, children, className, productName, logo, navLinks, }: HiveNavigationProps): react_jsx_runtime.JSX.Element;
|
|
34
|
+
declare function HiveNavigation({ companyMenuChildren, children, className, productName, logo, navLinks, searchProps, }: HiveNavigationProps): react_jsx_runtime.JSX.Element;
|
|
33
35
|
interface ProductsMenuProps extends MenuContentColumnsProps {
|
|
34
36
|
productName: string;
|
|
35
37
|
}
|
|
@@ -8,11 +8,12 @@ import React, {
|
|
|
8
8
|
} from "react";
|
|
9
9
|
import { createPortal } from "react-dom";
|
|
10
10
|
import { usePathname } from "next/navigation";
|
|
11
|
-
import { setMenu, useMenu
|
|
11
|
+
import { setMenu, useMenu } from "nextra-theme-docs";
|
|
12
|
+
import { Search } from "nextra/components";
|
|
12
13
|
import { useMounted } from "nextra/hooks";
|
|
13
14
|
import { MenuIcon } from "nextra/icons";
|
|
14
15
|
import { cn } from "../../cn";
|
|
15
|
-
import {
|
|
16
|
+
import { siteOrigin } from "../../constants";
|
|
16
17
|
import { GraphQLFoundationLogo, GuildLogo, HiveCombinationMark, TheGuild } from "../../logos";
|
|
17
18
|
import { PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
|
|
18
19
|
import { Anchor } from "../anchor";
|
|
@@ -48,19 +49,17 @@ function HiveNavigation({
|
|
|
48
49
|
children,
|
|
49
50
|
className,
|
|
50
51
|
productName,
|
|
51
|
-
logo,
|
|
52
|
-
navLinks
|
|
53
|
-
}) {
|
|
54
|
-
const Search = useThemeConfig().search;
|
|
55
|
-
const isHive = productName === "Hive";
|
|
56
|
-
const containerRef = useRef(null);
|
|
57
|
-
logo ||= /* @__PURE__ */ jsx(HiveLogoLink, { isHive });
|
|
58
|
-
navLinks ||= [
|
|
52
|
+
logo = /* @__PURE__ */ jsx(HiveLogoLink, { isHive: productName === "Hive" }),
|
|
53
|
+
navLinks = [
|
|
59
54
|
{
|
|
60
|
-
href:
|
|
55
|
+
href: productName === "Hive" ? "#pricing" : "https://the-guild.dev/graphql/hive#pricing",
|
|
61
56
|
children: "Pricing"
|
|
62
57
|
}
|
|
63
|
-
]
|
|
58
|
+
],
|
|
59
|
+
searchProps
|
|
60
|
+
}) {
|
|
61
|
+
const isHive = productName === "Hive";
|
|
62
|
+
const containerRef = useRef(null);
|
|
64
63
|
return /* @__PURE__ */ jsxs(
|
|
65
64
|
"div",
|
|
66
65
|
{
|
|
@@ -107,17 +106,19 @@ function HiveNavigation({
|
|
|
107
106
|
] }),
|
|
108
107
|
/* @__PURE__ */ jsx("div", { className: "flex-1" }),
|
|
109
108
|
children,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
109
|
+
/* @__PURE__ */ jsx(
|
|
110
|
+
Search,
|
|
111
|
+
{
|
|
112
|
+
className: "relative ml-4 basis-64 [&_:is(input,kbd)]:text-green-700 dark:[&_:is(input,kbd)]:text-neutral-300 [&_input]:h-12 [&_input]:w-full [&_input]:rounded-lg [&_input]:border [&_input]:border-green-200 [&_input]:bg-white [&_input]:pl-4 [&_input]:pr-8 [&_input]:ring-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_32%/var(--tw-ring-opacity))] [&_input]:ring-offset-[rgb(var(--nextra-bg))] dark:[&_input]:border-neutral-800 [&_input]:dark:bg-inherit [&_kbd]:absolute [&_kbd]:right-4 [&_kbd]:top-1/2 [&_kbd]:my-0 [&_kbd]:-translate-y-1/2 [&_kbd]:border-none [&_kbd]:bg-green-200 dark:[&_kbd]:bg-neutral-700",
|
|
113
|
+
...searchProps
|
|
114
|
+
}
|
|
115
|
+
),
|
|
115
116
|
/* @__PURE__ */ jsxs(
|
|
116
117
|
CallToAction,
|
|
117
118
|
{
|
|
118
119
|
className: "ml-4 max-lg:hidden",
|
|
119
120
|
variant: "tertiary",
|
|
120
|
-
href:
|
|
121
|
+
href: `${siteOrigin}/contact`,
|
|
121
122
|
target: "_blank",
|
|
122
123
|
rel: "noopener noreferrer",
|
|
123
124
|
onClick: (event) => {
|
|
@@ -178,7 +179,7 @@ const ProductsMenu = React.forwardRef(
|
|
|
178
179
|
NavigationMenuLink,
|
|
179
180
|
{
|
|
180
181
|
href: bidirectionalProductLink(product),
|
|
181
|
-
className: "flex
|
|
182
|
+
className: "flex items-center gap-4 p-4",
|
|
182
183
|
children: [
|
|
183
184
|
/* @__PURE__ */ jsx("div", { className: "size-12 rounded-lg bg-blue-400 p-2.5", children: /* @__PURE__ */ jsx(Logo, { className: "size-7 text-green-1000" }) }),
|
|
184
185
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -198,7 +199,7 @@ const ProductsMenu = React.forwardRef(
|
|
|
198
199
|
NavigationMenuLink,
|
|
199
200
|
{
|
|
200
201
|
href: bidirectionalProductLink(product),
|
|
201
|
-
className: "flex
|
|
202
|
+
className: "flex items-center gap-3 px-4 py-2",
|
|
202
203
|
arrow: true,
|
|
203
204
|
children: [
|
|
204
205
|
/* @__PURE__ */ jsx("div", { className: "flex size-8 items-center justify-center rounded bg-beige-200 dark:bg-white/5", children: /* @__PURE__ */ jsx(Logo, { className: "size-8 text-green-1000 dark:text-neutral-300" }) }),
|
|
@@ -246,14 +247,14 @@ const DeveloperMenu = React.forwardRef(
|
|
|
246
247
|
PaperIcon,
|
|
247
248
|
isHive ? "/docs" : "https://the-guild.dev/graphql/hive/docs"
|
|
248
249
|
],
|
|
249
|
-
["Status", TargetIcon, "https://status.graphql-hive.com
|
|
250
|
+
["Status", TargetIcon, "https://status.graphql-hive.com"],
|
|
250
251
|
[
|
|
251
252
|
"Product Updates",
|
|
252
253
|
RightCornerIcon,
|
|
253
254
|
isHive ? "/product-updates" : "https://the-guild.dev/graphql/hive/product-updates"
|
|
254
255
|
],
|
|
255
|
-
["Blog", PencilIcon,
|
|
256
|
-
["GitHub", GitHubIcon, "https://github.com/
|
|
256
|
+
["Blog", PencilIcon, `${siteOrigin}/blog`],
|
|
257
|
+
["GitHub", GitHubIcon, "https://github.com/graphql-hive/platform"]
|
|
257
258
|
].map(([text, Icon, href], i) => /* @__PURE__ */ jsx(MenuColumnListItem, { href, icon: Icon, children: text }, i)) })
|
|
258
259
|
] }),
|
|
259
260
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -282,7 +283,7 @@ function MenuColumnListItem({
|
|
|
282
283
|
NavigationMenuLink,
|
|
283
284
|
{
|
|
284
285
|
href,
|
|
285
|
-
className: "flex
|
|
286
|
+
className: "flex items-center gap-3 text-nowrap px-4 py-2",
|
|
286
287
|
arrow: true,
|
|
287
288
|
children: [
|
|
288
289
|
/* @__PURE__ */ jsx(Icon, { className: "size-6 shrink-0" }),
|
|
@@ -322,11 +323,11 @@ function CompanyMenu({ children }) {
|
|
|
322
323
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
323
324
|
/* @__PURE__ */ jsx(ColumnLabel, { children: "Company" }),
|
|
324
325
|
/* @__PURE__ */ jsxs("ul", { children: [
|
|
325
|
-
/* @__PURE__ */ jsx(MenuColumnListItem, { icon: GroupIcon, href:
|
|
326
|
-
/* @__PURE__ */ jsx(MenuColumnListItem, { icon: AppsIcon, href:
|
|
326
|
+
/* @__PURE__ */ jsx(MenuColumnListItem, { icon: GroupIcon, href: `${siteOrigin}/about-us`, children: "About Us" }),
|
|
327
|
+
/* @__PURE__ */ jsx(MenuColumnListItem, { icon: AppsIcon, href: `${siteOrigin}/logos`, children: "Brand Assets" })
|
|
327
328
|
] }),
|
|
328
329
|
/* @__PURE__ */ jsx(ColumnLabel, { children: "Proudly made by" }),
|
|
329
|
-
/* @__PURE__ */ jsxs(NavigationMenuLink, { href:
|
|
330
|
+
/* @__PURE__ */ jsxs(NavigationMenuLink, { href: `${siteOrigin}/`, className: "px-4 py-2", arrow: true, children: [
|
|
330
331
|
/* @__PURE__ */ jsx(GuildLogo, { className: "-my-2 size-10" }),
|
|
331
332
|
/* @__PURE__ */ jsx(TheGuild, { className: "h-8" })
|
|
332
333
|
] }),
|
|
@@ -2,7 +2,6 @@ export { Anchor } from './anchor.mjs';
|
|
|
2
2
|
export { Button } from './button.mjs';
|
|
3
3
|
export { CardsColorful } from './cards-colorful.mjs';
|
|
4
4
|
export { FeatureList } from './feature-list.mjs';
|
|
5
|
-
export { Footer } from './footer.mjs';
|
|
6
5
|
export { HeroGradient } from './hero-gradient.mjs';
|
|
7
6
|
export { HeroIllustration } from './hero-illustration.mjs';
|
|
8
7
|
export { HeroMarketplace } from './hero-marketplace.mjs';
|
|
@@ -15,10 +14,9 @@ export { LegacyPackageCmd } from './legacy-package-cmd.mjs';
|
|
|
15
14
|
export { MarketplaceList } from './marketplace-list.mjs';
|
|
16
15
|
export { MarketplaceSearch } from './marketplace-search.mjs';
|
|
17
16
|
export { NPMBadge } from './npm-badge.mjs';
|
|
18
|
-
export { getNavbarLogo } from './guild-navbar-logo.mjs';
|
|
19
17
|
export { GetYourAPIGameRightSection } from './get-your-api-game-right-section.mjs';
|
|
20
18
|
export { HiveNavigation, HiveNavigationProps } from './hive-navigation/index.mjs';
|
|
21
|
-
export { HiveFooter } from './hive-footer.mjs';
|
|
19
|
+
export { HiveFooter } from './hive-footer/index.mjs';
|
|
22
20
|
export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
|
|
23
21
|
export { DecorationIsolation } from './decorations/index.mjs';
|
|
24
22
|
export { CallToAction, CallToActionProps } from './call-to-action.mjs';
|
|
@@ -36,6 +34,7 @@ import 'next/image';
|
|
|
36
34
|
import 'next/link';
|
|
37
35
|
import 'react-player';
|
|
38
36
|
import 'react/jsx-runtime';
|
|
37
|
+
import 'nextra/components';
|
|
39
38
|
import '../products.mjs';
|
|
40
39
|
import 'nextra/normalize-pages';
|
|
41
40
|
import '@giscus/react';
|
package/dist/components/index.js
CHANGED
|
@@ -2,7 +2,6 @@ import { Anchor } from "./anchor";
|
|
|
2
2
|
import { Button } from "./button";
|
|
3
3
|
import { CardsColorful } from "./cards-colorful";
|
|
4
4
|
import { FeatureList } from "./feature-list";
|
|
5
|
-
import { Footer } from "./footer";
|
|
6
5
|
import { HeroGradient } from "./hero-gradient";
|
|
7
6
|
import { HeroIllustration } from "./hero-illustration";
|
|
8
7
|
import { HeroMarketplace } from "./hero-marketplace";
|
|
@@ -14,10 +13,9 @@ import { LegacyPackageCmd } from "./legacy-package-cmd";
|
|
|
14
13
|
import { MarketplaceList } from "./marketplace-list";
|
|
15
14
|
import { MarketplaceSearch } from "./marketplace-search";
|
|
16
15
|
import { NPMBadge } from "./npm-badge";
|
|
17
|
-
import { getNavbarLogo } from "./guild-navbar-logo";
|
|
18
16
|
import { GetYourAPIGameRightSection } from "./get-your-api-game-right-section";
|
|
19
17
|
import { HiveNavigation, GraphQLConfCard } from "./hive-navigation";
|
|
20
|
-
import { HiveFooter } from "./hive-footer";
|
|
18
|
+
import { HiveFooter } from "./hive-footer/index.js";
|
|
21
19
|
import {
|
|
22
20
|
ToolsAndLibrariesCards,
|
|
23
21
|
MainProductCard,
|
|
@@ -37,7 +35,6 @@ export {
|
|
|
37
35
|
Button,
|
|
38
36
|
CardsColorful,
|
|
39
37
|
FeatureList,
|
|
40
|
-
Footer,
|
|
41
38
|
GetYourAPIGameRightSection,
|
|
42
39
|
Giscus,
|
|
43
40
|
GraphQLConfCard,
|
|
@@ -54,6 +51,5 @@ export {
|
|
|
54
51
|
MarketplaceList,
|
|
55
52
|
MarketplaceSearch,
|
|
56
53
|
NPMBadge,
|
|
57
|
-
ToolsAndLibrariesCards
|
|
58
|
-
getNavbarLogo
|
|
54
|
+
ToolsAndLibrariesCards
|
|
59
55
|
};
|
|
@@ -50,7 +50,7 @@ const SchemaPage = ({
|
|
|
50
50
|
}) => {
|
|
51
51
|
const [schemaObj, setSchemaObj] = useState(() => buildSchema(editorData[0].schema));
|
|
52
52
|
return /* @__PURE__ */ jsxs("section", { className: "w-full bg-white dark:bg-dark", children: [
|
|
53
|
-
/* @__PURE__ */ jsxs("div", { className: "container flex max-w-[90rem]
|
|
53
|
+
/* @__PURE__ */ jsxs("div", { className: "container flex max-w-[90rem] justify-between py-6 max-md:flex-col md:gap-16", children: [
|
|
54
54
|
/* @__PURE__ */ jsxs("span", { className: "pb-6 md:pb-0", children: [
|
|
55
55
|
/* @__PURE__ */ jsx("h2", { className: "mb-4 mt-0 text-xl font-bold text-black md:text-2xl dark:text-gray-50", children: schemaName }),
|
|
56
56
|
/* @__PURE__ */ jsx(TagsContainer, { children: tags.map((tagName) => /* @__PURE__ */ jsx(Tag, { children: tagName }, tagName)) })
|
|
@@ -26,7 +26,7 @@ function ToolsAndLibrariesCards({ className }) {
|
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ jsx(Heading, { as: "h2", size: "md", className: "text-green-1000", children: "Discover the complete ecosystem of tools and libraries" }),
|
|
28
28
|
/* @__PURE__ */ jsx("p", { className: "text-green-800", children: "Complete GraphQL Federation Stack" }),
|
|
29
|
-
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex grid-cols-2
|
|
29
|
+
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex grid-cols-2 gap-[22px] overflow-auto px-12 py-2 lg:grid xl:grid-cols-4", children: [PRODUCTS.HIVE, PRODUCTS.HIVE_GATEWAY, PRODUCTS.YOGA, PRODUCTS.MESH].map((product) => /* @__PURE__ */ jsx(MainProductCard, { as: "li", product }, product.name)) }),
|
|
30
30
|
/* @__PURE__ */ jsx("p", { className: "text-green-800", children: "Our libraries to support all your GraphQL needs" }),
|
|
31
31
|
/* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex h-max grid-cols-6 gap-[22px] overflow-x-auto overflow-y-hidden px-12 py-2 max-sm:-mx-8 max-sm:px-8 sm:grid sm:grid-cols-2 lg:grid-cols-3", children: SIX_HIGHLIGHTED_PRODUCTS.map((product) => /* @__PURE__ */ jsx(AncillaryProductCard, { as: "li", product }, product.name)) }),
|
|
32
32
|
/* @__PURE__ */ jsx(CallToAction, { href: "https://github.com/the-guild-org", variant: "primary", children: "Explore the Ecosystem" })
|
package/dist/index.d.mts
CHANGED
|
@@ -5,7 +5,6 @@ export { Anchor } from './components/anchor.mjs';
|
|
|
5
5
|
export { Button } from './components/button.mjs';
|
|
6
6
|
export { CardsColorful } from './components/cards-colorful.mjs';
|
|
7
7
|
export { FeatureList } from './components/feature-list.mjs';
|
|
8
|
-
export { Footer } from './components/footer.mjs';
|
|
9
8
|
export { HeroGradient } from './components/hero-gradient.mjs';
|
|
10
9
|
export { HeroIllustration } from './components/hero-illustration.mjs';
|
|
11
10
|
export { HeroMarketplace } from './components/hero-marketplace.mjs';
|
|
@@ -18,10 +17,9 @@ export { LegacyPackageCmd } from './components/legacy-package-cmd.mjs';
|
|
|
18
17
|
export { MarketplaceList } from './components/marketplace-list.mjs';
|
|
19
18
|
export { MarketplaceSearch } from './components/marketplace-search.mjs';
|
|
20
19
|
export { NPMBadge } from './components/npm-badge.mjs';
|
|
21
|
-
export { getNavbarLogo } from './components/guild-navbar-logo.mjs';
|
|
22
20
|
export { GetYourAPIGameRightSection } from './components/get-your-api-game-right-section.mjs';
|
|
23
21
|
export { HiveNavigation, HiveNavigationProps } from './components/hive-navigation/index.mjs';
|
|
24
|
-
export { HiveFooter } from './components/hive-footer.mjs';
|
|
22
|
+
export { HiveFooter } from './components/hive-footer/index.mjs';
|
|
25
23
|
export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
|
|
26
24
|
export { DecorationIsolation } from './components/decorations/index.mjs';
|
|
27
25
|
export { CallToAction, CallToActionProps } from './components/call-to-action.mjs';
|
|
@@ -32,7 +30,7 @@ export { Stud, StudProps } from './components/stud.mjs';
|
|
|
32
30
|
export { Giscus } from './components/giscus.mjs';
|
|
33
31
|
export { ExploreMainProductCards, ExploreMainProductCardsProps } from './components/explore-main-product-cards.mjs';
|
|
34
32
|
export { PRODUCTS } from './products.mjs';
|
|
35
|
-
export { IEditorProps, IFeatureListProps,
|
|
33
|
+
export { IEditorProps, IFeatureListProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';
|
|
36
34
|
export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark } from './logos/index.mjs';
|
|
37
35
|
export { cn } from './cn.mjs';
|
|
38
36
|
export { GraphQLConfCard, GraphQLConfCardProps } from './components/hive-navigation/graphql-conf-card.mjs';
|
package/dist/logos/guild.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgGuild = (props) => /* @__PURE__ */ jsx("svg", { width: 51, height: 54, viewBox: "0 0 51 54", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", {
|
|
2
|
+
const SvgGuild = (props) => /* @__PURE__ */ jsx("svg", { width: 51, height: 54, viewBox: "0 0 51 54", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M2.06194 20.2745C2.68522 20.4867 3.35002 20.6073 4.04393 20.6073C4.6672 20.6073 5.26838 20.5117 5.83612 20.3391V36.7481C5.83612 37.328 6.14561 37.8684 6.64488 38.1582L22.3391 47.2835C23.0814 46.4108 24.1808 45.8554 25.4084 45.8554C26.7446 45.8554 27.927 46.5134 28.6639 47.5218C28.6769 47.5403 28.6909 47.5576 28.7039 47.5756C28.7557 47.6494 28.8041 47.7248 28.8511 47.8026L28.9049 47.891C28.9465 47.9626 28.9849 48.0355 29.0214 48.1093C29.0414 48.1489 29.0603 48.1891 29.0792 48.2294C29.1105 48.2978 29.14 48.3673 29.1681 48.4378C29.1881 48.4882 29.2059 48.5388 29.2237 48.5899C29.2462 48.6544 29.2684 48.7195 29.2873 48.7852C29.3056 48.8477 29.3202 48.9107 29.3359 48.9737L29.3762 49.1513C29.3918 49.23 29.4021 49.3097 29.4129 49.3902C29.4188 49.4379 29.428 49.4847 29.4323 49.5324C29.4448 49.6627 29.4523 49.7941 29.4523 49.9277C29.4523 50.1406 29.4313 50.3474 29.3994 50.5516L29.3881 50.6275C29.0576 52.5406 27.4007 54 25.4084 54C23.6318 54 22.1227 52.8386 21.5809 51.2314L4.7578 41.4502C3.08905 40.4806 2.06194 38.6876 2.06194 36.7481V20.2745ZM46.0991 10.2908C48.3291 10.2908 50.1428 12.1173 50.1428 14.3631C50.1428 15.5848 49.6037 16.6794 48.755 17.4265V36.7481C48.755 38.6876 47.7279 40.4806 46.0591 41.4502L31.6051 49.8539C31.5889 48.479 31.1274 47.2135 30.3619 46.1876L44.1722 38.1582C44.6713 37.8684 44.9809 37.328 44.9809 36.7481V18.2736C43.2938 17.7838 42.0554 16.2179 42.0554 14.3631C42.0554 13.4601 42.3524 12.6277 42.8485 11.9517C42.856 11.9409 42.8641 11.9306 42.8717 11.9197C42.9655 11.7948 43.0657 11.6743 43.1725 11.5608L43.187 11.545C43.4086 11.3127 43.6567 11.1079 43.9274 10.9337C43.9553 10.9152 43.985 10.8984 44.0136 10.8804C44.1209 10.8158 44.2303 10.755 44.3435 10.7002C44.3765 10.6844 44.4094 10.6671 44.4427 10.6519C44.5846 10.5878 44.7291 10.5286 44.879 10.4814C44.879 10.4819 44.8796 10.4814 44.879 10.4814L45.173 10.3994C45.4705 10.3287 45.7805 10.2908 46.0991 10.2908ZM40.5727 19.0708V32.5386C40.5727 34.1339 39.7202 35.6206 38.3486 36.4181L27.5398 42.696L26.5424 43.2466L26.5543 42.0944V37.3194L35.4506 32.1471V27.4102L27.8779 25.24L40.5727 19.0708ZM10.2444 19.0627L15.3665 21.593V32.1467L24.1279 37.2409V43.1973L12.4684 36.4189C11.0968 35.6206 10.2444 34.1339 10.2444 32.5388V19.0627ZM23.1844 9.96788C24.5349 9.18328 26.2818 9.18328 27.6325 9.96788L39.4904 16.8956L38.3636 17.4327L33.9644 19.6061L25.4084 14.6315L16.8523 19.6061L11.3442 16.8843L12.4026 16.2425C12.4123 16.2338 12.4398 16.2153 12.4694 16.1985L23.1844 9.96788ZM25.4083 0C26.3394 0 27.27 0.242165 28.1041 0.72704L42.644 9.18112C41.5737 9.9076 40.7455 10.9637 40.2899 12.2006L26.217 4.01908C25.9718 3.87572 25.6919 3.80081 25.4083 3.80081C25.1248 3.80081 24.8454 3.87572 24.5995 4.01908L8.02283 13.6574C8.06272 13.887 8.08753 14.1216 8.08753 14.3632C8.08753 16.1154 6.98116 17.608 5.43643 18.1814C5.42457 18.1858 5.41217 18.1906 5.40031 18.1944C5.27792 18.2385 5.15392 18.2765 5.02666 18.3085L4.95065 18.328C4.83419 18.3551 4.71503 18.3764 4.59533 18.3931L4.49775 18.4079C4.3484 18.4246 4.19742 18.4356 4.04377 18.4356C3.87932 18.4356 3.71758 18.4225 3.55743 18.403C3.5143 18.3974 3.47225 18.3899 3.42965 18.3834C3.30673 18.3643 3.18595 18.34 3.06679 18.3101C3.03012 18.3008 2.99347 18.2921 2.95681 18.2819C2.64139 18.1922 2.3416 18.0679 2.06177 17.9088L1.82144 17.7607C0.725648 17.0318 0 15.7822 0 14.3632C0 12.1175 1.81431 10.2909 4.04377 10.2909C4.62229 10.2909 5.17117 10.4158 5.66881 10.6368L22.7124 0.72704C23.5465 0.242165 24.4777 0 25.4083 0Z" }) });
|
|
3
3
|
export {
|
|
4
4
|
SvgGuild as ReactComponent
|
|
5
5
|
};
|
package/dist/server/index.d.mts
CHANGED
|
@@ -2,9 +2,15 @@ import { FC, ReactNode, ComponentProps } from 'react';
|
|
|
2
2
|
import { Metadata } from 'next';
|
|
3
3
|
import { Navbar, Layout } from 'nextra-theme-docs';
|
|
4
4
|
import { Head } from 'nextra/components';
|
|
5
|
+
import { HiveNavigation } from '../components/hive-navigation/index.mjs';
|
|
6
|
+
import 'react/jsx-runtime';
|
|
7
|
+
import '../components/hive-navigation/graphql-conf-card.mjs';
|
|
8
|
+
import 'next/image';
|
|
5
9
|
|
|
6
10
|
type LP = ComponentProps<typeof Layout>;
|
|
7
11
|
type LayoutProps = Omit<LP, 'navbar' | 'footer' | 'children' | 'docsRepositoryBase' | 'pageMap'> & Partial<Pick<LP, 'navbar' | 'footer' | 'pageMap'>> & Required<Pick<LP, 'docsRepositoryBase'>>;
|
|
12
|
+
type NP = ComponentProps<typeof HiveNavigation>;
|
|
13
|
+
type NavbarProps = Omit<NP, 'productName'> & Partial<Pick<NP, 'productName'>>;
|
|
8
14
|
declare const GuildLayout: FC<{
|
|
9
15
|
children: ReactNode;
|
|
10
16
|
websiteName: string;
|
|
@@ -28,7 +34,7 @@ declare const GuildLayout: FC<{
|
|
|
28
34
|
/**
|
|
29
35
|
* Nextra's Docs Theme `<Navbar>` component props
|
|
30
36
|
*/
|
|
31
|
-
navbarProps?:
|
|
37
|
+
navbarProps?: NavbarProps;
|
|
32
38
|
}>;
|
|
33
39
|
declare function getDefaultMetadata({ websiteName, description, productName, ...additionalMetadata }: {
|
|
34
40
|
description?: string;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Layout
|
|
2
|
+
import { Layout } from "nextra-theme-docs";
|
|
3
3
|
import { Head } from "nextra/components";
|
|
4
4
|
import { getPageMap } from "nextra/page-map";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { PRODUCTS } from "../products";
|
|
5
|
+
import { Anchor } from "../components";
|
|
6
|
+
import { HiveFooter } from "../components/hive-footer/index.js";
|
|
7
|
+
import { HiveNavigation } from "../components/hive-navigation/index.js";
|
|
8
|
+
import { siteOrigin, siteUrl } from "../constants.js";
|
|
9
|
+
import { PRODUCTS } from "../products.js";
|
|
11
10
|
const companyItem = {
|
|
12
11
|
type: "menu",
|
|
13
12
|
title: "Company",
|
|
@@ -43,8 +42,6 @@ const GuildLayout = async ({
|
|
|
43
42
|
layoutProps,
|
|
44
43
|
navbarProps
|
|
45
44
|
}) => {
|
|
46
|
-
const url = new URL(layoutProps.docsRepositoryBase);
|
|
47
|
-
const [, org, repoName] = url.pathname.split("/");
|
|
48
45
|
const [meta, ...pageMap] = await getPageMap();
|
|
49
46
|
const pageMapWithCompanyMenu = [
|
|
50
47
|
{
|
|
@@ -72,15 +69,34 @@ const GuildLayout = async ({
|
|
|
72
69
|
/* @__PURE__ */ jsx("body", { children: /* @__PURE__ */ jsx(
|
|
73
70
|
Layout,
|
|
74
71
|
{
|
|
75
|
-
footer: /* @__PURE__ */ jsx(
|
|
72
|
+
footer: /* @__PURE__ */ jsx(
|
|
73
|
+
HiveFooter,
|
|
74
|
+
{
|
|
75
|
+
logo: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
|
|
76
|
+
logo,
|
|
77
|
+
/* @__PURE__ */ jsx("span", { className: "text-2xl/[1.2] font-medium tracking-[-0.16px]", children: websiteName })
|
|
78
|
+
] }),
|
|
79
|
+
description
|
|
80
|
+
}
|
|
81
|
+
),
|
|
76
82
|
navbar: /* @__PURE__ */ jsx(
|
|
77
|
-
|
|
83
|
+
HiveNavigation,
|
|
78
84
|
{
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
85
|
+
className: "max-w-[90rem]",
|
|
86
|
+
productName: websiteName,
|
|
87
|
+
navLinks: [],
|
|
82
88
|
...navbarProps,
|
|
83
|
-
|
|
89
|
+
logo: /* @__PURE__ */ jsxs(
|
|
90
|
+
Anchor,
|
|
91
|
+
{
|
|
92
|
+
href: "/",
|
|
93
|
+
className: "hive-focus -m-2 flex shrink-0 items-center gap-3 rounded-md p-2",
|
|
94
|
+
children: [
|
|
95
|
+
logo,
|
|
96
|
+
/* @__PURE__ */ jsx("span", { className: "text-2xl font-medium tracking-[-0.16px]", children: websiteName })
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
)
|
|
84
100
|
}
|
|
85
101
|
),
|
|
86
102
|
editLink: "Edit this page on GitHub",
|
|
@@ -11,11 +11,6 @@ type ILink = LinkProps & Pick<ComponentProps<'a'>, 'target' | 'rel' | 'title' |
|
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
newWindow?: boolean;
|
|
13
13
|
};
|
|
14
|
-
interface IFooterExtendedProps {
|
|
15
|
-
className?: string;
|
|
16
|
-
resources?: ILink[];
|
|
17
|
-
logo?: ILink;
|
|
18
|
-
}
|
|
19
14
|
interface IFeatureListProps {
|
|
20
15
|
className?: string;
|
|
21
16
|
title?: string;
|
|
@@ -121,4 +116,4 @@ interface IEditorProps {
|
|
|
121
116
|
operations?: string;
|
|
122
117
|
}
|
|
123
118
|
|
|
124
|
-
export type { IEditorProps, IFeatureListProps,
|
|
119
|
+
export type { IEditorProps, IFeatureListProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@theguild/components",
|
|
3
|
-
"version": "8.0.0-alpha-
|
|
3
|
+
"version": "8.0.0-alpha-20241110013634-e1fe9e514d39bd282e32139ada650a9884d97b8c",
|
|
4
4
|
"repository": {
|
|
5
5
|
"url": "https://github.com/the-guild-org/docs",
|
|
6
6
|
"directory": "packages/components"
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@radix-ui/react-navigation-menu": "^1.2.0",
|
|
50
50
|
"clsx": "2.1.1",
|
|
51
51
|
"fuzzy": "0.1.3",
|
|
52
|
-
"nextra": "4.0.0-app-router.
|
|
53
|
-
"nextra-theme-docs": "4.0.0-app-router.
|
|
52
|
+
"nextra": "4.0.0-app-router.24",
|
|
53
|
+
"nextra-theme-docs": "4.0.0-app-router.24",
|
|
54
54
|
"react-paginate": "8.2.0",
|
|
55
55
|
"react-player": "2.16.0",
|
|
56
56
|
"semver": "^7.3.8",
|
package/style.css
CHANGED
|
@@ -9,10 +9,6 @@
|
|
|
9
9
|
@apply bg-[#48224e] bg-none;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
:root {
|
|
13
|
-
--nextra-navbar-height: 72px;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
12
|
@layer l-nextra {
|
|
17
13
|
#headlessui-portal-root [role='menu']:has(a[href='https://the-guild.dev/graphql/hive'])
|
|
18
14
|
{
|
|
@@ -126,14 +122,7 @@
|
|
|
126
122
|
|
|
127
123
|
/* fix for nextra navbar for HiveNavigation */
|
|
128
124
|
:root {
|
|
129
|
-
--nextra-navbar-height:
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@media (min-width: 768px) {
|
|
133
|
-
.nextra-sidebar-container,
|
|
134
|
-
.nextra-toc > .nextra-scrollbar {
|
|
135
|
-
top: var(--nextra-navbar-height);
|
|
136
|
-
}
|
|
125
|
+
--nextra-navbar-height: 82px;
|
|
137
126
|
}
|
|
138
127
|
|
|
139
128
|
@media (max-width: 767px) {
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { IFooterExtendedProps } from '../types/components.mjs';
|
|
3
|
-
import 'next/image';
|
|
4
|
-
import 'next/link';
|
|
5
|
-
import 'react-player';
|
|
6
|
-
|
|
7
|
-
declare function Footer({ className, resources, logo }: IFooterExtendedProps): ReactElement;
|
|
8
|
-
|
|
9
|
-
export { Footer };
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { clsx } from "clsx";
|
|
3
|
-
import { siteOrigin } from "../constants";
|
|
4
|
-
import { GuildLogo, TheGuild } from "../logos";
|
|
5
|
-
import { PRODUCTS } from "../products";
|
|
6
|
-
import { Anchor } from "./anchor";
|
|
7
|
-
import {
|
|
8
|
-
CSAStarLevelOneIcon,
|
|
9
|
-
DiscordIcon,
|
|
10
|
-
GitHubIcon,
|
|
11
|
-
LinkedInIcon,
|
|
12
|
-
TwitterIcon,
|
|
13
|
-
YouTubeIcon
|
|
14
|
-
} from "./icons";
|
|
15
|
-
const COMPANY = [
|
|
16
|
-
{
|
|
17
|
-
children: "About",
|
|
18
|
-
title: "Learn more about us",
|
|
19
|
-
href: `${siteOrigin}/about-us`
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
children: "Blog",
|
|
23
|
-
title: "Read our blog",
|
|
24
|
-
href: `${siteOrigin}/blog`
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
children: "Newsletter",
|
|
28
|
-
title: "Newsletter",
|
|
29
|
-
href: `${siteOrigin}/newsletter`
|
|
30
|
-
}
|
|
31
|
-
];
|
|
32
|
-
const COMMUNITY = [
|
|
33
|
-
{
|
|
34
|
-
icon: TwitterIcon,
|
|
35
|
-
title: "Visit our Twitter",
|
|
36
|
-
href: "https://twitter.com/TheGuildDev"
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
icon: LinkedInIcon,
|
|
40
|
-
title: "Visit our LinkedIn",
|
|
41
|
-
href: "https://linkedin.com/company/the-guild-software"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
icon: DiscordIcon,
|
|
45
|
-
title: "Reach us on Discord",
|
|
46
|
-
href: "https://discord.com/invite/xud7bH9"
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
icon: GitHubIcon,
|
|
50
|
-
title: "Check our GitHub account",
|
|
51
|
-
href: "https://github.com/the-guild-org"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
icon: YouTubeIcon,
|
|
55
|
-
title: "Watch Our Videos",
|
|
56
|
-
href: "https://youtube.com/watch?v=d_GBgH-L5c4&list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd"
|
|
57
|
-
}
|
|
58
|
-
];
|
|
59
|
-
const products = [
|
|
60
|
-
PRODUCTS.HIVE,
|
|
61
|
-
PRODUCTS.MESH,
|
|
62
|
-
PRODUCTS.YOGA,
|
|
63
|
-
PRODUCTS.CODEGEN,
|
|
64
|
-
PRODUCTS.NEXTRA,
|
|
65
|
-
{ ...PRODUCTS.SOFA, name: "GraphQL to REST" }
|
|
66
|
-
].map(({ name, href, title }) => ({
|
|
67
|
-
children: name,
|
|
68
|
-
href,
|
|
69
|
-
title
|
|
70
|
-
}));
|
|
71
|
-
const classes = {
|
|
72
|
-
title: clsx("mb-2.5 text-lg font-medium text-gray-900 dark:text-gray-100"),
|
|
73
|
-
anchor: clsx("text-gray-500 hover:text-black dark:text-[#b4b5be] hover:dark:text-gray-100")
|
|
74
|
-
};
|
|
75
|
-
const renderLinks = (list) => /* @__PURE__ */ jsx("ul", { className: "m-0 mb-8 list-none p-0 last:mb-0", children: list.map((link, i) => /* @__PURE__ */ jsx("li", { className: "mb-3 last:mb-0", children: /* @__PURE__ */ jsx(Anchor, { className: clsx(classes.anchor, "inline-block text-sm"), ...link }) }, i)) });
|
|
76
|
-
function Footer({ className, resources = [], logo }) {
|
|
77
|
-
return /* @__PURE__ */ jsx(
|
|
78
|
-
"footer",
|
|
79
|
-
{
|
|
80
|
-
className: clsx(
|
|
81
|
-
"bg-[#fafafa] py-[60px] text-base md:py-[140px] dark:bg-[#0f1114]",
|
|
82
|
-
className
|
|
83
|
-
),
|
|
84
|
-
children: /* @__PURE__ */ jsx("div", { className: "container max-w-[90rem]", children: /* @__PURE__ */ jsxs("div", { className: "relative flex justify-between gap-10 max-md:flex-col", children: [
|
|
85
|
-
/* @__PURE__ */ jsxs(Anchor, { className: "flex items-center gap-2 self-start", href: `${siteOrigin}/`, ...logo, children: [
|
|
86
|
-
/* @__PURE__ */ jsx(GuildLogo, { className: "h-9 w-auto" }),
|
|
87
|
-
/* @__PURE__ */ jsx(TheGuild, { className: "h-7 w-auto" })
|
|
88
|
-
] }),
|
|
89
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
90
|
-
/* @__PURE__ */ jsx("h3", { className: classes.title, children: "Products" }),
|
|
91
|
-
/* @__PURE__ */ jsx("div", { className: "flex gap-6", children: renderLinks(products) })
|
|
92
|
-
] }),
|
|
93
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
94
|
-
/* @__PURE__ */ jsx("h3", { className: classes.title, children: "Resources" }),
|
|
95
|
-
renderLinks([
|
|
96
|
-
{
|
|
97
|
-
children: "Press Kit",
|
|
98
|
-
title: "Press Kit",
|
|
99
|
-
href: `${siteOrigin}/logos`
|
|
100
|
-
},
|
|
101
|
-
...resources
|
|
102
|
-
])
|
|
103
|
-
] }),
|
|
104
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
105
|
-
/* @__PURE__ */ jsx("h3", { className: classes.title, children: "Company" }),
|
|
106
|
-
renderLinks(COMPANY)
|
|
107
|
-
] }),
|
|
108
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-start gap-5 text-[#b4b5be]", children: COMMUNITY.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(Anchor, { className: classes.anchor, ...iconProps, children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-auto" }) }, iconProps.title)) }),
|
|
109
|
-
/* @__PURE__ */ jsx(CSAStarLevelOneIcon, { className: "absolute right-0 ml-auto h-[4.5rem] w-auto md:bottom-0" })
|
|
110
|
-
] }) })
|
|
111
|
-
}
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
export {
|
|
115
|
-
Footer
|
|
116
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { FC, ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
declare const GuildUnifiedLogo: FC<{
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
title: string;
|
|
7
|
-
description: string;
|
|
8
|
-
}>;
|
|
9
|
-
/**
|
|
10
|
-
* GraphQL-related products live under the Hive platform brand, so we use a single logo for them.
|
|
11
|
-
* The rest gets The Guild / {Product} logo.
|
|
12
|
-
*/
|
|
13
|
-
declare function getNavbarLogo({ logo, websiteName, description, }: {
|
|
14
|
-
logo: ReactNode;
|
|
15
|
-
websiteName: string;
|
|
16
|
-
description: string;
|
|
17
|
-
}): react_jsx_runtime.JSX.Element;
|
|
18
|
-
|
|
19
|
-
export { GuildUnifiedLogo, getNavbarLogo };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { siteOrigin } from "../constants";
|
|
4
|
-
import { GuildLogo, TheGuild } from "../logos";
|
|
5
|
-
import { Anchor } from "./anchor";
|
|
6
|
-
const GuildUnifiedLogo = ({ children, title, description }) => {
|
|
7
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
8
|
-
/* @__PURE__ */ jsxs(
|
|
9
|
-
Anchor,
|
|
10
|
-
{
|
|
11
|
-
title: "View our website",
|
|
12
|
-
className: clsx(
|
|
13
|
-
"flex items-center gap-x-1.5 transition-opacity hover:opacity-75",
|
|
14
|
-
children && "max-md:hidden"
|
|
15
|
-
),
|
|
16
|
-
href: `${siteOrigin}/`,
|
|
17
|
-
children: [
|
|
18
|
-
/* @__PURE__ */ jsx(GuildLogo, { className: "h-9 w-auto" }),
|
|
19
|
-
/* @__PURE__ */ jsx(TheGuild, { className: "w-11" })
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
),
|
|
23
|
-
children && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
24
|
-
/* @__PURE__ */ jsx(
|
|
25
|
-
"svg",
|
|
26
|
-
{
|
|
27
|
-
height: "22",
|
|
28
|
-
viewBox: "0 0 10 22",
|
|
29
|
-
stroke: "currentColor",
|
|
30
|
-
className: "mx-6 shrink-0 max-md:hidden",
|
|
31
|
-
children: /* @__PURE__ */ jsx("path", { d: "M8.6001 0.833313L0.600097 20.8333" })
|
|
32
|
-
}
|
|
33
|
-
),
|
|
34
|
-
/* @__PURE__ */ jsxs(
|
|
35
|
-
Anchor,
|
|
36
|
-
{
|
|
37
|
-
title,
|
|
38
|
-
className: "flex shrink-0 items-center gap-x-1.5 hover:opacity-75",
|
|
39
|
-
href: "/",
|
|
40
|
-
children: [
|
|
41
|
-
children,
|
|
42
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
43
|
-
/* @__PURE__ */ jsx("h1", { className: "text-sm font-bold leading-tight", children: title }),
|
|
44
|
-
/* @__PURE__ */ jsx("h2", { className: "text-xs max-lg:hidden", children: description })
|
|
45
|
-
] })
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
)
|
|
49
|
-
] })
|
|
50
|
-
] });
|
|
51
|
-
};
|
|
52
|
-
function getNavbarLogo({
|
|
53
|
-
logo,
|
|
54
|
-
websiteName,
|
|
55
|
-
description
|
|
56
|
-
}) {
|
|
57
|
-
return websiteName === "Hive" ? /* @__PURE__ */ jsx(Anchor, { title: websiteName, href: "/", children: logo }) : /* @__PURE__ */ jsx(GuildUnifiedLogo, { description, title: websiteName, children: logo });
|
|
58
|
-
}
|
|
59
|
-
export {
|
|
60
|
-
GuildUnifiedLogo,
|
|
61
|
-
getNavbarLogo
|
|
62
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IFooterExtendedProps } from '../types/components.mjs';
|
|
3
|
-
import 'next/image';
|
|
4
|
-
import 'next/link';
|
|
5
|
-
import 'react-player';
|
|
6
|
-
|
|
7
|
-
interface HiveFooterProps extends IFooterExtendedProps {
|
|
8
|
-
description?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const HiveFooter: FC<HiveFooterProps>;
|
|
11
|
-
|
|
12
|
-
export { HiveFooter, type HiveFooterProps };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cloneElement } from "react";
|
|
3
|
-
import { cn } from "../cn";
|
|
4
|
-
function renderSlot(Slot, props) {
|
|
5
|
-
if (typeof Slot === "function") {
|
|
6
|
-
return /* @__PURE__ */ jsx(Slot, { ...props });
|
|
7
|
-
}
|
|
8
|
-
if (!(typeof Slot === "object" && Slot && "props" in Slot)) {
|
|
9
|
-
return null;
|
|
10
|
-
}
|
|
11
|
-
if ("className" in props) {
|
|
12
|
-
props = {
|
|
13
|
-
...props,
|
|
14
|
-
className: cn(Slot.props.className, props.className)
|
|
15
|
-
};
|
|
16
|
-
return cloneElement(Slot, props);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
export {
|
|
20
|
-
renderSlot
|
|
21
|
-
};
|