From da6900c50b70a00af1bb073952c1ec06e7d2bdb9 Mon Sep 17 00:00:00 2001 From: Vladimir <1073174+vkurko@users.noreply.github.com> Date: Tue, 1 Oct 2024 13:44:06 +0300 Subject: [PATCH] v3.6.1 Fixed destroy() method in pure JS version of the library --- CHANGELOG.md | 5 ++ README.md | 10 ++-- docs/index.html | 4 +- package-lock.json | 62 ++++++++++++------------ package.json | 18 +++---- packages/build/README.md | 10 ++-- packages/build/package.json | 14 +++--- packages/build/src/index.js | 8 --- packages/core/README.md | 10 ++-- packages/core/package.json | 6 +-- packages/core/src/index.js | 11 ++++- packages/core/src/index.svelte.js | 4 ++ packages/day-grid/README.md | 10 ++-- packages/day-grid/package.json | 4 +- packages/interaction/README.md | 10 ++-- packages/interaction/package.json | 4 +- packages/list/README.md | 10 ++-- packages/list/package.json | 4 +- packages/resource-time-grid/README.md | 10 ++-- packages/resource-time-grid/package.json | 6 +-- packages/resource-timeline/README.md | 10 ++-- packages/resource-timeline/package.json | 4 +- packages/time-grid/README.md | 10 ++-- packages/time-grid/package.json | 4 +- 24 files changed, 129 insertions(+), 119 deletions(-) create mode 100644 packages/core/src/index.svelte.js diff --git a/CHANGELOG.md b/CHANGELOG.md index 0ad4930..e1e61eb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Event Calendar changelog +## 3.6.1 +October 1, 2024 + +* Fixed `destroy()` method in pure JS version of the library + ## 3.6.0 October 1, 2024 diff --git a/README.md b/README.md index 25ba01b..8754b76 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/docs/index.html b/docs/index.html index 444353f..840dd14 100644 --- a/docs/index.html +++ b/docs/index.html @@ -12,8 +12,8 @@ - - + + + + ```
diff --git a/packages/build/package.json b/packages/build/package.json index 77c060d..c377933 100644 --- a/packages/build/package.json +++ b/packages/build/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/build", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -20,11 +20,11 @@ "jsdelivr": "event-calendar.min.js", "style": "event-calendar.min.css", "devDependencies": { - "@event-calendar/day-grid": "~3.6.0", - "@event-calendar/interaction": "~3.6.0", - "@event-calendar/list": "~3.6.0", - "@event-calendar/time-grid": "~3.6.0", - "@event-calendar/resource-time-grid": "~3.6.0", - "@event-calendar/resource-timeline": "~3.6.0" + "@event-calendar/day-grid": "~3.6.1", + "@event-calendar/interaction": "~3.6.1", + "@event-calendar/list": "~3.6.1", + "@event-calendar/time-grid": "~3.6.1", + "@event-calendar/resource-time-grid": "~3.6.1", + "@event-calendar/resource-timeline": "~3.6.1" } } \ No newline at end of file diff --git a/packages/build/src/index.js b/packages/build/src/index.js index aba70ef..448f04b 100644 --- a/packages/build/src/index.js +++ b/packages/build/src/index.js @@ -17,12 +17,4 @@ export default class extends Calendar { } }); } - - get view() { - return this.getView(); - } - - destroy() { - this.$destroy(); - } } diff --git a/packages/core/README.md b/packages/core/README.md index 25ba01b..8754b76 100644 --- a/packages/core/README.md +++ b/packages/core/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/core/package.json b/packages/core/package.json index 43f5aed..54f224f 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/core", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar Core package", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -18,10 +18,10 @@ }, "license": "MIT", "type": "module", - "svelte": "src/index.js", + "svelte": "src/index.svelte.js", "exports": { ".": { - "svelte": "./src/index.js", + "svelte": "./src/index.svelte.js", "default": "./index.js" }, "./index.css": "./index.css", diff --git a/packages/core/src/index.js b/packages/core/src/index.js index 1206601..61708ae 100644 --- a/packages/core/src/index.js +++ b/packages/core/src/index.js @@ -1,4 +1,13 @@ import Calendar from './Calendar.svelte'; -export {Calendar as default}; +export default class extends Calendar { + destroy() { + this.$destroy(); + } + + get view() { + return this.getView(); + } +} + export * from './lib.js'; diff --git a/packages/core/src/index.svelte.js b/packages/core/src/index.svelte.js new file mode 100644 index 0000000..1206601 --- /dev/null +++ b/packages/core/src/index.svelte.js @@ -0,0 +1,4 @@ +import Calendar from './Calendar.svelte'; + +export {Calendar as default}; +export * from './lib.js'; diff --git a/packages/day-grid/README.md b/packages/day-grid/README.md index 25ba01b..8754b76 100644 --- a/packages/day-grid/README.md +++ b/packages/day-grid/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/day-grid/package.json b/packages/day-grid/package.json index d6b576d..f693809 100644 --- a/packages/day-grid/package.json +++ b/packages/day-grid/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/day-grid", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar DayGrid plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,7 +27,7 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", + "@event-calendar/core": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file diff --git a/packages/interaction/README.md b/packages/interaction/README.md index 25ba01b..8754b76 100644 --- a/packages/interaction/README.md +++ b/packages/interaction/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/interaction/package.json b/packages/interaction/package.json index 96ac5b8..1965b0e 100644 --- a/packages/interaction/package.json +++ b/packages/interaction/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/interaction", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar Interaction plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,7 +27,7 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", + "@event-calendar/core": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file diff --git a/packages/list/README.md b/packages/list/README.md index 25ba01b..8754b76 100644 --- a/packages/list/README.md +++ b/packages/list/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/list/package.json b/packages/list/package.json index e94a43b..50800a1 100644 --- a/packages/list/package.json +++ b/packages/list/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/list", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar List plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,7 +27,7 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", + "@event-calendar/core": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file diff --git a/packages/resource-time-grid/README.md b/packages/resource-time-grid/README.md index 25ba01b..8754b76 100644 --- a/packages/resource-time-grid/README.md +++ b/packages/resource-time-grid/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/resource-time-grid/package.json b/packages/resource-time-grid/package.json index 6be7fca..f4e57a4 100644 --- a/packages/resource-time-grid/package.json +++ b/packages/resource-time-grid/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/resource-time-grid", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar ResourceTimeGrid plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,8 +27,8 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", - "@event-calendar/time-grid": "~3.6.0", + "@event-calendar/core": "~3.6.1", + "@event-calendar/time-grid": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file diff --git a/packages/resource-timeline/README.md b/packages/resource-timeline/README.md index 25ba01b..8754b76 100644 --- a/packages/resource-timeline/README.md +++ b/packages/resource-timeline/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/resource-timeline/package.json b/packages/resource-timeline/package.json index 9ef09cc..24d692f 100644 --- a/packages/resource-timeline/package.json +++ b/packages/resource-timeline/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/resource-timeline", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar ResourceTimeline plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,7 +27,7 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", + "@event-calendar/core": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file diff --git a/packages/time-grid/README.md b/packages/time-grid/README.md index 25ba01b..8754b76 100644 --- a/packages/time-grid/README.md +++ b/packages/time-grid/README.md @@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md). Full-sized drag & drop JavaScript event calendar with resource & timeline views: -* Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed) +* Lightweight (36kb [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/) @@ -12,7 +12,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options ## Table of contents - [Usage](#usage) - - [Svelte component / ES6 module](#svelte-component--es6-module) + - [JavaScript module / Svelte component](#javascript-module--svelte-component) - [Pre-built browser ready bundle](#pre-built-browser-ready-bundle) - [Modifying options after initialization](#modifying-options-after-initialization) - [Options](#options) @@ -144,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options - [Browser support](#browser-support) ## Usage -### Pure JavaScript / Svelte component +### JavaScript module / Svelte component The first step is to install the Event Calendar `core` package: ```bash npm install --save-dev @event-calendar/core @@ -203,8 +203,8 @@ Or in your Svelte component, use the calendar like this: ### Pre-built browser ready bundle Include the following lines of code in the `` section of your page: ```html - - + + ```
diff --git a/packages/time-grid/package.json b/packages/time-grid/package.json index ffa10dd..3ace1ab 100644 --- a/packages/time-grid/package.json +++ b/packages/time-grid/package.json @@ -1,6 +1,6 @@ { "name": "@event-calendar/time-grid", - "version": "3.6.0", + "version": "3.6.1", "title": "Event Calendar TimeGrid plugin", "description": "Full-sized drag & drop event calendar with resource & timeline views", "keywords": [ @@ -27,7 +27,7 @@ "./package.json": "./package.json" }, "dependencies": { - "@event-calendar/core": "~3.6.0", + "@event-calendar/core": "~3.6.1", "svelte": "^4.2.19" } } \ No newline at end of file