v0.0.2

andersdn · May 31, 2022 · b27c3df · b27c3df
1 parent 4a5da0e
commit b27c3df
Show file tree

Hide file tree

Showing 6 changed files with 71 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,26 @@
-## todo
+## Look At Me
+
+For more information please visit [https://andersdn.github.io/lookatme/](https://andersdn.github.io/lookatme/)
+
+---
+
+## For Developers...
+
+Run Locally
+```
+npm run start 
+```
+Generate a Distribution
+```
+npm run dist
+```
+
+## Backlog
+
+- [ ] Save settings between sessions
+- [ ] Locale Files for translations
+- [ ] Review UX of having the whole app be draggable
+- [ ] Auto update
+- [ ] Actually signed builds for app store
+
+
diff --git a/docs/index.md b/docs/index.md
@@ -76,6 +76,8 @@ Move the window around hovering on your floating window and dragging on the `✥
     - If you have resized your window somtimes you can accidelty move the resize icon off screen, so this option brings it back to the ceter of your screen.
 - 🐁 Ignore Mouse Events
     - Disables mouse events and locks the position of the window
+- 🪞 Mirror Camera
+    - Flips the camera
 - ℹ️ About / Help
     - Takes you here
 - 🚪 Quit

diff --git a/index.html b/index.html
@@ -98,6 +98,9 @@
         opacity: 0.75;
         transition: opacity ease 0.25s;
       }
+      .mirrorCamera{
+        transform: rotateY(180deg);
+      }
     </style>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "look-at-me",
   "productName": "Look At Me",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "It's you but floating",
   "main": "src/main.js",
   "scripts": {

diff --git a/renderer.js b/renderer.js
@@ -16,6 +16,7 @@ let selectedCamera = false;
 let selectedFilter = 'blur';
 let selectedSize = 0.5;
 let selectedIgnoreMouse = false;
+let selectedMirrorCamera = false;
 
 let currentStream;
 
@@ -136,7 +137,8 @@ const setSize = () => {
       selectedSize: selectedSize,
       selectedCamera: selectedCamera,
       selectedFilter: selectedFilter,
-      selectedIgnoreMouse: selectedIgnoreMouse
+      selectedIgnoreMouse: selectedIgnoreMouse,
+      selectedMirrorCamera: selectedMirrorCamera
     })
   );
 
@@ -181,7 +183,8 @@ const setActiveCamera = (deviceId) => {
       selectedSize: selectedSize,
       selectedCamera: selectedCamera,
       selectedFilter: selectedFilter,
-      selectedIgnoreMouse: selectedIgnoreMouse
+      selectedIgnoreMouse: selectedIgnoreMouse,
+      selectedMirrorCamera: selectedMirrorCamera
     })
   );
 };
@@ -226,7 +229,29 @@ ipcRenderer.on('set-ignore-mouse', function (event, shouldIgnoreMouse) {
       selectedSize: selectedSize,
       selectedCamera: selectedCamera,
       selectedFilter: selectedFilter,
-      selectedIgnoreMouse: selectedIgnoreMouse
+      selectedIgnoreMouse: selectedIgnoreMouse,
+      selectedMirrorCamera: selectedMirrorCamera
+    })
+  );
+
+});
+
+ipcRenderer.on('set-mirror-camera', function (event, shouldMirrorCamera) {
+  selectedMirrorCamera = shouldMirrorCamera;
+  if(selectedMirrorCamera){
+    document.getElementById('mainWindow').classList.add("mirrorCamera");
+  } else {
+    document.getElementById('mainWindow').classList.remove("mirrorCamera");
+  }
+
+  ipcRenderer.send(
+    'update-settings',
+    JSON.stringify({
+      selectedSize: selectedSize,
+      selectedCamera: selectedCamera,
+      selectedFilter: selectedFilter,
+      selectedIgnoreMouse: selectedIgnoreMouse,
+      selectedMirrorCamera: selectedMirrorCamera
     })
   );
 

diff --git a/src/main.js b/src/main.js
@@ -11,6 +11,7 @@ global.selectedCamera = false;
 global.selectedFilter = 'blur';
 global.prevCameraList = null;
 global.selectedIgnoreMouse = false;
+global.mirrorCamera = false;
 global.tray = null;
 
 const iconPath = path.join(__dirname, 'iconTemplate.png');
@@ -92,6 +93,10 @@ app.whenReady().then(async () => {
     mainWindow.setIgnoreMouseEvents(global.selectedIgnoreMouse);
     mainWindow.webContents.send('set-ignore-mouse', global.selectedIgnoreMouse);
   }
+  const toggleMirrorCamera = () => {
+    global.mirrorCamera = !global.mirrorCamera;
+    mainWindow.webContents.send('set-mirror-camera', global.mirrorCamera);
+  }
   const setSize = (sizeVal) => {
     global.selectedSize = sizeVal;
     mainWindow.center();
@@ -179,6 +184,12 @@ app.whenReady().then(async () => {
       type: 'checkbox',
       checked: !!global.selectedIgnoreMouse,
     },
+    {
+      click: () => toggleMirrorCamera(),
+      label: '🪞 Mirror Camera',
+      type: 'checkbox',
+      checked: !!global.mirrorCamera,
+    },
     { type: 'separator' },
     { label: 'ℹ️ About / Help', role: 'help', click : ()=>shell.openExternal('https://andersdn.github.io/lookatme/')},
     { label: '🚪 Quit', accelerator: 'CommandOrControl+Q', role: 'quit' },