From f3a95793148ca076120e820476b5e5fc021eeff3 Mon Sep 17 00:00:00 2001
From: dcai <dcai@users.noreply.github.com>
Date: Sun, 12 May 2024 23:58:21 +0000
Subject: [PATCH] ci(keymap): draw keymap in svg

---
 assets/cradio-keymap.svg     | 69 ++++++++++++++++++++++++++----------
 assets/cradio-keymap.yaml    |  6 ++--
 assets/reviung34-keymap.svg  | 69 ++++++++++++++++++++++++++----------
 assets/reviung34-keymap.yaml |  6 ++--
 assets/reviung5-keymap.svg   | 11 +++++-
 5 files changed, 120 insertions(+), 41 deletions(-)

diff --git a/assets/cradio-keymap.svg b/assets/cradio-keymap.svg
index 703f8ab..1d70090 100644
--- a/assets/cradio-keymap.svg
+++ b/assets/cradio-keymap.svg
@@ -54,7 +54,16 @@ text.label {
     font-weight: bold;
     text-anchor: start;
     stroke: white;
-    stroke-width: 2;
+    stroke-width: 4;
+    paint-order: stroke;
+}
+
+/* styling for optional footer */
+text.footer {
+    text-anchor: end;
+    dominant-baseline: auto;
+    stroke: white;
+    stroke-width: 4;
     paint-order: stroke;
 }
 
