Rovack/WBTicketCheck.js

Rovack · 2019-10-16T04:39:28Z

So happy to hear the great news! Awesome to hear it all worked out. :)

The bit about the script picking the wrong day is a bit concerning. Wonder what could make it ignore the specified days...
I'll need to look into it.

As for how to learn, personally I think the best way to learn practical coding is just playing around with code and tweaking stuff. For instance, reading over scripts like this, trying to understand how they work, looking up any syntax or concepts you don't know, and modifying things as you see fit. If you have an idea for something you want to achieve programmatically, figuring out how to code it is the easy part.
Of course, at first you'll run into a ton of things you don't understand or have no idea how to do, but all answers can be found online (StackOverflow is a coder's most powerful tool), and you should never hesitate to just copy-paste wildly from answers and solutions you find online. After enough trial and error, you can make just about anything work, and over time it'll become increasingly fast and easy.

It does help to have some fundamental understanding of the language or frameworks you use, but that's super easy too nowadays; Googling e.g. "learn JavaScript" should turn up virtually infinite free and high-quality resources, and you can achieve quite a lot with very basic tools.
This script, as a very simple example, requires nothing more advanced than JavaScript, the jQuery library, and some understanding of HTML.

Of course, if you have the time to commit to it, the many coding Bootcamps that have been popping up in recent years can help a lot too, but hardly a requirement when starting out.

Anyway, I wish you and your family a magical time in the WB studios, and in your vacation in general!

mrrrr2 · 2019-10-16T12:56:30Z

@Rovack, I think the script found the nearest available date (21st) and saw that after looking forward for my date that none was available, so it kept looping and trying again. In my regular checks to see, I noticed that the date went from somewhere in January to October 21st so I clicked on the date to check times and saw that the time worked.
Thanks for the info, I look forward to learning JS and becoming a more active participant this digital age (as opposed to passive).
Still cant thank you enough though, but I dont want to belabor the point - you're basically an angel sent to help, and you touched us. Peace dear friend, always here if you need us

weqo · 2019-11-01T21:43:02Z

I'm currently looking to check December and there are available tickets in November. I added your edits from the Sept 7th post but noticed that it seems to be skipping the check. While troubleshooting, I noticed that parseInt($('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value, 10) returns NaN.

I do notice, however, that when I enter $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value it does return string:11 for November.

