@opinly/next 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   HomePage: () => HomePage,
   OpinlyBlog: () => OpinlyBlog
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/components/blog-post/index.tsx
 var import_link5 = __toESM(require("next/link"), 1);
@@ -80,8 +80,7 @@ function replaceImageNameSpace(fileKey) {
 
 // src/components/blog-post/_helpers/json-ld.ts
 function generateArticleBodyHtml(content) {
-  if (!content?.content)
-    return "";
+  if (!content?.content) return "";
   let htmlString = "";
   content.content.forEach((node) => {
     switch (node.type) {
@@ -101,6 +100,14 @@ function generateArticleBodyHtml(content) {
       case "listItem":
         htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;
         break;
+      // Add other node types if they contain text content relevant for articleBody
+      // For images, you might just skip them or include an <img> tag if semantic
+      // For example:
+      // case "image":
+      //   if (node.attrs?.src) {
+      //     htmlString += `<img src="${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}" alt="${node.attrs?.alt || ''}" />`;
+      //   }
+      //   break;
       default:
         break;
     }
@@ -108,18 +115,15 @@ function generateArticleBodyHtml(content) {
   return htmlString;
 }
 function generateChildrenHtml(nodes) {
-  if (!nodes)
-    return "";
+  if (!nodes) return "";
   let childrenHtml = "";
   nodes.forEach((child) => {
     if (child.type === "text") {
       let text = child.text || "";
       if (child.marks) {
         child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = `<strong>${text}</strong>`;
-          if (mark.type === "italic")
-            text = `<em>${text}</em>`;
+          if (mark.type === "bold") text = `<strong>${text}</strong>`;
+          if (mark.type === "italic") text = `<em>${text}</em>`;
           if (mark.type === "link" && mark.attrs?.href) {
             text = `<a href="${mark.attrs.href}">${text}</a>`;
           }
@@ -213,8 +217,7 @@ var genBreadcrumbJSONLD = (post) => {
 // src/components/blog-post/_components/faq.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var FAQS = ({ faqs }) => {
-  if (!faqs)
-    return null;
+  if (!faqs) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: faqs.map((faq) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
@@ -226,8 +229,7 @@ var FAQS = ({ faqs }) => {
 
 // src/components/blog-post/_helpers/reading-time.ts
 var countWords = (content) => {
-  if (!content?.content)
-    return 0;
+  if (!content?.content) return 0;
   let wordCount = 0;
   const countWords2 = (nodes) => {
     for (const node of nodes) {
@@ -235,8 +237,7 @@ var countWords = (content) => {
         const words = node.text.trim().split(/\s+/).filter(Boolean);
         wordCount += words.length;
       }
-      if (node.content)
-        countWords2(node.content);
+      if (node.content) countWords2(node.content);
     }
   };
   countWords2(content.content);
@@ -252,8 +253,7 @@ function calculateReadingTime(content) {
 var import_link = __toESM(require("next/link"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function renderTiptapContent(content, classNames) {
-  if (!content?.content)
-    return [];
+  if (!content?.content) return [];
   return content.content.map((node, index) => {
     switch (node.type) {
       case "paragraph":
@@ -316,17 +316,14 @@ var Content = ({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
 };
 function renderChildren(nodes, classNames) {
-  if (!nodes)
-    return [];
+  if (!nodes) return [];
   return nodes.map((child, idx) => {
     if (child.type === "text") {
       let text = child.text;
       if (child.marks) {
         child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: text }, idx);
-          if (mark.type === "italic")
-            text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: text }, idx);
+          if (mark.type === "bold") text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: text }, idx);
+          if (mark.type === "italic") text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: text }, idx);
           if (mark.type === "link")
             text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_link.default,
@@ -351,8 +348,7 @@ var import_image = __toESM(require("next/image"), 1);
 // src/components/blog-post/_helpers/extract-headings.ts
 function extractHeadings(content) {
   const headings = [];
-  if (!content?.content)
-    return headings;
+  if (!content?.content) return headings;
   const walk = (nodes) => {
     for (const node of nodes) {
       if (node.type === "heading" && node.content?.[0]?.text) {
@@ -360,8 +356,7 @@ function extractHeadings(content) {
         const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
         headings.push({ text, slug });
       }
-      if (node.content)
-        walk(node.content);
+      if (node.content) walk(node.content);
     }
   };
   walk(content.content);

package/dist/index.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Opinly } from '@opinly/backend';
+
+declare const OpinlyBlog: ({ blog, page, }: {
+    blog: Awaited<ReturnType<Opinly["content"]["blog"]>>;
+    page: number | null | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+type HomePage = Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
+    type: "home";
+}>["data"];
+declare const HomePage: ({ homePage, page, }: {
+    homePage: HomePage;
+    page: number | null | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+export { HomePage, OpinlyBlog };

package/dist/index.js

@@ -43,8 +43,7 @@ function replaceImageNameSpace(fileKey) {
 
 // src/components/blog-post/_helpers/json-ld.ts
 function generateArticleBodyHtml(content) {
-  if (!content?.content)
-    return "";
+  if (!content?.content) return "";
   let htmlString = "";
   content.content.forEach((node) => {
     switch (node.type) {
@@ -64,6 +63,14 @@ function generateArticleBodyHtml(content) {
       case "listItem":
         htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;
         break;
+      // Add other node types if they contain text content relevant for articleBody
+      // For images, you might just skip them or include an <img> tag if semantic
+      // For example:
+      // case "image":
+      //   if (node.attrs?.src) {
+      //     htmlString += `<img src="${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}" alt="${node.attrs?.alt || ''}" />`;
+      //   }
+      //   break;
       default:
         break;
     }
@@ -71,18 +78,15 @@ function generateArticleBodyHtml(content) {
   return htmlString;
 }
 function generateChildrenHtml(nodes) {
-  if (!nodes)
-    return "";
+  if (!nodes) return "";
   let childrenHtml = "";
   nodes.forEach((child) => {
     if (child.type === "text") {
       let text = child.text || "";
       if (child.marks) {
         child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = `<strong>${text}</strong>`;
-          if (mark.type === "italic")
-            text = `<em>${text}</em>`;
+          if (mark.type === "bold") text = `<strong>${text}</strong>`;
+          if (mark.type === "italic") text = `<em>${text}</em>`;
           if (mark.type === "link" && mark.attrs?.href) {
             text = `<a href="${mark.attrs.href}">${text}</a>`;
           }
@@ -176,8 +180,7 @@ var genBreadcrumbJSONLD = (post) => {
 // src/components/blog-post/_components/faq.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var FAQS = ({ faqs }) => {
-  if (!faqs)
-    return null;
+  if (!faqs) return null;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
     /* @__PURE__ */ jsx("ul", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("li", { children: [
@@ -189,8 +192,7 @@ var FAQS = ({ faqs }) => {
 
 // src/components/blog-post/_helpers/reading-time.ts
 var countWords = (content) => {
-  if (!content?.content)
-    return 0;
+  if (!content?.content) return 0;
   let wordCount = 0;
   const countWords2 = (nodes) => {
     for (const node of nodes) {
@@ -198,8 +200,7 @@ var countWords = (content) => {
         const words = node.text.trim().split(/\s+/).filter(Boolean);
         wordCount += words.length;
       }
-      if (node.content)
-        countWords2(node.content);
+      if (node.content) countWords2(node.content);
     }
   };
   countWords2(content.content);
@@ -215,8 +216,7 @@ function calculateReadingTime(content) {
 import Link from "next/link";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function renderTiptapContent(content, classNames) {
-  if (!content?.content)
-    return [];
+  if (!content?.content) return [];
   return content.content.map((node, index) => {
     switch (node.type) {
       case "paragraph":
@@ -279,17 +279,14 @@ var Content = ({
   return /* @__PURE__ */ jsx2("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
 };
 function renderChildren(nodes, classNames) {
-  if (!nodes)
-    return [];
+  if (!nodes) return [];
   return nodes.map((child, idx) => {
     if (child.type === "text") {
       let text = child.text;
       if (child.marks) {
         child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = /* @__PURE__ */ jsx2("strong", { children: text }, idx);
-          if (mark.type === "italic")
-            text = /* @__PURE__ */ jsx2("em", { children: text }, idx);
+          if (mark.type === "bold") text = /* @__PURE__ */ jsx2("strong", { children: text }, idx);
+          if (mark.type === "italic") text = /* @__PURE__ */ jsx2("em", { children: text }, idx);
           if (mark.type === "link")
             text = /* @__PURE__ */ jsx2(
               Link,
@@ -314,8 +311,7 @@ import Image from "next/image";
 // src/components/blog-post/_helpers/extract-headings.ts
 function extractHeadings(content) {
   const headings = [];
-  if (!content?.content)
-    return headings;
+  if (!content?.content) return headings;
   const walk = (nodes) => {
     for (const node of nodes) {
       if (node.type === "heading" && node.content?.[0]?.text) {
@@ -323,8 +319,7 @@ function extractHeadings(content) {
         const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
         headings.push({ text, slug });
       }
-      if (node.content)
-        walk(node.content);
+      if (node.content) walk(node.content);
     }
   };
   walk(content.content);

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@opinly/next",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "private": false,
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
   "devDependencies": {
     "@tsconfig/next": "^2.0.3",
     "@types/node": "^20.0.0",
@@ -25,7 +28,7 @@
     "react-syntax-highlighter": "^15.6.1",
     "schema-dts": "^1.1.5",
     "tailwind-merge": "^1.14.0",
-    "@opinly/backend": "0.1.3"
+    "@opinly/backend": "0.1.4"
   },
   "engines": {
     "node": ">=16"