@wire-dsl/language-support 0.0.2

package/dist/components.js

@@ -0,0 +1,271 @@
+/**
+ * Wire DSL Component Metadata
+ * Used for autocompletion and hover documentation
+ *
+ * SYNC SOURCES:
+ * 1. Built-in components: Check packages/core/src/renderer/index.ts renderComponent() method
+ *    for latest component implementations. Update this file when new components are added.
+ * 2. User-defined components: Syntax is `define Component "Name" { ... }`
+ *    These are parsed and resolved before IR generation.
+ *
+ * Total components: 32 built-in + unlimited user-defined
+ * Last synced: February 2, 2026
+ */
+export const COMPONENTS = {
+    // Text Components
+    Heading: {
+        name: 'Heading',
+        description: 'Large heading/title text',
+        properties: ['text'],
+        example: 'component Heading text: "Users"',
+    },
+    Text: {
+        name: 'Text',
+        description: 'Regular paragraph text',
+        properties: ['content'],
+        example: 'component Text content: "Lorem ipsum dolor sit amet..."',
+    },
+    Label: {
+        name: 'Label',
+        description: 'Small label text',
+        properties: ['text'],
+        example: 'component Label text: "Field label"',
+    },
+    Code: {
+        name: 'Code',
+        description: 'Code or monospace text',
+        properties: ['content'],
+        example: 'component Code content: "const x = 42;"',
+    },
+    // Input Components
+    Input: {
+        name: 'Input',
+        description: 'Text input field',
+        properties: ['label', 'placeholder'],
+        example: 'component Input label: "Username" placeholder: "Enter name..."',
+    },
+    Textarea: {
+        name: 'Textarea',
+        description: 'Multi-line text input',
+        properties: ['label', 'placeholder', 'rows'],
+        example: 'component Textarea label: "Description" rows: 6',
+    },
+    Select: {
+        name: 'Select',
+        description: 'Dropdown selection list',
+        properties: ['label', 'options', 'placeholder'],
+        example: 'component Select label: "Role" options: ["Admin", "User", "Guest"]',
+    },
+    Checkbox: {
+        name: 'Checkbox',
+        description: 'Single checkbox input',
+        properties: ['label'],
+        example: 'component Checkbox label: "Remember me"',
+    },
+    Radio: {
+        name: 'Radio',
+        description: 'Single radio button',
+        properties: ['label'],
+        example: 'component Radio label: "Option"',
+    },
+    Toggle: {
+        name: 'Toggle',
+        description: 'Toggle switch input',
+        properties: ['label'],
+        example: 'component Toggle label: "Enable feature"',
+    },
+    // Button Components
+    Button: {
+        name: 'Button',
+        description: 'Clickable button element',
+        properties: ['text', 'variant'],
+        propertyValues: {
+            variant: ['primary', 'secondary', 'ghost'],
+        },
+        example: 'component Button text: "Save" variant: primary',
+    },
+    IconButton: {
+        name: 'IconButton',
+        description: 'Icon-only button element',
+        properties: ['icon', 'variant', 'size'],
+        propertyValues: {
+            variant: ['primary', 'secondary', 'ghost'],
+            size: ['xs', 'sm', 'md', 'lg', 'xl'],
+        },
+        example: 'component IconButton icon: "plus" variant: "primary" size: "md"',
+    },
+    // Navigation Components
+    SidebarMenu: {
+        name: 'SidebarMenu',
+        description: 'Vertical navigation menu',
+        properties: ['items'],
+        example: 'component SidebarMenu items: ["Users", "Roles", "Settings"]',
+    },
+    Topbar: {
+        name: 'Topbar',
+        description: 'Top navigation bar',
+        properties: ['title'],
+        example: 'component Topbar title: "Dashboard"',
+    },
+    Breadcrumbs: {
+        name: 'Breadcrumbs',
+        description: 'Breadcrumb navigation trail',
+        properties: ['items'],
+        example: 'component Breadcrumbs items: ["Home", "Users", "Detail"]',
+    },
+    Tabs: {
+        name: 'Tabs',
+        description: 'Tabbed content switcher',
+        properties: ['items', 'activeIndex'],
+        example: 'component Tabs items: ["Profile", "Settings", "Logs"]',
+    },
+    // Data Components
+    Table: {
+        name: 'Table',
+        description: 'Data table with rows and columns',
+        properties: ['columns', 'rowsMock', 'rowHeight'],
+        example: 'component Table columns: ["Name", "Email", "Status", "Role"] rowsMock: 8',
+    },
+    List: {
+        name: 'List',
+        description: 'Vertical list of items',
+        properties: ['items'],
+        example: 'component List items: ["Item 1", "Item 2", "Item 3"]',
+    },
+    // Container Components
+    Badge: {
+        name: 'Badge',
+        description: 'Small badge/tag element',
+        properties: ['text', 'variant'],
+        propertyValues: {
+            variant: ['primary', 'secondary', 'success', 'warning', 'error', 'info'],
+        },
+        example: 'component Badge text: "New" variant: primary',
+    },
+    Alert: {
+        name: 'Alert',
+        description: 'Alert message box',
+        properties: ['text', 'variant'],
+        propertyValues: {
+            variant: ['primary', 'secondary', 'success', 'warning', 'error', 'info'],
+        },
+        example: 'component Alert text: "Warning message" variant: warning',
+    },
+    // Visual Components
+    Icon: {
+        name: 'Icon',
+        description: 'Icon element (visual symbol)',
+        properties: ['type', 'size'],
+        propertyValues: {
+            size: ['xs', 'sm', 'md', 'lg', 'xl'],
+        },
+        example: 'component Icon type: "home" size: "md"',
+    },
+    Divider: {
+        name: 'Divider',
+        description: 'Horizontal divider line',
+        properties: [],
+        example: 'component Divider',
+    },
+    Image: {
+        name: 'Image',
+        description: 'Image placeholder or actual image',
+        properties: ['src', 'alt', 'height', 'placeholder'],
+        propertyValues: {
+            placeholder: ['square', 'landscape', 'avatar', 'icon'],
+        },
+        example: 'component Image placeholder: "landscape" height: 300',
+    },
+    ChartPlaceholder: {
+        name: 'ChartPlaceholder',
+        description: 'Chart visualization placeholder',
+        properties: ['type', 'height'],
+        propertyValues: {
+            type: ['bar', 'line', 'pie'],
+        },
+        example: 'component ChartPlaceholder type: "bar" height: 200',
+    },
+    Sidebar: {
+        name: 'Sidebar',
+        description: 'Sidebar navigation panel',
+        properties: ['title', 'items'],
+        example: 'component Sidebar title: "Navigation" items: ["Dashboard", "Users"]',
+    },
+    // Feedback Components
+    Modal: {
+        name: 'Modal',
+        description: 'Modal dialog window',
+        properties: ['title', 'content'],
+        example: 'component Modal title: "Confirm?" content: "Are you sure?"',
+    },
+    StatCard: {
+        name: 'StatCard',
+        description: 'Statistic card showing metric value',
+        properties: ['title', 'value'],
+        example: 'component StatCard title: "Total Users" value: "1,234"',
+    },
+    Spinner: {
+        name: 'Spinner',
+        description: 'Loading spinner/indicator',
+        properties: [],
+        example: 'component Spinner',
+    },
+};
+export const LAYOUTS = {
+    stack: {
+        name: 'stack',
+        description: 'Stack layout - arranges items in a row or column',
+        properties: ['direction', 'gap', 'padding', 'align', 'justify'],
+        example: 'layout stack(direction: vertical, gap: md, padding: lg) { ... }',
+        requiredProperties: [],
+    },
+    grid: {
+        name: 'grid',
+        description: 'Grid layout - 12-column grid system',
+        properties: ['columns', 'gap', 'align', 'padding'],
+        example: 'layout grid(columns: 12, gap: md) { cell span: 6 { ... } }',
+        requiredProperties: ['columns'],
+    },
+    split: {
+        name: 'split',
+        description: 'Split layout - sidebar + main content',
+        properties: ['sidebar', 'gap', 'padding'],
+        example: 'layout split(sidebar: 260, gap: md) { ... }',
+        requiredProperties: ['sidebar'],
+    },
+    panel: {
+        name: 'panel',
+        description: 'Panel layout - container with border and padding',
+        properties: ['padding', 'background', 'radius', 'border'],
+        example: 'layout panel(padding: md, background: white) { ... }',
+        requiredProperties: [],
+    },
+    card: {
+        name: 'card',
+        description: 'Card layout - flexible vertical container',
+        properties: ['padding', 'gap', 'radius', 'border', 'background'],
+        example: 'layout card(padding: md, gap: md, radius: md) { ... }',
+        requiredProperties: [],
+    },
+};
+// Property values for specific properties (layout-related)
+export const PROPERTY_VALUES = {
+    direction: ['vertical', 'horizontal'],
+    gap: ['xs', 'sm', 'md', 'lg', 'xl'],
+    padding: ['xs', 'sm', 'md', 'lg', 'xl'],
+    align: ['start', 'center', 'end'],
+    justify: ['start', 'center', 'end', 'space-between', 'space-around'],
+    radius: ['xs', 'sm', 'md', 'lg', 'xl'],
+    density: ['compact', 'normal', 'comfortable'],
+    spacing: ['xs', 'sm', 'md', 'lg', 'xl'],
+};
+// Keywords
+export const KEYWORDS = {
+    topLevel: ['project', 'theme', 'colors', 'mocks', 'define'],
+    screen: ['screen'],
+    layout: ['layout'],
+    component: ['component'],
+    cell: ['cell'],
+    special: ['span', 'sidebar', 'columns', 'gap', 'padding', 'direction', 'Component'],
+};
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/dist/context-detection.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Wire DSL Context Detection
+ * Agnóstic logic for detecting document scope and completion context
+ * Used by Monaco, VS Code, and other editors
+ */
+export type DocumentScope = 'empty-file' | 'inside-project' | 'inside-screen' | 'inside-layout';
+export interface CompletionContext {
+    scope: DocumentScope;
+    componentName?: string;
+    lineText: string;
+    word?: string;
+}
+/**
+ * Determine document scope by analyzing text structure
+ * Returns: empty-file | inside-project | inside-screen | inside-layout
+ *
+ * Hierarchy:
+ * project { ... }          <- empty-file → inside-project
+ *   screen Name { ... }    <- inside-project → inside-screen
+ *     layout stack(...) {  <- inside-screen → inside-layout
+ *       component Button   <- inside-layout
+ */
+export declare function determineScope(textBeforeCursor: string): DocumentScope;
+/**
+ * Detect if we're inside a component definition (after component keyword)
+ * and return the component name if found.
+ *
+ * Examples:
+ * - "component Button" → returns "Button"
+ * - "component Button text:" → returns "Button"
+ * - "component Button text: "Save"" → returns "Button"
+ * - "component B" → returns null (still typing component name)
+ */
+export declare function detectComponentContext(lineText: string): string | null;
+/**
+ * Get the current word being typed at the end of a line
+ */
+export declare function getCurrentWord(lineText: string): string;
+/**
+ * Get component properties available for completion
+ * Filters out properties that are already declared
+ */
+export interface CompletionItem {
+    label: string;
+    kind: 'Keyword' | 'Component' | 'Property' | 'Value' | 'Variable';
+    detail?: string;
+    documentation?: string;
+    insertText?: string;
+}
+export declare function getComponentPropertiesForCompletion(componentName: string, alreadyDeclared?: Set<string>): CompletionItem[];
+/**
+ * Extract already-declared properties from a component line
+ * Patterns: propertyName: or propertyName: value
+ */
+export declare function getAlreadyDeclaredProperties(lineText: string): Set<string>;
+//# sourceMappingURL=context-detection.d.ts.map

