@san-siva/blogkit 1.1.44 → 1.1.45

package/dist/types/components/Blog.d.ts

@@ -5,7 +5,8 @@ interface BlogProperties {
     title?: string;
     jsonLd?: WithContext<Thing>;
     increasedWidthMode?: boolean;
+    isTocEnabled?: boolean;
 }
-declare const Blog: ({ children, title, jsonLd, increasedWidthMode }: BlogProperties) => import("react").JSX.Element;
+declare const Blog: ({ children, title, jsonLd, increasedWidthMode, isTocEnabled, }: BlogProperties) => import("react").JSX.Element;
 export default Blog;
 //# sourceMappingURL=Blog.d.ts.map

package/dist/types/components/Blog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../src/components/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKrD,UAAU,cAAc;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,GAAI,iDAA6E,cAAc,gCAMxG,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../src/components/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKrD,UAAU,cAAc;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,GAAI,gEAMX,cAAc,gCAchB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/Blog.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Blog.test.d.ts.map

package/dist/types/components/Blog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blog.test.d.ts","sourceRoot":"","sources":["../../../src/components/Blog.test.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@san-siva/blogkit",
-	"version": "1.1.44",
+	"version": "1.1.45",
 	"description": "A reusable blog component library for React/Next.js applications with code highlighting, diagrams, and rich content features",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",

package/src/components/Blog.test.tsx

@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vitest';
+import { Suspense } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+import Blog from './Blog';
+import BlogStatic from '../staticComponents/BlogStatic';
+
+describe('Blog', () => {
+	it('renders BlogStatic directly when isTocEnabled is false, skipping Suspense/BlogDynamic', () => {
+		const element = Blog({ children: 'hello', isTocEnabled: false } as never);
+		expect(element.type).toBe(BlogStatic);
+		expect(element.props.children).toBe('hello');
+	});
+
+	it('wraps BlogDynamic in a Suspense boundary with a BlogStatic fallback when isTocEnabled is true (default)', () => {
+		const element = Blog({ children: 'hello' } as never);
+		expect(element.type).toBe(Suspense);
+		expect(element.props.fallback.type).toBe(BlogStatic);
+		expect(element.props.children.type.$$typeof).toBe(Symbol.for('react.lazy'));
+	});
+
+	it('renders children through the static path', () => {
+		const html = renderToStaticMarkup(<Blog isTocEnabled={false}>content</Blog>);
+		expect(html).toContain('content');
+	});
+
+	it('passes increasedWidthMode through to BlogStatic when isTocEnabled is false', () => {
+		const withIncreasedWidth = Blog({ children: 'hi', isTocEnabled: false, increasedWidthMode: true } as never);
+		expect(withIncreasedWidth.props.increasedWidthMode).toBe(true);
+
+		const withoutIncreasedWidth = Blog({ children: 'hi', isTocEnabled: false } as never);
+		expect(withoutIncreasedWidth.props.increasedWidthMode).toBe(false);
+	});
+
+	it('passes jsonLd through to BlogStatic when isTocEnabled is false', () => {
+		const jsonLd = { '@context': 'https://schema.org', '@type': 'Thing' } as never;
+		const element = Blog({ children: 'hi', isTocEnabled: false, jsonLd } as never);
+		expect(element.props.jsonLd).toBe(jsonLd);
+	});
+});

package/src/components/Blog.tsx

@@ -12,9 +12,24 @@ interface BlogProperties {
 	title?: string;
 	jsonLd?: WithContext<Thing>;
 	increasedWidthMode?: boolean;
+	isTocEnabled?: boolean;
 }
 
-const Blog = ({ children, title = 'In this article', jsonLd, increasedWidthMode = false }: BlogProperties) => {
+const Blog = ({
+	children,
+	title = 'In this article',
+	jsonLd,
+	increasedWidthMode = false,
+	isTocEnabled = true,
+}: BlogProperties) => {
+	if (!isTocEnabled) {
+		return (
+			<BlogStatic jsonLd={jsonLd} increasedWidthMode={increasedWidthMode}>
+				{children}
+			</BlogStatic>
+		);
+	}
+
 	return (
 		<Suspense fallback={<BlogStatic jsonLd={jsonLd} increasedWidthMode={increasedWidthMode}>{children}</BlogStatic>}>
 			<BlogDynamic title={title} jsonLd={jsonLd} increasedWidthMode={increasedWidthMode}>{children}</BlogDynamic>

package/src/styles/CheckList.module.scss

@@ -19,6 +19,7 @@
 			margin-right: stylekit.space(1);
 			margin-top: stylekit.rem(6);
 			flex-shrink: 0;
+			cursor: pointer;
 
 			&--checked {
 				height: stylekit.rem(14);