Development

• 

  MMM-Todoist - adding reminder priority owner
  • tidus5

  7
  7
  Posts
  742
  Views

  

  Oki, have a nice holiday :)

• 

  Character encoding of GET request response
  • MAF1981

  3
  3
  Posts
  317
  Views

  

  What is Character Encoding?

  A character encoding tells the computer how to interpret raw zeroes and ones into real characters. It usually does this by pairing numbers with characters. Words and sentences in text are created from characters and these characters are grouped into a character set. Therefore, there must be mappings that describe how to turn each character in a character set into a sequence of bytes. Some characters might be mapped to a single byte but others will have to be mapped to multiple bytes. Those mappings are encoding, because they are telling you how to encode characters into sequences of bytes.

• 

  [Solved] Socket notification not working
  • willfri

  7
  7
  Posts
  169
  Views

  

  @j.e.f.f I tried npm start dev but I don’t got the output from console.log() in helloworld.js

• 

  Persistent data
  • Kiina

  3
  3
  Posts
  109
  Views

  

  @j.e.f.f said in Persistent data:

  I’m assuming you’re building a custom module where this isn’t practical

  Yeah my module gets OAuth data back which needs to be stored if the user doesn’t want to authenticate the mirror everytime it restarts/crashes. So I hoped there was some kind of datastorage build in for small stuff. I will try it with a .json file

• 

  How to clear cache?
  • Sean

  2
  2
  Posts
  98
  Views

  

  Nevermind.
  Electron seems to be able to control its cache automatically.

