docs: update website

DTStack · Nov 10, 2023 · cde6104 · cde6104
1 parent 2845a70
commit cde6104
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 20 deletions.
diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -4,9 +4,10 @@ import { create, Workbench } from '@dtinsight/molecule';
 import InstanceService from '@dtinsight/molecule/esm/services/instanceService';
 import { ExtendsWorkbench } from './extensions/workbench';
 
+import './languages';
+
 import '@dtinsight/molecule/esm/style/mo.css';
 import './App.css';
-import './languageWorker';
 
 function App(): React.ReactElement {
 	const refMoInstance = useRef<InstanceService>();

diff --git a/website/src/extensions/workbench/sidebar.tsx b/website/src/extensions/workbench/sidebar.tsx
@@ -21,6 +21,8 @@ export default class Sidebar extends React.Component {
 
 	componentDidMount() {
 		molecule.editor.onUpdateTab(this.analyseProblems);
+
+		monaco.editor.setTheme('sql-dark');
 	}
 
 	private get language(): string {

diff --git a/...sqlLanguages/helpers/completionService.ts → ...rc/languages/helpers/completionService.ts b/...sqlLanguages/helpers/completionService.ts → ...rc/languages/helpers/completionService.ts
diff --git a/...rc/sqlLanguages/helpers/dbMetaProvider.ts → ...e/src/languages/helpers/dbMetaProvider.ts b/...rc/sqlLanguages/helpers/dbMetaProvider.ts → ...e/src/languages/helpers/dbMetaProvider.ts
diff --git a/website/src/languages/index.ts b/website/src/languages/index.ts
@@ -0,0 +1,26 @@
+import 'monaco-sql-languages/out/esm/monaco.contribution.js';
+import './languageWorker';
+import './theme';
+import { setupLanguageFeatures, LanguageIdEnum } from 'monaco-sql-languages/out/esm/main.js';
+
+import { completionService } from './helpers/completionService';
+
+setupLanguageFeatures({
+	languageId: LanguageIdEnum.FLINK,
+	completionService
+});
+
+setupLanguageFeatures({
+	languageId: LanguageIdEnum.SPARK,
+	completionService
+});
+
+setupLanguageFeatures({
+	languageId: LanguageIdEnum.HIVE,
+	completionService
+});
+
+setupLanguageFeatures({
+	languageId: LanguageIdEnum.TRINO,
+	completionService
+});
diff --git a/website/src/languageWorker.ts → website/src/languages/languageWorker.ts b/website/src/languageWorker.ts → website/src/languages/languageWorker.ts
@@ -1,5 +1,5 @@
 // @ts-nocheck
-import EditorWorker from '../node_modules/monaco-editor/esm/vs/editor/editor.worker?worker';
+import EditorWorker from '../../node_modules/monaco-editor/esm/vs/editor/editor.worker?worker';
 
 import FlinkSQLWorker from 'monaco-sql-languages/out/esm/flinksql/flinksql.worker?worker';
 import SparkSQLWorker from 'monaco-sql-languages/out/esm/sparksql/sparksql.worker?worker';

diff --git a/website/src/languages/theme.ts b/website/src/languages/theme.ts
@@ -0,0 +1,6 @@
+import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
+import { vsPlusTheme } from 'monaco-sql-languages/out/esm/main';
+
+editor.defineTheme('sql-dark', vsPlusTheme.darkThemeData);
+editor.defineTheme('sql-light', vsPlusTheme.lightThemeData);
+editor.defineTheme('sql-hc', vsPlusTheme.hcBlackThemeData);
diff --git a/website/src/main.tsx b/website/src/main.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App.tsx';
 import './index.css';
-import './sqlLanguages/index.ts';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
 	<React.StrictMode>

diff --git a/website/src/sqlLanguages/index.ts b/website/src/sqlLanguages/index.ts