Run JavaScript if a file is created

KirAsh4

Ok, so if I’m understanding you correctly, your setup is:

you have a JS script that, which given a trigger, will reach out to the MTA’s API and pull in the train’s ETA
your phone, through Tasker, will send a notification (in the form of a file creation) to the rpi (which is exposed to the internet?)

What you want is, once that file is created, a message gets displayed on the mirror with the train’s ETA.

What am I missing?

ooom416354

@KirAsh4 Yup! That’s exactly what the setup is. The Pi is exposed to the internet via SSH on port 22, I changed the password to something pretty obscure but may look into additional security.

Right now the JS script is running every 5 minutes and presenting the ETA for the train that is currently running closest to the actual time of the day. Problem here is that information clearly isn’t important because I’m at work and not in transit. I was trying to make it more robust in that I am able to use Tasker to ping cell towers and once I am in a specific location, output the file to the Pi to then trigger the script. Of course, if there is a better way I’d absolutely look into that, it was just my first thought on how to accomplish it.

KirAsh4

Have the script check for the date stamp on the file. Have Tasker just 'touch' the existing file. The script needs to store the date stamp when it checks the file. Something like this:

// pseudo code, it won't brew coffee
var prev_datestamp = 0;
var expire_time = 15 * 60 * 1000; // 15 minutes

// run every five minutes
if (file exists) {
  if (file.datestamp > previous_datestamp) {
    // train is on the way, quick, hide the money, hide the poker table
    // oh, refresh the mirror too
    previous_datestamp = file.datestamp;
  } else if (now > file.datestamp + expire_time) {
    // it's been 15 minutes, be afraid, be very afraid
    // clear mirror message
  }
}

EoF

Might be wise to incorporate some AJAX into this, no? Having PHP check the file, etc and then pass the results / message back to JS.

KirAsh4

Not necessarily:
MM² module --> node_helper --> php --> node_helper --> MM² module

ooom416354

@KirAsh4 This is awesome!

I would just put this in my JS file, right? I’m currently sending the following command through Tasker to the Pi so I think I’m good.

touch curr-train.txt

KirAsh4

Earlier you mentioned you using PHP, so I kept it in the loop. Use node_helper to call the PHP script. Let the PHP script check for the file and report back to node_helper which in turn reports to the module.

ooom416354

@KirAsh4 OK, so my PHP script is actually index.php, it’s effectively the page that loads and is my Mirror. In that file I have a reference to the JS file which runs the mta code.

<script src="js/mm-mta.js"></script>

So would I put the following in the PHP page? (sorry if I sound dumb here)

var prev_datestamp = 0;
var expire_time = 15 * 60 * 1000; // 15 minutes

// run every five minutes
if (file exists) {
  if (file.datestamp > previous_datestamp) {

   <script src="js/mm-mta.js"></script>

    previous_datestamp = file.datestamp;
  } else if (now > file.datestamp + expire_time) {

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script> 
      $("#mta").empty();
  </script>
}
}

ooom416354

@KirAsh4 for reference here’s the full index.php file

index.php

KirAsh4

Oy, why do it that way … your index.php will never get updated if there’s an upstream change in the code (because we use index.html). You should use the existing infrastructure in MM². Create a new module, have it display in a specific region on the mirror. Every 5 minutes, have the module refresh by doing a call to its node_helper. The node_helper can be a simply python script that checks the specific file in question and reports back to the module.

I thought the PHP script was doing something … it’s not in this case. You don’t need PHP at all for this.

Some places to look for coding ideas:
MM² Module Development Documentation
Look at how modules such as the calendar and newsfeed implement a node_helper which does the background tasks

You could still use PHP to do the file checking for you, but to me that’s a bit of an unnecessary overhead.

ooom416354

@KirAsh4 LOL - I’m just lost these days with all of this stuff. I should stick to my DB work.

Let me see what I can do with the module documentation, it would be a good experience anyway to learn.

ooom416354

@KirAsh4 Just out of curiosity, if I were to add the code you provided into the PHP file, would i need to bracket it with <?php then add the code here?>

KirAsh4

This is hard to answer because I don’t know what your PHP file looks like. I don’t know if you are echo-ing HTML data, or using HEREDOC? I’m flying blind here … (as much fun as that could be)

ooom416354

@KirAsh4 I had actually uploaded that file a few posts back. For reference here’s the entire thing (forgive the ugliness)

<head>
	<title>Magic Mirror</title>
<html>
	<style type="text/css">
		<?php include('css/main.css') ?>
		<?php include('css//mbta-icons.css') ?>
	</style>
	<link rel="stylesheet" type="text/css" href="css/weather-icons.css">
	<script type="text/javascript">
		var gitHash = '<?php echo trim(`git rev-parse HEAD`) ?>';
	</script>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="google" value="notranslate" />
 
</head>
<body>

    <div class="backgroundTint"></div>

	<div class="top left">
		<div class="date small dimmed"></div>
		<div class="time"></div>
		<div class="timeWarning xxsmall"></div>
		<div class="holidays xxsmall dimmed"></div>
		<div class="calendar xxsmall"></div>
		<div class="mbta xxxsmall dimmed"></div>
	</div>

	<div class="top right">
	    <div class="windsun small dimmed"></div>
		<div class="temp"></div>
		<div class="tempfeelslike xxsmall"></div>
		<div class="spacer"></div>
		<div class="tempgraph"></div>
		<div class="weekgraph"></div>
		<div class="summary xxsmall2 dimmed"></div>
		<div class="weatheralerts xxsmall2 dimmed"></div>
	</div>

	<div class="lower-third center-hor">
		<div class="compliment light"></div>
		<div class="weatherCompliment small light"></div>
	</div>

	<div class="bottom center-hor">
		<div class="newsTitle xsmall xxdimmed"></div>
		<div class="news medium"></div>
	</div>

	<div class="farbottom center-hor">
		<div class="newsDots xxxsmall"></div>
	</div>

	<div class="farbottom right">
		<div class="lastupdated luWeather xxxsmall xxdimmed"></div>
		<div class="lastupdated luMBTA xxxsmall xxdimmed"></div>
		<div class="lastupdated luRSS xxxsmall xxdimmed"></div>
		<div class="lastupdated luHolidays xxxsmall xxdimmed"></div>
	</div>

</div>

<!-- Third Parties -->
<script src="js/jquery.js"></script>
<script src="js/ical_parser.js"></script>
<script src="js/moment-with-locales.js"></script>
<script src="js/config.js"></script>
<script src="js/rrule.js"></script>
<script src="js/d3.js"></script>

<!-- Our Stuff -->
<script src="js/main.js?nocache=<?php echo md5(microtime()) ?>"></script>
<script src="js/mm-weather.js?nocache=<?php echo md5(microtime()) ?>"></script>
<script src="js/mm-mbta.js?nocache=<?php echo md5(microtime()) ?>"></script>
<script src="js/mm-mta.js?nocache=<?php echo md5(microtime()) ?>"></script>

</html>
</body>

KirAsh4

Then yes, write the proper PHP code and stick it in <?php ... ?> tags.

ooom416354

@KirAsh4 awesome, I will give it a shot. I can’t thank you enough! Much appreciated!

EoF

@KirAsh4 Ah I wasn’t aware this was for MM2. Thought he was still using MM1. Didn’t know you could run PHP scripts on MM2.

KirAsh4

@EoF, you can, as an external process, just like everything else. :)