* ci: auto-release workflow on merge to main Rewrite .github/workflows/release.yml to trigger on every push to main instead of manual tag pushes. The workflow now: - Computes version as 0.YYYYMMDD.GITHUB_RUN_NUMBER - Builds aarch64-apple-darwin and x86_64-apple-darwin in parallel - Merges them into a universal binary using lipo - Creates a universal .dmg and signed updater tarball - Generates latest.json with per-arch and universal platform entries - Publishes a GitHub Release with auto-generated release notes - Updates a GitHub Pages release history site (gh-pages branch) Product decisions: - Universal binary approach: copy arm64 .app as base, lipo the main executable, keep everything else from arm64 (shared frameworks are architecture-independent). This is the standard Tauri pattern. - Per-arch updater tarballs are also uploaded so the Tauri updater can download the correct arch-specific build (smaller download). - Release notes are auto-generated from git log since last tag. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * ci: github pages with release history Use peaceiris/actions-gh-pages@v4 to deploy a release history site. The page fetches releases.json (also deployed) and renders each release with date, notes, and download links for .dmg files. This handles the gh-pages branch creation automatically on first run. The page is available at https://refactoringhq.github.io/laputa-app/ Product decision: used fetch() to load releases.json at runtime instead of inlining it, which is cleaner and avoids shell escaping issues with release note content. The releases.json is deployed alongside index.html. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: in-app update notification UI Replace the old window.confirm updater with a proper React-based update notification system: - useUpdater hook now exposes state machine (idle → available → downloading → ready) and actions (startDownload, openReleaseNotes, dismiss) - UpdateBanner component renders at the top of the app shell: - "Available" state: shows version, Release Notes link, Update Now button, dismiss X - "Downloading" state: animated spinner, progress bar with percentage - "Ready" state: Restart Now button to apply the update - Silently checks on startup after 3s delay; fails silently on network errors or 404 - Release Notes link opens the GitHub Pages release history site Product decisions: - Banner at top of app (not a modal) — non-intrusive, visible but not blocking. User can dismiss and continue working. - Progress bar shows during download so user knows it's working. - Separate "Restart Now" state after download so user controls when the app restarts (they may have unsaved work). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * test: updater component tests Rewrite useUpdater hook tests and add UpdateBanner component tests: Hook tests (10 cases): - Starts in idle state - Does nothing when not in Tauri - Checks for updates after 3s delay - Stays idle when no update available - Transitions to available when update found - Handles missing release body gracefully - Stays idle on network error (fails silently) - Dismiss returns to idle - openReleaseNotes opens correct URL - startDownload transitions through downloading to ready Component tests (10 cases): - Renders nothing when idle - Renders nothing on error - Shows version and buttons when available - Update Now calls startDownload - Release Notes calls openReleaseNotes - Dismiss button works - Shows progress bar during download - Shows 0% at start of download - Shows restart button when ready - Restart button calls restartApp All 457 tests pass. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * design: auto-build-release wireframes Copy ui-design.pen as base. Frames to be added for: 1. Update notification banner (visible state) — horizontal bar at top of app shell with version text, Release Notes link, Update Now button, and dismiss X 2. Update download progress state — spinner icon, progress bar with percentage, downloading text 3. "Restart to apply" state — green accent, version text, Restart Now button Note: Pencil editor was not available during this session. The base design file is committed; frames will be added when the editor is accessible. The implemented component (UpdateBanner.tsx) serves as the source of truth for the design. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: update ARCHITECTURE.md with release/update system Add comprehensive documentation for: - Release pipeline (4-phase workflow: version → build → release → pages) - Versioning scheme (0.YYYYMMDD.RUN_NUMBER) - Universal binary strategy (lipo merge) - Updater endpoint and latest.json manifest - In-app update UI state machine - GitHub Pages release history site Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: rustfmt formatting * fix: rustfmt build.rs --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
105 lines
3.3 KiB
TypeScript
105 lines
3.3 KiB
TypeScript
import { useCallback, useEffect, useRef, useState } from 'react'
|
|
import { isTauri } from '../mock-tauri'
|
|
|
|
const RELEASE_NOTES_URL = 'https://refactoringhq.github.io/laputa-app/'
|
|
|
|
export type UpdateStatus =
|
|
| { state: 'idle' }
|
|
| { state: 'available'; version: string; notes: string | undefined }
|
|
| { state: 'downloading'; version: string; progress: number }
|
|
| { state: 'ready'; version: string }
|
|
| { state: 'error' }
|
|
|
|
export interface UpdateActions {
|
|
startDownload: () => void
|
|
openReleaseNotes: () => void
|
|
dismiss: () => void
|
|
}
|
|
|
|
export function useUpdater(): { status: UpdateStatus; actions: UpdateActions } {
|
|
const [status, setStatus] = useState<UpdateStatus>({ state: 'idle' })
|
|
const updateRef = useRef<unknown>(null)
|
|
|
|
useEffect(() => {
|
|
if (!isTauri()) return
|
|
|
|
const checkForUpdates = async () => {
|
|
try {
|
|
const { check } = await import('@tauri-apps/plugin-updater')
|
|
const update = await check()
|
|
if (!update) return // up to date
|
|
|
|
updateRef.current = update
|
|
setStatus({
|
|
state: 'available',
|
|
version: update.version,
|
|
notes: update.body ?? undefined,
|
|
})
|
|
} catch {
|
|
// Network error or 404 — fail silently
|
|
console.warn('[updater] Failed to check for updates')
|
|
}
|
|
}
|
|
|
|
// Delay so the app can render first
|
|
const timer = setTimeout(checkForUpdates, 3000)
|
|
return () => clearTimeout(timer)
|
|
}, [])
|
|
|
|
const startDownload = useCallback(async () => {
|
|
const update = updateRef.current as {
|
|
version: string
|
|
downloadAndInstall: (cb: (event: { event: string; data?: { contentLength?: number; chunkLength?: number } }) => void) => Promise<void>
|
|
} | null
|
|
if (!update) return
|
|
|
|
let totalBytes = 0
|
|
let downloadedBytes = 0
|
|
|
|
setStatus({ state: 'downloading', version: update.version, progress: 0 })
|
|
|
|
try {
|
|
await update.downloadAndInstall((event) => {
|
|
if (event.event === 'Started' && event.data?.contentLength) {
|
|
totalBytes = event.data.contentLength
|
|
} else if (event.event === 'Progress' && event.data?.chunkLength) {
|
|
downloadedBytes += event.data.chunkLength
|
|
const progress = totalBytes > 0 ? Math.min(downloadedBytes / totalBytes, 1) : 0
|
|
setStatus({ state: 'downloading', version: update.version, progress })
|
|
} else if (event.event === 'Finished') {
|
|
setStatus({ state: 'ready', version: update.version })
|
|
}
|
|
})
|
|
|
|
// If Finished wasn't emitted via callback, set ready after await resolves
|
|
setStatus((prev) => (prev.state === 'downloading' ? { state: 'ready', version: update.version } : prev))
|
|
} catch {
|
|
console.warn('[updater] Download failed')
|
|
setStatus({ state: 'error' })
|
|
}
|
|
}, [])
|
|
|
|
const openReleaseNotes = useCallback(() => {
|
|
window.open(RELEASE_NOTES_URL, '_blank')
|
|
}, [])
|
|
|
|
const dismiss = useCallback(() => {
|
|
setStatus({ state: 'idle' })
|
|
}, [])
|
|
|
|
return { status, actions: { startDownload, openReleaseNotes, dismiss } }
|
|
}
|
|
|
|
/**
|
|
* Trigger app restart after an update has been downloaded.
|
|
* Separated so the component can call it on button click.
|
|
*/
|
|
export async function restartApp(): Promise<void> {
|
|
try {
|
|
const { relaunch } = await import('@tauri-apps/plugin-process')
|
|
await relaunch()
|
|
} catch {
|
|
console.warn('[updater] Failed to relaunch')
|
|
}
|
|
}
|