SuperAPI AI 工具集

markstream-angular

前端与建站

查看项目

更新于 10-16 06:13

技能介绍

用途:把 Markstream 渲染器加入 Angular 20+ 应用,同时保留独立组件模式与 signal 友好的绑定,并保持安全的渲染默认设置与可选的显式依赖。框架选型使用 markstream-install,确认 Angular 后再用本技能。

适用:Angular 专属的独立组件导入、CSS、signals、自定义标签或组件、流式状态以及可选 peer 依赖。不适用于 Angular 20 以下,或无法接受 alpha 渲染器 API 的应用。

使用流程:改动依赖或源码前先检查现有包管理器与项目约定,预览计划修改并取得用户明确同意。确认 Angular 20+ 并记录 markstream-angular 为 alpha 版本。安装包及仅被请求的 peer 依赖;导入 markstream-angular/index.css,仅在需要数学公式时添加 KaTeX CSS。将 MarkstreamAngularComponent 加入独立组件的 imports。先使用 [content] 与 [smoothStreaming]="'auto'";仅当另一层负责 AST 时再使用 nodes 加 final。实时聊天使用 [fade]="false" 并可选启用 [typewriter]="true";完成时设置 [final]="true",停用节奏/光标,如有需要再启用 fade。仅在受信标签工作流中使用 [customHtmlTags] 与 [customComponents]。除非有范围极窄的受信遗留场景,否则保持 [htmlPolicy]="'safe'" 与 Mermaid 严格模式。用最小的 Angular 构建、类型检查或开发命令验证。

限制:要求 Angular 20+,且为 alpha 包;依赖浏览器的 peer 可能需要打包器或客户端边界处理;本技能不负责设计宿主聊天架构或视觉系统。安全方面:安装前审查依赖变更,绝不针对不可信模型输出放宽 HTML 或 Mermaid 信任设置。