Modularization

[voodoos]

What was done

• Split the code into separate modules.
• Use ParcelJS to compile, bundle and serve the files.
• Configure travis CI for automatic build

The automatically build example is here: https://voodoos.github.io/slip-js/example/slipIntroduction.html

Why ?

• Easier to maintain with multiple files
• Allow for some compile-time checks (I found errors in the css for example)
• Build is updated automatically (will need to be reconfigured on this repo)
• Can work as a npm-module or a simple CDN dependency
• Should lead to more splitting in the code to make it clearer and more modular.

Before merging:

• [ ] Update readme
• [ ] Add example of CDN like version

Instructions

You can test this PR by:

• cloning https://github.com/voodoos/slip-js and checking out the modularization branch
• installing dependencies: run yarn from the slip-js folder
• start the development server: yarn dev
• go to http://localhost:1234 and enjoy hot reloading !

[panglesd]

Thanks for the PR.

Question

• I don't want the files slipIntroduction.{js,css,html} to be minified by parcel, but slip.js to be minified, is that possible?
• Isn't grunt preferable (in addition) to parcel to have finer control on what gets done? (Although I do enjoy hot reloading and zero-configuration! ;))

  Modification

  You need to add replaceSubslips to slip.mjs. It seems the only way for me to contribute to a PR is to ask you to do the modifications, or to make a new PR to your branch, is that true? (Edit: Okay I can also comment directly on the code (and do a review ^^))

[voodoos]

Grunt might be a good addition but I think it is the subject of another PR. Once the transition to a modular version donné or will be easier to change the build system.

I chose ParcelJS to have a first easily working version.

About the minification of files I think that:

• The actual example, build with slip-js as a module, will stay minified for now (because Parcel)
• The soon-to-be example, using slip-js as a cdn precompiled file, will not go through Parcel.