Development

• 

  Head first developing MM module for extreme beginners
  • Sean  

  2
  0
  Votes
  2
  Posts
  4797
  Views

  ?

  I cant get the text to appear when I run it, I made the Test.js file in the MagicMirror modules folder and copied in what was posted and put the config in the config.js file but when I run it the screens all black, here’s what happens when I try to run it pi@raspberrypi:~/MagicMirror/modules $ cd ~/MagicMirror pi@raspberrypi:~/MagicMirror $ npm start dev magicmirror@2.8.0 start /home/pi/MagicMirror sh run-start.sh “dev” Starting MagicMirror: v2.8.0 Loading config … Loading module helpers … No helper found for module: MMM-Test. All module helpers loaded. Starting server on port 8080 … Server started … Sockets connected & modules started … Launching application. Shutting down server… pi@raspberrypi:~/MagicMirror $ any help would be greatly appreciated I dont see what I’m missing
• 

  Nunjucks and Chartjs / Javascript
  • lavolp3  

  15
  0
  Votes
  15
  Posts
  379
  Views

  S

  @lavolp3 updateDom() returns a promise, but then IMMEDIATELY calls getDom()… so the wait is ineffective all you can do is check the dom to see if your minimum content some anchoring div) is present, and retry that until it is. then call updateDom() to force a refresh this is what I do in getDom(). i have an array of different charts to present // if we are not suspended/hidden due to sleep or whatever if (wself.suspended == false) { // make sure we don't start before the data gets here if (!this.loaded) { < - just a flag for first time this.loaded = true; return wself.wrapper; } else { // loop thru the data from the blynk server, one chart per data point/pin for (var pin_index = 0; pin_index < wself.config.Pins.length; pin_index++) { // get the pin text name. used for index into the data hash var this_pin = wself.config.Pins[pin_index]; // clear the work variable var canvas = null; // try to locate the existing chart if ((canvas = document.getElementById("myChart" + this_pin)) == null) { var c = document.createElement("div"); c.style.width = wself.config.width + "px"; c.style.height = wself.config.height + "px"; if (!wself.config.stacked) {c.style.display = "inline-block";} wself.wrapper.appendChild(c); canvas = document.createElement("canvas"); canvas.id = "myChart" + this_pin; c.appendChild(canvas); } // if the chart has been created if (wself.charts[pin_index] != null) { // destroy it, update doesn't work reliably wself.charts[pin_index].destroy(); // make it unreferenced wself.charts[pin_index] = 0; } // create it now, into the special div object for this chart wself.charts[pin_index] = new Chart(canvas, { my ‘schedule update’ asks for more data from my node_helper… it informs me when its back. and I call updateDom() after saving the data where getDom() will look u can see my code at https://github.com/sdetweil/WaterLevels
• 

  expressApp.get - Error Cannot GET ...
  • spitzlbergerj  

  4
  0
  Votes
  4
  Posts
  56
  Views

  S

  @spitzlbergerj cool!!
• K

  MMM-MealViewer
  • kazanjig  

  34
  0
  Votes
  34
  Posts
  1890
  Views

  G

  Well, thanks to both of you! I can confirm it is finally working. Now to update github. Someday I should write some documentation too.
• C

  Mmm aurora
  • chassain 0  

  14
  0
  Votes
  14
  Posts
  400
  Views

  C

  @Mykle1 Nice job :)…Thanks
• K

  Stop compliments cycling
  • kamelkat  

  1
  0
  Votes
  1
  Posts
  57
  Views

  K

  I’m looking to set up a mirror which activates with a proximity sensor and I was wondering if it’s possible to adjust the compliments module so that it displays a compliment when the pi is powered up and then fades to blank until next time the sensor is activated. I can’t see how the current settings in the readme would make this happen? Apologies if this is in the wrong section. Let me know if it is and I’ll move it thanks in advance
• B

  my first module "helloworld"
  • bdream  

  3
  0
  Votes
  3
  Posts
  81
  Views

  B

  @sdetweil feels like you are my personal trainer Thansk for this link!
• S

  [MMM-Remote-Control](v2-dev) Extensible REST API, Dynamic Menus, and Socket Communications, plus other updates
  • shbatm  

  74
  4
  Votes
  74
  Posts
  7536
  Views

  S

  @BD0G so, i just clear the whitelist, and allow anyone on my network to connect… (its only me,inside my house) ipWhitelist: [], you will also have to open up the address block address: [] or [0.0.0.0] otherwise it means ONLY the same machine can talk to the mirror…
• ?

  This topic is deleted!
  • A Former User  

  4
  -1
  Votes
  4
  Posts
  152
  Views
