@sqlrooms/sql-editor 0.6.0 → 0.8.0

package/dist/SqlQueryDataSourcesPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlQueryDataSourcesPanel.js","sourceRoot":"","sources":["../src/SqlQueryDataSourcesPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {DataSourceStatus, useBaseProjectStore} from '@sqlrooms/project-builder';\nimport {SqlQueryDataSource} from '@sqlrooms/project-config';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {\n  EllipsisIcon,\n  FileIcon,\n  PencilIcon,\n  PlusIcon,\n  RefreshCcwIcon,\n  XIcon,\n} from 'lucide-react';\nimport {FC, useCallback, useState} from 'react';\nimport CreateTableModal from './CreateTableModal';\nimport {useStoreWithSqlEditor} from './SqlEditorSlice';\n\nconst SqlQueryDataSourcesPanel: FC<{\n  queryDataSources: SqlQueryDataSource[];\n}> = (props) => {\n  const {queryDataSources} = props;\n  const [selectedDataSource, setSelectedDataSource] =\n    useState<SqlQueryDataSource>();\n  const [isOpen, setIsOpen] = useState(false);\n  const dataSourceStates = useBaseProjectStore(\n    (state) => state.project.dataSourceStates,\n  );\n  const removeSqlQueryDataSource = useBaseProjectStore(\n    (state) => state.project.removeSqlQueryDataSource,\n  );\n\n  const handleEdit = useCallback((dataSource: SqlQueryDataSource) => {\n    setSelectedDataSource(dataSource);\n    setIsOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n    setSelectedDataSource(undefined);\n  }, []);\n\n  const handleRemove = useCallback(\n    (dataSource: SqlQueryDataSource) => {\n      const {tableName} = dataSource;\n      removeSqlQueryDataSource(tableName);\n    },\n    [removeSqlQueryDataSource],\n  );\n\n  const addOrUpdateSqlQuery = useStoreWithSqlEditor(\n    (state) => state.sqlEditor.addOrUpdateSqlQuery,\n  );\n\n  const isReadOnly = useBaseProjectStore((state) => state.project.isReadOnly);\n\n  return (\n    <div className=\"flex flex-col overflow-auto flex-grow\">\n      <div className=\"flex flex-col items-stretch\">\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() => setIsOpen(true)}\n          disabled={isReadOnly}\n        >\n          <PlusIcon className=\"mr-2 h-4 w-4\" />\n          Add\n        </Button>\n      </div>\n      <CreateTableModal\n        isOpen={isOpen}\n        onClose={handleClose}\n        editDataSource={selectedDataSource}\n        query=\"\"\n        onAddOrUpdateSqlQuery={addOrUpdateSqlQuery}\n      />\n\n      <div className=\"flex flex-col overflow-auto flex-grow\">\n        {queryDataSources.map((dataSource) => (\n          <div key={dataSource.tableName} className=\"p-2 flex flex-col gap-1\">\n            <div className=\"flex gap-1 cursor-pointer flex-row items-center\">\n              <div className=\"flex-none w-[15px]\">\n                <FileIcon className=\"w-[15px]\" />\n              </div>\n              <div className=\"flex-1 overflow-hidden text-ellipsis\">\n                <span className=\"text-xs break-words\">\n                  {dataSource.tableName}\n                </span>\n              </div>\n              <div className=\"flex-none\">\n                {!isReadOnly ? (\n                  <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                      <Button\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        className=\"h-6 w-6 text-muted-foreground\"\n                      >\n                        <EllipsisIcon className=\"h-5 w-5\" />\n                      </Button>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent align=\"end\">\n                      <DropdownMenuItem onClick={() => handleEdit(dataSource)}>\n                        <PencilIcon className=\"mr-2 h-4 w-4\" />\n                        Edit\n                      </DropdownMenuItem>\n                      <DropdownMenuItem disabled>\n                        <RefreshCcwIcon className=\"mr-2 h-4 w-4\" />\n                        Refresh\n                      </DropdownMenuItem>\n                      <DropdownMenuItem\n                        onClick={() => handleRemove(dataSource)}\n                      >\n                        <XIcon className=\"mr-2 h-4 w-4\" />\n                        Remove from project\n                      </DropdownMenuItem>\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                ) : null}\n              </div>\n            </div>\n            <div className=\"flex flex-row gap-1 items-center\">\n              {dataSourceStates[dataSource.tableName]?.status ===\n              DataSourceStatus.ERROR ? (\n                <div className=\"flex-1 bg-destructive/15 text-destructive text-xs p-1 rounded\">\n                  {dataSourceStates[dataSource.tableName]?.message}\n                </div>\n              ) : dataSourceStates[dataSource.tableName]?.status ===\n                DataSourceStatus.FETCHING ? (\n                <div className=\"w-full bg-secondary h-1 rounded overflow-hidden\">\n                  <div className=\"h-full bg-primary animate-pulse\" />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport {SqlQueryDataSourcesPanel};\n"]}
+{"version":3,"file":"SqlQueryDataSourcesPanel.js","sourceRoot":"","sources":["../src/SqlQueryDataSourcesPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {DataSourceStatus, useBaseProjectStore} from '@sqlrooms/project-builder';\nimport {SqlQueryDataSource} from '@sqlrooms/project-config';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {\n  EllipsisIcon,\n  FileIcon,\n  PencilIcon,\n  PlusIcon,\n  RefreshCcwIcon,\n  XIcon,\n} from 'lucide-react';\nimport {FC, useCallback, useState} from 'react';\nimport CreateTableModal from './CreateTableModal';\nimport {useStoreWithSqlEditor} from './SqlEditorSlice';\n\nconst SqlQueryDataSourcesPanel: FC<{\n  queryDataSources: SqlQueryDataSource[];\n}> = (props) => {\n  const {queryDataSources} = props;\n  const [selectedDataSource, setSelectedDataSource] =\n    useState<SqlQueryDataSource>();\n  const [isOpen, setIsOpen] = useState(false);\n  const dataSourceStates = useBaseProjectStore(\n    (state) => state.project.dataSourceStates,\n  );\n  const removeSqlQueryDataSource = useBaseProjectStore(\n    (state) => state.project.removeSqlQueryDataSource,\n  );\n\n  const handleEdit = useCallback((dataSource: SqlQueryDataSource) => {\n    setSelectedDataSource(dataSource);\n    setIsOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n    setSelectedDataSource(undefined);\n  }, []);\n\n  const handleRemove = useCallback(\n    (dataSource: SqlQueryDataSource) => {\n      const {tableName} = dataSource;\n      removeSqlQueryDataSource(tableName);\n    },\n    [removeSqlQueryDataSource],\n  );\n\n  const addOrUpdateSqlQueryDataSource = useBaseProjectStore(\n    (state) => state.project.addOrUpdateSqlQueryDataSource,\n  );\n\n  const isReadOnly = useBaseProjectStore((state) => state.project.isReadOnly);\n\n  return (\n    <div className=\"flex flex-col overflow-auto flex-grow\">\n      <div className=\"flex flex-col items-stretch\">\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={() => setIsOpen(true)}\n          disabled={isReadOnly}\n        >\n          <PlusIcon className=\"mr-2 h-4 w-4\" />\n          Add\n        </Button>\n      </div>\n      <CreateTableModal\n        isOpen={isOpen}\n        onClose={handleClose}\n        editDataSource={selectedDataSource}\n        query=\"\"\n        onAddOrUpdateSqlQuery={addOrUpdateSqlQueryDataSource}\n      />\n\n      <div className=\"flex flex-col overflow-auto flex-grow\">\n        {queryDataSources.map((dataSource) => (\n          <div key={dataSource.tableName} className=\"p-2 flex flex-col gap-1\">\n            <div className=\"flex gap-1 cursor-pointer flex-row items-center\">\n              <div className=\"flex-none w-[15px]\">\n                <FileIcon className=\"w-[15px]\" />\n              </div>\n              <div className=\"flex-1 overflow-hidden text-ellipsis\">\n                <span className=\"text-xs break-words\">\n                  {dataSource.tableName}\n                </span>\n              </div>\n              <div className=\"flex-none\">\n                {!isReadOnly ? (\n                  <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                      <Button\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        className=\"h-6 w-6 text-muted-foreground\"\n                      >\n                        <EllipsisIcon className=\"h-5 w-5\" />\n                      </Button>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent align=\"end\">\n                      <DropdownMenuItem onClick={() => handleEdit(dataSource)}>\n                        <PencilIcon className=\"mr-2 h-4 w-4\" />\n                        Edit\n                      </DropdownMenuItem>\n                      <DropdownMenuItem disabled>\n                        <RefreshCcwIcon className=\"mr-2 h-4 w-4\" />\n                        Refresh\n                      </DropdownMenuItem>\n                      <DropdownMenuItem\n                        onClick={() => handleRemove(dataSource)}\n                      >\n                        <XIcon className=\"mr-2 h-4 w-4\" />\n                        Remove from project\n                      </DropdownMenuItem>\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                ) : null}\n              </div>\n            </div>\n            <div className=\"flex flex-row gap-1 items-center\">\n              {dataSourceStates[dataSource.tableName]?.status ===\n              DataSourceStatus.ERROR ? (\n                <div className=\"flex-1 bg-destructive/15 text-destructive text-xs p-1 rounded\">\n                  {dataSourceStates[dataSource.tableName]?.message}\n                </div>\n              ) : dataSourceStates[dataSource.tableName]?.status ===\n                DataSourceStatus.FETCHING ? (\n                <div className=\"w-full bg-secondary h-1 rounded overflow-hidden\">\n                  <div className=\"h-full bg-primary animate-pulse\" />\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport {SqlQueryDataSourcesPanel};\n"]}

