@mostfeatured/dbi 0.2.13 → 0.2.15

package/dist/src/types/Components/HTMLComponentsV2/svelteRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"svelteRenderer.js","sourceRoot":"","sources":["../../../../../src/types/Components/HTMLComponentsV2/svelteRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { compile } from \"svelte/compiler\";\r\nimport { DBI } from \"../../../DBI\";\r\nimport { NamespaceEnums } from \"../../../../generated/namespaceData\";\r\nimport { parseHTMLComponentsV2 } from \"./parser\";\r\nimport { parseSvelteComponent, createHandlerContext, SvelteComponentInfo, HandlerContextResult } from \"./svelteParser\";\r\nimport * as stuffs from \"stuffs\";\r\nimport * as vm from \"vm\";\r\n\r\nexport interface SvelteRenderOptions {\r\n  data?: Record<string, any>;\r\n  ttl?: number;\r\n}\r\n\r\nexport interface SvelteRenderResult {\r\n  components: any[];\r\n  handlers: Map<string, { handlerFn: Function, context: any }>;\r\n  componentInfo: SvelteComponentInfo;\r\n}\r\n\r\n/**\r\n * Compile and render a Svelte component to Discord components\r\n */\r\nexport async function renderSvelteComponent(\r\n  dbi: DBI<NamespaceEnums>,\r\n  source: string,\r\n  dbiName: string,\r\n  options: SvelteRenderOptions = {}\r\n): Promise<SvelteRenderResult> {\r\n  const { data = {}, ttl = 0 } = options;\r\n\r\n  // Parse the Svelte component to extract handlers\r\n  // This also injects auto-generated names into elements without name attribute\r\n  const componentInfo = await parseSvelteComponent(source, data);\r\n\r\n  // Use the processed source (with auto-generated names injected)\r\n  const processedSource = componentInfo.processedSource;\r\n\r\n  // Compile the Svelte component for SSR (Svelte 5)\r\n  const compiled = compile(processedSource, {\r\n    generate: \"server\",\r\n    css: \"injected\",\r\n    dev: false,\r\n  } as any);\r\n\r\n  // Create a module context for the compiled code\r\n  let html = \"\";\r\n  try {\r\n    const moduleContext = createModuleContext(dbi, data, ttl);\r\n    const Component = evaluateCompiledComponent(compiled.js.code, moduleContext);\r\n\r\n    // Svelte 5 SSR: Use render from svelte/server\r\n    const { render } = require(\"svelte/server\");\r\n    // Pass data properties as top-level props (Svelte 5 expects flat props object)\r\n    const renderResult = render(Component, { props: data });\r\n    html = renderResult.body || \"\";\r\n  } catch (error) {\r\n    throw error;\r\n  }\r\n\r\n  // For Svelte mode, inject state into interactive elements as a ref\r\n  // Reuse existing ref if data already has one, otherwise create new\r\n  if (data && Object.keys(data).length > 0) {\r\n    let stateRefId: string;\r\n\r\n    // Check if data already has a $ref (from previous render)\r\n    if (data.$ref && typeof data.$ref === 'string') {\r\n      stateRefId = data.$ref;\r\n      // Update the existing ref's value with new data\r\n      const existingRef = dbi.data.refs.get(stateRefId);\r\n      if (existingRef) {\r\n        existingRef.value = data;\r\n        existingRef.at = Date.now(); // Refresh timestamp\r\n      } else {\r\n        // Ref expired or was deleted, create new one with same ID\r\n        dbi.data.refs.set(stateRefId, { at: Date.now(), value: data, ttl });\r\n      }\r\n    } else {\r\n      // Create a new ref for the state\r\n      stateRefId = stuffs.randomString(8);\r\n      data.$ref = stateRefId; // Store ref ID in data for future updates\r\n      dbi.data.refs.set(stateRefId, { at: Date.now(), value: data, ttl });\r\n    }\r\n\r\n    // Add state ref to all elements with name attribute (buttons, selects)\r\n    // This includes both manual names and auto-generated names from svelteParser\r\n    html = html.replace(/<button([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, attrs) => {\r\n      // Check if it already has data attributes\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<button${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n    // Also handle select elements (with optional -menu suffix for Svelte compatibility)\r\n    // Supports: string-select, user-select, role-select, channel-select, mentionable-select\r\n    // Both with and without -menu suffix (e.g., string-select-menu or string-select)\r\n    html = html.replace(/<(string-select(?:-menu)?|user-select(?:-menu)?|role-select(?:-menu)?|channel-select(?:-menu)?|mentionable-select(?:-menu)?)([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, tag, attrs) => {\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<${tag}${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n    // Handle modal elements with name attribute\r\n    html = html.replace(/<modal([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, attrs) => {\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<modal${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n  }\r\n\r\n  // Parse the rendered HTML to Discord components\r\n  const components = parseHTMLComponentsV2(dbi, html, dbiName, { data, ttl });\r\n\r\n  // Create handler context (also captures $effect callbacks)\r\n  const handlerContext = createHandlerContext(componentInfo.scriptContent, data);\r\n  const handlers = new Map<string, { handlerFn: Function, context: any }>();\r\n\r\n  // Run effects on initial render\r\n  handlerContext.runEffects();\r\n\r\n  // Map handlers to component names\r\n  componentInfo.handlers.forEach((handlerInfo, componentName) => {\r\n    const handlerFn = handlerContext.handlers[handlerInfo.handlerName];\r\n    if (handlerFn && typeof handlerFn === \"function\") {\r\n      handlers.set(componentName, {\r\n        handlerFn,\r\n        context: data\r\n      });\r\n    }\r\n  });\r\n\r\n  return {\r\n    components,\r\n    handlers,\r\n    componentInfo\r\n  };\r\n}\r\n\r\n/**\r\n * Create a module context for evaluating the compiled Svelte component\r\n */\r\nfunction createModuleContext(dbi: DBI<NamespaceEnums>, data: Record<string, any>, ttl: number) {\r\n  return {\r\n    // Store objects in refs for later retrieval in handlers\r\n    // This is used internally by the parser when converting to Discord components\r\n    __storeRef: (obj: any) => {\r\n      let id = stuffs.randomString(8);\r\n      dbi.data.refs.set(id, { at: Date.now(), value: obj, ttl });\r\n      return id;\r\n    },\r\n\r\n    // DBI instance for advanced usage\r\n    __dbi: dbi,\r\n\r\n    // All data context available\r\n    ...data,\r\n    data, // Also expose as 'data' prop\r\n  };\r\n}\r\n\r\n/**\r\n * Evaluate the compiled Svelte component code\r\n */\r\nfunction evaluateCompiledComponent(code: string, context: Record<string, any>): any {\r\n  try {\r\n    // Load Svelte 5 internal runtime\r\n    const svelteInternal = require(\"svelte/internal/server\");\r\n\r\n    // Process the code to work in our context\r\n    let processedCode = code;\r\n\r\n    // Collect external modules to inject into sandbox\r\n    const externalModules: Record<string, any> = {};\r\n\r\n    // Replace svelte internal imports\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\*\\s*as\\s*(\\w+)\\s*from\\s*[\"']svelte\\/internal\\/server[\"'];?/g,\r\n      'const $1 = __svelteInternal;'\r\n    );\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\{([^}]+)\\}\\s*from\\s*[\"']svelte\\/internal\\/server[\"'];?/g,\r\n      (match, imports) => {\r\n        const importList = imports.split(',').map((i: string) => i.trim());\r\n        return `const { ${importList.join(', ')} } = __svelteInternal;`;\r\n      }\r\n    );\r\n\r\n    // Handle external module imports (default imports)\r\n    processedCode = processedCode.replace(\r\n      /import\\s+(\\w+)\\s+from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, varName, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          externalModules[varName] = mod.default || mod;\r\n          return `const ${varName} = __externalModules.${varName};`;\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Handle named imports from external modules\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\{([^}]+)\\}\\s*from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, imports, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          const importList = imports.split(',').map((i: string) => i.trim());\r\n          importList.forEach((importName: string) => {\r\n            const [name, alias] = importName.split(' as ').map(s => s.trim());\r\n            externalModules[alias || name] = mod[name] || mod.default?.[name];\r\n          });\r\n          return importList.map((importName: string) => {\r\n            const [name, alias] = importName.split(' as ').map(s => s.trim());\r\n            return `const ${alias || name} = __externalModules.${alias || name};`;\r\n          }).join('\\n');\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Handle namespace imports from external modules\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\*\\s*as\\s*(\\w+)\\s*from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, varName, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          externalModules[varName] = mod;\r\n          return `const ${varName} = __externalModules.${varName};`;\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Remove any remaining import statements\r\n    processedCode = processedCode\r\n      .split('\\n')\r\n      .filter(line => !line.trim().startsWith('import '))\r\n      .join('\\n');\r\n\r\n    // Replace 'export default' with assignment\r\n    processedCode = processedCode.replace(/export\\s+default\\s+/g, '__exports.default = ');\r\n    // Replace 'export function' with assignment\r\n    processedCode = processedCode.replace(/export\\s+function\\s+(\\w+)/g, '__exports.$1 = function $1');\r\n    // Replace 'export const' with assignment\r\n    processedCode = processedCode.replace(/export\\s+const\\s+(\\w+)/g, '__exports.$1 = ');\r\n    // Replace 'export let' with assignment  \r\n    processedCode = processedCode.replace(/export\\s+let\\s+(\\w+)/g, '__exports.$1 = ');\r\n\r\n    // Create the sandbox context\r\n    const __exports: any = {};\r\n    // Svelte lifecycle functions - no-ops for SSR\r\n    const svelteLifecycle = {\r\n      onMount: () => () => { }, // Returns cleanup function\r\n      onDestroy: () => { },\r\n      beforeUpdate: () => { },\r\n      afterUpdate: () => { },\r\n      tick: () => Promise.resolve(),\r\n      untrack: (fn: () => any) => fn(),\r\n      createEventDispatcher: () => () => { },\r\n    };\r\n\r\n    // Note: Svelte 5 runes ($state, $derived, etc.) are compile-time features\r\n    // The compiler transforms them, so we don't need runtime implementations.\r\n    // The `$` variable is used by compiled code as the svelte/internal/server namespace.\r\n\r\n    const sandbox = {\r\n      __svelteInternal: svelteInternal,\r\n      __externalModules: externalModules,\r\n      $: svelteInternal, // Direct alias for compiled Svelte code that uses `$`\r\n      __exports,\r\n      console,\r\n      ...svelteLifecycle,\r\n      ...context,\r\n    };\r\n\r\n    // Wrap code in IIFE\r\n    const wrappedCode = `\r\n      (function() {\r\n        ${processedCode}\r\n      })();\r\n    `;\r\n\r\n    // Run in VM context for better isolation\r\n    vm.createContext(sandbox);\r\n    vm.runInContext(wrappedCode, sandbox);\r\n\r\n    // Return the component\r\n    const Component = sandbox.__exports.default;\r\n\r\n    if (!Component) {\r\n      throw new Error(\"Svelte component did not export a default component\");\r\n    }\r\n\r\n    return Component;\r\n  } catch (error) {\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * Render a Svelte component from a file\r\n */\r\nexport async function renderSvelteComponentFromFile(\r\n  dbi: DBI<NamespaceEnums>,\r\n  filePath: string,\r\n  dbiName: string,\r\n  options: SvelteRenderOptions = {}\r\n): Promise<SvelteRenderResult> {\r\n  const fs = require(\"fs\");\r\n  const source = fs.readFileSync(filePath, \"utf-8\");\r\n  return await renderSvelteComponent(dbi, source, dbiName, options);\r\n}\r\n"]}
+{"version":3,"file":"svelteRenderer.js","sourceRoot":"","sources":["../../../../../src/types/Components/HTMLComponentsV2/svelteRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { compile } from \"svelte/compiler\";\r\nimport { DBI } from \"../../../DBI\";\r\nimport { NamespaceEnums } from \"../../../../generated/namespaceData\";\r\nimport { parseHTMLComponentsV2, parseHTMLComponentsV2Multi } from \"./parser\";\r\nimport { parseSvelteComponent, createHandlerContext, SvelteComponentInfo, HandlerContextResult, validateSvelteComponent, logValidationWarnings } from \"./svelteParser\";\r\nimport * as stuffs from \"stuffs\";\r\nimport * as vm from \"vm\";\r\n\r\nexport interface SvelteRenderOptions {\r\n  data?: Record<string, any>;\r\n  ttl?: number;\r\n  /** If true, skips validation warnings (useful for production) */\r\n  skipValidation?: boolean;\r\n}\r\n\r\nexport interface ModalDefinition {\r\n  title: string;\r\n  customId: string;\r\n  components: any[];\r\n  modalId: string;\r\n}\r\n\r\nexport interface SvelteRenderResult {\r\n  components: any[];\r\n  handlers: Map<string, { handlerFn: Function, context: any }>;\r\n  componentInfo: SvelteComponentInfo;\r\n  /** Modal definitions parsed from <components type=\"modal\"> elements */\r\n  modals: Map<string, ModalDefinition>;\r\n}\r\n\r\n/**\r\n * Compile and render a Svelte component to Discord components\r\n */\r\nexport async function renderSvelteComponent(\r\n  dbi: DBI<NamespaceEnums>,\r\n  source: string,\r\n  dbiName: string,\r\n  options: SvelteRenderOptions = {}\r\n): Promise<SvelteRenderResult> {\r\n  const { data = {}, ttl = 0, skipValidation = false } = options;\r\n\r\n  // Parse the Svelte component to extract handlers\r\n  // This also injects auto-generated names into elements without name attribute\r\n  const componentInfo = await parseSvelteComponent(source, data);\r\n\r\n  // Validate the component and log warnings (only on first render, not re-renders)\r\n  if (!skipValidation && !data.$ref) {\r\n    const warnings = validateSvelteComponent(componentInfo, data, dbiName);\r\n    if (warnings.length > 0) {\r\n      logValidationWarnings(warnings);\r\n    }\r\n  }\r\n\r\n  // Use the processed source (with auto-generated names injected)\r\n  const processedSource = componentInfo.processedSource;\r\n\r\n  // Compile the Svelte component for SSR (Svelte 5)\r\n  let compiled;\r\n  try {\r\n    compiled = compile(processedSource, {\r\n      generate: \"server\",\r\n      css: \"injected\",\r\n      dev: false,\r\n    } as any);\r\n  } catch (compileError: any) {\r\n    // Format Svelte compile error with helpful details\r\n    const errorMessage = compileError.message || 'Unknown compile error';\r\n    const location = compileError.start || compileError.loc || compileError.position;\r\n    let details = errorMessage;\r\n\r\n    if (location) {\r\n      const lines = processedSource.split('\\n');\r\n      const lineNum = location.line || 1;\r\n      const column = location.column || 0;\r\n      const errorLine = lines[lineNum - 1] || '';\r\n      const prevLine = lines[lineNum - 2] || '';\r\n      const nextLine = lines[lineNum] || '';\r\n\r\n      details = `\r\nSvelte Compile Error at line ${lineNum}, column ${column}:\r\n${errorMessage}\r\n\r\n${lineNum > 1 ? `${lineNum - 1} | ${prevLine}\\n` : ''}${lineNum} | ${errorLine}\r\n${' '.repeat(String(lineNum).length + 3 + column)}^\r\n${nextLine ? `${lineNum + 1} | ${nextLine}` : ''}\r\n`.trim();\r\n    }\r\n\r\n    // Check for common mistakes and add hints\r\n    let hint = '';\r\n    if (errorMessage.includes('Unexpected token')) {\r\n      hint = '\\n\\n💡 Hint: Check for missing closing tags, unclosed braces, or invalid JavaScript syntax.';\r\n    } else if (errorMessage.includes('is not defined')) {\r\n      hint = '\\n\\n💡 Hint: Make sure all variables are declared in $props() or as local variables.';\r\n    } else if (errorMessage.includes('Expected')) {\r\n      hint = '\\n\\n💡 Hint: There might be a syntax error in your template or script.';\r\n    }\r\n\r\n    const enhancedError = new Error(`[DBI-Svelte] Failed to compile component \"${dbiName}\":\\n${details}${hint}`);\r\n    (enhancedError as any).originalError = compileError;\r\n    (enhancedError as any).type = 'svelte-compile-error';\r\n    throw enhancedError;\r\n  }\r\n\r\n  // Create a module context for the compiled code\r\n  let html = \"\";\r\n  try {\r\n    const moduleContext = createModuleContext(dbi, data, ttl);\r\n    const Component = evaluateCompiledComponent(compiled.js.code, moduleContext);\r\n\r\n    // Svelte 5 SSR: Use render from svelte/server\r\n    const { render } = require(\"svelte/server\");\r\n    // Pass data properties as top-level props (Svelte 5 expects flat props object)\r\n    const renderResult = render(Component, { props: data });\r\n    html = renderResult.body || \"\";\r\n  } catch (runtimeError: any) {\r\n    // Format runtime error with helpful details\r\n    const errorMessage = runtimeError.message || 'Unknown runtime error';\r\n    let hint = '';\r\n\r\n    if (errorMessage.includes('is not a function')) {\r\n      hint = '\\n\\n💡 Hint: A function you are trying to call is undefined. Check handler names.';\r\n    } else if (errorMessage.includes('Cannot read properties of undefined') || errorMessage.includes('undefined is not an object')) {\r\n      hint = '\\n\\n💡 Hint: You are trying to access a property of an undefined value. Check your data object.';\r\n    } else if (errorMessage.includes('is not defined')) {\r\n      hint = '\\n\\n💡 Hint: A variable is used but not declared. Make sure it is in $props() or declared locally.';\r\n    }\r\n\r\n    const enhancedError = new Error(`[DBI-Svelte] Runtime error in component \"${dbiName}\":\\n${errorMessage}${hint}`);\r\n    (enhancedError as any).originalError = runtimeError;\r\n    (enhancedError as any).type = 'svelte-runtime-error';\r\n    throw enhancedError;\r\n  }\r\n\r\n  // For Svelte mode, inject state into interactive elements as a ref\r\n  // Reuse existing ref if data already has one, otherwise create new\r\n  if (data && Object.keys(data).length > 0) {\r\n    let stateRefId: string;\r\n\r\n    // Check if data already has a $ref (from previous render)\r\n    if (data.$ref && typeof data.$ref === 'string') {\r\n      stateRefId = data.$ref;\r\n      // Update the existing ref's value with new data\r\n      const existingRef = dbi.data.refs.get(stateRefId);\r\n      if (existingRef) {\r\n        existingRef.value = data;\r\n        existingRef.at = Date.now(); // Refresh timestamp\r\n      } else {\r\n        // Ref expired or was deleted, create new one with same ID\r\n        dbi.data.refs.set(stateRefId, { at: Date.now(), value: data, ttl });\r\n      }\r\n    } else {\r\n      // Create a new ref for the state\r\n      stateRefId = stuffs.randomString(8);\r\n      data.$ref = stateRefId; // Store ref ID in data for future updates\r\n      dbi.data.refs.set(stateRefId, { at: Date.now(), value: data, ttl });\r\n    }\r\n\r\n    // Add state ref to all elements with name attribute (buttons, selects)\r\n    // This includes both manual names and auto-generated names from svelteParser\r\n    html = html.replace(/<button([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, attrs) => {\r\n      // Check if it already has data attributes\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<button${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n    // Also handle select elements (with optional -menu suffix for Svelte compatibility)\r\n    // Supports: string-select, user-select, role-select, channel-select, mentionable-select\r\n    // Both with and without -menu suffix (e.g., string-select-menu or string-select)\r\n    html = html.replace(/<(string-select(?:-menu)?|user-select(?:-menu)?|role-select(?:-menu)?|channel-select(?:-menu)?|mentionable-select(?:-menu)?)([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, tag, attrs) => {\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<${tag}${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n    // Handle modal elements with name attribute\r\n    html = html.replace(/<modal([^>]*name=\"[^\"]*\"[^>]*)>/g, (match, attrs) => {\r\n      if (attrs.includes('data-1:')) return match;\r\n      return `<modal${attrs} data-1:ref=\"${stateRefId}\">`;\r\n    });\r\n  }\r\n\r\n  // Parse the rendered HTML to Discord components (with modal support)\r\n  const parseResult = parseHTMLComponentsV2Multi(dbi, html, dbiName, { data, ttl });\r\n  const components = parseResult.components;\r\n  const modals = parseResult.modals;\r\n\r\n  // Create handler context (also captures $effect callbacks)\r\n  const handlerContext = createHandlerContext(componentInfo.scriptContent, data);\r\n  const handlers = new Map<string, { handlerFn: Function, context: any }>();\r\n\r\n  // Run effects on initial render\r\n  handlerContext.runEffects();\r\n\r\n  // Map handlers to component names\r\n  componentInfo.handlers.forEach((handlerInfo, componentName) => {\r\n    const handlerFn = handlerContext.handlers[handlerInfo.handlerName];\r\n    if (handlerFn && typeof handlerFn === \"function\") {\r\n      handlers.set(componentName, {\r\n        handlerFn,\r\n        context: data\r\n      });\r\n    }\r\n  });\r\n\r\n  return {\r\n    components,\r\n    handlers,\r\n    componentInfo,\r\n    modals\r\n  };\r\n}\r\n\r\n/**\r\n * Create a module context for evaluating the compiled Svelte component\r\n */\r\nfunction createModuleContext(dbi: DBI<NamespaceEnums>, data: Record<string, any>, ttl: number) {\r\n  return {\r\n    // Store objects in refs for later retrieval in handlers\r\n    // This is used internally by the parser when converting to Discord components\r\n    __storeRef: (obj: any) => {\r\n      let id = stuffs.randomString(8);\r\n      dbi.data.refs.set(id, { at: Date.now(), value: obj, ttl });\r\n      return id;\r\n    },\r\n\r\n    // DBI instance for advanced usage\r\n    __dbi: dbi,\r\n\r\n    // All data context available\r\n    ...data,\r\n    data, // Also expose as 'data' prop\r\n  };\r\n}\r\n\r\n/**\r\n * Evaluate the compiled Svelte component code\r\n */\r\nfunction evaluateCompiledComponent(code: string, context: Record<string, any>): any {\r\n  try {\r\n    // Load Svelte 5 internal runtime\r\n    const svelteInternal = require(\"svelte/internal/server\");\r\n\r\n    // Process the code to work in our context\r\n    let processedCode = code;\r\n\r\n    // Collect external modules to inject into sandbox\r\n    const externalModules: Record<string, any> = {};\r\n\r\n    // Replace svelte internal imports\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\*\\s*as\\s*(\\w+)\\s*from\\s*[\"']svelte\\/internal\\/server[\"'];?/g,\r\n      'const $1 = __svelteInternal;'\r\n    );\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\{([^}]+)\\}\\s*from\\s*[\"']svelte\\/internal\\/server[\"'];?/g,\r\n      (match, imports) => {\r\n        const importList = imports.split(',').map((i: string) => i.trim());\r\n        return `const { ${importList.join(', ')} } = __svelteInternal;`;\r\n      }\r\n    );\r\n\r\n    // Handle external module imports (default imports)\r\n    processedCode = processedCode.replace(\r\n      /import\\s+(\\w+)\\s+from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, varName, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          externalModules[varName] = mod.default || mod;\r\n          return `const ${varName} = __externalModules.${varName};`;\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Handle named imports from external modules\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\{([^}]+)\\}\\s*from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, imports, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          const importList = imports.split(',').map((i: string) => i.trim());\r\n          importList.forEach((importName: string) => {\r\n            const [name, alias] = importName.split(' as ').map(s => s.trim());\r\n            externalModules[alias || name] = mod[name] || mod.default?.[name];\r\n          });\r\n          return importList.map((importName: string) => {\r\n            const [name, alias] = importName.split(' as ').map(s => s.trim());\r\n            return `const ${alias || name} = __externalModules.${alias || name};`;\r\n          }).join('\\n');\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Handle namespace imports from external modules\r\n    processedCode = processedCode.replace(\r\n      /import\\s*\\*\\s*as\\s*(\\w+)\\s*from\\s*[\"']([^\"']+)[\"'];?/g,\r\n      (match, varName, modulePath) => {\r\n        // Skip svelte imports\r\n        if (modulePath.startsWith('svelte')) return '';\r\n        try {\r\n          const mod = require(modulePath);\r\n          externalModules[varName] = mod;\r\n          return `const ${varName} = __externalModules.${varName};`;\r\n        } catch (e) {\r\n          return '';\r\n        }\r\n      }\r\n    );\r\n\r\n    // Remove any remaining import statements\r\n    processedCode = processedCode\r\n      .split('\\n')\r\n      .filter(line => !line.trim().startsWith('import '))\r\n      .join('\\n');\r\n\r\n    // Replace 'export default' with assignment\r\n    processedCode = processedCode.replace(/export\\s+default\\s+/g, '__exports.default = ');\r\n    // Replace 'export function' with assignment\r\n    processedCode = processedCode.replace(/export\\s+function\\s+(\\w+)/g, '__exports.$1 = function $1');\r\n    // Replace 'export const' with assignment\r\n    processedCode = processedCode.replace(/export\\s+const\\s+(\\w+)/g, '__exports.$1 = ');\r\n    // Replace 'export let' with assignment  \r\n    processedCode = processedCode.replace(/export\\s+let\\s+(\\w+)/g, '__exports.$1 = ');\r\n\r\n    // Create the sandbox context\r\n    const __exports: any = {};\r\n    // Svelte lifecycle functions - no-ops for SSR\r\n    const svelteLifecycle = {\r\n      onMount: () => () => { }, // Returns cleanup function\r\n      onDestroy: () => { },\r\n      beforeUpdate: () => { },\r\n      afterUpdate: () => { },\r\n      tick: () => Promise.resolve(),\r\n      untrack: (fn: () => any) => fn(),\r\n      createEventDispatcher: () => () => { },\r\n    };\r\n\r\n    // Note: Svelte 5 runes ($state, $derived, etc.) are compile-time features\r\n    // The compiler transforms them, so we don't need runtime implementations.\r\n    // The `$` variable is used by compiled code as the svelte/internal/server namespace.\r\n\r\n    const sandbox = {\r\n      __svelteInternal: svelteInternal,\r\n      __externalModules: externalModules,\r\n      $: svelteInternal, // Direct alias for compiled Svelte code that uses `$`\r\n      __exports,\r\n      console,\r\n      ...svelteLifecycle,\r\n      ...context,\r\n    };\r\n\r\n    // Wrap code in IIFE\r\n    const wrappedCode = `\r\n      (function() {\r\n        ${processedCode}\r\n      })();\r\n    `;\r\n\r\n    // Run in VM context for better isolation\r\n    vm.createContext(sandbox);\r\n    vm.runInContext(wrappedCode, sandbox);\r\n\r\n    // Return the component\r\n    const Component = sandbox.__exports.default;\r\n\r\n    if (!Component) {\r\n      throw new Error(\"Svelte component did not export a default component\");\r\n    }\r\n\r\n    return Component;\r\n  } catch (error) {\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * Render a Svelte component from a file\r\n */\r\nexport async function renderSvelteComponentFromFile(\r\n  dbi: DBI<NamespaceEnums>,\r\n  filePath: string,\r\n  dbiName: string,\r\n  options: SvelteRenderOptions = {}\r\n): Promise<SvelteRenderResult> {\r\n  const fs = require(\"fs\");\r\n  const source = fs.readFileSync(filePath, \"utf-8\");\r\n  return await renderSvelteComponent(dbi, source, dbiName, options);\r\n}\r\n"]}

