Git Product home page Git Product logo

svelte-internet-connection's Introduction

Svelte Internet Connection

npm versionLicense: MITBuild StatusNetlify Status

Internet connection detector to Svelte

Installation

npm i svelte-internet-connection
// OR
yarn add svelte-internet-connection

Note: to use this library in sapper, install as devDependency. See the link.

Demo Link

Local demo:

git clone https://github.com/andrelmlins/svelte-internet-connection.git
cd svelte-internet-connection
npm install && npm run dev

Examples

An example of how to use the library:

<script>
  import InternetConnection from "svelte-internet-connection";
</script>

<InternetConnection let:status>
  Status: {status}
</InternetConnection>

Events

Prop Type Description
change func Call with change connection

Slot Properties

Prop Type Description
status string Connection status
online bool Tells if there is a connection
offline bool Tells if there is no connection

NPM Statistics

Download stats for this NPM package

NPM

License

Svelte Internet Connection is open source software licensed as MIT.

svelte-internet-connection's People

Contributors

andrelmlins avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

svelte-internet-connection's Issues

Svelte Sapper ReferenceError: window is not defined

Installed as dev dependency.

500

window is not defined

ReferenceError: window is not defined
    at /Users/rohanharikumar/Documents/fullstack/client/node_modules/svelte-internet-connection/src/lib/InternetConnection.svelte:21:10
    at run (/Users/rohanharikumar/Documents/fullstack/client/node_modules/svelte/internal/index.mjs:18:13)
    at Array.forEach (<anonymous>)
    at run_all (/Users/rohanharikumar/Documents/fullstack/client/node_modules/svelte/internal/index.mjs:24:15)
    at Object.render (/Users/rohanharikumar/Documents/fullstack/client/node_modules/svelte/internal/index.mjs:1350:19)
    at /Users/rohanharikumar/Documents/fullstack/client/src/node_modules/@sapper/server.mjs:4676:54
    at Generator.next (<anonymous>)
    at fulfilled (/Users/rohanharikumar/Documents/fullstack/client/src/node_modules/@sapper/server.mjs:128:61)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.