Skip to content

create rich menu operation #121

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 29 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
aae7ae3
create six-splited richmenu
4geru Jun 7, 2025
14f2118
add templates
4geru Jun 8, 2025
0f25ba1
create rich-menu folder
4geru Jun 8, 2025
6744607
separate the generateRichMenuImage function
4geru Jun 8, 2025
4f27622
add example images
4geru Jun 8, 2025
b281485
Merge remote-tracking branch 'origin/main' into 4geru/test-rich-menu
4geru Jun 8, 2025
d0229a4
refactor some
4geru Jun 8, 2025
6eb6d10
add h3 tag on templete 04
4geru Jun 8, 2025
417e9d7
change return messave
4geru Jun 8, 2025
34e8566
add create richmenu
4geru Jun 10, 2025
cb128ab
add create rich menu command
4geru Jun 10, 2025
3f81982
Merge remote-tracking branch 'origin/main' into 4geru/generate-rich-menu
4geru Jun 10, 2025
15bfb77
update the create rich menu
4geru Jun 10, 2025
3e3ae9e
change the image size
4geru Jun 10, 2025
1f2f63e
create the rich menu
4geru Jun 14, 2025
9a97695
refactor the code
4geru Jun 14, 2025
a1749ce
change the templetes
4geru Jun 14, 2025
0a39c3c
change TempleteNo and height
4geru Jun 14, 2025
b4f256b
change templete actions area
4geru Jun 14, 2025
fac005c
refactor the codes
4geru Jun 14, 2025
d709b29
use const variable
4geru Jun 14, 2025
760c059
rename the filename
4geru Jun 14, 2025
280a98c
add the areas and some
4geru Jun 14, 2025
73416bf
debug
4geru Jun 14, 2025
6237d7e
update the templetes
4geru Jun 14, 2025
28ba035
Merge branch 'main' into 4geru/generate-rich-menu
4geru Jun 15, 2025
63ffcc6
Merge remote-tracking branch 'fork/4geru/generate-rich-menu' into 4ge…
4geru Jun 15, 2025
36f68fd
self review
4geru Jun 15, 2025
9c6171c
fix the ci
4geru Jun 15, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,518 changes: 1,508 additions & 10 deletions package-lock.json

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,8 @@
"bugs": "https://github.com/line/line-bot-mcp-server/issues",
"dependencies": {
"@line/bot-sdk": "^10.0.0",
"@marp-team/marp-cli": "^4.1.2",
"@marp-team/marp-core": "^4.1.0",
Comment on lines +38 to +39
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

packages for generating slides/images

"@modelcontextprotocol/sdk": "^1.8.0",
"zod": "^3.24.2"
},
Expand Down
Binary file added richmenu-examples/templete-01.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added richmenu-examples/templete-02.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added richmenu-examples/templete-03.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added richmenu-examples/templete-04.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added richmenu-examples/templete-05.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added richmenu-examples/templete-06.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions richmenu-templetes/templete-01.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 100px;
white-space: normal;
word-break: break-all;
}
.column-item-01 {
margin: 10px;
height: calc((100% - 20px));
width: calc((100% - 20px));
}
</style>
<div class="columns-container">
<div class="column-item column-item-01">
<h3>item01</h3>
</div>
</div>
49 changes: 49 additions & 0 deletions richmenu-templetes/templete-02.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 70px;
white-space: normal;
word-break: break-all;
}
.column-item-02 {
margin: 10px 0px 10px 10px;
height: calc((100% - 20px));
width: calc((100% - 30px) / 2);
}
</style>
<div class="columns-container">
<div class="column-item column-item-02">
<h3>item01</h3>
</div>
<div class="column-item column-item-02">
<h3>item02</h3>
</div>
</div>
74 changes: 74 additions & 0 deletions richmenu-templetes/templete-03.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
white-space: normal;
word-break: break-all;
}
.column-item-left {
display: flex;
flex: 2;
font-size: 70px;
}
.column-item-right {
display: flex;
flex: 1;
flex-direction: column;
height: 100%;
font-size: 50px;
}
.column-item-03-right {
flex: 1;
margin: 10px 0px 10px 10px;
}
.column-item-03-left-top {
flex: 1;
margin: 10px 10px 10px 10px;
}
.column-item-03-left-bottom {
flex: 1;
margin: 0px 10px 10px 10px;
}
</style>
<div class="columns-container">
<div class="column-item-left">
<div class="column-item column-item-03-right">
<h3>item01</h3>
</div>
</div>
<div class="column-item-right">
<div class="column-item column-item-03-left-top">
<h3>item02</h3>
</div>
<div class="column-item column-item-03-left-bottom">
<h3>item03</h3>
</div>
</div>
</div>
60 changes: 60 additions & 0 deletions richmenu-templetes/templete-04.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 50px;
white-space: normal;
word-break: break-all;
}
.column-item-04 {
height: calc((100% - 30px) / 2);
width: calc((100% - 30px) / 2);
}
.column-item-04-top {
margin: 10px 0px 0px 10px;
}
.column-item-04-bottom {
margin: 0px 0px 0px 10px;
}
</style>
<div class="columns-container">
<div class="column-item column-item-04 column-item-04-top">
<h3>item01</h3>
</div>
<div class="column-item column-item-04 column-item-04-top">
<h3>item02</h3>
</div>
<div class="column-item column-item-04 column-item-04-bottom">
<h3>item03</h3>
</div>
<div class="column-item column-item-04 column-item-04-bottom">
<h3>item04</h3>
</div>
</div>
67 changes: 67 additions & 0 deletions richmenu-templetes/templete-05.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 50px;
white-space: normal;
word-break: break-all;
}
.column-item-05 {
height: calc((100% - 30px) / 2);
width: calc((100% - 40px) / 3);
}
.column-item-05-top-wide {
width: calc((100% - 40px) / 3 * 2 + 10px);
margin: 10px 0px 0px 10px;
}
.column-item-05-top-small {
margin: 10px 0px 0px 10px;
}
.column-item-05-bottom {
margin: 0px 0px 0px 10px;
}
</style>
<div class="columns-container">
<div class="column-item column-item-05 column-item column-item-05-top-wide">
<h3>item01</h3>
</div>
<div class="column-item column-item-05 column-item column-item-05-top-small">
<h3>item02</h3>
</div>
<div class="column-item column-item-05 column-item column-item-05-bottom">
<h3>item03</h3>
</div>
<div class="column-item column-item-05 column-item column-item-05-bottom">
<h3>item04</h3>
</div>
<div class="column-item column-item-05 column-item column-item-05-bottom">
<h3>item05</h3>
</div>
</div>
66 changes: 66 additions & 0 deletions richmenu-templetes/templete-06.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
---
marp: true
size: 16:9
---
<style>
section {
padding: 0 !important;
background-color: orange;
height: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.columns-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
.column-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
box-sizing: border-box;
overflow: hidden;
}
.column-item h3 {
font-weight: bold;
width: 100%;
text-align: center;
font-size: 50px;
white-space: normal;
word-break: break-all;
}
.column-item-06 {
height: calc((100% - 30px) / 2);
width: calc((100% - 40px) / 3);
}
.column-item-06-top {
margin: 10px 0px 0px 10px;
}
.column-item-06-bottom {
margin: 0px 0px 0px 10px;
}
</style>
<div class="columns-container">
<div class="column-item column-item-06 column-item column-item-06-top">
<h3>item01</h3>
</div>
<div class="column-item column-item-06 column-item column-item-06-top">
<h3>item02</h3>
</div>
<div class="column-item column-item-06 column-item column-item-06-top">
<h3>item03</h3>
</div>
<div class="column-item column-item-06 column-item column-item-06-bottom">
<h3>item04</h3>
</div>
<div class="column-item column-item-06 column-item column-item-06-bottom">
<h3>item05</h3>
</div>
<div class="column-item column-item-06 column-item column-item-06-bottom">
<h3>item06</h3>
</div>
</div>
Loading