package/dist/test/index.js

@@ -27,8 +27,7 @@ dbi.register(({ ChatInput, HTMLComponentsV2 }) => {
     HTMLComponentsV2({
         name: "product-showcase",
         mode: 'svelte',
-        file: path_1.default.join(__dirname, "product-showcase.svelte"),
-        onExecute(ctx) { }
+        file: path_1.default.join(__dirname, "product-showcase.svelte")
     });
     // Test command
     ChatInput({
@@ -72,6 +71,78 @@ dbi.register(({ ChatInput, HTMLComponentsV2 }) => {
                     category: "Furniture",
                     rating: 4.6,
                     stock: 31
+                },
+                {
+                    name: "Webcam 4K",
+                    description: "Ultra HD webcam with autofocus and noise-canceling mic",
+                    price: 129,
+                    image: "https://cdn.discordapp.com/embed/avatars/4.png",
+                    category: "Electronics",
+                    rating: 4.7,
+                    stock: 15
+                },
+                {
+                    name: "Desk Lamp",
+                    description: "LED desk lamp with adjustable brightness and color temperature",
+                    price: 45,
+                    image: "https://cdn.discordapp.com/embed/avatars/0.png",
+                    category: "Furniture",
+                    rating: 4.4,
+                    stock: 60
+                },
+                {
+                    name: "Headphone Stand",
+                    description: "Aluminum headphone stand with cable holder",
+                    price: 35,
+                    image: "https://cdn.discordapp.com/embed/avatars/1.png",
+                    category: "Accessories",
+                    rating: 4.2,
+                    stock: 28
+                },
+                {
+                    name: "Gaming Headset",
+                    description: "7.1 surround sound gaming headset with RGB lighting",
+                    price: 99,
+                    image: "https://cdn.discordapp.com/embed/avatars/2.png",
+                    category: "Electronics",
+                    rating: 4.6,
+                    stock: 35
+                },
+                {
+                    name: "Mouse Pad XL",
+                    description: "Extended mouse pad with stitched edges, 900x400mm",
+                    price: 25,
+                    image: "https://cdn.discordapp.com/embed/avatars/3.png",
+                    category: "Accessories",
+                    rating: 4.8,
+                    stock: 100
+                },
+                {
+                    name: "Ergonomic Chair",
+                    description: "Mesh office chair with lumbar support and adjustable armrests",
+                    price: 299,
+                    image: "https://cdn.discordapp.com/embed/avatars/4.png",
+                    category: "Furniture",
+                    rating: 4.9,
+                    stock: 8
+                },
+                {
+                    name: "Cable Management Kit",
+                    description: "Complete kit with cable clips, ties, and sleeve",
+                    price: 19,
+                    image: "https://cdn.discordapp.com/embed/avatars/0.png",
+                    category: "Accessories",
+                    rating: 4.1,
+                    stock: 75
+                },
+                {
+                    name: "Portable SSD 1TB",
+                    description: "Ultra-fast portable SSD with USB 3.2 Gen 2",
+                    price: 109,
+                    image: "https://cdn.discordapp.com/embed/avatars/1.png",
+                    category: "Electronics",
+                    rating: 4.7,
+                    stock: 22
                 }
             ];
             // Use send() method - this sends the message AND initializes lifecycle hooks (onMount)
@@ -82,7 +153,9 @@ dbi.register(({ ChatInput, HTMLComponentsV2 }) => {
                     currentIndex: 0,
                     cart: [],
                     view: 'browse',
-                    elapsedTime: 0
+                    elapsedTime: 0,
+                    reviews: [],
+                    editingProduct: null
                 }
             });
         }

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../test/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { createDBI } from \"../src\";\r\nimport path from \"path\";\r\n\r\nconst dbi = createDBI(\"svelte\", {\r\n  discord: {\r\n    token: process.env.DISCORD_TOKEN || \"\",\r\n    options: {\r\n      intents: [\r\n        \"GuildMessages\",\r\n        \"Guilds\",\r\n        \"MessageContent\",\r\n        \"GuildMessageReactions\"\r\n      ],\r\n    }\r\n  },\r\n  references: {\r\n    autoClear: {\r\n      ttl: 60000 * 60, // 60 minutes\r\n      check: 60000 // every 60 seconds\r\n    }\r\n  }\r\n});\r\n\r\ndbi.register(({ ChatInput, HTMLComponentsV2 }) => {\r\n  // Svelte product showcase with Components V2\r\n  HTMLComponentsV2({\r\n    name: \"product-showcase\",\r\n    mode: 'svelte',\r\n    file: path.join(__dirname, \"product-showcase.svelte\"),\r\n    onExecute(ctx) {}\r\n  });\r\n\r\n  // Test command\r\n  ChatInput({\r\n    name: \"test-svelte\",\r\n    description: \"Test Svelte product showcase\",\r\n    async onExecute({ interaction, dbi }) {\r\n      const showcase = dbi.interaction(\"product-showcase\") as any;\r\n\r\n      const products = [\r\n        {\r\n          name: \"Gaming Keyboard\",\r\n          description: \"RGB mechanical keyboard with Cherry MX switches\",\r\n          price: 149,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/0.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.8,\r\n          stock: 25\r\n        },\r\n        {\r\n          name: \"Wireless Mouse\",\r\n          description: \"Ergonomic wireless mouse with 16000 DPI sensor\",\r\n          price: 79,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/1.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.5,\r\n          stock: 42\r\n        },\r\n        {\r\n          name: \"USB-C Hub\",\r\n          description: \"7-in-1 USB-C hub with HDMI, USB 3.0, and SD card reader\",\r\n          price: 59,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/2.png\",\r\n          category: \"Accessories\",\r\n          rating: 4.3,\r\n          stock: 18\r\n        },\r\n        {\r\n          name: \"Monitor Stand\",\r\n          description: \"Adjustable monitor stand with cable management\",\r\n          price: 89,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/3.png\",\r\n          category: \"Furniture\",\r\n          rating: 4.6,\r\n          stock: 31\r\n        }\r\n      ];\r\n\r\n      // Use send() method - this sends the message AND initializes lifecycle hooks (onMount)\r\n      // The interval in onMount will start immediately after the message is sent\r\n      await showcase.send(interaction, {\r\n        data: {\r\n          products,\r\n          currentIndex: 0,\r\n          cart: [],\r\n          view: 'browse',\r\n          elapsedTime: 0\r\n        }\r\n      });\r\n    }\r\n  });\r\n});\r\n\r\nsetTimeout(() => {\r\n  console.log(\"Loading DBI...\");\r\n  dbi.load().then(() => {\r\n    dbi.publish(\"Guild\", \"1341841733511806978\")\r\n    console.log(\"DBI loaded.\");\r\n    dbi.login().then(() => {\r\n      console.log(\"Bot is running with Svelte components!\");\r\n    });\r\n  });\r\n}, 100);"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../test/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { createDBI } from \"../src\";\r\nimport path from \"path\";\r\n\r\nconst dbi = createDBI(\"svelte\", {\r\n  discord: {\r\n    token: process.env.DISCORD_TOKEN || \"\",\r\n    options: {\r\n      intents: [\r\n        \"GuildMessages\",\r\n        \"Guilds\",\r\n        \"MessageContent\",\r\n        \"GuildMessageReactions\"\r\n      ],\r\n    }\r\n  },\r\n  references: {\r\n    autoClear: {\r\n      ttl: 60000 * 60, // 60 minutes\r\n      check: 60000 // every 60 seconds\r\n    }\r\n  }\r\n});\r\n\r\ndbi.register(({ ChatInput, HTMLComponentsV2 }) => {\r\n  // Svelte product showcase with Components V2\r\n  HTMLComponentsV2({\r\n    name: \"product-showcase\",\r\n    mode: 'svelte',\r\n    file: path.join(__dirname, \"product-showcase.svelte\")\r\n  });\r\n\r\n  // Test command\r\n  ChatInput({\r\n    name: \"test-svelte\",\r\n    description: \"Test Svelte product showcase\",\r\n    async onExecute({ interaction, dbi }) {\r\n      const showcase = dbi.interaction(\"product-showcase\") as any;\r\n\r\n      const products = [\r\n        {\r\n          name: \"Gaming Keyboard\",\r\n          description: \"RGB mechanical keyboard with Cherry MX switches\",\r\n          price: 149,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/0.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.8,\r\n          stock: 25\r\n        },\r\n        {\r\n          name: \"Wireless Mouse\",\r\n          description: \"Ergonomic wireless mouse with 16000 DPI sensor\",\r\n          price: 79,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/1.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.5,\r\n          stock: 42\r\n        },\r\n        {\r\n          name: \"USB-C Hub\",\r\n          description: \"7-in-1 USB-C hub with HDMI, USB 3.0, and SD card reader\",\r\n          price: 59,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/2.png\",\r\n          category: \"Accessories\",\r\n          rating: 4.3,\r\n          stock: 18\r\n        },\r\n        {\r\n          name: \"Monitor Stand\",\r\n          description: \"Adjustable monitor stand with cable management\",\r\n          price: 89,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/3.png\",\r\n          category: \"Furniture\",\r\n          rating: 4.6,\r\n          stock: 31\r\n        },\r\n        {\r\n          name: \"Webcam 4K\",\r\n          description: \"Ultra HD webcam with autofocus and noise-canceling mic\",\r\n          price: 129,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/4.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.7,\r\n          stock: 15\r\n        },\r\n        {\r\n          name: \"Desk Lamp\",\r\n          description: \"LED desk lamp with adjustable brightness and color temperature\",\r\n          price: 45,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/0.png\",\r\n          category: \"Furniture\",\r\n          rating: 4.4,\r\n          stock: 60\r\n        },\r\n        {\r\n          name: \"Headphone Stand\",\r\n          description: \"Aluminum headphone stand with cable holder\",\r\n          price: 35,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/1.png\",\r\n          category: \"Accessories\",\r\n          rating: 4.2,\r\n          stock: 28\r\n        },\r\n        {\r\n          name: \"Gaming Headset\",\r\n          description: \"7.1 surround sound gaming headset with RGB lighting\",\r\n          price: 99,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/2.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.6,\r\n          stock: 35\r\n        },\r\n        {\r\n          name: \"Mouse Pad XL\",\r\n          description: \"Extended mouse pad with stitched edges, 900x400mm\",\r\n          price: 25,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/3.png\",\r\n          category: \"Accessories\",\r\n          rating: 4.8,\r\n          stock: 100\r\n        },\r\n        {\r\n          name: \"Ergonomic Chair\",\r\n          description: \"Mesh office chair with lumbar support and adjustable armrests\",\r\n          price: 299,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/4.png\",\r\n          category: \"Furniture\",\r\n          rating: 4.9,\r\n          stock: 8\r\n        },\r\n        {\r\n          name: \"Cable Management Kit\",\r\n          description: \"Complete kit with cable clips, ties, and sleeve\",\r\n          price: 19,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/0.png\",\r\n          category: \"Accessories\",\r\n          rating: 4.1,\r\n          stock: 75\r\n        },\r\n        {\r\n          name: \"Portable SSD 1TB\",\r\n          description: \"Ultra-fast portable SSD with USB 3.2 Gen 2\",\r\n          price: 109,\r\n          image: \"https://cdn.discordapp.com/embed/avatars/1.png\",\r\n          category: \"Electronics\",\r\n          rating: 4.7,\r\n          stock: 22\r\n        }\r\n      ];\r\n\r\n      // Use send() method - this sends the message AND initializes lifecycle hooks (onMount)\r\n      // The interval in onMount will start immediately after the message is sent\r\n      await showcase.send(interaction, {\r\n        data: {\r\n          products,\r\n          currentIndex: 0,\r\n          cart: [],\r\n          view: 'browse',\r\n          elapsedTime: 0,\r\n          reviews: [],\r\n          editingProduct: null\r\n        }\r\n      });\r\n    }\r\n  });\r\n});\r\n\r\nsetTimeout(() => {\r\n  console.log(\"Loading DBI...\");\r\n  dbi.load().then(() => {\r\n    dbi.publish(\"Guild\", \"1341841733511806978\")\r\n    console.log(\"DBI loaded.\");\r\n    dbi.login().then(() => {\r\n      console.log(\"Bot is running with Svelte components!\");\r\n    });\r\n  });\r\n}, 100);"]}

