@rebasepro/studio 0.5.0 → 0.6.1

package/dist/MonacoEditor-COZqrIJ1.js

@@ -0,0 +1,246 @@
+import { useModeController } from "@rebasepro/core";
+import { useRef } from "react";
+import { cls } from "@rebasepro/ui";
+import { jsx } from "react/jsx-runtime";
+import Editor from "@monaco-editor/react";
+//#region src/components/SQLEditor/MonacoEditor.tsx
+var MonacoEditor = ({ value, onChange, onRun, className, readOnly = false, autoFocus = true, schemas }) => {
+	const { mode } = useModeController();
+	const editorRef = useRef(null);
+	const monacoRef = useRef(null);
+	const onRunRef = useRef(onRun);
+	onRunRef.current = onRun;
+	const schemasRef = useRef(schemas);
+	schemasRef.current = schemas;
+	const handleEditorOnMount = (editor, monaco) => {
+		editorRef.current = editor;
+		monacoRef.current = monaco;
+		editor.addAction({
+			id: "run-query",
+			label: "Run Query",
+			keybindings: [monaco.KeyMod.CtrlCmd + monaco.KeyCode.Enter],
+			contextMenuGroupId: "operation",
+			contextMenuOrder: 0,
+			run: () => {
+				if (onRunRef.current) {
+					const selection = editor.getSelection();
+					let selectedText = void 0;
+					if (selection && !selection.isEmpty()) selectedText = editor.getModel()?.getValueInRange(selection)?.trim();
+					onRunRef.current(selectedText || void 0);
+				}
+			}
+		});
+		const sqlKeywords = [
+			"SELECT",
+			"FROM",
+			"WHERE",
+			"INSERT INTO",
+			"VALUES",
+			"UPDATE",
+			"SET",
+			"DELETE FROM",
+			"JOIN",
+			"INNER JOIN",
+			"LEFT JOIN",
+			"RIGHT JOIN",
+			"FULL JOIN",
+			"ON",
+			"GROUP BY",
+			"HAVING",
+			"ORDER BY",
+			"ASC",
+			"DESC",
+			"LIMIT",
+			"OFFSET",
+			"AS",
+			"AND",
+			"OR",
+			"NOT",
+			"IN",
+			"BETWEEN",
+			"LIKE",
+			"IS NULL",
+			"IS NOT NULL",
+			"CREATE TABLE",
+			"ALTER TABLE",
+			"DROP TABLE",
+			"PRIMARY KEY",
+			"FOREIGN KEY",
+			"COUNT",
+			"SUM",
+			"AVG",
+			"MIN",
+			"MAX",
+			"DISTINCT",
+			"UNION",
+			"ALL",
+			"EXISTS",
+			"CASE",
+			"WHEN",
+			"THEN",
+			"ELSE",
+			"END",
+			"CAST",
+			"COALESCE"
+		];
+		monaco.languages.registerCompletionItemProvider("pgsql", {
+			triggerCharacters: [
+				".",
+				" ",
+				"A",
+				"B",
+				"C",
+				"D",
+				"E",
+				"F",
+				"G",
+				"H",
+				"I",
+				"J",
+				"K",
+				"L",
+				"M",
+				"N",
+				"O",
+				"P",
+				"Q",
+				"R",
+				"S",
+				"T",
+				"U",
+				"V",
+				"W",
+				"X",
+				"Y",
+				"Z",
+				"a",
+				"b",
+				"c",
+				"d",
+				"e",
+				"f",
+				"g",
+				"h",
+				"i",
+				"j",
+				"k",
+				"l",
+				"m",
+				"n",
+				"o",
+				"p",
+				"q",
+				"r",
+				"s",
+				"t",
+				"u",
+				"v",
+				"w",
+				"x",
+				"y",
+				"z"
+			],
+			provideCompletionItems: (model, position) => {
+				const word = model.getWordUntilPosition(position);
+				const range = {
+					startLineNumber: position.lineNumber,
+					endLineNumber: position.lineNumber,
+					startColumn: word.startColumn,
+					endColumn: word.endColumn
+				};
+				const match = model.getValueInRange({
+					startLineNumber: position.lineNumber,
+					startColumn: 1,
+					endLineNumber: position.lineNumber,
+					endColumn: position.column
+				}).match(/([a-zA-Z0-9_]+)\.$/);
+				const tableNameMatch = match ? match[1] : null;
+				const suggestions = [];
+				const allSchemas = schemasRef.current || {};
+				if (tableNameMatch) for (const [, tables] of Object.entries(allSchemas)) {
+					const table = tables.find((t) => t.tableName === tableNameMatch);
+					if (table) table.columns.forEach((col) => {
+						suggestions.push({
+							label: col.name,
+							kind: monaco.languages.CompletionItemKind.Field,
+							insertText: col.name,
+							range,
+							detail: "Column",
+							sortText: "1"
+						});
+					});
+				}
+				else {
+					for (const [sName, tables] of Object.entries(allSchemas)) tables.forEach((table) => {
+						suggestions.push({
+							label: table.tableName,
+							kind: monaco.languages.CompletionItemKind.Class,
+							insertText: table.tableName,
+							range,
+							detail: `Table (${sName})`,
+							sortText: "2"
+						});
+					});
+					sqlKeywords.forEach((keyword) => {
+						suggestions.push({
+							label: keyword,
+							kind: monaco.languages.CompletionItemKind.Keyword,
+							insertText: keyword + " ",
+							range,
+							detail: "SQL Keyword",
+							sortText: "3"
+						});
+					});
+					const fullText = model.getValue();
+					const activeTables = /* @__PURE__ */ new Set();
+					for (const [, tables] of Object.entries(allSchemas)) tables.forEach((table) => {
+						if (new RegExp(`\\b${table.tableName}\\b`, "i").test(fullText)) activeTables.add(table.tableName);
+					});
+					const addedColumns = /* @__PURE__ */ new Set();
+					for (const [, tables] of Object.entries(allSchemas)) tables.forEach((table) => {
+						if (activeTables.has(table.tableName)) table.columns.forEach((col) => {
+							if (!addedColumns.has(col.name)) {
+								addedColumns.add(col.name);
+								suggestions.push({
+									label: col.name,
+									kind: monaco.languages.CompletionItemKind.Field,
+									insertText: col.name,
+									range,
+									detail: `Column (${table.tableName})`,
+									sortText: "1"
+								});
+							}
+						});
+					});
+				}
+				return { suggestions };
+			}
+		});
+		if (autoFocus) editor.focus();
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cls("relative w-full h-full overflow-hidden", className),
+		children: /* @__PURE__ */ jsx(Editor, {
+			height: "100%",
+			defaultLanguage: "pgsql",
+			value,
+			onChange,
+			onMount: handleEditorOnMount,
+			theme: mode === "dark" ? "vs-dark" : "vs",
+			options: {
+				minimap: { enabled: false },
+				fontSize: 14,
+				lineNumbers: "on",
+				scrollBeyondLastLine: false,
+				automaticLayout: true,
+				readOnly,
+				tabSize: 2,
+				wordWrap: "on"
+			}
+		})
+	});
+};
+//#endregion
+export { MonacoEditor as t };
+
+//# sourceMappingURL=MonacoEditor-COZqrIJ1.js.map