package/dist/components/internal/SqlMonacoEditor.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { MonacoEditorProps } from '@sqlrooms/monaco-editor';
+export interface SqlMonacoEditorProps extends Omit<MonacoEditorProps, 'language'> {
+    /**
+     * Custom SQL keywords to add to the completion provider
+     */
+    customKeywords?: string[];
+    /**
+     * Custom SQL functions to add to the completion provider
+     */
+    customFunctions?: string[];
+    /**
+     * Table schemas for autocompletion
+     * Format: { tableName: { columnName: columnType, ... }, ... }
+     */
+    tableSchemas?: Record<string, Record<string, string>>;
+    /**
+     * Sample data for tables to enhance autocompletion
+     * Format: { tableName: [sampleDescription1, sampleDescription2, ...], ... }
+     */
+    tableSamples?: Record<string, string[]>;
+    /**
+     * Callback to get the latest table schemas and samples
+     * This is called from within provideCompletionItems to ensure we have the latest data
+     */
+    getLatestSchemas?: () => {
+        tableSchemas: Record<string, Record<string, string>>;
+        tableSamples: Record<string, string[]>;
+    };
+}
+/**
+ * A Monaco editor for editing SQL with DuckDB syntax highlighting and autocompletion
+ * This is an internal component used by SqlEditor
+ */
+export declare const SqlMonacoEditor: React.FC<SqlMonacoEditorProps>;
+//# sourceMappingURL=SqlMonacoEditor.d.ts.map

