@uniweb/runtime 0.1.0 → 0.1.2

package/README.md

@@ -94,19 +94,24 @@ site/
 
 ### Section Markdown Format
 
-Each `.md` file is a section with YAML frontmatter:
+Each `.md` file is a section with YAML frontmatter for configuration and markdown body for content:
 
 ```markdown
 ---
 component: Hero
 preset: default
-title: Welcome to Our Site
-subtitle: Building the future together
+theme: dark
 ---
 
-Additional markdown content here...
+# Welcome to Our Site
+
+Building the future together.
+
+[Get Started](#features)
 ```
 
+The frontmatter specifies the component and configuration parameters. The markdown body contains the actual content, which is semantically parsed into structured data (headings → titles, paragraphs → descriptions, links → CTAs).
+
 ## API Reference
 
 ### Runtime Functions

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@uniweb/runtime",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Runtime loader and Vite plugins for Uniweb sites",
   "type": "module",
   "exports": {
-    ".": "./src/index.js",
+    ".": "./src/index.jsx",
     "./vite": "./src/vite/index.js"
   },
   "files": [
@@ -28,16 +28,17 @@
     "url": "https://github.com/uniweb/runtime/issues"
   },
   "engines": {
-    "node": ">=18"
+    "node": ">=20.19"
   },
   "dependencies": {
-    "js-yaml": "^4.1.0"
+    "js-yaml": "^4.1.0",
+    "@uniweb/semantic-parser": "1.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0",
-    "vite": "^5.0.0 || ^6.0.0"
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "peerDependenciesMeta": {
     "vite": {
@@ -45,6 +46,6 @@
     }
   },
   "optionalDependencies": {
-    "@uniwebcms/content-reader": "^0.1.0"
+    "@uniweb/content-reader": "1.0.1"
   }
-}
+}

package/src/components/BlockRenderer.jsx

@@ -86,18 +86,21 @@ export default function BlockRenderer({ block, pure = false, extra = {} }) {
   // Components expect content as a simple object with all data
   // Sources:
   // 1. parsedContent.raw - simple PoC format (hardcoded content)
-  // 2. block.properties - params from frontmatter (title, subtitle, features, etc.)
-  // 3. parsedContent - full ProseMirror structure (markdown body)
+  // 2. parsedContent - semantic parser output (main.header, main.body, items, etc.)
+  // 3. block.properties - params from frontmatter (theme, alignment, etc.)
   let content
 
   if (block.parsedContent?.raw) {
     // Simple PoC format - content was passed directly
     content = block.parsedContent.raw
   } else {
-    // Collected content - merge params (frontmatter) with parsed content
+    // Collected content - merge parsed content with frontmatter params
+    // Parsed content goes first so components can access content.main.header, etc.
+    // Frontmatter params overlay for things like content.title from YAML
     content = {
-      ...block.properties,  // Frontmatter data (title, subtitle, features, items, etc.)
-      _prosemirror: block.parsedContent  // Keep ProseMirror for components that need it
+      ...block.parsedContent,  // Semantic parser output (main, items, etc.)
+      ...block.properties,     // Frontmatter params overlay
+      _prosemirror: block.parsedContent  // Keep original for components that need raw access
     }
   }
 

package/src/core/block.js

@@ -5,6 +5,8 @@
  * child blocks, and state management. Connects to foundation components.
  */
 
+import { parseContent as parseSemanticContent } from '@uniweb/semantic-parser'
+
 export default class Block {
   constructor(blockData, id) {
     this.id = id
@@ -45,13 +47,17 @@ export default class Block {
   }
 
   /**
-   * Parse content into structured format
+   * Parse content into structured format using semantic-parser
    * Supports multiple content formats:
-   * 1. Pre-parsed groups structure
-   * 2. ProseMirror document
+   * 1. Pre-parsed groups structure (from editor)
+   * 2. ProseMirror document (from markdown collection)
    * 3. Simple key-value content (PoC style)
    *
-   * TODO: Integrate @uniwebcms/semantic-parser for full parsing
+   * Uses @uniweb/semantic-parser for rich content extraction including:
+   * - Pretitle detection (H3 before H1)
+   * - Banner/background image detection
+   * - Semantic grouping (main + items)
+   * - Lists, links, buttons, etc.
    */
   parseContent(content) {
     // If content is already parsed with groups structure
@@ -59,7 +65,7 @@ export default class Block {
       return content.groups
     }
 
-    // ProseMirror document
+    // ProseMirror document - use semantic-parser
     if (content?.type === 'doc') {
       return this.extractFromProseMirror(content)
     }
@@ -83,10 +89,36 @@ export default class Block {
   }
 
   /**
-   * Basic extraction from ProseMirror content
-   * This is simplified - full implementation uses semantic-parser
+   * Extract structured content from ProseMirror document
+   * Uses @uniweb/semantic-parser for intelligent content extraction
    */
   extractFromProseMirror(doc) {
+    try {
+      // Parse with semantic-parser
+      const { groups, sequence, byType } = parseSemanticContent(doc)
+
+      // Transform groups structure to match expected format
+      const main = groups.main || { header: {}, body: {} }
+      const items = groups.items || []
+
+      return {
+        main,
+        items,
+        // Include additional data for advanced use cases
+        sequence,
+        byType,
+        metadata: groups.metadata
+      }
+    } catch (err) {
+      console.warn('[Block] Semantic parser error, using fallback:', err.message)
+      return this.extractFromProseMirrorFallback(doc)
+    }
+  }
+
+  /**
+   * Fallback extraction when semantic-parser fails
+   */
+  extractFromProseMirrorFallback(doc) {
     const main = { header: {}, body: {} }
     const items = []
 

package/src/vite/content-collector.js

@@ -7,7 +7,7 @@
  *   - page.yml: Page metadata
  *   - *.md: Section content with YAML frontmatter
  *
- * Uses @uniwebcms/content-reader for markdown → ProseMirror conversion
+ * Uses @uniweb/content-reader for markdown → ProseMirror conversion
  * when available, otherwise uses a simplified parser.
  */
 
@@ -19,7 +19,7 @@ import yaml from 'js-yaml'
 // Try to import content-reader, fall back to simplified parser
 let markdownToProseMirror
 try {
-  const contentReader = await import('@uniwebcms/content-reader')
+  const contentReader = await import('@uniweb/content-reader')
   markdownToProseMirror = contentReader.markdownToProseMirror
 } catch {
   // Simplified fallback - just wraps content as text