feat: add event updater plugin (#349)

development/calendar/main.tsx

@@ -23,6 +23,7 @@ import { createEventRecurrencePlugin } from '@schedule-x/event-recurrence/src'
 import { createCalendarControlsPlugin } from '../../packages/calendar-controls/src'
 import { CalendarAppSingleton } from '@schedule-x/shared/src'
 import { createCurrentTimePlugin } from '../../packages/current-time/src/current-time-plugin.impl.ts'
+import { createEventUpdaterPlugin } from '../../packages/event-updater/src'
 
 const calendarElement = document.getElementById('calendar') as HTMLElement
 
@@ -64,6 +65,7 @@ const calendarsUpdaterPlugin = new CalendarsUpdaterPlugin()
 
 
 const calendarControlsPlugin = createCalendarControlsPlugin()
+const eventUpdaterPlugin = createEventUpdaterPlugin()
 const calendar = createCalendar({
   // weekOptions: {
   //   gridHeight: 3000,
@@ -165,6 +167,7 @@ const calendar = createCalendar({
   plugins: [
     createDragAndDropPlugin(),
     createEventModalPlugin(),
+    eventUpdaterPlugin,
     scrollControllerPlugin,
     createResizePlugin(),
     createEventRecurrencePlugin(),
@@ -239,7 +242,7 @@ themeToggle.addEventListener('click', () => {
 
 const addEventButton = document.getElementById('add-event') as HTMLButtonElement
 addEventButton.addEventListener('click', () => {
-  calendar.events.add({
+  eventUpdaterPlugin.add({
     id: 'new-event',
     title: 'New Event',
     start: '2023-12-18',

libs/assertions/package.json

@@ -17,5 +17,5 @@
     "lint:fix": "eslint -c eslintrc.cjs . --ext .ts --fix . --ext .tsx --fix",
     "format": "prettier . --write"
   },
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

libs/e2e-testing/package.json

@@ -17,5 +17,5 @@
     "lint:fix": "eslint -c eslintrc.cjs . --ext .ts --fix . --ext .tsx --fix",
     "format": "prettier . --write"
   },
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

libs/eslint-config/package.json

@@ -6,5 +6,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

libs/prettier-config/package.json

@@ -9,5 +9,5 @@
   "peerDependencies": {
     "prettier": "^3.0.0"
   },
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/calendar-controls/package.json

@@ -27,5 +27,5 @@
     "directory": "packages/calendar-controls"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/calendar/package.json

@@ -37,5 +37,5 @@
     "directory": "packages/calendar"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/current-time/package.json

@@ -33,5 +33,5 @@
     "directory": "packages/current-time"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/date-picker/package.json

@@ -31,5 +31,5 @@
     "directory": "packages/date-picker"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/drag-and-drop/package.json

@@ -27,5 +27,5 @@
     "directory": "packages/drag-and-drop"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/event-modal/package.json

@@ -31,5 +31,5 @@
     "directory": "packages/event-modal"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/event-recurrence/package.json

@@ -27,5 +27,5 @@
     "directory": "packages/event-recurrence"
   },
   "homepage": "https://schedule-x.dev",
-  "gitHead": "bc6158f71b92cb6a7deab101a8824de29129cff5"
+  "gitHead": "981dc3c7e4f5d56288dfbb27b992ea73e8206675"
 }

packages/event-recurrence/src/__test__/events-facade.spec.ts

@@ -4,33 +4,31 @@ import {
   it,
   expect,
 } from '@schedule-x/shared/src/utils/stateless/testing/unit/unit-testing-library.impl'
-import { createEventRecurrencePlugin } from '../event-recurrence-plugin.impl'
+import { createEventUpdaterPlugin } from '../event-updater-plugin.impl'
 import { __createAppWithViews__ } from '@schedule-x/calendar/src/utils/stateless/testing/__create-app-with-views__'
 
 describe('Events facade for recurrence plugin', () => {
   describe('Adding events', () => {
     it('should add one event without an rrule', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
         id: '1',
         start: '2021-01-01',
         end: '2021-01-01',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
 
       expect($app.calendarEvents.list.value.length).toBe(1)
     })
 
     it('should add one event with an rrule', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
@@ -39,7 +37,7 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
 
       expect($app.calendarEvents.list.value.length).toBe(3)
     })
@@ -48,9 +46,8 @@ describe('Events facade for recurrence plugin', () => {
   describe('Getting a single event by id', () => {
     it('should return the event if it exists', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
@@ -59,28 +56,26 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
 
-      expect(eventsFacade.get('1')).toEqual(event)
+      expect(plugin.get('1')).toEqual(event)
     })
 
     it('should return undefined if the event does not exist', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
-      expect(eventsFacade.get('1')).toBeUndefined()
+      expect(plugin.get('1')).toBeUndefined()
     })
   })
 
   describe('Getting all events', () => {
     it('should return all events', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event1 = {
@@ -89,16 +84,16 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event1)
+      plugin.add(event1)
       const event2 = {
         id: '2',
         start: '2021-01-01',
         end: '2021-01-01',
       }
-      eventsFacade.add(event2)
+      plugin.add(event2)
 
-      expect(eventsFacade.getAll()).toHaveLength(2)
-      expect(eventsFacade.getAll()).toEqual(
+      expect(plugin.getAll()).toHaveLength(2)
+      expect(plugin.getAll()).toEqual(
         expect.arrayContaining([
           event1,
           { id: '2', start: '2021-01-01', end: '2021-01-01' },
@@ -110,28 +105,26 @@ describe('Events facade for recurrence plugin', () => {
   describe('Removing events', () => {
     it('should remove one event without an rrule', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
         id: '1',
         start: '2021-01-01',
         end: '2021-01-01',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
       expect($app.calendarEvents.list.value.length).toBe(1)
 
-      eventsFacade.remove('1')
+      plugin.remove('1')
       expect($app.calendarEvents.list.value.length).toBe(0)
     })
 
     it('should remove one event with an rrule', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
@@ -140,20 +133,19 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
       expect($app.calendarEvents.list.value.length).toBe(3)
 
-      eventsFacade.remove('1')
+      plugin.remove('1')
       expect($app.calendarEvents.list.value.length).toBe(0)
     })
   })
 
   describe('Updating events', () => {
     it('should update an event with rrule', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event = {
@@ -162,20 +154,19 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event)
+      plugin.add(event)
       expect($app.calendarEvents.list.value.length).toBe(3)
 
-      eventsFacade.update({ id: '1', start: '2021-01-01', end: '2021-01-01' })
+      plugin.update({ id: '1', start: '2021-01-01', end: '2021-01-01' })
       expect($app.calendarEvents.list.value.length).toBe(1)
     })
   })
 
   describe('Setting the whole list of events', () => {
     it('should set the whole list of events', () => {
       const $app = __createAppWithViews__()
-      const plugin = createEventRecurrencePlugin()
+      const plugin = createEventUpdaterPlugin()
       plugin.init!($app)
-      const eventsFacade = plugin.eventsFacade
       expect($app.calendarEvents.list.value.length).toBe(0)
 
       const event1 = {
@@ -184,25 +175,25 @@ describe('Events facade for recurrence plugin', () => {
         end: '2021-01-01',
         rrule: 'FREQ=WEEKLY;COUNT=3',
       }
-      eventsFacade.add(event1)
+      plugin.add(event1)
       const event2 = {
         id: '2',
         start: '2021-01-01',
         end: '2021-01-01',
       }
-      eventsFacade.add(event2)
+      plugin.add(event2)
 
-      expect(eventsFacade.getAll()).toHaveLength(2)
-      expect(eventsFacade.getAll()).toEqual(
+      expect(plugin.getAll()).toHaveLength(2)
+      expect(plugin.getAll()).toEqual(
         expect.arrayContaining([
           event1,
           { id: '2', start: '2021-01-01', end: '2021-01-01' },
         ])
       )
 
-      eventsFacade.set([{ id: '3', start: '2021-01-01', end: '2021-01-01' }])
-      expect(eventsFacade.getAll()).toHaveLength(1)
-      expect(eventsFacade.getAll()).toEqual(
+      plugin.set([{ id: '3', start: '2021-01-01', end: '2021-01-01' }])
+      expect(plugin.getAll()).toHaveLength(1)
+      expect(plugin.getAll()).toEqual(
         expect.arrayContaining([
           { id: '3', start: '2021-01-01', end: '2021-01-01' },
         ])

packages/event-recurrence/src/event-updater-plugin.impl.ts

@@ -0,0 +1,43 @@
+import PluginBase from '@schedule-x/shared/src/interfaces/plugin.interface'
+import { CalendarAppSingleton } from '@schedule-x/shared/src'
+import EventsFacade from '@schedule-x/shared/src/utils/stateful/events-facade/events-facade.interface'
+import { EventsFacadeImpl } from './util/stateful/events-facade'
+import CalendarEventExternal from '@schedule-x/shared/src/interfaces/calendar/calendar-event.interface'
+
+class EventUpdaterPluginImpl implements PluginBase {
+  name: string = 'EventUpdaterPlugin'
+  $app!: CalendarAppSingleton
+  eventsFacade!: EventsFacade
+
+  init($app: CalendarAppSingleton): void {
+    this.$app = $app
+    this.eventsFacade = new EventsFacadeImpl(this.$app)
+  }
+
+  add(event: CalendarEventExternal): void {
+    this.eventsFacade.add(event)
+  }
+
+  update(event: CalendarEventExternal): void {
+    this.eventsFacade.update(event)
+  }
+
+  remove(eventId: string): void {
+    this.eventsFacade.remove(eventId)
+  }
+
+  get(eventId: string): CalendarEventExternal | undefined {
+    return this.eventsFacade.get(eventId)
+  }
+
+  getAll(): CalendarEventExternal[] {
+    return this.eventsFacade.getAll()
+  }
+
+  set(events: CalendarEventExternal[]): void {
+    this.eventsFacade.set(events)
+  }
+}
+
+export const createEventUpdaterPlugin = (): EventUpdaterPluginImpl =>
+  new EventUpdaterPluginImpl()

packages/event-recurrence/src/index.ts

@@ -1 +1,2 @@
 export { createEventRecurrencePlugin } from './event-recurrence-plugin.impl'
+export { createEventUpdaterPlugin } from './event-updater-plugin.impl'

packages/event-updater/.prettierrc

@@ -0,0 +1 @@
+"@schedule-x/prettier-config"

packages/event-updater/README.md

@@ -0,0 +1,5 @@
+![Schedule-X](https://schedule-x.s3.eu-west-1.amazonaws.com/schedule-x-logo.png)
+
+# @schedule-x/event-updater
+
+https://schedule-x.dev

packages/event-updater/eslintrc.cjs

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@schedule-x/eslint-config'],
+}