Fixes reported in #7

Author: andrelmlins

.travis.yml

@@ -17,7 +17,6 @@ jobs:
       node_js: "10"
       script:
         - yarn build
-        - cp src/lib/index.svelte index.svelte
       deploy:
         provider: npm
         email: $EMAIL_ADDRESS

README.md

@@ -12,6 +12,8 @@ npm i svelte-infinite-scroll
 yarn add svelte-infinite-scroll
 ```
 
+<em>Note: to use this library in sapper, install as devDependency. See the [link](https://github.com/sveltejs/sapper-template#using-external-components).</em>
+
 ## Demo [Link](https://svelte-infinite-scroll.netlify.com/)
 
 Local demo:
@@ -24,6 +26,8 @@ yarn && yarn start
 
 ## Examples
 
+An example of how to use the library
+
 ```js
 <script>
   import SvelteInfiniteScroll from "svelte-infinite-scroll";
@@ -69,14 +73,6 @@ Component props:
 
 ## Use with sapper
 
-When using Svelte components installed from npm, Svelte needs the original component source. See the [link](https://github.com/sveltejs/sapper-template#using-external-components).
-
-Install as `devDependency` or use the original component as below:
-
-```js
-import SvelteInfiniteScroll from "svelte-infinite-scroll/index.svelte";
-```
-
 ## NPM Statistics
 
 Download stats for this NPM package

package.json

@@ -1,17 +1,17 @@
 {
   "name": "svelte-infinite-scroll",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Infinite Scroll Component to Svelte",
   "repository": "https://github.com/andrelmlins/svelte-infinite-scroll",
   "author": "André Lins <[email protected]> (https://andrelmlins.github.io/)",
   "license": "MIT",
-  "svelte": "dist/index.svelte",
+  "svelte": "src/lib/InfiniteScroll.svelte",
   "module": "dist/index.mjs",
   "main": "dist/index.js",
   "homepage": "https://svelte-infinite-scroll.netlify.com/",
   "files": [
-    "dist",
-    "README.md"
+    "src/lib/InfiniteScroll.svelte",
+    "dist"
   ],
   "devDependencies": {
     "@babel/core": "^7.8.7",

rollup.config.js

@@ -38,12 +38,12 @@ export default [
     }
   },
   {
-    input: "src/lib/index.svelte",
+    input: "src/lib/InfiniteScroll.svelte",
     output: { file: pkg.main, format: "umd", name: "InfiniteScroll" },
     plugins: [svelte(), resolve(), commonjs()]
   },
   {
-    input: "src/lib/index.svelte",
+    input: "src/lib/InfiniteScroll.svelte",
     output: { file: pkg.module, format: "es" },
     external: ["svelte/internal"],
     plugins: [svelte(), commonjs()]

src/dev/App.svelte

@@ -1,5 +1,5 @@
 <script>
-  import SvelteInfiniteScroll from "../lib/index.svelte";
+  import InfiniteScroll from "../lib/InfiniteScroll.svelte";
   import allCountries from "./countries.js";
 
   let page = 0;
@@ -67,7 +67,7 @@
     {#each countries as country}
       <li>{country.name}</li>
     {/each}
-    <SvelteInfiniteScroll
+    <InfiniteScroll
       hasMore={countries.length < allCountries.length}
       threshold={100}
       on:loadMore={() => page++} />