feat: format SQL

.github/workflows/ci.yml

@@ -0,0 +1,40 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v5
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: "npm"
+
+      - name: Cache node modules
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        run: npm run eslint
+
+      - name: Run lint
+        run: npm run lint
+
+      - name: Run build
+        run: npm run build

package.json

@@ -5,9 +5,7 @@
   "description": "Format code on the clipboard",
   "icon": "icon.png",
   "author": "ikaraszi",
-  "categories": [
-    "Developer Tools"
-  ],
+  "categories": ["Developer Tools"],
   "license": "MIT",
   "commands": [
     {
@@ -105,6 +103,12 @@
       "title": "Format YAML",
       "description": "Formats YAML on the clipboard",
       "mode": "view"
+    },
+    {
+      "name": "format-sql",
+      "title": "Format SQL",
+      "description": "Formats SQL on the clipboard",
+      "mode": "view"
     }
   ],
   "preferences": [
@@ -115,12 +119,41 @@
       "description": "Specify the line length that the printer will wrap on.",
       "placeholder": "100",
       "required": false
+    },
+    {
+      "name": "sqlDialect",
+      "title": "SQL dialect",
+      "type": "dropdown",
+      "description": "Set the SQL dialect",
+      "data": [
+        { "value": "sql", "title": "Standard SQL" },
+        { "value": "bigquery", "title": "GCP BigQuery" },
+        { "value": "db2", "title": "IBM DB2" },
+        { "value": "db2i", "title": "IBM DB2i (experimental)" },
+        { "value": "duckdb", "title": "DuckDB" },
+        { "value": "hive", "title": "Apache Hive" },
+        { "value": "mariadb", "title": "MariaDB" },
+        { "value": "mysql", "title": "MySQL" },
+        { "value": "tidb", "title": "TiDB" },
+        { "value": "n1ql", "title": "Couchbase N1QL" },
+        { "value": "plsql", "title": "Oracle PL/SQL" },
+        { "value": "postgresql", "title": "PostgreSQL" },
+        { "value": "redshift", "title": "Amazon Redshift" },
+        { "value": "singlestoredb", "title": "SingleStoreDB" },
+        { "value": "snowflake", "title": "Snowflake" },
+        { "value": "spark", "title": "Spark" },
+        { "value": "sqlite", "title": "SQLite" },
+        { "value": "transactsql", "title": "SQL Server Transact-SQL" },
+        { "value": "trino", "title": "Trino / Presto" }
+      ],
+      "required": false
     }
   ],
   "dependencies": {
     "@raycast/api": "^1.55.2",
     "@raycast/utils": "^1.8.0",
-    "prettier": "^2.8.8"
+    "prettier": "^2.8.8",
+    "sql-formatter": "^15.6.2"
   },
   "devDependencies": {
     "@raycast/eslint-config": "1.0.5",
@@ -134,6 +167,7 @@
     "build": "ray build -e dist",
     "dev": "ray develop",
     "fix-lint": "ray lint --fix",
+    "eslint": "eslint src",
     "lint": "ray lint",
     "publish": "npx @raycast/api@latest publish"
   }

src/format-angular.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.angular;
+export default prettier.angular;

src/format-css.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.css;
+export default prettier.css;

src/format-glimmer.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.glimmer;
+export default prettier.glimmer;

src/format-graphql.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.graphql;
+export default prettier.graphql;

src/format-html.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.html;
+export default prettier.html;

src/format-javascript.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.javascript;
+export default prettier.javascript;

src/format-json.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.json;
+export default prettier.json;

src/format-json5.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.json5;
+export default prettier.json5;

src/format-less.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.less;
+export default prettier.less;

src/format-lwc.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.lwc;
+export default prettier.lwc;

src/format-markdown.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.markdown;
+export default prettier.markdown;

src/format-mdx.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.mdx;
+export default prettier.mdx;

src/format-scss.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.scss;
+export default prettier.scss;

src/format-sql.tsx

@@ -0,0 +1,18 @@
+import { format } from "sql-formatter";
+
+import { Format } from "./format";
+import { getPreferences } from "./preferences";
+import { Formatter } from "./types";
+
+const { sqlDialect } = getPreferences();
+
+const formatter: Formatter = async (input) => {
+  return format(input, {
+    language: sqlDialect,
+    functionCase: "upper",
+    dataTypeCase: "lower",
+    keywordCase: "upper",
+  });
+};
+
+export default () => <Format language="sql" formatter={formatter} />;

src/format-typescript.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.typescript;
+export default prettier.typescript;

src/format-vue.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.vue;
+export default prettier.vue;

src/format-yaml.ts

@@ -1,3 +1,3 @@
-import format from "./format";
+import prettier from "./prettier";
 
-export default format.yaml;
+export default prettier.yaml;