data duplicator tab - configurator

packages/web/src/appobj/ArchiveFolderAppObject.svelte

@@ -102,8 +102,27 @@ await dbgateApi.deployDb(${JSON.stringify(
         editor: {
           sourceConid: '__model',
           sourceDatabase: `archive:${data.name}`,
-          targetConid: _.get($currentDatabase, 'connection._id'),
+          targetConid: $currentDatabase?.connection?._id,
-          targetDatabase: _.get($currentDatabase, 'name'),
+          targetDatabase: $currentDatabase?.name,
+        },
+      }
+    );
+  };
+
+  const handleOpenDuplicatorTab = () => {
+    openNewTab(
+      {
+        title: data.name,
+        icon: 'img duplicator',
+        tabComponent: 'DataDuplicatorTab',
+        props: {
+          conid: $currentDatabase?.connection?._id,
+          database: $currentDatabase?.name,
+        },
+      },
+      {
+        editor: {
+          archiveFolder: data.name,
         },
       }
     );
@@ -115,6 +134,7 @@ await dbgateApi.deployDb(${JSON.stringify(
       data.name != 'default' && { text: 'Rename', onClick: handleRename },
       data.name != 'default' &&
         $currentDatabase && [
+          { text: 'Data duplicator', onClick: handleOpenDuplicatorTab },
           { text: 'Generate deploy DB SQL - experimental', onClick: handleGenerateDeploySql },
           { text: 'Shell: Deploy DB - experimental', onClick: handleGenerateDeployScript },
         ],

packages/web/src/icons/FontIcon.svelte

@@ -226,6 +226,8 @@
     'img type-binary': 'mdi mdi-file color-icon-blue',
     'img type-rejson': 'mdi mdi-color-json color-icon-blue',
     'img keydb': 'mdi mdi-key color-icon-blue',
+
+    'img duplicator': 'mdi mdi-content-duplicate color-icon-green',
   };
 </script>
 

packages/web/src/tabs/DataDuplicatorTab.svelte

@@ -0,0 +1,129 @@
+<script lang="ts">
+  import _ from 'lodash';
+  import invalidateCommands from '../commands/invalidateCommands';
+  import TableControl from '../elements/TableControl.svelte';
+  import CheckboxField from '../forms/CheckboxField.svelte';
+  import SelectField from '../forms/SelectField.svelte';
+  import useEditorData from '../query/useEditorData';
+  import { currentArchive } from '../stores';
+  import { useArchiveFiles, useConnectionInfo, useDatabaseInfo } from '../utility/metadataLoaders';
+  import TableStructureTab from './TableStructureTab.svelte';
+
+  export let conid;
+  export let database;
+  export let tabid;
+
+  $: connection = useConnectionInfo({ conid });
+  $: dbinfo = useDatabaseInfo({ conid, database });
+
+  $: archiveFiles = useArchiveFiles({ folder: $currentArchive });
+
+  $: pairedNames = _.intersectionBy(
+    $dbinfo?.tables?.map(x => x.pureName),
+    $archiveFiles?.map(x => x.name),
+    (x: string) => _.toUpper(x)
+  );
+
+  const { editorState, editorValue, setEditorData } = useEditorData({
+    tabid,
+    onInitialData: value => {
+      invalidateCommands();
+    },
+  });
+
+  function changeTable(row) {
+    setEditorData(old => ({
+      ...old,
+      tables: {
+        ...old?.tables,
+        [row.name]: row,
+      },
+    }));
+  }
+
+  // $: console.log('$archiveFiles', $archiveFiles);
+  // $: console.log('$editorState', $editorState);
+
+  $: tableRows = pairedNames.map(name => {
+    const item = $editorState?.value?.tables?.[name];
+    const isChecked = item?.isChecked ?? true;
+    const operation = item?.operation ?? 'copy';
+    const tableInfo = $dbinfo?.tables?.find(x => x.pureName?.toUpperCase() == name.toUpperCase());
+    const matchColumn1 =
+      item?.matchColumn1 ?? tableInfo?.primaryKey?.columns?.[0]?.columnName ?? tableInfo?.columns?.[0]?.columnName;
+
+    return {
+      name,
+      isChecked,
+      operation,
+      matchColumn1,
+    };
+  });
+</script>
+
+<div>
+  <div class="bold m-2">Imported files</div>
+
+  <TableControl
+    rows={tableRows}
+    columns={[
+      { header: '', fieldName: 'isChecked', slot: 1 },
+      { header: 'File=>Table', fieldName: 'name' },
+      { header: 'Operation', fieldName: 'operation', slot: 2 },
+      { header: 'Match column', fieldName: 'matchColumn1', slot: 3 },
+    ]}
+  >
+    <svelte:fragment slot="1" let:row>
+      <CheckboxField
+        checked={row.isChecked}
+        on:change={e => {
+          changeTable({ ...row, isChecked: e.target.checked });
+        }}
+      />
+    </svelte:fragment>
+    <svelte:fragment slot="2" let:row>
+      <SelectField
+        isNative
+        value={row.operation}
+        on:change={e => {
+          changeTable({ ...row, operation: e.detail });
+        }}
+        disabled={!row.isChecked}
+        options={[
+          { label: 'Copy row', value: 'copy' },
+          { label: 'Lookup (find matching row)', value: 'lookup' },
+          { label: 'Insert if not exists', value: 'insertMissing' },
+        ]}
+      />
+    </svelte:fragment>
+    <svelte:fragment slot="3" let:row>
+      {#if row.operation != 'copy'}
+        <SelectField
+          isNative
+          value={row.matchColumn1}
+          on:change={e => {
+            changeTable({ ...row, matchColumn1: e.detail });
+          }}
+          disabled={!row.isChecked}
+          options={$dbinfo?.tables
+            ?.find(x => x.pureName?.toUpperCase() == row.name.toUpperCase())
+            ?.columns?.map(col => ({
+              label: col.columnName,
+              value: col.columnName,
+            })) || []}
+        />
+      {/if}
+    </svelte:fragment>
+  </TableControl>
+</div>
+<!-- <div>
+  {#each pairedNames as name}
+    <div>{name}</div>
+  {/each}
+</div> -->
+
+<!-- <style>
+    .title {
+        font-weight: bold;
+    }
+</style> -->

packages/web/src/tabs/index.js

@@ -28,6 +28,7 @@ import * as MapTab from './MapTab.svelte';
 import * as PerspectiveTab from './PerspectiveTab.svelte';
 import * as ServerSummaryTab from './ServerSummaryTab.svelte';
 import * as ProfilerTab from './ProfilerTab.svelte';
+import * as DataDuplicatorTab from './DataDuplicatorTab.svelte';
 
 export default {
   TableDataTab,
@@ -60,4 +61,5 @@ export default {
   PerspectiveTab,
   ServerSummaryTab,
   ProfilerTab,
+  DataDuplicatorTab,
 };