First commit

Author: el3um4s

.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+node_modules
+.svelte-kit
+package
+dist
+out

README.md

@@ -1,2 +1,49 @@
-# memento-sveltekit-electron-typescript
-Template for create a desktop app with SvelteKit, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)
+# MEMENTO SvelteKit Electron TypeScript
+Template to create a desktop app with SvelteKit, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)
+
+**This project is still under development: the `todos` section doesn't work!**
+
+## Get Started
+
+This is a project template for [Svelte](https://svelte.dev) and [Electron](https://www.electronjs.org/) apps. It lives at https://github.com/el3um4s/memento-sveltekit-electron-typescript.
+
+To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
+
+```bash
+npx degit el3um4s/memento-sveltekit-electron-typescript
+cd svelte-app
+```
+
+Then install the dependencies with
+
+```bash
+npm install
+```
+
+*Note that you will need to have [Node.js](https://nodejs.org) installed.*
+
+## Command
+
+For development purpose:
+
+- `npm run nodemon`: auto restart Electron on change
+- `npm run svelte:build`: build Svelte code (and copy in `dist/www`
+
+You can configure settings in `index.ts`. Change `developerOptions`:
+
+- `isInProduction`: true if is in production
+- `serveSvelteDev`: true when you want to watch svelte
+- `buildSvelteDiv`: true when you want to build svelte
+- `watchSvelteBuild`: true when you want to watch build svelte
+
+For publish purpose:
+
+- `npm run out:win`: create an exe file for Windows
+- `npm run publish:win`: publish the app on GitHub
+
+## Notes
+
+I'm blogging about the development process in these posts:
+
+- [Svelte, Electron & TypeScript](https://www.patreon.com/posts/svelte-electron-52952074)
+- [Electron and TypeScript: how to use ipcMain and ipcRenderer](https://www.patreon.com/posts/electron-and-how-53505039)

dev-app-update.yml

@@ -0,0 +1,3 @@
+provider: github
+owner: el3um4s
+repo: memento-sveltekit-electron-typescript

electron/index.ts

@@ -0,0 +1,70 @@
+import { app, BrowserWindow } from "electron";
+import path from "path";
+import serve from "electron-serve";
+import { exec } from "child_process";
+
+const developerOptions = {
+  isInProduction: false,    // true if is in production
+  serveSvelteDev: false,    // true when you want to watch svelte 
+  buildSvelteDiv: false,     // true when you want to build svelte
+  watchSvelteBuild: false,   // true when you want to watch build svelte 
+};
+
+if (! developerOptions.isInProduction){
+  developerOptions.isInProduction = process.env.NODE_ENV === "production" || !/[\\/]electron/.exec(process.execPath); // !process.execPath.match(/[\\/]electron/);
+}
+let loadURL:any = null;
+
+if (!developerOptions.isInProduction && developerOptions.serveSvelteDev) {
+  console.log("npm run svelte:dev");
+  exec("npm run svelte:dev");
+  console.log("electron-reload svelte dev");
+  require("electron-reload")(path.join(__dirname, "..", "svelte"));
+} 
+
+if (!developerOptions.isInProduction && developerOptions.buildSvelteDiv) {
+  console.log("npm run svelte:build");
+  exec("npm run svelte:build");
+}
+
+if (!developerOptions.isInProduction && developerOptions.watchSvelteBuild) {
+  console.log("electron-reload www");
+  require("electron-reload")(path.join(__dirname, "www"));
+}
+
+
+if (developerOptions.isInProduction || !developerOptions.serveSvelteDev) {
+  console.log("serve dist/www");
+  loadURL = serve({ directory: "dist/www" });
+}
+
+let mainWindow = null;
+
+const createWindow = async () => {
+  mainWindow = new BrowserWindow({
+    width: 854,
+    height: 480,
+    webPreferences: {
+      nodeIntegration: true,
+      contextIsolation: true,
+      enableRemoteModule: true,
+    },
+  });
+
+  if (developerOptions.serveSvelteDev) {
+    mainWindow.loadURL("http://localhost:3000/");
+  } else if (loadURL) {
+    await loadURL(mainWindow);
+  }
+};
+
+app.on("ready", async () => {
+  app.name = "Svelte Template";
+  await createWindow();
+});
+
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") {
+    app.quit();
+  }
+});

icon.ico

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Samuele de Tomasi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

license.txt

@@ -0,0 +1,5 @@
+{
+  "watch": ["electron/"],
+  "ext": "js, json, ts, css, png, jpeg, jpg, ico",
+  "exec": "npm run start"
+}