@event-calendar/core 0.13.3 → 0.13.4

package/index.js

@@ -1,6 +1,6 @@
 import { is_function, tick, noop, identity, SvelteComponent, init, safe_not_equal, empty, insert, destroy_each, detach, component_subscribe, set_store_value, element, text, attr, append, listen, set_data, transition_in, group_outros, check_outros, transition_out, space, create_component, mount_component, destroy_component, construct_svelte_component, set_style } from 'svelte/internal';
 import { getContext, setContext } from 'svelte';
-import { derived, writable, get } from 'svelte/store';
+import { derived, writable, readable, get } from 'svelte/store';
 import { assign, setMidnight, createDate, createDuration, createEvents, createEventSources, cloneDate, prevClosestDay, nextClosestDay, DAY_IN_SECONDS, addDuration, subtractDay, toLocalDate, toISOString, derived2, addDay, createView, writable2, intl, intlRange, subtractDuration, toEventWithLocalDates, toViewWithLocalDates } from '@event-calendar/common';
 
 function createOptions(plugins) {
@@ -344,6 +344,20 @@ function events(state) {
     return _events;
 }
 
+function now() {
+    return readable(createDate(), set => {
+        let interval = setInterval(() => {
+            set(createDate());
+        }, 1000);
+
+        return () => clearInterval(interval);
+    });
+}
+
+function today(state) {
+    return derived(state._now, $_now => setMidnight(cloneDate($_now)));
+}
+
 class State {
     constructor(plugins, input) {
         plugins = plugins || [];
@@ -362,6 +376,8 @@ class State {
         this._activeRange = activeRange(this);
         this._fetchedRange = writable({start: undefined, end: undefined});
         this._events = events(this);
+        this._now = now();
+        this._today = today(this);
         this._intlEventTime = intl(this.locale, this.eventTimeFormat);
         this._intlSlotLabel = intl(this.locale, this.slotLabelFormat);
         this._intlDayHeader = intl(this.locale, this.dayHeaderFormat);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "0.13.3",
+  "version": "0.13.4",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -34,7 +34,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@event-calendar/common": "~0.13.3",
+    "@event-calendar/common": "~0.13.4",
     "svelte": "^3.51.0"
   }
 }

package/src/storage/state.js

@@ -5,6 +5,8 @@ import {
     activeRange,
     currentRange,
     events,
+    now,
+    today,
     viewDates,
     viewTitle,
     view as view2  // hack to avoid a runtime error in SvelteKit dev mode (ReferenceError: view is not defined)
@@ -30,6 +32,8 @@ export default class {
         this._activeRange = activeRange(this);
         this._fetchedRange = writable({start: undefined, end: undefined});
         this._events = events(this);
+        this._now = now();
+        this._today = today(this);
         this._intlEventTime = intl(this.locale, this.eventTimeFormat);
         this._intlSlotLabel = intl(this.locale, this.slotLabelFormat);
         this._intlDayHeader = intl(this.locale, this.dayHeaderFormat);

package/src/storage/stores.js

@@ -1,8 +1,9 @@
-import {derived, writable} from 'svelte/store';
+import {derived, writable, readable} from 'svelte/store';
 import {is_function, noop, tick} from 'svelte/internal';
 import {
     DAY_IN_SECONDS,
     cloneDate,
+    createDate,
     addDuration,
     addDay,
     subtractDay,
@@ -204,3 +205,17 @@ export function events(state) {
 
     return _events;
 }
+
+export function now() {
+    return readable(createDate(), set => {
+        let interval = setInterval(() => {
+            set(createDate());
+        }, 1000);
+
+        return () => clearInterval(interval);
+    });
+}
+
+export function today(state) {
+    return derived(state._now, $_now => setMidnight(cloneDate($_now)));
+}