view data tab

packages/web/src/tabs/ViewDataTab.svelte

@@ -0,0 +1,54 @@
+<script lang="ts" context="module">
+  export const matchingProps = ['conid', 'database', 'schemaName', 'pureName'];
+  export const allowAddToFavorites = props => true;
+</script>
+
+<script lang="ts">
+  import { createGridCache, ViewGridDisplay } from 'dbgate-datalib';
+  import { findEngineDriver } from 'dbgate-tools';
+  import { writable } from 'svelte/store';
+
+  import DataGrid from '../datagrid/DataGrid.svelte';
+  import SqlDataGridCore from '../datagrid/SqlDataGridCore.svelte';
+  import { extensions } from '../stores';
+  import { useConnectionInfo, useViewInfo } from '../utility/metadataLoaders';
+  import useGridConfig from '../utility/useGridConfig';
+
+  export let tabid;
+  export let conid;
+  export let database;
+  export let schemaName;
+  export let pureName;
+
+  $: connection = useConnectionInfo({ conid });
+  $: viewInfo = useViewInfo({ conid, database, schemaName, pureName });
+
+  const config = useGridConfig(tabid);
+  const cache = writable(createGridCache());
+
+  $: display =
+    $viewInfo && $connection
+      ? new ViewGridDisplay(
+          $viewInfo,
+          findEngineDriver($connection, $extensions),
+          //@ts-ignore
+          $config,
+          config.update,
+          $cache,
+          cache.update
+        )
+      : null;
+</script>
+
+{#if display}
+  <DataGrid
+    {...$$props}
+    {display}
+    config={$config}
+    setConfig={config.update}
+    cache={$cache}
+    setCache={cache.update}
+    focusOnVisible
+    gridCoreComponent={SqlDataGridCore}
+  />
+{/if}