After some google-fu I've modified the section (basically, perform a regex replace on the CTl100 month value so that it returns a string, and then match that string) so that month would match for November:

	waitForAvailability()
        .then(initialEls => {
				const monthvalue = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value;
                const month = monthvalue.replace(/^\D+/g, "");
				if (month === '11') {
					console.log('Month too early - skipping to next month');
					$('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$NextMonthImageButton"]').click();
					return waitForAvailability();
				} else {
					return Promise.resolve(initialEls);
				}

However, the script just seems to stop after logging "Month too early - skipping to next month" and doesn't continue on with the check. Any suggestions?

Rovack · 2019-11-02T09:07:50Z

Ah, you're absolutely right. Looks like they changed the value structure from just the month number to "string:" followed by the number.
Your solution should definitely work. For simplicity, an alternative solution would be avoiding integer parsing and and regexes altogether, and just getting the name of the selected month, which is what's actually displayed (and therefore somewhat less likely to change in the future):

const month = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"] > [selected="selected"]')[0].innerText;
if (month === 'November') {

Anyway, both this and your regex should be valid solutions, and neither is the cause for the script hanging, as you described and I also just verified.
The actual culprit for that one is a rare case that I hadn't handled: a month without a single day of availability (as is currently the case for December). Due to the way the script checks if the calendar has finished loading, failing to find a single day that's available will make it just keep waiting indefinitely.

Fortunately, there's a very simple solution for this, that requires nothing but removing code! Simply change the check in line 32 from:

if (availableEls.length === 0 || isLoading) {

to just:

if (isLoading) {

Honestly I'm not even sure why the availableEls.length check existed in the first place. I think it might just be historical reasons (isLoading was only added in a later version of the script IIRC).
I'll update this in the main snippet too, so in the future this edge case won't bother anyone else.

Thanks for pointing out these issues, and for taking the initiative to debug them on your own and share your solutions, @weqo!
Hope with this additional fix, the script works for you and you get the tickets you've been looking for. If you run into any other issues, of course do let me know. :)

P.S.: I've updated the original month-skipping comment to include your corrected version. Thanks again!

ReignOfComputer · 2019-12-02T20:24:34Z

Hey, thanks so much for this. Can I just confirm that if I'm looking across months, I can just add the dates in the array consecutively? For example, if I'm looking for 27-31 December + 1 January, would the function be checkForTickets([27, 28, 29, 30, 31, 1], 2, 300)?

Rovack · 2019-12-02T23:01:32Z

@ReignOfComputer Sort of. If you enter those values, the script will search until it finds tickets on one of those days, in whichever month has the nearest available tickets.
So, as long as December has any tickets left, it'll keep waiting until one of the given days opens up in December. Even if January 1st actually does become available, the script won't detect this.
Conversely, if tickets for December run out entirely, such that the nearest availability is in January, the script might pick up tickets for e.g. January 27th.

In general, to specify which month you want, you could use one of the modifications mentioned in the comments above.
Specifically, you could make the change suggested on Sep 7 if you wanted to skip ahead of December to see if January 1st is available.
Or, the change suggested on Aug 14 if you only want to accept results in December so as to exclude results like January 27th.
However, actually making the script work with both months, associating different days for each, would not be quite so easy.

Fortunately, there is a simple solution you could try, that doesn't require any new code: Just open the site in 2 different tabs at the same time, and run the December search in one and January in the other.
The December tab would have the script version with the Aug 14 change, and you'd pass [27, 28, 29, 30, 31] to checkForTickets there, whereas the January tab would have the version with the Sep 7 change, and for that one you'd just pass [1].
This workaround is a bit cumbersome to be sure, but should work.

Let me know if any part of this is unclear, or if there's any other questions or issues.

Good luck!

ReignOfComputer · 2019-12-03T03:59:55Z

You're amazing, thanks again!

mihaela2020 · 2020-01-23T17:24:34Z

Hy!

Please help me!
We are a family (2+2) and still an adult and a child.
We want to get to the WB studios between 13 -16 February.

I tried as you wrote on Oct 15 but I get the message
"Availability loaded. Checking for relevant dates ..."
VM239: 77 Wrong month. Will check again in 15 seconds.

What should I do?
Thanks!!!!

Rovack · 2020-01-24T08:21:22Z

Hi @mihaela2020. That could be because a couple months ago the site made a certain change, that required a slight tweak to the Oct 15 code for finding tickets in a specific month. I've now added an Edit at the bottom of the Oct 15 comment, with what should be a fixed version of the code.

Once you use the updated fix (and assuming you put the number '2' in the check instead of '10', since you want February), that message should only appear when there really isn't any availability earlier than March.
Of course, in that case, if the message does appear and you see that the month being shown in the pop-up is indeed later than February, that's perfectly fine: as the message says, it'll just try again in 15 seconds, and will keep trying until it finds availability on the given dates in February.

The only remaining issue would be the case where January still has availability, in which case February won't even be checked.
I'm planning on adding a new version of the script that will handle that case as well, but right now the site is so incredibly slow for me that I can't really test any changes. Hopefully I'll be able to get it working shortly.

Anyway, let me know if this works, or if there's any more questions/issues/clarifications/anything I can help with. And good luck!

mihaela2020 · 2020-01-24T08:42:13Z

Thank you very much for your answer!How can I check if it is correct?Can I try a month that has availability to make sure it works? For example>If I replace "10" with "3" (has availability), should it work? On Friday, January 24, 2020, 10:21:25 AM GMT+2, Rovack <[email protected]> wrote: Hi @mihaela2020. That could be because a couple months ago the site made a certain change, that required a slight tweak to the Oct 15 code for finding tickets in a specific month. I've now added an Edit at the bottom of the Oct 15 comment, with what should be a fixed version of the code. Once you use the updated fix (and assuming you put the number '2' in the check instead of '10', since you want February), that message should only appear when there really isn't any availability earlier than March. Of course, if the message does appear, and you see that the month being shown in the pop-up really isn't February, that's perfectly fine: as the message says, it'll just try again in 15 seconds, and will keep trying until it finds availability on the given dates in February. Let me know if this works, or if there's any more questions/clarifications/anything I can help with. And good luck! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

Rovack · 2020-01-24T08:45:02Z

Well, the site is still very slow for me, so I can't fully test the new version, but I have tried it once or twice and it seemed to work well enough.
So, perhaps you'd like to give it a shot, even though it's still experimental at this point and could definitely have issues.

If so, just copy the code below (instead of the original script at the top of this page), and then run:
checkForTicketsInMonth([13, 14, 15, 16], 2).

(Of course, don't forget to also add the // mentioned in Oct 15th and manually select the ticket amounts before running the script, since you want both adult and child tickets.)

The code is as follows:

function setAdultTickets(adultTicketsWanted) {
	const adultTicketsCount = parseInt($('.quantity-control.row > input')[0].value, 10);
	const ticketChangeIterations = Math.abs(adultTicketsWanted - adultTicketsCount);
	const ticketChangeButton = $(`.quantity-control.row > button.typcn-${adultTicketsCount < adultTicketsWanted ? 'plus' : 'minus'}`)[0];

	for (let i = 0; i < ticketChangeIterations; i++) {
		ticketChangeButton.click();
	}
}

function playSound(src) {
	return new Promise((resolve) => {
		const audio = new Audio(src);
		audio.onended = resolve;
		audio.play();
	});
}

function repeatHeyListen() {
	playSound('https://www.myinstants.com/media/sounds/hey_listen.mp3')
		.then(repeatHeyListen);
}

function waitForAvailability(monthWanted) {
	return new Promise((resolve) => {
		setTimeout(() => {
			const availableEls = $('.calendar>.row:not(.blankLoader) .calendar-body .day.available'), isLoading = $('.calendar-modal[data-component=eventTimeModal] .modal-content > .loading-mask.hide').length === 0;
			if (isLoading) {
				return waitForAvailability(monthWanted)
					.then((res) => resolve(res));
			}

			if (monthWanted == null) {
				resolve({ availableEls });
				return;
			}

			const monthValue = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value;
			const month = parseInt(monthValue.replace(/^\D+/g, ''), 10);

			if (month < monthWanted) {
				console.log(`Month too early (${month}) - skipping to next month.`);
				$('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$NextMonthImageButton"]').click();
				return waitForAvailability(monthWanted).then(res => resolve(res));
			}

			resolve({ availableEls, month });
		}, 1000);
	});
}

function playSounds() {
	playSound('https://www.myinstants.com/media/sounds/mlg-airhorn.mp3')
		.then(() => playSound('https://www.myinstants.com/media/sounds/sound-9______.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/ps_1.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/wrong-answer-sound-effect.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/lalalalala.swf.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/tuturu_1.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/hallelujahshort.swf.mp3'))
		.then(repeatHeyListen);
}

function addTicketsToBasket(dayElement) {
	dayElement.click();

	setTimeout(() => waitForAvailability()
		.then(() => {
			$('.ui-control.button.select-time')[0].click();

			setTimeout(() => {
				$('.typcn.typcn-shopping-cart.ng-binding')[0].click();
			}, 2000);
		}), 2000);
}

function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=2, checkFrequency=15, monthWanted) {
	setAdultTickets(adultTicketsWanted);

	function check() {
		$('.shared-calendar-button').click();

		waitForAvailability(monthWanted)
			.then(({ availableEls, month }) => {
				console.log(new Date(), `Availability loaded${month != null ? ` for month ${month}` : ''}. Checking for relevant dates...`);

				if (monthWanted != null && month > monthWanted) {
					console.log(`Month is too late (${month}). Will check again in ${checkFrequency} seconds.`);
					setTimeout(check, checkFrequency * 1000);
					return;
				}

				for (let i = 0; i < availableEls.length; i++) {
					const day = parseInt(availableEls[i].innerText, 10);
					console.log('Day', day, 'is available...');
					if (datesWanted.includes(day)) {
						console.log('Found tickets!!!!!');
						playSounds();
						addTicketsToBasket(availableEls[i]);
						return;
					}
				}

				console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`);
				$('#page > div:nth-child(11) > div.modal.info-modal.w-auto-c > div > div.close').click();
				setTimeout(check, checkFrequency * 1000);
		});
	};
	check();
}

function checkForTicketsInMonth(datesWanted, monthWanted, adultTicketsWanted, checkFrequency) {
	return checkForTickets(datesWanted, adultTicketsWanted, checkFrequency, monthWanted);
}

Rovack · 2020-01-24T08:51:38Z

Ah, just saw your reply @mihaela2020. To answer your question: Yes, using a month that you know does have availability is the best way to test, just as you said.
Using the new version of the script, that would mean running e.g.: checkForTicketsInMonth([13, 14, 15, 16], 3), instead of checkForTicketsInMonth([13, 14, 15, 16], 2), just to test.

Also, note that I've updated my earlier comment a bit, and also added a new one with a version of the script that should handle more cases, even though it isn't as well-tested as the original version (just forgot to tag you on that one).

Finally, looking at the site right now, it seems Feb 14-16 all have availability, so you might be able to just manually book the tickets you want. That is, if you go in right now, the script might not even be necessary. :)

(Edit: I find it interesting that the site was extremely slow for me for the last hour or so, then 5-10 minutes ago a ton of availability opened up in January and February, then it seems that availability disappeared in just a couple of minutes, and now the site is more or less back to its normal speed. I wonder if some process involving availability was going on that was slowing down the site... if so, that would suggest it's worth keeping an eye on the site around 8-9 AM GMT, which does match advice I've seen mentioned on TripAdvisor before.)

mihaela2020 · 2020-01-24T08:53:22Z

Thanks verryyy much! It Works the first version.It found the another dates in February.I am waiting the dates I am interested with. On Friday, January 24, 2020, 10:45:04 AM GMT+2, Rovack <[email protected]> wrote: Well, the site is still very slow for me, so I can't fully test the new version, but I have tried it once or twice and it seemed to work well enough. So, perhaps you'd like to give it a shot, even though it's still experimental at this point and could definitely have issues. If so, just copy the code below (instead of the original script at the top of this page), and then run checkForTicketsInMonth([13, 14, 15, 16], 2). The code is as follows: function setAdultTickets(adultTicketsWanted) { const adultTicketsCount = parseInt($('.quantity-control.row > input')[0].value, 10); const ticketChangeIterations = Math.abs(adultTicketsWanted - adultTicketsCount); const ticketChangeButton = $(`.quantity-control.row > button.typcn-${adultTicketsCount < adultTicketsWanted ? 'plus' : 'minus'}`)[0]; for (let i = 0; i < ticketChangeIterations; i++) { ticketChangeButton.click(); } } function playSound(src) { return new Promise((resolve) => { const audio = new Audio(src); audio.onended = resolve; audio.play(); }); } function repeatHeyListen() { playSound('https://www.myinstants.com/media/sounds/hey_listen.mp3') .then(repeatHeyListen); } function waitForAvailability(monthWanted) { return new Promise((resolve) => { setTimeout(() => { const availableEls = $('.c-14-all.available'), isLoading = $('.calendar-modal[data-component=eventTimeModal] .modal-content > .loading-container.hide').length === 0; if (isLoading) { return waitForAvailability(monthWanted) .then((...res) => resolve(...res)); } if (!monthWanted) { resolve(availableEls); } const monthValue = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value; const month = parseInt(monthValue.replace(/^\D+/g, ''), 10); if (month < monthWanted) { console.log(`Month too early (${month}) - skipping to next month.`); $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$NextMonthImageButton"]').click(); return waitForAvailability(monthWanted).then((...res) => resolve(...res)); } resolve(availableEls, month); }, 1000); }); } function playSounds() { playSound('https://www.myinstants.com/media/sounds/mlg-airhorn.mp3') .then(() => playSound('https://www.myinstants.com/media/sounds/sound-9______.mp3')) .then(() => playSound('https://www.myinstants.com/media/sounds/ps_1.mp3')) .then(() => playSound('https://www.myinstants.com/media/sounds/wrong-answer-sound-effect.mp3')) .then(() => playSound('https://www.myinstants.com/media/sounds/lalalalala.swf.mp3')) .then(() => playSound('https://www.myinstants.com/media/sounds/tuturu_1.mp3')) .then(() => playSound('https://www.myinstants.com/media/sounds/hallelujahshort.swf.mp3')) .then(repeatHeyListen); } function addTicketsToBasket(dayElement) { dayElement.click(); setTimeout(() => waitForAvailability() .then(() => { $('.ui-control.button.select-time')[0].click(); setTimeout(() => { $('.typcn.typcn-shopping-cart.ng-binding')[0].click(); }, 2000); }), 2000); } function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=2, checkFrequency=15, monthWanted) { setAdultTickets(adultTicketsWanted); function check() { $('.shared-calendar-button').click(); waitForAvailability(monthWanted) .then((availableEls, month) => { console.log(new Date(), `Availability loaded${month ? ` for month ${month}` : ''}. Checking for relevant dates...`); if (monthWanted && month > monthWanted) { console.log(`Month is too late. Will check again in ${checkFrequency} seconds.`); setTimeout(check, checkFrequency * 1000); return; } for (let i = 0; i < availableEls.length; i++) { const day = parseInt(availableEls[i].innerText, 10); console.log('Day', day, 'is available...'); if (datesWanted.includes(day)) { console.log('Found tickets!!!!!'); playSounds(); addTicketsToBasket(availableEls[i]); return; } } console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`); $('#page > div:nth-child(11) > div.modal.info-modal.w-auto-c > div > div.close').click(); setTimeout(check, checkFrequency * 1000); }); }; check(); } function checkForTicketsInMonth(datesWanted, monthWanted, adultTicketsWanted, checkFrequency) { return checkForTickets(datesWanted, adultTicketsWanted, checkFrequency, monthWanted); } (Of course, don't forget to add the // mentioned in Oct 15th and manually select the ticket amounts before running the script, since you want both adult and child tickets.) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

Rovack · 2020-01-24T09:13:34Z

Great, glad to hear the script works @mihaela2020. :)

Just note that if tickets open up for January and February at the same time, as was the case this morning, the original version probably won't work (it only knows how to keep waiting when availability is too late, but doesn't handle availability that's too early, meaning it could keep looking at Jan instead of Feb).
For that, the new version is preferable, since it also knows to go to the next month (if you want, you could test that by looking for tickets in April, e.g. checkForTicketsInMonth([13, 14, 15, 16], 4)).

mihaela2020 · 2020-01-24T09:26:09Z

I have a problem with the new version:
Although I'm interested in February and at the end I run checkForTicketsInMonth ([13, 14, 15, 16], 2)
it puts in my basket tickets for March.
It doesn't wait for February availability.

Rovack · 2020-01-24T09:57:25Z

You're absolutely right, @mihaela2020. I just updated the code in the comment with a fix.

And, now that the site is back to full speed, I was able to test all cases: a month that's too late, too early, and just right.
All seem to work now, as far as I can tell.

mihaela2020 · 2020-01-25T08:54:40Z

Hello again!
Your method works very well. Thanks!
I have family tickets in my basket but I don't know for what date or time.
Do you know how I can find out?

Rovack · 2020-01-25T09:26:52Z

Oh wow, that's a very good question @mihaela2020. Personally I've never tried getting Family tickets, so I never even realized they don't show the dates in the basket. For Adult or Child tickets, it shows up in the basket as e.g. "Adult- 03/03/2020 10:00" or "Child- 03/03/2020 15:00".
Really weird choice for the website design...

It's likely that if the script was given the right parameters, and automatically put tickets into the basket, the tickets will be somewhere in the specified range. Even with the new version, that's not as well-tested, I'd say I have 80% confidence in that.
So, one strategy would be to just buy the tickets, and if it then turns out that they were somehow wrong, cancel them. According to their Terms and Conditions, you should be able to cancel by phone within 7 days of purchasing, if you're a resident of the EU.
If you're not, I have no idea how amenable they are to refunding tickets.

If that's not an option, it might be possible to make some modifications to the script to make it store somewhere which dates it selected, though off the top of my head I'm not sure what would be the best way to do that. The problem is that when the page changes as part of going to the basket, the log of messages is unfortunately cleared. So, it'd require some actual storage option...

Actually, one very simple solution would be just removing the part that automatically adds the tickets to the basket. If you're relatively near the computer for enough of the time, you could rely on the loud sounds to alert you once tickets become available, and then come put them in the basket yourself.

For that, I believe all you'd need to do is change the line that's currently:

						addTicketsToBasket(availableEls[i]);

into:

						// addTicketsToBasket(availableEls[i]);

Anyway, any option that requires modifications to the script would of course require disposing of the tickets you currently have, and running the script again. Not the end of the world, since there's still enough time ahead of your visit that it would likely find new tickets in a day or 2, but still somewhat of a risk.

mihaela2020 · 2020-01-25T09:39:36Z

I searched in the "View Page Source" of the basket for 2020 and found the date and time 14/02/2020 11:00.
👍

Rovack · 2020-01-25T10:19:17Z

Ah, of course! Excellent idea. :)
For future reference, in case anyone else encounters this issue, you should be able to see the date and time by typing the following in the Console:

$('[ng-if="packageItem.packageEventDate"] > .selected-date')[0].innerHTML

So glad to hear you got tickets @mihaela2020. Have a great time!

P.S. I've now also updated the Caveats in the top comment to reflect this problem and your solution, so others may benefit from your experience. :)

Rovack · 2020-02-05T21:27:57Z

So happy to hear that, @Capybara218!
Thanks for letting me know, and I hope you and your SO have an amazing time there! :)

Flame239 · 2023-02-19T11:22:09Z

Nowadays after some time you get a notification about expiring session and have to click Extend session button.
Here is updated script - at the beginning of check() method we click extend session button if its available, like so:

if ($('.ui-control.button.extendSession').length != 0) {
	console.log('Extending session');
	$('.ui-control.button.extendSession').click();
}

Full script:

function setAdultTickets(adultTicketsWanted) {
	const adultTicketsCount = parseInt($('.quantity-control.row > input')[0].value, 10);
	const ticketChangeIterations = Math.abs(adultTicketsWanted - adultTicketsCount);
	const ticketChangeButton = $(`.quantity-control.row > button.typcn-${adultTicketsCount < adultTicketsWanted ? 'plus' : 'minus'}`)[0];

	for (let i = 0; i < ticketChangeIterations; i++) {
		ticketChangeButton.click();
	}
}

function playSound(src) {
	return new Promise((resolve) => {
		const audio = new Audio(src);
		audio.onended = resolve;
		audio.play();
	});
}

function repeatHeyListen() {
	playSound('https://www.myinstants.com/media/sounds/hey_listen.mp3')
		.then(repeatHeyListen);
}

function waitForAvailability(monthWanted) {
	return new Promise((resolve) => {
		setTimeout(() => {
			const availableEls = $('.c-14-all.available'), isLoading = $('.calendar-modal[data-component=eventTimeModal] .modal-content > .loading-container.hide').length === 0;
			if (isLoading) {
				return waitForAvailability(monthWanted)
					.then((res) => resolve(res));
			}

			if (monthWanted == null) {
				resolve({ availableEls });
			}

			const monthValue = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value;
			const month = parseInt(monthValue.replace(/^\D+/g, ''), 10);

			if (month < monthWanted) {
				console.log(`Month too early (${month}) - skipping to next month.`);
				$('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$NextMonthImageButton"]').click();
				return waitForAvailability(monthWanted).then(res => resolve(res));
			}

			resolve({ availableEls, month });
		}, 1000);
	});
}

function playSounds() {
	playSound('https://www.myinstants.com/media/sounds/mlg-airhorn.mp3')
		.then(() => playSound('https://www.myinstants.com/media/sounds/sound-9______.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/ps_1.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/wrong-answer-sound-effect.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/lalalalala.swf.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/tuturu_1.mp3'))
		.then(() => playSound('https://www.myinstants.com/media/sounds/hallelujahshort.swf.mp3'))
		.then(repeatHeyListen);
}

function addTicketsToBasket(dayElement) {
	dayElement.click();

	setTimeout(() => waitForAvailability()
		.then(() => {
			$('.ui-control.button.select-time')[0].click();

			setTimeout(() => {
				$('.typcn.typcn-shopping-cart.ng-binding')[0].click();
			}, 2000);
		}), 2000);
}

function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=2, checkFrequency=15, monthWanted) {
	setAdultTickets(adultTicketsWanted);

	function check() {
		if ($('.ui-control.button.extendSession').length != 0) {
			console.log('Extending session');
			$('.ui-control.button.extendSession').click();
		}
		
		$('.shared-calendar-button').click();

		waitForAvailability(monthWanted)
			.then(({ availableEls, month }) => {
				console.log(new Date(), `Availability loaded${month != null ? ` for month ${month}` : ''}. Checking for relevant dates...`);

				if (monthWanted != null && month > monthWanted) {
					console.log(`Month is too late (${month}). Will check again in ${checkFrequency} seconds.`);
					setTimeout(check, checkFrequency * 1000);
					return;
				}

				for (let i = 0; i < availableEls.length; i++) {
					const day = parseInt(availableEls[i].innerText, 10);
					console.log('Day', day, 'is available...');
					if (datesWanted.includes(day)) {
						console.log('Found tickets!!!!!');
						playSounds();
						addTicketsToBasket(availableEls[i]);
						return;
					}
				}

				console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`);
				setTimeout(check, checkFrequency * 1000);
		});
	};
	check();
}

function checkForTicketsInMonth(datesWanted, monthWanted, adultTicketsWanted, checkFrequency) {
	return checkForTickets(datesWanted, adultTicketsWanted, checkFrequency, monthWanted);
}

Rovack · 2023-02-20T15:06:01Z

Oh that's great to know, thanks for the fix @Flame239! Added it to the instructions.

Silverleaf42 · 2023-02-21T12:15:19Z

The script is really cool. Nice work on it, @Rovack . I have been running it for a day now and this morning for the first time, it found a hit on one of my days, but with "Insufficient Quantities" of tickets available. When that happens there's no way to stop the mp3 from playing even though it can't add the available time to the basket. Since I'm looking for the "Family (2 adults + 2 children)" and 1 extra Child ticket, I commented out "setAdultTickets(adultTicketsWanted);" and selected my quantities manually from the site. Is there a way I could change the script to look specifically for what I need so it wouldn't celebrate unless all my needed tickets were found?

Rovack · 2023-02-25T21:12:27Z

Hey @Silverleaf42, really sorry for the late response. Have you gotten it to work yet?

If not (though I hope you have), I must admit it's my first time hearing about this "Insufficient Quantities" case. I'd have thought if you specify multiple types of tickets, the site would only show you times where they're all available at once. I guess for some reason, in certain cases they prefer to show dates/times that aren't really available.

To address this in the script would take a few changes, to both addTicketsToBasket and check. Here's a version that seems to work:

[...]

async function addTicketsToBasket(dayElement) {
	dayElement.click();

	await new Promise((resolve) => setTimeout(resolve, 2000));
	await waitForAvailability();

	const chooseTimeButton = $('.ui-control.button.select-time:not(.disabled)')[0];
	if (!chooseTimeButton) return false;

	console.log('Found tickets!!!!!');
	playSounds();

	chooseTimeButton.click();

	await new Promise((resolve) => setTimeout(resolve, 2000));

	$('.typcn.typcn-shopping-cart.ng-binding')[0].click();
	return true;
}

function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=2, checkFrequency=15, monthWanted) {
	setAdultTickets(adultTicketsWanted);

	async function check() {
		if ($('.ui-control.button.extendSession').length != 0) {
			console.log('Extending session');
			$('.ui-control.button.extendSession').click();
		}
		
		$('.shared-calendar-button').click();

		waitForAvailability(monthWanted)
			.then(async ({ availableEls, month }) => {
				console.log(new Date(), `Availability loaded${month != null ? ` for month ${month}` : ''}. Checking for relevant dates...`);

				if (monthWanted != null && month > monthWanted) {
					console.log(`Month is too late (${month}). Will check again in ${checkFrequency} seconds.`);
					setTimeout(check, checkFrequency * 1000);
					return;
				}

				for (let i = 0; i < availableEls.length; i++) {
					const day = parseInt($('.calendar>.row:not(.blankLoader) .calendar-body .day.available')[i].innerText, 10);
					console.log('Day', day, 'is available...');
					if (datesWanted.includes(day)) {
						const succeeded = await addTicketsToBasket($('.calendar>.row:not(.blankLoader) .calendar-body .day.available')[i]);
						if (succeeded) return;
					}
				}

				console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`);
				setTimeout(check, checkFrequency * 1000);
		});
	};
	check();
}

