https://github.com/syonip/svelte-cordova

A package for developing a svelte cordova app, adding hot-reload from your device.
https://github.com/syonip/svelte-cordova

Last synced: about 1 month ago
JSON representation

A package for developing a svelte cordova app, adding hot-reload from your device.

• Host: GitHub
• URL: https://github.com/syonip/svelte-cordova
• Owner: syonip
• Created: 2019-07-29T15:52:54.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T22:44:19.000Z (over 1 year ago)
• Last Synced: 2024-05-06T18:45:10.389Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 224 KB
• Stars: 40
• Watchers: 2
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Lists

• awesome-svelte-resources - syonip/svelte-cordova - (templates / mobile templates)

README

        

# svelte-cordova

Develop a svelte app with cordova, including hot reload from your device.

Read more about it on my [blog](https://www.learningsomethingnew.com/introducing-svelte-cordova-template)

## Get the template

The easiest way to get started is with the template, which scaffolds a svelte app using degit, with a cordova folder inside, using cordova-svelte hooks for setting everything up.

```bash

npx degit syonip/svelte-cordova-template svelte-cordova-app

cd svelte-cordova-app

npm i

```

## Run local dev server (no cordova)

```bash

npm run dev

```

## Add your cordova platform

```bash

cd src-cordova

cordova platform add android/ios

```

## Develop on your device with hot reload

Back in the root folder:

```bash

npm run dev-android

```

or

```bash

npm run dev-ios

```

This will run the cordova project with a web view pointing to your workstation's IP.

You should see the message `Cordova deviceready fired!` if cordova loaded correctly.

Try to change something in App.svelte, and you should see the content reload in your device.

* You need to have an emulator/device connected to adb 

* Your device has to be connected to the same wifi network as your workstation.

## To build a prod version:

```bash

npm run build-android

```

or

```bash

npm run build-ios

```

## IOS quirks

You need to add a `build.json` file in `src-cordova` folder with your developer id. More info at [cordova docs](https://cordova.apache.org/docs/en/latest/guide/platforms/ios/)