@@ -256,22 +265,26 @@ path.combo {
 <text x="0" y="24" class="key hold">LALT</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="50" width="28" height="26" class="combo"/>
 <text x="56" y="63" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
 <text x="504" y="148" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
 <text x="560" y="149" class="combo tap">
 <tspan x="560" dy="-0.6em">VOL</tspan><tspan x="560" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M336,100 l-121,0" class="combo"/>
 <path d="M336,100 l121,0" class="combo"/>
 <rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
@@ -417,22 +430,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="50" width="28" height="26" class="combo"/>
 <text x="56" y="63" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
 <text x="504" y="148" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
 <text x="560" y="149" class="combo tap">
 <tspan x="560" dy="-0.6em">VOL</tspan><tspan x="560" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M336,100 l-121,0" class="combo"/>
 <path d="M336,100 l121,0" class="combo"/>
 <rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
@@ -550,11 +567,15 @@ path.combo {
 </g>
 <g transform="translate(476, 156)" class="key keypos-26">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
-<text x="0" y="0" class="key tap"><tspan style="font-size: 88%">LG(DOWN)</tspan></text>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">Gui+</tspan><tspan x="0" dy="1.2em">DOWN</tspan>
+</text>
 </g>
 <g transform="translate(532, 140)" class="key keypos-27">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
-<text x="0" y="0" class="key tap">LG(UP)</text>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">Gui+</tspan><tspan x="0" dy="1.2em">UP</tspan>
+</text>
 </g>
 <g transform="translate(588, 157)" class="key keypos-28">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
@@ -579,22 +600,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="50" width="28" height="26" class="combo"/>
 <text x="56" y="63" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
 <text x="504" y="148" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
 <text x="560" y="149" class="combo tap">
 <tspan x="560" dy="-0.6em">VOL</tspan><tspan x="560" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M336,100 l-121,0" class="combo"/>
 <path d="M336,100 l121,0" class="combo"/>
 <rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
@@ -744,22 +769,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="50" width="28" height="26" class="combo"/>
 <text x="56" y="63" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
 <text x="504" y="148" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
 <text x="560" y="149" class="combo tap">
 <tspan x="560" dy="-0.6em">VOL</tspan><tspan x="560" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M336,100 l-121,0" class="combo"/>
 <path d="M336,100 l121,0" class="combo"/>
 <rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
@@ -873,22 +902,26 @@ path.combo {
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="50" width="28" height="26" class="combo"/>
 <text x="56" y="63" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
 <text x="504" y="148" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
 <text x="560" y="149" class="combo tap">
 <tspan x="560" dy="-0.6em">VOL</tspan><tspan x="560" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M336,100 l-121,0" class="combo"/>
 <path d="M336,100 l121,0" class="combo"/>
 <rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
diff --git a/assets/cradio-keymap.yaml b/assets/cradio-keymap.yaml
index 3bfd36e..687dbc1 100644
--- a/assets/cradio-keymap.yaml
+++ b/assets/cradio-keymap.yaml
@@ -97,8 +97,8 @@ layers:
   - '0'
   - +
   - ''
-  - LG(DOWN)
-  - LG(UP)
+  - Gui+ DOWN
+  - Gui+ UP
   - ''
   - ''
   - {t: ▽, type: trans}
@@ -142,6 +142,8 @@ layers:
   - {t: ▽, type: trans}
   blank: ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '']
 combos:
+- p: [12, 13]
+  k: ESC
 - p: [0, 1]
   k: ESC
 - p: [26, 27]
diff --git a/assets/reviung34-keymap.svg b/assets/reviung34-keymap.svg
index 3926f99..58c352f 100644
--- a/assets/reviung34-keymap.svg
+++ b/assets/reviung34-keymap.svg
@@ -54,7 +54,16 @@ text.label {
     font-weight: bold;
     text-anchor: start;
     stroke: white;
-    stroke-width: 2;
+    stroke-width: 4;
+    paint-order: stroke;
+}
+
+/* styling for optional footer */
+text.footer {
+    text-anchor: end;
+    dominant-baseline: auto;
+    stroke: white;
+    stroke-width: 4;
     paint-order: stroke;
 }
 
@@ -256,22 +265,26 @@ path.combo {
 <text x="0" y="24" class="key hold">LALT</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="71" width="28" height="26" class="combo"/>
+<text x="168" y="84" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="15" width="28" height="26" class="combo"/>
 <text x="56" y="28" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="434" y="127" width="28" height="26" class="combo"/>
 <text x="448" y="140" class="combo tap">
 <tspan x="448" dy="-0.6em">VOL</tspan><tspan x="448" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="490" y="127" width="28" height="26" class="combo"/>
 <text x="504" y="140" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M308,84 l-93,0" class="combo"/>
 <path d="M308,84 l93,0" class="combo"/>
 <rect rx="6" ry="6" x="294" y="71" width="28" height="26" class="combo"/>
@@ -417,22 +430,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="71" width="28" height="26" class="combo"/>
+<text x="168" y="84" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="15" width="28" height="26" class="combo"/>
 <text x="56" y="28" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="434" y="127" width="28" height="26" class="combo"/>
 <text x="448" y="140" class="combo tap">
 <tspan x="448" dy="-0.6em">VOL</tspan><tspan x="448" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="490" y="127" width="28" height="26" class="combo"/>
 <text x="504" y="140" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M308,84 l-93,0" class="combo"/>
 <path d="M308,84 l93,0" class="combo"/>
 <rect rx="6" ry="6" x="294" y="71" width="28" height="26" class="combo"/>
@@ -550,11 +567,15 @@ path.combo {
 </g>
 <g transform="translate(420, 140)" class="key keypos-26">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
-<text x="0" y="0" class="key tap"><tspan style="font-size: 88%">LG(DOWN)</tspan></text>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">Gui+</tspan><tspan x="0" dy="1.2em">DOWN</tspan>
+</text>
 </g>
 <g transform="translate(476, 140)" class="key keypos-27">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
-<text x="0" y="0" class="key tap">LG(UP)</text>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">Gui+</tspan><tspan x="0" dy="1.2em">UP</tspan>
+</text>
 </g>
 <g transform="translate(532, 140)" class="key keypos-28">
 <rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
@@ -579,22 +600,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="71" width="28" height="26" class="combo"/>
+<text x="168" y="84" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="15" width="28" height="26" class="combo"/>
 <text x="56" y="28" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="434" y="127" width="28" height="26" class="combo"/>
 <text x="448" y="140" class="combo tap">
 <tspan x="448" dy="-0.6em">VOL</tspan><tspan x="448" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="490" y="127" width="28" height="26" class="combo"/>
 <text x="504" y="140" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M308,84 l-93,0" class="combo"/>
 <path d="M308,84 l93,0" class="combo"/>
 <rect rx="6" ry="6" x="294" y="71" width="28" height="26" class="combo"/>
@@ -744,22 +769,26 @@ path.combo {
 <text x="0" y="0" class="key trans tap">▽</text>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="71" width="28" height="26" class="combo"/>
+<text x="168" y="84" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="15" width="28" height="26" class="combo"/>
 <text x="56" y="28" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="434" y="127" width="28" height="26" class="combo"/>
 <text x="448" y="140" class="combo tap">
 <tspan x="448" dy="-0.6em">VOL</tspan><tspan x="448" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="490" y="127" width="28" height="26" class="combo"/>
 <text x="504" y="140" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M308,84 l-93,0" class="combo"/>
 <path d="M308,84 l93,0" class="combo"/>
 <rect rx="6" ry="6" x="294" y="71" width="28" height="26" class="combo"/>
@@ -873,22 +902,26 @@ path.combo {
 <rect rx="6" ry="6" x="-54" y="-26" width="108" height="52" class="key"/>
 </g>
 <g class="combo combopos-0">
+<rect rx="6" ry="6" x="154" y="71" width="28" height="26" class="combo"/>
+<text x="168" y="84" class="combo tap">ESC</text>
+</g>
+<g class="combo combopos-1">
 <rect rx="6" ry="6" x="42" y="15" width="28" height="26" class="combo"/>
 <text x="56" y="28" class="combo tap">ESC</text>
 </g>
-<g class="combo combopos-1">
+<g class="combo combopos-2">
 <rect rx="6" ry="6" x="434" y="127" width="28" height="26" class="combo"/>
 <text x="448" y="140" class="combo tap">
 <tspan x="448" dy="-0.6em">VOL</tspan><tspan x="448" dy="1.2em">DN</tspan>
 </text>
 </g>
-<g class="combo combopos-2">
+<g class="combo combopos-3">
 <rect rx="6" ry="6" x="490" y="127" width="28" height="26" class="combo"/>
 <text x="504" y="140" class="combo tap">
 <tspan x="504" dy="-0.6em">VOL</tspan><tspan x="504" dy="1.2em">UP</tspan>
 </text>
 </g>
-<g class="combo combopos-3">
+<g class="combo combopos-4">
 <path d="M308,84 l-93,0" class="combo"/>
 <path d="M308,84 l93,0" class="combo"/>
 <rect rx="6" ry="6" x="294" y="71" width="28" height="26" class="combo"/>
diff --git a/assets/reviung34-keymap.yaml b/assets/reviung34-keymap.yaml
index 1097a54..fd73572 100644
--- a/assets/reviung34-keymap.yaml
+++ b/assets/reviung34-keymap.yaml
@@ -97,8 +97,8 @@ layers:
   - '0'
   - +
   - ''
-  - LG(DOWN)
-  - LG(UP)
+  - Gui+ DOWN
+  - Gui+ UP
   - ''
   - ''
   - {t: ▽, type: trans}
@@ -142,6 +142,8 @@ layers:
   - {t: ▽, type: trans}
   blank: ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '']
 combos:
+- p: [12, 13]
+  k: ESC
 - p: [0, 1]
   k: ESC
 - p: [26, 27]
diff --git a/assets/reviung5-keymap.svg b/assets/reviung5-keymap.svg
index 7b253f5..e401d50 100644
--- a/assets/reviung5-keymap.svg
+++ b/assets/reviung5-keymap.svg
@@ -54,7 +54,16 @@ text.label {
     font-weight: bold;
     text-anchor: start;
     stroke: white;
-    stroke-width: 2;
+    stroke-width: 4;
+    paint-order: stroke;
+}
+
+/* styling for optional footer */
+text.footer {
+    text-anchor: end;
+    dominant-baseline: auto;
+    stroke: white;
+    stroke-width: 4;
     paint-order: stroke;
 }