06 — 프로세스 관계 & crash 격리

# Linux/macOS
$ pstree -p $(pgrep -f "MyApp" | head -1)
MyApp(1000)
├─MyApp Helper(1003)            # GPU
├─MyApp Helper Renderer(1001)
├─MyApp Helper Renderer(1002)
└─MyApp Helper Utility(1004)
   └─git(1005)

// main.js
app.on('render-process-gone', (event, webContents, details) => {
  console.log('Renderer crashed:', {
    url: webContents.getURL(),
    reason: details.reason,        // 'crashed' | 'killed' | 'oom' | ...
    exitCode: details.exitCode,
  })
 
  // 복구 시도
  if (details.reason === 'crashed' || details.reason === 'oom') {
    const win = BrowserWindow.fromWebContents(webContents)
    if (win && !win.isDestroyed()) {
      // 사용자에게 알리고 새로고침
      dialog.showMessageBox(win, {
        type: 'error',
        message: '페이지가 응답을 멈췄습니다',
        buttons: ['새로고침', '닫기'],
      }).then(({ response }) => {
        if (response === 0) win.webContents.reload()
        else win.close()
      })
    }
  }
})

app.on('child-process-gone', (event, details) => {
  console.log('Child process gone:', details)
  // details.type: 'GPU' | 'Utility' | 'Zygote' | ...
  // details.reason: 'crashed' | 'killed' | ...
  // details.serviceName: UtilityProcess의 serviceName (있으면)
 
  if (details.type === 'Utility' && details.serviceName === 'compressor') {
    // 다시 띄우기
    spawnCompressor()
  }
})

1. app.emit('before-quit')
2. 모든 BrowserWindow에 'close' 이벤트 발화
   ↓ (preventDefault 안 하면)
3. webContents 종료 → Renderer 프로세스 종료
4. Main → UtilityProcess.kill() 자동 호출 (정리)
5. GPU Helper 종료
6. app.emit('will-quit')
7. Main 프로세스 종료
8. (남아 있는 자식이 있다면) OS가 SIGTERM/SIGKILL

// main.js
let pendingShutdown = false
 
app.on('before-quit', async (event) => {
  if (pendingShutdown) return  // 두 번째 호출은 통과
  event.preventDefault()
  pendingShutdown = true
 
  // 자식들에게 "이제 마무리해" 알림
  for (const child of utilityChildren) {
    child.postMessage({ message: 'shutdown' })
  }
 
  // 모든 자식이 깨끗이 종료할 때까지 기다림 (타임아웃 포함)
  await Promise.race([
    Promise.all(utilityChildren.map(c =>
      new Promise(res => c.once('exit', res))
    )),
    new Promise(res => setTimeout(res, 5000)),
  ])
 
  app.quit()
})

// workers/compressor.js
process.parentPort.on('message', async ({ data }) => {
  if (data.message === 'shutdown') {
    await flushBuffersToDisk()
    process.exit(0)
  }
})

// main.js — production-grade skeleton
const { app, BrowserWindow, dialog } = require('electron')
const log = require('electron-log')
 
// 1. 단일 인스턴스 — [02 Main]에서 다룸
const lock = app.requestSingleInstanceLock()
if (!lock) { app.quit(); return }
 
// 2. 자식 프로세스 추적
const children = new Set()  // UtilityProcess set
 
function spawnWorker(name, script) {
  const child = utilityProcess.fork(script, [], { serviceName: name })
  children.add(child)
  child.once('exit', () => children.delete(child))
  return child
}
 
// 3. Renderer crash 복구
app.on('render-process-gone', (event, webContents, details) => {
  log.error('renderer gone', details)
  if (details.reason === 'oom' || details.reason === 'crashed') {
    const win = BrowserWindow.fromWebContents(webContents)
    if (win && !win.isDestroyed()) win.webContents.reload()
  }
})
 
// 4. Utility crash 자동 재시작
app.on('child-process-gone', (event, details) => {
  log.error('child gone', details)
  if (details.type === 'Utility' && details.serviceName === 'compressor') {
    setTimeout(() => spawnWorker('compressor', './workers/compressor.js'), 1000)
  }
})
 
// 5. 깨끗한 종료
let shuttingDown = false
app.on('before-quit', async (event) => {
  if (shuttingDown) return
  event.preventDefault()
  shuttingDown = true
 
  for (const c of children) c.postMessage({ message: 'shutdown' })
  await Promise.race([
    Promise.all([...children].map(c => new Promise(res => c.once('exit', res)))),
    new Promise(res => setTimeout(res, 5000)),
  ])
  app.quit()
})
 
// 6. 예측 못 한 예외도 로그로 — 죽지는 않음
process.on('uncaughtException', (err) => {
  log.error('main uncaught', err)
})