• 

  Updating Compliments using a spreadsheet
  • bwente

  3
  3
  Posts
  118
  Views

  

  @strawberry-3.141

  Google being very through with their JSON…

  { "version": "1.0", "encoding": "UTF-8", "feed": { "xmlns": "http://www.w3.org/2005/Atom", "xmlns$openSearch": "http://a9.com/-/spec/opensearchrss/1.0/", "xmlns$gsx": "http://schemas.google.com/spreadsheets/2006/extended", "id": { "$t": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values" }, "updated": { "$t": "2017-08-14T03:28:11.565Z" }, "category": [ { "scheme": "http://schemas.google.com/spreadsheets/2006", "term": "http://schemas.google.com/spreadsheets/2006#list" } ], "title": { "type": "text", "$t": "Sheet1" }, "link": [ { "rel": "alternate", "type": "application/atom+xml", "href": "https://docs.google.com/spreadsheets/d/YOUR_SECRET_SHEET_LINK_ID/pubhtml" }, { "rel": "http://schemas.google.com/g/2005#feed", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values" }, { "rel": "http://schemas.google.com/g/2005#post", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values" }, { "rel": "self", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values?alt=json" } ], "author": [ { "name": { "$t": "bwente" }, "email": { "$t": "bwente@email.com" } } ], "openSearch$totalResults": { "$t": "3" }, "openSearch$startIndex": { "$t": "1" }, "entry": [ { "id": { "$t": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cokwr" }, "updated": { "$t": "2017-08-14T03:28:11.565Z" }, "category": [ { "scheme": "http://schemas.google.com/spreadsheets/2006", "term": "http://schemas.google.com/spreadsheets/2006#list" } ], "title": { "type": "text", "$t": "How you doing?" }, "content": { "type": "text", "$t": "morning: Good morning, sunshine!, afternoon: Hitting your stride!, evening: You made someone smile today, I know it." }, "link": [ { "rel": "self", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cokwr" } ], "gsx$anytime": { "$t": "How you doing?" }, "gsx$morning": { "$t": "Good morning, sunshine!" }, "gsx$afternoon": { "$t": "Hitting your stride!" }, "gsx$evening": { "$t": "You made someone smile today, I know it." } }, { "id": { "$t": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cpzh4" }, "updated": { "$t": "2017-08-14T03:28:11.565Z" }, "category": [ { "scheme": "http://schemas.google.com/spreadsheets/2006", "term": "http://schemas.google.com/spreadsheets/2006#list" } ], "title": { "type": "text", "$t": "Row: 3" }, "content": { "type": "text", "$t": "morning: Who needs coffee when you have your smile?, afternoon: You are making a difference!, evening: You are making a difference." }, "link": [ { "rel": "self", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cpzh4" } ], "gsx$anytime": { "$t": "" }, "gsx$morning": { "$t": "Who needs coffee when you have your smile?" }, "gsx$afternoon": { "$t": "You are making a difference!" }, "gsx$evening": { "$t": "You are making a difference." } }, { "id": { "$t": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cre1l" }, "updated": { "$t": "2017-08-14T03:28:11.565Z" }, "category": [ { "scheme": "http://schemas.google.com/spreadsheets/2006", "term": "http://schemas.google.com/spreadsheets/2006#list" } ], "title": { "type": "text", "$t": "Row: 4" }, "content": { "type": "text", "$t": "morning: Go get 'em, Tiger!, afternoon: You're more fun than bubble wrap!, evening: The day was better for your efforts." }, "link": [ { "rel": "self", "type": "application/atom+xml", "href": "https://spreadsheets.google.com/feeds/list/YOUR_SECRET_SHEET_LINK_ID/od6/public/values/cre1l" } ], "gsx$anytime": { "$t": "" }, "gsx$morning": { "$t": "Go get 'em, Tiger!" }, "gsx$afternoon": { "$t": "You're more fun than bubble wrap!" }, "gsx$evening": { "$t": "The day was better for your efforts." } } ] } }
• 

  Dynamically Moving Modules
  • reporter500

  7
  7
  Posts
  392
  Views

  

  This version of MMM-Carousel will allow you to set different locations for a module for different slides:

  See the very bottom of the README for more information

  If you’re interested in incorporating this into your own module, the relevant parts of the code are here and here

• 

  JSON-RPC need help
  • tbe

  3
  3
  Posts
  151
  Views

  

  Thanks. But i have an other problem.
  The JSON request works per curl on console, but in js : "net::ERR_EMPTY_RESPONSE "

  Curl : curl -i -X POST -H "Content-Type: application/json" -d "{\"jsonrpc\": \"2.0\", \"id\": \"0\", \"method\": \"GetValue\", \"params\": [18697]}" http://xxx.xxx.x.xx:3777/api/

  but in the MM-JS-Script don´t work. Looks like the json parameter don´t work.

• 

  Custom module bases helloworld
  • roma-cezar

  2
  2
  Posts
  147
  Views

  

  @roma-cezar you need to put your code into a node_helper as it is based on node dependencies. Then you can communicate via sockets between the helper and the module. you can have a look in other modules which have a node_helper file how the communication works. also you can have a look in the developer guide here https://github.com/MichMich/MagicMirror/blob/master/modules/README.md

• 

  Can't load script correctly
  • strawberry 3.141

  4
  4
  Posts
  707
  Views

  

  You can get leaflet to work in magic mirror quite easily. When you are creating your getDom function take the example from the tutorial as follows:

  var mymap = L.map('mapid').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', maxZoom: 18, id: 'mapbox.streets', accessToken: Your Access token }).addTo(this.mymap);

  You will also need specify the size of the of the map window in your css file

  .Your_Module_Name #mapid { height: 500px; width: 500px; }

  There is a bit of a bug with some of the map not loading, this can be fixed by listening for the DOM_OBJECTS_CREATED notification like so:

  notificationReceived: function (notification, payload, sender) { if (notification === "DOM_OBJECTS_CREATED") { this.mymap.invalidateSize(); } },

  This forces a redraw of the map.

• 

  Input...What do you think?
  • cowboysdude

  54
  54
  Posts
  2501
  Views

  

  @strawberry-3.141 said in Input...What do you think?:

  config.timeFormat

  Thank you for that!!! One config option gone :) There now the time function is all automatic :) ALL controlled by the users input here:

  language: 'en', timeFormat: 12,

  Ok I’ve had my tea and toast so I must head out the door for the day :)

• 

  Fun plugins ...
  • dvbit

  6
  6
  Posts
  361
  Views

  

  Add some beard or mustache on face of visitor who see the mirror for fun.

