@wireweave/core 1.1.0-beta.0 → 1.2.0-beta.0

package/dist/renderer.d.cts

@@ -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
      */
@@ -231,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)
      */
@@ -265,178 +301,15 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderPopover;
     private renderDropdown;
     private renderNav;
-    private renderNavChildren;
-    private renderNavItem;
-    private renderIconHtml;
     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
- *
- * A proper layout engine that renders wireframe AST to SVG image format
- * with correct flexbox-like layout calculations.
- */
-
-declare class SvgRenderer {
-    private options;
-    private theme;
-    private pageWidth;
-    private pageHeight;
-    private clipPathDefs;
-    private clipPathCounter;
-    private readonly DEFAULT_GAP;
-    constructor(options?: SvgRenderOptions);
-    /**
-     * Render a wireframe document to SVG
-     */
-    render(doc: WireframeDocument): SvgRenderResult;
-    /**
-     * Generate SVG defs (styles)
-     */
-    private generateDefs;
-    private renderPage;
-    /**
-     * Render page with fixed header/footer layout
-     * Header at top, Footer at bottom, Main fills remaining space
-     */
-    private renderPageWithFixedLayout;
-    private shouldCenterHorizontally;
-    private measureNode;
-    private measureRow;
-    private measureCol;
-    private measureHeader;
-    private measureFooter;
-    private measureMain;
-    private measureSidebar;
-    private measureCard;
-    private measureModal;
-    private measureTitle;
-    private measureText;
-    private measureButton;
-    private measureInput;
-    private measureTextarea;
-    private measureSelect;
-    private measureCheckbox;
-    private measureRadio;
-    private measureSwitch;
-    private measureLink;
-    private measureImage;
-    private measurePlaceholder;
-    private measureAvatar;
-    private measureBadge;
-    private measureTable;
-    private measureList;
-    private measureAlert;
-    private measureProgress;
-    private measureSpinner;
-    private measureNav;
-    private measureTabs;
-    private measureBreadcrumb;
-    private measureIcon;
-    private measureDivider;
-    private layoutNode;
-    private layoutRow;
-    private layoutCol;
-    private rowContainsSidebarOrMain;
-    private layoutHeader;
-    private adjustChildrenY;
-    /**
-     * Check if a node should flex to fill available space in a Row
-     * Only layout containers without explicit width should flex
-     */
-    private isFlexContainer;
-    private layoutFooter;
-    private layoutMain;
-    private layoutSidebar;
-    private layoutCard;
-    private renderBox;
-    private renderRowBox;
-    private renderColBox;
-    private renderHeaderBox;
-    private renderFooterBox;
-    private renderMainBox;
-    private renderSidebarBox;
-    private renderCardBox;
-    private renderModalBox;
-    private renderTitleBox;
-    private renderTextBox;
-    private renderButtonBox;
-    private renderInputBox;
-    private renderTextareaBox;
-    private renderSelectBox;
-    private renderCheckboxBox;
-    private renderRadioBox;
-    private renderSwitchBox;
-    private renderLinkBox;
-    private renderImageBox;
-    private renderPlaceholderBox;
-    private renderAvatarBox;
-    private renderBadgeBox;
-    private renderTableBox;
-    private renderListBox;
-    private renderAlertBox;
-    private renderProgressBox;
-    private renderSpinnerBox;
-    private renderNavBox;
-    private renderTabsBox;
-    private renderBreadcrumbBox;
-    private renderIconBox;
-    private renderDividerBox;
-    private renderIconPaths;
-    private getPadding;
-    private getGap;
-    private resolveSpacing;
-    private resolveSize;
-    private isFullWidth;
-    private estimateTextWidth;
-    private resolveFontSize;
-    private getTitleFontSize;
-    private escapeXml;
-}
-declare function createSvgRenderer(options?: SvgRenderOptions): SvgRenderer;
-
 /**
  * CSS Style Generator for wireweave
  *
@@ -529,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

@@ -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
      */