[...]

(There may be a very slight race condition here, where if there are multiple relevant dates but the first turn(s) out to have insufficient quantity, in theory availability could change before we attempt the next date and the script wouldn't necessarily handle that. But I think it's fairly unlikely, not too harmful if it does happen, and I can't think of a very easy solution since we have to re-fetch $('.calendar>.row:not(.blankLoader) .calendar-body .day.available') after each time a date is clicked, so hopefully it won't be a problem.)

On a separate note, if anyone in the future does also want the script to automatically choose the quantities with multiple types of tickets (though IMO just doing it manually is probably easiest), you could just make the following modifications:

Replace setAdultTickets with:

function setTickets(ticketsWanted, categoryLineNumber = 0) {
	const ticketsCount = parseInt($('.quantity-control.row > input')[categoryLineNumber].value, 10);
	const ticketChangeIterations = Math.abs(ticketsWanted - ticketsCount);
	const ticketChangeButton = $(`.quantity-control.row > button.typcn-${ticketsCount < ticketsWanted ? 'plus' : 'minus'}`)[categoryLineNumber];

	for (let i = 0; i < ticketChangeIterations; i++) {
		ticketChangeButton.click();
	}
}

And in the first line of checkForTickets, replace setAdultTickets(adultTicketsWanted); with e.g.:

	setTickets(1, 3); // 1 x "Family (2 Adults + 2 Children)" ticket
	setTickets(1, 1); // 1 x "Child" ticket

