column editor

packages/web/src/tableeditor/TableEditor.svelte

@@ -16,6 +16,7 @@
 
 <script lang="ts">
   import _ from 'lodash';
+  import { tick } from 'svelte';
   import registerCommand from '../commands/registerCommand';
 
   import ColumnLabel from '../elements/ColumnLabel.svelte';
@@ -40,7 +41,14 @@
   }
 
   export function addColumn() {
-    showModal(ColumnEditorModal, { setTableInfo });
+    showModal(ColumnEditorModal, {
+      setTableInfo,
+      tableInfo,
+      onAddNext: async () => {
+        await tick();
+        addColumn();
+      },
+    });
   }
 
   $: columns = tableInfo?.columns;
@@ -48,6 +56,8 @@
   $: foreignKeys = tableInfo?.foreignKeys;
   $: dependencies = tableInfo?.dependencies;
 
+  $: console.log('tableInfo', tableInfo);
+
 </script>
 
 <div class="wrapper">
@@ -55,7 +65,7 @@
     collection={columns?.map((x, index) => ({ ...x, ordinal: index + 1 }))}
     title="Columns"
     clickable={writable()}
-    on:clickrow={e => showModal(ColumnEditorModal, { columnInfo: e.detail, setTableInfo })}
+    on:clickrow={e => showModal(ColumnEditorModal, { columnInfo: e.detail, tableInfo, setTableInfo })}
     columns={[
       {
         fieldName: 'notNull',