refactor(client/ts): port a few more widgets

src/public/app/components/app_context.ts

@@ -80,6 +80,7 @@ export type CommandMappings = {
     };
     closeTocCommand: CommandData;
     showLaunchBarSubtree: CommandData;
+    showRevisions: CommandData;
     showOptions: CommandData & {
         section: string;
     };

src/public/app/widgets/buttons/revisions_button.ts

@@ -9,6 +9,6 @@ export default class RevisionsButton extends CommandButtonWidget {
     }
 
     isEnabled() {
-        return super.isEnabled() && !["launcher", "doc"].includes(this.note?.type);
+        return super.isEnabled() && !["launcher", "doc"].includes(this.note?.type ?? "");
     }
 }

src/public/app/widgets/containers/root_container.ts

@@ -1,7 +1,8 @@
+import type BasicWidget from "../basic_widget.js";
 import FlexContainer from "./flex_container.js";
 
-export default class RootContainer extends FlexContainer {
+export default class RootContainer extends FlexContainer<BasicWidget> {
-    constructor(isHorizontalLayout) {
+    constructor(isHorizontalLayout: boolean) {
         super(isHorizontalLayout ? "column" : "row");
 
         this.id("root-widget");

src/public/app/widgets/scroll_padding.ts

@@ -3,8 +3,11 @@ import NoteContextAwareWidget from "./note_context_aware_widget.js";
 const TPL = `<div class="scroll-padding-widget"></div>`;
 
 export default class ScrollPaddingWidget extends NoteContextAwareWidget {
+
+    private $scrollingContainer!: JQuery<HTMLElement>;
+
     isEnabled() {
-        return super.isEnabled() && ["text", "code"].includes(this.note?.type);
+        return super.isEnabled() && ["text", "code"].includes(this.note?.type ?? "");
     }
 
     doRender() {
@@ -25,6 +28,6 @@ export default class ScrollPaddingWidget extends NoteContextAwareWidget {
     refreshHeight() {
         const containerHeight = this.$scrollingContainer.height();
 
-        this.$widget.css("height", Math.round(containerHeight / 2));
+        this.$widget.css("height", Math.round((containerHeight ?? 0) / 2));
     }
 }

src/public/app/widgets/type_widgets/protected_session.ts

@@ -28,6 +28,10 @@ const TPL = `
 </div>`;
 
 export default class ProtectedSessionTypeWidget extends TypeWidget {
+
+    private $passwordForm!: JQuery<HTMLElement>;
+    private $passwordInput!: JQuery<HTMLElement>;
+
     static getType() {
         return "protectedSession";
     }
@@ -38,7 +42,7 @@ export default class ProtectedSessionTypeWidget extends TypeWidget {
         this.$passwordInput = this.$widget.find(".protected-session-password");
 
         this.$passwordForm.on("submit", () => {
-            const password = this.$passwordInput.val();
+            const password = String(this.$passwordInput.val());
             this.$passwordInput.val("");
 
             protectedSessionService.setupProtectedSession(password);