@definable/ui 0.1.9 → 0.1.12

package/dist/MonacoEditor-COZcVMEj.cjs

@@ -0,0 +1,8 @@
+"use strict";const a=require("./jsx-runtime-BYECrxsp.cjs"),x=require("react"),P=require("@monaco-editor/react"),T=require("./components/modal.js"),M=require("./components/button.js"),S=require("lucide-react"),O={minimap:{enabled:!1},fontSize:14,scrollBeyondLastLine:!1,wordWrap:"on",lineNumbers:"on",automaticLayout:!0,scrollbar:{vertical:"auto",horizontal:"auto"}},U={javascript:{},typescript:{},python:{},json:{},html:{},css:{},markdown:{wordWrap:"on"},plaintext:{}},k=new Map;let K=0;function C(s,c,t,b){const{language:j,variablePrefix:o,variableSuffix:y}=b,e=`provider_${++K}`;console.log(`Setting up variable suggestions with ID ${e} (${t.length} variables)`);const r=c.languages.registerCompletionItemProvider(j,{triggerCharacters:["{"],provideCompletionItems:(u,l)=>{if(u.getLineContent(l.lineNumber).substring(0,l.column-1).endsWith(o)){if(console.log(`[${e}] Detected ${o} - showing ${t.length} variable suggestions`),t.length===0)return console.log(`[${e}] No variables available for suggestions`),{suggestions:[]};const i=Array.from(new Map(t.map(n=>[n.name,n])).values()).map(n=>({label:n.name,kind:c.languages.CompletionItemKind.Variable,detail:n.type,documentation:{value:n.description||"",isTrusted:!0},insertText:n.name,sortText:"0"+n.name,range:{startLineNumber:l.lineNumber,startColumn:l.column,endLineNumber:l.lineNumber,endColumn:l.column}}));return console.log(`[${e}] Created ${i.length} suggestions`),{suggestions:i}}return{suggestions:[]}}}),m=s.onKeyUp(u=>{if(u.code!=="BracketLeft"&&u.code!=="Digit2")return;const l=s.getPosition();if(!l)return;const h=s.getModel();if(!h)return;h.getLineContent(l.lineNumber).substring(0,l.column-1).endsWith(o)&&(console.log(`[${e}] Manually triggering suggestions on ${o}`),setTimeout(()=>{s.trigger("keyboard","editor.action.triggerSuggest",{})},20))}),p=()=>{console.log(`Disposing provider ${e}`),r.dispose(),m.dispose(),k.delete(e)};return k.set(e,{dispose:p,variables:t,config:b}),p}function V(s,c,t,b){const j=Array.from(new Map(t.map(o=>[o.name,o])).values());console.log(`Updating provider with ${j.length} variables`),C(s,c,j,b)}function I(s,c,t){var b;if(!(!t||t.length===0)){if(c==="javascript"||c==="typescript"){const j=t.map(e=>{if(e.isObject&&e.properties&&e.properties.length>0){const r=`I${e.name.charAt(0).toUpperCase()+e.name.slice(1)}`,m=e.properties.map(p=>`  ${p.name}: ${p.type};`).join(`
+`);return`
+interface ${r} {
+${m}
+}
+declare const ${e.name}: ${r};`}else return`declare const ${e.name}: ${e.type};`}).join(`
+`),o="predefined-variables";(b=s.__extraLibDisposables)!=null&&b[o]&&s.__extraLibDisposables[o].dispose();const y=s.languages.typescript.javascriptDefaults.addExtraLib(j,`ts:filename/${o}.d.ts`);s.__extraLibDisposables||(s.__extraLibDisposables={}),s.__extraLibDisposables[o]=y}if(c==="python"){["python-hover-provider","python-completion-provider"].forEach(e=>{var m;const r=(m=s.__customDisposables)==null?void 0:m[e];r&&r.dispose()}),s.__customDisposables||(s.__customDisposables={});const o=s.languages.registerHoverProvider("python",{provideHover:(e,r)=>{const m=e.getWordAtPosition(r);if(!m)return null;const p=t.find(h=>h.name===m.word);if(p)return{contents:[{value:`(variable) ${p.name}: ${p.type}`},{value:p.documentation||""}]};const l=e.getLineContent(r.lineNumber).substring(0,r.column).match(/(\w+)\.(\w+)$/);if(l){const[h,g,d]=l,i=t.find(n=>n.name===g&&n.isObject);if(i&&i.properties){const n=i.properties.find($=>$.name===d);if(n)return{contents:[{value:`(property) ${g}.${n.name}: ${n.type}`},{value:n.documentation||""}]}}}return null}}),y=s.languages.registerCompletionItemProvider("python",{triggerCharacters:["."],provideCompletionItems:(e,r)=>{const u=e.getLineContent(r.lineNumber).substring(0,r.column).match(/(\w+)\.\s*$/);if(!u)return{suggestions:[]};const[l,h]=u,g=t.find(d=>d.name===h&&d.isObject);return g&&g.properties&&g.properties.length>0?{suggestions:g.properties.map(i=>({label:i.name,kind:s.languages.CompletionItemKind.Property,detail:i.type,documentation:{value:i.documentation||"",isTrusted:!0},insertText:i.name,range:{startLineNumber:r.lineNumber,startColumn:r.column,endLineNumber:r.lineNumber,endColumn:r.column}}))}:{suggestions:[]}}});s.__customDisposables["python-hover-provider"]=o,s.__customDisposables["python-completion-provider"]=y}}}function W({value:s,onChange:c,language:t="javascript",height:b="300px",className:j="",options:o={},onMount:y,title:e="Code Editor",variables:r=[],variablePrefix:m="{{",variableSuffix:p="}}",predefinedVariables:u=[],allowFullscreen:l=!0,isDark:h=!1}){const g=!h,d=x.useRef(null),i=x.useRef(null),[n,$]=x.useState(!1),v=x.useRef(null),E=x.useRef(`editor-${Math.random().toString(36).substr(2,9)}`),[q,z]=x.useState(null);x.useEffect(()=>{if(!(!d.current||!i.current))return v.current&&(v.current(),v.current=null),console.log(`Setting up variable suggestions for ${E.current}`),v.current=C(d.current,i.current,r,{language:t,variablePrefix:m,variableSuffix:p}),()=>{v.current&&(v.current(),v.current=null)}},[q,r,t,m,p]),x.useEffect(()=>{!i.current||u.length===0||(console.log("registering predefined variables",u),I(i.current,t,u))},[t,u]),x.useEffect(()=>{d.current&&setTimeout(()=>{var f;(f=d.current)==null||f.layout()},100)},[n]);const R=x.useCallback((f,N)=>{var D,L;console.log(`Editor ${E.current} mounted`),d.current=f,i.current=N,z(f),u.length>0&&I(N,t,u),t==="python"?(D=f.getModel())==null||D.updateOptions({tabSize:4,insertSpaces:!0}):t!=="markdown"&&((L=f.getModel())==null||L.updateOptions({tabSize:2,insertSpaces:!0})),y&&y(f,N)},[t,y,u]),_=x.useMemo(()=>({...O,...U[t]||{},...o}),[t,o]),w=x.useCallback(()=>{$(!n)},[n]);return a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsxs("div",{className:j,children:[l&&a.jsxRuntimeExports.jsx("div",{className:"flex justify-end mb-1",children:a.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"sm",onClick:w,className:"h-7 w-7 p-0",children:a.jsxRuntimeExports.jsx(S.Maximize,{className:"h-4 w-4"})})}),a.jsxRuntimeExports.jsx("div",{className:"relative",style:{display:n?"none":"block"},children:a.jsxRuntimeExports.jsx(P,{height:b,language:t,value:s,onChange:f=>c==null?void 0:c(f||""),options:_,onMount:R,theme:g?"vs-light":"vs-dark"},E.current)})]}),n&&a.jsxRuntimeExports.jsx(T.Modal,{isOpen:n,onClose:()=>$(!1),size:"2xl",title:e,header:a.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between w-full",children:[a.jsxRuntimeExports.jsx("h2",{className:"text-sm font-medium",children:e}),a.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"sm",onClick:w,className:"h-7 w-7 p-0",children:a.jsxRuntimeExports.jsx(S.Minimize2,{className:"h-4 w-4"})})]}),children:a.jsxRuntimeExports.jsx("div",{className:"h-[80vh] w-full",children:a.jsxRuntimeExports.jsx(P,{height:"100%",language:t,value:s,onChange:f=>c==null?void 0:c(f||""),options:_,onMount:R,theme:g?"vs-light":"vs-dark"},`${E.current}-fullscreen`)})})]})}exports.MonacoEditor=W;exports.defaultOptions=O;exports.languageOptions=U;exports.setupVariableSuggestions=C;exports.updateVariableSuggestions=V;
+//# sourceMappingURL=MonacoEditor-COZcVMEj.cjs.map

package/dist/MonacoEditor-COZcVMEj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor-COZcVMEj.cjs","sources":["../src/components/monaco-editor/constants.ts","../src/components/monaco-editor/variableSuggestions.ts","../src/components/monaco-editor/utils.ts","../src/components/monaco-editor/MonacoEditor.tsx"],"sourcesContent":["import { editor as monacoEditor } from 'monaco-editor';\nimport { MonacoEditorLanguage } from './types';\n\nexport const defaultOptions: monacoEditor.IEditorOptions = {\n  minimap: { enabled: false },\n  fontSize: 14,\n  scrollBeyondLastLine: false,\n  wordWrap: 'on',\n  lineNumbers: 'on',\n  automaticLayout: true,\n  scrollbar: {\n    vertical: 'auto',\n    horizontal: 'auto',\n  },\n};\n\nexport const languageOptions: Record<MonacoEditorLanguage, monacoEditor.IEditorOptions> = {\n  javascript: {},\n  typescript: {},\n  python: {},\n  json: {},\n  html: {},\n  css: {},\n  markdown: {\n    wordWrap: 'on',\n  },\n  plaintext: {},\n}; ","import { Monaco } from '@monaco-editor/react';\nimport { editor as monacoEditor } from 'monaco-editor';\nimport { VariableSuggestion } from './types';\n\ntype VariableSuggestionProviderConfig = {\n  language: string;\n  variablePrefix: string;\n  variableSuffix: string;\n};\n\n// Keep track of registered providers with a uniqueId\nconst registeredProviders = new Map<string, {\n  dispose: () => void,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n}>();\n\n// Counter for unique IDs\nlet providerCounter = 0;\n\n/**\n * Setup variable suggestions for Monaco editor\n */\nexport function setupVariableSuggestions(\n  editor: monacoEditor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n): () => void {\n  const { language, variablePrefix, variableSuffix } = config;\n  \n  // Generate a unique ID for this provider\n  const providerId = `provider_${++providerCounter}`;\n  \n  console.log(`Setting up variable suggestions with ID ${providerId} (${variables.length} variables)`);\n  \n  // Register completion provider\n  const completionProvider = monaco.languages.registerCompletionItemProvider(language, {\n    triggerCharacters: ['{'], \n    \n    provideCompletionItems: (model, position) => {\n      // Get text before cursor\n      const lineContent = model.getLineContent(position.lineNumber);\n      const textUntilPosition = lineContent.substring(0, position.column - 1);\n      \n      // Check if we've just typed the variable prefix\n      if (textUntilPosition.endsWith(variablePrefix)) {\n        console.log(`[${providerId}] Detected ${variablePrefix} - showing ${variables.length} variable suggestions`);\n        \n        if (variables.length === 0) {\n          console.log(`[${providerId}] No variables available for suggestions`);\n          return { suggestions: [] };\n        }\n        \n        // Use Set to ensure unique variable names\n        const uniqueVariables = Array.from(\n          new Map(variables.map(v => [v.name, v])).values()\n        );\n        \n        // Create suggestions\n        const suggestions = uniqueVariables.map(variable => ({\n          label: variable.name,\n          kind: monaco.languages.CompletionItemKind.Variable,\n          detail: variable.type,\n          documentation: {\n            value: variable.description || '',\n            isTrusted: true\n          },\n          insertText: variable.name,\n          sortText: '0' + variable.name, // Force variable suggestions to appear at top\n          range: {\n            startLineNumber: position.lineNumber,\n            startColumn: position.column,\n            endLineNumber: position.lineNumber,\n            endColumn: position.column\n          }\n        }));\n        \n        console.log(`[${providerId}] Created ${suggestions.length} suggestions`);\n        return { suggestions };\n      }\n      \n      return { suggestions: [] };\n    }\n  });\n  \n  // Add manual KeyUp handler to trigger suggestions\n  const keyUpDisposable = editor.onKeyUp(e => {\n    // Skip if not the right key\n    if (e.code !== 'BracketLeft' && e.code !== 'Digit2') return;\n    \n    const position = editor.getPosition();\n    if (!position) return;\n    \n    const model = editor.getModel();\n    if (!model) return;\n    \n    const lineContent = model.getLineContent(position.lineNumber);\n    const textUntilPosition = lineContent.substring(0, position.column - 1);\n    \n    if (textUntilPosition.endsWith(variablePrefix)) {\n      console.log(`[${providerId}] Manually triggering suggestions on ${variablePrefix}`);\n      \n      // Delay slightly to ensure the model is updated\n      setTimeout(() => {\n        // Force suggestions to appear\n        editor.trigger('keyboard', 'editor.action.triggerSuggest', {});\n      }, 20);\n    }\n  });\n  \n  // Create dispose function\n  const dispose = () => {\n    console.log(`Disposing provider ${providerId}`);\n    completionProvider.dispose();\n    keyUpDisposable.dispose();\n    registeredProviders.delete(providerId);\n  };\n  \n  // Store in registeredProviders\n  registeredProviders.set(providerId, {\n    dispose,\n    variables,\n    config\n  });\n  \n  return dispose;\n}\n\n/**\n * Update variables for an existing provider\n * Creates a new provider with the updated variables\n */\nexport function updateVariableSuggestions(\n  editor: monacoEditor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n): void {\n  // Remove duplicates from variables array\n  const uniqueVariables = Array.from(\n    new Map(variables.map(v => [v.name, v])).values()\n  );\n  \n  console.log(`Updating provider with ${uniqueVariables.length} variables`);\n  \n  // Create a new provider with the updated variables\n  setupVariableSuggestions(editor, monaco, uniqueVariables, config);\n} ","import { Monaco } from \"@monaco-editor/react\";\nimport { PredefinedVariable } from \"./types\";\n\n/**\n * Find the position of a variable prefix in a text string\n * \n * @param lineContent The current line content\n * @param currentColumn The current cursor column\n * @param variablePrefix The variable prefix to look for\n * @returns The starting position of the prefix, or -1 if not found\n */\nexport function findVariablePrefixPosition(\n  lineContent: string, \n  currentColumn: number, \n  variablePrefix: string\n): number {\n  let prefixStart = -1;\n  \n  // Look for the variable prefix before the cursor within a reasonable range\n  for (let i = currentColumn - 1; i >= 0 && i >= currentColumn - variablePrefix.length - 10; i--) {\n    if (i - variablePrefix.length + 1 >= 0) {\n      const substring = lineContent.substring(i - variablePrefix.length + 1, i + 1);\n      if (substring === variablePrefix) {\n        prefixStart = i - variablePrefix.length + 1;\n        break;\n      }\n    }\n  }\n  \n  return prefixStart;\n}\n\n/**\n * Format a preview text with variable prefix and suffix\n * \n * @param variableName The variable name to format\n * @param variablePrefix The prefix to add\n * @param variableSuffix The suffix to add\n * @returns Formatted variable string\n */\nexport function formatVariablePreview(\n  variableName: string | null, \n  variablePrefix: string, \n  variableSuffix: string\n): string {\n  if (!variableName) return variablePrefix + '....' + variableSuffix;\n  return variablePrefix + variableName + variableSuffix;\n}\n\n/**\n * Format code according to the specified language\n */\nexport function formatCode(monaco: Monaco, editor: any, language: string) {\n  editor.getAction('editor.action.formatDocument').run();\n}\n\n/**\n * Get the appropriate EOL character for the current operating system\n */\nexport function getEOL() {\n  return '\\n';\n}\n\n/**\n * Register predefined variables with the Monaco editor\n */\nexport function registerPredefinedVariables(\n  monaco: Monaco, \n  language: string, \n  variables: PredefinedVariable[]\n) {\n  if (!variables || variables.length === 0) return;\n  \n  // For JavaScript/TypeScript editor\n  if (language === 'javascript' || language === 'typescript') {\n    // Create TypeScript definitions for our variables\n    const declarations = variables.map(variable => {\n      if (variable.isObject && variable.properties && variable.properties.length > 0) {\n        // Create a detailed interface for object types with properties\n        const interfaceName = `I${variable.name.charAt(0).toUpperCase() + variable.name.slice(1)}`;\n        const propertyDeclarations = variable.properties.map(prop => \n          `  ${prop.name}: ${prop.type};`\n        ).join('\\n');\n        \n        return `\ninterface ${interfaceName} {\n${propertyDeclarations}\n}\ndeclare const ${variable.name}: ${interfaceName};`;\n      } else {\n        // Simple variable declaration\n        return `declare const ${variable.name}: ${variable.type};`;\n      }\n    }).join('\\n');\n    \n    // Check if we already have a stored disposable for the lib\n    const libKey = 'predefined-variables';\n    if ((monaco as any).__extraLibDisposables?.[libKey]) {\n      (monaco as any).__extraLibDisposables[libKey].dispose();\n    }\n    \n    // Add the library and store its disposable\n    const disposable = monaco.languages.typescript.javascriptDefaults.addExtraLib(\n      declarations,\n      `ts:filename/${libKey}.d.ts`\n    );\n    \n    // Initialize storage for disposables if needed\n    if (!(monaco as any).__extraLibDisposables) {\n      (monaco as any).__extraLibDisposables = {};\n    }\n    \n    // Store the disposable for later cleanup\n    (monaco as any).__extraLibDisposables[libKey] = disposable;\n  }\n  \n  // For Python, we add hover providers and completion providers\n  if (language === 'python') {\n    // Remove previous providers if they exist\n    const providerKeys = ['python-hover-provider', 'python-completion-provider'];\n    providerKeys.forEach(key => {\n      const disposable = (monaco as any).__customDisposables?.[key];\n      if (disposable) {\n        disposable.dispose();\n      }\n    });\n    \n    // Initialize storage for disposables if needed\n    if (!(monaco as any).__customDisposables) {\n      (monaco as any).__customDisposables = {};\n    }\n    \n    // Create a new hover provider\n    const hoverProvider = monaco.languages.registerHoverProvider('python', {\n      provideHover: (model, position) => {\n        const word = model.getWordAtPosition(position);\n        if (!word) return null;\n        \n        // Check if it's a direct variable match\n        const variable = variables.find(v => v.name === word.word);\n        if (variable) {\n          return {\n            contents: [\n              { value: `(variable) ${variable.name}: ${variable.type}` },\n              { value: variable.documentation || '' }\n            ]\n          };\n        }\n        \n        // Check if it's a property access (e.g., self.property)\n        const lineContent = model.getLineContent(position.lineNumber);\n        const dotMatch = lineContent.substring(0, position.column).match(/(\\w+)\\.(\\w+)$/);\n        \n        if (dotMatch) {\n          const [_, objName, propName] = dotMatch;\n          const objVar = variables.find(v => v.name === objName && v.isObject);\n          \n          if (objVar && objVar.properties) {\n            const property = objVar.properties.find(p => p.name === propName);\n            if (property) {\n              return {\n                contents: [\n                  { value: `(property) ${objName}.${property.name}: ${property.type}` },\n                  { value: property.documentation || '' }\n                ]\n              };\n            }\n          }\n        }\n        \n        return null;\n      }\n    });\n    \n    // Create completion provider for object properties\n    const completionProvider = monaco.languages.registerCompletionItemProvider('python', {\n      triggerCharacters: ['.'],\n      provideCompletionItems: (model, position) => {\n        const lineContent = model.getLineContent(position.lineNumber);\n        const textUntilPosition = lineContent.substring(0, position.column);\n        \n        // Match for object property access\n        const match = textUntilPosition.match(/(\\w+)\\.\\s*$/);\n        if (!match) return { suggestions: [] };\n        \n        const [_, objName] = match;\n        const objVar = variables.find(v => v.name === objName && v.isObject);\n        \n        if (objVar && objVar.properties && objVar.properties.length > 0) {\n          const suggestions = objVar.properties.map(prop => ({\n            label: prop.name,\n            kind: monaco.languages.CompletionItemKind.Property,\n            detail: prop.type,\n            documentation: {\n              value: prop.documentation || '',\n              isTrusted: true\n            },\n            insertText: prop.name,\n            range: {\n              startLineNumber: position.lineNumber,\n              startColumn: position.column,\n              endLineNumber: position.lineNumber,\n              endColumn: position.column\n            }\n          }));\n          \n          return { suggestions };\n        }\n        \n        return { suggestions: [] };\n      }\n    });\n    \n    // Store providers for later disposal\n    (monaco as any).__customDisposables['python-hover-provider'] = hoverProvider;\n    (monaco as any).__customDisposables['python-completion-provider'] = completionProvider;\n  }\n} ","import { useRef, useState, useEffect, useMemo, useCallback } from \"react\";\nimport Editor, { Monaco } from '@monaco-editor/react';\nimport { editor as monacoEditor } from 'monaco-editor';\nimport { Modal } from \"../modal\";\nimport { Button } from \"../button\";\nimport { Maximize2, Minimize2, Maximize } from \"lucide-react\";\nimport { MonacoEditorProps } from \"./types\";\nimport { defaultOptions, languageOptions } from \"./constants\";\nimport { setupVariableSuggestions } from \"./variableSuggestions\";\nimport { registerPredefinedVariables } from \"./utils\";\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language = 'javascript',\n  height = '300px',\n  className = '',\n  options = {},\n  onMount,\n  title = 'Code Editor',\n  variables = [],\n  variablePrefix = '{{',\n  variableSuffix = '}}',\n  predefinedVariables = [],\n  allowFullscreen = true,\n  isDark = false,\n}: MonacoEditorProps) {\n  const isLight = !isDark;\n  const editorRef = useRef<monacoEditor.IStandaloneCodeEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const suggestionDisposableRef = useRef<(() => void) | null>(null);\n  const editorIdRef = useRef<string>(`editor-${Math.random().toString(36).substr(2, 9)}`);\n  const [editorInstance, setEditorInstance] = useState<monacoEditor.IStandaloneCodeEditor | null>(null);\n\n  // Setup variable suggestions once the editor is mounted\n  useEffect(() => {\n    if (!editorRef.current || !monacoRef.current) return;\n    \n    // Clear any previous provider\n    if (suggestionDisposableRef.current) {\n      suggestionDisposableRef.current();\n      suggestionDisposableRef.current = null;\n    }\n    \n    // Setup a new provider with current variables\n    console.log(`Setting up variable suggestions for ${editorIdRef.current}`);\n    suggestionDisposableRef.current = setupVariableSuggestions(\n      editorRef.current,\n      monacoRef.current,\n      variables,\n      { language, variablePrefix, variableSuffix }\n    );\n    \n    return () => {\n      if (suggestionDisposableRef.current) {\n        suggestionDisposableRef.current();\n        suggestionDisposableRef.current = null;\n      }\n    };\n  }, [editorInstance, variables, language, variablePrefix, variableSuffix]);\n\n  // Register predefined variables like 'self'\n  useEffect(() => {\n    if (!monacoRef.current || predefinedVariables.length === 0) return;\n    \n    console.log('registering predefined variables', predefinedVariables);\n    registerPredefinedVariables(\n      monacoRef.current,\n      language,\n      predefinedVariables\n    );\n  }, [language, predefinedVariables]);\n\n  // Handle fullscreen toggle - need to relayout the editor\n  useEffect(() => {\n    if (editorRef.current) {\n      // Give the modal time to animate\n      setTimeout(() => {\n        editorRef.current?.layout();\n      }, 100);\n    }\n  }, [isFullscreen]);\n\n  // Handle editor mounting\n  const handleEditorDidMount = useCallback((editor: monacoEditor.IStandaloneCodeEditor, monaco: Monaco) => {\n    console.log(`Editor ${editorIdRef.current} mounted`);\n    editorRef.current = editor;\n    monacoRef.current = monaco;\n    setEditorInstance(editor);\n    \n    // Register predefined variables immediately after mount\n    if (predefinedVariables.length > 0) {\n      registerPredefinedVariables(monaco, language, predefinedVariables);\n    }\n    \n    // Set language-specific model options\n    if (language === 'python') {\n      editor.getModel()?.updateOptions({ tabSize: 4, insertSpaces: true });\n    } else if (language !== 'markdown') {\n      editor.getModel()?.updateOptions({ tabSize: 2, insertSpaces: true });\n    }\n    \n    if (onMount) {\n      onMount(editor, monaco);\n    }\n  }, [language, onMount, predefinedVariables]);\n\n  // Merge default options with language-specific options and user options\n  const mergedOptions = useMemo(() => {\n    return {\n      ...defaultOptions,\n      ...(languageOptions[language] || {}),\n      ...options,\n    };\n  }, [language, options]);\n\n  const toggleFullscreen = useCallback(() => {\n    setIsFullscreen(!isFullscreen);\n  }, [isFullscreen]);\n\n  return (\n    <>\n      <div className={className}>\n        {allowFullscreen && (\n          <div className=\"flex justify-end mb-1\">\n            <Button \n              variant=\"ghost\" \n              size=\"sm\" \n              onClick={toggleFullscreen} \n              className=\"h-7 w-7 p-0\"\n          >\n            <Maximize className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        )}\n        <div className=\"relative\" style={{ display: isFullscreen ? 'none' : 'block' }}>\n          <Editor\n            height={height}\n            language={language}\n            value={value}\n            onChange={(value) => onChange?.(value || '')}\n            options={mergedOptions}\n            onMount={handleEditorDidMount}\n            theme={isLight ? 'vs-light' : 'vs-dark'}\n            key={editorIdRef.current} // Use the stable ID\n          />\n        </div>\n      </div>\n\n      {isFullscreen && (\n        <Modal \n          isOpen={isFullscreen} \n          onClose={() => setIsFullscreen(false)}\n          size=\"2xl\"\n          title={title}\n          header={\n            <div className=\"flex items-center justify-between w-full\">\n              <h2 className=\"text-sm font-medium\">{title}</h2>\n              <Button \n                variant=\"ghost\" \n                size=\"sm\" \n                onClick={toggleFullscreen} \n                className=\"h-7 w-7 p-0\"\n              >\n                <Minimize2 className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"h-[80vh] w-full\">\n            <Editor\n              height=\"100%\"\n              language={language}\n              value={value}\n              onChange={(value) => onChange?.(value || '')}\n              options={mergedOptions}\n              onMount={handleEditorDidMount}\n              theme={isLight ? 'vs-light' : 'vs-dark'}\n              key={`${editorIdRef.current}-fullscreen`} // Use the same ID with a suffix\n            />\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n} "],"names":["defaultOptions","languageOptions","registeredProviders","providerCounter","setupVariableSuggestions","editor","monaco","variables","config","language","variablePrefix","variableSuffix","providerId","completionProvider","model","position","suggestions","v","variable","keyUpDisposable","e","dispose","updateVariableSuggestions","uniqueVariables","registerPredefinedVariables","declarations","interfaceName","propertyDeclarations","prop","libKey","_a","disposable","key","hoverProvider","word","dotMatch","_","objName","propName","objVar","property","p","match","MonacoEditor","value","onChange","height","className","options","onMount","title","predefinedVariables","allowFullscreen","isDark","isLight","editorRef","useRef","monacoRef","isFullscreen","setIsFullscreen","useState","suggestionDisposableRef","editorIdRef","editorInstance","setEditorInstance","useEffect","handleEditorDidMount","useCallback","_b","mergedOptions","useMemo","toggleFullscreen","jsxs","Fragment","jsx","Button","Maximize","Editor","Modal","Minimize2"],"mappings":"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"}

package/dist/MonacoEditor-D3QSSKa4.js

@@ -0,0 +1,295 @@
+import { j as a } from "./jsx-runtime-DGlMoOmv.js";
+import { useRef as N, useState as k, useEffect as _, useCallback as I, useMemo as R } from "react";
+import S from "@monaco-editor/react";
+import { Modal as W } from "./components/modal.esm.js";
+import { Button as E } from "./components/button.esm.js";
+import { Maximize as A, Minimize2 as F } from "lucide-react";
+const q = {
+  minimap: { enabled: !1 },
+  fontSize: 14,
+  scrollBeyondLastLine: !1,
+  wordWrap: "on",
+  lineNumbers: "on",
+  automaticLayout: !0,
+  scrollbar: {
+    vertical: "auto",
+    horizontal: "auto"
+  }
+}, B = {
+  javascript: {},
+  typescript: {},
+  python: {},
+  json: {},
+  html: {},
+  css: {},
+  markdown: {
+    wordWrap: "on"
+  },
+  plaintext: {}
+}, U = /* @__PURE__ */ new Map();
+let V = 0;
+function O(n, u, t, b) {
+  const { language: x, variablePrefix: o, variableSuffix: y } = b, e = `provider_${++V}`;
+  console.log(`Setting up variable suggestions with ID ${e} (${t.length} variables)`);
+  const r = u.languages.registerCompletionItemProvider(x, {
+    triggerCharacters: ["{"],
+    provideCompletionItems: (l, c) => {
+      if (l.getLineContent(c.lineNumber).substring(0, c.column - 1).endsWith(o)) {
+        if (console.log(`[${e}] Detected ${o} - showing ${t.length} variable suggestions`), t.length === 0)
+          return console.log(`[${e}] No variables available for suggestions`), { suggestions: [] };
+        const i = Array.from(
+          new Map(t.map((s) => [s.name, s])).values()
+        ).map((s) => ({
+          label: s.name,
+          kind: u.languages.CompletionItemKind.Variable,
+          detail: s.type,
+          documentation: {
+            value: s.description || "",
+            isTrusted: !0
+          },
+          insertText: s.name,
+          sortText: "0" + s.name,
+          // Force variable suggestions to appear at top
+          range: {
+            startLineNumber: c.lineNumber,
+            startColumn: c.column,
+            endLineNumber: c.lineNumber,
+            endColumn: c.column
+          }
+        }));
+        return console.log(`[${e}] Created ${i.length} suggestions`), { suggestions: i };
+      }
+      return { suggestions: [] };
+    }
+  }), m = n.onKeyUp((l) => {
+    if (l.code !== "BracketLeft" && l.code !== "Digit2") return;
+    const c = n.getPosition();
+    if (!c) return;
+    const h = n.getModel();
+    if (!h) return;
+    h.getLineContent(c.lineNumber).substring(0, c.column - 1).endsWith(o) && (console.log(`[${e}] Manually triggering suggestions on ${o}`), setTimeout(() => {
+      n.trigger("keyboard", "editor.action.triggerSuggest", {});
+    }, 20));
+  }), p = () => {
+    console.log(`Disposing provider ${e}`), r.dispose(), m.dispose(), U.delete(e);
+  };
+  return U.set(e, {
+    dispose: p,
+    variables: t,
+    config: b
+  }), p;
+}
+function Z(n, u, t, b) {
+  const x = Array.from(
+    new Map(t.map((o) => [o.name, o])).values()
+  );
+  console.log(`Updating provider with ${x.length} variables`), O(n, u, x, b);
+}
+function z(n, u, t) {
+  var b;
+  if (!(!t || t.length === 0)) {
+    if (u === "javascript" || u === "typescript") {
+      const x = t.map((e) => {
+        if (e.isObject && e.properties && e.properties.length > 0) {
+          const r = `I${e.name.charAt(0).toUpperCase() + e.name.slice(1)}`, m = e.properties.map(
+            (p) => `  ${p.name}: ${p.type};`
+          ).join(`
+`);
+          return `
+interface ${r} {
+${m}
+}
+declare const ${e.name}: ${r};`;
+        } else
+          return `declare const ${e.name}: ${e.type};`;
+      }).join(`
+`), o = "predefined-variables";
+      (b = n.__extraLibDisposables) != null && b[o] && n.__extraLibDisposables[o].dispose();
+      const y = n.languages.typescript.javascriptDefaults.addExtraLib(
+        x,
+        `ts:filename/${o}.d.ts`
+      );
+      n.__extraLibDisposables || (n.__extraLibDisposables = {}), n.__extraLibDisposables[o] = y;
+    }
+    if (u === "python") {
+      ["python-hover-provider", "python-completion-provider"].forEach((e) => {
+        var m;
+        const r = (m = n.__customDisposables) == null ? void 0 : m[e];
+        r && r.dispose();
+      }), n.__customDisposables || (n.__customDisposables = {});
+      const o = n.languages.registerHoverProvider("python", {
+        provideHover: (e, r) => {
+          const m = e.getWordAtPosition(r);
+          if (!m) return null;
+          const p = t.find((h) => h.name === m.word);
+          if (p)
+            return {
+              contents: [
+                { value: `(variable) ${p.name}: ${p.type}` },
+                { value: p.documentation || "" }
+              ]
+            };
+          const c = e.getLineContent(r.lineNumber).substring(0, r.column).match(/(\w+)\.(\w+)$/);
+          if (c) {
+            const [h, g, d] = c, i = t.find((s) => s.name === g && s.isObject);
+            if (i && i.properties) {
+              const s = i.properties.find(($) => $.name === d);
+              if (s)
+                return {
+                  contents: [
+                    { value: `(property) ${g}.${s.name}: ${s.type}` },
+                    { value: s.documentation || "" }
+                  ]
+                };
+            }
+          }
+          return null;
+        }
+      }), y = n.languages.registerCompletionItemProvider("python", {
+        triggerCharacters: ["."],
+        provideCompletionItems: (e, r) => {
+          const l = e.getLineContent(r.lineNumber).substring(0, r.column).match(/(\w+)\.\s*$/);
+          if (!l) return { suggestions: [] };
+          const [c, h] = l, g = t.find((d) => d.name === h && d.isObject);
+          return g && g.properties && g.properties.length > 0 ? { suggestions: g.properties.map((i) => ({
+            label: i.name,
+            kind: n.languages.CompletionItemKind.Property,
+            detail: i.type,
+            documentation: {
+              value: i.documentation || "",
+              isTrusted: !0
+            },
+            insertText: i.name,
+            range: {
+              startLineNumber: r.lineNumber,
+              startColumn: r.column,
+              endLineNumber: r.lineNumber,
+              endColumn: r.column
+            }
+          })) } : { suggestions: [] };
+        }
+      });
+      n.__customDisposables["python-hover-provider"] = o, n.__customDisposables["python-completion-provider"] = y;
+    }
+  }
+}
+function ee({
+  value: n,
+  onChange: u,
+  language: t = "javascript",
+  height: b = "300px",
+  className: x = "",
+  options: o = {},
+  onMount: y,
+  title: e = "Code Editor",
+  variables: r = [],
+  variablePrefix: m = "{{",
+  variableSuffix: p = "}}",
+  predefinedVariables: l = [],
+  allowFullscreen: c = !0,
+  isDark: h = !1
+}) {
+  const g = !h, d = N(null), i = N(null), [s, $] = k(!1), v = N(null), j = N(`editor-${Math.random().toString(36).substr(2, 9)}`), [T, K] = k(null);
+  _(() => {
+    if (!(!d.current || !i.current))
+      return v.current && (v.current(), v.current = null), console.log(`Setting up variable suggestions for ${j.current}`), v.current = O(
+        d.current,
+        i.current,
+        r,
+        { language: t, variablePrefix: m, variableSuffix: p }
+      ), () => {
+        v.current && (v.current(), v.current = null);
+      };
+  }, [T, r, t, m, p]), _(() => {
+    !i.current || l.length === 0 || (console.log("registering predefined variables", l), z(
+      i.current,
+      t,
+      l
+    ));
+  }, [t, l]), _(() => {
+    d.current && setTimeout(() => {
+      var f;
+      (f = d.current) == null || f.layout();
+    }, 100);
+  }, [s]);
+  const w = I((f, C) => {
+    var P, M;
+    console.log(`Editor ${j.current} mounted`), d.current = f, i.current = C, K(f), l.length > 0 && z(C, t, l), t === "python" ? (P = f.getModel()) == null || P.updateOptions({ tabSize: 4, insertSpaces: !0 }) : t !== "markdown" && ((M = f.getModel()) == null || M.updateOptions({ tabSize: 2, insertSpaces: !0 })), y && y(f, C);
+  }, [t, y, l]), D = R(() => ({
+    ...q,
+    ...B[t] || {},
+    ...o
+  }), [t, o]), L = I(() => {
+    $(!s);
+  }, [s]);
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsxs("div", { className: x, children: [
+      c && /* @__PURE__ */ a.jsx("div", { className: "flex justify-end mb-1", children: /* @__PURE__ */ a.jsx(
+        E,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: L,
+          className: "h-7 w-7 p-0",
+          children: /* @__PURE__ */ a.jsx(A, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ a.jsx("div", { className: "relative", style: { display: s ? "none" : "block" }, children: /* @__PURE__ */ a.jsx(
+        S,
+        {
+          height: b,
+          language: t,
+          value: n,
+          onChange: (f) => u == null ? void 0 : u(f || ""),
+          options: D,
+          onMount: w,
+          theme: g ? "vs-light" : "vs-dark"
+        },
+        j.current
+      ) })
+    ] }),
+    s && /* @__PURE__ */ a.jsx(
+      W,
+      {
+        isOpen: s,
+        onClose: () => $(!1),
+        size: "2xl",
+        title: e,
+        header: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+          /* @__PURE__ */ a.jsx("h2", { className: "text-sm font-medium", children: e }),
+          /* @__PURE__ */ a.jsx(
+            E,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: L,
+              className: "h-7 w-7 p-0",
+              children: /* @__PURE__ */ a.jsx(F, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ a.jsx("div", { className: "h-[80vh] w-full", children: /* @__PURE__ */ a.jsx(
+          S,
+          {
+            height: "100%",
+            language: t,
+            value: n,
+            onChange: (f) => u == null ? void 0 : u(f || ""),
+            options: D,
+            onMount: w,
+            theme: g ? "vs-light" : "vs-dark"
+          },
+          `${j.current}-fullscreen`
+        ) })
+      }
+    )
+  ] });
+}
+export {
+  ee as M,
+  q as d,
+  B as l,
+  O as s,
+  Z as u
+};
+//# sourceMappingURL=MonacoEditor-D3QSSKa4.js.map

package/dist/MonacoEditor-D3QSSKa4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor-D3QSSKa4.js","sources":["../src/components/monaco-editor/constants.ts","../src/components/monaco-editor/variableSuggestions.ts","../src/components/monaco-editor/utils.ts","../src/components/monaco-editor/MonacoEditor.tsx"],"sourcesContent":["import { editor as monacoEditor } from 'monaco-editor';\nimport { MonacoEditorLanguage } from './types';\n\nexport const defaultOptions: monacoEditor.IEditorOptions = {\n  minimap: { enabled: false },\n  fontSize: 14,\n  scrollBeyondLastLine: false,\n  wordWrap: 'on',\n  lineNumbers: 'on',\n  automaticLayout: true,\n  scrollbar: {\n    vertical: 'auto',\n    horizontal: 'auto',\n  },\n};\n\nexport const languageOptions: Record<MonacoEditorLanguage, monacoEditor.IEditorOptions> = {\n  javascript: {},\n  typescript: {},\n  python: {},\n  json: {},\n  html: {},\n  css: {},\n  markdown: {\n    wordWrap: 'on',\n  },\n  plaintext: {},\n}; ","import { Monaco } from '@monaco-editor/react';\nimport { editor as monacoEditor } from 'monaco-editor';\nimport { VariableSuggestion } from './types';\n\ntype VariableSuggestionProviderConfig = {\n  language: string;\n  variablePrefix: string;\n  variableSuffix: string;\n};\n\n// Keep track of registered providers with a uniqueId\nconst registeredProviders = new Map<string, {\n  dispose: () => void,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n}>();\n\n// Counter for unique IDs\nlet providerCounter = 0;\n\n/**\n * Setup variable suggestions for Monaco editor\n */\nexport function setupVariableSuggestions(\n  editor: monacoEditor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n): () => void {\n  const { language, variablePrefix, variableSuffix } = config;\n  \n  // Generate a unique ID for this provider\n  const providerId = `provider_${++providerCounter}`;\n  \n  console.log(`Setting up variable suggestions with ID ${providerId} (${variables.length} variables)`);\n  \n  // Register completion provider\n  const completionProvider = monaco.languages.registerCompletionItemProvider(language, {\n    triggerCharacters: ['{'], \n    \n    provideCompletionItems: (model, position) => {\n      // Get text before cursor\n      const lineContent = model.getLineContent(position.lineNumber);\n      const textUntilPosition = lineContent.substring(0, position.column - 1);\n      \n      // Check if we've just typed the variable prefix\n      if (textUntilPosition.endsWith(variablePrefix)) {\n        console.log(`[${providerId}] Detected ${variablePrefix} - showing ${variables.length} variable suggestions`);\n        \n        if (variables.length === 0) {\n          console.log(`[${providerId}] No variables available for suggestions`);\n          return { suggestions: [] };\n        }\n        \n        // Use Set to ensure unique variable names\n        const uniqueVariables = Array.from(\n          new Map(variables.map(v => [v.name, v])).values()\n        );\n        \n        // Create suggestions\n        const suggestions = uniqueVariables.map(variable => ({\n          label: variable.name,\n          kind: monaco.languages.CompletionItemKind.Variable,\n          detail: variable.type,\n          documentation: {\n            value: variable.description || '',\n            isTrusted: true\n          },\n          insertText: variable.name,\n          sortText: '0' + variable.name, // Force variable suggestions to appear at top\n          range: {\n            startLineNumber: position.lineNumber,\n            startColumn: position.column,\n            endLineNumber: position.lineNumber,\n            endColumn: position.column\n          }\n        }));\n        \n        console.log(`[${providerId}] Created ${suggestions.length} suggestions`);\n        return { suggestions };\n      }\n      \n      return { suggestions: [] };\n    }\n  });\n  \n  // Add manual KeyUp handler to trigger suggestions\n  const keyUpDisposable = editor.onKeyUp(e => {\n    // Skip if not the right key\n    if (e.code !== 'BracketLeft' && e.code !== 'Digit2') return;\n    \n    const position = editor.getPosition();\n    if (!position) return;\n    \n    const model = editor.getModel();\n    if (!model) return;\n    \n    const lineContent = model.getLineContent(position.lineNumber);\n    const textUntilPosition = lineContent.substring(0, position.column - 1);\n    \n    if (textUntilPosition.endsWith(variablePrefix)) {\n      console.log(`[${providerId}] Manually triggering suggestions on ${variablePrefix}`);\n      \n      // Delay slightly to ensure the model is updated\n      setTimeout(() => {\n        // Force suggestions to appear\n        editor.trigger('keyboard', 'editor.action.triggerSuggest', {});\n      }, 20);\n    }\n  });\n  \n  // Create dispose function\n  const dispose = () => {\n    console.log(`Disposing provider ${providerId}`);\n    completionProvider.dispose();\n    keyUpDisposable.dispose();\n    registeredProviders.delete(providerId);\n  };\n  \n  // Store in registeredProviders\n  registeredProviders.set(providerId, {\n    dispose,\n    variables,\n    config\n  });\n  \n  return dispose;\n}\n\n/**\n * Update variables for an existing provider\n * Creates a new provider with the updated variables\n */\nexport function updateVariableSuggestions(\n  editor: monacoEditor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  variables: VariableSuggestion[],\n  config: VariableSuggestionProviderConfig\n): void {\n  // Remove duplicates from variables array\n  const uniqueVariables = Array.from(\n    new Map(variables.map(v => [v.name, v])).values()\n  );\n  \n  console.log(`Updating provider with ${uniqueVariables.length} variables`);\n  \n  // Create a new provider with the updated variables\n  setupVariableSuggestions(editor, monaco, uniqueVariables, config);\n} ","import { Monaco } from \"@monaco-editor/react\";\nimport { PredefinedVariable } from \"./types\";\n\n/**\n * Find the position of a variable prefix in a text string\n * \n * @param lineContent The current line content\n * @param currentColumn The current cursor column\n * @param variablePrefix The variable prefix to look for\n * @returns The starting position of the prefix, or -1 if not found\n */\nexport function findVariablePrefixPosition(\n  lineContent: string, \n  currentColumn: number, \n  variablePrefix: string\n): number {\n  let prefixStart = -1;\n  \n  // Look for the variable prefix before the cursor within a reasonable range\n  for (let i = currentColumn - 1; i >= 0 && i >= currentColumn - variablePrefix.length - 10; i--) {\n    if (i - variablePrefix.length + 1 >= 0) {\n      const substring = lineContent.substring(i - variablePrefix.length + 1, i + 1);\n      if (substring === variablePrefix) {\n        prefixStart = i - variablePrefix.length + 1;\n        break;\n      }\n    }\n  }\n  \n  return prefixStart;\n}\n\n/**\n * Format a preview text with variable prefix and suffix\n * \n * @param variableName The variable name to format\n * @param variablePrefix The prefix to add\n * @param variableSuffix The suffix to add\n * @returns Formatted variable string\n */\nexport function formatVariablePreview(\n  variableName: string | null, \n  variablePrefix: string, \n  variableSuffix: string\n): string {\n  if (!variableName) return variablePrefix + '....' + variableSuffix;\n  return variablePrefix + variableName + variableSuffix;\n}\n\n/**\n * Format code according to the specified language\n */\nexport function formatCode(monaco: Monaco, editor: any, language: string) {\n  editor.getAction('editor.action.formatDocument').run();\n}\n\n/**\n * Get the appropriate EOL character for the current operating system\n */\nexport function getEOL() {\n  return '\\n';\n}\n\n/**\n * Register predefined variables with the Monaco editor\n */\nexport function registerPredefinedVariables(\n  monaco: Monaco, \n  language: string, \n  variables: PredefinedVariable[]\n) {\n  if (!variables || variables.length === 0) return;\n  \n  // For JavaScript/TypeScript editor\n  if (language === 'javascript' || language === 'typescript') {\n    // Create TypeScript definitions for our variables\n    const declarations = variables.map(variable => {\n      if (variable.isObject && variable.properties && variable.properties.length > 0) {\n        // Create a detailed interface for object types with properties\n        const interfaceName = `I${variable.name.charAt(0).toUpperCase() + variable.name.slice(1)}`;\n        const propertyDeclarations = variable.properties.map(prop => \n          `  ${prop.name}: ${prop.type};`\n        ).join('\\n');\n        \n        return `\ninterface ${interfaceName} {\n${propertyDeclarations}\n}\ndeclare const ${variable.name}: ${interfaceName};`;\n      } else {\n        // Simple variable declaration\n        return `declare const ${variable.name}: ${variable.type};`;\n      }\n    }).join('\\n');\n    \n    // Check if we already have a stored disposable for the lib\n    const libKey = 'predefined-variables';\n    if ((monaco as any).__extraLibDisposables?.[libKey]) {\n      (monaco as any).__extraLibDisposables[libKey].dispose();\n    }\n    \n    // Add the library and store its disposable\n    const disposable = monaco.languages.typescript.javascriptDefaults.addExtraLib(\n      declarations,\n      `ts:filename/${libKey}.d.ts`\n    );\n    \n    // Initialize storage for disposables if needed\n    if (!(monaco as any).__extraLibDisposables) {\n      (monaco as any).__extraLibDisposables = {};\n    }\n    \n    // Store the disposable for later cleanup\n    (monaco as any).__extraLibDisposables[libKey] = disposable;\n  }\n  \n  // For Python, we add hover providers and completion providers\n  if (language === 'python') {\n    // Remove previous providers if they exist\n    const providerKeys = ['python-hover-provider', 'python-completion-provider'];\n    providerKeys.forEach(key => {\n      const disposable = (monaco as any).__customDisposables?.[key];\n      if (disposable) {\n        disposable.dispose();\n      }\n    });\n    \n    // Initialize storage for disposables if needed\n    if (!(monaco as any).__customDisposables) {\n      (monaco as any).__customDisposables = {};\n    }\n    \n    // Create a new hover provider\n    const hoverProvider = monaco.languages.registerHoverProvider('python', {\n      provideHover: (model, position) => {\n        const word = model.getWordAtPosition(position);\n        if (!word) return null;\n        \n        // Check if it's a direct variable match\n        const variable = variables.find(v => v.name === word.word);\n        if (variable) {\n          return {\n            contents: [\n              { value: `(variable) ${variable.name}: ${variable.type}` },\n              { value: variable.documentation || '' }\n            ]\n          };\n        }\n        \n        // Check if it's a property access (e.g., self.property)\n        const lineContent = model.getLineContent(position.lineNumber);\n        const dotMatch = lineContent.substring(0, position.column).match(/(\\w+)\\.(\\w+)$/);\n        \n        if (dotMatch) {\n          const [_, objName, propName] = dotMatch;\n          const objVar = variables.find(v => v.name === objName && v.isObject);\n          \n          if (objVar && objVar.properties) {\n            const property = objVar.properties.find(p => p.name === propName);\n            if (property) {\n              return {\n                contents: [\n                  { value: `(property) ${objName}.${property.name}: ${property.type}` },\n                  { value: property.documentation || '' }\n                ]\n              };\n            }\n          }\n        }\n        \n        return null;\n      }\n    });\n    \n    // Create completion provider for object properties\n    const completionProvider = monaco.languages.registerCompletionItemProvider('python', {\n      triggerCharacters: ['.'],\n      provideCompletionItems: (model, position) => {\n        const lineContent = model.getLineContent(position.lineNumber);\n        const textUntilPosition = lineContent.substring(0, position.column);\n        \n        // Match for object property access\n        const match = textUntilPosition.match(/(\\w+)\\.\\s*$/);\n        if (!match) return { suggestions: [] };\n        \n        const [_, objName] = match;\n        const objVar = variables.find(v => v.name === objName && v.isObject);\n        \n        if (objVar && objVar.properties && objVar.properties.length > 0) {\n          const suggestions = objVar.properties.map(prop => ({\n            label: prop.name,\n            kind: monaco.languages.CompletionItemKind.Property,\n            detail: prop.type,\n            documentation: {\n              value: prop.documentation || '',\n              isTrusted: true\n            },\n            insertText: prop.name,\n            range: {\n              startLineNumber: position.lineNumber,\n              startColumn: position.column,\n              endLineNumber: position.lineNumber,\n              endColumn: position.column\n            }\n          }));\n          \n          return { suggestions };\n        }\n        \n        return { suggestions: [] };\n      }\n    });\n    \n    // Store providers for later disposal\n    (monaco as any).__customDisposables['python-hover-provider'] = hoverProvider;\n    (monaco as any).__customDisposables['python-completion-provider'] = completionProvider;\n  }\n} ","import { useRef, useState, useEffect, useMemo, useCallback } from \"react\";\nimport Editor, { Monaco } from '@monaco-editor/react';\nimport { editor as monacoEditor } from 'monaco-editor';\nimport { Modal } from \"../modal\";\nimport { Button } from \"../button\";\nimport { Maximize2, Minimize2, Maximize } from \"lucide-react\";\nimport { MonacoEditorProps } from \"./types\";\nimport { defaultOptions, languageOptions } from \"./constants\";\nimport { setupVariableSuggestions } from \"./variableSuggestions\";\nimport { registerPredefinedVariables } from \"./utils\";\n\nexport function MonacoEditor({\n  value,\n  onChange,\n  language = 'javascript',\n  height = '300px',\n  className = '',\n  options = {},\n  onMount,\n  title = 'Code Editor',\n  variables = [],\n  variablePrefix = '{{',\n  variableSuffix = '}}',\n  predefinedVariables = [],\n  allowFullscreen = true,\n  isDark = false,\n}: MonacoEditorProps) {\n  const isLight = !isDark;\n  const editorRef = useRef<monacoEditor.IStandaloneCodeEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const suggestionDisposableRef = useRef<(() => void) | null>(null);\n  const editorIdRef = useRef<string>(`editor-${Math.random().toString(36).substr(2, 9)}`);\n  const [editorInstance, setEditorInstance] = useState<monacoEditor.IStandaloneCodeEditor | null>(null);\n\n  // Setup variable suggestions once the editor is mounted\n  useEffect(() => {\n    if (!editorRef.current || !monacoRef.current) return;\n    \n    // Clear any previous provider\n    if (suggestionDisposableRef.current) {\n      suggestionDisposableRef.current();\n      suggestionDisposableRef.current = null;\n    }\n    \n    // Setup a new provider with current variables\n    console.log(`Setting up variable suggestions for ${editorIdRef.current}`);\n    suggestionDisposableRef.current = setupVariableSuggestions(\n      editorRef.current,\n      monacoRef.current,\n      variables,\n      { language, variablePrefix, variableSuffix }\n    );\n    \n    return () => {\n      if (suggestionDisposableRef.current) {\n        suggestionDisposableRef.current();\n        suggestionDisposableRef.current = null;\n      }\n    };\n  }, [editorInstance, variables, language, variablePrefix, variableSuffix]);\n\n  // Register predefined variables like 'self'\n  useEffect(() => {\n    if (!monacoRef.current || predefinedVariables.length === 0) return;\n    \n    console.log('registering predefined variables', predefinedVariables);\n    registerPredefinedVariables(\n      monacoRef.current,\n      language,\n      predefinedVariables\n    );\n  }, [language, predefinedVariables]);\n\n  // Handle fullscreen toggle - need to relayout the editor\n  useEffect(() => {\n    if (editorRef.current) {\n      // Give the modal time to animate\n      setTimeout(() => {\n        editorRef.current?.layout();\n      }, 100);\n    }\n  }, [isFullscreen]);\n\n  // Handle editor mounting\n  const handleEditorDidMount = useCallback((editor: monacoEditor.IStandaloneCodeEditor, monaco: Monaco) => {\n    console.log(`Editor ${editorIdRef.current} mounted`);\n    editorRef.current = editor;\n    monacoRef.current = monaco;\n    setEditorInstance(editor);\n    \n    // Register predefined variables immediately after mount\n    if (predefinedVariables.length > 0) {\n      registerPredefinedVariables(monaco, language, predefinedVariables);\n    }\n    \n    // Set language-specific model options\n    if (language === 'python') {\n      editor.getModel()?.updateOptions({ tabSize: 4, insertSpaces: true });\n    } else if (language !== 'markdown') {\n      editor.getModel()?.updateOptions({ tabSize: 2, insertSpaces: true });\n    }\n    \n    if (onMount) {\n      onMount(editor, monaco);\n    }\n  }, [language, onMount, predefinedVariables]);\n\n  // Merge default options with language-specific options and user options\n  const mergedOptions = useMemo(() => {\n    return {\n      ...defaultOptions,\n      ...(languageOptions[language] || {}),\n      ...options,\n    };\n  }, [language, options]);\n\n  const toggleFullscreen = useCallback(() => {\n    setIsFullscreen(!isFullscreen);\n  }, [isFullscreen]);\n\n  return (\n    <>\n      <div className={className}>\n        {allowFullscreen && (\n          <div className=\"flex justify-end mb-1\">\n            <Button \n              variant=\"ghost\" \n              size=\"sm\" \n              onClick={toggleFullscreen} \n              className=\"h-7 w-7 p-0\"\n          >\n            <Maximize className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        )}\n        <div className=\"relative\" style={{ display: isFullscreen ? 'none' : 'block' }}>\n          <Editor\n            height={height}\n            language={language}\n            value={value}\n            onChange={(value) => onChange?.(value || '')}\n            options={mergedOptions}\n            onMount={handleEditorDidMount}\n            theme={isLight ? 'vs-light' : 'vs-dark'}\n            key={editorIdRef.current} // Use the stable ID\n          />\n        </div>\n      </div>\n\n      {isFullscreen && (\n        <Modal \n          isOpen={isFullscreen} \n          onClose={() => setIsFullscreen(false)}\n          size=\"2xl\"\n          title={title}\n          header={\n            <div className=\"flex items-center justify-between w-full\">\n              <h2 className=\"text-sm font-medium\">{title}</h2>\n              <Button \n                variant=\"ghost\" \n                size=\"sm\" \n                onClick={toggleFullscreen} \n                className=\"h-7 w-7 p-0\"\n              >\n                <Minimize2 className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          }\n        >\n          <div className=\"h-[80vh] w-full\">\n            <Editor\n              height=\"100%\"\n              language={language}\n              value={value}\n              onChange={(value) => onChange?.(value || '')}\n              options={mergedOptions}\n              onMount={handleEditorDidMount}\n              theme={isLight ? 'vs-light' : 'vs-dark'}\n              key={`${editorIdRef.current}-fullscreen`} // Use the same ID with a suffix\n            />\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n} "],"names":["defaultOptions","languageOptions","registeredProviders","providerCounter","setupVariableSuggestions","editor","monaco","variables","config","language","variablePrefix","variableSuffix","providerId","completionProvider","model","position","suggestions","v","variable","keyUpDisposable","e","dispose","updateVariableSuggestions","uniqueVariables","registerPredefinedVariables","declarations","interfaceName","propertyDeclarations","prop","libKey","_a","disposable","key","hoverProvider","word","dotMatch","_","objName","propName","objVar","property","p","match","MonacoEditor","value","onChange","height","className","options","onMount","title","predefinedVariables","allowFullscreen","isDark","isLight","editorRef","useRef","monacoRef","isFullscreen","setIsFullscreen","useState","suggestionDisposableRef","editorIdRef","editorInstance","setEditorInstance","useEffect","handleEditorDidMount","useCallback","_b","mergedOptions","useMemo","toggleFullscreen","jsxs","Fragment","jsx","Button","Maximize","Editor","Modal","Minimize2"],"mappings":"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"}

package/dist/alert.d.ts

@@ -7,6 +7,13 @@ export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React
 export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
 export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
 }
 
 export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;

package/dist/badge.d.ts

@@ -9,7 +9,7 @@ export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElemen
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "secondary" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export { }

package/dist/command.d.ts

@@ -3,11 +3,11 @@ import * as React_2 from 'react';
 
 export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -27,19 +27,19 @@ export declare const CommandDialog: ({ children, open, onOpenChange, }: {
 
 export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
-} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React_2.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -49,18 +49,18 @@ export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<P
     ref?: React_2.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
-} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -70,19 +70,19 @@ export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
 
 export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React_2.HTMLAttributes<HTMLDivElement> | "key"> & {
+export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 

package/dist/components/alert.d.ts

@@ -4,6 +4,13 @@ declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
 }
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;