Save scripts to custom locations (use import/export buttons)

webapp/packages/core-localization/src/locales/en.ts

@@ -44,6 +44,7 @@ export default [
   ['ui_error_message', 'Error:'],
   ['ui_error_close', 'Close'],
   ['ui_clear', 'Clear'],
+  ['ui_file_name', 'File name'],
   ['ui_remove', 'Remove'],
   ['ui_close', 'Close'],
   ['ui_open', 'Open'],

webapp/packages/core-localization/src/locales/fr.ts

@@ -42,6 +42,7 @@ export default [
   ['ui_error_message', 'Erreur :'],
   ['ui_error_close', 'Fermer'],
   ['ui_clear', 'Effacer'],
+  ['ui_file_name', 'Nom du fichier'],
   ['ui_remove', 'Supprimer'],
   ['ui_close', 'Fermer'],
   ['ui_open', 'Ouvrir'],

webapp/packages/core-localization/src/locales/it.ts

@@ -42,6 +42,7 @@ export default [
   ['ui_error_message', 'Errore:'],
   ['ui_error_close', 'Chiudi'],
   ['ui_clear', 'Clear'],
+  ['ui_file_name', 'Nome del file'],
   ['ui_remove', 'Remove'],
   ['ui_close', 'Chiudi'],
   ['ui_open', 'Open'],

webapp/packages/core-localization/src/locales/ru.ts

@@ -41,6 +41,7 @@ export default [
   ['ui_error_message', 'Ошибка:'],
   ['ui_error_close', 'Закрыть'],
   ['ui_clear', 'Очистить'],
+  ['ui_file_name', 'Имя файла'],
   ['ui_remove', 'Убрать'],
   ['ui_close', 'Закрыть'],
   ['ui_open', 'Открыть'],

webapp/packages/core-localization/src/locales/vi.ts

@@ -44,6 +44,7 @@ export default [
   ['ui_error_message', 'Lỗi:'],
   ['ui_error_close', 'Đóng'],
   ['ui_clear', 'Xóa'],
+  ['ui_file_name', 'Tên tệp'],
   ['ui_remove', 'Xóa'],
   ['ui_close', 'Đóng'],
   ['ui_open', 'Mở'],

webapp/packages/core-localization/src/locales/zh.ts

@@ -42,6 +42,7 @@ export default [
   ['ui_error_message', '错误：'],
   ['ui_error_close', '关闭'],
   ['ui_clear', '清除'],
+  ['ui_file_name', '文件名'],
   ['ui_remove', '移除'],
   ['ui_close', '关闭'],
   ['ui_open', '打开'],

webapp/packages/core-ui/src/Tabs/TabPanelList.tsx

@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2024 DBeaver Corp and others
+ * Copyright (C) 2020-2026 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -15,9 +15,10 @@ import { TabsContext } from './TabsContext.js';
 
 export interface TabPanelListProps {
   contents?: boolean;
+  className?: string;
 }
 
-export const TabPanelList = observer<React.PropsWithChildren<TabPanelListProps>>(function TabPanelList({ contents, children }) {
+export const TabPanelList = observer<React.PropsWithChildren<TabPanelListProps>>(function TabPanelList({ contents, children, className }) {
   const state = useContext(TabsContext);
 
   if (!state) {
@@ -41,7 +42,7 @@ export const TabPanelList = observer<React.PropsWithChildren<TabPanelListProps>>
         .map(
           generateTabElement(
             (tabInfo, key) => (
-              <TabPanel key={key} tabId={key} contents={contents}>
+              <TabPanel key={key} tabId={key} contents={contents} className={className}>
                 {renderPanel(tabInfo, key)}
               </TabPanel>
             ),

webapp/packages/plugin-script-export/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@cloudbeaver/plugin-script-export",
+  "type": "module",
+  "sideEffects": [
+    "./lib/module.js",
+    "./lib/index.js",
+    "src/**/*.css",
+    "src/**/*.scss",
+    "public/**/*"
+  ],
+  "version": "0.1.0",
+  "description": "",
+  "license": "Apache-2.0",
+  "exports": {
+    ".": "./lib/index.js",
+    "./module": "./lib/module.js"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "clean": "rimraf --glob lib",
+    "lint": "eslint ./src/ --ext .ts,.tsx",
+    "test": "dbeaver-test",
+    "validate-dependencies": "core-cli-validate-dependencies"
+  },
+  "dependencies": {
+    "@cloudbeaver/core-blocks": "workspace:*",
+    "@cloudbeaver/core-di": "workspace:*",
+    "@cloudbeaver/core-dialogs": "workspace:*",
+    "@cloudbeaver/core-localization": "workspace:*",
+    "@cloudbeaver/core-ui": "workspace:*",
+    "mobx": "^6",
+    "mobx-react-lite": "^4",
+    "react": "^19",
+    "react-dom": "^19",
+    "tslib": "^2"
+  },
+  "devDependencies": {
+    "@cloudbeaver/core-cli": "workspace:*",
+    "@cloudbeaver/tsconfig": "workspace:*",
+    "@dbeaver/cli": "workspace:*",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "rimraf": "^6",
+    "tslib": "^2",
+    "typescript": "^5"
+  }
+}

webapp/packages/plugin-script-export/src/ExportScriptDialog/ExportScriptDialog.tsx

@@ -0,0 +1,70 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+
+import {
+  Button,
+  CommonDialogBody,
+  CommonDialogFooter,
+  CommonDialogHeader,
+  CommonDialogWrapper,
+  Fill,
+  Form,
+  Translate,
+  useForm,
+} from '@cloudbeaver/core-blocks';
+import type { DialogComponent } from '@cloudbeaver/core-dialogs';
+import { useService } from '@cloudbeaver/core-di';
+
+import { ScriptExportService, type IScriptExportTabProps } from '../ScriptExportService.js';
+import { TabList, TabPanelList, TabsState } from '@cloudbeaver/core-ui';
+
+export const ExportScriptDialog: DialogComponent<IScriptExportTabProps> = observer(function ExportScriptDialog({
+  payload,
+  resolveDialog,
+  rejectDialog,
+  className,
+}) {
+  const scriptExportService = useService(ScriptExportService);
+  const [selectedTabId, setSelectedTabId] = useState<string | undefined>(undefined);
+  const form = useForm({
+    onSubmit() {
+      resolveDialog();
+    },
+  });
+
+  return (
+    <Form context={form}>
+      <CommonDialogWrapper size="large" className={className} fixedWidth>
+        <CommonDialogHeader title="plugin_script_export_dialog_title" icon="/icons/export.svg" onReject={rejectDialog} />
+        <TabsState
+          container={scriptExportService.tabsContainer}
+          currentTabId={selectedTabId}
+          lazy
+          onChange={tab => setSelectedTabId(tab.tabId)}
+          {...payload}
+        >
+          <CommonDialogBody noBodyPadding noOverflow>
+            <TabList className="theme-border-color-background tw:shrink-0 tw:px-3" underline />
+            <TabPanelList className="tw:flex-col tw:gap-4 tw:p-6 tw:w-full tw:overflow-auto" />
+          </CommonDialogBody>
+          <CommonDialogFooter>
+            <Button type="button" variant="secondary" onClick={() => rejectDialog()}>
+              <Translate token="ui_processing_cancel" />
+            </Button>
+            <Fill />
+            <Button type="button" onClick={() => form.submit()}>
+              <Translate token="ui_processing_save" />
+            </Button>
+          </CommonDialogFooter>
+        </TabsState>
+      </CommonDialogWrapper>
+    </Form>
+  );
+});

webapp/packages/plugin-script-export/src/ExportScriptDialog/ExportScriptDialogLazy.ts

@@ -0,0 +1,11 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+
+import { importLazyComponent } from '@cloudbeaver/core-blocks';
+
+export const ExportScriptDialog = importLazyComponent(() => import('./ExportScriptDialog.js').then(module => module.ExportScriptDialog));

webapp/packages/plugin-script-export/src/LocaleService.ts

@@ -0,0 +1,37 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+
+import { Bootstrap, injectable } from '@cloudbeaver/core-di';
+import { LocalizationService } from '@cloudbeaver/core-localization';
+
+@injectable(() => [LocalizationService])
+export class LocaleService extends Bootstrap {
+  constructor(private readonly localizationService: LocalizationService) {
+    super();
+
+    this.localizationService.addProvider(this.provider.bind(this));
+  }
+
+  private async provider(locale: string) {
+    switch (locale) {
+      case 'ru':
+        return (await import('./locales/ru.js')).default;
+      case 'it':
+        return (await import('./locales/it.js')).default;
+      case 'zh':
+        return (await import('./locales/zh.js')).default;
+      case 'fr':
+        return (await import('./locales/fr.js')).default;
+      case 'vi':
+        return (await import('./locales/vi.js')).default;
+      case 'en':
+      default:
+        return (await import('./locales/en.js')).default;
+    }
+  }
+}

webapp/packages/plugin-script-export/src/ScriptExportService.ts

@@ -0,0 +1,32 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+import { injectable } from '@cloudbeaver/core-di';
+import { TabsContainer } from '@cloudbeaver/core-ui';
+import { CommonDialogService } from '@cloudbeaver/core-dialogs';
+import { ExportScriptDialog } from './ExportScriptDialog/ExportScriptDialogLazy.js';
+
+export interface IScriptExportTabProps {
+  script: string;
+  fileName: string;
+  editorId: string;
+  projectId?: string;
+  connectionId?: string;
+}
+
+@injectable(() => [CommonDialogService])
+export class ScriptExportService {
+  readonly tabsContainer: TabsContainer<IScriptExportTabProps>;
+
+  constructor(private readonly commonDialogService: CommonDialogService) {
+    this.tabsContainer = new TabsContainer('script_export_tabs');
+  }
+
+  openExportDialog(props: IScriptExportTabProps) {
+    return this.commonDialogService.open(ExportScriptDialog, props);
+  }
+}

webapp/packages/plugin-script-export/src/index.ts

@@ -0,0 +1,12 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+
+export * from './ScriptExportService.js';
+export * from './ExportScriptDialog/ExportScriptDialogLazy.js';
+
+import './module.js';

webapp/packages/plugin-script-export/src/locales/en.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', 'Export SQL Script']];

webapp/packages/plugin-script-export/src/locales/fr.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', 'Exporter le script SQL']];

webapp/packages/plugin-script-export/src/locales/it.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', 'Esporta script SQL']];

webapp/packages/plugin-script-export/src/locales/ru.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', 'Экспорт SQL-скрипта']];

webapp/packages/plugin-script-export/src/locales/vi.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', 'Xuất tập lệnh SQL']];

webapp/packages/plugin-script-export/src/locales/zh.ts

@@ -0,0 +1 @@
+export default [['plugin_script_export_dialog_title', '导出 SQL 脚本']];

webapp/packages/plugin-script-export/src/module.ts

@@ -0,0 +1,19 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2026 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+
+import { Bootstrap, ModuleRegistry } from '@cloudbeaver/core-di';
+import { LocaleService } from './LocaleService.js';
+import { ScriptExportService } from './ScriptExportService.js';
+
+export default ModuleRegistry.add({
+  name: '@cloudbeaver/plugin-script-export',
+
+  configure: serviceCollection => {
+    serviceCollection.addSingleton(Bootstrap, LocaleService).addSingleton(ScriptExportService);
+  },
+});

webapp/packages/plugin-script-export/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  "extends": "@cloudbeaver/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "lib",
+    "tsBuildInfoFile": "lib/tsconfig.tsbuildinfo",
+    "composite": true
+  },
+  "references": [
+    {
+      "path": "../../common-typescript/@dbeaver/cli"
+    },
+    {
+      "path": "../core-blocks"
+    },
+    {
+      "path": "../core-cli"
+    },
+    {
+      "path": "../core-di"
+    },
+    {
+      "path": "../core-di/tsconfig.json"
+    },
+    {
+      "path": "../core-dialogs"
+    },
+    {
+      "path": "../core-localization"
+    },
+    {
+      "path": "../core-ui"
+    }
+  ],
+  "include": [
+    "__custom_mocks__/**/*",
+    "src/**/*",
+    "src/**/*.json",
+    "src/**/*.css",
+    "src/**/*.scss"
+  ],
+  "exclude": [
+    "**/node_modules",
+    "lib/**/*"
+  ]
+}

webapp/packages/plugin-set-common/package.json

@@ -102,6 +102,7 @@
     "@cloudbeaver/plugin-resource-manager-administration": "workspace:*",
     "@cloudbeaver/plugin-resource-manager-scripts": "workspace:*",
     "@cloudbeaver/plugin-root": "workspace:*",
+    "@cloudbeaver/plugin-script-export": "workspace:*",
     "@cloudbeaver/plugin-session-expiration": "workspace:*",
     "@cloudbeaver/plugin-settings-administration": "workspace:*",
     "@cloudbeaver/plugin-settings-default-administration": "workspace:*",

webapp/packages/plugin-set-common/src/index.ts

@@ -111,6 +111,7 @@ import pluginSqlAsyncTaskConfirmation from '@cloudbeaver/plugin-sql-async-task-c
 import pluginDataViewerConditionalFormatting from '@cloudbeaver/plugin-data-viewer-conditional-formatting/module';
 import pluginConnectionView from '@cloudbeaver/plugin-connection-view/module';
 import pluginConnectionPreferences from '@cloudbeaver/plugin-connection-preferences/module';
+import pluginScriptExport from '@cloudbeaver/plugin-script-export/module';
 
 const core = [
   coreRouting, // important, should be first because the router starts in load phase first after all plugins register phase
@@ -171,6 +172,7 @@ export const commonSet = [
   pluginGisViewer,
   pluginDdlViewer,
   pluginObjectViewer,
+  pluginScriptExport,
   pluginSqlEditor,
   pluginSqlEditorNavigationTab,
   pluginSqlEditorScreen,