feat: add duration option, closes #4 (#16)

Co-authored-by: Benedicte Raae <raae@raae.codes>

README.md

@@ -56,6 +56,20 @@ Default value if non given: "regular"
   },
 ```
 
+### Duration
+
+You can configure the duration of the snowfall (as seconds).
+Default value if non given: 15
+
+```
+  {
+    resolve: "@raae/gatsby-plugin-let-it-snow",
+    options: {
+      duration: 10,
+    },
+  },
+```
+
 ### Season
 
 You can pass a `start` and `end` date to determine when the snow will start and end.

demo/gatsby-config.js

@@ -4,6 +4,7 @@ module.exports = {
       resolve: "@raae/gatsby-plugin-let-it-snow",
       options: {
         colors: ["#fff", "#ffb6c1"],
+        duration: 18,
         season: {
           start: new Date("December 2, 2023"),
           end: new Date("January 11, 2024"),

plugin/gatsby-browser.js

@@ -38,13 +38,12 @@ const isSeason = ({ start, end }) => {
 
 export const onInitialClientRender = (_, options) => {
   const { colors, intensity, season } = options;
+  const duration = options.duration * 1000;
 
   if (!isSeason(season)) {
     return;
   }
 
-  const duration = 15 * 1000;
-
   const animationEnd = Date.now() + duration;
   let skew = 1;
 

plugin/gatsby-node.js

@@ -9,6 +9,11 @@ exports.pluginOptionsSchema = ({ Joi }) => {
     intensity: Joi.string()
       .valid("regular", "light", "blizzard")
       .default("regular"),
+    duration: Joi.number()
+      .min(5)
+      .integer()
+      .default(15)
+      .description("Duration of snowfall in seconds"),
     season: Joi.object()
       .keys({
         start: Joi.date().required(),