✨ Added sql prettier plugin

frontend/src/utils/prettier/plugins/sql/sql.d.ts

@@ -0,0 +1,11 @@
+import { Parser, Plugin } from "prettier";
+
+export declare const languages: Plugin["languages"];
+export declare const parsers: {
+  sql: Parser;
+};
+export declare const printers: Plugin["printers"];
+export declare const options: Plugin["options"];
+
+declare const plugin: Plugin;
+export default plugin;

frontend/src/utils/prettier/plugins/sql/sql.mjs

@@ -0,0 +1,60 @@
+import { format } from 'sql-formatter';
+import { detectDialect } from './detect.mjs';
+
+// Languages
+export const languages = [{
+    name: "SQL",
+    parsers: ["sql"],
+    extensions: [".sql"]
+}];
+
+// Parsers
+export const parsers = {
+    sql: {
+        parse: (text) => text,
+        astFormat: "sql-format",
+        locStart: (node) => 0,
+        locEnd: (node) => node.length
+    }
+};
+
+// Printers
+export const printers = {
+    "sql-format": {
+        print: (path) => {
+            const text = path.getValue();
+            
+            if (!text || typeof text !== 'string') {
+                return text;
+            }
+
+            try {
+                // 自动检测SQL方言
+                const dialect = detectDialect(text);
+                
+                // 格式化配置 - 使用固定的最佳实践配置
+                const formatOptions = {
+                    language: dialect,
+                    tabWidth: 2,
+                    useTabs: true,
+                    keywordCase: 'upper',
+                    dataTypeCase: 'upper', 
+                    functionCase: 'upper',
+                    identifierCase: 'preserve'
+                };
+
+                return format(text, formatOptions);
+            } catch (error) {
+                return text;
+            }
+        }
+    }
+};
+
+
+// Default export
+export default {
+    languages,
+    parsers,
+    printers
+};

frontend/src/views/editor/extensions/codeblock/lang-parser/languages.ts

@@ -37,6 +37,7 @@ import cssPrettierPlugin from "prettier/plugins/postcss"
 import markdownPrettierPlugin from "prettier/plugins/markdown"
 import yamlPrettierPlugin from "prettier/plugins/yaml"
 import goPrettierPlugin from "@/utils/prettier/plugins/go/go"
+import sqlPrettierPlugin from "@/utils/prettier/plugins/sql/sql"
 import * as prettierPluginEstree from "prettier/plugins/estree";
 
 /**
@@ -50,7 +51,8 @@ export class LanguageInfo {
         public prettier?: {
             parser: string;
             plugins: any[];
-        }) {}
+        }) {
+    }
 }
 
 /**
@@ -67,7 +69,10 @@ export const LANGUAGES: LanguageInfo[] = [
         parser: "html",
         plugins: [htmlPrettierPlugin]
     }),
-    new LanguageInfo("sql", "SQL", StandardSQL.language.parser),
+    new LanguageInfo("sql", "SQL", StandardSQL.language.parser, {
+        parser: "sql",
+        plugins: [sqlPrettierPlugin]
+    }),
     new LanguageInfo("md", "Markdown", markdownLanguage.parser, {
         parser: "markdown",
         plugins: [markdownPrettierPlugin]
@@ -89,7 +94,7 @@ export const LANGUAGES: LanguageInfo[] = [
         plugins: [yamlPrettierPlugin]
     }),
     new LanguageInfo("toml", "TOML", StreamLanguage.define(toml).parser),
-    new LanguageInfo("go", "Go", StreamLanguage.define(go).parser,{
+    new LanguageInfo("go", "Go", StreamLanguage.define(go).parser, {
         parser: "go",
         plugins: [goPrettierPlugin]
     }),