feat(wakatime card): add disable animations query option (anuraghazra#3496)

* feat(wakatime card): add disable animations query option

* docs

Author: qwerty541

api/wakatime.js

@@ -31,6 +31,7 @@ export const handler = async (req, res, env) => {
     api_domain,
     border_radius,
     border_color,
+    disable_animations,
   } = req.query;
 
   res.setHeader("Content-Type", "image/svg+xml");
@@ -88,6 +89,7 @@ export const handler = async (req, res, env) => {
         locale: locale ? locale.toLowerCase() : null,
         layout,
         langs_count,
+        disable_animations: parseBoolean(disable_animations),
       }),
     );
   } catch (err) {

readme.md

@@ -423,6 +423,7 @@ If we don't support your language, please consider contributing! You can find mo
 - `layout` - Switches between two available layouts `default` & `compact`.  Default `default`.
 - `langs_count` - Limits the number of languages on the card, defaults to all reported languages *(number)*.
 - `api_domain` - Sets a custom API domain for the card, e.g. to use services like [Hakatime](https://github.com/mujx/hakatime) or [Wakapi](https://github.com/muety/wakapi) *(string)*. Default `Waka API`.
+- `disable_animations` - Disables all animations in the card *(boolean)*. Default: `false`.
 
 ***
 

src/cards/types.d.ts

@@ -54,6 +54,7 @@ type WakaTimeOptions = CommonOptions & {
   custom_title: string;
   layout: "compact" | "normal";
   langs_count: number;
+  disable_animations: boolean;
 };
 
 export type GistCardOptions = CommonOptions & {

src/cards/wakatime-card.js

@@ -225,6 +225,7 @@ const renderWakatimeCard = (stats = {}, options = { hide: [] }) => {
     langs_count = languages.length,
     border_radius,
     border_color,
+    disable_animations,
   } = options;
 
   const shouldHideLangs = Array.isArray(hide) && hide.length > 0;
@@ -389,6 +390,10 @@ const renderWakatimeCard = (stats = {}, options = { hide: [] }) => {
     },
   });
 
+  if (disable_animations) {
+    card.disableAnimations();
+  }
+
   card.setHideBorder(hide_border);
   card.setHideTitle(hide_title);
   card.setCSS(