add-to-calendar-button 1.7.1 → 1.7.4

package/README.md

@@ -173,17 +173,19 @@ You can use startTime and endTime in the event block, but it is recommended to r
 </div>
 ```
 
-### `atcb_action` example with React
+### React examples 
+ 
+#### atcb_action
 
 If you can't or don't want to use `atcb_init`, you can use the `atcb_action` import with your own buttons or other elements/components. If you omit the second argument, the dropdown list will display as a modal in the middle of the viewport - in this case, add the "atcb_customTrigger" class to the submitting element for better keyboard support.
 
-This may work better with React and other frontend frameworks. 
+This may work better with React and other frontend frameworks, but it misses the Schema.org and button specific functionalities. 
 
 ```js
 import React from 'react'
 import { atcb_action } from 'add-to-calendar-button'
 
-const atcb_action = () => {
+const MyComponent = () => {
   const [name, setName] = React.useState('Some event')
   return (
       <form onSubmit={e => {
@@ -204,6 +206,8 @@ const atcb_action = () => {
 }
 ```
 
+#### atcb_init 
+ 
 Alternatively, you could use `atcb_init` with a `useEffect` hook:
 
 ```js

package/assets/css/atcb.css

@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  * 
- * Version: 1.7.1
+ * Version: 1.7.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
@@ -16,6 +16,7 @@
 
 .atcb_button_wrapper {
   display: inline-block;
+  padding: 5px;
   position: relative;
 }
 
@@ -29,6 +30,7 @@
   color: rgb(51, 51, 51);
   cursor: pointer;
   display: flex;
+  font-family:Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
@@ -60,8 +62,8 @@
   border-radius: 6px 6px 3px 3px;
   -webkit-box-shadow: 1px 5px 15px 0px rgba(0,0,0,.5);
   box-shadow: 1px 5px 15px 0px rgba(0,0,0,.5);
+  margin: -2px -4px;
   padding: 12px 20px 13px 20px;
-  margin-bottom: -4px;
   z-index: 90;
 }
 
@@ -81,6 +83,7 @@
   box-sizing: border-box;
   color: rgb(51, 51, 51);
   display: block;
+  font-family:Arial, Helvetica, sans-serif;
   max-width: 100%;
   position: absolute;
   padding: 0 3px;

package/assets/css/atcb.min.css

@@ -1,2 +1,2 @@
-.atcb{display:none}.atcb_button_wrapper{display:inline-block;position:relative}.atcb_button{align-items:center;background:#f5f5f5;border:1px solid #d2d2d2;border-radius:6px;-webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;line-height:24px;max-width:300px;min-width:150px;padding:10px 16px 11px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:auto}.atcb_button:focus,.atcb_button:hover{background:#fff}@media only screen and (max-width:575px){.atcb_button{font-size:14px}}.atcb_button.atcb_active{background:#fff;border-radius:6px 6px 3px 3px;-webkit-box-shadow:1px 5px 15px 0 rgba(0,0,0,.5);box-shadow:1px 5px 15px 0 rgba(0,0,0,.5);padding:12px 20px 13px 20px;margin-bottom:-4px;z-index:90}.atcb_icon{height:16px;display:inline-block;margin-bottom:4px;margin-right:10px}.atcb_icon svg{height:100%;color:#333;width:auto}.atcb_list{box-sizing:border-box;color:#333;display:block;max-width:100%;position:absolute;padding:0 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;min-width:10em;z-index:80}.atcb_list.atcb_modal{position:fixed;width:16em;left:50%;top:50%;transform:translateY(-50%) translateX(-50%)}.atcb_list_item{align-items:center;background:#fafafa;border:1px solid #d2d2d2;border-top:0;-webkit-box-shadow:1px 2px 8px 0 rgba(0,0,0,.3);box-shadow:1px 2px 8px 0 rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;left:50%;position:relative;padding:12px 18px;text-align:left;transform:translate(-50%);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.atcb_list_item:focus,.atcb_list_item:hover{background:#fff;-webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);color:#000}@media only screen and (max-width:575px){.atcb_list_item{font-size:14px}}.atcb_list.atcb_generated_button .atcb_list_item:first-child{padding-top:20px}.atcb_list:not(.atcb_generated_button) .atcb_list_item:first-child{border-radius:6px 6px 0 0}.atcb_list_item:last-child{border-radius:0 0 6px 6px}.atcb_list_item .atcb_icon{margin-right:8px;width:18px}.atcb_bgoverlay{background:rgba(20,20,20,.2);backdrop-filter:blur(2px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:70}.atcb_bgoverlay.atcb_click:hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-rule='evenodd' d='M11.991.69a2.35 2.35 0 0 1 3.318-.009c.918.911.922 2.392.009 3.307l-4.009 4.014 4.013 4.018c.906.909.893 2.38-.027 3.287a2.35 2.35 0 0 1-3.307-.004l-3.985-3.99-3.993 3.997a2.35 2.35 0 0 1-3.318.009c-.918-.911-.922-2.392-.009-3.307l4.009-4.014L.678 3.98C-.228 3.072-.215 1.6.706.693a2.35 2.35 0 0 1 3.307.004l3.985 3.99z'/%3E%3C/svg%3E") 32 32,pointer}
+.atcb{display:none}.atcb_button_wrapper{display:inline-block;padding:5px;position:relative}.atcb_button{align-items:center;background:#f5f5f5;border:1px solid #d2d2d2;border-radius:6px;-webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);color:#333;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:24px;max-width:300px;min-width:150px;padding:10px 16px 11px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:auto}.atcb_button:focus,.atcb_button:hover{background:#fff}@media only screen and (max-width:575px){.atcb_button{font-size:14px}}.atcb_button.atcb_active{background:#fff;border-radius:6px 6px 3px 3px;-webkit-box-shadow:1px 5px 15px 0 rgba(0,0,0,.5);box-shadow:1px 5px 15px 0 rgba(0,0,0,.5);margin:-2px -4px;padding:12px 20px 13px 20px;z-index:90}.atcb_icon{height:16px;display:inline-block;margin-bottom:4px;margin-right:10px}.atcb_icon svg{height:100%;color:#333;width:auto}.atcb_list{box-sizing:border-box;color:#333;display:block;font-family:Arial,Helvetica,sans-serif;max-width:100%;position:absolute;padding:0 3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;min-width:10em;z-index:80}.atcb_list.atcb_modal{position:fixed;width:16em;left:50%;top:50%;transform:translateY(-50%) translateX(-50%)}.atcb_list_item{align-items:center;background:#fafafa;border:1px solid #d2d2d2;border-top:0;-webkit-box-shadow:1px 2px 8px 0 rgba(0,0,0,.3);box-shadow:1px 2px 8px 0 rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;left:50%;position:relative;padding:12px 18px;text-align:left;transform:translate(-50%);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.atcb_list_item:focus,.atcb_list_item:hover{background:#fff;-webkit-box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);box-shadow:1px 2px 10px 0 rgba(0,0,0,.4);color:#000}@media only screen and (max-width:575px){.atcb_list_item{font-size:14px}}.atcb_list.atcb_generated_button .atcb_list_item:first-child{padding-top:20px}.atcb_list:not(.atcb_generated_button) .atcb_list_item:first-child{border-radius:6px 6px 0 0}.atcb_list_item:last-child{border-radius:0 0 6px 6px}.atcb_list_item .atcb_icon{margin-right:8px;width:18px}.atcb_bgoverlay{background:rgba(20,20,20,.2);backdrop-filter:blur(2px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:70}.atcb_bgoverlay.atcb_click:hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-rule='evenodd' d='M11.991.69a2.35 2.35 0 0 1 3.318-.009c.918.911.922 2.392.009 3.307l-4.009 4.014 4.013 4.018c.906.909.893 2.38-.027 3.287a2.35 2.35 0 0 1-3.307-.004l-3.985-3.99-3.993 3.997a2.35 2.35 0 0 1-3.318.009c-.918-.911-.922-2.392-.009-3.307l4.009-4.014L.678 3.98C-.228 3.072-.215 1.6.706.693a2.35 2.35 0 0 1 3.307.004l3.985 3.99z'/%3E%3C/svg%3E") 32 32,pointer}
 /*# sourceMappingURL=atcb.min.css.map */

package/assets/css/atcb.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["assets\\css\\atcb.css"],"names":[],"mappings":"AAYA,MACE,QAAS,KAGX,qBACE,QAAS,aACT,SAAU,SAGZ,aACE,YAAa,OACb,WAAY,QACZ,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,MAAO,KACP,OAAQ,QACR,QAAS,KACT,UAAW,KACX,YAAa,IACb,YAAa,KACb,UAAW,MACX,UAAW,MACX,QAAS,KAAK,KAAK,KAAK,KACxB,SAAU,SACV,WAAY,OACZ,aAAc,aACd,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KACb,4BAA6B,YAC7B,MAAO,KAET,mBACA,mBACE,WAAY,KAEd,yCACE,aACE,UAAW,MAIf,yBACE,WAAY,KACZ,cAAe,IAAI,IAAI,IAAI,IAC3B,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,QAAS,KAAK,KAAK,KAAK,KACxB,cAAe,KACf,QAAS,GAGX,WACE,OAAQ,KACR,QAAS,aACT,cAAe,IACf,aAAc,KAEhB,eACE,OAAQ,KACR,MAAO,KACP,MAAO,KAGT,WACE,WAAY,WACZ,MAAO,KACP,QAAS,MACT,UAAW,KACX,SAAU,SACV,QAAS,EAAE,IACX,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KACb,MAAO,KACP,UAAW,KACX,QAAS,GAGX,sBACE,SAAU,MACV,MAAO,KACP,KAAM,IACN,IAAK,IACL,UAAW,iBAAiB,iBAG9B,gBACE,YAAa,OACb,WAAY,QACZ,OAAQ,IAAI,MAAM,QAClB,WAAY,EACZ,mBAAoB,IAAI,IAAI,IAAI,EAAI,eACpC,WAAY,IAAI,IAAI,IAAI,EAAI,eAC5B,WAAY,WACZ,OAAQ,QACR,QAAS,KACT,UAAW,KACX,KAAM,IACN,SAAU,SACV,QAAS,KAAK,KACd,WAAY,KACZ,UAAW,gBACX,aAAc,aACd,4BAA6B,YAE/B,sBACA,sBACE,WAAY,KACZ,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,MAAO,KAET,yCACE,gBACE,UAAW,MAIf,6DACE,YAAa,KAGf,mEACE,cAAe,IAAI,IAAI,EAAE,EAG3B,2BACE,cAAe,EAAE,EAAE,IAAI,IAIzB,2BACE,aAAc,IACd,MAAO,KAGT,gBACE,WAAY,kBACZ,gBAAiB,UACjB,OAAQ,KACR,KAAM,EACN,SAAU,MACV,IAAK,EACL,MAAO,KACP,QAAS,GAEX,iCACE,OAAQ,2cAA2c,GAAG,EAAE,CAAE"}
+{"version":3,"sources":["assets\\css\\atcb.css"],"names":[],"mappings":"AAYA,MACE,QAAS,KAGX,qBACE,QAAS,aACT,QAAS,IACT,SAAU,SAGZ,aACE,YAAa,OACb,WAAY,QACZ,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,MAAO,KACP,OAAQ,QACR,QAAS,KACT,YAAY,KAAK,CAAE,SAAS,CAAE,WAC9B,UAAW,KACX,YAAa,IACb,YAAa,KACb,UAAW,MACX,UAAW,MACX,QAAS,KAAK,KAAK,KAAK,KACxB,SAAU,SACV,WAAY,OACZ,aAAc,aACd,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KACb,4BAA6B,YAC7B,MAAO,KAET,mBACA,mBACE,WAAY,KAEd,yCACE,aACE,UAAW,MAIf,yBACE,WAAY,KACZ,cAAe,IAAI,IAAI,IAAI,IAC3B,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,OAAQ,KAAK,KACb,QAAS,KAAK,KAAK,KAAK,KACxB,QAAS,GAGX,WACE,OAAQ,KACR,QAAS,aACT,cAAe,IACf,aAAc,KAEhB,eACE,OAAQ,KACR,MAAO,KACP,MAAO,KAGT,WACE,WAAY,WACZ,MAAO,KACP,QAAS,MACT,YAAY,KAAK,CAAE,SAAS,CAAE,WAC9B,UAAW,KACX,SAAU,SACV,QAAS,EAAE,IACX,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KACb,MAAO,KACP,UAAW,KACX,QAAS,GAGX,sBACE,SAAU,MACV,MAAO,KACP,KAAM,IACN,IAAK,IACL,UAAW,iBAAiB,iBAG9B,gBACE,YAAa,OACb,WAAY,QACZ,OAAQ,IAAI,MAAM,QAClB,WAAY,EACZ,mBAAoB,IAAI,IAAI,IAAI,EAAI,eACpC,WAAY,IAAI,IAAI,IAAI,EAAI,eAC5B,WAAY,WACZ,OAAQ,QACR,QAAS,KACT,UAAW,KACX,KAAM,IACN,SAAU,SACV,QAAS,KAAK,KACd,WAAY,KACZ,UAAW,gBACX,aAAc,aACd,4BAA6B,YAE/B,sBACA,sBACE,WAAY,KACZ,mBAAoB,IAAI,IAAI,KAAK,EAAI,eACrC,WAAY,IAAI,IAAI,KAAK,EAAI,eAC7B,MAAO,KAET,yCACE,gBACE,UAAW,MAIf,6DACE,YAAa,KAGf,mEACE,cAAe,IAAI,IAAI,EAAE,EAG3B,2BACE,cAAe,EAAE,EAAE,IAAI,IAIzB,2BACE,aAAc,IACd,MAAO,KAGT,gBACE,WAAY,kBACZ,gBAAiB,UACjB,OAAQ,KACR,KAAM,EACN,SAAU,MACV,IAAK,EACL,MAAO,KACP,QAAS,GAEX,iCACE,OAAQ,2cAA2c,GAAG,EAAE,CAAE"}

package/npm_dist/cjs/index.js

@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  */
-const atcbVersion = '1.7.1';
+const atcbVersion = '1.7.4';
 /* Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
@@ -49,12 +49,9 @@ function atcb_init() {
       atcbConfig = atcb_patch_config(atcbConfig);
       // check, if all required data is available
       if (atcb_check_required(atcbConfig)) {
-        // standardize line breaks and transform urls in the description
-        atcbConfig = atcb_decorate_description(atcbConfig);
-        // calculate the real date values in case that there are some special rules included (e.g. adding days dynamically)
-        atcbConfig['startDate'] = atcb_date_calculation(atcbConfig['startDate']);
-        atcbConfig['endDate'] = atcb_date_calculation(atcbConfig['endDate']);
-        // validate the JSON ...
+        // Rewrite dynamic dates, standardize line breaks and transform urls in the description
+        atcbConfig = atcb_decorate_data(atcbConfig);
+        // validate the config (JSON iput) ...
         if (atcb_validate(atcbConfig)) {
           // ... and generate the button on success
           atcb_generate(atcButtons[i], i + atcButtonsInitialized.length, atcbConfig);
@@ -75,17 +72,6 @@ function atcb_parse_schema_json(atcbConfig) {
         atcbConfig[key] = atcbConfig['event'][key]; 
       } 
     });
-    // parse schema date+time format
-    const endpoints = ['start', 'end'];
-    endpoints.forEach(function(point) {
-      if (atcbConfig[point + 'Date'] != null) {
-        let tmpSplitStartDate = atcbConfig[point + 'Date'].split('T');
-        if (tmpSplitStartDate[1] != null) {
-          atcbConfig[point + 'Date'] = tmpSplitStartDate[0];
-          atcbConfig[point + 'Time'] = tmpSplitStartDate[1];
-        }
-      }
-    });
     // drop the event block and return
     delete atcbConfig.event;
   }
@@ -114,7 +100,16 @@ function atcb_patch_config(atcbConfig) {
   return atcbConfig;
 }
 
-function atcb_decorate_description(atcbConfig) {
+
+
+// CLEAN DATA BEFORE FURTHER VALIDATION (CONSIDERING SPECIAL RULES AND SCHEMES)
+function atcb_decorate_data(atcbConfig) {
+  // cleanup different date-time formats
+  atcbConfig = atcb_date_cleanup(atcbConfig);
+  // calculate the real date values in case that there are some special rules included (e.g. adding days dynamically)
+  atcbConfig['startDate'] = atcb_date_calculation(atcbConfig['startDate']);
+  atcbConfig['endDate'] = atcb_date_calculation(atcbConfig['endDate']);
+  
   // if no description or already decorated, return early
   if (!atcbConfig.description || atcbConfig.description_iCal) return atcbConfig;
 
@@ -128,6 +123,7 @@ function atcb_decorate_description(atcbConfig) {
 }
 
 
+
 // CHECK FOR REQUIRED FIELDS
 function atcb_check_required(data) {
   // check for at least 1 option
@@ -149,6 +145,29 @@ function atcb_check_required(data) {
 
 
 // CALCULATE AND CLEAN UP THE ACTUAL DATES
+function atcb_date_cleanup(data) {
+  // parse date+time format (default with Schema.org, but also an unofficial alternative to other implementation)
+  const endpoints = ['start', 'end'];
+  endpoints.forEach(function(point) {
+    if (data[point + 'Date'] != null) {
+      // remove any milliseconds information
+      data[point + 'Date'] = data[point + 'Date'].replace(/\..../, '').replace('Z', '');
+      // identify a possible time information within the date string
+      let tmpSplitStartDate = data[point + 'Date'].split('T');
+      if (tmpSplitStartDate[1] != null) {
+        data[point + 'Date'] = tmpSplitStartDate[0];
+        data[point + 'Time'] = tmpSplitStartDate[1];
+      }
+    }
+    // remove any seconds from time information
+    if (data[point + 'Time'] != null && data[point + 'Time'].length == 8) {
+      let timeStr = data[point + 'Time'];
+      data[point + 'Time'] = timeStr.substring(0, timeStr.length - 3);
+    }
+  });
+  return data;
+}
+
 function atcb_date_calculation(dateString) {
   // replace "today" with the current date first
   let today = new Date();
@@ -188,6 +207,10 @@ function atcb_validate(data) {
   const dates = ['startDate', 'endDate'];
   let newDate = dates;
   if (!dates.every(function(date) {
+    if (data[date].length != 10) {
+      console.error("add-to-calendar button generation failed: date misspelled [-> YYYY-MM-DD]");
+      return false;
+    }
     const dateParts = data[date].split('-');
     if (dateParts.length < 3 || dateParts.length > 3) {
       console.error("add-to-calendar button generation failed: date misspelled [" + date + ": " + data[date] + "]");
@@ -202,18 +225,22 @@ function atcb_validate(data) {
   const times = ['startTime', 'endTime'];
   if (!times.every(function(time) {
     if (data[time] != null) {
+      if (data[time].length != 5) {
+        console.error("add-to-calendar button generation failed: time misspelled [-> HH:MM]");
+        return false;
+      }
       const timeParts = data[time].split(':');
       // validate the time parts
       if (timeParts.length < 2 || timeParts.length > 2) {
-        console.log("add-to-calendar button generation failed: time misspelled [" + time + ": " + data[time] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled [" + time + ": " + data[time] + "]");
         return false;
       }
       if (timeParts[0] > 23) {
-        console.log("add-to-calendar button generation failed: time misspelled - hours number too high [" + time + ": " + timeParts[0] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled - hours number too high [" + time + ": " + timeParts[0] + "]");
         return false;
       }
       if (timeParts[1] > 59) {
-        console.log("add-to-calendar button generation failed: time misspelled - minutes number too high [" + time + ": " + timeParts[1] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled - minutes number too high [" + time + ": " + timeParts[1] + "]");
         return false;
       }
       // update the date with the time for further validation steps
@@ -229,12 +256,12 @@ function atcb_validate(data) {
     return false;
   }
   if ((data['startTime'] != null && data['endTime'] == null) || (data['startTime'] == null && data['endTime'] != null)) {
-    console.log("add-to-calendar button generation failed: if you set a starting time, you also need to define an end time");
+    console.error("add-to-calendar button generation failed: if you set a starting time, you also need to define an end time");
     return false;
   }
   // validate whether end is not before start
   if (newDate['endDate'] < newDate['startDate']) {
-    console.log("add-to-calendar button generation failed: end date before start date");
+    console.error("add-to-calendar button generation failed: end date before start date");
     return false;
   }
   // on passing the validation, return true
@@ -265,7 +292,7 @@ function atcb_generate(button, buttonId, data) {
     buttonTrigger.addEventListener('mousedown', () => atcb_toggle(data, buttonTrigger, true, false));
   } else {
     buttonTrigger.addEventListener('touchstart', () => atcb_toggle(data, buttonTrigger, true, false), {passive: true});
-    buttonTrigger.addEventListener('mouseenter', () => atcb_action(data, buttonTrigger, true, false));
+    buttonTrigger.addEventListener('mouseenter', () => atcb_open(data, buttonTrigger, true, false));
   }
   buttonTrigger.addEventListener('keydown', function(event) { // trigger click on enter as well
     if (event.key == 'Enter') {
@@ -401,21 +428,15 @@ function atcb_toggle(data, button, buttonGenerated, keyboardTrigger = true) {
   if (button.classList.contains('atcb_active')) {
     atcb_close();
   } else {
-    atcb_action(data, button, buttonGenerated, keyboardTrigger);
+    atcb_open(data, button, buttonGenerated, keyboardTrigger);
   }
 }
 
 // show the dropdown list + background overlay
-function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = true) {
+function atcb_open(data, button, buttonGenerated = false, keyboardTrigger = true) {
   // abort early if an add-to-calendar dropdown already opened
   if (document.querySelector('.atcb_list')) return
 
-  // validate & decorate data
-  if (!atcb_check_required(data) || !atcb_validate(data)) {
-    throw new Error("Invalid data; see logs")
-  }
-  data = atcb_decorate_description(data);
-
   // generate list
   const list = atcb_generate_dropdown_list(data, buttonGenerated);
 
@@ -426,7 +447,7 @@ function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = tr
     const rect = button.getBoundingClientRect();
     list.style.width = rect.width + 'px';
     list.style.top = rect.bottom + window.scrollY + 'px';
-    list.style.right = document.body.offsetWidth - rect.right + 'px';
+    list.style.left = rect.left + 'px';
   } else {
     list.classList.add('atcb_modal')
   }
@@ -444,7 +465,6 @@ function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = tr
   if (keyboardTrigger) {
     list.firstChild.focus();
   }
-  
 }
 
 function atcb_close(blockFocus = false) {
@@ -470,6 +490,19 @@ function atcb_close(blockFocus = false) {
   ).forEach(el => el.remove());
 }
 
+// prepare data when not using the init function
+function atcb_action(data, button) {
+  // validate & decorate data
+  if (!atcb_check_required(data)) {
+    throw new Error("data missing; see logs")
+  }
+  data = atcb_decorate_data(data);
+  if (!atcb_validate(data)) {
+    throw new Error("Invalid data; see logs")
+  }
+  atcb_open(data, button);
+}
+
 
 
 // FUNCTION TO GENERATE THE GOOGLE URL
@@ -625,7 +658,7 @@ function atcb_generate_ical(data) {
       (window.URL || window.webkitURL).revokeObjectURL(save.href);
     }
   } catch(e) {
-    console.log(e);
+    console.error(e);
   }
 }
 
@@ -695,14 +728,16 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general') {
   return returnObject;
 }
 
+const isBrowser=new Function("try {return this===window;}catch(e){ return false;}");
 
-
-// Global listener to ESC key to close dropdown
-document.addEventListener('keydown', evt => {
-  if (evt.key === 'Escape') {
-    atcb_close();
-  }
-});
+if (isBrowser()) {
+  // Global listener to ESC key to close dropdown
+  document.addEventListener('keydown', evt => {
+    if (evt.key === 'Escape') {
+      atcb_close();
+    }
+  });
+}
 
 
 

package/npm_dist/mjs/index.js

@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  */
-const atcbVersion = '1.7.1';
+const atcbVersion = '1.7.4';
 /* Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
@@ -49,12 +49,9 @@ function atcb_init() {
       atcbConfig = atcb_patch_config(atcbConfig);
       // check, if all required data is available
       if (atcb_check_required(atcbConfig)) {
-        // standardize line breaks and transform urls in the description
-        atcbConfig = atcb_decorate_description(atcbConfig);
-        // calculate the real date values in case that there are some special rules included (e.g. adding days dynamically)
-        atcbConfig['startDate'] = atcb_date_calculation(atcbConfig['startDate']);
-        atcbConfig['endDate'] = atcb_date_calculation(atcbConfig['endDate']);
-        // validate the JSON ...
+        // Rewrite dynamic dates, standardize line breaks and transform urls in the description
+        atcbConfig = atcb_decorate_data(atcbConfig);
+        // validate the config (JSON iput) ...
         if (atcb_validate(atcbConfig)) {
           // ... and generate the button on success
           atcb_generate(atcButtons[i], i + atcButtonsInitialized.length, atcbConfig);
@@ -75,17 +72,6 @@ function atcb_parse_schema_json(atcbConfig) {
         atcbConfig[key] = atcbConfig['event'][key]; 
       } 
     });
-    // parse schema date+time format
-    const endpoints = ['start', 'end'];
-    endpoints.forEach(function(point) {
-      if (atcbConfig[point + 'Date'] != null) {
-        let tmpSplitStartDate = atcbConfig[point + 'Date'].split('T');
-        if (tmpSplitStartDate[1] != null) {
-          atcbConfig[point + 'Date'] = tmpSplitStartDate[0];
-          atcbConfig[point + 'Time'] = tmpSplitStartDate[1];
-        }
-      }
-    });
     // drop the event block and return
     delete atcbConfig.event;
   }
@@ -114,7 +100,16 @@ function atcb_patch_config(atcbConfig) {
   return atcbConfig;
 }
 
-function atcb_decorate_description(atcbConfig) {
+
+
+// CLEAN DATA BEFORE FURTHER VALIDATION (CONSIDERING SPECIAL RULES AND SCHEMES)
+function atcb_decorate_data(atcbConfig) {
+  // cleanup different date-time formats
+  atcbConfig = atcb_date_cleanup(atcbConfig);
+  // calculate the real date values in case that there are some special rules included (e.g. adding days dynamically)
+  atcbConfig['startDate'] = atcb_date_calculation(atcbConfig['startDate']);
+  atcbConfig['endDate'] = atcb_date_calculation(atcbConfig['endDate']);
+  
   // if no description or already decorated, return early
   if (!atcbConfig.description || atcbConfig.description_iCal) return atcbConfig;
 
@@ -128,6 +123,7 @@ function atcb_decorate_description(atcbConfig) {
 }
 
 
+
 // CHECK FOR REQUIRED FIELDS
 function atcb_check_required(data) {
   // check for at least 1 option
@@ -149,6 +145,29 @@ function atcb_check_required(data) {
 
 
 // CALCULATE AND CLEAN UP THE ACTUAL DATES
+function atcb_date_cleanup(data) {
+  // parse date+time format (default with Schema.org, but also an unofficial alternative to other implementation)
+  const endpoints = ['start', 'end'];
+  endpoints.forEach(function(point) {
+    if (data[point + 'Date'] != null) {
+      // remove any milliseconds information
+      data[point + 'Date'] = data[point + 'Date'].replace(/\..../, '').replace('Z', '');
+      // identify a possible time information within the date string
+      let tmpSplitStartDate = data[point + 'Date'].split('T');
+      if (tmpSplitStartDate[1] != null) {
+        data[point + 'Date'] = tmpSplitStartDate[0];
+        data[point + 'Time'] = tmpSplitStartDate[1];
+      }
+    }
+    // remove any seconds from time information
+    if (data[point + 'Time'] != null && data[point + 'Time'].length == 8) {
+      let timeStr = data[point + 'Time'];
+      data[point + 'Time'] = timeStr.substring(0, timeStr.length - 3);
+    }
+  });
+  return data;
+}
+
 function atcb_date_calculation(dateString) {
   // replace "today" with the current date first
   let today = new Date();
@@ -188,6 +207,10 @@ function atcb_validate(data) {
   const dates = ['startDate', 'endDate'];
   let newDate = dates;
   if (!dates.every(function(date) {
+    if (data[date].length != 10) {
+      console.error("add-to-calendar button generation failed: date misspelled [-> YYYY-MM-DD]");
+      return false;
+    }
     const dateParts = data[date].split('-');
     if (dateParts.length < 3 || dateParts.length > 3) {
       console.error("add-to-calendar button generation failed: date misspelled [" + date + ": " + data[date] + "]");
@@ -202,18 +225,22 @@ function atcb_validate(data) {
   const times = ['startTime', 'endTime'];
   if (!times.every(function(time) {
     if (data[time] != null) {
+      if (data[time].length != 5) {
+        console.error("add-to-calendar button generation failed: time misspelled [-> HH:MM]");
+        return false;
+      }
       const timeParts = data[time].split(':');
       // validate the time parts
       if (timeParts.length < 2 || timeParts.length > 2) {
-        console.log("add-to-calendar button generation failed: time misspelled [" + time + ": " + data[time] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled [" + time + ": " + data[time] + "]");
         return false;
       }
       if (timeParts[0] > 23) {
-        console.log("add-to-calendar button generation failed: time misspelled - hours number too high [" + time + ": " + timeParts[0] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled - hours number too high [" + time + ": " + timeParts[0] + "]");
         return false;
       }
       if (timeParts[1] > 59) {
-        console.log("add-to-calendar button generation failed: time misspelled - minutes number too high [" + time + ": " + timeParts[1] + "]");
+        console.error("add-to-calendar button generation failed: time misspelled - minutes number too high [" + time + ": " + timeParts[1] + "]");
         return false;
       }
       // update the date with the time for further validation steps
@@ -229,12 +256,12 @@ function atcb_validate(data) {
     return false;
   }
   if ((data['startTime'] != null && data['endTime'] == null) || (data['startTime'] == null && data['endTime'] != null)) {
-    console.log("add-to-calendar button generation failed: if you set a starting time, you also need to define an end time");
+    console.error("add-to-calendar button generation failed: if you set a starting time, you also need to define an end time");
     return false;
   }
   // validate whether end is not before start
   if (newDate['endDate'] < newDate['startDate']) {
-    console.log("add-to-calendar button generation failed: end date before start date");
+    console.error("add-to-calendar button generation failed: end date before start date");
     return false;
   }
   // on passing the validation, return true
@@ -265,7 +292,7 @@ function atcb_generate(button, buttonId, data) {
     buttonTrigger.addEventListener('mousedown', () => atcb_toggle(data, buttonTrigger, true, false));
   } else {
     buttonTrigger.addEventListener('touchstart', () => atcb_toggle(data, buttonTrigger, true, false), {passive: true});
-    buttonTrigger.addEventListener('mouseenter', () => atcb_action(data, buttonTrigger, true, false));
+    buttonTrigger.addEventListener('mouseenter', () => atcb_open(data, buttonTrigger, true, false));
   }
   buttonTrigger.addEventListener('keydown', function(event) { // trigger click on enter as well
     if (event.key == 'Enter') {
@@ -401,21 +428,15 @@ function atcb_toggle(data, button, buttonGenerated, keyboardTrigger = true) {
   if (button.classList.contains('atcb_active')) {
     atcb_close();
   } else {
-    atcb_action(data, button, buttonGenerated, keyboardTrigger);
+    atcb_open(data, button, buttonGenerated, keyboardTrigger);
   }
 }
 
 // show the dropdown list + background overlay
-function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = true) {
+function atcb_open(data, button, buttonGenerated = false, keyboardTrigger = true) {
   // abort early if an add-to-calendar dropdown already opened
   if (document.querySelector('.atcb_list')) return
 
-  // validate & decorate data
-  if (!atcb_check_required(data) || !atcb_validate(data)) {
-    throw new Error("Invalid data; see logs")
-  }
-  data = atcb_decorate_description(data);
-
   // generate list
   const list = atcb_generate_dropdown_list(data, buttonGenerated);
 
@@ -426,7 +447,7 @@ function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = tr
     const rect = button.getBoundingClientRect();
     list.style.width = rect.width + 'px';
     list.style.top = rect.bottom + window.scrollY + 'px';
-    list.style.right = document.body.offsetWidth - rect.right + 'px';
+    list.style.left = rect.left + 'px';
   } else {
     list.classList.add('atcb_modal')
   }
@@ -444,7 +465,6 @@ function atcb_action(data, button, buttonGenerated = false, keyboardTrigger = tr
   if (keyboardTrigger) {
     list.firstChild.focus();
   }
-  
 }
 
 function atcb_close(blockFocus = false) {
@@ -470,6 +490,19 @@ function atcb_close(blockFocus = false) {
   ).forEach(el => el.remove());
 }
 
+// prepare data when not using the init function
+function atcb_action(data, button) {
+  // validate & decorate data
+  if (!atcb_check_required(data)) {
+    throw new Error("data missing; see logs")
+  }
+  data = atcb_decorate_data(data);
+  if (!atcb_validate(data)) {
+    throw new Error("Invalid data; see logs")
+  }
+  atcb_open(data, button);
+}
+
 
 
 // FUNCTION TO GENERATE THE GOOGLE URL
@@ -625,7 +658,7 @@ function atcb_generate_ical(data) {
       (window.URL || window.webkitURL).revokeObjectURL(save.href);
     }
   } catch(e) {
-    console.log(e);
+    console.error(e);
   }
 }
 
@@ -695,14 +728,16 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general') {
   return returnObject;
 }
 
+const isBrowser=new Function("try {return this===window;}catch(e){ return false;}");
 
-
-// Global listener to ESC key to close dropdown
-document.addEventListener('keydown', evt => {
-  if (evt.key === 'Escape') {
-    atcb_close();
-  }
-});
+if (isBrowser()) {
+  // Global listener to ESC key to close dropdown
+  document.addEventListener('keydown', evt => {
+    if (evt.key === 'Escape') {
+      atcb_close();
+    }
+  });
+}
 
 
 

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "add-to-calendar-button",
-  "version": "1.7.1",
+  "version": "1.7.4",
   "description": "A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.",
   "main": "npm_dist/cjs/index.js",
   "module": "npm_dist/mjs/index.js",
   "exports": {
+    "./assets/css/": "./assets/css/",
     ".": {
       "import": "./npm_dist/mjs/index.js",
       "require": "./npm_dist/cjs/index.js"
     }
   },
   "types": "index.d.ts",
-  "style": "assets/css/atcb.css",
+  "style": "assets/css/atcb.min.css",
   "repository": {
     "type": "git",
     "url": "https://github.com/jekuer/add-to-calendar-button.git"
@@ -47,7 +48,7 @@
   },
   "homepage": "https://github.com/jekuer/add-to-calendar-button",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "node test/server-side-rendering.js",
     "build": "grunt"
   },
   "devDependencies": {

package/test/server-side-rendering.js

@@ -0,0 +1,2 @@
+// simple import of the atcb JS, to ensure it can load in NodeJS
+require('../assets/js/atcb.js')