@webmate-studio/builder 0.2.83 → 0.2.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmate-studio/builder",
-  "version": "0.2.83",
+  "version": "0.2.85",
   "type": "module",
   "description": "Webmate Studio Component Builder",
   "keywords": [

package/src/markdown.js

@@ -19,12 +19,44 @@ marked.setOptions({
 	mangle: false, // Email-Adressen nicht verschleiern
 });
 
+/**
+ * Shift heading levels in HTML
+ * @param {string} html - HTML string
+ * @param {number} startLevel - The level that h1 should become (e.g., 2 means h1 → h2)
+ * @returns {string} HTML with shifted heading levels
+ */
+function shiftHeadingLevels(html, startLevel) {
+	if (!startLevel || startLevel === 1) return html;
+
+	const offset = startLevel - 1;
+
+	// Shift headings (h1 → h2, h2 → h3, etc.)
+	// We need to do this in reverse order to avoid double-shifting
+	for (let level = 6; level >= 1; level--) {
+		const newLevel = Math.min(level + offset, 6);
+		if (newLevel !== level) {
+			// Replace opening and closing tags
+			html = html.replace(
+				new RegExp(`<h${level}(\\s|>)`, 'gi'),
+				`<h${newLevel}$1`
+			);
+			html = html.replace(
+				new RegExp(`</h${level}>`, 'gi'),
+				`</h${newLevel}>`
+			);
+		}
+	}
+
+	return html;
+}
+
 /**
  * Konvertiert Markdown zu sicherem HTML
  *
  * @param {string} markdown - Markdown-String
  * @param {object} options - Optionale Konfiguration
  * @param {boolean} options.sanitize - HTML sanitizen (default: true)
+ * @param {number} options.headingStartLevel - Start level for headings (1-6, default: 1)
  * @returns {string} - Sicherer HTML-String
  */
 export function markdownToHtml(markdown, options = {}) {
@@ -35,6 +67,11 @@ export function markdownToHtml(markdown, options = {}) {
 	// Markdown zu HTML
 	let html = marked.parse(markdown);
 
+	// Shift heading levels if requested
+	if (options.headingStartLevel) {
+		html = shiftHeadingLevels(html, options.headingStartLevel);
+	}
+
 	// XSS-Schutz mit DOMPurify
 	if (options.sanitize !== false) {
 		const config = {
@@ -66,9 +103,10 @@ export function markdownToHtml(markdown, options = {}) {
  *
  * @param {Object} props - Component props
  * @param {Object} propSchema - Prop schema with format info (from component.json)
+ * @param {Object} componentMetadata - Component metadata (for headingStartLevel, etc.)
  * @returns {Object} Props with markdown converted to HTML
  */
-export function processMarkdownProps(props, propSchema = null) {
+export function processMarkdownProps(props, propSchema = null, componentMetadata = null) {
 	if (!props || typeof props !== 'object') return props;
 
 	const processed = { ...props };
@@ -81,8 +119,16 @@ export function processMarkdownProps(props, propSchema = null) {
 		const isMarkdown = propSchema?.[key]?.format === 'markdown';
 
 		if (isMarkdown) {
+			const options = {};
+
+			// Apply headingStartLevel from prop schema (preferred) or component metadata (fallback)
+			const headingStartLevel = propSchema?.[key]?.headingStartLevel || componentMetadata?.headingStartLevel;
+			if (headingStartLevel) {
+				options.headingStartLevel = headingStartLevel;
+			}
+
 			// Convert markdown to HTML
-			processed[key] = markdownToHtml(value);
+			processed[key] = markdownToHtml(value, options);
 		}
 	}