log panel

build/afterSign.js

@@ -13,7 +13,8 @@ exports.default = function (context) {
       appBundleId: 'com.jtvberg.streamdock',
       appPath: `${appDir}/${appName}.app`,
       appleId: process.env.appleId,
-      appleIdPassword: process.env.appleIdPassword
+      appleIdPassword: process.env.appleIdPassword,
+      teamId: process.env.teamId
     })
   } else if (process.platform === 'win32') {
     // VMP sign via EVS

package.json

@@ -8,6 +8,7 @@
     "start": "electron .",
     "debug": "electron --inspect=7171 .",
     "break": "electron --inspect-brk=7171 .",
+    "buildMacTest": "electron-builder -m --arm64",
     "buildMac": "electron-builder -m --x64 --arm64",
     "buildWin": "electron-builder -w",
     "buildLinux": "electron-builder -l"
@@ -49,7 +50,6 @@
       "mirror": "https://github.com/castlabs/electron-releases/releases/download/v"
     },
     "afterPack": "./build/afterPack.js",
-    "afterSign": "./build/afterSign.js",
     "mac": {
       "category": "public.app-category.video"
     },

public/css/global.css

@@ -83,7 +83,8 @@ button:active {
 }
 
 select,
-input {
+input,
+.log {
   font-size: 1rem;
   font-family: monospace;
   outline: none;
@@ -94,7 +95,12 @@ input {
   height: 32px;
   padding: 0px 5px;
   color: var(--color-control-white);
-  background-color: var(--color-control-darkgray);;
+  background-color: var(--color-control-darkgray);
+}
+
+.log {
+  height: -webkit-fill-available;
+  resize: none;
 }
 
 select {

public/css/search.css

@@ -295,4 +295,10 @@
 #next-page-btn:hover {
   border-color: transparent;
   color: var(--color-system-accent);
+}
+
+#advanced-log-text {
+  border-radius: 5px;
+  color: var(--color-control-white);
+  background-color: var(--color-control-darkgray);
 }

public/css/settings.css

@@ -221,6 +221,11 @@
   display: grid;
 }
 
+.settings-log {
+  display: grid;
+  grid-template-rows: max-content auto max-content;
+}
+
 .settings-label {
   margin: auto 0px;
   line-height: 1;

public/js/renderer.js

@@ -74,6 +74,11 @@ let headerTimeOut
 let editMode = false
 
 // Functions
+const logOutput = log => {
+  const logTs = new Date().toLocaleString()
+  document.querySelector('#log-text').value += `${logTs}: ${log}\n`
+}
+
 // create stream element for stream bar, stream edit panel and append add new stream element
 const loadStreams = () => {
   $streamControls.replaceChildren([])
@@ -121,6 +126,8 @@ const applySettings = () => {
 
   loadClearDataPanel()
 
+  loadLogPanel()
+
   window.electronAPI.defaultAgent(getDefaultAgent())
 
   window.electronAPI.headerHeight({ height: headerCollapsed, base: headerCollapsed })
@@ -166,6 +173,7 @@ const loadStreamBar = stream => {
   ele.addEventListener('click', e => {
     togglePanel(null, true)
     window.electronAPI.openUrl(e.target.dataset.url)
+    logOutput(e.target.dataset.url)
   })
   ele.addEventListener('dblclick', e => e.stopPropagation())
   frag.appendChild(ele)
@@ -475,6 +483,20 @@ const loadSettingsPanel = pref => {
   }
 }
 
+// load log elements
+const loadLogPanel = () => {
+  const frag = document.createDocumentFragment()
+  const ele = elementFromHtml(`<div class="settings-control settings-log" title="StreamDock Log" style="height: 100%;"></div>`)
+  const lbl = elementFromHtml(`<div>StreamDock Log</div>`)
+  const pane = elementFromHtml(`<textarea id="log-text" class="log"></textarea>`)
+  const desc = elementFromHtml(`<div class="text-muted">When things get weird...</div>`)
+  ele.appendChild(lbl)
+  ele.appendChild(pane)
+  ele.appendChild(desc)
+  frag.appendChild(ele)
+  $advancedLayout.appendChild(frag)
+}
+
 // load clear data elements
 const loadClearDataPanel = () => {
   let restart = true

src/main.js

@@ -282,6 +282,7 @@ const showWin = () => {
   windows.forEach(win => win.show())
   headerView.webContents.executeJavaScript('localStorage.getItem("pref-resume");', true).then(response => {
     if (response === 'true' && resumePlaying) {
+      console.log('play')
       playVideo(streamView)
     }
   })