package/docs/ADVANCED_FEATURES.md

@@ -834,3 +834,7 @@ Without strict mode:
 
 - [Svelte Components](./SVELTE_COMPONENTS.md) - Build reactive Discord UIs
 - [API Reference](./API_REFERENCE.md) - Complete API documentation
+
+---
+
+> 📄 **LLM-optimized version:** [llm/ADVANCED_FEATURES.txt](./llm/ADVANCED_FEATURES.txt)

package/docs/API_REFERENCE.md

@@ -923,3 +923,7 @@ interface HandlerContext {
 - [Localization](./LOCALIZATION.md)
 - [Svelte Components](./SVELTE_COMPONENTS.md)
 - [Advanced Features](./ADVANCED_FEATURES.md)
+
+---
+
+> 📄 **LLM-optimized version:** [llm/API_REFERENCE.txt](./llm/API_REFERENCE.txt)

package/docs/CHAT_INPUT.md

@@ -805,3 +805,7 @@ await dbi.load();
 - [Components](./COMPONENTS.md) - Add interactive buttons and menus
 - [Localization](./LOCALIZATION.md) - Support multiple languages
 - [Advanced Features](./ADVANCED_FEATURES.md) - Rate limiting, references, and more
+
+---
+
+> 📄 **LLM-optimized version:** [llm/CHAT_INPUT.txt](./llm/CHAT_INPUT.txt)

package/docs/COMPONENTS.md

@@ -1033,3 +1033,7 @@ dbi.register(({ Button }) => {
 - [Events](./EVENTS.md) - Handle Discord events
 - [Svelte Components](./SVELTE_COMPONENTS.md) - Build reactive UIs
 - [Advanced Features](./ADVANCED_FEATURES.md) - Rate limiting and more
+
+---
+
+> 📄 **LLM-optimized version:** [llm/COMPONENTS.txt](./llm/COMPONENTS.txt)

package/docs/EVENTS.md

@@ -562,3 +562,7 @@ dbi.register(({ Event }) => {
 - [Localization](./LOCALIZATION.md) - Multi-language support
 - [Advanced Features](./ADVANCED_FEATURES.md) - Message commands, multi-client
 - [API Reference](./API_REFERENCE.md) - Complete API documentation
+
+---
+
+> 📄 **LLM-optimized version:** [llm/EVENTS.txt](./llm/EVENTS.txt)

package/docs/GETTING_STARTED.md

@@ -392,3 +392,7 @@ Now that you have a basic bot running, explore these guides:
 - Check the [documentation](./README.md)
 - Review the [examples](../test/)
 - Report issues on GitHub
+
+---
+
+> 📄 **LLM-optimized version:** [llm/GETTING_STARTED.txt](./llm/GETTING_STARTED.txt)

package/docs/LOCALIZATION.md

@@ -771,3 +771,7 @@ dbi.register(({ ChatInput }) => {
 - [Advanced Features](./ADVANCED_FEATURES.md) - Message commands, multi-client
 - [Svelte Components](./SVELTE_COMPONENTS.md) - Reactive UI components
 - [API Reference](./API_REFERENCE.md) - Complete API documentation
+
+---
+
+> 📄 **LLM-optimized version:** [llm/LOCALIZATION.txt](./llm/LOCALIZATION.txt)

package/docs/README.md

@@ -339,3 +339,7 @@ GPL-3.0 License - See [LICENSE](../LICENSE) for details.
 **Made with ❤️ by [TheArmagan](https://github.com/TheArmagan) and the MostFeatured team**
 
 </div>
+
+---
+
+> 📄 **LLM-optimized version:** [llm/README.txt](./llm/README.txt)

package/docs/SVELTE_COMPONENTS.md

@@ -347,6 +347,28 @@ Set minimum interval between renders:
 </script>
 ```
 
+### lowPriorityUpdate(callback)
+
+Low-priority update for background tasks. If a user interaction handler is running, the callback executes but rendering is skipped (the handler's render will include the changes).
+
+Use this to prevent interval/timeout updates from conflicting with button clicks:
+
+```svelte
+<script>
+  onMount(() => {
+    const interval = setInterval(() => {
+      // If user clicks a button during this interval tick,
+      // this update won't trigger a conflicting render
+      lowPriorityUpdate(() => {
+        data.elapsedTime += 1;
+      });
+    }, 1000);
+    
+    return () => clearInterval(interval);
+  });
+</script>
+```
+
 ---
 
 ## HTML Elements Reference
@@ -534,25 +556,72 @@ File attachment display.
 
 ### Modal Components
 
+Discord modals now support many interactive components beyond text inputs. Use the `<field>` wrapper component for the new structure.
+
+#### `<components type="modal">`
+
+Define a modal form that can be shown to users.
+
+```svelte
+<components
+  type="modal"
+  id="feedback-modal"
+  title="Submit Feedback"
+>
+  <!-- New Field wrapper structure (recommended) -->
+  <field label="Rating" description="How would you rate our service?">
+    <string-select id="rating" placeholder="Select rating">
+      <option value="5">⭐⭐⭐⭐⭐ Excellent</option>
+      <option value="4">⭐⭐⭐⭐ Great</option>
+      <option value="3">⭐⭐⭐ Good</option>
+      <option value="2">⭐⭐ Fair</option>
+      <option value="1">⭐ Poor</option>
+    </string-select>
+  </field>
+  <field label="Comments" description="Tell us more about your experience">
+    <text-input id="comments" style="Paragraph" placeholder="Your feedback..." />
+  </field>
+</components>
+```
+
+#### `<field>`
+
+Wrapper component for modal inputs (Discord's Label component, type 18). **Required for new modal structure.**
+
+| Attribute | Type | Description |
+|-----------|------|-------------|
+| `label` | string | Label text shown above component |
+| `description` | string | Optional description text |
+
 #### `<text-input>`
+
 Text input for modal forms.
 
 ```svelte
+<field label="Username" description="Enter your display name">
+  <text-input
+    id="username"
+    placeholder="Enter your username"
+    style="Short"
+    min-length="3"
+    max-length="32"
+    required
+  />
+</field>
+
+<!-- Legacy format still supported -->
 <text-input
   id="username"
   label="Username"
   placeholder="Enter your username"
   style="Short"
-  min-length="3"
-  max-length="32"
-  required
->Default value</text-input>
+/>
 ```
 
 | Attribute | Type | Description |
 |-----------|------|-------------|
-| `id` / `custom-id` | string | Input identifier |
-| `label` | string | Label above input |
+| `id` / `custom-id` / `name` | string | Input identifier |
+| `label` | string | Label (legacy format only) |
 | `placeholder` | string | Placeholder text |
 | `style` | "Short" \| "Paragraph" | Input style |
 | `min-length` | number | Minimum characters |
@@ -560,6 +629,89 @@ Text input for modal forms.
 | `required` | boolean | Is required |
 | `value` | string | Default value |
 
+#### `<string-select>` (in modals)
+
+Dropdown select menu in modals. Returns an **array** of selected values.
+
+```svelte
+<field label="Choose Bug Type" description="Select the bug category">
+  <string-select id="bug-type" placeholder="Select bug type">
+    <option value="ant" emoji="🐜">Ant</option>
+    <option value="beetle" emoji="🪲">Beetle</option>
+    <option value="spider" emoji="🕷️">Spider</option>
+  </string-select>
+</field>
+```
+
+#### `<user-select>`, `<role-select>`, `<mentionable-select>`, `<channel-select>` (in modals)
+
+Auto-populated select menus for modals. Returns an **array** of IDs.
+
+```svelte
+<field label="Assign To" description="Select team members">
+  <user-select id="assignees" placeholder="Choose users" max-values="3" />
+</field>
+
+<field label="Notification Channel" description="Where to post updates">
+  <channel-select id="channel" placeholder="Select channel" channel-types="0,5" />
+</field>
+```
+
+#### `<file-upload>` (in modals)
+
+File upload component for modals. Returns attachment objects.
+
+```svelte
+<field label="Attachments" description="Upload relevant files">
+  <file-upload id="files" min-values="0" max-values="5" />
+</field>
+```
+
+#### `<text-display>` (in modals)
+
+Show static text content in modals.
+
+```svelte
+<text-display>Please fill out all required fields below.</text-display>
+```
+
+### Using Modals with `showModal()`
+
+The `showModal()` function opens a modal and returns a Promise with the submitted values:
+
+```svelte
+<script>
+  async function openFeedbackModal(ctx) {
+    // Show modal and wait for submission
+    const { fields, interaction } = await showModal("feedback-modal");
+    
+    // Extract values
+    const rating = fields.rating[0]; // string-select returns array
+    const comments = fields.comments; // text-input returns string
+    
+    // Respond to the submission
+    interaction.reply({
+      content: `Thanks for your ${rating}-star feedback!`,
+      flags: ["Ephemeral"]
+    });
+  }
+</script>
+```
+
+### Modal Field Types
+
+Different modal components return different value types:
+
+| Component | Return Type | Example |
+|-----------|-------------|---------|
+| `text-input` | `string` | `"Hello world"` |
+| `string-select` | `string[]` | `["option1", "option2"]` |
+| `user-select` | `string[]` | `["123456789"]` (user IDs) |
+| `role-select` | `string[]` | `["987654321"]` (role IDs) |
+| `channel-select` | `string[]` | `["111222333"]` (channel IDs) |
+| `mentionable-select` | `{ values, users, roles }` | IDs with separated types |
+| `file-upload` | `Attachment[]` | Uploaded file objects |
+
 ---
 
 ## Handler Functions
@@ -953,3 +1105,7 @@ interface SendOptions {
 ### IDE not showing autocomplete?
 - Add `/// <reference types="@mostfeatured/dbi/svelte" />` at top of script
 - Make sure `@mostfeatured/dbi` is installed
+
+---
+
+> 📄 **LLM-optimized version:** [llm/SVELTE_COMPONENTS.txt](./llm/SVELTE_COMPONENTS.txt)