Welcome to your Electron application.
+ + diff --git a/demos/electron/src/index.ts b/demos/electron/src/index.ts new file mode 100644 index 0000000..3ca2616 --- /dev/null +++ b/demos/electron/src/index.ts @@ -0,0 +1,53 @@ +import { app, BrowserWindow } from "electron"; +// This allows TypeScript to pick up the magic constants that's auto-generated by Forge's Webpack +// plugin that tells the Electron app where to look for the Webpack-bundled app code (depending on +// whether you're running in development or production). +declare const MAIN_WINDOW_WEBPACK_ENTRY: string; +declare const MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY: string; + +// Handle creating/removing shortcuts on Windows when installing/uninstalling. +if (require("electron-squirrel-startup")) { + app.quit(); +} + +const createWindow = (): void => { + // Create the browser window. + const mainWindow = new BrowserWindow({ + height: 600, + width: 800, + webPreferences: { + preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY + } + }); + + // and load the index.html of the app. + mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY); + + // Open the DevTools. + mainWindow.webContents.openDevTools(); +}; + +// This method will be called when Electron has finished +// initialization and is ready to create browser windows. +// Some APIs can only be used after this event occurs. +app.on("ready", createWindow); + +// Quit when all windows are closed, except on macOS. There, it's common +// for applications and their menu bar to stay active until the user quits +// explicitly with Cmd + Q. +app.on("window-all-closed", () => { + if (process.platform !== "darwin") { + app.quit(); + } +}); + +app.on("activate", () => { + // On OS X it's common to re-create a window in the app when the + // dock icon is clicked and there are no other windows open. + if (BrowserWindow.getAllWindows().length === 0) { + createWindow(); + } +}); + +// In this file you can include the rest of your app's specific main process +// code. You can also put them in separate files and import them here. diff --git a/demos/electron/src/preload.ts b/demos/electron/src/preload.ts new file mode 100644 index 0000000..5e9d369 --- /dev/null +++ b/demos/electron/src/preload.ts @@ -0,0 +1,2 @@ +// See the Electron documentation for details on how to use preload scripts: +// https://www.electronjs.org/docs/latest/tutorial/process-model#preload-scripts diff --git a/demos/electron/src/renderer.ts b/demos/electron/src/renderer.ts new file mode 100644 index 0000000..36a53fe --- /dev/null +++ b/demos/electron/src/renderer.ts @@ -0,0 +1,32 @@ +/** + * This file will automatically be loaded by webpack and run in the "renderer" context. + * To learn more about the differences between the "main" and the "renderer" context in + * Electron, visit: + * + * https://electronjs.org/docs/latest/tutorial/process-model + * + * By default, Node.js integration in this file is disabled. When enabling Node.js integration + * in a renderer process, please be aware of potential security implications. You can read + * more about security risks here: + * + * https://electronjs.org/docs/tutorial/security + * + * To enable Node.js integration in this file, open up `main.js` and enable the `nodeIntegration` + * flag: + * + * ``` + * // Create the browser window. + * mainWindow = new BrowserWindow({ + * width: 800, + * height: 600, + * webPreferences: { + * nodeIntegration: true + * } + * }); + * ``` + */ + +import "./index.css"; +import "./app"; + +console.log('👋 This message is being logged by "renderer.js", included via webpack'); diff --git a/demos/electron/tsconfig.json b/demos/electron/tsconfig.json new file mode 100644 index 0000000..49fc932 --- /dev/null +++ b/demos/electron/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "target": "ES6", + "allowJs": true, + "module": "commonjs", + "skipLibCheck": true, + "esModuleInterop": true, + "noImplicitAny": true, + "sourceMap": true, + "baseUrl": ".", + "outDir": "dist", + "moduleResolution": "node", + "resolveJsonModule": true, + "jsx": "react-jsx", + "paths": { + "*": ["node_modules/*"] + } + }, + "include": ["src/**/*"] +} diff --git a/demos/electron/webpack.main.config.ts b/demos/electron/webpack.main.config.ts new file mode 100644 index 0000000..358a783 --- /dev/null +++ b/demos/electron/webpack.main.config.ts @@ -0,0 +1,20 @@ +import type { Configuration } from "webpack"; + +import { rules } from "./webpack.rules"; +import { plugins } from "./webpack.plugins"; + +export const mainConfig: Configuration = { + /** + * This is the main entry point for your application, it's the first file + * that runs in the main process. + */ + entry: "./src/index.ts", + // Put your normal webpack config below here + module: { + rules + }, + plugins, + resolve: { + extensions: [".js", ".ts", ".jsx", ".tsx", ".css", ".json"] + } +}; diff --git a/demos/electron/webpack.plugins.ts b/demos/electron/webpack.plugins.ts new file mode 100644 index 0000000..3bf80d5 --- /dev/null +++ b/demos/electron/webpack.plugins.ts @@ -0,0 +1,20 @@ +import type IForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin"; +const CopyPlugin = require("copy-webpack-plugin"); + +// eslint-disable-next-line @typescript-eslint/no-var-requires +const ForkTsCheckerWebpackPlugin: typeof IForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin"); + +export const plugins = [ + new ForkTsCheckerWebpackPlugin({ + logger: "webpack-infrastructure" + }), + new CopyPlugin({ + patterns: [ + { from: "src/index.html", to: "" }, + { from: "node_modules/scichart/_wasm/scichart2d.data", to: "" }, + { from: "node_modules/scichart/_wasm/scichart2d.wasm", to: "" }, + { from: "node_modules/scichart/_wasm/scichart3d.data", to: "" }, + { from: "node_modules/scichart/_wasm/scichart3d.wasm", to: "" } + ] + }) +]; diff --git a/demos/electron/webpack.renderer.config.ts b/demos/electron/webpack.renderer.config.ts new file mode 100644 index 0000000..8d9223a --- /dev/null +++ b/demos/electron/webpack.renderer.config.ts @@ -0,0 +1,19 @@ +import type { Configuration } from "webpack"; + +import { rules } from "./webpack.rules"; +import { plugins } from "./webpack.plugins"; + +rules.push({ + test: /\.css$/, + use: [{ loader: "style-loader" }, { loader: "css-loader" }] +}); + +export const rendererConfig: Configuration = { + module: { + rules + }, + plugins, + resolve: { + extensions: [".js", ".ts", ".jsx", ".tsx", ".css"] + } +}; diff --git a/demos/electron/webpack.rules.ts b/demos/electron/webpack.rules.ts new file mode 100644 index 0000000..0f90dc3 --- /dev/null +++ b/demos/electron/webpack.rules.ts @@ -0,0 +1,31 @@ +import type { ModuleOptions } from "webpack"; + +export const rules: Required