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:
@@ -0,0 +1,124 @@
|
||||
/* eslint-disable antfu/no-import-node-modules-by-path */
|
||||
import { afterEach, describe, expect, it, vi } from 'vitest'
|
||||
import React, { act } from '../packages/markstream-react/node_modules/react'
|
||||
import { createRoot } from '../packages/markstream-react/node_modules/react-dom/client'
|
||||
|
||||
interface Entry {
|
||||
target: Element
|
||||
isIntersecting: boolean
|
||||
intersectionRatio: number
|
||||
}
|
||||
|
||||
class FakeIntersectionObserver {
|
||||
static instances: FakeIntersectionObserver[] = []
|
||||
callback: (entries: Entry[]) => void
|
||||
elements = new Set<Element>()
|
||||
|
||||
constructor(cb: (entries: Entry[]) => void) {
|
||||
this.callback = cb
|
||||
FakeIntersectionObserver.instances.push(this)
|
||||
}
|
||||
|
||||
observe(el: Element) {
|
||||
this.elements.add(el)
|
||||
}
|
||||
|
||||
unobserve(el: Element) {
|
||||
this.elements.delete(el)
|
||||
}
|
||||
|
||||
disconnect() {
|
||||
this.elements.clear()
|
||||
}
|
||||
|
||||
trigger(el: Element, isIntersecting = true) {
|
||||
if (!this.elements.has(el))
|
||||
return
|
||||
this.callback([{ target: el, isIntersecting, intersectionRatio: isIntersecting ? 1 : 0 }])
|
||||
}
|
||||
}
|
||||
|
||||
async function flushReact() {
|
||||
await act(async () => {
|
||||
await Promise.resolve()
|
||||
await Promise.resolve()
|
||||
})
|
||||
}
|
||||
|
||||
afterEach(() => {
|
||||
vi.useRealTimers()
|
||||
vi.unstubAllGlobals()
|
||||
vi.resetModules()
|
||||
FakeIntersectionObserver.instances = []
|
||||
document.body.innerHTML = ''
|
||||
;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = false
|
||||
})
|
||||
|
||||
describe('markstream-react mermaid viewport priority', () => {
|
||||
it('prerenders during idle before the block becomes visible', async () => {
|
||||
vi.useFakeTimers()
|
||||
;(globalThis as any).IS_REACT_ACT_ENVIRONMENT = true
|
||||
vi.stubGlobal('requestIdleCallback', ((cb: any) => setTimeout(() => cb({ didTimeout: false, timeRemaining: () => 50 }), 1)) as any)
|
||||
vi.stubGlobal('cancelIdleCallback', ((id: number) => clearTimeout(id)) as any)
|
||||
|
||||
const canParseOffthread = vi.fn(async () => true)
|
||||
const findPrefixOffthread = vi.fn(async () => null)
|
||||
const fakeMermaid = {
|
||||
initialize: vi.fn(),
|
||||
parse: vi.fn(async () => true),
|
||||
render: vi.fn(async () => ({
|
||||
svg: '<svg viewBox="0 0 10 10"><g /></svg>',
|
||||
bindFunctions: vi.fn(),
|
||||
})),
|
||||
}
|
||||
vi.doMock('../packages/markstream-react/src/workers/mermaidWorkerClient', () => ({
|
||||
canParseOffthread,
|
||||
findPrefixOffthread,
|
||||
terminateWorker: vi.fn(),
|
||||
}))
|
||||
vi.doMock('../packages/markstream-react/src/components/MermaidBlockNode/mermaid', () => ({
|
||||
getMermaid: vi.fn(async () => fakeMermaid),
|
||||
}))
|
||||
vi.stubGlobal('IntersectionObserver', FakeIntersectionObserver as any)
|
||||
|
||||
const { MermaidBlockNode } = await import('../packages/markstream-react/src/components/MermaidBlockNode/MermaidBlockNode')
|
||||
const host = document.createElement('div')
|
||||
document.body.appendChild(host)
|
||||
const root = createRoot(host)
|
||||
const node = {
|
||||
type: 'code_block',
|
||||
language: 'mermaid',
|
||||
code: 'graph LR\nA-->B\nB-->C\n',
|
||||
raw: '```mermaid\ngraph LR\nA-->B\nB-->C\n```',
|
||||
}
|
||||
|
||||
await act(async () => {
|
||||
root.render(React.createElement(MermaidBlockNode as any, {
|
||||
node,
|
||||
loading: true,
|
||||
}))
|
||||
})
|
||||
await flushReact()
|
||||
await act(async () => {
|
||||
await vi.advanceTimersByTimeAsync(250)
|
||||
})
|
||||
await flushReact()
|
||||
|
||||
expect(canParseOffthread).not.toHaveBeenCalled()
|
||||
expect(findPrefixOffthread).not.toHaveBeenCalled()
|
||||
|
||||
const observer = FakeIntersectionObserver.instances.at(-1)
|
||||
expect(observer).toBeTruthy()
|
||||
|
||||
await act(async () => {
|
||||
await vi.advanceTimersByTimeAsync(1200)
|
||||
})
|
||||
await flushReact()
|
||||
|
||||
expect(canParseOffthread).toHaveBeenCalled()
|
||||
|
||||
await act(async () => {
|
||||
root.unmount()
|
||||
})
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user