npm - etro - Versions diffs - 0.7.0 → 0.8.2 - Mend

etro 0.7.0 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/.github/workflows/nodejs.yml +4 -2
package/.github/workflows/shipjs-trigger.yml +29 -0
package/CHANGELOG.md +73 -12
package/CODE_OF_CONDUCT.md +5 -5
package/CONTRIBUTING.md +31 -77
package/README.md +81 -26
package/dist/effect/base.d.ts +51 -0
package/dist/effect/brightness.d.ts +16 -0
package/dist/effect/channels.d.ts +23 -0
package/dist/effect/chroma-key.d.ts +23 -0
package/dist/effect/contrast.d.ts +15 -0
package/dist/effect/elliptical-mask.d.ts +31 -0
package/dist/effect/gaussian-blur.d.ts +60 -0
package/dist/effect/grayscale.d.ts +7 -0
package/dist/effect/index.d.ts +15 -0
package/dist/effect/pixelate.d.ts +18 -0
package/dist/effect/shader.d.ts +99 -0
package/dist/effect/stack.d.ts +23 -0
package/dist/effect/transform.d.ts +73 -0
package/dist/etro-cjs.js +9287 -3331
package/dist/etro-iife.js +9229 -3273
package/dist/etro.d.ts +7 -0
package/dist/event.d.ts +35 -0
package/dist/index.d.ts +6 -0
package/dist/layer/audio-source.d.ts +24 -0
package/dist/layer/audio.d.ts +14 -0
package/dist/layer/base.d.ts +82 -0
package/dist/layer/image.d.ts +6 -0
package/dist/layer/index.d.ts +11 -0
package/dist/layer/text.d.ts +60 -0
package/dist/layer/video.d.ts +11 -0
package/dist/layer/visual-source.d.ts +32 -0
package/dist/layer/visual.d.ts +58 -0
package/dist/movie.d.ts +192 -0
package/dist/object.d.ts +12 -0
package/dist/util.d.ts +125 -0
package/eslint.conf.js +2 -9
package/eslint.example-conf.js +9 -0
package/eslint.test-conf.js +1 -0
package/eslint.typescript-conf.js +5 -0
package/examples/application/readme-screenshot.html +16 -17
package/examples/application/video-player.html +10 -11
package/examples/application/webcam.html +6 -6
package/examples/introduction/audio.html +30 -18
package/examples/introduction/effects.html +37 -14
package/examples/introduction/export.html +32 -25
package/examples/introduction/functions.html +6 -4
package/examples/introduction/hello-world1.html +9 -5
package/examples/introduction/hello-world2.html +5 -5
package/examples/introduction/keyframes.html +35 -23
package/examples/introduction/media.html +26 -18
package/examples/introduction/text.html +9 -5
package/karma.conf.js +5 -3
package/package.json +36 -14
package/rollup.config.js +15 -4
package/scripts/gen-effect-samples.html +26 -25
package/scripts/save-effect-samples.js +14 -15
package/ship.config.js +80 -0
package/src/effect/base.ts +115 -0
package/src/effect/brightness.ts +43 -0
package/src/effect/channels.ts +50 -0
package/src/effect/chroma-key.ts +82 -0
package/src/effect/contrast.ts +42 -0
package/src/effect/elliptical-mask.ts +75 -0
package/src/effect/gaussian-blur.ts +232 -0
package/src/effect/grayscale.ts +34 -0
package/src/effect/index.ts +22 -0
package/src/effect/pixelate.ts +58 -0
package/src/effect/shader.ts +557 -0
package/src/effect/stack.ts +78 -0
package/src/effect/transform.ts +193 -0
package/src/etro.ts +26 -0
package/src/event.ts +112 -0
package/src/index.ts +8 -0
package/src/layer/audio-source.ts +219 -0
package/src/layer/audio.ts +34 -0
package/src/layer/base.ts +175 -0
package/src/layer/image.ts +8 -0
package/src/layer/index.ts +13 -0
package/src/layer/text.ts +138 -0
package/src/layer/video.ts +15 -0
package/src/layer/visual-source.ts +150 -0
package/src/layer/visual.ts +197 -0
package/src/movie.ts +707 -0
package/src/object.ts +14 -0
package/src/util.ts +466 -0
package/tsconfig.json +8 -0
package/docs/effect.js.html +0 -1215
package/docs/event.js.html +0 -145
package/docs/index.html +0 -81
package/docs/index.js.html +0 -92
package/docs/layer.js.html +0 -888
package/docs/module-effect-GaussianBlurComponent.html +0 -345
package/docs/module-effect.Brightness.html +0 -339
package/docs/module-effect.Channels.html +0 -319
package/docs/module-effect.ChromaKey.html +0 -611
package/docs/module-effect.Contrast.html +0 -339
package/docs/module-effect.EllipticalMask.html +0 -200
package/docs/module-effect.GaussianBlur.html +0 -202
package/docs/module-effect.GaussianBlurHorizontal.html +0 -242
package/docs/module-effect.GaussianBlurVertical.html +0 -242
package/docs/module-effect.Pixelate.html +0 -330
package/docs/module-effect.Shader.html +0 -1227
package/docs/module-effect.Stack.html +0 -406
package/docs/module-effect.Transform.Matrix.html +0 -193
package/docs/module-effect.Transform.html +0 -1174
package/docs/module-effect.html +0 -148
package/docs/module-event.html +0 -473
package/docs/module-index.html +0 -186
package/docs/module-layer-Media.html +0 -1116
package/docs/module-layer-MediaMixin.html +0 -164
package/docs/module-layer.Audio.html +0 -1188
package/docs/module-layer.Base.html +0 -629
package/docs/module-layer.Image.html +0 -1421
package/docs/module-layer.Text.html +0 -1731
package/docs/module-layer.Video.html +0 -1938
package/docs/module-layer.Visual.html +0 -1698
package/docs/module-layer.html +0 -137
package/docs/module-movie.html +0 -3118
package/docs/module-util.Color.html +0 -702
package/docs/module-util.Font.html +0 -395
package/docs/module-util.html +0 -845
package/docs/movie.js.html +0 -689
package/docs/scripts/collapse.js +0 -20
package/docs/scripts/linenumber.js +0 -25
package/docs/scripts/nav.js +0 -12
package/docs/scripts/polyfill.js +0 -4
package/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
package/docs/scripts/prettify/lang-css.js +0 -2
package/docs/scripts/prettify/prettify.js +0 -28
package/docs/scripts/search.js +0 -83
package/docs/styles/jsdoc.css +0 -671
package/docs/styles/prettify.css +0 -79
package/docs/util.js.html +0 -503
package/screenshots/2019-08-17_0.png +0 -0
package/spec/assets/effect/gaussian-blur-horizontal.png +0 -0
package/spec/assets/effect/gaussian-blur-vertical.png +0 -0
package/spec/assets/effect/original.png +0 -0
package/spec/assets/effect/pixelate.png +0 -0
package/spec/assets/effect/transform/multiply.png +0 -0
package/spec/assets/effect/transform/rotate.png +0 -0
package/spec/assets/effect/transform/scale-fraction.png +0 -0
package/spec/assets/effect/transform/scale.png +0 -0
package/spec/assets/effect/transform/translate-fraction.png +0 -0
package/spec/assets/effect/transform/translate.png +0 -0
package/spec/assets/layer/audio.wav +0 -0
package/spec/assets/layer/image.jpg +0 -0
package/spec/effect.spec.js +0 -352
package/spec/event.spec.js +0 -25
package/spec/layer.spec.js +0 -150
package/spec/movie.spec.js +0 -162
package/spec/util.spec.js +0 -285
package/src/effect.js +0 -1268
package/src/event.js +0 -78
package/src/index.js +0 -23
package/src/layer.js +0 -897
package/src/movie.js +0 -637
package/src/util.js +0 -505

