https://github.com/sveltelab/sveltelab

supercharged REPL for Svelte
https://github.com/sveltelab/sveltelab

repl svelte sveltejs

Last synced: 26 days ago
JSON representation

supercharged REPL for Svelte

• Host: GitHub
• URL: https://github.com/sveltelab/sveltelab
• Owner: SvelteLab
• License: mit
• Created: 2023-02-23T17:14:11.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-07T01:18:43.000Z (30 days ago)
• Last Synced: 2024-10-10T12:41:17.453Z (26 days ago)
• Topics: repl, svelte, sveltejs
• Language: Svelte
• Homepage: https://sveltelab.dev
• Size: 30.4 MB
• Stars: 363
• Watchers: 5
• Forks: 19
• Open Issues: 64
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-sveltekit - [code

README

        
[![A mockup of a phone with a Screenshot of SvelteLab.dev opened. SvelteLab: A REPL for SvelteKit projects: quickly spin up a SvelteKit Projects and share it with the world!](./header.png)](https://www.sveltelab.dev/)

---

**✨ Features:**

- 🌗 Light / Dark Mode

- 🚨 TypeScript Errors

- 🎨 Command Palette: Ctrl / CMD + Shift + P

- 🧹 Code Formatting

- 📒 Templates (TypeScript, Tailwind, mdsvex)

- 📄 SvelteKit File Icons

- 🛤️ SvelteKit Route Generation

- ➕ [Svelte Add](https://github.com/svelte-add/svelte-add) integration

- 📦 Install Packages

- ⌨️ Vim Keybindings

- 👻 Hide Config Clutter (show file tree from `/src`)

- 💌 Share Code via Hash or Share Project via ID

- 🐙 Import from GitHub

- 📦 Download Projects

- 💻 [CLI](https://www.npmjs.com/package/sveltelab)

- 🔧 Editor Preferences

🧡 Made with Svelte, for Svelte, by Svelte lovers!

🔌 Powered by SvelteKit, WebContainers, CodeMirror, Xterm.js and PocketBase

---

[🧪 Try it out now on sveltelab.dev!](https://sveltelab.dev/)

[![](https://api.iconify.design/material-symbols:docs.svg?color=%23ff4000) Read the Docs](http://docs.sveltelab.dev/)

[![](https://api.iconify.design/material-symbols:error-circle-rounded.svg?color=%23ff4000) Create an Issue](https://github.com/sveltelab/sveltelab/issues/new/choose)

[![](https://api.iconify.design/simple-icons:discord.svg?color=%23ff4000) Join the Discord](https://discord.gg/FbnT6wujQx)

![](https://api.iconify.design/simple-icons:twitter.svg?color=%23ff4000) Twitter: [@PaoloRicciuti](https://twitter.com/PaoloRicciuti), [@SarcevicAntonio](https://twitter.com/SarcevicAntonio)

---

# Development

default branch is now `main` if you have a local `master` branch you can update it like this:

```

git branch -m master main

git fetch origin

git branch -u origin/main main

git remote set-head origin -a

```

1. download [fitting pocketbase binary](https://pocketbase.io/docs/) and place in root

1. `cp .env.sample .env`

1. `pnpm i`

1. `./pocketbase serve`

1. go to http://127.0.0.1:8090/_/ and setup your PocketBase Admin

1. `pnpm dev`