From d15e6094b200c953d5d908669387c27dbf5e5c2d Mon Sep 17 00:00:00 2001
From: Eric Eastwood <erice@element.io>
Date: Wed, 15 Dec 2021 04:14:36 -0600
Subject: [PATCH] Add /jumptodate slash command

Fix https://github.com/vector-im/element-web/issues/7677

Utilizing MSC3030: https://github.com/matrix-org/matrix-doc/pull/3030

Experimental Synapse implementation added in https://github.com/matrix-org/synapse/pull/9445
---
 src/SlashCommands.tsx       | 33 +++++++++++++++++++++++++++++++++
 src/i18n/strings/en_EN.json |  1 +
 2 files changed, 34 insertions(+)

diff --git a/src/SlashCommands.tsx b/src/SlashCommands.tsx
index f7435ddda81..dc40b89279d 100644
--- a/src/SlashCommands.tsx
+++ b/src/SlashCommands.tsx
@@ -19,6 +19,7 @@ limitations under the License.
 
 import * as React from 'react';
 import { User } from "matrix-js-sdk/src/models/user";
+import { Direction } from 'matrix-js-sdk/src/models/event-timeline';
 import { EventType } from "matrix-js-sdk/src/@types/event";
 import * as ContentHelpers from 'matrix-js-sdk/src/content-helpers';
 import { parseFragment as parseHtml, Element as ChildElement } from "parse5";
@@ -286,6 +287,38 @@ export const Commands = [
         category: CommandCategories.admin,
         renderingTypes: [TimelineRenderingType.Room],
     }),
+    new Command({
+        command: 'jumptodate',
+        args: '<date>',
+        description: _td('Jump to the given date in the timeline'),
+        runFn: function(roomId, args) {
+            if (args) {
+                return success((async () => {
+                    const unixTimestamp = Date.parse(args);
+                    if (!unixTimestamp) {
+                        throw new Error(`Unable to parse given date ${args}`);
+                    }
+
+                    const cli = MatrixClientPeg.get();
+                    const { event_id, origin_server_ts } = await cli.timestampToEvent(
+                        roomId,
+                        unixTimestamp,
+                        Direction.Forward,
+                    )
+                    logger.log(`/timestamp_to_event: found ${event_id} (${origin_server_ts}) for timestamp=${unixTimestamp}`);
+                    dis.dispatch({
+                        action: Action.ViewRoom,
+                        event_id,
+                        highlighted: true,
+                        room_id: roomId,
+                    });
+                })());
+            }
+
+            return reject(this.getUsage());
+        },
+        category: CommandCategories.actions,
+    }),
     new Command({
         command: 'nick',
         args: '<display_name>',
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index 6406ce728e3..b08f6a4be36 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -435,6 +435,7 @@
     "Sends a message as html, without interpreting it as markdown": "Sends a message as html, without interpreting it as markdown",
     "Upgrades a room to a new version": "Upgrades a room to a new version",
     "You do not have the required permissions to use this command.": "You do not have the required permissions to use this command.",
+    "Jump to the given date in the timeline": "Jump to the given date in the timeline",
     "Changes your display nickname": "Changes your display nickname",
     "Changes your display nickname in the current room only": "Changes your display nickname in the current room only",
     "Changes the avatar of the current room": "Changes the avatar of the current room",