npm - @event-calendar/core - Versions diffs - 2.6.0 → 2.6.1 - Mend

@event-calendar/core 2.6.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md CHANGED Viewed

@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 Full-sized drag & drop JavaScript event calendar with resource view:
-* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (33kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
@@ -199,8 +199,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 Include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.1/event-calendar.min.js"></script>
 ```
 <details>
@@ -1288,7 +1288,27 @@ This option is used instead of the `events` option.
 </td>
 <td>
-A URL that the calendar will fetch [Event](#event-object) objects from
+A URL that the calendar will fetch [Event](#event-object) objects from. HTTP requests with the following parameters will be sent to this URL whenever the calendar needs new event data
+<table>
+<tr>
+<td>
+`start`
+</td>
+<td>
+Start date of the range the calendar needs events for
+</td>
+</tr>
+<tr>
+<td>
+`end`
+</td>
+<td>
+End date of the range the calendar needs events for
+</td>
+</tr>
+</table>
 </td>
 </tr>
 <tr>

package/index.js CHANGED Viewed

@@ -619,15 +619,53 @@ function intl(locale, format) {
 function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
-            ? {formatRange: $format}
-            : new Intl.DateTimeFormat($locale, $format);
+        let formatRange;
+        if (is_function($format)) {
+            formatRange = $format;
+        } else {
+            let intl = new Intl.DateTimeFormat($locale, $format);
+            formatRange = (start, end) => {
+                if (start <= end) {
+                    return intl.formatRange(start, end);
+                } else {
+                    // In iOS 16 and older, intl.formatRange() throws an exception if the start date is later than the end date.
+                    // Therefore, we first swap the parameters, and then swap the resulting parts.
+                    /** @see https://github.com/vkurko/calendar/issues/227 */
+                    let parts = intl.formatRangeToParts(end, start);
+                    let result = '';
+                    let sources = ['startRange', 'endRange'];
+                    let processed = [false, false];
+                    for (let part of parts) {
+                        let i = sources.indexOf(part.source);
+                        if (i >= 0) {
+                            if (!processed[i]) {
+                                result += _getParts(sources[1 - i], parts);
+                                processed[i] = true;
+                            }
+                        } else {
+                            result += part.value;
+                        }
+                    }
+                    return result;
+                }
+            };
+        }
         return {
-            formatRange: (start, end) => intl.formatRange(toLocalDate(start), toLocalDate(end))
+            formatRange: (start, end) => formatRange(toLocalDate(start), toLocalDate(end))
         };
     });
 }
+function _getParts(source, parts) {
+    let result = '';
+    for (let part of parts) {
+        if (part.source == source) {
+            result += part.value;
+        }
+    }
+    return result;
+}
 function createOptions(plugins) {
     let options = {
         allDayContent: undefined,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [

package/src/lib/stores.js CHANGED Viewed

@@ -15,11 +15,49 @@ export function intl(locale, format) {
 export function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
-            ? {formatRange: $format}
-            : new Intl.DateTimeFormat($locale, $format);
+        let formatRange;
+        if (is_function($format)) {
+            formatRange = $format;
+        } else {
+            let intl = new Intl.DateTimeFormat($locale, $format);
+            formatRange = (start, end) => {
+                if (start <= end) {
+                    return intl.formatRange(start, end);
+                } else {
+                    // In iOS 16 and older, intl.formatRange() throws an exception if the start date is later than the end date.
+                    // Therefore, we first swap the parameters, and then swap the resulting parts.
+                    /** @see https://github.com/vkurko/calendar/issues/227 */
+                    let parts = intl.formatRangeToParts(end, start);
+                    let result = '';
+                    let sources = ['startRange', 'endRange'];
+                    let processed = [false, false];
+                    for (let part of parts) {
+                        let i = sources.indexOf(part.source);
+                        if (i >= 0) {
+                            if (!processed[i]) {
+                                result += _getParts(sources[1 - i], parts);
+                                processed[i] = true;
+                            }
+                        } else {
+                            result += part.value;
+                        }
+                    }
+                    return result;
+                }
+            };
+        }
         return {
-            formatRange: (start, end) => intl.formatRange(toLocalDate(start), toLocalDate(end))
+            formatRange: (start, end) => formatRange(toLocalDate(start), toLocalDate(end))
         };
     });
 }
+function _getParts(source, parts) {
+    let result = '';
+    for (let part of parts) {
+        if (part.source == source) {
+            result += part.value;
+        }
+    }
+    return result;
+}