;
+ const component = ;
- const module: BunextPageModule = await import(filePath);
+ return {
+ component,
+ routeParams,
+ module,
+ bundledMap,
+ };
+ } catch {
+ const DefaultServerError: FC = () => (
+
+ 500 Internal Server Error
+
+ );
- const Component = module.default as FC;
- const component = ;
-
- return {
- component,
- routeParams,
- module,
- bundledMap: {},
- };
+ return {
+ component: ,
+ routeParams,
+ module: {
+ default: DefaultServerError,
+ },
+ };
+ }
}
}
diff --git a/src/functions/server/web-pages/grab-web-meta-html.ts b/src/functions/server/web-pages/grab-web-meta-html.ts
new file mode 100644
index 0000000..a307388
--- /dev/null
+++ b/src/functions/server/web-pages/grab-web-meta-html.ts
@@ -0,0 +1,63 @@
+import type { BunextPageModuleMeta } from "../../../types";
+
+type Params = {
+ meta: BunextPageModuleMeta;
+};
+
+export default async function grabWebMetaHTML({ meta }: Params) {
+ let html = ``;
+
+ if (meta.title) {
+ html += ` ${meta.title}\n`;
+ }
+
+ if (meta.description) {
+ html += ` \n`;
+ }
+
+ if (meta.keywords) {
+ const keywords = Array.isArray(meta.keywords)
+ ? meta.keywords.join(", ")
+ : meta.keywords;
+ html += ` \n`;
+ }
+
+ if (meta.author) {
+ html += ` \n`;
+ }
+
+ if (meta.robots) {
+ html += ` \n`;
+ }
+
+ if (meta.canonical) {
+ html += ` \n`;
+ }
+
+ if (meta.themeColor) {
+ html += ` \n`;
+ }
+
+ if (meta.og) {
+ const { og } = meta;
+ if (og.title) html += ` \n`;
+ if (og.description) html += ` \n`;
+ if (og.image) html += ` \n`;
+ if (og.url) html += ` \n`;
+ if (og.type) html += ` \n`;
+ if (og.siteName) html += ` \n`;
+ if (og.locale) html += ` \n`;
+ }
+
+ if (meta.twitter) {
+ const { twitter } = meta;
+ if (twitter.card) html += ` \n`;
+ if (twitter.title) html += ` \n`;
+ if (twitter.description) html += ` \n`;
+ if (twitter.image) html += ` \n`;
+ if (twitter.site) html += ` \n`;
+ if (twitter.creator) html += ` \n`;
+ }
+
+ return html;
+}
diff --git a/src/functions/server/web-pages/grab-web-page-hydration-script.tsx b/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
index e332cb2..d14fd93 100644
--- a/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
+++ b/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
@@ -5,7 +5,7 @@ import grabConstants from "../../../utils/grab-constants";
const { BUNX_HYDRATION_SRC_DIR } = grabDirNames();
type Params = {
- bundledMap: BundlerCTXMap;
+ bundledMap?: BundlerCTXMap;
};
export default async function ({ bundledMap }: Params) {
diff --git a/src/functions/server/web-pages/handle-web-pages.tsx b/src/functions/server/web-pages/handle-web-pages.tsx
index 706a3d4..d9d657e 100644
--- a/src/functions/server/web-pages/handle-web-pages.tsx
+++ b/src/functions/server/web-pages/handle-web-pages.tsx
@@ -8,14 +8,23 @@ type Params = {
export default async function ({ req }: Params): Promise {
try {
- const { component, bundledMap, module, serverRes } =
- await grabPageComponent({ req });
+ const {
+ component,
+ bundledMap,
+ module,
+ serverRes,
+ meta,
+ head,
+ routeParams,
+ } = await grabPageComponent({ req });
const html = await genWebHTML({
component,
pageProps: serverRes,
bundledMap,
module,
+ meta,
+ head,
});
const res_opts: ResponseInit = {
diff --git a/src/types/index.ts b/src/types/index.ts
index 3d3b85e..dfc46d6 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -128,12 +128,46 @@ export type LivePageDistGenParams = {
head?: ReactNode;
pageProps?: any;
module?: BunextPageModule;
- bundledMap: BundlerCTXMap;
+ bundledMap?: BundlerCTXMap;
+ meta?: BunextPageModuleMeta;
};
export type BunextPageModule = {
default: FC;
server?: BunextPageServerFn;
+ meta?: BunextPageModuleMeta | BunextPageModuleMetaFn;
+};
+
+export type BunextPageModuleMetaFn = (params: {
+ ctx: BunxRouteParams;
+ serverRes?: BunextPageModuleServerReturn;
+}) => Promise;
+
+export type BunextPageModuleMeta = {
+ title?: string;
+ description?: string;
+ keywords?: string | string[];
+ author?: string;
+ robots?: string;
+ canonical?: string;
+ themeColor?: string;
+ og?: {
+ title?: string;
+ description?: string;
+ image?: string;
+ url?: string;
+ type?: string;
+ siteName?: string;
+ locale?: string;
+ };
+ twitter?: {
+ card?: "summary" | "summary_large_image" | "app" | "player";
+ title?: string;
+ description?: string;
+ image?: string;
+ site?: string;
+ creator?: string;
+ };
};
export type BunextPageServerFn<
@@ -155,8 +189,10 @@ export type GrabPageComponentRes = {
component: JSX.Element;
serverRes?: BunextPageModuleServerReturn;
routeParams?: BunxRouteParams;
- bundledMap: BundlerCTXMap;
+ bundledMap?: BundlerCTXMap;
module: BunextPageModule;
+ meta?: BunextPageModuleMeta;
+ head?: ReactNode;
};
export type PageFiles = {