package/dist/context-detection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-detection.d.ts","sourceRoot":"","sources":["../src/context-detection.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,gBAAgB,GAAG,eAAe,GAAG,eAAe,CAAC;AAEhG,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,gBAAgB,EAAE,MAAM,GAAG,aAAa,CA6DtE;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAyBtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,mCAAmC,CACjD,aAAa,EAAE,MAAM,EACrB,eAAe,GAAE,GAAG,CAAC,MAAM,CAAa,GACvC,cAAc,EAAE,CA8BlB;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAS1E"}

package/dist/context-detection.js

@@ -0,0 +1,147 @@
+/**
+ * Wire DSL Context Detection
+ * Agnóstic logic for detecting document scope and completion context
+ * Used by Monaco, VS Code, and other editors
+ */
+import { COMPONENTS } from './components';
+/**
+ * Determine document scope by analyzing text structure
+ * Returns: empty-file | inside-project | inside-screen | inside-layout
+ *
+ * Hierarchy:
+ * project { ... }          <- empty-file → inside-project
+ *   screen Name { ... }    <- inside-project → inside-screen
+ *     layout stack(...) {  <- inside-screen → inside-layout
+ *       component Button   <- inside-layout
+ */
+export function determineScope(textBeforeCursor) {
+    const cleanText = textBeforeCursor.replace(/\/\/.*$/gm, '').replace(/\/\*[\s\S]*?\*\//g, '');
+    if (cleanText.trim().length === 0) {
+        return 'empty-file';
+    }
+    // Track nesting depth by analyzing braces and keywords
+    let projectBraceCount = 0;
+    let screenBraceCount = 0;
+    let layoutBraceCount = 0;
+    let hasProject = false;
+    let hasScreen = false;
+    let hasLayout = false;
+    const lines = cleanText.split('\n');
+    for (const line of lines) {
+        // Track keywords
+        if (line.match(/\bproject\s+"?[^{]*{/)) {
+            hasProject = true;
+        }
+        if (line.match(/\bscreen\s+[A-Za-z_][A-Za-z0-9_]*\s*{/)) {
+            hasScreen = true;
+        }
+        if (line.match(/\blayout\s+(?:stack|grid|card|panel|split)\s*\(/)) {
+            hasLayout = true;
+        }
+        // Count opening braces
+        if (line.includes('project') && line.includes('{'))
+            projectBraceCount++;
+        if (line.includes('screen') && line.includes('{'))
+            screenBraceCount++;
+        if (line.includes('layout') && line.includes('{'))
+            layoutBraceCount++;
+        // Count closing braces to track nesting level
+        projectBraceCount -= (line.match(/}/g) || []).length;
+        screenBraceCount -= (line.match(/}/g) || []).length;
+        layoutBraceCount -= (line.match(/}/g) || []).length;
+    }
+    // Determine scope based on nesting hierarchy
+    if (!hasProject) {
+        return 'empty-file';
+    }
+    // We're inside a layout (deepest level)
+    if (hasLayout && layoutBraceCount > 0) {
+        return 'inside-layout';
+    }
+    // We're inside a screen but not in a layout
+    if (hasScreen && screenBraceCount > 0) {
+        return 'inside-screen';
+    }
+    // We're inside project level
+    if (hasProject && projectBraceCount > 0) {
+        return 'inside-project';
+    }
+    return 'inside-project';
+}
+/**
+ * Detect if we're inside a component definition (after component keyword)
+ * and return the component name if found.
+ *
+ * Examples:
+ * - "component Button" → returns "Button"
+ * - "component Button text:" → returns "Button"
+ * - "component Button text: "Save"" → returns "Button"
+ * - "component B" → returns null (still typing component name)
+ */
+export function detectComponentContext(lineText) {
+    // Match "component ComponentName" where ComponentName starts with uppercase
+    // This ensures we have a complete, recognized component name
+    const match = lineText.match(/component\s+([A-Z]\w*)/);
+    if (!match) {
+        return null;
+    }
+    const componentName = match[1];
+    // Check if this is a valid component
+    if (!COMPONENTS[componentName]) {
+        return null;
+    }
+    // Get text after the component name
+    const afterComponent = lineText.substring(match.index + match[0].length);
+    // If there's nothing after, or only spaces, we're at the end - show properties
+    // Or if we have properties already (word followed by colon), show properties
+    if (afterComponent.match(/^\s*$/) || afterComponent.match(/^\s+[\w-]+:/)) {
+        return componentName;
+    }
+    return null;
+}
+/**
+ * Get the current word being typed at the end of a line
+ */
+export function getCurrentWord(lineText) {
+    const match = lineText.match(/[\w-]*$/);
+    return match ? match[0] : '';
+}
+export function getComponentPropertiesForCompletion(componentName, alreadyDeclared = new Set()) {
+    const component = COMPONENTS[componentName];
+    if (!component)
+        return [];
+    const items = [];
+    const properties = component.properties || [];
+    for (const propName of properties) {
+        // Skip if this property is already declared
+        if (alreadyDeclared.has(propName)) {
+            continue;
+        }
+        const item = {
+            label: propName,
+            kind: 'Property',
+            detail: `Property of ${componentName}`,
+            insertText: `${propName}: `,
+        };
+        // Add property values if available
+        if (component.propertyValues && component.propertyValues[propName]) {
+            const values = component.propertyValues[propName];
+            item.insertText = `${propName}: ${values.length === 1 ? values[0] : ''}`;
+        }
+        items.push(item);
+    }
+    return items;
+}
+/**
+ * Extract already-declared properties from a component line
+ * Patterns: propertyName: or propertyName: value
+ */
+export function getAlreadyDeclaredProperties(lineText) {
+    const declaredProps = new Set();
+    const matches = lineText.matchAll(/(\w+):\s*/g);
+    for (const match of matches) {
+        declaredProps.add(match[1]);
+    }
+    return declaredProps;
+}
+//# sourceMappingURL=context-detection.js.map

package/dist/context-detection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-detection.js","sourceRoot":"","sources":["../src/context-detection.ts"],"names":[],"mappings":"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"}

package/dist/document-parser.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Wire DSL Document Parser
+ * Extracts component definitions and references from Wire DSL documents
+ */
+/**
+ * Represents a component definition in the document
+ */
+export interface ComponentDefinition {
+    name: string;
+    line: number;
+    character: number;
+    endLine: number;
+    documentation?: string;
+}
+/**
+ * Extract all component definitions from document text
+ * Syntax: define Component "ComponentName" { ... }
+ * Supports documentation via block comments before the definition
+ */
+export declare function extractComponentDefinitions(text: string): ComponentDefinition[];
+/**
+ * Get the token at a specific position in the document
+ * Returns the word and its range
+ */
+export declare function getTokenAtPosition(text: string, line: number, character: number): {
+    token: string;
+    startChar: number;
+    endChar: number;
+} | null;
+/**
+ * Check if a position is inside a component reference
+ * Pattern: component SomeComponent (with optional properties after)
+ */
+export declare function isComponentReference(text: string, line: number, character: number): boolean;
+/**
+ * Extract all component references (usages) from the document
+ * Returns array of { name, line, character }
+ */
+export declare function extractComponentReferences(text: string): Array<{
+    name: string;
+    line: number;
+    character: number;
+}>;
+/**
+ * Extract all screen definitions from document text
+ * Syntax: screen ScreenName { ... }
+ */
+export declare function extractScreenDefinitions(text: string): ComponentDefinition[];
+/**
+ * Find the definition position of a component, screen, or layout
+ */
+export declare function getPositionOfDefinition(text: string, name: string): {
+    line: number;
+    character: number;
+} | null;
+/**
+ * Find all references to a component or screen
+ */
+export declare function findComponentReferences(text: string, name: string): Array<{
+    line: number;
+    character: number;
+}>;
+//# sourceMappingURL=document-parser.d.ts.map

package/dist/document-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-parser.d.ts","sourceRoot":"","sources":["../src/document-parser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,EAAE,CA8G/E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAkD9D;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CA0C3F;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,MAAM,GACX,KAAK,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC,CA2BD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAsB5E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAgB9G;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAQ5C"}