As you can probably tell, the 2nd parameter is the line number of the type of ticket you want, starting from 0 (so e.g. 0 for "Adult", 1 for "Child", 2 for "4 and Under", and so on), and the 1st parameter is how many of that type of ticket you want.

Hope this helps!

Silverleaf42 · 2023-03-06T15:52:45Z

setTickets(1, 3); // 1 x "Family (2 Adults + 2 Children)" ticket
setTickets(1, 1); // 1 x "Child" ticket

Thanks @Rovack! I haven't gotten them yet, but I'm trying the changes you suggested now to see if it works and I'll let you know.

Silverleaf42 · 2023-03-07T11:42:30Z

BTW, I ran the script all day yesterday and not a thing popped up. Ran it again early this morning (starting at 6:15am ET) and got our tickets within 15 minutes. Thanks again, @Rovack

Rovack · 2023-03-08T02:06:59Z

Yay, that's great news @Silverleaf42!! Thanks for letting me know it worked.
Hope you have a great time there! 😄

sjezewska · 2023-06-08T15:11:42Z

Hello!

First of all, I want to show my gratitude and say thank you SO much for sharing this with everyone and helping people out even to this day :) :)

I managed to get the script running which is great, but I'd like to check a couple of things if you don't mind. Sometimes I see "Insufficient quantities" though as far as I can tell, I've only specified one type of ticket (family). I've attached the code I'm using. Am I maybe doing something wrong there?

