js: Convert static/js/topic_zoom.js to ES6 module.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

.eslintrc.json

@@ -282,7 +282,6 @@
                 "todo_widget": false,
                 "top_left_corner": false,
                 "topic_list": false,
-                "topic_zoom": false,
                 "transmit": false,
                 "tutorial": false,
                 "typeahead_helper": false,

frontend_tests/node_tests/general.js

@@ -735,8 +735,6 @@ function make_sidebar_helper() {
     };
 }
 
-zrequire("topic_zoom");
-
 run_test("stream_list", () => {
     const jquery_helper = make_jquery_helper();
     const sidebar_helper = make_sidebar_helper();

frontend_tests/node_tests/stream_list.js

@@ -21,7 +21,6 @@ const stream_data = zrequire("stream_data");
 const scroll_util = zrequire("scroll_util");
 zrequire("list_cursor");
 const stream_list = zrequire("stream_list");
-zrequire("topic_zoom");
 zrequire("ui");
 set_global("page_params", {
     is_admin: false,

frontend_tests/node_tests/ui_init.js

@@ -119,7 +119,6 @@ zrequire("list_cursor");
 zrequire("keydown_util");
 zrequire("stream_list");
 zrequire("topic_list");
-zrequire("topic_zoom");
 zrequire("sent_messages");
 zrequire("typing");
 zrequire("top_left_corner");

static/js/bundles/app.js

@@ -41,7 +41,6 @@ import "../pm_list";
 import "../recent_senders";
 import "../top_left_corner";
 import "../stream_list";
-import "../topic_zoom";
 import "../filter";
 import "../poll_widget";
 import "../todo_widget";

static/js/global.d.ts

@@ -147,7 +147,6 @@ declare let timerender: any;
 declare let todo_widget: any;
 declare let stream_topic_history: any;
 declare let topic_list: any;
-declare let topic_zoom: any;
 declare let top_left_corner: any;
 declare let transmit: any;
 declare let tutorial: any;

static/js/hotkey.js

@@ -3,6 +3,7 @@
 const emoji = require("../shared/js/emoji");
 
 const feedback_widget = require("./feedback_widget");
+const topic_zoom = require("./topic_zoom");
 
 function do_narrow_action(action) {
     action(current_msg_list.selected_id(), {trigger: "hotkey"});

static/js/stream_list.js

@@ -6,6 +6,7 @@ const render_stream_privacy = require("../templates/stream_privacy.hbs");
 const render_stream_sidebar_row = require("../templates/stream_sidebar_row.hbs");
 
 const stream_sort = require("./stream_sort");
+const topic_zoom = require("./topic_zoom");
 
 let has_scrolled = false;
 

static/js/topic_zoom.js

@@ -1,10 +1,8 @@
-"use strict";
-
 let zoomed_in = false;
 
-exports.is_zoomed_in = function () {
+export function is_zoomed_in() {
     return zoomed_in;
-};
+}
 
 function zoom_in() {
     const stream_id = topic_list.active_stream_id();
@@ -18,7 +16,7 @@ function zoom_in() {
     zoomed_in = true;
 }
 
-exports.zoom_out = function () {
+export function zoom_out() {
     const stream_li = topic_list.get_stream_li();
 
     popovers.hide_all_except_sidebars();
@@ -30,9 +28,9 @@ exports.zoom_out = function () {
     }
 
     zoomed_in = false;
-};
+}
 
-exports.clear_topics = function () {
+export function clear_topics() {
     const stream_li = topic_list.get_stream_li();
 
     topic_list.close();
@@ -46,9 +44,9 @@ exports.clear_topics = function () {
     }
 
     zoomed_in = false;
-};
+}
 
-exports.initialize = function () {
+export function initialize() {
     $("#stream_filters").on("click", ".show-more-topics", (e) => {
         zoom_in();
 
@@ -57,11 +55,9 @@ exports.initialize = function () {
     });
 
     $(".show-all-streams").on("click", (e) => {
-        exports.zoom_out();
+        zoom_out();
 
         e.preventDefault();
         e.stopPropagation();
     });
-};
+}
-
-window.topic_zoom = exports;

static/js/ui_init.js

@@ -12,6 +12,7 @@ const emojisets = require("./emojisets");
 const markdown_config = require("./markdown_config");
 const people = require("./people");
 const pm_conversations = require("./pm_conversations");
+const topic_zoom = require("./topic_zoom");
 
 // This is where most of our initialization takes place.
 // TODO: Organize it a lot better.  In particular, move bigger