package/dist/components/internal/SqlMonacoEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlMonacoEditor.d.ts","sourceRoot":"","sources":["../../../src/components/internal/SqlMonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAS/D,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAC3C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM;QACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QACrD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;KACxC,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwQ1D,CAAC"}

package/dist/components/internal/SqlMonacoEditor.js

@@ -0,0 +1,219 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { MonacoEditor } from '@sqlrooms/monaco-editor';
+import { DUCKDB_KEYWORDS, DUCKDB_FUNCTIONS, SQL_LANGUAGE_CONFIGURATION, } from '../../constants/duckdb-dialect';
+/**
+ * A Monaco editor for editing SQL with DuckDB syntax highlighting and autocompletion
+ * This is an internal component used by SqlEditor
+ */
+export const SqlMonacoEditor = ({ customKeywords = [], customFunctions = [], tableSchemas = {}, tableSamples = {}, getLatestSchemas, onMount, className, ...props }) => {
+    // Store references to editor and monaco
+    const editorRef = useRef(null);
+    const monacoRef = useRef(null);
+    const disposableRef = useRef(null);
+    // Function to register the completion provider
+    const registerCompletionProvider = useCallback(() => {
+        if (!editorRef.current || !monacoRef.current)
+            return;
+        const monaco = monacoRef.current;
+        // Dispose previous provider if it exists
+        if (disposableRef.current) {
+            disposableRef.current.dispose();
+        }
+        // Register SQL completion provider
+        const disposable = monaco.languages.registerCompletionItemProvider('sql', {
+            triggerCharacters: [' ', '.', ',', '(', '='],
+            provideCompletionItems: (model, position) => {
+                try {
+                    // Get the latest schemas and samples if the callback is provided
+                    let currentSchemas = tableSchemas;
+                    let currentSamples = tableSamples;
+                    if (getLatestSchemas) {
+                        const latest = getLatestSchemas();
+                        currentSchemas = latest.tableSchemas;
+                        currentSamples = latest.tableSamples;
+                    }
+                    const suggestions = [];
+                    const word = model.getWordUntilPosition(position);
+                    const range = {
+                        startLineNumber: position.lineNumber,
+                        endLineNumber: position.lineNumber,
+                        startColumn: word.startColumn,
+                        endColumn: word.endColumn,
+                    };
+                    // Get the text before the cursor to determine context
+                    const lineContent = model.getLineContent(position.lineNumber);
+                    const textBeforeCursor = lineContent
+                        .substring(0, position.column - 1)
+                        .trim()
+                        .toLowerCase();
+                    // Check if we're after a FROM, JOIN, or similar clause to prioritize table suggestions
+                    const isTableContext = /\b(from|join|into|update|table)\s+\w*$/.test(textBeforeCursor);
+                    // Check if we're after a table name and period to prioritize column suggestions
+                    const isColumnContext = /\b(\w+)\.\w*$/.test(textBeforeCursor);
+                    // Combine keywords and functions with custom ones
+                    const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];
+                    const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];
+                    // Add keyword suggestions (if not in a specific context)
+                    if (!isColumnContext) {
+                        keywords.forEach((keyword) => {
+                            suggestions.push({
+                                label: keyword,
+                                kind: monaco.languages.CompletionItemKind.Keyword,
+                                insertText: keyword,
+                                range: range,
+                                detail: 'Keyword',
+                                sortText: isTableContext ? 'z' + keyword : 'a' + keyword, // Lower priority in table context
+                            });
+                        });
+                    }
+                    // Add function suggestions (if not in a specific context)
+                    if (!isColumnContext) {
+                        functions.forEach((func) => {
+                            suggestions.push({
+                                label: func,
+                                kind: monaco.languages.CompletionItemKind.Function,
+                                insertText: func,
+                                range: range,
+                                detail: 'Function',
+                                sortText: isTableContext ? 'z' + func : 'b' + func, // Lower priority in table context
+                            });
+                        });
+                    }
+                    // Add table and column suggestions from schemas
+                    Object.entries(currentSchemas).forEach(([tableName, columns]) => {
+                        // Get sample data for this table if available
+                        const samples = currentSamples[tableName] || [];
+                        const sampleText = samples.length > 0 ? `\nSample data:\n${samples.join('\n')}` : '';
+                        // Add table suggestion
+                        suggestions.push({
+                            label: tableName,
+                            kind: monaco.languages.CompletionItemKind.Class,
+                            insertText: tableName,
+                            range: range,
+                            detail: 'Table',
+                            documentation: {
+                                value: `Table: ${tableName}${sampleText}`,
+                                isTrusted: true,
+                            },
+                            sortText: isTableContext ? 'a' + tableName : 'c' + tableName, // Higher priority in table context
+                        });
+                        // Extract table name from context if we're in a column context
+                        let contextTableName = '';
+                        if (isColumnContext) {
+                            const match = textBeforeCursor.match(/\b(\w+)\.\w*$/);
+                            if (match && match[1]) {
+                                contextTableName = match[1];
+                            }
+                        }
+                        // Only add columns for the current table if we're in a column context
+                        if (!isColumnContext || contextTableName === tableName) {
+                            // Add column suggestions
+                            Object.entries(columns).forEach(([columnName, columnType]) => {
+                                // Find sample values for this column if available
+                                const columnSample = samples.find((s) => s.startsWith(`${columnName}:`));
+                                const sampleInfo = columnSample
+                                    ? `\nSample: ${columnSample.split(':')[1]?.trim() || ''}`
+                                    : '';
+                                suggestions.push({
+                                    label: columnName,
+                                    kind: monaco.languages.CompletionItemKind.Field,
+                                    insertText: columnName,
+                                    range: range,
+                                    detail: `Column (${columnType})`,
+                                    documentation: {
+                                        value: `Column from table ${tableName}${sampleInfo}`,
+                                        isTrusted: true,
+                                    },
+                                    sortText: isColumnContext && contextTableName === tableName
+                                        ? 'a' + columnName
+                                        : 'd' + columnName,
+                                });
+                                // Only add table.column suggestions if not in a column context
+                                if (!isColumnContext) {
+                                    suggestions.push({
+                                        label: `${tableName}.${columnName}`,
+                                        kind: monaco.languages.CompletionItemKind.Field,
+                                        insertText: `${tableName}.${columnName}`,
+                                        range: range,
+                                        detail: `Column (${columnType})`,
+                                        documentation: {
+                                            value: `Column from table ${tableName}${sampleInfo}`,
+                                            isTrusted: true,
+                                        },
+                                        sortText: 'e' + tableName + columnName,
+                                    });
+                                }
+                            });
+                        }
+                    });
+                    return {
+                        suggestions,
+                    };
+                }
+                catch (error) {
+                    console.error('Error in SQL completion provider:', error);
+                    return { suggestions: [] };
+                }
+            },
+        });
+        // Store the disposable to clean up later
+        disposableRef.current = disposable;
+    }, [
+        customKeywords,
+        customFunctions,
+        tableSchemas,
+        tableSamples,
+        getLatestSchemas,
+    ]);
+    // Re-register completion provider when tableSchemas or tableSamples change
+    useEffect(() => {
+        if (editorRef.current && monacoRef.current) {
+            registerCompletionProvider();
+        }
+    }, [tableSchemas, tableSamples, registerCompletionProvider]);
+    // Handle editor mounting to configure SQL language features
+    const handleEditorDidMount = useCallback((editor, monaco) => {
+        // Store references
+        editorRef.current = editor;
+        monacoRef.current = monaco;
+        // Register SQL language if not already registered
+        if (!monaco.languages.getLanguages().some((lang) => lang.id === 'sql')) {
+            monaco.languages.register({ id: 'sql' });
+        }
+        // Combine keywords and functions with custom ones
+        const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];
+        const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];
+        // Set the language configuration
+        monaco.languages.setMonarchTokensProvider('sql', {
+            ...SQL_LANGUAGE_CONFIGURATION,
+            keywords,
+            builtinFunctions: functions,
+        }); // Using 'as any' to bypass the type checking issue
+        // Register the completion provider
+        registerCompletionProvider();
+        // Store the disposable to clean up later if needed
+        editor.onDidDispose(() => {
+            if (disposableRef.current) {
+                disposableRef.current.dispose();
+            }
+        });
+        // Call the original onMount if provided
+        if (onMount) {
+            onMount(editor, monaco);
+        }
+    }, [
+        customKeywords,
+        customFunctions,
+        tableSchemas,
+        tableSamples,
+        onMount,
+        registerCompletionProvider,
+    ]);
+    return (_jsx(MonacoEditor, { language: "sql", onMount: handleEditorDidMount, className: className, options: {
+            formatOnPaste: true,
+            formatOnType: true,
+            wordWrap: 'on',
+        }, ...props }));
+};
+//# sourceMappingURL=SqlMonacoEditor.js.map

