[:star:] Version 1.1.0 release

Author: Nemika-Haj

.gitignore

@@ -0,0 +1,5 @@
+node_modules
+*.log
+.next
+app
+dist

.vscode/launch.json

@@ -0,0 +1,40 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Nextron: Main",
+      "type": "node",
+      "request": "attach",
+      "protocol": "inspector",
+      "port": 9292,
+      "skipFiles": ["<node_internals>/**"],
+      "sourceMapPathOverrides": {
+        "webpack:///./~/*": "${workspaceFolder}/node_modules/*",
+        "webpack:///./*": "${workspaceFolder}/*",
+        "webpack:///*": "*"
+      }
+    },
+    {
+      "name": "Nextron: Renderer",
+      "type": "chrome",
+      "request": "attach",
+      "port": 5858,
+      "timeout": 10000,
+      "urlFilter": "http://localhost:*",
+      "webRoot": "${workspaceFolder}/app",
+      "sourceMapPathOverrides": {
+        "webpack:///./src/*": "${webRoot}/*"
+      }
+    }
+  ],
+  "compounds": [
+    {
+      "name": "Nextron: All",
+      "preLaunchTask": "dev",
+      "configurations": ["Nextron: Main", "Nextron: Renderer"]
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,21 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "dev",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "custom",
+        "pattern": {
+          "regexp": ""
+        },
+        "background": {
+          "beginsPattern": "started server",
+          "endsPattern": "Debugger listening on"
+        }
+      },
+      "label": "dev"
+    }
+  ]
+}

README.md

@@ -0,0 +1,38 @@
+<p align="center"><img src="https://i.imgur.com/NZfsD1p.png"></p>
+
+## Usage
+
+### Create an App
+
+```
+# with npx
+$ npx create-nextron-app my-app --example with-typescript
+
+# with yarn
+$ yarn create nextron-app my-app --example with-typescript
+
+# with pnpx
+$ pnpx create-nextron-app my-app --example with-typescript
+```
+
+### Install Dependencies
+
+```
+$ cd my-app
+
+# using yarn or npm
+$ yarn (or `npm install`)
+
+# using pnpm
+$ pnpm install --shamefully-hoist
+```
+
+### Use it
+
+```
+# development mode
+$ yarn dev (or `npm run dev` or `pnpm run dev`)
+
+# production build
+$ yarn build (or `npm run build` or `pnpm run build`)
+```

electron-builder.yml

@@ -0,0 +1,15 @@
+appId: com.nemika.lockpass
+productName: LockPass
+copyright: Copyright © 2022 Nemika Hajbour
+directories:
+  output: dist
+  buildResources: resources
+files:
+  - from: .
+    filter:
+      - package.json
+      - app
+publish:
+  - github
+  - bitbucket
+

main/background.ts

