@wireweave/core 1.1.0 → 1.2.0-beta.1

package/dist/renderer.d.cts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-DtovIYS6.cjs';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-lcJzPcR0.cjs';
 
 /**
  * Renderer type definitions for wireweave
@@ -183,7 +183,23 @@ declare abstract class BaseRenderer {
  * Renders wireframe AST to semantic HTML with utility classes
  */
 declare class HtmlRenderer extends BaseRenderer {
+    /**
+     * Node type to renderer method mapping
+     */
+    private readonly nodeRenderers;
     constructor(options?: RenderOptions);
+    /**
+     * Get render context for external renderer functions
+     */
+    private getRenderContext;
+    /**
+     * Get grid render context (extends RenderContext with buildColStyles)
+     */
+    private getGridRenderContext;
+    /**
+     * Create the node renderer mapping
+     */
+    private createNodeRenderers;
     /**
      * Render a page node
      */
@@ -214,6 +230,10 @@ declare class HtmlRenderer extends BaseRenderer {
     /**
      * Build common inline styles for all values
      *
+     * Position values (x, y) for absolute positioning:
+     * - When x or y is specified, element gets position: absolute
+     * - x → left, y → top
+     *
      * Spacing values (p, m, gap) use token system:
      * - number: spacing token (e.g., p=4 → padding: 16px from token table)
      * - ValueWithUnit: direct CSS value (e.g., p=16px → padding: 16px)
@@ -227,6 +247,26 @@ declare class HtmlRenderer extends BaseRenderer {
      * Uses Omit to exclude 'align' since TextNode/TitleNode have incompatible align types
      */
     private buildCommonStyles;
+    /**
+     * Build position styles (absolute positioning)
+     */
+    private buildPositionStyles;
+    /**
+     * Build size styles (width, height, min/max)
+     */
+    private buildSizeStyles;
+    /**
+     * Build padding styles (p, px, py, pt, pr, pb, pl)
+     */
+    private buildPaddingStyles;
+    /**
+     * Build margin styles (m, mx, my, mt, mr, mb, ml)
+     */
+    private buildMarginStyles;
+    /**
+     * Build gap styles
+     */
+    private buildGapStyles;
     /**
      * Build inline styles for Col node (extends common styles with order)
      */
@@ -264,129 +304,12 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderTabs;
     private renderBreadcrumb;
     private renderDivider;
-    /**
-     * Parse and render semantic markers in text content
-     *
-     * Semantic markers use the syntax [component:variant] to indicate
-     * what a visual element represents. This helps LLMs understand
-     * the meaning of placeholder content.
-     *
-     * Supported markers:
-     * - [avatar] or [avatar:size] - User avatar (renders as circle placeholder)
-     * - [badge:variant] TEXT - Status badge (TEXT is displayed inside the badge)
-     * - [dot:variant] - Status dot (renders as small circle before text)
-     * - [icon:name] - Icon placeholder
-     *
-     * Examples:
-     * - "[avatar] John Doe" → renders avatar circle + "John Doe"
-     * - "[badge:primary] PRO" → renders badge containing "PRO"
-     * - "[dot:success] Active" → renders green dot + "Active"
-     */
-    private renderSemanticMarkers;
-    /**
-     * Render a single semantic marker to HTML (without content)
-     */
-    private renderSemanticMarker;
-    /**
-     * Render a semantic marker with text content (for badge)
-     */
-    private renderSemanticMarkerWithContent;
-    /**
-     * Process table cell content with semantic markers and newlines
-     *
-     * Special handling for avatar + text layout:
-     * When content starts with [avatar], wraps in flex container
-     * so avatar and text align horizontally, with text stacking vertically
-     */
-    private renderTableCellContent;
 }
 /**
  * Create a new HTML renderer instance
  */
 declare function createHtmlRenderer(options?: RenderOptions): HtmlRenderer;
 
-/**
- * SVG Renderer for wireweave
- *
- * Renders wireframe AST to SVG image format
- */
-
-/**
- * SVG Renderer class
- *
- * Renders wireframe AST nodes to SVG elements
- */
-declare class SvgRenderer {
-    private options;
-    private theme;
-    private currentX;
-    private currentY;
-    private contentWidth;
-    constructor(options?: SvgRenderOptions);
-    /**
-     * Render a wireframe document to SVG
-     */
-    render(doc: WireframeDocument): SvgRenderResult;
-    /**
-     * Generate SVG defs (styles, patterns, etc.)
-     */
-    private generateDefs;
-    /**
-     * Render a page node
-     */
-    private renderPage;
-    /**
-     * Render page title
-     */
-    private renderPageTitle;
-    /**
-     * Render any AST node
-     */
-    private renderNode;
-    private renderRow;
-    private renderCol;
-    private renderHeader;
-    private renderMain;
-    private renderFooter;
-    private renderSidebar;
-    private renderCard;
-    private renderModal;
-    private renderText;
-    private renderTitle;
-    private renderLink;
-    private renderInput;
-    private renderTextarea;
-    private renderSelect;
-    private renderCheckbox;
-    private renderRadio;
-    private renderSwitch;
-    private renderButton;
-    /**
-     * Render icon paths for SVG
-     */
-    private renderIconPaths;
-    private renderImage;
-    private renderPlaceholder;
-    private renderAvatar;
-    private renderBadge;
-    private renderTable;
-    private renderList;
-    private renderAlert;
-    private renderProgress;
-    private renderSpinner;
-    private renderNav;
-    private renderTabs;
-    private renderBreadcrumb;
-    private getFontSize;
-    private resolveFontSize;
-    private getTitleFontSize;
-    private escapeXml;
-}
-/**
- * Create a new SVG renderer instance
- */
-declare function createSvgRenderer(options?: SvgRenderOptions): SvgRenderer;
-
 /**
  * CSS Style Generator for wireweave
  *
@@ -439,9 +362,6 @@ declare function generateComponentStyles(_theme: ThemeConfig, prefix?: string):
 type IconElement = [string, Record<string, string>];
 type IconData = IconElement[];
 declare const lucideIcons: Record<string, IconData>;
-/**
- * Get icon data by name
- */
 declare function getIconData(name: string): IconData | undefined;
 /**
  * Render icon data to SVG string
@@ -482,16 +402,5 @@ declare function renderToHtml(document: WireframeDocument, options?: RenderOptio
  * @returns Object containing SVG string and dimensions
  */
 declare function renderToSvg(document: WireframeDocument, options?: SvgRenderOptions): SvgRenderResult;
-/**
- * Render AST to pure SVG (without foreignObject)
- *
- * This uses the original SVG renderer with manual layout calculations.
- * Use this when foreignObject is not supported.
- *
- * @param document - Parsed wireframe document
- * @param options - SVG render options
- * @returns Object containing SVG string and dimensions
- */
-declare function renderToPureSvg(document: WireframeDocument, options?: SvgRenderOptions): SvgRenderResult;
 
-export { HtmlRenderer, type IconData, type IconElement, type RenderContext, type RenderOptions, type RenderResult, type SvgRenderOptions, type SvgRenderResult, SvgRenderer, type ThemeColors, type ThemeConfig, createHtmlRenderer, createSvgRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToPureSvg, renderToSvg };
+export { HtmlRenderer, type IconData, type IconElement, type RenderContext, type RenderOptions, type RenderResult, type SvgRenderOptions, type SvgRenderResult, type ThemeColors, type ThemeConfig, createHtmlRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToSvg };

package/dist/renderer.d.ts

@@ -1,4 +1,4 @@
-import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-DtovIYS6.js';
+import { a1 as WireframeDocument, A as AnyNode, P as PageNode } from './types-lcJzPcR0.js';
 
 /**
  * Renderer type definitions for wireweave
@@ -183,7 +183,23 @@ declare abstract class BaseRenderer {
  * Renders wireframe AST to semantic HTML with utility classes
  */
 declare class HtmlRenderer extends BaseRenderer {
+    /**
+     * Node type to renderer method mapping
+     */
+    private readonly nodeRenderers;
     constructor(options?: RenderOptions);
+    /**
+     * Get render context for external renderer functions
+     */
+    private getRenderContext;
+    /**
+     * Get grid render context (extends RenderContext with buildColStyles)
+     */
+    private getGridRenderContext;
+    /**
+     * Create the node renderer mapping
+     */
+    private createNodeRenderers;
     /**
      * Render a page node
      */
@@ -214,6 +230,10 @@ declare class HtmlRenderer extends BaseRenderer {
     /**
      * Build common inline styles for all values
      *
+     * Position values (x, y) for absolute positioning:
+     * - When x or y is specified, element gets position: absolute
+     * - x → left, y → top
+     *
      * Spacing values (p, m, gap) use token system:
      * - number: spacing token (e.g., p=4 → padding: 16px from token table)
      * - ValueWithUnit: direct CSS value (e.g., p=16px → padding: 16px)
@@ -227,6 +247,26 @@ declare class HtmlRenderer extends BaseRenderer {
      * Uses Omit to exclude 'align' since TextNode/TitleNode have incompatible align types
      */
     private buildCommonStyles;
+    /**
+     * Build position styles (absolute positioning)
+     */
+    private buildPositionStyles;
+    /**
+     * Build size styles (width, height, min/max)
+     */
+    private buildSizeStyles;
+    /**
+     * Build padding styles (p, px, py, pt, pr, pb, pl)
+     */
+    private buildPaddingStyles;
+    /**
+     * Build margin styles (m, mx, my, mt, mr, mb, ml)
+     */
+    private buildMarginStyles;
+    /**
+     * Build gap styles
+     */
+    private buildGapStyles;
     /**
      * Build inline styles for Col node (extends common styles with order)
      */
@@ -264,129 +304,12 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderTabs;
     private renderBreadcrumb;
     private renderDivider;
-    /**
-     * Parse and render semantic markers in text content
-     *
-     * Semantic markers use the syntax [component:variant] to indicate
-     * what a visual element represents. This helps LLMs understand
-     * the meaning of placeholder content.
-     *
-     * Supported markers:
-     * - [avatar] or [avatar:size] - User avatar (renders as circle placeholder)
-     * - [badge:variant] TEXT - Status badge (TEXT is displayed inside the badge)
-     * - [dot:variant] - Status dot (renders as small circle before text)
-     * - [icon:name] - Icon placeholder
-     *
-     * Examples:
-     * - "[avatar] John Doe" → renders avatar circle + "John Doe"
-     * - "[badge:primary] PRO" → renders badge containing "PRO"
-     * - "[dot:success] Active" → renders green dot + "Active"
-     */
-    private renderSemanticMarkers;
-    /**
-     * Render a single semantic marker to HTML (without content)
-     */
-    private renderSemanticMarker;
-    /**
-     * Render a semantic marker with text content (for badge)
-     */
-    private renderSemanticMarkerWithContent;
-    /**
-     * Process table cell content with semantic markers and newlines
-     *
-     * Special handling for avatar + text layout:
-     * When content starts with [avatar], wraps in flex container
-     * so avatar and text align horizontally, with text stacking vertically
-     */
-    private renderTableCellContent;
 }
 /**
  * Create a new HTML renderer instance
  */
 declare function createHtmlRenderer(options?: RenderOptions): HtmlRenderer;
 
-/**
- * SVG Renderer for wireweave
- *
- * Renders wireframe AST to SVG image format
- */
-
-/**
- * SVG Renderer class
- *
- * Renders wireframe AST nodes to SVG elements
- */
-declare class SvgRenderer {
-    private options;
-    private theme;
-    private currentX;
-    private currentY;
-    private contentWidth;
-    constructor(options?: SvgRenderOptions);
-    /**
-     * Render a wireframe document to SVG
-     */
-    render(doc: WireframeDocument): SvgRenderResult;
-    /**
-     * Generate SVG defs (styles, patterns, etc.)
-     */
-    private generateDefs;
-    /**
-     * Render a page node
-     */
-    private renderPage;
-    /**
-     * Render page title
-     */
-    private renderPageTitle;
-    /**
-     * Render any AST node
-     */
-    private renderNode;
-    private renderRow;
-    private renderCol;
-    private renderHeader;
-    private renderMain;
-    private renderFooter;
-    private renderSidebar;
-    private renderCard;
-    private renderModal;
-    private renderText;
-    private renderTitle;
-    private renderLink;
-    private renderInput;
-    private renderTextarea;
-    private renderSelect;
-    private renderCheckbox;
-    private renderRadio;
-    private renderSwitch;
-    private renderButton;
-    /**
-     * Render icon paths for SVG
-     */
-    private renderIconPaths;
-    private renderImage;
-    private renderPlaceholder;
-    private renderAvatar;
-    private renderBadge;
-    private renderTable;
-    private renderList;
-    private renderAlert;
-    private renderProgress;
-    private renderSpinner;
-    private renderNav;
-    private renderTabs;
-    private renderBreadcrumb;
-    private getFontSize;
-    private resolveFontSize;
-    private getTitleFontSize;
-    private escapeXml;
-}
-/**
- * Create a new SVG renderer instance
- */
-declare function createSvgRenderer(options?: SvgRenderOptions): SvgRenderer;
-
 /**
  * CSS Style Generator for wireweave
  *
@@ -439,9 +362,6 @@ declare function generateComponentStyles(_theme: ThemeConfig, prefix?: string):
 type IconElement = [string, Record<string, string>];
 type IconData = IconElement[];
 declare const lucideIcons: Record<string, IconData>;
-/**
- * Get icon data by name
- */
 declare function getIconData(name: string): IconData | undefined;
 /**
  * Render icon data to SVG string
@@ -482,16 +402,5 @@ declare function renderToHtml(document: WireframeDocument, options?: RenderOptio
  * @returns Object containing SVG string and dimensions
  */
 declare function renderToSvg(document: WireframeDocument, options?: SvgRenderOptions): SvgRenderResult;
-/**
- * Render AST to pure SVG (without foreignObject)
- *
- * This uses the original SVG renderer with manual layout calculations.
- * Use this when foreignObject is not supported.
- *
- * @param document - Parsed wireframe document
- * @param options - SVG render options
- * @returns Object containing SVG string and dimensions
- */
-declare function renderToPureSvg(document: WireframeDocument, options?: SvgRenderOptions): SvgRenderResult;
 
-export { HtmlRenderer, type IconData, type IconElement, type RenderContext, type RenderOptions, type RenderResult, type SvgRenderOptions, type SvgRenderResult, SvgRenderer, type ThemeColors, type ThemeConfig, createHtmlRenderer, createSvgRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToPureSvg, renderToSvg };
+export { HtmlRenderer, type IconData, type IconElement, type RenderContext, type RenderOptions, type RenderResult, type SvgRenderOptions, type SvgRenderResult, type ThemeColors, type ThemeConfig, createHtmlRenderer, darkTheme, defaultTheme, generateComponentStyles, generateStyles, getIconData, getTheme, lucideIcons, render, renderIconSvg, renderToHtml, renderToSvg };