Not a big deal, though after some time I see a timeout. Again, not sure if I've missed something or am doing something incorrectly.

Thank you in advance and I hope you're having a great day!

function setAdultTickets(adultTicketsWanted) { const adultTicketsCount = parseInt($('.quantity-control.row > input')[3].value, 10); const ticketChangeIterations = Math.abs(adultTicketsWanted - adultTicketsCount); const ticketChangeButton = $(.quantity-control.row > button.typcn-${adultTicketsCount < adultTicketsWanted ? 'plus' : 'minus'}`)[3];

for (let i = 0; i < ticketChangeIterations; i++) {
	ticketChangeButton.click();
}

}

function playSound(src) {
return new Promise((resolve) => {
const audio = new Audio(src);
audio.onended = resolve;
audio.play();
});
}

function repeatHeyListen() {
playSound('https://www.myinstants.com/media/sounds/hey_listen.mp3')
.then(repeatHeyListen);
}

function waitForAvailability(monthWanted) {
return new Promise((resolve) => {
setTimeout(() => {
const availableEls = $('.c-14-all.available'), isLoading = $('.calendar-modal[data-component=eventTimeModal] .modal-content > .loading-container.hide').length === 0;
if (isLoading) {
return waitForAvailability(monthWanted)
.then((res) => resolve(res));
}

		if (monthWanted == null) {
			resolve({ availableEls });
		}

		const monthValue = $('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$MonthDropDownList"]')[0].value;
		const month = parseInt(monthValue.replace(/^\D+/g, ''), 10);

		if (month < monthWanted) {
			console.log(`Month too early (${month}) - skipping to next month.`);
			$('[name="ctl00$ContentPlaceHolder$SalesChannelDetailControl$EventsDateTimeSelectorModal$EventsDateTimeSelector$CalendarSelector$NextMonthImageButton"]').click();
			return waitForAvailability(monthWanted).then(res => resolve(res));
		}

		resolve({ availableEls, month });
	}, 1000);
});

}

function playSounds() {
playSound('https://www.myinstants.com/media/sounds/mlg-airhorn.mp3')
.then(() => playSound('https://www.myinstants.com/media/sounds/sound-9______.mp3'))
.then(() => playSound('https://www.myinstants.com/media/sounds/ps_1.mp3'))
.then(() => playSound('https://www.myinstants.com/media/sounds/wrong-answer-sound-effect.mp3'))
.then(() => playSound('https://www.myinstants.com/media/sounds/lalalalala.swf.mp3'))
.then(() => playSound('https://www.myinstants.com/media/sounds/tuturu_1.mp3'))
.then(() => playSound('https://www.myinstants.com/media/sounds/hallelujahshort.swf.mp3'))
.then(repeatHeyListen);
}

function addTicketsToBasket(dayElement) {
dayElement.click();

setTimeout(() => waitForAvailability()
	.then(() => {
		$('.ui-control.button.select-time')[0].click();

		setTimeout(() => {
			$('.typcn.typcn-shopping-cart.ng-binding')[0].click();
		}, 2000);
	}), 2000);

}

function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=1, checkFrequency=10, monthWanted) {
setAdultTickets(adultTicketsWanted);

function check() {
if ($('.ui-control.button.extendSession').length != 0) {
console.log('Extending session');
$('.ui-control.button.extendSession').click();
}

	$('.shared-calendar-button').click();

	waitForAvailability(monthWanted)
		.then(({ availableEls, month }) => {
			console.log(new Date(), `Availability loaded${month != null ? ` for month ${month}` : ''}. Checking for relevant dates...`);

			if (monthWanted != null && month > monthWanted) {
				console.log(`Month is too late (${month}). Will check again in ${checkFrequency} seconds.`);
				setTimeout(check, checkFrequency * 1000);
				return;
			}

			for (let i = 0; i < availableEls.length; i++) {
				const day = parseInt(availableEls[i].innerText, 10);
				console.log('Day', day, 'is available...');
				if (datesWanted.includes(day)) {
					console.log('Found tickets!!!!!');
					playSounds();
					addTicketsToBasket(availableEls[i]);
					return;
				}
			}

			console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`);
			$('#page > div:nth-child(11) > div.modal.info-modal.w-auto-c > div > div.close').click();
			setTimeout(check, checkFrequency * 1000);
	});
};
check();

}

