Feat Vue3 and Typescript

.env

@@ -0,0 +1,2 @@
+VITE_APP_HOSTNAME=noita-together.unicast.link
+VITE_APP_WS_PORT=6969

.eslintrc.js

@@ -1,17 +1,26 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    es2021: true,
+    node: true,
+    browser: false,
   },
-  'extends': [
-    'plugin:vue/essential',
-    'eslint:recommended'
+  extends: [
+    "eslint:recommended",
+    /** @see https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#recommended-configs */
+    "plugin:@typescript-eslint/recommended",
   ],
+  parser: "@typescript-eslint/parser",
   parserOptions: {
-    ecmaVersion: 2020
+    ecmaVersion: 12,
+    sourceType: "module",
   },
+  plugins: ["@typescript-eslint"],
+  ignorePatterns: ["node_modules/**", "**/dist/**"],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-  }
-}
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "linebreak-style": "off",
+  },
+};

.gitattributes

@@ -0,0 +1,2 @@
+# Use LF everywhere
+* text eol=lf

.gitignore

@@ -2,6 +2,7 @@
 /node_modules
 /dist
 
+/vite-plugin-electron.log
 
 # local env files
 .env.local
@@ -15,12 +16,12 @@ pnpm-debug.log*
 
 # Editor directories and files
 .idea
-.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
 
 #Electron-builder output
-/dist_electron
+/dist_electron
+/release

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+	"recommendations": [
+		"Vue.volar",
+		"Vue.vscode-typescript-vue-plugin"
+	]
+}

CONTRIBUTING.md

@@ -0,0 +1,39 @@
+# Contributing
+
+
+master branch: Electron app
+mod branch: Noita together mod
+
+
+## Directory
+
+```diff
++ ├─┬ electron
++ │ ├─┬ main
++ │ │ └── index.ts    entry of Electron-main
++ │ └─┬ preload
++ │   └── index.ts    entry of Electron-preload
+  ├─┬ src
+  │ └── main.ts       entry of Electron-renderer
+  ├── index.html
+  ├── package.json
+  └── vite.config.ts
+```
+
+## 🚨 `dependencies` vs `devDependencies`
+
+**Put Node.js packages in `dependencies`**
+
+**e.g.** `electron-store` `sqlite3` `serilaport` `mongodb` ...others
+
+**Put Web packages in `devDependencies`**
+
+**e.g.** `vue` `vue-router` `vuex` `pinia` `element-plus` `ant-design-vue` `axios` ...others
+
+See more 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
+
+## 🚨 Node.js ESM packages
+
+**e.g.** `node-fetch` `execa` `got` ...
+
+[👉 Using Node.js ESM packages in Electron-Renderer](https://github.com/electron-vite/vite-plugin-electron-renderer#-nodejs-esm-packages)

electron-builder.config.js

@@ -0,0 +1,43 @@
+if (process.env.VITE_APP_VERSION === undefined) {
+  const now = new Date();
+  process.env.VITE_APP_VERSION = `${now.getUTCFullYear() -
+    2000}.${now.getUTCMonth() + 1}.${now.getUTCDate()}-${now.getUTCHours() *
+    60 +
+    now.getUTCMinutes()}`;
+}
+
+/**
+ * @type {import('electron-builder').Configuration}
+ * @see https://www.electron.build/configuration/configuration
+ */
+const config = {
+  appId: "NoitaTogether",
+  asar: true,
+  nodeIntegration: true,
+  externals: ["keytar"],
+  productName: "Noita Together",
+  win: {
+    target: [
+      {
+        target: "nsis",
+        arch: ["x64"],
+      },
+    ],
+    requestedExecutionLevel: "requireAdministrator", //eugh
+    artifactName: "${productName}_${version}.${ext}",
+  },
+  nsis: {
+    perMachine: true,
+    oneClick: false,
+    allowToChangeInstallationDirectory: true,
+  },
+  directories: {
+    output: "release/${version}",
+  },
+  files: ["dist"],
+  extraMetadata: {
+    version: process.env.VITE_APP_VERSION,
+  },
+};
+
+module.exports = config;

electron/electron-env.d.ts

@@ -0,0 +1,8 @@
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    NODE_ENV: 'development' | 'production'
+    readonly VITE_DEV_SERVER_HOST: string
+    readonly VITE_DEV_SERVER_PORT: string
+  }
+}

electron/main/appEvent.ts

@@ -0,0 +1,6 @@
+import { webContents } from "electron";
+export const appEvent = (event, data) => {
+  webContents.getAllWebContents().forEach((content) => {
+    content.send(event, data);
+  });
+};