new perspective command

packages/web/src/commands/stdCommands.ts

@@ -6,7 +6,7 @@ import SettingsModal from '../settings/SettingsModal.svelte';
 import ImportExportModal from '../modals/ImportExportModal.svelte';
 import SqlGeneratorModal from '../modals/SqlGeneratorModal.svelte';
 import { showModal } from '../modals/modalTools';
-import newQuery, { newDiagram, newQueryDesign } from '../query/newQuery';
+import newQuery, { newDiagram, newPerspective, newQueryDesign } from '../query/newQuery';
 import saveTabFile from '../utility/saveTabFile';
 import openNewTab from '../utility/openNewTab';
 import getElectron from '../utility/getElectron';
@@ -129,6 +129,15 @@ registerCommand({
   onClick: () => newQueryDesign(),
 });
 
+registerCommand({
+  id: 'new.perspective',
+  category: 'New',
+  icon: 'img perspective',
+  name: 'Perspective',
+  menuName: 'New perspective',
+  onClick: () => newPerspective(),
+});
+
 registerCommand({
   id: 'new.diagram',
   category: 'New',

packages/web/src/query/newQuery.ts

@@ -40,3 +40,7 @@ export function newQueryDesign() {
 export function newDiagram() {
   return newQuery({ tabComponent: 'DiagramTab', icon: 'img diagram', title: 'Diagram #' });
 }
+
+export function newPerspective() {
+  return newQuery({ tabComponent: 'PerspectiveTab', icon: 'img perspective', title: 'Perspective #' });
+}

packages/web/src/tabs/PerspectiveTab.svelte

@@ -101,10 +101,14 @@
   });
 
   const [modelState, dispatchModel] = createUndoReducer(
-    createPerspectiveConfig({
-      schemaName,
-      pureName,
-    })
+    createPerspectiveConfig(
+      pureName
+        ? {
+            schemaName,
+            pureName,
+          }
+        : null
+    )
   );
 
   const cache = new PerspectiveCache();