Example stub

example/app/index.js

@@ -0,0 +1,15 @@
+module.exports = function(wtapi){
+    wtapi.requestFile('template.html').then(function(content){
+        document.body.innerHTML = content;
+        document.getElementById('load-text').addEventListener('click', function(){
+            wtapi.requestFile('lipsum.txt').then(function(content){
+                document.getElementById('the-text').innerHTML = content;
+            })
+        });
+        document.getElementById('load-image').addEventListener('click', function(){
+            wtapi.requestBlobUrl('example_image.png').then(function(url){
+                document.getElementById('the-image').src = url;
+            })
+        });
+    });
+};

example/app/lipsum.txt

@@ -0,0 +1,9 @@
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis neque id massa elementum rhoncus. Vestibulum id porta dui. Aenean at aliquet dolor. Praesent laoreet, sapien laoreet dapibus dignissim, tellus mauris semper felis, eu consequat lorem metus at diam. Nullam dictum augue non semper faucibus. Nullam ullamcorper ac purus a tincidunt. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi eget egestas erat, sed sagittis est. Ut faucibus orci ut maximus interdum. Mauris finibus suscipit quam eget hendrerit.
+
+Quisque ac nulla eu nunc rhoncus consectetur. Praesent at efficitur magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet est in purus ullamcorper volutpat. Fusce rhoncus felis et augue tincidunt, nec vehicula lectus pharetra. Suspendisse potenti. Phasellus porta molestie libero, sit amet sagittis risus iaculis non. Suspendisse malesuada, lacus vel vehicula scelerisque, quam lorem viverra enim, a egestas felis nibh nec tortor. Duis leo nulla, gravida nec vehicula vitae, finibus sit amet nisl. Ut sodales malesuada diam, nec tempor eros pretium nec. Phasellus orci eros, mattis nec ligula at, maximus dictum tellus. Maecenas vulputate imperdiet elit in vehicula. Integer eu mi imperdiet, rutrum quam in, blandit risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque euismod purus a diam bibendum, sed dictum libero imperdiet.
+
+Pellentesque pulvinar arcu augue, vitae sollicitudin quam maximus a. Etiam finibus malesuada tristique. Aliquam vel pellentesque nulla. Morbi scelerisque urna quis dui suscipit, quis ornare ante accumsan. Pellentesque sodales, magna quis mollis commodo, ex metus euismod libero, vel efficitur turpis eros eget purus. Curabitur in feugiat mi. Sed sit amet sagittis eros, vel mattis sapien. Proin ultrices, tellus at porta bibendum, odio enim tristique dui, ac iaculis est augue sit amet eros. Mauris ut erat elementum, faucibus sapien non, egestas mauris. Nam eleifend vulputate libero ac rutrum. Quisque nec felis massa. Curabitur pellentesque eleifend enim, sit amet tincidunt nisi semper non. Mauris eros leo, iaculis vitae lobortis sit amet, porta sit amet felis. Mauris neque orci, aliquam id facilisis sit amet, hendrerit vel diam.
+
+Integer consequat est ut arcu imperdiet, vel aliquam mauris tempus. Sed ex ligula, accumsan ut pellentesque eu, consectetur ut ligula. In hac habitasse platea dictumst. Fusce eros erat, fringilla sit amet metus sit amet, mollis aliquam eros. Etiam accumsan molestie nunc sed egestas. Donec felis dolor, scelerisque ut nisi ac, maximus finibus risus. Sed tincidunt felis at sodales euismod. Cras nibh libero, hendrerit eget tellus vitae, tristique ornare augue.
+
+Cras ligula erat, lacinia sed suscipit id, fringilla eget elit. Duis at erat nisi. Maecenas porttitor interdum elementum. Mauris vitae fermentum lorem, ac malesuada mauris. Sed venenatis massa vitae bibendum finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ipsum arcu, volutpat ac diam vel, blandit pharetra libero. Aenean eget condimentum odio. Suspendisse potenti. Donec imperdiet velit odio, et pellentesque sapien gravida eget. Maecenas suscipit quam nibh, sed varius eros lacinia vel. Nunc id scelerisque massa, convallis aliquam enim. Ut vehicula eget nibh non auctor. Nulla ac dui quis mi vulputate placerat.

example/app/template.html

@@ -0,0 +1,44 @@
+<div class="row">
+    <div class="col-md-4"></div>
+    <div class="col-md-4"></div>
+    <div class="col-md-4"></div>
+</div>
+<table class="table">
+    <thead>
+    <tr>
+        <th>Code</th>
+        <th>Do it</th>
+        <th>Result</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td class="col-md-4">
+            <code>
+                wtapi.requestFile('lipsum.txt').then(function(content){<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('the-text').innerHTML = content;<br/>
+                })
+            </code>
+        </td>
+        <td class="col-md-4">
+            <button class="btn" id="load-text">Load text</button>
+        </td>
+        <td id="the-text" class="col-md-4"></td>
+    </tr>
+    <tr>
+        <td class="col-md-4">
+            <code>
+                wtapi.requestBlobUrl('example_image.png').then(function(url){<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('the-image').src = url;<br/>
+                })
+            </code>
+        </td>
+        <td class="col-md-4">
+            <button class="btn" id="load-image">Load image</button>
+        </td>
+        <td class="col-md-4">
+            <img src="" alt="" id="the-image"/>
+        </td>
+    </tr>
+    </tbody>
+</table>

example/index.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="../webtorrentapp.js"></script>
+    <script>
+        WebtorrentApp({
+            path: 'app/',
+            files: ['template.html', 'lipsum.txt', 'example_image.png'],
+            cache: ['index.js', 'template.html'],
+            restoreFromCache: false
+        })
+    </script>
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/>
+</head>
+<body>
+    <div class="container">
+        <br/>
+        <div class="jumbotron">
+            <h1>My first webtorrent app</h1>
+            <div class="progress">
+                <div class="progress-bar progress-bar-striped active" role="progressbar"
+                     aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:100%">
+                    Loadng...
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

webtorrentapp.js

@@ -6988,7 +6988,7 @@ function extractModuleExports(script){
 
 module.exports = function(config){
     var appFiles = ['index.js'].concat(config.files || []);
-    var cacheFiles = ['index.js'].concat(config.cache || []);
+    var cacheFiles = config.cache;
     var path = config.path || '';
     var seedTimeoutMs = config.seedTimeout || 5000;
     var appName = config.name || 'Just another WebTorrent app';