@cntrl-site/sdk-nextjs 0.0.2 → 0.0.3

package/lib/components/Page.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const head_1 = __importDefault(require("next/head"));
+const Article_1 = require("./Article");
+const Page = ({ article, project, meta }) => {
+    const googleFonts = (0, html_react_parser_1.default)(project.fonts.google);
+    const adobeFonts = (0, html_react_parser_1.default)(project.fonts.adobe);
+    const parsedFonts = {
+        ...(typeof googleFonts === 'object' ? googleFonts : {}),
+        ...(typeof adobeFonts === 'object' ? adobeFonts : {})
+    };
+    const customFonts = project.fonts.custom;
+    const htmlHead = (0, html_react_parser_1.default)(project.html.head);
+    const afterBodyOpen = (0, html_react_parser_1.default)(project.html.afterBodyOpen);
+    const beforeBodyClose = (0, html_react_parser_1.default)(project.html.beforeBodyClose);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: meta.title }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: meta.description }), (0, jsx_runtime_1.jsx)("meta", { name: "keywords", content: meta.keywords }), (0, jsx_runtime_1.jsx)("meta", { property: "og:url", content: meta.opengraphThumbnail }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: meta.favicon }), customFonts.length > 0 && ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+                            __html: customFonts.map((font) => (`
+                @font-face {
+                  font-family: ${font.name};
+                  font-weight: ${font.weight};
+                  src: ${font.files.map(file => `url('${file.url}') format('${file.type}')`).join(', ')};
+                }
+              `)).join('\n')
+                        } })), project.fonts.adobe, Object.values(parsedFonts).map((value, i) => {
+                        if (!value)
+                            return undefined;
+                        const rel = value.props?.rel;
+                        const href = value.props?.href;
+                        if (!rel || !href)
+                            return undefined;
+                        return ((0, jsx_runtime_1.jsx)("link", { rel: rel, href: href }, i));
+                    }), htmlHead] }), afterBodyOpen, (0, jsx_runtime_1.jsx)(Article_1.Article, { article: article, layouts: project.layouts }), beforeBodyClose] }));
+};
+exports.Page = Page;

package/lib/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.RichTextConverter = void 0;
+exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
 var RichTextConverter_1 = require("./utils/RichTextConverter");
 Object.defineProperty(exports, "RichTextConverter", { enumerable: true, get: function () { return RichTextConverter_1.RichTextConverter; } });
+var Page_1 = require("./components/Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
 var Article_1 = require("./components/Article");
 Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
 var Section_1 = require("./components/Section");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",

package/src/components/Page.tsx

@@ -10,7 +10,7 @@ interface Props {
   meta: TMeta;
 }
 
-const Page: FC<Props> = ({ article, project, meta }) => {
+export const Page: FC<Props> = ({ article, project, meta }) => {
   const googleFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.google);
   const adobeFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.adobe);
   const parsedFonts = {
@@ -63,5 +63,3 @@ const Page: FC<Props> = ({ article, project, meta }) => {
     </>
   );
 };
-
-export default Page;

package/src/index.ts

@@ -1,5 +1,6 @@
 export { RichTextConverter } from './utils/RichTextConverter';
 
+export { Page } from './components/Page';
 export { Article } from './components/Article';
 export { Section } from './components/Section';
 export { Item } from './components/Item';