• A

  Azure Cognitive Services API
  • Antagonist  

  5
  0
  Votes
  5
  Posts
  126
  Views

  

  @Antagonist Definitely there be 1 or 2 facial detection module as 3rd party’s. they are based on opencv, but personally i havent used it. so cannot remember the name. You can search in this forum with keyword facial or detection.
• N

  Question: What is the process of modifying other people's module ?
  • nagaculun  

  5
  0
  Votes
  5
  Posts
  199
  Views

  S

  @bdream in the case where I made a copy, and NOT a fork, i create a fork, rename my installed instance out of the way, then clone the fork from MY github userid, and then copy the files from the saved instance to the new instance, retest, then use git to save those (commit to local repository) and then push to the fork. then u can erase your saved instance now on the fork, others can try it out, as they can clone YOUR instance, instead of the original. you can then create a pull request to the original repository. your form does NOT stay in sync automatically with the original… YOU have to create a pull request FROM the original to your fork to get and merge updates…
• L

  Creating Module with API Key/Secret
  • lilpkstud  

  15
  0
  Votes
  15
  Posts
  509
  Views

  S

  @lilpkstud cool… if need it in strings someplace, need to convert it back object=JSON.parse(string)
• C

  UNSOLVED start&end video id for MMM EmbedYoutube
  • chassain 0  

  1
  0
  Votes
  1
  Posts
  97
  Views

  C

  Hello everybody, beginner with javascript i would like to incorporate parameters start & end to a id video with module MMM embedYoutube or other modules… I have a playlist video and some videos are interesting but so large…thanks all
• A

  Loading and selecting an external DOM Element with jsdom
  • anyhowat  

  5
  0
  Votes
  5
  Posts
  169
  Views

  A

  Sam, thanks. That’s awesome. I’ll dig into the changes right now. Made my day.
• A

  Metar Module Not Working
  • aimorris  

  4
  0
  Votes
  4
  Posts
  151
  Views

  S

  see my sample Module https://github.com/sdetweil/SampleModule I use ‘ALL_MODULES_STARTED’
• S

  MMM-PIR-Sensor Guide with Edits and Updates
  • StacheEnthusiast  

  7
  6
  Votes
  7
  Posts
  6204
  Views

  F

  @StacheEnthusiast @DavA Hey, I just decided to try and install MMM-PIR-Sensor but am running into the same issue. I was wondering if you ever did get this working as the directions have stated…
• 

  CSS Order of execution
  • buzzkc  

  4
  1
  Votes
  4
  Posts
  136
  Views

  S

  @buzzkc great thanks… I always thought that custom.css was a bad idea… every module should supply their own file as the getStyles() function provides the mechanism.
• M

  Config for a simple clean montly calendar
  • mlcampbe  

  3
  0
  Votes
  3
  Posts
  452
  Views

  M

  @Plainbroke-0 Not exactly like it. I made one that looks like this post and I am pretty happy with it. https://forum.magicmirror.builders/topic/9601/some-magicmirror-modules-are-really-confusing/6# Actually I have changed my setup from the above screenshot. I switched from the “month” view to a “week” view so that I can show the next 7 weeks on my screen. The current week is always the top row and then 6 following weeks afterwards.
• C

  MMM-Remote-Control # More files *.html (pages)
  • Ciastuus  

  6
  0
  Votes
  6
  Posts
  218
  Views

  S

  @Ciastuus many html elements (p, div, span, … ) have an innerHtml attribute that will wrap text or raw html. a web page is made up of hundreds of html elements… the MagicMirror model is a single web page… and each module contributes a little bit of that content. the getDom() routine is MagicMirrors request to the module to supply the html for ITS content. (paragraph, table, … whatever)… BUT, until the getDom() routine returns, the stuff built is just in the modules memory space. the content provided to MagicMirror is then inserted into the dom in the appropriate location based on the ‘position’ you provided in config.js. the content can be built lots of different ways… hard coded html text (just like a html file) some hard coded and some built by building the little dom tree for the modules content or all apis… none of this is MagicMirror specific, as it uses the documented Document Object Model (dom) apis defined my the w3c standards. your module’s content starts with a < div> innerHtml is here < /div> and then u set its div.innerHtml, or call div.appendChild(anotherElement)
• M

  On-Demand Music
  • MistriHD  

  18
  1
  Votes
  18
  Posts
  4577
  Views

  S

  @jhoney maybe look at raspotify https://github.com/dtcooper/raspotify https://medium.com/@pugillum/spotify-connect-with-raspberry-pi-a3280893a076