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,291 @@
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
||||
import { nextTick } from 'vue'
|
||||
import CodeBlockNode from '../packages/markstream-vue2/src/components/CodeBlockNode/CodeBlockNode.vue'
|
||||
|
||||
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 () => {})
|
||||
}
|
||||
|
||||
function getThemeUpdater(wrapper: any) {
|
||||
const vm = wrapper.vm as any
|
||||
return vm?.themeUpdate ?? vm?.$?.setupState?.themeUpdate ?? null
|
||||
}
|
||||
|
||||
async function flushPendingMicrotasks() {
|
||||
await nextTick()
|
||||
await Promise.resolve()
|
||||
await Promise.resolve()
|
||||
await new Promise<void>(resolve => setTimeout(resolve, 0))
|
||||
}
|
||||
|
||||
async function waitForCreateEditorCalls(expected: number, helpers: StreamMonacoHelpers, timeout = 1000) {
|
||||
const start = Date.now()
|
||||
while (helpers.createEditor.mock.calls.length < expected) {
|
||||
if (Date.now() - start > timeout)
|
||||
throw new Error('Timed out waiting for createEditor call')
|
||||
await flushPendingMicrotasks()
|
||||
}
|
||||
}
|
||||
|
||||
async function waitForCreateDiffEditorCalls(expected: number, helpers: StreamMonacoHelpers, timeout = 1000) {
|
||||
const start = Date.now()
|
||||
while (helpers.createDiffEditor.mock.calls.length < expected) {
|
||||
if (Date.now() - start > timeout)
|
||||
throw new Error('Timed out waiting for createDiffEditor call')
|
||||
await flushPendingMicrotasks()
|
||||
}
|
||||
}
|
||||
|
||||
async function waitForCondition(check: () => boolean, timeout = 1000) {
|
||||
const start = Date.now()
|
||||
while (!check()) {
|
||||
if (Date.now() - start > timeout)
|
||||
throw new Error('Timed out waiting for condition')
|
||||
await flushPendingMicrotasks()
|
||||
}
|
||||
}
|
||||
|
||||
describe('markstream-vue2 codeBlockNode theme updates', () => {
|
||||
beforeEach(() => {
|
||||
resetStreamMonacoHelpers()
|
||||
})
|
||||
|
||||
it('updates single-editor themes without recreating the editor when isDark toggles', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
|
||||
const wrapper = mount(CodeBlockNode as any, {
|
||||
props: {
|
||||
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 waitForCreateEditorCalls(1, helpers)
|
||||
await flushPendingMicrotasks()
|
||||
|
||||
helpers.createEditor.mockClear()
|
||||
helpers.cleanupEditor.mockClear()
|
||||
helpers.safeClean.mockClear()
|
||||
helpers.setTheme.mockClear()
|
||||
|
||||
await wrapper.setProps({ isDark: true })
|
||||
await flushPendingMicrotasks()
|
||||
if (helpers.setTheme.mock.calls.length === 0) {
|
||||
const themeUpdate = getThemeUpdater(wrapper)
|
||||
themeUpdate?.()
|
||||
await flushPendingMicrotasks()
|
||||
}
|
||||
|
||||
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')
|
||||
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('updates diff themes without recreating the diff editor when isDark toggles', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
|
||||
const wrapper = mount(CodeBlockNode as any, {
|
||||
props: {
|
||||
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 waitForCreateDiffEditorCalls(1, helpers)
|
||||
await flushPendingMicrotasks()
|
||||
|
||||
helpers.createDiffEditor.mockClear()
|
||||
helpers.cleanupEditor.mockClear()
|
||||
helpers.safeClean.mockClear()
|
||||
helpers.refreshDiffPresentation.mockClear()
|
||||
helpers.setTheme.mockClear()
|
||||
|
||||
await wrapper.setProps({ isDark: true })
|
||||
await flushPendingMicrotasks()
|
||||
if (helpers.setTheme.mock.calls.length === 0) {
|
||||
const themeUpdate = getThemeUpdater(wrapper)
|
||||
themeUpdate?.()
|
||||
await flushPendingMicrotasks()
|
||||
}
|
||||
|
||||
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()
|
||||
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('normalizes diff unchanged reveal icons to chevrons', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
|
||||
helpers.createDiffEditor.mockImplementation(async (el: HTMLElement) => {
|
||||
el.innerHTML = `
|
||||
<div class="stream-monaco-diff-root">
|
||||
<div class="stream-monaco-diff-unchanged-bridge">
|
||||
<div class="stream-monaco-unchanged-rail">
|
||||
<button class="stream-monaco-unchanged-reveal" data-direction="down">
|
||||
<span class="codicon codicon-unfold"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
||||
const wrapper = mount(CodeBlockNode as any, {
|
||||
props: {
|
||||
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 waitForCreateDiffEditorCalls(1, helpers)
|
||||
await waitForCondition(() => {
|
||||
const revealIcon = wrapper.element.querySelector(
|
||||
'.stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal .codicon',
|
||||
) as HTMLElement | null
|
||||
return revealIcon?.className === 'codicon codicon-chevron-down'
|
||||
})
|
||||
|
||||
const revealIcon = wrapper.element.querySelector(
|
||||
'.stream-monaco-diff-unchanged-bridge .stream-monaco-unchanged-reveal .codicon',
|
||||
) as HTMLElement | null
|
||||
|
||||
expect(revealIcon?.className).toBe('codicon codicon-chevron-down')
|
||||
|
||||
wrapper.unmount()
|
||||
})
|
||||
})
|
||||
|
||||
describe('markstream-vue2 codeBlockNode plain text theme fallback', () => {
|
||||
beforeEach(() => {
|
||||
resetStreamMonacoHelpers()
|
||||
})
|
||||
|
||||
it('keeps dark plain text blocks on the fallback dark surface when Monaco reports light colors', async () => {
|
||||
const helpers = getStreamMonacoHelpers()
|
||||
|
||||
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)
|
||||
})
|
||||
|
||||
const wrapper = mount(CodeBlockNode as any, {
|
||||
props: {
|
||||
node: {
|
||||
type: 'code_block',
|
||||
language: 'plaintext',
|
||||
code: 'packages/',
|
||||
raw: '```text\npackages/\n```',
|
||||
},
|
||||
loading: false,
|
||||
isDark: true,
|
||||
darkTheme: 'vitesse-dark',
|
||||
lightTheme: 'vitesse-light',
|
||||
},
|
||||
})
|
||||
|
||||
await waitForCreateEditorCalls(1, helpers)
|
||||
await flushPendingMicrotasks()
|
||||
|
||||
const container = wrapper.get('.code-block-container').element as HTMLElement
|
||||
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('')
|
||||
|
||||
wrapper.unmount()
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user