@@ -231,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)
      */
@@ -265,178 +301,15 @@ declare class HtmlRenderer extends BaseRenderer {
     private renderPopover;
     private renderDropdown;
     private renderNav;
-    private renderNavChildren;
-    private renderNavItem;
-    private renderIconHtml;
     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
- *
- * A proper layout engine that renders wireframe AST to SVG image format
- * with correct flexbox-like layout calculations.
- */
-
-declare class SvgRenderer {
-    private options;
-    private theme;
-    private pageWidth;
-    private pageHeight;
-    private clipPathDefs;
-    private clipPathCounter;
-    private readonly DEFAULT_GAP;
-    constructor(options?: SvgRenderOptions);
-    /**
-     * Render a wireframe document to SVG
-     */
-    render(doc: WireframeDocument): SvgRenderResult;
-    /**
-     * Generate SVG defs (styles)
-     */
-    private generateDefs;
-    private renderPage;
-    /**
-     * Render page with fixed header/footer layout
-     * Header at top, Footer at bottom, Main fills remaining space
-     */
-    private renderPageWithFixedLayout;
-    private shouldCenterHorizontally;
-    private measureNode;
-    private measureRow;
-    private measureCol;
-    private measureHeader;
-    private measureFooter;
-    private measureMain;
-    private measureSidebar;
-    private measureCard;
-    private measureModal;
-    private measureTitle;
-    private measureText;
-    private measureButton;
-    private measureInput;
-    private measureTextarea;
-    private measureSelect;
-    private measureCheckbox;
-    private measureRadio;
-    private measureSwitch;
-    private measureLink;
-    private measureImage;
-    private measurePlaceholder;
-    private measureAvatar;
-    private measureBadge;
-    private measureTable;
-    private measureList;
-    private measureAlert;
-    private measureProgress;
-    private measureSpinner;
-    private measureNav;
-    private measureTabs;
-    private measureBreadcrumb;
-    private measureIcon;
-    private measureDivider;
-    private layoutNode;
-    private layoutRow;
-    private layoutCol;
-    private rowContainsSidebarOrMain;
-    private layoutHeader;
-    private adjustChildrenY;
-    /**
-     * Check if a node should flex to fill available space in a Row
-     * Only layout containers without explicit width should flex
-     */
-    private isFlexContainer;
-    private layoutFooter;
-    private layoutMain;
-    private layoutSidebar;
-    private layoutCard;
-    private renderBox;
-    private renderRowBox;
-    private renderColBox;
-    private renderHeaderBox;
-    private renderFooterBox;
-    private renderMainBox;
-    private renderSidebarBox;
-    private renderCardBox;
-    private renderModalBox;
-    private renderTitleBox;
-    private renderTextBox;
-    private renderButtonBox;
-    private renderInputBox;
-    private renderTextareaBox;
-    private renderSelectBox;
-    private renderCheckboxBox;
-    private renderRadioBox;
-    private renderSwitchBox;
-    private renderLinkBox;
-    private renderImageBox;
-    private renderPlaceholderBox;
-    private renderAvatarBox;
-    private renderBadgeBox;
-    private renderTableBox;
-    private renderListBox;
-    private renderAlertBox;
-    private renderProgressBox;
-    private renderSpinnerBox;
-    private renderNavBox;
-    private renderTabsBox;
-    private renderBreadcrumbBox;
-    private renderIconBox;
-    private renderDividerBox;
-    private renderIconPaths;
-    private getPadding;
-    private getGap;
-    private resolveSpacing;
-    private resolveSize;
-    private isFullWidth;
-    private estimateTextWidth;
-    private resolveFontSize;
-    private getTitleFontSize;
-    private escapeXml;
-}
-declare function createSvgRenderer(options?: SvgRenderOptions): SvgRenderer;
-
 /**
  * CSS Style Generator for wireweave
  *
@@ -529,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 };