It would be useful to have a VSCode launch.json entry that starts Electron (with auto-compilation and auto reload?) and attaches the VSCode debugger to it so that the chrome devtools don't have to be used.
I've tried fiddling around with the launch.json a bit, but couldn't make a task work that properly accomplishes this.
I think it would also be a good addition to the template.

It seems that frontend just svelte frontend files, and I have no idea with adding ipcRenderer for main.ts. Would you help me?

I have created a Test.svelte component

<script lang="ts">
    export let hello:string = "World"
</script>

<div>{hello}</div>

I have this worning in VScode

Then I imported the component into App.svelte

<script lang="ts">
  import Test from "./Test.svelte";
  export let name: string;
</script>

<main>
  <h1>Hello {name}!</h1>
  <p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
  <Test />
</main>

I have this worning in VScode

By searching I found this hypothesis for a solution

Getting svelte(missing-declaration) warnings for props

But I don't know how to do it.

Thank you for making this template, it simplifies the process so much!

I have a question that may be simple to solve, or I may be misunderstanding something more fundamental.

I want to import a function from a TS file into the App svelte component from your template. The function uses the Twitter v2 API, so that might be causing an issue.
I use the following code to import the function into App:

<script lang="ts">
  import { getUserDesc } from "../electron/utils/Twitter/twitter";
  export let name: string;
</script>

Where the twitter.ts file looks like so:

import TwitterApi from 'twitter-api-v2';

const twitter = new TwitterApi()

const roClient = twitter.readOnly

export async function getUserDesc(username: string) {
    const user = await roClient.v2.userByUsername(username)
    console.log(user.data.description)
}

When running the code, I get the following error: Error: Unexpected token (Note that you need plugins to import files that are not JavaScript).

Is it that I just need a rollup-plugin? Please let me know if there is something to do differently.

Thank you for reading this :)

Using the command described in readme I ran npx degit fuzzc0re/electron-svelte-typescript-boilerplate MyApp and it crashed with the following error:

! could not fetch remote https://github.com/fuzzc0re/electron-svelte-typescript-boilerplate
! could not find commit hash for master

I get follwing error, when I run "npm run build"

tsconfigSvelteJSON.compilerOptions.sourceMap = false;
TypeError: Cannot set property 'sourceMap' of undefined
    at generateProdTSConfig (<MYFILEPATH>\scripts\preBuild.js:31:48)
    at Object.<anonymous> (<MYFILEPATH>\scripts\preBuild.js:50:3)

Using this template unmodified, I get this message running npm test:

ts-jest[config] (WARN) message TS151001: If you have issues related to imports, you should consider setting `esModuleInterop` to `true` in your TypeScript configuration file (usually `tsconfig.json`). See https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/#easier-ecmascript-module-interoperability for more information.

With this dummy test file:

import * as path from 'path'

test("dummy test", () => {
  expect(path.join("xyz", "pdq")).toEqual("xyz/pdq")
})

The message remains no matter in which tsconfig.json I put the following lines:

  "allowSyntheticDefaultImports": true,
  "esModuleInterop": true,

I'm trying to get this template to work when the app is packaged, however it tries to connect to localhost and crashes when it's built.

git clone https://github.com/fuzzc0re/electron-svelte-typescript MyAppName
cd MyAppName
npm i
npm run build
npm run dist

now run the installer in dist and open the installed exe:

20:38:28.247 > App starting...
20:38:28.307 > Checking if settings store works correctly.
20:38:28.312 > Settings store works correctly.
20:38:28.398 > {
  preventDefault: '[function] function preventDefault() { [native code] }',
  sendReply: '[function] function sendReply() { [native code] }'
}
20:38:29.877 > {
  preventDefault: '[function] function preventDefault() { [native code] }',
  sendReply: '[function] function sendReply() { [native code] }'
}
20:38:37.143 > {"errno":-102,"code":"ERR_CONNECTION_REFUSED","url":"http://localhost:5000/"}

I'm trying to enable node:fs in the frontend part of a project that I started using your template.
Actually enabling nodeIntegration was easy enough, by just changing config arguments passed to the BrowserWindow, but I am unable to get rollup to properly transpile my imports to inbuilt libraries.

After the config changes, require() works fine in the electron browser console, but using import fs from "fs" fails with rollup warnings that it's unable to locate global variables for that library, and the import is simply gone in the compiled bundle.js, instead assuming that fs is available as a global variable.

I've tried changing the browser option of @rollup/plugin-node-resolve to false, but that did not help.
I have also created a Stackoverflow question about this 2 days ago, but not gotten any responses.

I would appreciate it if you could help me resolve this so that I am able to use node libraries (not just polyfills) in the frontend. (You could also make a branch for it on the template repo, so people can create a project from the template in whichever configuration they wish)

Thanks for your time!