diff options
author | Kristóf Marussy <kristof@marussy.com> | 2021-12-22 19:17:07 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2021-12-22 19:37:20 +0100 |
commit | 929171dcba75b51be464e12906801c875ab7647a (patch) | |
tree | ae59d77dd1a8dda3ec8118f8f810a783c9103655 /packages/main | |
download | sophie-929171dcba75b51be464e12906801c875ab7647a.tar.gz sophie-929171dcba75b51be464e12906801c875ab7647a.tar.zst sophie-929171dcba75b51be464e12906801c875ab7647a.zip |
Initial commit
Project skeleton based on
https://github.com/cawa-93/vite-electron-builder
but we use react instead of vue and yarn instead of npm.
Diffstat (limited to 'packages/main')
-rw-r--r-- | packages/main/package.json | 12 | ||||
-rw-r--r-- | packages/main/src/index.ts | 95 | ||||
-rw-r--r-- | packages/main/tsconfig.json | 19 | ||||
-rw-r--r-- | packages/main/vite.config.js | 51 |
4 files changed, 177 insertions, 0 deletions
diff --git a/packages/main/package.json b/packages/main/package.json new file mode 100644 index 0000000..1eba6c1 --- /dev/null +++ b/packages/main/package.json | |||
@@ -0,0 +1,12 @@ | |||
1 | { | ||
2 | "name": "@sophie/main", | ||
3 | "version": "0.1.0", | ||
4 | "dependencies": { | ||
5 | "electron": "^16.0.5" | ||
6 | }, | ||
7 | "devDependencies": { | ||
8 | "@types/electron-devtools-installer": "^2.2.0", | ||
9 | "electron-devtools-installer": "^3.2.0", | ||
10 | "vite": "^2.7.6" | ||
11 | } | ||
12 | } | ||
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts new file mode 100644 index 0000000..ef954e1 --- /dev/null +++ b/packages/main/src/index.ts | |||
@@ -0,0 +1,95 @@ | |||
1 | import { app, BrowserWindow } from 'electron'; | ||
2 | import { join } from 'path'; | ||
3 | import { URL } from 'url'; | ||
4 | |||
5 | const isSingleInstance = app.requestSingleInstanceLock(); | ||
6 | const isDevelopment = import.meta.env.MODE === 'development'; | ||
7 | |||
8 | if (!isSingleInstance) { | ||
9 | app.quit(); | ||
10 | process.exit(0); | ||
11 | } | ||
12 | |||
13 | app.enableSandbox(); | ||
14 | |||
15 | if (isDevelopment) { | ||
16 | app.whenReady().then(async () => { | ||
17 | const { | ||
18 | default: installExtension, | ||
19 | MOBX_DEVTOOLS, | ||
20 | REACT_DEVELOPER_TOOLS, | ||
21 | } = await import('electron-devtools-installer'); | ||
22 | installExtension( | ||
23 | [ | ||
24 | MOBX_DEVTOOLS, | ||
25 | REACT_DEVELOPER_TOOLS, | ||
26 | ], | ||
27 | { | ||
28 | forceDownload: false, | ||
29 | loadExtensionOptions: { | ||
30 | allowFileAccess: true, | ||
31 | }, | ||
32 | }, | ||
33 | ); | ||
34 | }).catch((err) => { | ||
35 | console.error('Failed to install devtools extension', err); | ||
36 | }); | ||
37 | } | ||
38 | |||
39 | let mainWindow: BrowserWindow | null = null; | ||
40 | |||
41 | function createWindow(): Promise<void> { | ||
42 | mainWindow = new BrowserWindow({ | ||
43 | show: false, | ||
44 | webPreferences: { | ||
45 | nativeWindowOpen: true, | ||
46 | webviewTag: false, | ||
47 | sandbox: true, | ||
48 | preload: join(__dirname, '../../preload/dist/index.cjs'), | ||
49 | } | ||
50 | }); | ||
51 | |||
52 | // See https://github.com/MarshallOfSound/electron-devtools-installer/issues/195#issuecomment-998872878 | ||
53 | if (isDevelopment) { | ||
54 | const { webContents } = mainWindow; | ||
55 | webContents.once('dom-ready', () => { | ||
56 | webContents.once('devtools-opened', () => { | ||
57 | mainWindow?.focus(); | ||
58 | }); | ||
59 | webContents.openDevTools(); | ||
60 | }); | ||
61 | } | ||
62 | |||
63 | mainWindow.on('ready-to-show', () => { | ||
64 | mainWindow?.show(); | ||
65 | }); | ||
66 | |||
67 | const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined) | ||
68 | ? import.meta.env.VITE_DEV_SERVER_URL | ||
69 | : new URL('../renderer/dist/index.html', `file://${__dirname}`).toString(); | ||
70 | |||
71 | return mainWindow.loadURL(pageUrl); | ||
72 | } | ||
73 | |||
74 | app.on('second-instance', () => { | ||
75 | if (mainWindow !== null) { | ||
76 | if (!mainWindow.isVisible()) { | ||
77 | mainWindow.show(); | ||
78 | } | ||
79 | if (mainWindow.isMinimized()) { | ||
80 | mainWindow.restore(); | ||
81 | } | ||
82 | mainWindow.focus(); | ||
83 | } | ||
84 | }); | ||
85 | |||
86 | app.on('window-all-closed', () => { | ||
87 | if (process.platform !== 'darwin') { | ||
88 | app.quit(); | ||
89 | } | ||
90 | }); | ||
91 | |||
92 | app.whenReady().then(createWindow).catch((err) => { | ||
93 | console.error('Failed to create window', err); | ||
94 | process.exit(1); | ||
95 | }); | ||
diff --git a/packages/main/tsconfig.json b/packages/main/tsconfig.json new file mode 100644 index 0000000..7181228 --- /dev/null +++ b/packages/main/tsconfig.json | |||
@@ -0,0 +1,19 @@ | |||
1 | { | ||
2 | "extends": "../../tsconfig.json", | ||
3 | "compilerOptions": { | ||
4 | "baseUrl": ".", | ||
5 | "paths": { | ||
6 | "/@/*": [ | ||
7 | "src/*" | ||
8 | ] | ||
9 | }, | ||
10 | "types": [ | ||
11 | "node", | ||
12 | "vite/client" | ||
13 | ] | ||
14 | }, | ||
15 | "include": [ | ||
16 | "src/**/*", | ||
17 | "../../types/**/*.d.ts" | ||
18 | ] | ||
19 | } | ||
diff --git a/packages/main/vite.config.js b/packages/main/vite.config.js new file mode 100644 index 0000000..45c2c8c --- /dev/null +++ b/packages/main/vite.config.js | |||
@@ -0,0 +1,51 @@ | |||
1 | // @ts-check | ||
2 | |||
3 | import { builtinModules } from 'module'; | ||
4 | import { join } from 'path'; | ||
5 | |||
6 | // `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless. | ||
7 | // @ts-expect-error | ||
8 | import { node } from '../../.electron-vendors.cache.json'; | ||
9 | |||
10 | /** @type string */ | ||
11 | const PACKAGE_ROOT = __dirname; | ||
12 | |||
13 | /** | ||
14 | * @type {import('vite').UserConfig} | ||
15 | * @see https://vitejs.dev/config/ | ||
16 | */ | ||
17 | const config = { | ||
18 | mode: process.env.MODE, | ||
19 | root: PACKAGE_ROOT, | ||
20 | envDir: process.cwd(), | ||
21 | resolve: { | ||
22 | alias: { | ||
23 | '/@/': join(PACKAGE_ROOT, 'src') + '/', | ||
24 | }, | ||
25 | }, | ||
26 | build: { | ||
27 | sourcemap: 'inline', | ||
28 | target: `node${node}`, | ||
29 | outDir: 'dist', | ||
30 | assetsDir: '.', | ||
31 | minify: process.env.MODE !== 'development', | ||
32 | lib: { | ||
33 | entry: 'src/index.ts', | ||
34 | formats: ['cjs'], | ||
35 | }, | ||
36 | rollupOptions: { | ||
37 | external: [ | ||
38 | 'electron', | ||
39 | 'electron-devtools-installer', | ||
40 | ...builtinModules, | ||
41 | ], | ||
42 | output: { | ||
43 | entryFileNames: '[name].cjs', | ||
44 | }, | ||
45 | }, | ||
46 | emptyOutDir: true, | ||
47 | brotliSize: false, | ||
48 | }, | ||
49 | }; | ||
50 | |||
51 | export default config; | ||