Tauri SDK reference

import { useReleaseNotes } from '@makershq/react/tauri'

export function CheckForUpdates() {
  const { checkForUpdates } = useReleaseNotes()
  return <button onClick={() => void checkForUpdates().catch(console.error)}>Check for updates</button>
}

export interface AvailableUpdate {
  version: string
  notes?: string
}

export type InstallProgress =
  | { phase: 'downloading'; downloadedBytes: number; totalBytes?: number }
  | { phase: 'installing' | 'restarting' }

export interface AppUpdater {
  check(): Promise<AvailableUpdate | null>
  install(
    version: string,
    reportProgress: (progress: InstallProgress) => void,
  ): Promise<void>
  cancel?(): Promise<void>
}

{
  "identifier": "consumer-settings",
  "windows": ["settings-window"],
  "permissions": [
    "core:event:allow-listen",
    "core:event:allow-unlisten",
    "core:event:allow-emit-to"
  ]
}

import { ReleaseNotes } from '@makershq/react'
import { useReleaseNotes } from '@makershq/react/tauri'

export function AppOwnedUpdates() {
  const { state, reader, update, open, checkForUpdates, setShowAfterUpdate } =
    useReleaseNotes()
  return (
    <section>
      <p>Installed {state.currentVersion}</p>
      <label>
        <input
          type="checkbox"
          disabled={!state.ready}
          checked={state.preferences.showAfterUpdate}
          onChange={(event) =>
            void setShowAfterUpdate(event.target.checked).catch(() => undefined)
          }
        />
        Show release notes after updating
      </label>
      <button
        disabled={!state.ready}
        onClick={() => void open().catch(() => undefined)}
      >
        Read changes
      </button>
      <button
        disabled={
          !state.ready ||
          state.status === 'checking' ||
          state.status === 'progress'
        }
        onClick={() => void checkForUpdates().catch(() => undefined)}
      >
        Check updates
      </button>
      {state.error && <p role="alert">{state.error}</p>}
      {reader && (
        <section aria-label="Our release notes">
          <ReleaseNotes
            projectId={state.projectId}
            version={reader.version}
            onReleaseRendered={reader.onReleaseRendered}
          />
          <button onClick={() => void reader.dismiss().catch(() => undefined)}>
            Close notes
          </button>
        </section>
      )}
      {update && (
        <section aria-label="Our updater">
          <p>
            {state.status === 'current'
              ? 'You are up to date'
              : state.candidate?.version}
          </p>
          {state.status === 'available' && (
            <>
              <button
                onClick={() => void update.install().catch(() => undefined)}
              >
                Install
              </button>
              <button onClick={() => void update.skip().catch(() => undefined)}>
                Skip version
              </button>
            </>
          )}
          {state.status === 'progress' && <p role="status">Updating…</p>}
          {state.canCancel && (
            <button onClick={() => void update.cancel().catch(() => undefined)}>
              Cancel download
            </button>
          )}
          <button onClick={() => void update.dismiss().catch(() => undefined)}>
            Dismiss
          </button>
        </section>
      )}
    </section>
  )
}