2020-08-01 03:43:15 +02:00
|
|
|
"use strict";
|
|
|
|
|
|
2021-02-28 00:35:35 +01:00
|
|
|
const common = require("./common");
|
2021-02-10 16:46:49 +01:00
|
|
|
const components = require("./components");
|
2021-02-28 00:36:50 +01:00
|
|
|
const keydown_util = require("./keydown_util");
|
2021-02-10 16:46:49 +01:00
|
|
|
|
2018-04-13 22:48:20 +02:00
|
|
|
// Make it explicit that our toggler is undefined until
|
2018-06-04 14:51:21 +02:00
|
|
|
// set_up_toggler is called.
|
2018-04-13 22:48:20 +02:00
|
|
|
exports.toggler = undefined;
|
|
|
|
|
|
2018-06-04 14:51:21 +02:00
|
|
|
exports.set_up_toggler = function () {
|
2019-11-02 00:06:25 +01:00
|
|
|
const opts = {
|
2018-03-30 14:09:11 +02:00
|
|
|
selected: 0,
|
2018-04-04 17:01:34 +02:00
|
|
|
child_wants_focus: true,
|
2018-03-30 14:09:11 +02:00
|
|
|
values: [
|
2020-07-16 22:40:18 +02:00
|
|
|
{label: i18n.t("Keyboard shortcuts"), key: "keyboard-shortcuts"},
|
|
|
|
|
{label: i18n.t("Message formatting"), key: "message-formatting"},
|
|
|
|
|
{label: i18n.t("Search operators"), key: "search-operators"},
|
2018-03-30 14:09:11 +02:00
|
|
|
],
|
2020-07-20 22:18:43 +02:00
|
|
|
callback(name, key) {
|
2018-03-30 14:09:11 +02:00
|
|
|
$(".overlay-modal").hide();
|
2021-02-03 23:23:32 +01:00
|
|
|
$(`#${CSS.escape(key)}`).show();
|
|
|
|
|
ui.get_scroll_element($(`#${CSS.escape(key)}`).find(".modal-body")).trigger("focus");
|
2018-03-30 14:09:11 +02:00
|
|
|
},
|
2018-04-04 17:01:34 +02:00
|
|
|
};
|
2018-03-30 14:09:11 +02:00
|
|
|
|
2018-08-04 08:07:25 +02:00
|
|
|
exports.toggler = components.toggle(opts);
|
2019-11-02 00:06:25 +01:00
|
|
|
const elem = exports.toggler.get();
|
2020-07-15 01:29:15 +02:00
|
|
|
elem.addClass("large allow-overflow");
|
2018-04-04 17:01:34 +02:00
|
|
|
|
2020-07-02 01:39:34 +02:00
|
|
|
const modals = opts.values.map((item) => {
|
2019-11-02 00:06:25 +01:00
|
|
|
const key = item.key; // e.g. message-formatting
|
2021-02-03 23:23:32 +01:00
|
|
|
const modal = $(`#${CSS.escape(key)}`).find(".modal-body");
|
2018-04-04 17:01:34 +02:00
|
|
|
return modal;
|
|
|
|
|
});
|
|
|
|
|
|
js: Automatically convert _.each to for…of.
This commit was automatically generated by the following script,
followed by lint --fix and a few small manual lint-related cleanups.
import * as babelParser from "recast/parsers/babel";
import * as recast from "recast";
import * as tsParser from "recast/parsers/typescript";
import { builders as b, namedTypes as n } from "ast-types";
import { Context } from "ast-types/lib/path-visitor";
import K from "ast-types/gen/kinds";
import { NodePath } from "ast-types/lib/node-path";
import assert from "assert";
import fs from "fs";
import path from "path";
import process from "process";
const checkExpression = (node: n.Node): node is K.ExpressionKind =>
n.Expression.check(node);
const checkStatement = (node: n.Node): node is K.StatementKind =>
n.Statement.check(node);
for (const file of process.argv.slice(2)) {
console.log("Parsing", file);
const ast = recast.parse(fs.readFileSync(file, { encoding: "utf8" }), {
parser: path.extname(file) === ".ts" ? tsParser : babelParser,
});
let changed = false;
let inLoop = false;
let replaceReturn = false;
const visitLoop = (...args: string[]) =>
function(this: Context, path: NodePath) {
for (const arg of args) {
this.visit(path.get(arg));
}
const old = { inLoop };
inLoop = true;
this.visit(path.get("body"));
inLoop = old.inLoop;
return false;
};
recast.visit(ast, {
visitDoWhileStatement: visitLoop("test"),
visitExpressionStatement(path) {
const { expression, comments } = path.node;
let valueOnly;
if (
n.CallExpression.check(expression) &&
n.MemberExpression.check(expression.callee) &&
!expression.callee.computed &&
n.Identifier.check(expression.callee.object) &&
expression.callee.object.name === "_" &&
n.Identifier.check(expression.callee.property) &&
["each", "forEach"].includes(expression.callee.property.name) &&
[2, 3].includes(expression.arguments.length) &&
checkExpression(expression.arguments[0]) &&
(n.FunctionExpression.check(expression.arguments[1]) ||
n.ArrowFunctionExpression.check(expression.arguments[1])) &&
[1, 2].includes(expression.arguments[1].params.length) &&
n.Identifier.check(expression.arguments[1].params[0]) &&
((valueOnly = expression.arguments[1].params[1] === undefined) ||
n.Identifier.check(expression.arguments[1].params[1])) &&
(expression.arguments[2] === undefined ||
n.ThisExpression.check(expression.arguments[2]))
) {
const old = { inLoop, replaceReturn };
inLoop = false;
replaceReturn = true;
this.visit(
path
.get("expression")
.get("arguments")
.get(1)
.get("body")
);
inLoop = old.inLoop;
replaceReturn = old.replaceReturn;
const [right, { body, params }] = expression.arguments;
const loop = b.forOfStatement(
b.variableDeclaration("let", [
b.variableDeclarator(
valueOnly ? params[0] : b.arrayPattern([params[1], params[0]])
),
]),
valueOnly
? right
: b.callExpression(
b.memberExpression(right, b.identifier("entries")),
[]
),
checkStatement(body) ? body : b.expressionStatement(body)
);
loop.comments = comments;
path.replace(loop);
changed = true;
}
this.traverse(path);
},
visitForStatement: visitLoop("init", "test", "update"),
visitForInStatement: visitLoop("left", "right"),
visitForOfStatement: visitLoop("left", "right"),
visitFunction(path) {
this.visit(path.get("params"));
const old = { replaceReturn };
replaceReturn = false;
this.visit(path.get("body"));
replaceReturn = old.replaceReturn;
return false;
},
visitReturnStatement(path) {
if (replaceReturn) {
assert(!inLoop); // could use labeled continue if this ever fires
const { argument, comments } = path.node;
if (argument === null) {
const s = b.continueStatement();
s.comments = comments;
path.replace(s);
} else {
const s = b.expressionStatement(argument);
s.comments = comments;
path.replace(s, b.continueStatement());
}
return false;
}
this.traverse(path);
},
visitWhileStatement: visitLoop("test"),
});
if (changed) {
console.log("Writing", file);
fs.writeFileSync(file, recast.print(ast).code, { encoding: "utf8" });
}
}
Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-02-06 06:19:47 +01:00
|
|
|
for (const modal of modals) {
|
2020-03-24 21:14:30 +01:00
|
|
|
ui.get_scroll_element(modal).prop("tabindex", 0);
|
2018-04-04 17:01:34 +02:00
|
|
|
keydown_util.handle({
|
|
|
|
|
elem: modal,
|
|
|
|
|
handlers: {
|
2018-08-04 08:07:25 +02:00
|
|
|
left_arrow: exports.toggler.maybe_go_left,
|
|
|
|
|
right_arrow: exports.toggler.maybe_go_right,
|
2018-04-04 17:01:34 +02:00
|
|
|
},
|
|
|
|
|
});
|
js: Automatically convert _.each to for…of.
This commit was automatically generated by the following script,
followed by lint --fix and a few small manual lint-related cleanups.
import * as babelParser from "recast/parsers/babel";
import * as recast from "recast";
import * as tsParser from "recast/parsers/typescript";
import { builders as b, namedTypes as n } from "ast-types";
import { Context } from "ast-types/lib/path-visitor";
import K from "ast-types/gen/kinds";
import { NodePath } from "ast-types/lib/node-path";
import assert from "assert";
import fs from "fs";
import path from "path";
import process from "process";
const checkExpression = (node: n.Node): node is K.ExpressionKind =>
n.Expression.check(node);
const checkStatement = (node: n.Node): node is K.StatementKind =>
n.Statement.check(node);
for (const file of process.argv.slice(2)) {
console.log("Parsing", file);
const ast = recast.parse(fs.readFileSync(file, { encoding: "utf8" }), {
parser: path.extname(file) === ".ts" ? tsParser : babelParser,
});
let changed = false;
let inLoop = false;
let replaceReturn = false;
const visitLoop = (...args: string[]) =>
function(this: Context, path: NodePath) {
for (const arg of args) {
this.visit(path.get(arg));
}
const old = { inLoop };
inLoop = true;
this.visit(path.get("body"));
inLoop = old.inLoop;
return false;
};
recast.visit(ast, {
visitDoWhileStatement: visitLoop("test"),
visitExpressionStatement(path) {
const { expression, comments } = path.node;
let valueOnly;
if (
n.CallExpression.check(expression) &&
n.MemberExpression.check(expression.callee) &&
!expression.callee.computed &&
n.Identifier.check(expression.callee.object) &&
expression.callee.object.name === "_" &&
n.Identifier.check(expression.callee.property) &&
["each", "forEach"].includes(expression.callee.property.name) &&
[2, 3].includes(expression.arguments.length) &&
checkExpression(expression.arguments[0]) &&
(n.FunctionExpression.check(expression.arguments[1]) ||
n.ArrowFunctionExpression.check(expression.arguments[1])) &&
[1, 2].includes(expression.arguments[1].params.length) &&
n.Identifier.check(expression.arguments[1].params[0]) &&
((valueOnly = expression.arguments[1].params[1] === undefined) ||
n.Identifier.check(expression.arguments[1].params[1])) &&
(expression.arguments[2] === undefined ||
n.ThisExpression.check(expression.arguments[2]))
) {
const old = { inLoop, replaceReturn };
inLoop = false;
replaceReturn = true;
this.visit(
path
.get("expression")
.get("arguments")
.get(1)
.get("body")
);
inLoop = old.inLoop;
replaceReturn = old.replaceReturn;
const [right, { body, params }] = expression.arguments;
const loop = b.forOfStatement(
b.variableDeclaration("let", [
b.variableDeclarator(
valueOnly ? params[0] : b.arrayPattern([params[1], params[0]])
),
]),
valueOnly
? right
: b.callExpression(
b.memberExpression(right, b.identifier("entries")),
[]
),
checkStatement(body) ? body : b.expressionStatement(body)
);
loop.comments = comments;
path.replace(loop);
changed = true;
}
this.traverse(path);
},
visitForStatement: visitLoop("init", "test", "update"),
visitForInStatement: visitLoop("left", "right"),
visitForOfStatement: visitLoop("left", "right"),
visitFunction(path) {
this.visit(path.get("params"));
const old = { replaceReturn };
replaceReturn = false;
this.visit(path.get("body"));
replaceReturn = old.replaceReturn;
return false;
},
visitReturnStatement(path) {
if (replaceReturn) {
assert(!inLoop); // could use labeled continue if this ever fires
const { argument, comments } = path.node;
if (argument === null) {
const s = b.continueStatement();
s.comments = comments;
path.replace(s);
} else {
const s = b.expressionStatement(argument);
s.comments = comments;
path.replace(s, b.continueStatement());
}
return false;
}
this.traverse(path);
},
visitWhileStatement: visitLoop("test"),
});
if (changed) {
console.log("Writing", file);
fs.writeFileSync(file, recast.print(ast).code, { encoding: "utf8" });
}
}
Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-02-06 06:19:47 +01:00
|
|
|
}
|
2018-04-04 17:01:34 +02:00
|
|
|
|
|
|
|
|
$(".informational-overlays .overlay-tabs").append(elem);
|
2018-03-30 14:09:11 +02:00
|
|
|
|
2019-06-07 11:03:13 +02:00
|
|
|
common.adjust_mac_shortcuts(".hotkeys_table .hotkey kbd");
|
2019-05-07 09:26:25 +02:00
|
|
|
common.adjust_mac_shortcuts("#markdown-instructions kbd");
|
2018-05-30 18:09:17 +02:00
|
|
|
};
|
2018-03-30 14:09:11 +02:00
|
|
|
|
|
|
|
|
exports.show = function (target) {
|
2018-06-04 14:51:21 +02:00
|
|
|
if (!exports.toggler) {
|
|
|
|
|
exports.set_up_toggler();
|
|
|
|
|
}
|
|
|
|
|
|
2019-11-02 00:06:25 +01:00
|
|
|
const overlay = $(".informational-overlays");
|
2018-03-30 14:09:11 +02:00
|
|
|
|
|
|
|
|
if (!overlay.hasClass("show")) {
|
|
|
|
|
overlays.open_overlay({
|
2020-07-15 01:29:15 +02:00
|
|
|
name: "informationalOverlays",
|
2020-07-20 22:18:43 +02:00
|
|
|
overlay,
|
|
|
|
|
on_close() {
|
2020-07-02 12:07:30 +02:00
|
|
|
hashchange.exit_overlay();
|
2018-03-30 14:09:11 +02:00
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (target) {
|
2018-06-04 14:51:21 +02:00
|
|
|
exports.toggler.goto(target);
|
2018-03-30 14:09:11 +02:00
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
exports.maybe_show_keyboard_shortcuts = function () {
|
|
|
|
|
if (overlays.is_active()) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (popovers.any_active()) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
exports.show("keyboard-shortcuts");
|
|
|
|
|
};
|
|
|
|
|
|
2019-10-25 09:45:13 +02:00
|
|
|
window.info_overlay = exports;
|
