Router (router)
The Router class (API Reference) provides a way to structure your bot by routing context objects to different parts of your code. It is a more sophisticated version of bot on Composer (grammY API Reference).
Example
Here is an example of a router usage that speaks for itself.
ts
const router = new Router((ctx) => {
// Determine route to pick here.
return "key";
});
router.route("key", async (ctx) => {/* ... */});
router.route("other-key", async (ctx) => {/* ... */});
router.otherwise((ctx) => {/* ... */}); // called if no route matches
bot.use(router);1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
Integration With Middleware
Naturally, the router plugin integrates seamlessly with grammY’s middleware trees. For example, you filter down updates further after routing them.
ts
router.route("key").on("message:text", async (ctx) => {/* ... */});
const other = router.otherwise();
other.on(":text", async (ctx) => {/* ... */});
other.use((ctx) => {/* ... */});1
2
3
4
5
2
3
4
5
You may also want to revisit this section about combining middleware handlers.
Combining Routers With Sessions
Routers work well together with sessions. As an example, combining the two concepts allows you to re-create forms in the chat interface.
Note that a much better solution is to use the conversations plugin. The remainder of this page is obsolete since that plugin was created. We will keep this page as a reference for those who used the router for forms.
Let’s say that you want to build a bot that tells users how many days are left until it is their birthday. In order to compute the number of days, the bot has to know the month (e.g. June) and the day of month (e.g. 15) of the birthday.
The bot therefore has to ask two questions:
- In what month is the user born?
- What day of the month is the user born?
Only if both values are known, the bot can tell the user how many days are left.
This is how a bot like that could be implemented:
ts
import { Bot, Context, Keyboard, session, SessionFlavor } from "grammy";
import { Router } from "@grammyjs/router";
interface SessionData {
step: "idle" | "day" | "month"; // which step of the form we are on
dayOfMonth?: number; // day of birthday
month?: number; // month of birthday
}
type MyContext = Context & SessionFlavor<SessionData>;
const bot = new Bot<MyContext>("");
// Use session.
bot.use(session({ initial: (): SessionData => ({ step: "idle" }) }));
// Define some commands.
bot.command("start", async (ctx) => {
await ctx.reply(`Welcome!
I can tell you in how many days it is your birthday!
Send /birthday to start`);
});
bot.command("birthday", async (ctx) => {
const day = ctx.session.dayOfMonth;
const month = ctx.session.month;
if (day !== undefined && month !== undefined) {
// Information already provided!
await ctx.reply(`Your birthday is in ${getDays(month, day)} days!`);
} else {
// Missing information, enter router-based form
ctx.session.step = "day";
await ctx.reply(
"Please send me the day of month \
of your birthday as a number!",
);
}
});
// Use router.
const router = new Router<MyContext>((ctx) => ctx.session.step);
// Define step that handles the day.
const day = router.route("day");
day.on("message:text", async (ctx) => {
const day = parseInt(ctx.msg.text, 10);
if (isNaN(day) || day < 1 || 31 < day) {
await ctx.reply("That is not a valid day, try again!");
return;
}
ctx.session.dayOfMonth = day;
// Advance form to step for month
ctx.session.step = "month";
await ctx.reply("Got it! Now, send me the month!", {
reply_markup: {
one_time_keyboard: true,
keyboard: new Keyboard()
.text("Jan").text("Feb").text("Mar").row()
.text("Apr").text("May").text("Jun").row()
.text("Jul").text("Aug").text("Sep").row()
.text("Oct").text("Nov").text("Dec").build(),
},
});
});
day.use((ctx) => ctx.reply("Please send me the day as a text message!"));
// Define step that handles the month.
const month = router.route("month");
month.on("message:text", async (ctx) => {
// Should not happen, unless session data is corrupted.
const day = ctx.session.dayOfMonth;
if (day === undefined) {
await ctx.reply("I need your day of month!");
ctx.session.step = "day";
return;
}
const month = months.indexOf(ctx.msg.text);
if (month === -1) {
await ctx.reply(
"That is not a valid month, \
please use one of the buttons!",
);
return;
}
ctx.session.month = month;
const diff = getDays(month, day);
await ctx.reply(
`Your birthday is on ${months[month]} ${day}.
That is in ${diff} days!`,
{ reply_markup: { remove_keyboard: true } },
);
ctx.session.step = "idle";
});
month.use((ctx) => ctx.reply("Please tap one of the buttons!"));
// Define step that handles all other cases.
router.otherwise(async (ctx) => { // idle
await ctx.reply("Send /birthday to find out how long you have to wait.");
});
bot.use(router); // register the router
bot.start();
// Date conversion utils
const months = [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec",
];
function getDays(month: number, day: number) {
const bday = new Date();
const now = Date.now();
bday.setMonth(month);
bday.setDate(day);
if (bday.getTime() < now) bday.setFullYear(bday.getFullYear() + 1);
const diff = (bday.getTime() - now) / (1000 * 60 * 60 * 24);
return diff;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
js
const { Bot, Context, Keyboard, session, SessionFlavor } = require("grammy");
const { Router } = require("@grammyjs/router");
const bot = new Bot("");
// Use session.
bot.use(session({ initial: () => ({ step: "idle" }) }));
// Define some commands.
bot.command("start", async (ctx) => {
await ctx.reply(`Welcome!
I can tell you in how many days it is your birthday!
Send /birthday to start`);
});
bot.command("birthday", async (ctx) => {
const day = ctx.session.dayOfMonth;
const month = ctx.session.month;
if (day !== undefined && month !== undefined) {
// Information already provided!
await ctx.reply(`Your birthday is in ${getDays(month, day)} days!`);
} else {
// Missing information, enter router-based form
ctx.session.step = "day";
await ctx.reply(
"Please send me the day of month \
of your birthday as a number!",
);
}
});
// Use router.
const router = new Router((ctx) => ctx.session.step);
// Define step that handles the day.
const day = router.route("day");
day.on("message:text", async (ctx) => {
const day = parseInt(ctx.msg.text, 10);
if (isNaN(day) || day < 1 || 31 < day) {
await ctx.reply("That is not a valid day, try again!");
return;
}
ctx.session.dayOfMonth = day;
// Advance form to step for month
ctx.session.step = "month";
await ctx.reply("Got it! Now, send me the month!", {
reply_markup: {
one_time_keyboard: true,
keyboard: new Keyboard()
.text("Jan").text("Feb").text("Mar").row()
.text("Apr").text("May").text("Jun").row()
.text("Jul").text("Aug").text("Sep").row()
.text("Oct").text("Nov").text("Dec").build(),
},
});
});
day.use((ctx) => ctx.reply("Please send me the day as a text message!"));
// Define step that handles the month.
const month = router.route("month");
month.on("message:text", async (ctx) => {
// Should not happen, unless session data is corrupted.
const day = ctx.session.dayOfMonth;
if (day === undefined) {
await ctx.reply("I need your day of month!");
ctx.session.step = "day";
return;
}
const month = months.indexOf(ctx.msg.text);
if (month === -1) {
await ctx.reply(
"That is not a valid month, \
please use one of the buttons!",
);
return;
}
ctx.session.month = month;
const diff = getDays(month, day);
await ctx.reply(
`Your birthday is on ${months[month]} ${day}.
That is in ${diff} days!`,
{ reply_markup: { remove_keyboard: true } },
);
ctx.session.step = "idle";
});
month.use((ctx) => ctx.reply("Please tap one of the buttons!"));
// Define step that handles all other cases.
router.otherwise(async (ctx) => { // idle
await ctx.reply("Send /birthday to find out how long you have to wait.");
});
bot.use(router); // register the router
bot.start();
// Date conversion utils
const months = [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec",
];
function getDays(month, day) {
const bday = new Date();
const now = Date.now();
bday.setMonth(month);
bday.setDate(day);
if (bday.getTime() < now) bday.setFullYear(bday.getFullYear() + 1);
const diff = (bday.getTime() - now) / (1000 * 60 * 60 * 24);
return diff;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
ts
import {
Bot,
Context,
Keyboard,
session,
SessionFlavor,
} from "https://deno.land/x/grammy@v1.33.0/mod.ts";
import { Router } from "https://deno.land/x/grammy_router@v2.0.0/router.ts";
interface SessionData {
step: "idle" | "day" | "month"; // which step of the form we are on
dayOfMonth?: number; // day of birthday
month?: number; // month of birthday
}
type MyContext = Context & SessionFlavor<SessionData>;
const bot = new Bot<MyContext>("");
// Use session.
bot.use(session({ initial: (): SessionData => ({ step: "idle" }) }));
// Define some commands.
bot.command("start", async (ctx) => {
await ctx.reply(`Welcome!
I can tell you in how many days it is your birthday!
Send /birthday to start`);
});
bot.command("birthday", async (ctx) => {
const day = ctx.session.dayOfMonth;
const month = ctx.session.month;
if (day !== undefined && month !== undefined) {
// Information already provided!
await ctx.reply(`Your birthday is in ${getDays(month, day)} days!`);
} else {
// Missing information, enter router-based form
ctx.session.step = "day";
await ctx.reply(
"Please send me the day of month \
of your birthday as a number!",
);
}
});
// Use router.
const router = new Router<MyContext>((ctx) => ctx.session.step);
// Define step that handles the day.
const day = router.route("day");
day.on("message:text", async (ctx) => {
const day = parseInt(ctx.msg.text, 10);
if (isNaN(day) || day < 1 || 31 < day) {
await ctx.reply("That is not a valid day, try again!");
return;
}
ctx.session.dayOfMonth = day;
// Advance form to step for month
ctx.session.step = "month";
await ctx.reply("Got it! Now, send me the month!", {
reply_markup: {
one_time_keyboard: true,
keyboard: new Keyboard()
.text("Jan").text("Feb").text("Mar").row()
.text("Apr").text("May").text("Jun").row()
.text("Jul").text("Aug").text("Sep").row()
.text("Oct").text("Nov").text("Dec").build(),
},
});
});
day.use((ctx) => ctx.reply("Please send me the day as a text message!"));
// Define step that handles the month.
const month = router.route("month");
month.on("message:text", async (ctx) => {
// Should not happen, unless session data is corrupted.
const day = ctx.session.dayOfMonth;
if (day === undefined) {
await ctx.reply("I need your day of month!");
ctx.session.step = "day";
return;
}
const month = months.indexOf(ctx.msg.text);
if (month === -1) {
await ctx.reply(
"That is not a valid month, \
please use one of the buttons!",
);
return;
}
ctx.session.month = month;
const diff = getDays(month, day);
await ctx.reply(
`Your birthday is on ${months[month]} ${day}.
That is in ${diff} days!`,
{ reply_markup: { remove_keyboard: true } },
);
ctx.session.step = "idle";
});
month.use((ctx) => ctx.reply("Please tap one of the buttons!"));
// Define step that handles all other cases.
router.otherwise(async (ctx) => { // idle
await ctx.reply("Send /birthday to find out how long you have to wait.");
});
bot.use(router); // register the router
bot.start();
// Date conversion utils
const months = [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec",
];
function getDays(month: number, day: number) {
const bday = new Date();
const now = Date.now();
bday.setMonth(month);
bday.setDate(day);
if (bday.getTime() < now) bday.setFullYear(bday.getFullYear() + 1);
const diff = (bday.getTime() - now) / (1000 * 60 * 60 * 24);
return diff;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
Note how the session has a property step that stores the step of the form, i.e. which value is currently being filled. The router is used to jump between different middleware that completes both the month and the day fields on the session. If both values are known, the bot computes the remaining days and sends it back to the user.