package/dist/MonacoEditor-COZqrIJ1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor-COZqrIJ1.js","names":[],"sources":["../src/components/SQLEditor/MonacoEditor.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport Editor, { Monaco, OnMount } from \"@monaco-editor/react\";\nimport type { editor, Position, IRange } from \"monaco-editor\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport { useModeController } from \"@rebasepro/core\";\n\nexport type MonacoEditorProps = {\n    value: string;\n    onChange: (value: string | undefined) => void;\n    onRun?: (selectedText?: string) => void;\n    className?: string;\n    readOnly?: boolean;\n    autoFocus?: boolean;\n    schemas?: Record<string, { schemaName: string, tableName: string, columns: { name: string, dataType: string }[] }[]>;\n};\n\nexport const MonacoEditor = ({\n    value,\n    onChange,\n    onRun,\n    className,\n    readOnly = false,\n    autoFocus = true,\n    schemas\n}: MonacoEditorProps) => {\n    const { mode } = useModeController();\n    const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n    const monacoRef = useRef<Monaco | null>(null);\n    const onRunRef = useRef(onRun);\n    onRunRef.current = onRun;\n\n    const schemasRef = useRef(schemas);\n    schemasRef.current = schemas;\n\n    const handleEditorOnMount: OnMount = (editor, monaco) => {\n        editorRef.current = editor;\n        monacoRef.current = monaco;\n\n        editor.addAction({\n            id: \"run-query\",\n            label: \"Run Query\",\n            keybindings: [monaco.KeyMod.CtrlCmd + monaco.KeyCode.Enter],\n            contextMenuGroupId: \"operation\",\n            contextMenuOrder: 0,\n            run: () => {\n                if (onRunRef.current) {\n                    const selection = editor.getSelection();\n                    let selectedText: string | undefined = undefined;\n                    if (selection && !selection.isEmpty()) {\n                        selectedText = editor.getModel()?.getValueInRange(selection)?.trim();\n                    }\n                    onRunRef.current(selectedText || undefined);\n                }\n            }\n        });\n\n        // Register custom autocomplete for tables, columns, and SQL keywords\n        const sqlKeywords = [\n            \"SELECT\", \"FROM\", \"WHERE\", \"INSERT INTO\", \"VALUES\", \"UPDATE\", \"SET\",\n            \"DELETE FROM\", \"JOIN\", \"INNER JOIN\", \"LEFT JOIN\", \"RIGHT JOIN\", \"FULL JOIN\",\n            \"ON\", \"GROUP BY\", \"HAVING\", \"ORDER BY\", \"ASC\", \"DESC\", \"LIMIT\", \"OFFSET\",\n            \"AS\", \"AND\", \"OR\", \"NOT\", \"IN\", \"BETWEEN\", \"LIKE\", \"IS NULL\", \"IS NOT NULL\",\n            \"CREATE TABLE\", \"ALTER TABLE\", \"DROP TABLE\", \"PRIMARY KEY\", \"FOREIGN KEY\",\n            \"COUNT\", \"SUM\", \"AVG\", \"MIN\", \"MAX\", \"DISTINCT\", \"UNION\", \"ALL\", \"EXISTS\",\n            \"CASE\", \"WHEN\", \"THEN\", \"ELSE\", \"END\", \"CAST\", \"COALESCE\"\n        ];\n\n        monaco.languages.registerCompletionItemProvider(\"pgsql\", {\n            triggerCharacters: [\".\", \" \", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\", \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\", \"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\", \"i\", \"j\", \"k\", \"l\", \"m\", \"n\", \"o\", \"p\", \"q\", \"r\", \"s\", \"t\", \"u\", \"v\", \"w\", \"x\", \"y\", \"z\"],\n            provideCompletionItems: (model: editor.ITextModel, position: Position) => {\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                const textUntilPosition = model.getValueInRange({\n                    startLineNumber: position.lineNumber,\n                    startColumn: 1,\n                    endLineNumber: position.lineNumber,\n                    endColumn: position.column\n                });\n\n                // Check if user is typing `tableName.`\n                const match = textUntilPosition.match(/([a-zA-Z0-9_]+)\\.$/);\n                const tableNameMatch = match ? match[1] : null;\n\n                const suggestions: { label: string; kind: number; insertText: string; range: IRange; detail: string; sortText: string }[] = [];\n                const allSchemas = schemasRef.current || {};\n\n                if (tableNameMatch) {\n                    // Provide columns for the matched table\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        const table = tables.find(t => t.tableName === tableNameMatch);\n                        if (table) {\n                            table.columns.forEach(col => {\n                                suggestions.push({\n                                    label: col.name,\n                                    kind: monaco.languages.CompletionItemKind.Field,\n                                    insertText: col.name,\n                                    range,\n                                    detail: \"Column\",\n                                    sortText: \"1\"\n                                });\n                            });\n                        }\n                    }\n                } else {\n                    // Provide table names\n                    for (const [sName, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            suggestions.push({\n                                label: table.tableName,\n                                kind: monaco.languages.CompletionItemKind.Class,\n                                insertText: table.tableName,\n                                range,\n                                detail: `Table (${sName})`,\n                                sortText: \"2\"\n                            });\n                        });\n                    }\n\n                    // Provide SQL keywords\n                    sqlKeywords.forEach(keyword => {\n                        suggestions.push({\n                            label: keyword,\n                            kind: monaco.languages.CompletionItemKind.Keyword,\n                            insertText: keyword + \" \",\n                            range,\n                            detail: \"SQL Keyword\",\n                            sortText: \"3\"\n                        });\n                    });\n\n                    // Heuristic: Suggest columns for tables that are mentioned in the current editor text\n                    const fullText = model.getValue();\n                    const activeTables = new Set<string>();\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            const regex = new RegExp(`\\\\b${table.tableName}\\\\b`, \"i\");\n                            if (regex.test(fullText)) {\n                                activeTables.add(table.tableName);\n                            }\n                        });\n                    }\n\n                    const addedColumns = new Set<string>();\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            if (activeTables.has(table.tableName)) {\n                                table.columns.forEach(col => {\n                                    if (!addedColumns.has(col.name)) {\n                                        addedColumns.add(col.name);\n                                        suggestions.push({\n                                            label: col.name,\n                                            kind: monaco.languages.CompletionItemKind.Field,\n                                            insertText: col.name,\n                                            range,\n                                            detail: `Column (${table.tableName})`,\n                                            sortText: \"1\" // Prioritize columns from active tables\n                                        });\n                                    }\n                                });\n                            }\n                        });\n                    }\n                }\n\n                return { suggestions };\n\n            }\n        });\n\n        if (autoFocus) {\n            editor.focus();\n        }\n    };\n\n    return (\n        <div className={cls(\"relative w-full h-full overflow-hidden\", className)}>\n            <Editor\n                height=\"100%\"\n                defaultLanguage=\"pgsql\"\n                value={value}\n                onChange={onChange}\n                onMount={handleEditorOnMount}\n                theme={mode === \"dark\" ? \"vs-dark\" : \"vs\"}\n                options={{\n                    minimap: { enabled: false },\n                    fontSize: 14,\n                    lineNumbers: \"on\",\n                    scrollBeyondLastLine: false,\n                    automaticLayout: true,\n                    readOnly,\n                    tabSize: 2,\n                    wordWrap: \"on\"\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"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"}