https://github.com/trasherdk/xmr-sample-svelte
Sample Svelte app using monero-ts
https://github.com/trasherdk/xmr-sample-svelte
monero monero-ts svelte sveltekit typescript vite xmr
Last synced: 2 months ago
JSON representation
Sample Svelte app using monero-ts
- Host: GitHub
- URL: https://github.com/trasherdk/xmr-sample-svelte
- Owner: trasherdk
- Created: 2024-08-29T09:26:44.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-02-28T16:15:01.000Z (4 months ago)
- Last Synced: 2026-04-12T09:45:03.896Z (2 months ago)
- Topics: monero, monero-ts, svelte, sveltekit, typescript, vite, xmr
- Language: Svelte
- Homepage:
- Size: 235 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# create-svelte
Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
## 📚 Svelte 5 Reference
This project uses **Svelte 5** with the new runes system. For complete documentation and examples, see [`SVELTE_5_COMPLETE_REFERENCE.md`](./SVELTE_5_COMPLETE_REFERENCE.md) - your always-available Svelte 5 guide covering:
- 🎯 Runes system (`$state`, `$derived`, `$effect`, `$props`)
- 🎭 New event handling syntax
- 🧩 Snippets (replacing slots)
- 🌍 Shared state management
- 🎨 Dynamic components
- 🔍 Debugging with `$inspect`
- 📦 Migration guide from Svelte 4
Quick example:
```svelte
let count = $state(0);
let doubled = $derived(count * 2);
count++}>
Count: {count}, Doubled: {doubled}
```
## Creating a project
If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npm create svelte@latest
# create a new project in my-app
npm create svelte@latest my-app
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
## Building
To build your library:
```bash
npm run package
```
To create a production version of your showcase app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
## Publishing
Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
To publish your library to [npm](https://www.npmjs.com):
```bash
npm publish
```