Fixed webm duration. Code simplified.

PAXANDDOS · PAXANDDOS · commit 98ceb6a1cfc2 · 2022-01-29T21:58:50.000+02:00
- Fixed output webm metadata
- Added audio switch, still needs to be improved
- Notification fixed
- General code simplifications
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,7 +35,8 @@
 	"dependencies": {
 		"electron-store": "^8.0.1",
 		"react": "^17.0.2",
-		"react-dom": "^17.0.2"
+		"react-dom": "^17.0.2",
+		"webm-fix-duration": "^1.0.1"
 	},
 	"devDependencies": {
 		"@types/react": "^17.0.38",
@@ -45,13 +46,13 @@
 		"@vitejs/plugin-react": "^1.1.4",
 		"electron": "^16.0.8",
 		"electron-builder": "^22.14.5",
-		"eslint": "8.7.0",
+		"eslint": "8.8.0",
 		"eslint-plugin-react": "^7.28.0",
 		"eslint-plugin-react-hooks": "^4.3.0",
 		"sass": "^1.49.0",
 		"typescript": "^4.5.5",
 		"vite": "^2.7.13",
-		"vite-plugin-resolve": "^1.4.0"
+		"vite-plugin-resolve": "^1.4.2"
 	},
 	"env": {
 		"HOST": "127.0.0.1",
diff --git a/packages/main/index.ts b/packages/main/index.ts
@@ -18,10 +18,11 @@ if (!app.requestSingleInstanceLock()) {
 }
 
 let win: BrowserWindow | null = null
+app.commandLine.appendSwitch('enable-webgl')
 
 const createWindow = async () => {
 	win = new BrowserWindow({
-		title: 'Screencast',
+		title: 'Lucast',
 		width: 1280,
 		height: 720,
 		minWidth: 940,
diff --git a/packages/main/samples/save-recording.ts b/packages/main/samples/save-recording.ts
@@ -2,15 +2,28 @@ import { dialog, ipcMain } from 'electron'
 import { writeFile } from 'fs'
 
 ipcMain.on('save-blob', async (event, blob) => {
-	const date = new Date()
 	const { filePath } = await dialog.showSaveDialog({
 		title: 'Save your recording',
 		buttonLabel: 'Save',
-		defaultPath: `lucast-${date.getTime()}.webm`,
+		defaultPath: `lucast-${Date.now()}.webm`,
 		filters: [{ name: 'Movies', extensions: ['webm'] }],
 	})
 	if (filePath)
 		writeFile(filePath, Buffer.from(blob), () =>
 			console.log('Video saved!')
 		)
 })
+
+ipcMain.handle('create-buffer', async (event, blob) => {
+	return Buffer.from(await blob.arrayBuffer())
+})
+
+ipcMain.handle('get-save-path', async (event, ext) => {
+	const { filePath } = await dialog.showSaveDialog({
+		title: 'Save your recording',
+		buttonLabel: 'Save',
+		defaultPath: `lucast-${Date.now()}.${ext}`,
+		filters: [{ name: 'Movies', extensions: [ext] }],
+	})
+	if (filePath) return filePath
+})
diff --git a/packages/renderer/src/components/Modals/SettingsModal.tsx b/packages/renderer/src/components/Modals/SettingsModal.tsx
@@ -148,6 +148,9 @@ const SettingsModal = ({ onClose }: SettingsModalInterface) => {
 						<select value={videoSettings?.format.toUpperCase()}>
 							<option>WEBM</option>
 							<option disabled>MP4</option>
+							<option disabled>GIF</option>
+							<option disabled>APNG</option>
+							<option disabled>WEBP</option>
 						</select>
 						<span>Video format</span>
 					</div>
diff --git a/packages/renderer/src/pages/index.tsx b/packages/renderer/src/pages/index.tsx
