feat: enhance widget display with dynamic height and add GitHub username

Author: Andcool-Systems

src/apis/apis.service.ts

@@ -165,7 +165,7 @@ export class APIService {
             }
 
             let streak = 0;
-            for (let i = allDays.length - 1; i >= 0; i--) {
+            for (let i = allDays.length - 2; i >= 0; i--) {
                 if (allDays[i].count > 0) {
                     streak++;
                 } else {

src/widget/views/index.hbs

@@ -16,23 +16,40 @@
         .main_text {
             transform: translateX(38px);
         }
+
+        .path {
+            filter: brightness(1.4);
+            font-size: .8rem;
+        }
+
+        .path_icon {
+            font-size: .7rem;
+        }
     </style>
     <rect width="800" height="{{ height_ }}" style="fill: {{background_color}};" />
     <rect width="673" height="40" x="127" style="fill: {{header_color}};" />
-    <rect width="1" height="{{ height_main_line }}" x="40" y="65" fill="{{indent_color}}" />
+    <rect width="1" height="{{ height_main_line }}" x="40" y="90" fill="{{indent_color}}" />
 
-    <text y="60" font-family="Consolas, monospace" class="indexes" fill="{{main_color}}">
+    <text y="85" font-family="Consolas, monospace" class="indexes" fill="{{main_color}}">
         {{{indexes}}}
     </text>
+
     <text y="25" class="filename" font-family="Segoe WPC, Segoe UI, sans-serif" fill="{{main_color}}">
         <tspan fill="{{icon_color}}" font-family="Consolas, monospace">{}</tspan> info.json
         <tspan font-family="Consolas, monospace" style="font-size: .8rem;">&#8197;&#x2715;</tspan>
     </text>
-    <text y="60" font-family="Consolas, monospace" class="main_text" fill="{{main_color}}">
+
+    <text x="8" y="60" fill="{{line_index_color}}" font-family="Consolas, monospace" class="path">
+        <tspan>github.com > {{name}} ></tspan>
+        <tspan fill="{{icon_color}}" font-family="Consolas, monospace" class="path_icon">{}</tspan>
+        <tspan>info.json</tspan>
+    </text>
+
+    <text y="85" font-family="Consolas, monospace" class="main_text" fill="{{main_color}}">
         {{{json}}}
     </text>
 
-    <g style="transform: translate({{indent_x}}px, 45px);">
+    <g style="transform: translate({{indent_x}}px, 68px);">
         {{{indents}}}
     </g>
 </svg>

src/widget/widget.controller.ts

@@ -30,16 +30,18 @@ export class WidgetController {
                 indents,
                 config.indent * 7.5
             ),
-            height: 52 + lines_count * 19,
-            height_: 60 + lines_count * 19,
+            name: process.env.GITHUB_USERNAME,
+            height: 80 + lines_count * 19,
+            height_: 80 + lines_count * 19,
             height_main_line: (lines_count - 2) * 19,
             indent_x: 40 + config.indent * 7.5,
 
             background_color: config.colors.background,
             header_color: config.colors.header,
             icon_color: config.colors.icon_color,
             indent_color: config.colors.indent_lines,
-            main_color: config.colors.main_text
+            main_color: config.colors.main_text,
+            line_index_color: config.colors.line_index
         };
     }