@fumadocs/base-ui 16.6.4 → 16.6.5
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/css/generated/shared.css +1 -0
- package/dist/layouts/notebook/client.d.ts +1 -1
- package/dist/layouts/notebook/client.d.ts.map +1 -1
- package/dist/layouts/shared/index.d.ts +1 -1
- package/dist/layouts/shared/index.d.ts.map +1 -1
- package/dist/og/takumi.d.ts +22 -0
- package/dist/og/takumi.d.ts.map +1 -0
- package/dist/og/takumi.js +73 -0
- package/dist/og/takumi.js.map +1 -0
- package/dist/og.js +6 -3
- package/dist/og.js.map +1 -1
- package/package.json +11 -3
package/css/generated/shared.css
CHANGED
|
@@ -41,7 +41,7 @@ declare function NavbarLinkItem({
|
|
|
41
41
|
...props
|
|
42
42
|
}: {
|
|
43
43
|
item: LinkItemType;
|
|
44
|
-
} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> |
|
|
44
|
+
} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
45
45
|
//#endregion
|
|
46
46
|
export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, LayoutInfo, NavbarLinkItem };
|
|
47
47
|
//# sourceMappingURL=client.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/notebook/client.tsx"],"mappings":";;;;;;;cAuBa,aAAA,EAAa,KAAA,CAAA,OAAA,EAAA,UAAA;;;UAOT,UAAA;EACf,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,qBAAA,CAAA;EACd,kBAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,UAAA;EACD,kBAAA;EACA,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBe,YAAA,CAAa,KAAA,EAAO,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW5C,UAAA,CAAA;EAAa,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqC1E,gBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA,EAAS,mBAAA;AAAA,IACV,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgCe,cAAA,CAAA;EACd,IAAA;EACA,SAAA;EAAA,GACG;AAAA;EACA,IAAA,EAAM,YAAA;AAAA,IAAiB,cAAA,CAAe,WAAA,yCAAY,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA
|
|
1
|
+
{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/notebook/client.tsx"],"mappings":";;;;;;;cAuBa,aAAA,EAAa,KAAA,CAAA,OAAA,EAAA,UAAA;;;UAOT,UAAA;EACf,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,qBAAA,CAAA;EACd,kBAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,UAAA;EACD,kBAAA;EACA,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBe,YAAA,CAAa,KAAA,EAAO,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW5C,UAAA,CAAA;EAAa,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqC1E,gBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA,EAAS,mBAAA;AAAA,IACV,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgCe,cAAA,CAAA;EACd,IAAA;EACA,SAAA;EAAA,GACG;AAAA;EACA,IAAA,EAAM,YAAA;AAAA,IAAiB,cAAA,CAAe,WAAA,yCAAY,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA"}
|
|
@@ -62,7 +62,7 @@ declare function resolveLinkItems({
|
|
|
62
62
|
declare function renderTitleNav({
|
|
63
63
|
title,
|
|
64
64
|
url
|
|
65
|
-
}: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> |
|
|
65
|
+
}: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
66
66
|
declare function useLinkItems({
|
|
67
67
|
githubUrl,
|
|
68
68
|
links
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"mappings":";;;;;;;UAKiB,UAAA;EACf,OAAA;EACA,SAAA,EAAW,SAAA;EAEX,KAAA,GAAQ,SAAA,KAAc,KAAA,EAAO,cAAA,UAAwB,SAAA;EAJtC;;;;EAUf,GAAA;EAN6B;;;;;EAa7B,eAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,eAAA;EACf,WAAA;IACE,OAAA;IACA,SAAA,GAAY,SAAA;IACZ,IAAA;EAAA;EAGF,YAAA,GAAe,OAAA;IACb,OAAA;IACA,UAAA,EAAY,OAAA;MACV,EAAA,EAAI,SAAA;MACJ,EAAA,EAAI,SAAA;IAAA;EAAA;;;;;;EASR,IAAA,aAAiB,UAAA;EAAA;;;EAKjB,SAAA;EAEA,KAAA,GAAQ,YAAA;EAMY;;;EAFpB,GAAA,GAAM,OAAA,CAAQ,UAAA;EAEd,QAAA,GAAW,SAAA;AAAA;;;;iBAMG,gBAAA,CAAA;EACd,KAAA;EACA;AAAA,GACC,IAAA,CAAK,eAAA,2BAA0C,YAAA;AAAA,iBAoBlC,cAAA,CAAA;EACZ,KAAA;EAAO;AAAA,GAAa,OAAA,CAAQ,UAAA,GAC9B,KAAA,EAAO,cAAA,6CAAmB,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"mappings":";;;;;;;UAKiB,UAAA;EACf,OAAA;EACA,SAAA,EAAW,SAAA;EAEX,KAAA,GAAQ,SAAA,KAAc,KAAA,EAAO,cAAA,UAAwB,SAAA;EAJtC;;;;EAUf,GAAA;EAN6B;;;;;EAa7B,eAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,eAAA;EACf,WAAA;IACE,OAAA;IACA,SAAA,GAAY,SAAA;IACZ,IAAA;EAAA;EAGF,YAAA,GAAe,OAAA;IACb,OAAA;IACA,UAAA,EAAY,OAAA;MACV,EAAA,EAAI,SAAA;MACJ,EAAA,EAAI,SAAA;IAAA;EAAA;;;;;;EASR,IAAA,aAAiB,UAAA;EAAA;;;EAKjB,SAAA;EAEA,KAAA,GAAQ,YAAA;EAMY;;;EAFpB,GAAA,GAAM,OAAA,CAAQ,UAAA;EAEd,QAAA,GAAW,SAAA;AAAA;;;;iBAMG,gBAAA,CAAA;EACd,KAAA;EACA;AAAA,GACC,IAAA,CAAK,eAAA,2BAA0C,YAAA;AAAA,iBAoBlC,cAAA,CAAA;EACZ,KAAA;EAAO;AAAA,GAAa,OAAA,CAAQ,UAAA,GAC9B,KAAA,EAAO,cAAA,6CAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA;AAAA,iBAUZ,YAAA,CAAA;EAAe,SAAA;EAAW;AAAA,GAAS,IAAA,CAAK,eAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ImageResponse, ImageResponseOptions } from "@takumi-rs/image-response";
|
|
4
|
+
|
|
5
|
+
//#region src/og/takumi.d.ts
|
|
6
|
+
interface GenerateProps {
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
primaryColor?: string;
|
|
11
|
+
primaryTextColor?: string;
|
|
12
|
+
site?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
|
|
15
|
+
declare function generate({
|
|
16
|
+
primaryColor,
|
|
17
|
+
primaryTextColor,
|
|
18
|
+
...props
|
|
19
|
+
}: GenerateProps): react_jsx_runtime0.JSX.Element;
|
|
20
|
+
//#endregion
|
|
21
|
+
export { generate, generateOGImage };
|
|
22
|
+
//# sourceMappingURL=takumi.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"takumi.d.ts","names":[],"sources":["../../src/og/takumi.tsx"],"mappings":";;;;;UAGU,aAAA;EACR,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EACd,IAAA,GAAO,SAAA;EACP,YAAA;EACA,gBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,iBAGO,eAAA,CAAgB,OAAA,EAAS,aAAA,GAAgB,oBAAA,GAAuB,aAAA;AAAA,iBAoBhE,QAAA,CAAA;EACd,YAAA;EACA,gBAAA;EAAA,GACG;AAAA,GACF,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ImageResponse } from "@takumi-rs/image-response";
|
|
3
|
+
|
|
4
|
+
//#region src/og/takumi.tsx
|
|
5
|
+
function generateOGImage(options) {
|
|
6
|
+
const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
|
|
7
|
+
return new ImageResponse(generate({
|
|
8
|
+
title,
|
|
9
|
+
description,
|
|
10
|
+
icon,
|
|
11
|
+
site,
|
|
12
|
+
primaryTextColor,
|
|
13
|
+
primaryColor
|
|
14
|
+
}), {
|
|
15
|
+
width: 1200,
|
|
16
|
+
height: 630,
|
|
17
|
+
...rest
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", ...props }) {
|
|
21
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
22
|
+
style: {
|
|
23
|
+
display: "flex",
|
|
24
|
+
flexDirection: "column",
|
|
25
|
+
width: "100%",
|
|
26
|
+
height: "100%",
|
|
27
|
+
color: "white",
|
|
28
|
+
padding: "4rem",
|
|
29
|
+
backgroundColor: "#0c0c0c",
|
|
30
|
+
backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`
|
|
31
|
+
},
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ jsxs("div", {
|
|
34
|
+
style: {
|
|
35
|
+
display: "flex",
|
|
36
|
+
flexDirection: "row",
|
|
37
|
+
alignItems: "center",
|
|
38
|
+
gap: "16px",
|
|
39
|
+
marginBottom: "12px",
|
|
40
|
+
color: primaryTextColor
|
|
41
|
+
},
|
|
42
|
+
children: [props.icon, /* @__PURE__ */ jsx("p", {
|
|
43
|
+
style: {
|
|
44
|
+
fontSize: "56px",
|
|
45
|
+
fontWeight: 600,
|
|
46
|
+
margin: 0
|
|
47
|
+
},
|
|
48
|
+
children: props.site
|
|
49
|
+
})]
|
|
50
|
+
}),
|
|
51
|
+
/* @__PURE__ */ jsx("p", {
|
|
52
|
+
style: {
|
|
53
|
+
fontWeight: 800,
|
|
54
|
+
fontSize: "82px",
|
|
55
|
+
margin: 0
|
|
56
|
+
},
|
|
57
|
+
children: props.title
|
|
58
|
+
}),
|
|
59
|
+
/* @__PURE__ */ jsx("p", {
|
|
60
|
+
style: {
|
|
61
|
+
fontSize: "52px",
|
|
62
|
+
color: "rgba(240,240,240,0.8)",
|
|
63
|
+
margin: 0
|
|
64
|
+
},
|
|
65
|
+
children: props.description
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
export { generate, generateOGImage };
|
|
73
|
+
//# sourceMappingURL=takumi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"takumi.js","names":[],"sources":["../../src/og/takumi.tsx"],"sourcesContent":["import { ImageResponse, type ImageResponseOptions } from '@takumi-rs/image-response';\nimport type { ReactNode } from 'react';\n\ninterface GenerateProps {\n title: ReactNode;\n description?: ReactNode;\n icon?: ReactNode;\n primaryColor?: string;\n primaryTextColor?: string;\n site?: ReactNode;\n}\n\nexport function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse {\n const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;\n\n return new ImageResponse(\n generate({\n title,\n description,\n icon,\n site,\n primaryTextColor,\n primaryColor,\n }),\n {\n width: 1200,\n height: 630,\n ...rest,\n },\n );\n}\n\nexport function generate({\n primaryColor = 'rgba(255,150,255,0.3)',\n primaryTextColor = 'rgb(255,150,255)',\n ...props\n}: GenerateProps) {\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n color: 'white',\n padding: '4rem',\n backgroundColor: '#0c0c0c',\n backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`,\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '16px',\n marginBottom: '12px',\n color: primaryTextColor,\n }}\n >\n {props.icon}\n <p\n style={{\n fontSize: '56px',\n fontWeight: 600,\n margin: 0,\n }}\n >\n {props.site}\n </p>\n </div>\n\n <p\n style={{\n fontWeight: 800,\n fontSize: '82px',\n margin: 0,\n }}\n >\n {props.title}\n </p>\n <p\n style={{\n fontSize: '52px',\n color: 'rgba(240,240,240,0.8)',\n margin: 0,\n }}\n >\n {props.description}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;AAYA,SAAgB,gBAAgB,SAA8D;CAC5F,MAAM,EAAE,OAAO,aAAa,MAAM,MAAM,cAAc,kBAAkB,GAAG,SAAS;AAEpF,QAAO,IAAI,cACT,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACF;EACE,OAAO;EACP,QAAQ;EACR,GAAG;EACJ,CACF;;AAGH,SAAgB,SAAS,EACvB,eAAe,yBACf,mBAAmB,oBACnB,GAAG,SACa;AAChB,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,iBAAiB;GACjB,iBAAiB,iCAAiC,aAAa;GAChE;;GAED,qBAAC;IACC,OAAO;KACL,SAAS;KACT,eAAe;KACf,YAAY;KACZ,KAAK;KACL,cAAc;KACd,OAAO;KACR;eAEA,MAAM,MACP,oBAAC;KACC,OAAO;MACL,UAAU;MACV,YAAY;MACZ,QAAQ;MACT;eAEA,MAAM;MACL;KACA;GAEN,oBAAC;IACC,OAAO;KACL,YAAY;KACZ,UAAU;KACV,QAAQ;KACT;cAEA,MAAM;KACL;GACJ,oBAAC;IACC,OAAO;KACL,UAAU;KACV,OAAO;KACP,QAAQ;KACT;cAEA,MAAM;KACL;;GACA"}
|
package/dist/og.js
CHANGED
|
@@ -42,7 +42,8 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
|
|
|
42
42
|
children: [props.icon, /* @__PURE__ */ jsx("p", {
|
|
43
43
|
style: {
|
|
44
44
|
fontSize: "56px",
|
|
45
|
-
fontWeight: 600
|
|
45
|
+
fontWeight: 600,
|
|
46
|
+
margin: 0
|
|
46
47
|
},
|
|
47
48
|
children: props.site
|
|
48
49
|
})]
|
|
@@ -50,14 +51,16 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
|
|
|
50
51
|
/* @__PURE__ */ jsx("p", {
|
|
51
52
|
style: {
|
|
52
53
|
fontWeight: 800,
|
|
53
|
-
fontSize: "82px"
|
|
54
|
+
fontSize: "82px",
|
|
55
|
+
margin: 0
|
|
54
56
|
},
|
|
55
57
|
children: props.title
|
|
56
58
|
}),
|
|
57
59
|
/* @__PURE__ */ jsx("p", {
|
|
58
60
|
style: {
|
|
59
61
|
fontSize: "52px",
|
|
60
|
-
color: "rgba(240,240,240,0.8)"
|
|
62
|
+
color: "rgba(240,240,240,0.8)",
|
|
63
|
+
margin: 0
|
|
61
64
|
},
|
|
62
65
|
children: props.description
|
|
63
66
|
})
|
package/dist/og.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"og.js","names":[],"sources":["../src/og.tsx"],"sourcesContent":["import { ImageResponse } from 'next/og';\nimport type { ReactNode } from 'react';\nimport type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';\n\ninterface GenerateProps {\n title: ReactNode;\n description?: ReactNode;\n icon?: ReactNode;\n primaryColor?: string;\n primaryTextColor?: string;\n site?: ReactNode;\n}\n\nexport function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse {\n const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;\n\n return new ImageResponse(\n generate({\n title,\n description,\n icon,\n site,\n primaryTextColor,\n primaryColor,\n }),\n {\n width: 1200,\n height: 630,\n ...rest,\n },\n );\n}\n\nexport function generate({\n primaryColor = 'rgba(255,150,255,0.3)',\n primaryTextColor = 'rgb(255,150,255)',\n ...props\n}: GenerateProps) {\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n color: 'white',\n padding: '4rem',\n backgroundColor: '#0c0c0c',\n backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`,\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '16px',\n marginBottom: '12px',\n color: primaryTextColor,\n }}\n >\n {props.icon}\n <p\n style={{\n fontSize: '56px',\n fontWeight: 600,\n }}\n >\n {props.site}\n </p>\n </div>\n\n <p\n style={{\n fontWeight: 800,\n fontSize: '82px',\n }}\n >\n {props.title}\n </p>\n <p\n style={{\n fontSize: '52px',\n color: 'rgba(240,240,240,0.8)',\n }}\n >\n {props.description}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;AAaA,SAAgB,gBAAgB,SAA8D;CAC5F,MAAM,EAAE,OAAO,aAAa,MAAM,MAAM,cAAc,kBAAkB,GAAG,SAAS;AAEpF,QAAO,IAAI,cACT,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACF;EACE,OAAO;EACP,QAAQ;EACR,GAAG;EACJ,CACF;;AAGH,SAAgB,SAAS,EACvB,eAAe,yBACf,mBAAmB,oBACnB,GAAG,SACa;AAChB,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,iBAAiB;GACjB,iBAAiB,iCAAiC,aAAa;GAChE;;GAED,qBAAC;IACC,OAAO;KACL,SAAS;KACT,eAAe;KACf,YAAY;KACZ,KAAK;KACL,cAAc;KACd,OAAO;KACR;eAEA,MAAM,MACP,oBAAC;KACC,OAAO;MACL,UAAU;MACV,YAAY;
|
|
1
|
+
{"version":3,"file":"og.js","names":[],"sources":["../src/og.tsx"],"sourcesContent":["import { ImageResponse } from 'next/og';\nimport type { ReactNode } from 'react';\nimport type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types';\n\ninterface GenerateProps {\n title: ReactNode;\n description?: ReactNode;\n icon?: ReactNode;\n primaryColor?: string;\n primaryTextColor?: string;\n site?: ReactNode;\n}\n\nexport function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse {\n const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;\n\n return new ImageResponse(\n generate({\n title,\n description,\n icon,\n site,\n primaryTextColor,\n primaryColor,\n }),\n {\n width: 1200,\n height: 630,\n ...rest,\n },\n );\n}\n\nexport function generate({\n primaryColor = 'rgba(255,150,255,0.3)',\n primaryTextColor = 'rgb(255,150,255)',\n ...props\n}: GenerateProps) {\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n color: 'white',\n padding: '4rem',\n backgroundColor: '#0c0c0c',\n backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`,\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '16px',\n marginBottom: '12px',\n color: primaryTextColor,\n }}\n >\n {props.icon}\n <p\n style={{\n fontSize: '56px',\n fontWeight: 600,\n margin: 0,\n }}\n >\n {props.site}\n </p>\n </div>\n\n <p\n style={{\n fontWeight: 800,\n fontSize: '82px',\n margin: 0,\n }}\n >\n {props.title}\n </p>\n <p\n style={{\n fontSize: '52px',\n color: 'rgba(240,240,240,0.8)',\n margin: 0,\n }}\n >\n {props.description}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;AAaA,SAAgB,gBAAgB,SAA8D;CAC5F,MAAM,EAAE,OAAO,aAAa,MAAM,MAAM,cAAc,kBAAkB,GAAG,SAAS;AAEpF,QAAO,IAAI,cACT,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACF;EACE,OAAO;EACP,QAAQ;EACR,GAAG;EACJ,CACF;;AAGH,SAAgB,SAAS,EACvB,eAAe,yBACf,mBAAmB,oBACnB,GAAG,SACa;AAChB,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,iBAAiB;GACjB,iBAAiB,iCAAiC,aAAa;GAChE;;GAED,qBAAC;IACC,OAAO;KACL,SAAS;KACT,eAAe;KACf,YAAY;KACZ,KAAK;KACL,cAAc;KACd,OAAO;KACR;eAEA,MAAM,MACP,oBAAC;KACC,OAAO;MACL,UAAU;MACV,YAAY;MACZ,QAAQ;MACT;eAEA,MAAM;MACL;KACA;GAEN,oBAAC;IACC,OAAO;KACL,YAAY;KACZ,UAAU;KACV,QAAQ;KACT;cAEA,MAAM;KACL;GACJ,oBAAC;IACC,OAAO;KACL,UAAU;KACV,OAAO;KACP,QAAQ;KACT;cAEA,MAAM;KACL;;GACA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fumadocs/base-ui",
|
|
3
|
-
"version": "16.6.
|
|
3
|
+
"version": "16.6.5",
|
|
4
4
|
"description": "The Base UI version of Fumadocs UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Docs",
|
|
@@ -85,6 +85,10 @@
|
|
|
85
85
|
"types": "./dist/og.d.ts",
|
|
86
86
|
"import": "./dist/og.js"
|
|
87
87
|
},
|
|
88
|
+
"./og/*": {
|
|
89
|
+
"types": "./dist/og/*.d.ts",
|
|
90
|
+
"import": "./dist/og/*.js"
|
|
91
|
+
},
|
|
88
92
|
"./utils/*": {
|
|
89
93
|
"types": "./dist/utils/*.d.ts",
|
|
90
94
|
"import": "./dist/utils/*.js"
|
|
@@ -118,21 +122,25 @@
|
|
|
118
122
|
"unified": "^11.0.5",
|
|
119
123
|
"@fumadocs/cli": "1.2.4",
|
|
120
124
|
"eslint-config-custom": "0.0.0",
|
|
121
|
-
"fumadocs-core": "16.6.
|
|
125
|
+
"fumadocs-core": "16.6.5",
|
|
122
126
|
"tsconfig": "0.0.0"
|
|
123
127
|
},
|
|
124
128
|
"peerDependencies": {
|
|
129
|
+
"@takumi-rs/image-response": "^0.68.17",
|
|
125
130
|
"@types/react": "*",
|
|
126
131
|
"next": "16.x.x",
|
|
127
132
|
"react": "^19.2.0",
|
|
128
133
|
"react-dom": "^19.2.0",
|
|
129
134
|
"tailwindcss": "^4.0.0",
|
|
130
|
-
"fumadocs-core": "16.6.
|
|
135
|
+
"fumadocs-core": "16.6.5"
|
|
131
136
|
},
|
|
132
137
|
"peerDependenciesMeta": {
|
|
133
138
|
"next": {
|
|
134
139
|
"optional": true
|
|
135
140
|
},
|
|
141
|
+
"@takumi-rs/image-response": {
|
|
142
|
+
"optional": true
|
|
143
|
+
},
|
|
136
144
|
"@types/react": {
|
|
137
145
|
"optional": true
|
|
138
146
|
},
|