Update to support weeks parameter

Author: jamesthurley

README.md

@@ -87,12 +87,13 @@ Input:
 ```json
 {
   "width": 800,
-  "height": 190,
+  "height": 400,
   "username": "<some_github_username>",
   "github_token": "<your_github_personal_access_token>",
+  "weeks": 40,
   "theme": {
     "horizontal_padding": 22,
-    "vertical_padding": 22,
+    "vertical_padding": 10,
     "background_color": "#000",
     "font_color": "#fff",
     "day_border_color": "#555",
@@ -112,7 +113,7 @@ Output:
 {
   "canvas": {
     "width": 800,
-    "height": 190,
+    "height": 400,
     "data": "<encoded_rgba_bytes_omitted>"
   }
 }

example-output-dark.png

@@ -10,7 +10,7 @@
     background: data.backgroundColor,
     }}>
   <h2 style={{marginTop: 0, marginBottom: 0, color: data.fontColor}}>{data.totalContributions}</h2>
-  <p style={{marginTop: 0, marginBottom: 10, color: data.fontColor}}>Contributions in the last year</p>
+  <p style={{marginTop: 0, marginBottom: 10, color: data.fontColor}}>Contributions in the last {data.weekCount} weeks</p>
   <div style={{ display: "flex", flexDirection: "row"}}>
     {data.weeks.map((week, weekIdx) => (
       <div

example-output.png

@@ -3,15 +3,18 @@
  * @param {{
  *   width: number,
  *   height: number,
- *   horizontal_padding: number,
- *   vertical_padding: number,
- *   background_color: string,
- *   font_color: string,
- *   day_border_color: string,
- *   day_border_width: number,
- *   day_palette: string[],
  *   username: string,
- *   github_token: string
+ *   github_token: string,
+ *   weeks: number,
+ *   theme: {
+ *     horizontal_padding: number,
+ *     vertical_padding: number,
+ *     background_color: string,
+ *     font_color: string,
+ *     day_border_color: string,
+ *     day_border_width: number,
+ *     day_palette: string[],
+ *   }
  * }} input 
  * @returns {Promise<{
  *   data:{
@@ -31,10 +34,12 @@
  *   jsx: string,
  * }>}
  */
-export async function run(input){
+export async function run(input) {
+  let weeks = input.weeks || 52;
   let data = await getGitHubContributions(
     input.github_token || slipway_host.env('GITHUB_TOKEN'),
     input.username,
+    weeks,
   );
 
   let theme = input.theme || {};
@@ -44,8 +49,8 @@ export async function run(input){
   const boxVerticalMargin = 1;
   const boxHorizontalMargin = 3;
   const borderWidth = theme.day_border_width || 1;
-  const drawWidth = input.width - drawMarginWidth*2;
-  const drawHeight = input.height - drawMarginHeight*2;
+  const drawWidth = input.width - drawMarginWidth * 2;
+  const drawHeight = input.height - drawMarginHeight * 2;
   const boxWidth = Math.floor(drawWidth / (data.weeks.length + 1)) - borderWidth - boxHorizontalMargin;
   const boxHeight = Math.min(boxWidth, Math.floor(drawHeight / 7) - borderWidth - boxVerticalMargin);
 
@@ -67,7 +72,8 @@ export async function run(input){
   ];
   data.backgroundColor = theme.background_color || '#ffffff';
   data.fontColor = theme.font_color || '#000000';
-  
+  data.weekCount = weeks;
+
   return {
     data,
     jsx,
@@ -90,12 +96,12 @@ export async function run(input){
  *   }[]
  * }>}
  */
-export async function getGitHubContributions(githubToken, username) {
+export async function getGitHubContributions(githubToken, username, weeks) {
   const today = new Date();
-  const oneYearAgo = new Date(today);
-  oneYearAgo.setFullYear(today.getFullYear() - 1);
+  const weeksAgo = new Date(today);
+  weeksAgo.setDate(today.getDate() - weeks * 7);
 
-  const from = oneYearAgo.toISOString();
+  const from = weeksAgo.toISOString();
   const to = today.toISOString();
 
   const query = `

src/graph.jsx

@@ -10,6 +10,7 @@
     },
     "optionalProperties": {
       "github_token": { "type": "string" },
+      "weeks": { "type": "uint32" },
       "theme": { 
         "optionalProperties": {
           "horizontal_padding": { "type": "uint32" },