fix: try to respect user's choice of casing when auto completing sql

apps/web/src/components/MonacoProvider.tsx

@@ -61,6 +61,46 @@ const keywordRanking = [
  'DO',
 ]
 
+function adjustCasing(currentWord: string, suggestion: string): string {
+ console.log(currentWord, suggestion)
+
+ // Check if the current word is all uppercase
+ if (currentWord === currentWord.toUpperCase()) {
+ return suggestion.toUpperCase()
+ }
+
+ // Check if the current word is all lowercase
+ if (currentWord === currentWord.toLowerCase()) {
+ return suggestion.toLowerCase()
+ }
+
+ // Check if the current word is in title case (first letter uppercase, rest lowercase)
+ if (
+ currentWord[0] === currentWord[0].toUpperCase() &&
+ currentWord.slice(1) === currentWord.slice(1).toLowerCase()
+ ) {
+ return suggestion[0].toUpperCase() + suggestion.slice(1).toLowerCase()
+ }
+
+ // if last character is uppercase, make the suggestion uppercase
+ if (
+ currentWord[currentWord.length - 1] ===
+ currentWord[currentWord.length - 1].toUpperCase()
+ ) {
+ return suggestion.toUpperCase()
+ }
+
+ // if last character is lowercase, make the suggestion lowercase
+ if (
+ currentWord[currentWord.length - 1] ===
+ currentWord[currentWord.length - 1].toLowerCase()
+ ) {
+ return suggestion.toLowerCase()
+ }
+
+ return suggestion
+}
+
 type KnownMonacoKind =
  | languages.CompletionItemKind.Keyword
  | languages.CompletionItemKind.Class
@@ -316,9 +356,7 @@ function MonacoProvider({ children }: Props) {
  anchor
  )
 
- const currentWord = model
- .getWordAtPosition(position)
- ?.word.toLowerCase()
+ const currentWord = model.getWordAtPosition(position)?.word
 
  const suggestions = (
  await Promise.all(
@@ -335,7 +373,9 @@ function MonacoProvider({ children }: Props) {
  const suggestion: languages.CompletionItem[] = result.options
  .filter((o) => {
  if (currentWord) {
- return o.label.toLowerCase().startsWith(currentWord)
+ return o.label
+ .toLowerCase()
+ .startsWith(currentWord.toLowerCase())
  }
 
  return true
@@ -346,11 +386,16 @@ function MonacoProvider({ children }: Props) {
  ? getMonacoKeywordKind(c.type)
  : getMonacoSchemaKind(c.type)
  : languages.CompletionItemKind.Text
+
+ let insertText = currentWord
+ ? adjustCasing(currentWord, c.label)
+ : c.label
+ insertText = insertText.slice(currentWord?.length)
  return {
  label: c.displayLabel ?? c.label,
  kind,
  // remove the intersection of the current word
- insertText: c.label.slice(currentWord?.length),
+ insertText,
  range: {
  startLineNumber: position.lineNumber,
  startColumn: position.column,