Skip to content
This repository has been archived by the owner on Feb 16, 2021. It is now read-only.

WIP: Fullcalendar 4.0.0 #123

Open
wants to merge 17 commits into
base: master
Choose a base branch
from
Open

WIP: Fullcalendar 4.0.0 #123

wants to merge 17 commits into from

Conversation

BrockReece
Copy link
Collaborator

First tentative move into the brave new jQuery-less word of Fullcalendar 4.0.0 as requested in #121

From my early tests there doesn't look like there is going to be any breaking changes for users of this wrapper. But let me know if you notice anything.

  • Get some people to test it out in the real world, @blalan could you help with this?
  • Fix our Jest tests
  • Update docs
  • Update example repos include compatible branches

@BrockReece BrockReece self-assigned this Jun 8, 2018
@BrockReece BrockReece added this to In progress in Fullcalendar 4.0.0 via automation Jun 8, 2018
@steven87vt
Copy link

Hey @BrockReece,

Any chance your able to integrate the build changes implemented in #126 into this as well? I want to use bootstrap 4 theme in fullcalendar.io but it requires version 3.9+. I could help with testing and updating the docs for version 4.0 or some examples on codesandbox.

Thanks
Steven

@BrockReece
Copy link
Collaborator Author

Ah good idea, thanks.
BTW the new bundle size without jQuery is very pleasing 👍


self.$emit.apply(self, ['day-click'].concat(_toConsumableArray(args)));
},
select: function select(start, end, jsEvent, view, resource) {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can't comment on the line in the original source because it wasn't changed but instead of ordered arguments, select now receives an object argument.

@ghost
Copy link

ghost commented Mar 19, 2019

Is there any timeline foreseen on this PR? We're about to start using FullCalendar v4 into our VueJS project and it would be awesome if we could (re)use this Vue wrapper instead of reinventing the wheel ourselves! Big H5YR for the work on this!

@BrockReece
Copy link
Collaborator Author

@highstone I guess if we updated the fullcalendar dependency to use 4.0.0 instead of the alpha and pre-released this to NPM you could start trialing it right away? I don't really have the time at the moment though to test a lot of this out myself, sorry.

@pmdarrow
Copy link

@BrockReece would be glad to test it out and report back any issues if you can do that.

@ghost
Copy link

ghost commented Mar 21, 2019

That would be awesome! When we start implementing, we will provide you with direct feedback on it's behaviour.

@BrockReece
Copy link
Collaborator Author

Hmm so it looks like they have split the fullcalendar into separate 'plugin' modules.

I think it makes sense to install the following plugins by default
@fullcalendar/core
@fullcalendar/interaction
@fullcalendar/daygrid

What does everyone think?

@pmdarrow
Copy link

That seems reasonable to me - my gut feeling is that covers the most common use cases.

@malles
Copy link

malles commented Mar 25, 2019

@highstone @BrockReece Same here, I'm about to start an integration with fullcalendar in my Vue project. Would like to get in on this 4.0 branch!

@steven87vt
Copy link

Might want to merge the bili PR. Unless others want to pull in the source code for this lib and include it into your webpack bundles, or include the node_modules/vue-fullcalendar dir.

@malles
Copy link

malles commented Mar 25, 2019

Judging by the commits, the bili branche is already merged into here.
I've tried installing it quickly, but it seems the new pluginsystem and includes from the new @fullcalendar namespace would need some more fixes.

@laurensiusadi
Copy link

Fullcalendar just release their 4.1.0. I'll still be waiting for this repo instead of fullcalendar's own vue integration.

aspectRatio: 2,
timeFormat: 'HH:mm',
events: this.events,
eventSources: this.eventSources,

eventRender(...args) {
if (this.sync) {
self.events = cal.fullCalendar('clientEvents')
self.events = self.calendar.getEvents()

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just wondering if we can remove duplicates here by add lodash.uniq on

self.events = lodash.uniq(self.calendar.getEvents())

and everywhere this is required.

Reason: I see people using older version of Vue and the reactivity of an array is at stake sometimes as in those versions, Vue does not watch when a small change is made. Also removing dependency on Vue watch altogether as watch is expensive.

Thanks.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
Fullcalendar 4.0.0
  
In progress
Development

Successfully merging this pull request may close these issues.

None yet

6 participants