function checkForTicketsInMonth(datesWanted, monthWanted, adultTicketsWanted, checkFrequency) {
return checkForTickets(datesWanted, adultTicketsWanted, checkFrequency, monthWanted);
}`

Rovack · 2023-06-08T16:12:13Z

Hey @sjezewska. :) For the "Insufficient quantities" case, it's even weirder that it can happen with just 1 type of ticket, but I guess it's just a thing the system does now. Anyway, the changes specified here, to addTicketsToBasket and check, should address that.

As for the timeout, I never saw it myself, but could it be the same "Extend session" issue Flame239 mentioned here?
If so, you could try the fix they suggested.

Let me know if either of these problems persists even with these changes, and I can look more deeply into it.

	// Note that this has some limitations, such as looking specifically for adult tickets,
	// looking for the given days only in the nearest month that has availability,
	// and always choosing the earliest time if several are found within the desired dates.

	function setAdultTickets(adultTicketsWanted) {
	const adultTicketsCount = parseInt($('.quantity-control.row > input')[0].value, 10);
	const ticketChangeIterations = Math.abs(adultTicketsWanted - adultTicketsCount);
	const ticketChangeButton = $(`.quantity-control.row > button.typcn-${adultTicketsCount < adultTicketsWanted ? 'plus' : 'minus'}`)[0];

	for (let i = 0; i < ticketChangeIterations; i++) {
	ticketChangeButton.click();
	}
	}

	function playSound(src) {
	return new Promise((resolve) => {
	const audio = new Audio(src);
	audio.onended = resolve;
	audio.play();
	});
	}

	function repeatHeyListen() {
	playSound('https://www.myinstants.com/media/sounds/hey_listen.mp3')
	.then(repeatHeyListen);
	}

	function waitForAvailability() {
	return new Promise((resolve) => {
	setTimeout(() => {
	const availableEls = $('.calendar>.row:not(.blankLoader) .calendar-body .day.available'), isLoading = $('.calendar-modal[data-component=eventTimeModal] .modal-content > .loading-mask.hide').length === 0;
	if (isLoading) {
	return waitForAvailability()
	.then((res) => resolve(res));
	}

	resolve(availableEls);
	}, 1000);
	});
	}

	function playSounds() {
	playSound('https://www.myinstants.com/media/sounds/mlg-airhorn.mp3')
	.then(() => playSound('https://www.myinstants.com/media/sounds/sound-9______.mp3'))
	.then(() => playSound('https://www.myinstants.com/media/sounds/ps_1.mp3'))
	.then(() => playSound('https://www.myinstants.com/media/sounds/wrong-answer-sound-effect.mp3'))
	.then(() => playSound('https://www.myinstants.com/media/sounds/lalalalala.swf.mp3'))
	.then(() => playSound('https://www.myinstants.com/media/sounds/tuturu_1.mp3'))
	.then(() => playSound('https://www.myinstants.com/media/sounds/hallelujahshort.swf.mp3'))
	.then(repeatHeyListen);
	}

	function addTicketsToBasket(dayElement) {
	dayElement.click();

	setTimeout(() => waitForAvailability()
	.then(() => {
	$('.ui-control.button.select-time')[0].click();

	setTimeout(() => {
	$('.typcn.typcn-shopping-cart.ng-binding')[0].click();
	}, 2000);
	}), 2000);
	}

	function checkForTickets(datesWanted=[6, 7, 8], adultTicketsWanted=2, checkFrequency=15) {
	setAdultTickets(adultTicketsWanted);

	function check() {
	$('.shared-calendar-button').click();

	waitForAvailability()
	.then(availableEls => {
	console.log(new Date(), 'Availability loaded. Checking for relevant dates...');
	for (let i = 0; i < availableEls.length; i++) {
	const day = parseInt(availableEls[i].innerText, 10);
	console.log('Day', day, 'is available...');
	if (datesWanted.includes(day)) {
	console.log('Found tickets!!!!!');
	playSounds();
	addTicketsToBasket(availableEls[i]);
	return;
	}
	}

	console.log(`Relevant dates not yet available. Will check again in ${checkFrequency} seconds.`);
	$('#page > div:nth-child(11) > div.modal.info-modal.w-auto-c > div > div.close').click();
	setTimeout(check, checkFrequency * 1000);
	});
	};
	check();
	}

Rovack/WBTicketCheck.js

Rovack commented Oct 16, 2019

Uh oh!

mrrrr2 commented Oct 16, 2019

Uh oh!

weqo commented Nov 1, 2019

Uh oh!

Rovack commented Nov 2, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ReignOfComputer commented Dec 2, 2019

Uh oh!

Rovack commented Dec 2, 2019 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ReignOfComputer commented Dec 3, 2019

Uh oh!

mihaela2020 commented Jan 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Rovack commented Jan 24, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mihaela2020 commented Jan 24, 2020 via email

Uh oh!

Rovack commented Jan 24, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Rovack commented Jan 24, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mihaela2020 commented Jan 24, 2020 via email

Uh oh!

Rovack commented Jan 24, 2020

Uh oh!

mihaela2020 commented Jan 24, 2020

Uh oh!

Rovack commented Jan 24, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mihaela2020 commented Jan 25, 2020

Uh oh!

Rovack commented Jan 25, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

mihaela2020 commented Jan 25, 2020

Uh oh!

Rovack commented Jan 25, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Rovack commented Feb 5, 2020

Uh oh!

Flame239 commented Feb 19, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Rovack commented Feb 20, 2023

Uh oh!

Silverleaf42 commented Feb 21, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Rovack commented Feb 25, 2023 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Silverleaf42 commented Mar 6, 2023

Uh oh!

Silverleaf42 commented Mar 7, 2023

Uh oh!

Rovack commented Mar 8, 2023

Uh oh!

sjezewska commented Jun 8, 2023

Uh oh!

Rovack commented Jun 8, 2023

Uh oh!

Rovack commented Nov 2, 2019 •

edited

Loading

Rovack commented Dec 2, 2019 •

edited

Loading

mihaela2020 commented Jan 23, 2020 •

edited

Loading

Rovack commented Jan 24, 2020 •

edited

Loading

Rovack commented Jan 24, 2020 •

edited

Loading

Rovack commented Jan 24, 2020 •

edited

Loading

Rovack commented Jan 24, 2020 •

edited

Loading

Rovack commented Jan 25, 2020 •

edited

Loading

Rovack commented Jan 25, 2020 •

edited

Loading

Flame239 commented Feb 19, 2023 •

edited

Loading

Silverleaf42 commented Feb 21, 2023 •

edited

Loading

Rovack commented Feb 25, 2023 •

edited

Loading