package/dist/components/internal/SqlMonacoEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlMonacoEditor.js","sourceRoot":"","sources":["../../../src/components/internal/SqlMonacoEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useCallback, useEffect, useRef} from 'react';\nimport {MonacoEditor} from '@sqlrooms/monaco-editor';\nimport type {MonacoEditorProps} from '@sqlrooms/monaco-editor';\nimport type {OnMount} from '@monaco-editor/react';\nimport type * as Monaco from 'monaco-editor';\nimport {\n  DUCKDB_KEYWORDS,\n  DUCKDB_FUNCTIONS,\n  SQL_LANGUAGE_CONFIGURATION,\n} from '../../constants/duckdb-dialect';\n\nexport interface SqlMonacoEditorProps\n  extends Omit<MonacoEditorProps, 'language'> {\n  /**\n   * Custom SQL keywords to add to the completion provider\n   */\n  customKeywords?: string[];\n  /**\n   * Custom SQL functions to add to the completion provider\n   */\n  customFunctions?: string[];\n  /**\n   * Table schemas for autocompletion\n   * Format: { tableName: { columnName: columnType, ... }, ... }\n   */\n  tableSchemas?: Record<string, Record<string, string>>;\n  /**\n   * Sample data for tables to enhance autocompletion\n   * Format: { tableName: [sampleDescription1, sampleDescription2, ...], ... }\n   */\n  tableSamples?: Record<string, string[]>;\n  /**\n   * Callback to get the latest table schemas and samples\n   * This is called from within provideCompletionItems to ensure we have the latest data\n   */\n  getLatestSchemas?: () => {\n    tableSchemas: Record<string, Record<string, string>>;\n    tableSamples: Record<string, string[]>;\n  };\n}\n\n/**\n * A Monaco editor for editing SQL with DuckDB syntax highlighting and autocompletion\n * This is an internal component used by SqlEditor\n */\nexport const SqlMonacoEditor: React.FC<SqlMonacoEditorProps> = ({\n  customKeywords = [],\n  customFunctions = [],\n  tableSchemas = {},\n  tableSamples = {},\n  getLatestSchemas,\n  onMount,\n  className,\n  ...props\n}) => {\n  // Store references to editor and monaco\n  const editorRef = useRef<any>(null);\n  const monacoRef = useRef<any>(null);\n  const disposableRef = useRef<any>(null);\n\n  // Function to register the completion provider\n  const registerCompletionProvider = useCallback(() => {\n    if (!editorRef.current || !monacoRef.current) return;\n\n    const monaco = monacoRef.current;\n\n    // Dispose previous provider if it exists\n    if (disposableRef.current) {\n      disposableRef.current.dispose();\n    }\n\n    // Register SQL completion provider\n    const disposable = monaco.languages.registerCompletionItemProvider('sql', {\n      triggerCharacters: [' ', '.', ',', '(', '='],\n      provideCompletionItems: (model: any, position: any) => {\n        try {\n          // Get the latest schemas and samples if the callback is provided\n          let currentSchemas = tableSchemas;\n          let currentSamples = tableSamples;\n\n          if (getLatestSchemas) {\n            const latest = getLatestSchemas();\n            currentSchemas = latest.tableSchemas;\n            currentSamples = latest.tableSamples;\n          }\n\n          const suggestions: Monaco.languages.CompletionItem[] = [];\n          const word = model.getWordUntilPosition(position);\n          const range = {\n            startLineNumber: position.lineNumber,\n            endLineNumber: position.lineNumber,\n            startColumn: word.startColumn,\n            endColumn: word.endColumn,\n          };\n\n          // Get the text before the cursor to determine context\n          const lineContent = model.getLineContent(position.lineNumber);\n          const textBeforeCursor = lineContent\n            .substring(0, position.column - 1)\n            .trim()\n            .toLowerCase();\n\n          // Check if we're after a FROM, JOIN, or similar clause to prioritize table suggestions\n          const isTableContext = /\\b(from|join|into|update|table)\\s+\\w*$/.test(\n            textBeforeCursor,\n          );\n\n          // Check if we're after a table name and period to prioritize column suggestions\n          const isColumnContext = /\\b(\\w+)\\.\\w*$/.test(textBeforeCursor);\n\n          // Combine keywords and functions with custom ones\n          const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];\n          const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];\n\n          // Add keyword suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            keywords.forEach((keyword) => {\n              suggestions.push({\n                label: keyword,\n                kind: monaco.languages.CompletionItemKind.Keyword,\n                insertText: keyword,\n                range: range,\n                detail: 'Keyword',\n                sortText: isTableContext ? 'z' + keyword : 'a' + keyword, // Lower priority in table context\n              });\n            });\n          }\n\n          // Add function suggestions (if not in a specific context)\n          if (!isColumnContext) {\n            functions.forEach((func) => {\n              suggestions.push({\n                label: func,\n                kind: monaco.languages.CompletionItemKind.Function,\n                insertText: func,\n                range: range,\n                detail: 'Function',\n                sortText: isTableContext ? 'z' + func : 'b' + func, // Lower priority in table context\n              });\n            });\n          }\n\n          // Add table and column suggestions from schemas\n          Object.entries(currentSchemas).forEach(([tableName, columns]) => {\n            // Get sample data for this table if available\n            const samples = currentSamples[tableName] || [];\n            const sampleText =\n              samples.length > 0 ? `\\nSample data:\\n${samples.join('\\n')}` : '';\n\n            // Add table suggestion\n            suggestions.push({\n              label: tableName,\n              kind: monaco.languages.CompletionItemKind.Class,\n              insertText: tableName,\n              range: range,\n              detail: 'Table',\n              documentation: {\n                value: `Table: ${tableName}${sampleText}`,\n                isTrusted: true,\n              },\n              sortText: isTableContext ? 'a' + tableName : 'c' + tableName, // Higher priority in table context\n            });\n\n            // Extract table name from context if we're in a column context\n            let contextTableName = '';\n            if (isColumnContext) {\n              const match = textBeforeCursor.match(/\\b(\\w+)\\.\\w*$/);\n              if (match && match[1]) {\n                contextTableName = match[1];\n              }\n            }\n\n            // Only add columns for the current table if we're in a column context\n            if (!isColumnContext || contextTableName === tableName) {\n              // Add column suggestions\n              Object.entries(columns).forEach(([columnName, columnType]) => {\n                // Find sample values for this column if available\n                const columnSample = samples.find((s) =>\n                  s.startsWith(`${columnName}:`),\n                );\n                const sampleInfo = columnSample\n                  ? `\\nSample: ${columnSample.split(':')[1]?.trim() || ''}`\n                  : '';\n\n                suggestions.push({\n                  label: columnName,\n                  kind: monaco.languages.CompletionItemKind.Field,\n                  insertText: columnName,\n                  range: range,\n                  detail: `Column (${columnType})`,\n                  documentation: {\n                    value: `Column from table ${tableName}${sampleInfo}`,\n                    isTrusted: true,\n                  },\n                  sortText:\n                    isColumnContext && contextTableName === tableName\n                      ? 'a' + columnName\n                      : 'd' + columnName,\n                });\n\n                // Only add table.column suggestions if not in a column context\n                if (!isColumnContext) {\n                  suggestions.push({\n                    label: `${tableName}.${columnName}`,\n                    kind: monaco.languages.CompletionItemKind.Field,\n                    insertText: `${tableName}.${columnName}`,\n                    range: range,\n                    detail: `Column (${columnType})`,\n                    documentation: {\n                      value: `Column from table ${tableName}${sampleInfo}`,\n                      isTrusted: true,\n                    },\n                    sortText: 'e' + tableName + columnName,\n                  });\n                }\n              });\n            }\n          });\n\n          return {\n            suggestions,\n          };\n        } catch (error) {\n          console.error('Error in SQL completion provider:', error);\n          return {suggestions: []};\n        }\n      },\n    });\n\n    // Store the disposable to clean up later\n    disposableRef.current = disposable;\n  }, [\n    customKeywords,\n    customFunctions,\n    tableSchemas,\n    tableSamples,\n    getLatestSchemas,\n  ]);\n\n  // Re-register completion provider when tableSchemas or tableSamples change\n  useEffect(() => {\n    if (editorRef.current && monacoRef.current) {\n      registerCompletionProvider();\n    }\n  }, [tableSchemas, tableSamples, registerCompletionProvider]);\n\n  // Handle editor mounting to configure SQL language features\n  const handleEditorDidMount = useCallback<OnMount>(\n    (editor, monaco) => {\n      // Store references\n      editorRef.current = editor;\n      monacoRef.current = monaco;\n\n      // Register SQL language if not already registered\n      if (\n        !monaco.languages.getLanguages().some((lang: any) => lang.id === 'sql')\n      ) {\n        monaco.languages.register({id: 'sql'});\n      }\n\n      // Combine keywords and functions with custom ones\n      const keywords = [...DUCKDB_KEYWORDS, ...customKeywords];\n      const functions = [...DUCKDB_FUNCTIONS, ...customFunctions];\n\n      // Set the language configuration\n      monaco.languages.setMonarchTokensProvider('sql', {\n        ...SQL_LANGUAGE_CONFIGURATION,\n        keywords,\n        builtinFunctions: functions,\n      } as any); // Using 'as any' to bypass the type checking issue\n\n      // Register the completion provider\n      registerCompletionProvider();\n\n      // Store the disposable to clean up later if needed\n      editor.onDidDispose(() => {\n        if (disposableRef.current) {\n          disposableRef.current.dispose();\n        }\n      });\n\n      // Call the original onMount if provided\n      if (onMount) {\n        onMount(editor, monaco);\n      }\n    },\n    [\n      customKeywords,\n      customFunctions,\n      tableSchemas,\n      tableSamples,\n      onMount,\n      registerCompletionProvider,\n    ],\n  );\n\n  return (\n    <MonacoEditor\n      language=\"sql\"\n      onMount={handleEditorDidMount}\n      className={className}\n      options={{\n        formatOnPaste: true,\n        formatOnType: true,\n        wordWrap: 'on',\n      }}\n      {...props}\n    />\n  );\n};\n"]}

package/dist/constants/duckdb-dialect.d.ts

@@ -0,0 +1,73 @@
+/**
+ * DuckDB SQL language constants for Monaco Editor
+ */
+export declare const DUCKDB_KEYWORDS: string[];
+export declare const DUCKDB_FUNCTIONS: string[];
+export declare const SQL_OPERATORS: string[];
+export declare const SQL_VARIABLES: string[];
+export declare const SQL_PSEUDO_COLUMNS: string[];
+export declare const SQL_LANGUAGE_CONFIGURATION: {
+    defaultToken: string;
+    tokenPostfix: string;
+    ignoreCase: boolean;
+    brackets: {
+        open: string;
+        close: string;
+        token: string;
+    }[];
+    keywords: string[];
+    operators: string[];
+    builtinFunctions: string[];
+    builtinVariables: string[];
+    pseudoColumns: string[];
+    tokenizer: {
+        root: ((string | RegExp)[] | {
+            include: string;
+        } | (RegExp | {
+            cases: {
+                '@keywords': string;
+                '@operators': string;
+                '@builtinFunctions': string;
+                '@builtinVariables': string;
+                '@pseudoColumns': string;
+                '@default': string;
+            };
+        })[])[];
+        whitespace: (string | RegExp)[][];
+        comments: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        comment: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        numbers: (string | RegExp)[][];
+        strings: (RegExp | {
+            token: string;
+            next: string;
+        })[][];
+        string: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        stringDouble: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        complexIdentifiers: (RegExp | {
+            token: string;
+            next: string;
+        })[][];
+        bracketedIdentifier: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        quotedIdentifier: ((string | RegExp)[] | (RegExp | {
+            token: string;
+            next: string;
+        })[])[];
+        scopes: never[];
+    };
+};
+//# sourceMappingURL=duckdb-dialect.d.ts.map

package/dist/constants/duckdb-dialect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duckdb-dialect.d.ts","sourceRoot":"","sources":["../../src/constants/duckdb-dialect.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,eAAe,UA6H3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,UAgI5B,CAAC;AAGF,eAAO,MAAM,aAAa,UAyBzB,CAAC;AAGF,eAAO,MAAM,aAAa,UAUzB,CAAC;AAGF,eAAO,MAAM,kBAAkB,UAK9B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFtC,CAAC"}