boos
e0a5f57793
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.
2.1 KiB
2.1 KiB
Angular 快速开始
在 Angular standalone 应用里快速跑起 markstream-angular。
基础示例
import { Component, signal } from '@angular/core'
import { bootstrapApplication } from '@angular/platform-browser'
import { MarkstreamAngularComponent } from 'markstream-angular'
import 'markstream-angular/index.css'
import 'katex/dist/katex.min.css'
@Component({
selector: 'app-root',
standalone: true,
imports: [MarkstreamAngularComponent],
template: `
<markstream-angular
[content]="markdown()"
[final]="true"
[codeBlockStream]="true"
/>
`,
})
class AppComponent {
readonly markdown = signal(`# Hello Angular
这是 **markstream-angular**。
\`\`\`ts
export function greet(name: string) {
return \`hello \${name}\`
}
\`\`\`
\`\`\`mermaid
flowchart LR
输入 --> 解析 --> 渲染
\`\`\`
$E = mc^2$
`)
}
bootstrapApplication(AppComponent)
流式输出示例
import { Component, signal } from '@angular/core'
import { MarkstreamAngularComponent } from 'markstream-angular'
@Component({
selector: 'app-streaming-demo',
standalone: true,
imports: [MarkstreamAngularComponent],
template: `
<markstream-angular
[content]="content()"
[final]="done()"
[codeBlockStream]="true"
[batchRendering]="true"
[typewriter]="true"
/>
`,
})
export class StreamingDemoComponent {
readonly content = signal('# Partial output')
readonly done = signal(false)
}
TypeScript Props
import type { CodeBlockMonacoOptions, NodeRendererProps } from 'markstream-angular'
const monacoOptions: CodeBlockMonacoOptions = {
fontSize: 13,
wordWrap: 'on',
}
const props: NodeRendererProps = {
content: '# Angular',
codeBlockMonacoOptions: monacoOptions,
final: true,
}
自定义标签
Angular 版也支持 playground 里 thinking 这类 custom HTML tag 流程：
<markstream-angular
[content]="markdown()"
[customHtmlTags]="['thinking']"
[customComponents]="customComponents"
/>