feat(desktop): embed BoosAPI Desktop client as a subproject
Vendor the rebranded BoosAPI Desktop client (Tauri + Vue) into metapi as a monorepo subdirectory under desktop/. Source only — node_modules, dist, Cargo target and the upstream .git history are excluded. desktop/ keeps its own independent Cargo workspace (desktop/src-tauri with crates/*); it is not part of the backend boosapi crate, so a `cargo check` at the metapi root still compiles only the backend. Build the desktop app from desktop/src-tauri per desktop/README.md. Note: app icons are still placeholder assets pending the final BoosAPI logo. The updater signing keys live outside the repo and are not included.
This commit is contained in:
boos
@@ -0,0 +1,281 @@
|
||||
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
||||
/* eslint-disable antfu/no-import-node-modules-by-path */
|
||||
import React, { act } from '../packages/markstream-react/node_modules/react'
|
||||
import { createRoot } from '../packages/markstream-react/node_modules/react-dom/client'
|
||||
import { CodeBlockNode } from '../packages/markstream-react/src/components/CodeBlockNode/CodeBlockNode'
|
||||
|
||||
interface StreamMonacoHelpers {
|
||||
useMonaco: ReturnType<typeof vi.fn>
|
||||
createEditor: ReturnType<typeof vi.fn>
|
||||
createDiffEditor: ReturnType<typeof vi.fn>
|
||||
updateCode: ReturnType<typeof vi.fn>
|
||||
updateDiff: ReturnType<typeof vi.fn>
|
||||
getEditor: ReturnType<typeof vi.fn>
|
||||
getEditorView: ReturnType<typeof vi.fn>
|
||||
getDiffEditorView: ReturnType<typeof vi.fn>
|
||||
cleanupEditor: ReturnType<typeof vi.fn>
|
||||
safeClean: ReturnType<typeof vi.fn>
|
||||
refreshDiffPresentation: ReturnType<typeof vi.fn>
|
||||
setTheme: ReturnType<typeof vi.fn>
|
||||
}
|
||||
|
||||
function getStreamMonacoHelpers(): StreamMonacoHelpers {
|
||||
return (globalThis as any).__streamMonacoHelpers
|
||||
}
|
||||
|
||||
function resetStreamMonacoHelpers() {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
const makeEditorView = () => ({
|
||||
getModel: () => ({ getLineCount: () => 1 }),
|
||||
getOption: () => 14,
|
||||
updateOptions: vi.fn(),
|
||||
layout: vi.fn(),
|
||||
})
|
||||
|
||||
helpers.useMonaco.mockReset().mockImplementation(() => helpers)
|
||||
helpers.createEditor.mockReset().mockImplementation(async () => {})
|
||||
helpers.createDiffEditor.mockReset().mockImplementation(async () => {})
|
||||
helpers.updateCode.mockReset()
|
||||
helpers.updateDiff.mockReset()
|
||||
helpers.getEditor.mockReset().mockImplementation(() => null)
|
||||
helpers.getEditorView.mockReset().mockReturnValue(makeEditorView())
|
||||
helpers.getDiffEditorView.mockReset().mockReturnValue(makeEditorView())
|
||||
helpers.cleanupEditor.mockReset().mockImplementation(() => {})
|
||||
helpers.safeClean.mockReset().mockImplementation(() => {})
|
||||
helpers.refreshDiffPresentation.mockReset().mockImplementation(() => {})
|
||||
helpers.setTheme.mockReset().mockImplementation(async () => {})
|
||||
}
|
||||
|
||||
async function flushReact() {
|
||||
await act(async () => {
|
||||
await Promise.resolve()
|
||||
await Promise.resolve()
|
||||
await new Promise<void>(resolve => setTimeout(resolve, 0))
|
||||
})
|
||||
}
|
||||
|
||||
async function waitForCallCount(fn: ReturnType<typeof vi.fn>, expected: number, timeout = 1000) {
|
||||
const start = Date.now()
|
||||
while (fn.mock.calls.length < expected) {
|
||||
if (Date.now() - start > timeout)
|
||||
throw new Error('Timed out waiting for mock call')
|
||||
await flushReact()
|
||||
}
|
||||
}
|
||||
|
||||
afterEach(() => {
|
||||
document.body.innerHTML = ''
|
||||
;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = false
|
||||
})
|
||||
|
||||
describe('markstream-react codeBlockNode theme updates', () => {
|
||||
beforeEach(() => {
|
||||
resetStreamMonacoHelpers()
|
||||
;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true
|
||||
})
|
||||
|
||||
it('updates single-editor themes without recreating the editor when isDark toggles', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
const host = document.createElement('div')
|
||||
document.body.appendChild(host)
|
||||
const root = createRoot(host)
|
||||
const baseProps = {
|
||||
node: {
|
||||
type: 'code_block',
|
||||
language: 'json',
|
||||
code: '{"hello":"world"}',
|
||||
raw: '```json\n{"hello":"world"}\n```',
|
||||
},
|
||||
loading: false,
|
||||
showHeader: false,
|
||||
isDark: false,
|
||||
darkTheme: 'vitesse-dark',
|
||||
lightTheme: 'vitesse-light',
|
||||
}
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, baseProps))
|
||||
})
|
||||
await waitForCallCount(helpers.createEditor, 1)
|
||||
await flushReact()
|
||||
|
||||
helpers.createEditor.mockClear()
|
||||
helpers.cleanupEditor.mockClear()
|
||||
helpers.safeClean.mockClear()
|
||||
helpers.setTheme.mockClear()
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, {
|
||||
...baseProps,
|
||||
isDark: true,
|
||||
}))
|
||||
})
|
||||
await flushReact()
|
||||
|
||||
expect(helpers.createEditor).not.toHaveBeenCalled()
|
||||
expect(helpers.cleanupEditor).not.toHaveBeenCalled()
|
||||
expect(helpers.safeClean).not.toHaveBeenCalled()
|
||||
expect(helpers.setTheme).toHaveBeenCalledTimes(1)
|
||||
expect(helpers.setTheme).toHaveBeenCalledWith('vitesse-dark')
|
||||
|
||||
await act(async () => {
|
||||
root.unmount()
|
||||
})
|
||||
})
|
||||
|
||||
it('updates diff themes without recreating the diff editor when isDark toggles', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
const host = document.createElement('div')
|
||||
document.body.appendChild(host)
|
||||
const root = createRoot(host)
|
||||
const baseProps = {
|
||||
node: {
|
||||
type: 'code_block',
|
||||
language: 'diff',
|
||||
code: '@@ -1 +1 @@',
|
||||
diff: true,
|
||||
originalCode: 'const a = 1\nconst b = 2\n',
|
||||
updatedCode: 'const a = 1\nconst c = 3\n',
|
||||
raw: '```diff\n-const b = 2\n+const c = 3\n```',
|
||||
},
|
||||
loading: false,
|
||||
showHeader: false,
|
||||
isDark: false,
|
||||
darkTheme: 'vitesse-dark',
|
||||
lightTheme: 'vitesse-light',
|
||||
}
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, baseProps))
|
||||
})
|
||||
await waitForCallCount(helpers.createDiffEditor, 1)
|
||||
await flushReact()
|
||||
|
||||
helpers.createDiffEditor.mockClear()
|
||||
helpers.cleanupEditor.mockClear()
|
||||
helpers.safeClean.mockClear()
|
||||
helpers.refreshDiffPresentation.mockClear()
|
||||
helpers.setTheme.mockClear()
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, {
|
||||
...baseProps,
|
||||
isDark: true,
|
||||
}))
|
||||
})
|
||||
await flushReact()
|
||||
|
||||
expect(helpers.createDiffEditor).not.toHaveBeenCalled()
|
||||
expect(helpers.cleanupEditor).not.toHaveBeenCalled()
|
||||
expect(helpers.safeClean).not.toHaveBeenCalled()
|
||||
expect(helpers.setTheme).toHaveBeenCalledTimes(1)
|
||||
expect(helpers.setTheme).toHaveBeenCalledWith('vitesse-dark')
|
||||
expect(helpers.refreshDiffPresentation).toHaveBeenCalled()
|
||||
|
||||
await act(async () => {
|
||||
root.unmount()
|
||||
})
|
||||
})
|
||||
|
||||
it('applies Vue-parity diff defaults when monacoOptions are omitted', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
const host = document.createElement('div')
|
||||
document.body.appendChild(host)
|
||||
const root = createRoot(host)
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, {
|
||||
node: {
|
||||
type: 'code_block',
|
||||
language: 'diff',
|
||||
code: '@@ -1 +1 @@',
|
||||
diff: true,
|
||||
originalCode: 'const a = 1\nconst b = 2\n',
|
||||
updatedCode: 'const a = 1\nconst c = 3\n',
|
||||
raw: '```diff\n-const b = 2\n+const c = 3\n```',
|
||||
},
|
||||
loading: false,
|
||||
showHeader: false,
|
||||
isDark: false,
|
||||
darkTheme: 'vitesse-dark',
|
||||
lightTheme: 'vitesse-light',
|
||||
}))
|
||||
})
|
||||
await waitForCallCount(helpers.useMonaco, 1)
|
||||
|
||||
const options = helpers.useMonaco.mock.calls[0]?.[0] as Record<string, any> | undefined
|
||||
|
||||
expect(options?.diffLineStyle).toBe('background')
|
||||
expect(options?.diffUnchangedRegionStyle).toBe('line-info')
|
||||
expect(options?.diffAppearance).toBe('light')
|
||||
expect(options?.diffHideUnchangedRegions).toEqual({
|
||||
enabled: true,
|
||||
contextLineCount: 2,
|
||||
minimumLineCount: 4,
|
||||
revealLineCount: 5,
|
||||
})
|
||||
|
||||
await act(async () => {
|
||||
root.unmount()
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
describe('markstream-react codeBlockNode plain text theme fallback', () => {
|
||||
beforeEach(() => {
|
||||
resetStreamMonacoHelpers()
|
||||
;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true
|
||||
})
|
||||
|
||||
it('keeps dark plain text blocks on the fallback dark surface when Monaco reports light colors', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
const host = document.createElement('div')
|
||||
document.body.appendChild(host)
|
||||
const root = createRoot(host)
|
||||
|
||||
helpers.createEditor.mockImplementation(async (el: HTMLElement) => {
|
||||
const editor = document.createElement('div')
|
||||
editor.className = 'monaco-editor'
|
||||
editor.style.backgroundColor = 'rgb(255, 255, 255)'
|
||||
editor.style.color = 'rgb(17, 24, 39)'
|
||||
|
||||
const background = document.createElement('div')
|
||||
background.className = 'monaco-editor-background'
|
||||
background.style.backgroundColor = 'rgb(255, 255, 255)'
|
||||
|
||||
const lines = document.createElement('div')
|
||||
lines.className = 'view-lines'
|
||||
lines.style.color = 'rgb(17, 24, 39)'
|
||||
|
||||
editor.append(background, lines)
|
||||
el.appendChild(editor)
|
||||
})
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(CodeBlockNode as any, {
|
||||
node: {
|
||||
type: 'code_block',
|
||||
language: 'plaintext',
|
||||
code: 'packages/',
|
||||
raw: '```text\npackages/\n```',
|
||||
},
|
||||
loading: false,
|
||||
isDark: true,
|
||||
darkTheme: 'vitesse-dark',
|
||||
lightTheme: 'vitesse-light',
|
||||
}))
|
||||
})
|
||||
await waitForCallCount(helpers.createEditor, 1)
|
||||
await flushReact()
|
||||
|
||||
const container = host.querySelector('.code-block-container') as HTMLElement | null
|
||||
expect(container?.classList.contains('is-dark')).toBe(true)
|
||||
expect(container?.classList.contains('is-plain-text')).toBe(true)
|
||||
expect(container?.style.getPropertyValue('--vscode-editor-background')).toBe('')
|
||||
expect(container?.style.getPropertyValue('--vscode-editor-foreground')).toBe('')
|
||||
|
||||
await act(async () => {
|
||||
root.unmount()
|
||||
})
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user