xmlui 0.10.12 → 0.10.14

package/dist/scripts/src/components-core/theming/parse-layout-props.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseLayoutProperty = parseLayoutProperty;
+const AppContextDefs_1 = require("../../abstractions/AppContextDefs");
+function parseLayoutProperty(prop, parseComponent = false) {
+    if (!prop || typeof prop !== 'string') {
+        return "Property string cannot be empty";
+    }
+    // Split by '--' to separate states from the rest
+    const parts = prop.split('--');
+    const mainPart = parts[0];
+    const stateParts = parts.slice(1);
+    // Validate state names
+    const states = [];
+    for (const statePart of stateParts) {
+        if (!statePart) {
+            return "State name cannot be empty";
+        }
+        if (!isValidName(statePart)) {
+            return `Invalid state name: ${statePart}`;
+        }
+        states.push(statePart);
+    }
+    // Split main part by '-' to get segments
+    const segments = mainPart.split('-').filter(segment => segment.length > 0);
+    if (segments.length === 0) {
+        return "CSS property name is required";
+    }
+    // The first segment is always the CSS property name (camelCase, no dashes)
+    const property = segments[0];
+    // Validate CSS property name (camelCase)
+    if (!isValidPropertyName(property)) {
+        return `Invalid CSS property name: ${property}`;
+    }
+    const result = {
+        property,
+        states: states.length > 0 ? states : undefined
+    };
+    let segmentIndex = 1;
+    const screenSizes = [];
+    // Process remaining segments
+    while (segmentIndex < segments.length) {
+        const segment = segments[segmentIndex];
+        // Check if it's a screen size
+        if (isMediaBreakpoint(segment)) {
+            screenSizes.push(segment);
+            segmentIndex++;
+            continue;
+        }
+        // Check if it's a component name (starts with uppercase)
+        if (isComponentName(segment)) {
+            if (!parseComponent) {
+                return `Component names are not allowed when parseComponent is false: ${segment}`;
+            }
+            if (result.component) {
+                return "Multiple component names found";
+            }
+            result.component = segment;
+            segmentIndex++;
+            continue;
+        }
+        // Check if it's a part name (starts with lowercase)
+        if (isValidPartName(segment)) {
+            if (result.part) {
+                return "Multiple part names found";
+            }
+            result.part = segment;
+            segmentIndex++;
+            continue;
+        }
+        // If we reach here, the segment is invalid
+        return `Invalid segment: ${segment}`;
+    }
+    // Set screen sizes if any were found
+    if (screenSizes.length > 0) {
+        result.screenSizes = screenSizes;
+    }
+    return result;
+}
+function isValidPropertyName(name) {
+    // CSS property names in camelCase - start with lowercase letter, can contain letters and numbers
+    return /^[a-z][a-zA-Z0-9]*$/.test(name);
+}
+function isValidName(name) {
+    // Names start with a letter and can contain letters, numbers, or underscores
+    return /^[a-zA-Z][a-zA-Z0-9_]*$/.test(name);
+}
+function isValidPartName(name) {
+    // Part names start with lowercase letter and can contain letters, numbers, or underscores
+    return /^[a-z][a-zA-Z0-9_]*$/.test(name);
+}
+function isComponentName(name) {
+    // Component names start with uppercase letter
+    return /^[A-Z][a-zA-Z0-9_]*$/.test(name);
+}
+function isMediaBreakpoint(value) {
+    return AppContextDefs_1.MediaBreakpointKeys.includes(value);
+}

package/dist/scripts/src/components-core/theming/themes/root.js