@@ -0,0 +1,170 @@
+import { app, dialog, ipcMain, Notification } from 'electron';
+import serve from 'electron-serve';
+import { createWindow } from './helpers';
+import fs from "fs"
+import path from 'path';
+
+import { autoUpdater, UpdateInfo } from "electron-updater"
+
+const isProd: boolean = process.env.NODE_ENV === 'production';
+
+if (isProd) {
+  // AUTO UPDATER
+  //const server = 'https://your-deployment-url.com'
+  //const url = `${server}/update/${process.platform}/${app.getVersion()}`
+
+  autoUpdater.on("update-downloaded", (info: UpdateInfo) => {
+    dialog.showMessageBox({
+      title: "New Update Available",
+      detail: `Version ${info.version} available`,
+      message: "A new version is available. Please restart to apply updates.",
+      buttons: [ 'Restart', 'Later' ]
+    }).then(returnValue => {
+      if (returnValue.response == 0) autoUpdater.quitAndInstall(true, true)
+    })
+  })
+
+  // AUTO UPDATER
+}
+const renderPage = (pageName) => isProd ? `app://./${pageName}.html` : `http://localhost:${process.argv[2]}/${pageName}`
+
+const getPasswords = () => {
+  try {
+    let passwords = JSON.parse(fs.readFileSync('passwords.json').toString())
+    return passwords
+  } catch (e) {
+    return {}
+  }
+}
+
+if (isProd) {
+  serve({ directory: 'app' });
+} else {
+  app.setPath('userData', `${app.getPath('userData')} (development)`);
+}
+
+(async () => {
+  await app.whenReady();
+
+  if(isProd) {
+    setInterval(() => {
+      autoUpdater.checkForUpdates()
+    }, 10000)
+  }
+
+  const splashWindow = createWindow('splash', {
+    width: 400,
+    height: 500,
+    frame: false,
+    resizable: false,
+    center: true
+  });
+
+  await splashWindow.loadURL(renderPage("splash"))
+
+  let mainWindow = createWindow('main', {
+    minWidth: 400,
+    minHeight: 400,
+    center: true,
+    show: false,
+    frame: false
+  })
+
+  mainWindow.loadURL(renderPage("main"))
+
+  setInterval(() => {
+    mainWindow.webContents.send('update-version', app.getVersion())
+  })
+
+  ipcMain.on('open-main', () => {
+    mainWindow.show()
+    splashWindow.close()
+  })
+
+  ipcMain.on('new-password', (event, password) => {
+    const passwords = getPasswords()
+
+    if (password.name && password.value) {
+      passwords[password.name] = password.value
+      fs.writeFileSync("passwords.json", JSON.stringify(passwords))
+
+      const notif = new Notification({
+        title: "Password Saved",
+        body: `New Password ${password.name} was saved!`,
+        icon: "resources/icon.ico"
+      })
+      notif.show()
+    } else {
+      const notif = new Notification({
+        title: "Password not saved",
+        body: `Password ${password.name} was saved unsuccessfully! Make sure the password's name AND value are set.`,
+        icon: "resources/icon.ico"
+      })
+      notif.show()
+    }
+  })
+
+  ipcMain.on('delete-pass', (event, name) => {
+      const passwords = getPasswords()
+      
+      delete passwords[name]
+      fs.writeFileSync("passwords.json", JSON.stringify(passwords))
+
+      const notif = new Notification({
+        title: "Password Deleted",
+        body: `New Password ${name} was deleted!`,
+        icon: path.join(__dirname, "..", "renderer", "public", "images", "icon.png"),
+      })
+      notif.show()
+    })
+
+  ipcMain.handle('pass-request', async(event) => {
+    return getPasswords()
+  })
+
+  mainWindow.on('closed', () => {
+    mainWindow = null
+  })
+  
+
+  ipcMain.on('close-app', app.quit)
+  ipcMain.on('minimize-app', () => {
+    if(!mainWindow) {
+      mainWindow = createWindow('main', {
+        minWidth: 400,
+        minHeight: 400,
+        center: true,
+        show: false,
+        frame: false
+      })
+    }
+    mainWindow.minimize()
+  })
+  ipcMain.on('maximize-app', () => {
+    if(!mainWindow) {
+      mainWindow = createWindow('main', {
+        minWidth: 400,
+        minHeight: 400,
+        center: true,
+        show: false,
+        frame: false
+      })
+    }
+    if (mainWindow.isMaximized()) {
+      mainWindow.restore()
+    } else {
+      mainWindow.maximize()
+    }
+  })
+
+})();
+
+try {
+  app.setAppUserModelId("Password Manager")
+} catch (e) {
+  
+}
+
+app.on('window-all-closed', () => {
+  app.quit();
+});

main/helpers/create-window.ts

@@ -0,0 +1,84 @@
+import {
+  screen,
+  BrowserWindow,
+  BrowserWindowConstructorOptions
+} from 'electron';
+import Store from 'electron-store';
+
+export default (windowName: string, options: BrowserWindowConstructorOptions): BrowserWindow => {
+  const key = 'window-state';
+  const name = `window-state-${windowName}`;
+  const store = new Store({ name });
+  const defaultSize = {
+    width: options.width,
+    height: options.height,
+  };
+  let state = {};
+  let win;
+
+  const restore = () => store.get(key, defaultSize);
+
+  const getCurrentPosition = () => {
+    const position = win.getPosition();
+    const size = win.getSize();
+    return {
+      x: position[0],
+      y: position[1],
+      width: size[0],
+      height: size[1],
+    };
+  };
+
+  const windowWithinBounds = (windowState, bounds) => {
+    return (
+      windowState.x >= bounds.x &&
+      windowState.y >= bounds.y &&
+      windowState.x + windowState.width <= bounds.x + bounds.width &&
+      windowState.y + windowState.height <= bounds.y + bounds.height
+    );
+  };
+
+  const resetToDefaults = () => {
+    const bounds = screen.getPrimaryDisplay().bounds;
+    return Object.assign({}, defaultSize, {
+      x: (bounds.width - defaultSize.width) / 2,
+      y: (bounds.height - defaultSize.height) / 2,
+    });
+  };
+
+  const ensureVisibleOnSomeDisplay = windowState => {
+    const visible = screen.getAllDisplays().some(display => {
+      return windowWithinBounds(windowState, display.bounds);
+    });
+    if (!visible) {
+      // Window is partially or fully not visible now.
+      // Reset it to safe defaults.
+      return resetToDefaults();
+    }
+    return windowState;
+  };
+
+  const saveState = () => {
+    if (!win.isMinimized() && !win.isMaximized()) {
+      Object.assign(state, getCurrentPosition());
+    }
+    store.set(key, state);
+  };
+
+  state = ensureVisibleOnSomeDisplay(restore());
+
+  const browserOptions: BrowserWindowConstructorOptions = {
+    ...options,
+    ...state,
+    webPreferences: {
+      nodeIntegration: true,
+      contextIsolation: false,
+      ...options.webPreferences,
+    },
+  };
+  win = new BrowserWindow(browserOptions);
+
+  win.on('close', saveState);
+
+  return win;
+};

main/helpers/index.ts

@@ -0,0 +1,5 @@
+import createWindow from './create-window';
+
+export {
+  createWindow,
+};