chore(dev): app boilerplate

Electron, React, Vite app boilerplate

- license header
- pre-commit and commit-msg hooks
- storybook
- fix windows tests;
- fix linux build
- CI setup
- persistent store with electron-store and safeStorage
- localization with react-intl

Refs:
- https://github.com/haveno-dex/haveno-ui/projects/1#card-81001746
- https://github.com/haveno-dex/haveno-ui/projects/1#card-81001745

Authored-by: schowdhuri
Reviewed-by: localredhead

tests/e2e.spec.ts

@@ -0,0 +1,98 @@
+// =============================================================================
+//  Copyright 2022 Haveno
+//
+//  Licensed under the Apache License, Version 2.0 (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//    http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+// =============================================================================
+
+import type { ElectronApplication } from "playwright";
+import { _electron as electron } from "playwright";
+import { afterAll, beforeAll, expect, test } from "vitest";
+import { createHash } from "crypto";
+import "../packages/preload/contracts.d.ts";
+
+let electronApp: ElectronApplication;
+
+beforeAll(async () => {
+  electronApp = await electron.launch({ args: ["."] });
+});
+
+afterAll(async () => {
+  await electronApp.close();
+});
+
+test("Main window state", async () => {
+  const windowState: {
+    isVisible: boolean;
+    isDevToolsOpened: boolean;
+    isCrashed: boolean;
+  } = await electronApp.evaluate(({ BrowserWindow }) => {
+    const mainWindow = BrowserWindow.getAllWindows()[0];
+
+    const getState = () => ({
+      isVisible: mainWindow.isVisible(),
+      isDevToolsOpened: mainWindow.webContents.isDevToolsOpened(),
+      isCrashed: mainWindow.webContents.isCrashed(),
+    });
+
+    return new Promise((resolve) => {
+      if (mainWindow.isVisible()) {
+        resolve(getState());
+      } else
+        mainWindow.once("ready-to-show", () =>
+          setTimeout(() => resolve(getState()), 0)
+        );
+    });
+  });
+
+  expect(windowState.isCrashed, "App was crashed").toBeFalsy();
+  expect(windowState.isVisible, "Main window was not visible").toBeTruthy();
+  expect(windowState.isDevToolsOpened, "DevTools was opened").toBeFalsy();
+});
+
+test("Main window web content", async () => {
+  const page = await electronApp.firstWindow();
+  const element = await page.$("#app", { strict: true });
+  expect(element, "Can't find root element").toBeDefined();
+  expect(
+    (await element.innerHTML()).trim(),
+    "Window content was empty"
+  ).not.equal("");
+});
+
+test("Preload versions", async () => {
+  const page = await electronApp.firstWindow();
+  const exposedVersions = await page.evaluate(() => globalThis.versions);
+  const expectedVersions = await electronApp.evaluate(() => process.versions);
+  expect(exposedVersions).toBeDefined();
+  expect(exposedVersions).to.deep.equal(expectedVersions);
+});
+
+test("Preload nodeCrypto", async () => {
+  const page = await electronApp.firstWindow();
+
+  const exposedNodeCrypto = await page.evaluate(() => globalThis.nodeCrypto);
+  expect(exposedNodeCrypto).toHaveProperty("sha256sum");
+
+  const sha256sumType = await page.evaluate(
+    () => typeof globalThis.nodeCrypto.sha256sum
+  );
+  expect(sha256sumType).toEqual("function");
+
+  const rawTestData = "raw data";
+  const hash = await page.evaluate(
+    (d: string) => globalThis.nodeCrypto.sha256sum(d),
+    rawTestData
+  );
+  const expectedHash = createHash("sha256").update(rawTestData).digest("hex");
+  expect(hash).toEqual(expectedHash);
+});