@@ -145,7 +145,7 @@ exports.RootThemeDefinition = {
         "outlineStyle--focus": "solid",
         "outlineOffset--focus": "0",
         // --- The app's default font family
-        "fontFamily": "$fontFamily-sans-serif",
+        fontFamily: "$fontFamily-sans-serif",
         // --- Various font sizes (relative to the current context)
         "fontSize-tiny": "0.625rem",
         "fontSize-xs": "0.75rem",
@@ -162,23 +162,16 @@ exports.RootThemeDefinition = {
         "fontSize-7xl": "4.5rem",
         "fontSize-8xl": "6rem",
         "fontSize-9xl": "8rem",
-        // --- Various line height values
-        "lineHeight-tiny": "calc(0.85 / 0.625)", // 1.36
-        "lineHeight-xs": "calc(1 / 0.75)", // 1.33
-        "lineHeight-sm": "calc(1.25 / 0.875)", // 1.43
-        "lineHeight-base": "calc(1.5 / 1)", // 1.5
-        "lineHeight-lg": "calc(1.75 / 1.125)", // 1.56
-        "lineHeight-xl": "calc(1.75 / 1.25)", // 1.4
-        "lineHeight-2xl": "calc(2 / 1.5)", // 1.33
-        "lineHeight-3xl": "calc(2.25 / 1.875)", // 1.2
-        "lineHeight-4xl": "calc(2.5 / 2.25)", // 1.11
-        "lineHeight-5xl": "1",
-        "lineHeight-6xl": "1",
-        "lineHeight-7xl": "1",
-        "lineHeight-8xl": "1",
-        "lineHeight-9xl": "1",
         // --- The default font size
-        "fontSize": "$fontSize-base",
+        fontSize: "$fontSize-base",
+        // --- Various line height values
+        // --- Default line height values (relative to the base unit, "space-base")
+        "lineHeight-none": "1",
+        "lineHeight-tight": "1.25",
+        "lineHeight-snug": "1.375",
+        "lineHeight-normal": "1.5",
+        "lineHeight-relaxed": "1.625",
+        "lineHeight-loose": "2",
         // --- Predefined gap sizes
         "gap-none": "$space-0",
         "gap-tight": "$space-2",
@@ -195,7 +188,7 @@ exports.RootThemeDefinition = {
         "space-normal": "$space-4",
         "space-loose": "$space-8",
         // --- Font used for body
-        "fontWeight": "$fontWeight-normal",
+        fontWeight: "$fontWeight-normal",
         // --- Various default values (review them)
         "borderColor-dropdown-item": "$borderColor",
         // --- Various predefined shadow values
@@ -209,14 +202,14 @@ exports.RootThemeDefinition = {
         // --- The default maximum content width
         "maxWidth-content": "1320px",
         // --- Background colors
-        "backgroundColor": "$color-surface-subtle",
+        backgroundColor: "$color-surface-subtle",
         "backgroundColor-overlay": "rgba(0, 0, 0, 0.2)",
         "backgroundColor-dropdown-item--hover": $colorSurface50,
         "backgroundColor-dropdown-item--active": $colorSurface100,
         "backgroundColor-dropdown-item--active-hover": $colorSurface50,
         "backgroundColor-tree-row--selected--before": $colorPrimary50,
         // --- Border colors
-        "borderColor": "rgb(from $color-surface-900 r g b / 0.1)",
+        borderColor: "rgb(from $color-surface-900 r g b / 0.1)",
         "borderColor--disabled": $colorSurface100,
         // --- Text colors
         "textColor-secondary": $colorSurface600,

package/dist/scripts/src/components-core/theming/themes/solid.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SolidThemeDefinition = void 0;
+exports.SolidThemeDefinition = {
+    id: "solid",
+    themeVars: {
+        "color-primary": "#2a69bb",
+        "color-secondary": "#98a9bc",
+        "color-surface": "hsl(0,0%,49%)",
+        "color-success": "#45a249",
+        "maxWidth-content": "100%",
+        borderRadius: "0",
+        "fontSize": "$fontSize-base",
+        "size-Icon": "1rem",
+    }
+};

package/dist/scripts/src/components-core/utils/audio-utils.js

@@ -0,0 +1,83 @@
+"use strict";
+/**
+ * Audio utility functions
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BeepPatterns = void 0;
+exports.beep = beep;
+exports.beepSequence = beepSequence;
+/**
+ * Generates a beep sound using the Web Audio API
+ * @param frequency - The frequency of the beep in Hz (default: 800)
+ * @param durationInMs - The duration of the beep in milliseconds (default: 200)
+ */
+function beep(frequency = 800, durationInMs = 200) {
+    // Check if Web Audio API is supported
+    if (typeof window === 'undefined' || !window.AudioContext && !window.webkitAudioContext) {
+        console.warn('Web Audio API is not supported in this environment');
+        return;
+    }
+    try {
+        // Create audio context (handle both standard and webkit prefixed versions)
+        const AudioContextClass = window.AudioContext || window.webkitAudioContext;
+        const audioContext = new AudioContextClass();
+        // Create oscillator for the tone
+        const oscillator = audioContext.createOscillator();
+        const gainNode = audioContext.createGain();
+        // Connect nodes: oscillator -> gain -> destination
+        oscillator.connect(gainNode);
+        gainNode.connect(audioContext.destination);
+        // Configure oscillator
+        oscillator.frequency.setValueAtTime(frequency, audioContext.currentTime);
+        oscillator.type = 'sine'; // Use sine wave for a clean tone
+        // Configure gain (volume) with fade in/out to avoid clicking
+        const currentTime = audioContext.currentTime;
+        const endTime = currentTime + durationInMs / 1000;
+        const fadeTime = Math.min(0.01, durationInMs / 1000 / 4); // Fade time is 1/4 of duration or 10ms, whichever is smaller
+        gainNode.gain.setValueAtTime(0, currentTime);
+        gainNode.gain.linearRampToValueAtTime(0.3, currentTime + fadeTime); // Fade in
+        gainNode.gain.setValueAtTime(0.3, endTime - fadeTime);
+        gainNode.gain.linearRampToValueAtTime(0, endTime); // Fade out
+        // Start and stop the oscillator
+        oscillator.start(currentTime);
+        oscillator.stop(endTime);
+        // Clean up after the beep is done
+        oscillator.addEventListener('ended', () => {
+            oscillator.disconnect();
+            gainNode.disconnect();
+            audioContext.close();
+        });
+    }
+    catch (error) {
+        console.warn('Failed to generate beep:', error);
+    }
+}
+/**
+ * Generates a sequence of beeps
+ * @param count - Number of beeps
+ * @param frequency - The frequency of each beep in Hz (default: 800)
+ * @param durationInMs - The duration of each beep in milliseconds (default: 200)
+ * @param intervalInMs - The interval between beeps in milliseconds (default: 300)
+ */
+function beepSequence(count, frequency = 800, durationInMs = 200, intervalInMs = 300) {
+    for (let i = 0; i < count; i++) {
+        setTimeout(() => {
+            beep(frequency, durationInMs);
+        }, i * intervalInMs);
+    }
+}
+/**
+ * Predefined beep patterns for common use cases
+ */
+exports.BeepPatterns = {
+    /** Short, high-pitched beep for success */
+    success: () => beep(1000, 150),
+    /** Lower frequency beep for errors */
+    error: () => beep(400, 300),
+    /** Quick beep for notifications */
+    notification: () => beep(800, 100),
+    /** Double beep for warnings */
+    warning: () => beepSequence(2, 600, 150, 200),
+    /** Triple beep for alerts */
+    alert: () => beepSequence(3, 900, 100, 150),
+};

package/dist/scripts/src/index-standalone.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = __importDefault(require("react/jsx-runtime"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const StandaloneApp_1 = require("./components-core/StandaloneApp");
+const StandaloneExtensionManager_1 = __importDefault(require("./components-core/StandaloneExtensionManager"));
+const xmluiExports = __importStar(require("./index"));
+const Xmlui = new StandaloneExtensionManager_1.default();
+document.addEventListener('DOMContentLoaded', function () {
+    if (!document.getElementById("root")) {
+        // Your existing code unmodified...
+        const div = document.createElement('div');
+        div.id = 'root';
+        document.getElementsByTagName('body')[0].appendChild(div);
+    }
+    (0, StandaloneApp_1.startApp)(undefined, undefined, Xmlui);
+});
+window.React = react_1.default;
+// @ts-ignore
+window.jsxRuntime = jsx_runtime_1.default;
+window.ReactDOM = react_dom_1.default;
+// Export everything from index.ts plus the standalone extension manager
+const standaloneExports = Object.assign(Object.assign({}, xmluiExports), { standalone: Xmlui });
+exports.default = standaloneExports;

package/dist/scripts/src/index.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StandaloneComponent = exports.useEvent = exports.StyleRegistry = exports.StyleProvider = exports.useAppLayoutContext = exports.useSearchContextContent = exports.Breakout = exports.Logo = exports.ToneChangerButton = exports.LinkNative = exports.VisuallyHidden = exports.NestedApp = exports.TextBox = exports.Text = exports.XmlUiHelper = exports.builtInThemes = exports.useThemes = exports.Spinner = exports.ApiInterceptorProvider = exports.xmlUiMarkupToComponent = exports.errReportComponent = exports.useLogger = exports.useDevTools = exports.toCssVar = exports.useColors = exports.Tabs = exports.TabItem = exports.getColor = exports.Splitter = exports.Button = exports.Stack = exports.Icon = exports.ErrorBoundary = exports.AppRoot = exports.useTheme = exports.startApp = exports.parseScssVar = exports.dComponent = exports.d = exports.createMetadata = exports.createComponentRenderer = exports.StandaloneExtensionManager = exports.StandaloneApp = void 0;
+exports.StandaloneComponent = exports.useEvent = exports.StyleRegistry = exports.StyleProvider = exports.useAppLayoutContext = exports.useSearchContextContent = exports.Breakout = exports.Logo = exports.ToneChangerButton = exports.LinkNative = exports.VisuallyHidden = exports.NestedApp = exports.TextBox = exports.Text = exports.XmlUiHelper = exports.builtInThemes = exports.useThemes = exports.Spinner = exports.ApiInterceptorProvider = exports.xmlUiMarkupToComponent = exports.errReportComponent = exports.useLogger = exports.useDevTools = exports.toCssVar = exports.useColors = exports.Tabs = exports.TabItem = exports.getColor = exports.Splitter = exports.Button = exports.Stack = exports.Icon = exports.ErrorBoundary = exports.AppRoot = exports.useTheme = exports.startApp = exports.parseScssVar = exports.dComponent = exports.d = exports.createMetadata = exports.createUserDefinedComponentRenderer = exports.createComponentRenderer = exports.StandaloneExtensionManager = exports.StandaloneApp = void 0;
 const StandaloneApp_1 = __importStar(require("./components-core/StandaloneApp"));
 exports.StandaloneApp = StandaloneApp_1.default;
 Object.defineProperty(exports, "startApp", { enumerable: true, get: function () { return StandaloneApp_1.startApp; } });
@@ -44,6 +44,7 @@ const AppRoot_1 = require("./components-core/rendering/AppRoot");
 Object.defineProperty(exports, "AppRoot", { enumerable: true, get: function () { return AppRoot_1.AppRoot; } });
 const renderers_1 = require("./components-core/renderers");
 Object.defineProperty(exports, "createComponentRenderer", { enumerable: true, get: function () { return renderers_1.createComponentRenderer; } });
+Object.defineProperty(exports, "createUserDefinedComponentRenderer", { enumerable: true, get: function () { return renderers_1.createUserDefinedComponentRenderer; } });
 const IconNative_1 = require("./components/Icon/IconNative");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return IconNative_1.Icon; } });
 const ErrorBoundary_1 = require("./components-core/rendering/ErrorBoundary");

package/dist/scripts/src/language-server/server-common.js

@@ -0,0 +1,151 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.start = start;
+const vscode_languageserver_1 = require("vscode-languageserver");
+const vscode_languageserver_textdocument_1 = require("vscode-languageserver-textdocument");
+const xmlui_metadata_generated_mjs_1 = __importDefault(require("./xmlui-metadata-generated.mjs"));
+const completion_1 = require("./services/completion");
+const hover_1 = require("./services/hover");
+const format_1 = require("./services/format");
+const parser_1 = require("../parsers/xmlui-parser/parser");
+const metadata_utils_1 = require("./services/common/metadata-utils");
+const diagnostic_1 = require("./services/diagnostic");
+const metaByComp = xmlui_metadata_generated_mjs_1.default;
+const metadataProvider = new metadata_utils_1.MetadataProvider(metaByComp);
+function start(connection) {
+    // Also include all preview / proposed LSP features.
+    // Create a simple text document manager.
+    const documents = new vscode_languageserver_1.TextDocuments(vscode_languageserver_textdocument_1.TextDocument);
+    let hasConfigurationCapability = false;
+    let hasWorkspaceFolderCapability = false;
+    let hasDiagnosticRelatedInformationCapability = false;
+    connection.onInitialize((params) => {
+        connection.console.log("initing!");
+        const capabilities = params.capabilities;
+        // Does the client support the `workspace/configuration` request?
+        // If not, we fall back using global settings.
+        hasConfigurationCapability = !!(capabilities.workspace && !!capabilities.workspace.configuration);
+        hasWorkspaceFolderCapability = !!(capabilities.workspace && !!capabilities.workspace.workspaceFolders);
+        hasDiagnosticRelatedInformationCapability = !!(capabilities.textDocument &&
+            capabilities.textDocument.publishDiagnostics &&
+            capabilities.textDocument.publishDiagnostics.relatedInformation);
+        const result = {
+            capabilities: {
+                textDocumentSync: vscode_languageserver_1.TextDocumentSyncKind.Incremental,
+                completionProvider: {
+                    resolveProvider: true,
+                    triggerCharacters: ["<", "/"],
+                },
+                hoverProvider: true,
+                documentFormattingProvider: true,
+            }
+        };
+        if (hasWorkspaceFolderCapability) {
+            result.capabilities.workspace = {
+                workspaceFolders: {
+                    supported: true
+                }
+            };
+        }
+        return result;
+    });
+    connection.onInitialized(() => {
+        if (hasConfigurationCapability) {
+            // Register for all configuration changes.
+            connection.client.register(vscode_languageserver_1.DidChangeConfigurationNotification.type, undefined);
+        }
+        if (hasWorkspaceFolderCapability) {
+            connection.workspace.onDidChangeWorkspaceFolders(_event => {
+                connection.console.log('Workspace folder change event received.');
+            });
+        }
+    });
+    connection.onCompletion((_a) => __awaiter(this, [_a], void 0, function* ({ position, textDocument }) {
+        const document = documents.get(textDocument.uri);
+        if (!document) {
+            return [];
+        }
+        const parseResult = parseDocument(document);
+        return (0, completion_1.handleCompletion)({ parseResult: parseResult.parseResult, getText: parseResult.getText, metaByComp: metadataProvider }, document.offsetAt(position));
+    }));
+    connection.onCompletionResolve((completionItem) => {
+        return (0, completion_1.handleCompletionResolve)({ metaByComp: metadataProvider, item: completionItem });
+    });
+    connection.onHover(({ position, textDocument }) => {
+        const document = documents.get(textDocument.uri);
+        if (!document) {
+            return null;
+        }
+        const { parseResult, getText } = parseDocument(document);
+        const ctx = {
+            node: parseResult.node,
+            getText,
+            metaByComp: metadataProvider,
+            offsetToPosition: (offset) => document.positionAt(offset)
+        };
+        return (0, hover_1.handleHover)(ctx, document.offsetAt(position));
+    });
+    connection.onDocumentFormatting(({ textDocument, options }) => {
+        const document = documents.get(textDocument.uri);
+        if (!document) {
+            return null;
+        }
+        const { parseResult: { node }, getText } = parseDocument(document);
+        return (0, format_1.handleDocumentFormatting)({ node, getText, options, offsetToPosition: (offset) => document.positionAt(offset) });
+    });
+    const parsedDocuments = new Map();
+    function parseDocument(document) {
+        const parseForDoc = parsedDocuments.get(document.uri);
+        if (parseForDoc !== undefined) {
+            if (parseForDoc.version === document.version) {
+                return {
+                    parseResult: parseForDoc.parseResult,
+                    getText: parseForDoc.getText,
+                };
+            }
+        }
+        const parser = (0, parser_1.createXmlUiParser)(document.getText());
+        const parseResult = parser.parse();
+        parsedDocuments.set(document.uri, {
+            parseResult,
+            version: document.version,
+            getText: parser.getText,
+        });
+        return { parseResult, getText: parser.getText };
+    }
+    documents.onDidClose(({ document }) => {
+        parsedDocuments.delete(document.uri);
+    });
+    documents.onDidChangeContent(handleDocunentContentChange);
+    function handleDocunentContentChange({ document }) {
+        const { parseResult } = parseDocument(document);
+        const ctx = {
+            parseResult,
+            offsetToPos: (offset) => document.positionAt(offset),
+        };
+        const diagnostics = (0, diagnostic_1.getDiagnostics)(ctx);
+        connection.sendDiagnostics({
+            version: document.version,
+            uri: document.uri,
+            diagnostics
+        });
+    }
+    // Make the text document manager listen on the connection
+    // for open, change and close text document events
+    documents.listen(connection);
+    // Listen on the connection
+    console.log("starting to listen");
+    connection.listen();
+}

package/dist/scripts/src/language-server/server-web-worker.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const browser_1 = require("vscode-languageserver/browser");
+const serverCommon = __importStar(require("./server-common"));
+/// <reference lib="WebWorker" />
+// declare const self: DedicatedWorkerGlobalScope;
+const messageReader = new browser_1.BrowserMessageReader(self);
+messageReader.listen((message) => {
+    console.log('Received message from main thread:', message);
+});
+const messageWriter = new browser_1.BrowserMessageWriter(self);
+const connection = (0, browser_1.createConnection)(messageReader, messageWriter);
+console.log("starting lang server");
+serverCommon.start(connection);

package/dist/scripts/src/language-server/server.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.start = start;
+const node_1 = require("vscode-languageserver/node");
+const serverCommon = __importStar(require("./server-common"));
+function start() {
+    const connection = (0, node_1.createConnection)(node_1.ProposedFeatures.all);
+    serverCommon.start(connection);
+}

package/dist/scripts/src/language-server/services/common/docs-generation.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCompNameDescription = generateCompNameDescription;
+exports.generateAttrDescription = generateAttrDescription;
+function generateCompNameDescription(componentName, metadata) {
+    const sections = [];
+    // Add title and description
+    sections.push(`# ${componentName}`);
+    if (metadata.description) {
+        sections.push(metadata.description);
+    }
+    // Add status if not stable
+    if (metadata.status && metadata.status !== 'stable') {
+        sections.push(`**Status:** ${metadata.status}`);
+    }
+    // Add Properties section if there are props
+    if (metadata.props && Object.keys(metadata.props).length > 0) {
+        sections.push('\n## Properties');
+        Object.entries(metadata.props)
+            .filter(([_, prop]) => !prop.isInternal)
+            .forEach(([propName, prop]) => {
+            sections.push(generateAttrDescription(propName, prop));
+        });
+    }
+    // Add Events section if there are events
+    if (metadata.events && Object.keys(metadata.events).length > 0) {
+        sections.push('\n## Events');
+        Object.entries(metadata.events)
+            .filter(([_, event]) => !event.isInternal)
+            .forEach(([eventName, event]) => {
+            sections.push(`### \`${eventName}\`\n${event.description}`);
+        });
+    }
+    // Add APIs section if there are APIs
+    if (metadata.apis && Object.keys(metadata.apis).length > 0) {
+        sections.push('\n## APIs');
+        Object.entries(metadata.apis)
+            .filter(([_, api]) => !api.isInternal)
+            .forEach(([apiName, api]) => {
+            sections.push(`### \`${apiName}\`\n${api.description}`);
+        });
+    }
+    // Add Context Variables section if there are any
+    if (metadata.contextVars && Object.keys(metadata.contextVars).length > 0) {
+        sections.push('\n## Context Variables');
+        Object.entries(metadata.contextVars)
+            .filter(([_, contextVar]) => !contextVar.isInternal)
+            .forEach(([varName, contextVar]) => {
+            sections.push(`### \`${varName}\`\n${contextVar.description}`);
+        });
+    }
+    return sections.join('\n\n');
+}
+function generateAttrDescription(attrName, attrMd) {
+    let propText = `\`${attrName}\``;
+    if (attrMd.isRequired) {
+        propText += " (required)";
+    }
+    propText += ": ";
+    if (attrMd.description) {
+        propText += attrMd.description;
+    }
+    if (attrMd.defaultValue !== undefined) {
+        propText += `\n\nDefault: \`${attrMd.defaultValue}\``;
+    }
+    if (attrMd.availableValues && attrMd.availableValues.length > 0) {
+        const values = attrMd.availableValues.map(v => typeof v === 'object' ?
+            `- \`${v.value}\`: ${v.description}` :
+            `- \`${v}\``).join('\n');
+        propText += `\n\n**Allowed values**:\n${values}`;
+    }
+    return propText;
+}