Fix missing .editorconfig file

Author: xavierfoucrier

.editorconfig

@@ -0,0 +1,15 @@
+# top-most editorconfig file
+root = true
+
+# editor configuration
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# preserve markdown line break
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 .DS_Store
-docs/.vuepress/dist
+docs/.vuepress/dist

LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

docs/.vuepress/components/ExampleSpinner.vue

@@ -51,5 +51,5 @@
 
   }
 
-  
+
 </script>

docs/.vuepress/components/MojsCurveEditorExample.vue

@@ -42,29 +42,29 @@ Usage:
           import('@mojs/curve-editor').then(module => {
 
             // const startPath = 'M0, 100 C21, 100 25, 38 25, 38 C25, 38 37, 60 50, 60 C63, 60 65, 15 75, 15 C85, 15 87.71428571428571, 100 100, 100';
-            
+
             this.myCurve = new MojsCurveEditor({
               name: 'myCurve',
               // startPath: startPath, // doesn't work properly in v1.5.0
               isHiddenOnMin: true,
             });
 
             this.myCurve.minimize();
-            
+
             const shape = new mojs.Shape({
               parent: '#curve-editor-example',
               y: {'-100': 100},
-              
+
               duration: 2000,
               easing: this.myCurve.getEasing()
             });
-  
+
             const timeline = new mojs.Timeline();
             timeline.add(
               shape
             );
-  
-  
+
+
             const controllerDOM = document.getElementById('curve-controller');
             new MojsPlayer({
               add: timeline,
@@ -89,7 +89,7 @@ Usage:
 
 <style>
   .curve-example {
-    margin-top: 20px; 
+    margin-top: 20px;
   }
   .curve-example--open {
     height: 300px

docs/.vuepress/components/MojsInteractive.vue

@@ -175,9 +175,9 @@ circles.play()"
             console.error('Woops, please check your code for errors.', error)
           }
         }
-        
+
         // Set the prop :controller=true to include a mojs player
-        domRef = window['demo_' + this.id] || (this.global !== '' && window[this.global]); 
+        domRef = window['demo_' + this.id] || (this.global !== '' && window[this.global]);
         if (this.controller && domRef) {
           const parentDOM = document.getElementById(this.id + '_controller');
           // Create a global mojs player instance

docs/.vuepress/config.js

@@ -15,7 +15,7 @@ module.exports = {
     ['meta', { name: "msapplication-config", content: "/assets/favicons/browserconfig.xml"}],
     ['meta', { name: "theme-color", content: "#ffffff"}],
   ],
-  
+
   themeConfig: {
     logo: '/assets/img/logo.svg',
     nav: [
@@ -110,5 +110,5 @@ module.exports = {
     // sidebar: 'auto',
 
   }
-  
-}
+
+}

docs/.vuepress/styles/index.styl

@@ -40,7 +40,7 @@ html, body {
   }
 
   .content__default {
-    max-width: 60em; 
+    max-width: 60em;
     margin: 0 auto;
     padding: 0 4%;
   }
@@ -241,4 +241,4 @@ blockquote {
     background-size: 2000px 1000px;
     background-position: center left;
   }
-}
+}

docs/tools/player/README.md

@@ -16,4 +16,4 @@ GUI player to control your animations
 
 ::: tip
 For shotcuts and more options, [read more here](https://github.com/mojs/mojs-player)
-:::
+:::

docs/tutorials/README.md

@@ -13,4 +13,4 @@ sidebarDepth: 0
 
 ## Modules
 - [Shape & ShapeSwirl](./shape-swirl/)
-- [Burst](./burst/)
+- [Burst](./burst/)

docs/tutorials/burst/README.md

@@ -6,7 +6,7 @@ Burst is the module that helps you to craft numerous sophisticated motion effect
 
 > Please make sure you are comfortable with [Shapes & ShapeSwirl](/tutorials//shape-swirl/) before proceeding with this tutorial. Understanding those modules is crucial for understanding the `Burst`.
 
-## Burst 
+## Burst
 
 
 `Burst` is a higher order module that creates sophisticated visual effects in any part of the screen you want. You can think of `Burst` as a particle emitter that composes a bunch of `ShapeSwirl`'s together, creating a circle of particles.
@@ -442,7 +442,7 @@ So starting from 12 o'clock clockwise, the 5 childrens `fill` properties get val
 Property maps work with any property and property forms, in fact, that's just a prism (or multiplexer) that feeds children with properties by virtue of modulus function. Good aid if you want to set some property on child explicitly.
 
 
-## then, tune, generate and play 
+## then, tune, generate and play
 
 You can make `then` state chains, `tune` and `generate` any `Burst` the same as you do with `Shape` or `ShapeSwirl`. Also, since the `Burst` is merely a `ShapeSwirl` under the hood, you can use any `tween` interface public method like `play`, `setProgress`, `replay` etc (click somewhere to see):
 
@@ -487,13 +487,13 @@ document.addEventListener( 'click', function (e) {
 </MojsCode>
 
 
-## Recap 
+## Recap
 
 
 That's basically the burst, as I said you already know it so we won't go thru the children options again, instead, let's jog thru some use cases in the next section which will help as to gain some intuition over where and how to use the bursts. As you remember, - `Burst` is just a composition of a bunch of `ShapeSwirls`. There is the main swirl in the center of the burst but it has no visual shape. Also, it has no tween properties and its durations is calculated regarding the duration of the children. All child swirls use the main one as a `parent`. You can set properties of `children` with the appropriate property. Please, use the [Burst API](/api/burst) as the reference.
 
 
-## Use Cases 
+## Use Cases
 
 > Please note that the use cases section contains a lot of live code examples but the actual code samples are omitted for time savings and simplicity sake. The actual code is still available on the `Babel` tab of the pens and I highly encourage you to read through and play with them while we will walk through this section. You can omit reading large demos code since it is probably unreadable (some Codepens can contain bundled code) or it could be too large to understand sparingly, but you can return to them later. I will leave a little **(×)** mark for you to indicate that you can skip reading the source code of the Codepen for now.
 
@@ -929,7 +929,7 @@ How is it possible? Remember that the `Burst` composes `ShapeSwirls`, not simple
 </em>
 
 
-OK. Recalling the mole demo, what else did you notice? Probably confetti that appears when cube hits the floor. Right! 
+OK. Recalling the mole demo, what else did you notice? Probably confetti that appears when cube hits the floor. Right!
 
 
 
@@ -1058,7 +1058,7 @@ That's exact the same effect as we have made in the [Shape & ShapeSwirl](/tutori
 That's it for `Burst`. We've touched only the surface of the possible effects that you can compose with this module, but that's a good start to convey the idea and APIs. Also, my friends from [Codrops](http://tympanus.net/codrops/) wrote an awesome [post](http://tympanus.net/Development/Animocons/) a while ago on the `Burst` matter, definitely check it out.
 
 
-## Recap 
+## Recap
 
 
 Burst is the module that helps you to craft sophisticated motion effects with simple declarative calls. Technically, it is the main `ShapeSwirl` that composes a bunch of child `ShapeSwirls` forming the radial shape by default. `mojs` takes care about all markup bootstrapping and positioning of the module for you. The main swirl has no shape thus no presentation properties. The duration of the main swirl is calculated regarding duration of the child swirls. To control child swirls, pass the `ShapeSwirl` properties to the `children` property of the main swirl. You can find exhaustive API reference at [Burst API](/api/burst) section.