Module programming preview, jsfiddle?

cowboysdude

@yawns I may have a look at the editor you use… the one I use is okay but I think the one you’re using is a bit more refined :)

morozgrafix

I just stick with SublimeText 3 on my MacBook and develop most of the stuff while running node serveronly and pointing Chrome at localhost:8080. Been using sublime with tons of add-on packages (including code linters) for years now and very happy with it. When things are ready I SSH to my RasPi and test on it. As @yawns said, the only drawback of this is that you can’t work with GPIO and other RasPi proprietary things while developing locally. I haven’t ran into many problems with that. There is also an scp package that can copy files to remote on save, I use that when I need to run directly on RasPi.

washichi

Can you tell me what plugins you use in Sublime3?

I have sublimelinter installed, and that works, but it isn’t complete:
I called “this.config.updateInterval” and didn’t have updateinterval defined, but didn’t get an error :(.

and if I build my module I get:

Module.register("ISS-current-location",{
^

ReferenceError: Module is not defined

Anyway to ignore that error?

morozgrafix

@washichi TBH I have too many to list. (for this project I mostly use SublimeLinter main package in combination with SublimeLinter-contrib-eslint, also use PrettyJSON for validation and formatting cleanup)

Where are you getting this error? What’s your MagicMirror/modules directory structure looks like?

washichi

@morozgrafix I am getting the error in sublime3. when only building mmm-module.js
(so I think my magicmirror/modules directory is not really relevant)

Iḿ now just trying to create a good sublime3 environment to compile my modules.
So ill take a look atht the packages you mentioned.
Since I’m new to javascript I think that will help me to get some basic errors out.

now trying to make an ISStracker module:
https://github.com/washichi/MMM-ISS-current-location
but it’s not showing on my magicmirror yet :p

morozgrafix

@washichi Interesting idea for the module. And glancing at your code you seem to be on the right track.

I may be not understanding what you trying Sublime Text to do. It’s just a text editor with ability to add various packages on top of it. It’s not a full blown IDE. I don’t believe that you can compile or preview the JavaScript module directly in Sublime.

My general workflow for module creation is something like this:

Create MMM-mymodule directory inside MagicMirror/modules
Open MagicMirror directory in sublime
Add barebones config for the module to modules array in config.js, for example:

{
	module: "MMM-mymodule",
	position: "bottom_right",
	config : {
		
	}
},

Start node serveronly and point my Chrome with dev tools open to the http://localhost:8080
Create/edit MagicMirror/modules/MMM-mymodule/MMM-mymodule.js, save it. (or other files that you need for the module)
Refresh the browser to pickup my changes, debug etc.
Repeat steps 5-6 as I go along. If adding/editing node_helper.js repeat steps 4-6 since node needs to pickup that file.

Some of restarts/refreshes can be automated on file save with different tools, but I’m not going to get into that right now.