dax89 / electron-sveltekit Goto Github PK

View Code? Open in Web Editor NEW

83.0 3.0 18.0 134 KB

Electron and SvelteKit integration

HTML 6.40% SCSS 21.98% JavaScript 31.42% Svelte 40.21%

svelte electron javascript sveltekit

electron-sveltekit's Introduction

SvelteKit + Electron

A minimal project template for Electron and SvelteKit configured with adapter-static.

Screenshot

Installation

npx degit Dax89/electron-sveltekit

Commands

npm run dev: Runs SvelteKit in dev mode
npm run preview: Runs SvelteKit in production mode
npm run electron: Runs SvelteKit with electron in dev mode
npm run build: Runs SvelteKit compiler
npm run dev:package: Creates an Electron package (you can inspect the contents)
npm run package: Creates a distributable Electron package

Bootstrap 5 and FontAwesome support

Download the template and install the dependencies:

npx degit Dax89/electron-sveltekit
npm install --save bootstrap@next @fortawesome/fontawesome-free

Add these lines in src/app.scss:

@import "bootstrap/scss/bootstrap";
@import "@fortawesome/fontawesome-free/css/all.min.css";

electron-sveltekit's People

Contributors

Stargazers

Watchers

Forkers

jaibeee wetmarble mrjohnsson77 cascading-jox triptych lcharleslaing killix mentalgear y4shin maritims szymonwojdat burtbyproxy yigitoo tyranno cvelasco88 aguapotavel rustydimes reidpat

electron-sveltekit's Issues

Implement Tailwind CSS

Hey, I'm quite new to electron. Any advice on how to implement TailwindCSS in this project?

npm run electron not working!

I tried to run "npm run electron" and I get the following errors:

`[0] ''svelte-kit' is not recognized as an internal or external command,

[0] operable program or batch file.

[1] 'dev'' is not recognized as an internal or external command,

[1] operable program or batch file.

[2] ''electron' is not recognized as an internal or external command,

[2] operable program or batch file.

[0] 'svelte-kit exited with code 1
--> Sending SIGTERM to other processes..

[2] 'electron exited with code 1
--> Sending SIGTERM to other processes..

[1] dev' exited with code 1
--> Sending SIGTERM to other processes..

[3] 'src' is not recognized as an internal or external command,

[3] operable program or batch file.

[3] src/electron.cjs' exited with code 1`

I'm running this in Windows 10. It's working in a Linux laptop.

Update to latest SvelteKit

Anyway we can get updated code to use the latest SvelteKit?

Blank screen on build

Hi,
I've got a blank screen when i build the project on macOs 12.2 and node 14/17

Any hint on how to solve that ?

How to run with adapter-node?

Hey, I added your electron setup to an app im working on and whilst it all works in dev it doesnt work when built.

Is there anything i need to change to get it working with adapter-node?

Thanks!

Upgrade Vite 3 / other dependencies

Thank you for this - awesome !
PR for Vite 3. #7

Thanks for putting this together. In your package.json you have a start command that runs svelte-kit start but I'm not aware of a svelte-kit start command. Running npx svelte-kit --help lists the following manual

 Usage
    $ svelte-kit <command> [options]

  Available Commands
    dev        Start a development server
    build      Create a production build of your app
    preview    Serve an already-built app
    package    Create a package

  For more info, run any command with the `--help` flag
    $ svelte-kit dev --help
    $ svelte-kit build --help

  Options
    -v, --version    Displays current version
    -h, --help       Displays this message