fix: terminal resize on initial open (dock without tabs)

fix: console errors when closing all dock tabs

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/components/dock/dock-tab-content.tsx

@@ -32,7 +32,7 @@ import throttle from "lodash/throttle";
 
 export interface DockTabContentProps extends React.HTMLAttributes<any> {
   className?: string;
-  tab: DockTab;
+  tab?: DockTab;
   bindContainerRef?(elem: HTMLElement): void;
 }
 
@@ -55,18 +55,18 @@ export class DockTabContent extends React.Component<DockTabContentProps> {
     ]);
   }
 
-  @computed get tabId(): TabId {
-    return this.props.tab.id;
+  @computed get tabId(): TabId | undefined {
+    return this.props.tab?.id;
   }
 
-  @computed get tabComponents(): DockTabComponents {
-    return dockViewsManager.get(this.props.tab.kind);
+  @computed get tabComponents(): DockTabComponents | undefined {
+    return dockViewsManager.get(this.props.tab?.kind);
   }
 
   @observable error = "";
 
   @computed get editorIsVisible() {
-    return Boolean(this.tabComponents.editor);
+    return Boolean(this.tabComponents?.editor);
   }
 
   focusEditor() {

src/renderer/components/dock/dock.views-manager.ts

@@ -40,7 +40,7 @@ const dockViews = observable.map<TabKind, DockTabComponents>([], {
 
 export const dockViewsManager = {
   get(tabKind: TabKind): DockTabComponents {
-    return dockViews.get(tabKind) ?? {};
+    return dockViews.get(tabKind);
   },
 
   register(tabKind: TabKind, views: DockTabComponents) {

src/renderer/components/dock/terminal-window.tsx

@@ -47,7 +47,9 @@ export class TerminalWindow extends React.Component<Props> {
       }),
 
       // refresh terminal available space (cols/rows) when <Dock/> resized
-      dockStore.onResize(() => this.terminal?.fitLazy()),
+      dockStore.onResize(() => this.terminal?.fitLazy(), {
+        fireImmediately: true,
+      }),
     ]);
   }
 

src/renderer/components/monaco-editor/monaco-editor.tsx

@@ -179,11 +179,7 @@ export class MonacoEditor extends React.Component<MonacoEditorProps> {
       reaction(() => this.model, this.onModelChange),
       reaction(() => this.props.theme, editor.setTheme),
       reaction(() => this.props.value, value => this.setValue(value)),
-      reaction(() => this.options, opts => {
-
-        console.log('OPTS', opts)
-        this.editor.updateOptions(opts);
-      }),
+      reaction(() => this.options, opts => this.editor.updateOptions(opts)),
 
       () => onDidLayoutChangeDisposer.dispose(),
       () => onValueChangeDisposer.dispose(),