Compare commits

..

No commits in common. "271ff151a1f73738324a296f08a931e91695c614" and "9649666195f23613d433832983db37b662b8baf6" have entirely different histories.

6 changed files with 10 additions and 82 deletions

View File

@ -86,9 +86,9 @@ function parseTime(s: string): { hour: number, minute: number } | null {
// 12h: "7am", "7pm", "7:30am", "7:30pm", "12am", "12:00pm"
const m12 = s.match(/^(\d{1,2})(?::(\d{2}))?\s*(am|pm)$/i)
if (m12) {
let hour = parseInt(m12[1]!)
let hour = parseInt(m12[1])
const minute = m12[2] ? parseInt(m12[2]) : 0
const period = m12[3]!.toLowerCase()
const period = m12[3].toLowerCase()
if (hour < 1 || hour > 12 || minute > 59) return null
if (period === 'am' && hour === 12) hour = 0
else if (period === 'pm' && hour !== 12) hour += 12
@ -98,8 +98,8 @@ function parseTime(s: string): { hour: number, minute: number } | null {
// 24h: "14:00", "0:00", "23:59"
const m24 = s.match(/^(\d{1,2}):(\d{2})$/)
if (m24) {
const hour = parseInt(m24[1]!)
const minute = parseInt(m24[2]!)
const hour = parseInt(m24[1])
const minute = parseInt(m24[2])
if (hour > 23 || minute > 59) return null
return { hour, minute }
}

View File

@ -4,8 +4,6 @@ import {
LogsBody,
LogsHeader,
LogsSection,
LogsTab,
LogsTabs,
LogsTitle,
LogText,
LogTimestamp,
@ -18,11 +16,8 @@ export interface UnifiedLogLine {
text: string
}
type LogFilter = 'all' | 'toes'
const MAX_LOGS = 200
let _filter: LogFilter = 'all'
let _logs: UnifiedLogLine[] = []
let _source: EventSource | undefined
@ -59,6 +54,7 @@ function parseLogText(text: string): { method?: string, path?: string, status?:
function LogLineEntry({ log }: { log: UnifiedLogLine }) {
const parsed = parseLogText(log.text)
const statusColor = getStatusColor(parsed.status)
return (
<LogEntry>
<LogTimestamp>{formatTime(log.time)}</LogTimestamp>
@ -70,31 +66,21 @@ function LogLineEntry({ log }: { log: UnifiedLogLine }) {
)
}
const filteredLogs = (): UnifiedLogLine[] =>
_filter === 'toes' ? _logs.filter(l => l.app === 'toes') : _logs
function setFilter(filter: LogFilter) {
_filter = filter
renderLogs()
}
function LogsBodyContent() {
const logs = filteredLogs()
return (
<>
{logs.length === 0 ? (
{_logs.length === 0 ? (
<LogEntry>
<LogText style={{ color: 'var(--colors-textFaint)' }}>No activity yet</LogText>
</LogEntry>
) : (
logs.map((log, i) => <LogLineEntry key={i} log={log} />)
_logs.map((log, i) => <LogLineEntry key={i} log={log} />)
)}
</>
)
}
function renderLogs() {
update('#unified-logs-tabs', <LogsTabsBar />)
update('#unified-logs-body', <LogsBodyContent />)
// Auto-scroll after render
requestAnimationFrame(() => {
@ -115,21 +101,11 @@ export function initUnifiedLogs() {
}
}
function LogsTabsBar() {
return (
<LogsTabs>
<LogsTab variant={_filter === 'all' ? 'active' : undefined} onClick={() => setFilter('all')}>All</LogsTab>
<LogsTab variant={_filter === 'toes' ? 'active' : undefined} onClick={() => setFilter('toes')}>Toes</LogsTab>
</LogsTabs>
)
}
export function UnifiedLogs() {
return (
<LogsSection>
<LogsHeader>
<LogsTitle>Logs</LogsTitle>
<div id="unified-logs-tabs"><LogsTabsBar /></div>
</LogsHeader>
<LogsBody id="unified-logs-body">
<LogsBodyContent />

View File

@ -97,36 +97,6 @@ export const LogsClearButton = define('LogsClearButton', {
},
})
export const LogsTabs = define('LogsTabs', {
display: 'flex',
gap: 0,
})
export const LogsTab = define('LogsTab', {
base: 'button',
background: 'none',
border: 'none',
borderBottom: '2px solid transparent',
padding: '0 8px 8px',
fontSize: 11,
fontWeight: 600,
color: theme('colors-textFaint'),
cursor: 'pointer',
textTransform: 'uppercase',
letterSpacing: '0.05em',
selectors: {
'&:hover': {
color: theme('colors-text'),
},
},
variants: {
active: {
color: theme('colors-text'),
borderBottomColor: theme('colors-text'),
},
},
})
export const LogsBody = define('LogsBody', {
height: 200,
overflow: 'auto',

View File

@ -9,8 +9,6 @@ export {
LogsClearButton,
LogsHeader,
LogsSection,
LogsTab,
LogsTabs,
LogsTitle,
LogStatus,
LogText,

View File

@ -1,5 +1,4 @@
import { allApps, APPS_DIR, onChange } from '$apps'
import { onHostLog } from '../tui'
import { Hype } from '@because/hype'
import { cpus, platform, totalmem } from 'os'
import { join } from 'path'
@ -259,17 +258,7 @@ function collectLogs() {
}
}
function pushHostLog(text: string) {
const line: UnifiedLogLine = { time: Date.now(), app: 'toes', text }
unifiedLogs.push(line)
if (unifiedLogs.length > MAX_UNIFIED_LOGS) unifiedLogs.shift()
for (const listener of unifiedLogListeners) listener(line)
}
// Subscribe to app changes to collect logs
onChange(collectLogs)
// Subscribe to host-level log messages
onHostLog(pushHostLog)
export default router

View File

@ -7,13 +7,8 @@ let _apps: App[] = []
let _enabled = (process.stdout.isTTY ?? false) && !process.env.DEBUG
let _lastRender = 0
let _renderTimer: Timer | undefined
let _hostLogListeners = new Set<(text: string) => void>()
let _showEmoji = false
export const onHostLog = (cb: (text: string) => void) => {
_hostLogListeners.add(cb)
}
export const setShowEmoji = (show: boolean) => {
_showEmoji = show
scheduleRender()
@ -26,9 +21,9 @@ export function appLog(app: App, ...msg: string[]) {
}
export function hostLog(...msg: string[]) {
const text = msg.join(' ')
if (!_enabled) console.log('🐾', text)
for (const listener of _hostLogListeners) listener(text)
if (!_enabled) {
console.log('🐾', msg.join(' '))
}
}
export function setApps(apps: App[]) {