@sotnak/react-wakatime-global-stats 0.1.10 → 0.2.0

package/README.md

@@ -7,7 +7,8 @@ main component
 - aggregateFunction: AggregateFunction
 - category: Category
 - year: number //[ 2013, ...,2024 ]
-- limit: number | undefined
+- urlGetter: (year: number) => string
+- limit?: number
 
 #### enum AggregateFunction
 - sum = 0

package/dist/components/waka.d.ts

@@ -9,10 +9,14 @@ export declare enum Category {
     editors = 1,
     operating_systems = 2
 }
-export interface WakaProps {
-    aggregateFunction: AggregateFunction;
-    category: Category;
-    year: number;
+export type UrlGetter = (year: number) => string;
+interface WakaProps {
+    aggregateFunction?: AggregateFunction;
+    category?: Category;
+    year?: number;
+    urlGetter: UrlGetter;
+    fetcher?: ((url: string) => Promise<any>);
     limit: number | undefined;
 }
-export declare const Waka: ({ aggregateFunction, category, year, ...props }: WakaProps) => JSX.Element;
+export declare const Waka: ({ aggregateFunction, category, year, urlGetter, fetcher, ...props }: WakaProps) => JSX.Element;
+export {};

package/dist/components/wakaInteractive.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
+import { UrlGetter } from "./waka";
 import "./wakaInteractive.css";
-export declare const WakaInteractive: ({ limit }: {
-    limit?: number | undefined;
+export declare const WakaInteractive: ({ limit, urlGetter, fetcher }: {
+    limit: number;
+    urlGetter: UrlGetter;
+    fetcher?: ((url: string) => Promise<any>) | undefined;
 }) => JSX.Element;

package/dist/index.js

@@ -1 +1 @@
-import"bootstrap/dist/css/bootstrap.css";import React,{useState,useEffect}from"react";import Spinner from"react-bootstrap/Spinner";import{ListGroup,Stack,ProgressBar,Pagination,ToggleButtonGroup,ToggleButton}from"react-bootstrap";function __rest(e,t){var a={};for(r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]]);return a}function __awaiter(e,c,g,s){return new(g=g||Promise)(function(a,t){function n(e){try{o(s.next(e))}catch(e){t(e)}}function r(e){try{o(s.throw(e))}catch(e){t(e)}}function o(e){var t;e.done?a(e.value):((t=e.value)instanceof g?t:new g(function(e){e(t)})).then(n,r)}o((s=s.apply(e,c||[])).next())})}const readJsonStats=e=>__awaiter(void 0,void 0,void 0,function*(){return yield import(`../assets/waka${e}.json`).then(e=>e.data)});var AggregateFunction,Category;!function(e){e[e.sum=0]="sum",e[e.average=1]="average",e[e.median=2]="median"}(AggregateFunction=AggregateFunction||{}),function(e){e[e.languages=0]="languages",e[e.editors=1]="editors",e[e.operating_systems=2]="operating_systems"}(Category=Category||{});const Waka=e=>{var{aggregateFunction:t=AggregateFunction.sum,category:a=Category.languages,year:n=2023}=e,e=__rest(e,["aggregateFunction","category","year"]);const[r,o]=useState(void 0);if(useEffect(()=>{o(void 0),readJsonStats(n).then(e=>o(e)).catch(()=>{console.error("unable to load year "+n)})},[n]),!r)return React.createElement("div",null,React.createElement(Spinner,{animation:"border",role:"status"}),React.createElement("span",null," Loading..."));let c,g=(c=e.limit||1e6,[]);switch(a){case Category.languages:g=r.languages;break;case Category.editors:g=r.editors;break;case Category.operating_systems:g=r.operating_systems;break;default:throw Error("unknown category: "+a)}var s=g.filter(e=>"Other"!=e.name);let i=[];switch(t){case AggregateFunction.average:i=s.map(e=>({name:e.name,value:e.average}));break;case AggregateFunction.median:i=s.map(e=>({name:e.name,value:e.median}));break;case AggregateFunction.sum:i=s.map(e=>({name:e.name,value:e.sum}));break;default:throw Error("unknown aggregate function: "+t)}e=i.sort((e,t)=>t.value.seconds-e.value.seconds).slice(0,c);let l;e[0]&&(l=e[0].value.seconds);e=e.map(e=>React.createElement(ListGroup.Item,{key:e.name},React.createElement(Stack,{direction:"horizontal",gap:3},React.createElement("div",null,e.name),React.createElement("div",{className:"ms-auto"},e.value.text)),React.createElement(ProgressBar,{max:l,now:e.value.seconds})));return React.createElement(React.Fragment,null,React.createElement(ListGroup,null,e))};function styleInject(e,t){var a,n,t=(t=void 0===t?{}:t).insertAt;e&&"undefined"!=typeof document&&(a=document.head||document.getElementsByTagName("head")[0],(n=document.createElement("style")).type="text/css","top"===t&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e)))}var css_248z="#wakaContainer {\n    overflow-y: scroll;\n    height: 100%;\n}\n\n#full {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n}\n\n.center {\n    margin-left: auto;\n    margin-right: auto;\n}";styleInject(css_248z);const firstYear=2013,latestYear=2024,itemLimit=100,WakaInteractive=({limit:e=itemLimit})=>{const[t,a]=useState(AggregateFunction.sum),[n,r]=useState(Category.languages),[o,c]=useState(latestYear);var g=[];for(let t=firstYear;t<=latestYear;t++)g.push(React.createElement(Pagination.Item,{key:t,active:t===o,onClick:()=>{var e;e=t,c(e)}},t));return React.createElement(Stack,{id:"full"},React.createElement(Stack,{direction:"horizontal",gap:3},React.createElement(ToggleButtonGroup,{type:"radio",name:"agg options",defaultValue:AggregateFunction.sum,onChange:e=>{a(e)}},React.createElement(ToggleButton,{id:"tbg-agg-1",value:AggregateFunction.sum},"Sum"),React.createElement(ToggleButton,{id:"tbg-agg-2",value:AggregateFunction.average},"Average"),React.createElement(ToggleButton,{id:"tbg-agg-3",value:AggregateFunction.median},"Median")),React.createElement(ToggleButtonGroup,{className:"ms-auto",type:"radio",name:"category options",defaultValue:Category.languages,onChange:e=>{r(e)}},React.createElement(ToggleButton,{id:"tbg-category-1",variant:"success",value:Category.languages},"Languages"),React.createElement(ToggleButton,{id:"tbg-category-2",variant:"success",value:Category.editors},"Editors"),React.createElement(ToggleButton,{id:"tbg-category-3",variant:"success",value:Category.operating_systems},"Operating Systems"))),React.createElement("div",{id:"wakaContainer"},React.createElement(Waka,{aggregateFunction:t,limit:e,category:n,year:o})),React.createElement(Pagination,{className:"center"},g))};export{AggregateFunction,Category,Waka,WakaInteractive};
+import"bootstrap/dist/css/bootstrap.css";import React,{useState}from"react";import Spinner from"react-bootstrap/Spinner";import{ListGroup,Stack,ProgressBar,Pagination,ToggleButtonGroup,ToggleButton}from"react-bootstrap";import useSWR from"swr";import axios from"axios";function __rest(e,t){var a={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]]);return a}const defaultFetcher=e=>axios.get(e).then(e=>e.data);var AggregateFunction,Category;!function(e){e[e.sum=0]="sum",e[e.average=1]="average",e[e.median=2]="median"}(AggregateFunction=AggregateFunction||{}),function(e){e[e.languages=0]="languages",e[e.editors=1]="editors",e[e.operating_systems=2]="operating_systems"}(Category=Category||{});const Waka=e=>{var{aggregateFunction:t=AggregateFunction.sum,category:a=Category.languages,year:r=2023,urlGetter:n,fetcher:o=defaultFetcher}=e,e=__rest(e,["aggregateFunction","category","year","urlGetter","fetcher"]),{data:n,error:r,isLoading:o}=useSWR(n(r),o);if(o)return React.createElement("div",null,React.createElement(Spinner,{animation:"border",role:"status"}),React.createElement("span",null," Loading..."));if(r)return React.createElement("div",null,React.createElement("span",null,r.message));var g=n.data;let c,s=(c=e.limit||1e6,[]);switch(a){case Category.languages:s=g.languages;break;case Category.editors:s=g.editors;break;case Category.operating_systems:s=g.operating_systems;break;default:throw Error("unknown category: "+a)}var i=s.filter(e=>"Other"!=e.name);let l=[];switch(t){case AggregateFunction.average:l=i.map(e=>({name:e.name,value:e.average}));break;case AggregateFunction.median:l=i.map(e=>({name:e.name,value:e.median}));break;case AggregateFunction.sum:l=i.map(e=>({name:e.name,value:e.sum}));break;default:throw Error("unknown aggregate function: "+t)}o=l.sort((e,t)=>t.value.seconds-e.value.seconds).slice(0,c);let u;o[0]&&(u=o[0].value.seconds);r=o.map(e=>React.createElement(ListGroup.Item,{key:e.name},React.createElement(Stack,{direction:"horizontal",gap:3},React.createElement("div",null,e.name),React.createElement("div",{className:"ms-auto"},e.value.text)),React.createElement(ProgressBar,{max:u,now:e.value.seconds})));return React.createElement(React.Fragment,null,React.createElement(ListGroup,null,r))};function styleInject(e,t){var a,r,t=(t=void 0===t?{}:t).insertAt;e&&"undefined"!=typeof document&&(a=document.head||document.getElementsByTagName("head")[0],(r=document.createElement("style")).type="text/css","top"===t&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e)))}var css_248z="#wakaContainer {\n    overflow-y: scroll;\n    height: 100%;\n}\n\n#full {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n}\n\n.center {\n    margin-left: auto;\n    margin-right: auto;\n}";styleInject(css_248z);const firstYear=2013,itemLimit=100,latestYear=Math.max(firstYear,(new Date).getFullYear()-1),WakaInteractive=({limit:e=itemLimit,urlGetter:t,fetcher:a})=>{const[r,n]=useState(AggregateFunction.sum),[o,g]=useState(Category.languages),[c,s]=useState(latestYear);var i=[];for(let t=firstYear;t<=latestYear;t++)i.push(React.createElement(Pagination.Item,{key:t,active:t===c,onClick:()=>{var e;e=t,s(e)}},t));return React.createElement(Stack,{id:"full"},React.createElement(Stack,{direction:"horizontal",gap:3},React.createElement(ToggleButtonGroup,{type:"radio",name:"agg options",defaultValue:AggregateFunction.sum,onChange:e=>{n(e)}},React.createElement(ToggleButton,{id:"tbg-agg-1",value:AggregateFunction.sum},"Sum"),React.createElement(ToggleButton,{id:"tbg-agg-2",value:AggregateFunction.average},"Average"),React.createElement(ToggleButton,{id:"tbg-agg-3",value:AggregateFunction.median},"Median")),React.createElement(ToggleButtonGroup,{className:"ms-auto",type:"radio",name:"category options",defaultValue:Category.languages,onChange:e=>{g(e)}},React.createElement(ToggleButton,{id:"tbg-category-1",variant:"success",value:Category.languages},"Languages"),React.createElement(ToggleButton,{id:"tbg-category-2",variant:"success",value:Category.editors},"Editors"),React.createElement(ToggleButton,{id:"tbg-category-3",variant:"success",value:Category.operating_systems},"Operating Systems"))),React.createElement("div",{id:"wakaContainer"},React.createElement(Waka,{aggregateFunction:r,limit:e,category:o,year:c,urlGetter:t,fetcher:a})),React.createElement(Pagination,{className:"center"},i))};export{AggregateFunction,Category,Waka,WakaInteractive};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sotnak/react-wakatime-global-stats",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -56,9 +56,11 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
+    "axios": "^1.13.2",
     "bootstrap": "^5.2.3",
     "react": "^18.2.0",
     "react-bootstrap": "^2.7.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "swr": "^2.3.8"
   }
 }