🚧 WIP: app, basic style and states

Author: duduluu

.prettierignore

@@ -2,5 +2,3 @@ node_modules/
 package.json
 package-lock.json
 yarn.lock
-
-variables.scss

.stylelintrc

@@ -43,6 +43,7 @@
     "rule-empty-line-before": null,
     "selector-max-id": 0,
     "string-quotes": "single",
+    "value-list-comma-newline-after": null,
     "value-list-max-empty-lines": null,
     "indentation": null
   }

app/scripts/gen-files.ts

@@ -1,6 +1,7 @@
 import { GenFilesOptions, genFiles } from '@huiji/shared-utils';
 
 const optionsList: GenFilesOptions[] = [
+  // renderer
   // components
   {
     comments: ['All components'],
@@ -32,6 +33,14 @@ const optionsList: GenFilesOptions[] = [
     patterns: ['src/renderer/utils/**/*.ts'],
     output: 'src/renderer/utils/index.ts',
   },
+
+  // main
+  // utils
+  {
+    comments: ['All utils'],
+    patterns: ['src/main/utils/**/*.ts'],
+    output: 'src/main/utils/index.ts',
+  },
 ];
 
 Promise.all(optionsList.map(genFiles)).catch((e: Error) => {

app/src/main/index.ts

@@ -0,0 +1 @@
+export * from './utils';

app/src/main/main.ts

@@ -1,27 +1,82 @@
-import { resolve } from 'path';
-import { app, BrowserWindow } from 'electron';
+import { app, BrowserWindow, Menu } from 'electron';
+import * as io from '@rimtrans/io';
+import * as utils from './utils';
 
 const isDevelopment = process.env.NODE_ENV === 'development';
 
-export async function createWindow(): Promise<void> {
-  const win = new BrowserWindow({
-    width: 1440,
-    height: 900,
-    x: -1920,
-    y: 0,
-    alwaysOnTop: true,
+const { paths, browserWindowsSet, settings, storage, initStates } = utils.createStates();
+
+async function setup(): Promise<void> {
+  await initStates();
+}
+
+async function dispose(): Promise<void> {
+  browserWindowsSet.clear();
+  await Promise.all([settings, storage].map(wrapper => wrapper.save()));
+}
+
+function destroyWindow(browserWindow: BrowserWindow): void {
+  const maximized = browserWindow.isMaximized();
+  const [width, height] = browserWindow.getSize();
+  const [x, y] = browserWindow.getPosition();
+
+  storage.set(
+    {
+      lastActiveWindowState: {
+        maximized,
+        width,
+        height,
+        x,
+        y,
+      },
+    },
+    false,
+  );
+
+  browserWindowsSet.delete(browserWindow);
+}
+
+async function createWindow(): Promise<void> {
+  const {
+    lastActiveWindowState: { maximized, width, height, x, y },
+  } = storage.get();
+
+  const browserWindow = new BrowserWindow({
+    width: width || undefined,
+    height: height || undefined,
+    x: x || undefined,
+    y: y || undefined,
+
+    backgroundColor: '#fff',
+    webPreferences: {
+      nodeIntegration: true,
+    },
   });
 
-  win.maximize();
+  browserWindowsSet.add(browserWindow);
 
-  const userData = app.getPath('userData');
-  const appName = app.getName();
+  browserWindow.once('close', () => destroyWindow(browserWindow));
+
+  if (maximized) {
+    browserWindow.maximize();
+  }
 
   if (isDevelopment) {
-    await win.loadURL(`http://localhost:9421#/?appName=${appName}&userData=${userData}`);
+    browserWindow.setAlwaysOnTop(true);
+    await browserWindow.loadURL(`http://localhost:9421`);
   } else {
-    await win.loadFile(resolve(__dirname, '..', 'renderer', 'index.html'));
+    await browserWindow.loadFile(io.join(__dirname, '..', 'renderer', 'index.html'));
   }
 }
 
-app.on('ready', createWindow);
+if (!isDevelopment) {
+  Menu.setApplicationMenu(null);
+}
+
+app.on('ready', async () => {
+  await setup();
+  await createWindow();
+});
+app.on('quit', async () => {
+  await dispose();
+});

app/src/main/utils/constants.ts

@@ -0,0 +1,9 @@
+export const USER_DATA = 'userData';
+
+export const GLOBAL_KEY_PATHS = 'GLOBAL_VALUE_PATHS';
+
+export const GLOBAL_KEY_SETTINGS = 'GLOBAL_VALUE_SETTINGS';
+export const FILENAME_SETTINGS = 'settings.json';
+
+export const GLOBAL_KEY_STORAGE = 'GLOBAL_VALUE_STORAGE';
+export const FILENAME_STORAGE = 'storage.json';

app/src/main/utils/index.ts

@@ -0,0 +1,13 @@
+// Do not edit this file.
+// It is auto generated by script "scripts/gen-files.ts".
+// To update this file, please run command `yarn gen-files`.
+// tslint:disable
+
+/**
+ * All utils
+ */
+
+export * from './constants';
+export * from './states/index';
+export * from './states/settings';
+export * from './states/storage';