• 

  Send Notification from one module to another module
  • edubey

  6
  6
  Posts
  745
  Views

  

  It seemed the sender is now a object not only a string with several properties. Therefore this code snippet has changed a little by sender to sender.name:

  notificationReceived: function(notification, payload, sender){ if(notification === "NEW_STUFF" && sender.name === "modula"){ //handle the payload: {foo: "bar"} } }
• 

  Where to begin for module making?
  • Terrence

  5
  5
  Posts
  280
  Views

  

  Excellent. Thank you SvenSommer. I will definitely use that to help.

  I love your build. Very stunning!

• 

  MMM-Domoticz : update time ?
  • djam

  6
  6
  Posts
  601
  Views

  

  Thankj@strawberry-3.141 said in MMM-Domoticz : update time ?:

  @yomm not sure what files your loading there, but insufficient ressources could be a memory issue.

  Thanks you for your reply.

  The file is this one : https://github.com/M-Arvidsson/MMM-domoticz/blob/master/domoticz.js
  I am very interested by this module but without auto-refresh, it’s quite useless.
  So I installed the module, read your post, read the nodejs doc and just change the function as you mentioned (setTimeout --> setInterval).

  For @djam it seems to be working. On my side, the module is loaded but it doesn’t display anything and send a lot of log like I previously show you.
  My MM(²) is runing on a raspberry pi 2. If I understand what you said, it means that the rpi2 is runing low memory ?
  When i check (free -m) it’s always about 450-480MB free with setTimeout or setInterval.
  I could try on a rpi3 but as far as I know rpi2 and 3 both have 1GB RAM.

  Could you help me please ?

• 

  Alternative Calendar View
  • Sean

  7
  7
  Posts
  409
  Views

  

  @Sean

  Nice going Sean!

• 

  Module and atom noob needs help
  • dekthaigrean

  3
  3
  Posts
  222
  Views

  

  @dekthaigrean For testing, I’ve installed MagicMirror on my macbook. I start it manually from the terminal with npm start, and monitor the server-side output from there. You can monitor the browser-side output in the developer console of Electron. Hover your mouse near the top of the screen, and you’ll be able to release Electron from full-screen mode, then enable dev tools from the menu under View -> Toggle Developer Tools. (pro tip: you can also open Chrome and point it to http://localhost:8080 if you want to take advantage of any other Chrome plugins for debug purposes).

  I use a lot of console.log calls to output various information (variable values, output from API requests, etc) while I write my modules. The node_helper.js file (if you choose to use one) runs server side, and any code changes you make require a restart of MM. Any console.log out from node_helper.js will show up in the terminal window. The main js file (e.g.: MMM-YourModule.js) runs in the browser and any console.log output from the main js file will be in Electron’s dev tool console tab. A browser refresh is all you need to reflect code changes in the that file.

  Once I’ve got my module in a stable state, I copy it to my Raspberry Pi and let it run several days on my mirror to see if there are any problems with normal usage. On the mirror, however it’s harder to monitor browser-side console.log output, especially if you run your Pi without a keyboard and mouse connected. So it’s advantageous to do all your heavy lifting in the node_helper.js file so that any errors will be output to MM’s log files. If you’re using pm2 to run MagicMirror, you can see this log with pm2 logs mm (Assuming the name you gave to the Magic Mirror process was “mm”).

  Your choice of text editor is fine, but it’s just a text editor, and it’s not going to have any knowledge over the rest of the Magic Mirror’s framework. If you like Atom, but want to try something else, you may also like Sublime Text. I’m not sure if Atom does this, but Sublime has a nice feature that divides the screen into multiple panels so you can have several files open side by side. I find this especially helpful when I’m writing my CSS. I’ll have the CSS on one side, and the main js file on the other. Easy to keep track of class names when I write the rules.

• 

  Bing-Traffic
  • campos

  4
  4
  Posts
  212
  Views

  

  after that, put the HTML file in the MMM-iFrameReload directory…

  you generate the HTML file from this site
  https://developers.google.com/maps/documentation/javascript/examples/layer-traffic

• 

  Can I use Chrome for Magicmirror?
  • Sean

  4
  4
  Posts
  279
  Views

  

  @strawberry-3.141 Thank you very much.

• 

  MMM-OralB / Bluetooth equipped toothbrush integration
  • SvenSommer

  10
  10
  Posts
  1115
  Views

  

  That’s an quite a nice offer…
  Email is out, I’ll keep you updated.