package/docs/module-layer-Media.html DELETED Viewed

@@ -1,1116 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Media - Documentation</title>
-    <script src="scripts/prettify/prettify.js"></script>
-    <script src="scripts/prettify/lang-css.js"></script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
-    <script src="scripts/nav.js" defer></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-<input type="checkbox" id="nav-trigger" class="nav-trigger" />
-<label for="nav-trigger" class="navicon-button x">
-  <div class="navicon"></div>
-</label>
-<label for="nav-trigger" class="overlay"></label>
-<nav >
-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="module-effect.Brightness.html">Brightness</a></li><li><a href="module-effect.Channels.html">Channels</a></li><li><a href="module-effect.ChromaKey.html">ChromaKey</a></li><li><a href="module-effect.Contrast.html">Contrast</a></li><li><a href="module-effect.EllipticalMask.html">EllipticalMask</a></li><li><a href="module-effect.GaussianBlur.html">GaussianBlur</a></li><li><a href="module-effect.GaussianBlurHorizontal.html">GaussianBlurHorizontal</a></li><li><a href="module-effect.GaussianBlurVertical.html">GaussianBlurVertical</a></li><li><a href="module-effect.Pixelate.html">Pixelate</a></li><li><a href="module-effect.Shader.html">Shader</a><ul class='methods'><li data-type='method'><a href="module-effect.Shader.html#._initBuffer">_initBuffer</a></li><li data-type='method'><a href="module-effect.Shader.html#._loadTexture">_loadTexture</a></li><li data-type='method'><a href="module-effect.Shader.html#_prepareValue">_prepareValue</a></li></ul></li><li><a href="module-effect.Stack.html">Stack</a><ul class='methods'><li data-type='method'><a href="module-effect.Stack.html#addEffect">addEffect</a></li></ul></li><li><a href="module-effect.Transform.html">Transform</a><ul class='methods'><li data-type='method'><a href="module-effect.Transform.html#.Matrix#cell">Matrix#cell</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#multiply">Matrix#multiply</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#rotate">Matrix#rotate</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#scale">Matrix#scale</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#translate">Matrix#translate</a></li></ul></li><li><a href="module-effect.Transform.Matrix.html">Matrix</a></li><li><a href="module-effect-GaussianBlurComponent.html">GaussianBlurComponent</a></li><li><a href="module-layer.Audio.html">Audio</a></li><li><a href="module-layer.Base.html">Base</a><ul class='methods'><li data-type='method'><a href="module-layer.Base.html#_render">_render</a></li></ul></li><li><a href="module-layer.Image.html">Image</a></li><li><a href="module-layer.Text.html">Text</a></li><li><a href="module-layer.Video.html">Video</a></li><li><a href="module-layer.Visual.html">Visual</a><ul class='methods'><li data-type='method'><a href="module-layer.Visual.html#_render">_render</a></li><li data-type='method'><a href="module-layer.Visual.html#addEffect">addEffect</a></li></ul></li><li><a href="module-layer-Media.html">Media</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.Color.html">Color</a><ul class='methods'><li data-type='method'><a href="module-util.Color.html#toString">toString</a></li></ul></li><li><a href="module-util.Font.html">Font</a><ul class='methods'><li data-type='method'><a href="module-util.Font.html#toString">toString</a></li></ul></li></ul><h3>Modules</h3><ul><li><a href="module-effect.html">effect</a></li><li><a href="module-event.html">event</a><ul class='methods'><li data-type='method'><a href="module-event.html#.publish">publish</a></li><li data-type='method'><a href="module-event.html#.subscribe">subscribe</a></li></ul></li><li><a href="module-index.html">index</a></li><li><a href="module-layer.html">layer</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.html">util</a><ul class='methods'><li data-type='method'><a href="module-util.html#.parseColor">parseColor</a></li><li data-type='method'><a href="module-util.html#.parseFont">parseFont</a></li><li data-type='method'><a href="module-util.html#.watchPublic">watchPublic</a></li><li data-type='method'><a href="module-util.html#~isKeyFrames">isKeyFrames</a></li></ul></li></ul><h3>Mixins</h3><ul><li><a href="module-layer-MediaMixin.html">MediaMixin</a></li></ul>
-</nav>
-<div id="main">
-    <h1 class="page-title">Media</h1>
-<section>
-<header>
-        <h2>
-            <span class="ancestors"><a href="module-layer.html">layer</a>~</span>
-        Media
-        </h2>
-</header>
-<article>
-        <div class="container-overview">
-    <h4 class="name" id="Media"><span class="type-signature"></span>new Media<span class="signature">(startTime, media, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line545">line 545</a>
-    </li></ul></dd>
-</dl>
-    <h5>Parameters:</h5>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>startTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>media</code></td>
-            <td class="type">
-<span class="param-type">HTMLVideoElement</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>options</code></td>
-            <td class="type">
-<span class="param-type">object</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-            <td class="description last">
-                <h6>Properties</h6>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th>Default</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>mediaStartTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">at what time in the audio the layer starts</td>
-        </tr>
-        <tr>
-                <td class="name"><code>duration</code></td>
-            <td class="type">
-<span class="param-type">numer</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>media.duration-options.mediaStartTime</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>muted</code></td>
-            <td class="type">
-<span class="param-type">boolean</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>false</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>volume</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>playbackRate</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-    </tbody>
-</table>
-            </td>
-        </tr>
-    </tbody>
-</table>
-        </div>
-        <h3 class="subsection-title">Members</h3>
-<h4 class="name" id="duration"><span class="type-signature"></span>duration<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line658">line 658</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="media"><span class="type-signature"></span>media<span class="type-signature"> :HTMLMediaElement</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line609">line 609</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The raw html media element
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">HTMLMediaElement</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaStartTime"><span class="type-signature"></span>mediaStartTime<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line645">line 645</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Where in the media the layer starts at
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaStartTime"><span class="type-signature"></span>mediaStartTime<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line652">line 652</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Where in the media the layer starts at
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="muted"><span class="type-signature"></span>muted<span class="type-signature"> :boolean</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line663">line 663</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">boolean</span>
-        </li>
-    </ul>
-<h4 class="name" id="playbackRate"><span class="type-signature"></span>playbackRate<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line673">line 673</a>
-    </li></ul></dd>
-    <dt class="tag-todo">To Do:</dt>
-    <dd class="tag-todo">
-        <ul>
-            <li><strong>Implement</strong></li>
-        </ul>
-    </dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="source"><span class="type-signature"></span>source<span class="type-signature"> :MediaStreamAudioSourceNode</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line617">line 617</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The audio source node for the media
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">MediaStreamAudioSourceNode</span>
-        </li>
-    </ul>
-<h4 class="name" id="volume"><span class="type-signature"></span>volume<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line668">line 668</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-</article>
-</section>
-</div>
-<br class="clear">
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Sun Oct 13 2019 15:38:43 GMT-0400 (Eastern Daylight Time) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
-</footer>
-<script>prettyPrint();</script>
-<script src="scripts/polyfill.js"></script>
-<script src="scripts/linenumber.js"></script>
-</body>
-</html>