Merge pull request #22 from jekuer/timezone_tweak

jekuer · web-flow · commit bcec8501570c · 2022-02-03T15:07:59.000+01:00
support dynamic user timezone
diff --git a/README.md b/README.md
@@ -198,6 +198,7 @@ const AddToCalendar = () => {
 * If the timeZoneOffset is set, it will always override the timeZone. It is recommended to only use 1 of them at a time.
 * The timeZone might not work in very old browsers, but also considers dynamic changes like summer/winter time.
 * timeZoneOffset works with older browsers, but is quite static.
+* Use "currentBrowser" as value for timeZone to dynamically use the time of the user's browser. Use this with caution, since it would mean that the date and time will differ per user, which should not be the usual case! (Requires all times to be set.)
 * You can set the trigger to "click". This makes the button open on click at desktop. Otherwise, the default would be to open on hover. On touch devices, this makes no difference.
 * If you want to define a specific name for any generated ics file (iCal), you can specify it via the "iCalFileName" option. The default would be "event-to-save-in-my-calendar".
 * You can use the option "inline":true in order to make the button appear with inline-block instead of block style.
diff --git a/assets/css/atcb.css b/assets/css/atcb.css
@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  * 
- * Version: 1.4.2
+ * Version: 1.4.3
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
diff --git a/assets/js/atcb.js b/assets/js/atcb.js
@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  */
-const atcbVersion = '1.4.2';
+const atcbVersion = '1.4.3';
 /* Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
@@ -536,6 +536,9 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general') {
       if (data['timeZone'] != null && data['timeZone'] != '') {
         // if a timezone is given, we adjust dynamically with the modern toLocaleString function
         let utcDate = new Date(start.toLocaleString('en-US', { timeZone: "UTC" }));
+        if (data['timeZone'] == 'currentBrowser') {
+          data['timeZone'] = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }
         let tzDate = new Date(start.toLocaleString('en-US', { timeZone: data['timeZone'] }));
         let offset = utcDate.getTime() - tzDate.getTime();
         start.setTime( start.getTime() + offset );
diff --git a/assets/js/atcb.min.js b/assets/js/atcb.min.js
diff --git a/assets/js/atcb.min.js.map b/assets/js/atcb.min.js.map
diff --git a/index.html b/index.html
@@ -115,13 +115,13 @@
     </style>
 
     <!-- load the general button css -->
-    <link rel="stylesheet" href="./assets/css/atcb.min.css?v=1.4.2">
+    <link rel="stylesheet" href="./assets/css/atcb.min.css?v=1.4.3">
 
   </head>
   <body>
     <div class="container">
 
-      <h1>Add-to-Calendar Button <span id="tinyVersion">v1.4.2</span></h1>
+      <h1>Add-to-Calendar Button <span id="tinyVersion">v1.4.3</span></h1>
       <h2>A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.</h2>
       <p class="github">
         <a target="_blank" href="https://github.com/jekuer/add-to-calendar-button">
@@ -513,8 +513,8 @@ <h3>Example 7: Schema.org Event Markup</h3>
 
 
     <!-- load the button js -->
-    <script type="application/javascript" src="./assets/js/atcb.min.js?v=1.4.2" defer></script>
+    <script type="application/javascript" src="./assets/js/atcb.min.js?v=1.4.3" defer></script>
 
     
   </body>
-</html>
+</html>
diff --git a/npm_dist/atcb_npm.js b/npm_dist/atcb_npm.js
@@ -3,7 +3,7 @@
  * Add-to-Calendar Button
  * ++++++++++++++++++++++
  */
-const atcbVersion = '1.4.2';
+const atcbVersion = '1.4.3';
 /* Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/jekuer/add-to-calendar-button
  * License: MIT with “Commons Clause” License Condition v1.0
@@ -536,6 +536,9 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general') {
       if (data['timeZone'] != null && data['timeZone'] != '') {
         // if a timezone is given, we adjust dynamically with the modern toLocaleString function
         let utcDate = new Date(start.toLocaleString('en-US', { timeZone: "UTC" }));
+        if (data['timeZone'] == 'currentBrowser') {
+          data['timeZone'] = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }
         let tzDate = new Date(start.toLocaleString('en-US', { timeZone: data['timeZone'] }));
         let offset = utcDate.getTime() - tzDate.getTime();
         start.setTime( start.getTime() + offset );
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "add-to-calendar-button",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.",
   "main": "npm_dist/atcb_npm.js",
   "types": "index.d.ts",

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`* Add-to-Calendar Button`
`4`	`4`	`* ++++++++++++++++++++++`
`5`	`5`	`*`
`6`		`- * Version: 1.4.2`
	`6`	`+ * Version: 1.4.3`
`7`	`7`	`* Creator: Jens Kuerschner (https://jenskuerschner.de)`
`8`	`8`	`* Project: https://github.com/jekuer/add-to-calendar-button`
`9`	`9`	`* License: MIT with “Commons Clause” License Condition v1.0`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "add-to-calendar-button",`
`3`		`- "version": "1.4.2",`
	`3`	`+ "version": "1.4.3",`
`4`	`4`	`"description": "A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.",`
`5`	`5`	`"main": "npm_dist/atcb_npm.js",`
`6`	`6`	`"types": "index.d.ts",`