SuperAPI AI 工具集

iblai-notification

前端与建站

查看项目

更新于 10-16 05:56

技能介绍

用途:为 Next.js 应用添加通知功能,包括导航栏的铃铛图标(带未读角标)和完整的通知中心页面(含 Inbox 与 Alerts 标签页)。

主要能力:铃铛组件读取 localStorage 中的 userData 与 tenant,未认证时返回 null;通知中心支持标记已读、管理员可发送通知并查看 Alerts 标签页。组件来自 @iblai/iblai-js,优先使用 SDK 组件,其次 shadcn/ui。

使用方式:前置条件为完成认证(/iblai-auth)、配置 MCP 服务器与技能(@iblai/mcp 写入 .mcp.json)、iblai.env 中填好 PLATFORM、DOMAIN、TOKEN。若缺少 iblai.env 可执行:curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env。将 assets/notification-bell.tsx.j2 渲染为 components/iblai/notification-bell.tsx。新项目可改用 vibe-starter:git clone -b spa https://github.com/iblai/vibe-starter.git vibe-starter-init,再 cp -a vibe-starter-init/. . && rm -rf vibe-starter-init,然后 pnpm install。验证运行 /iblai-ops-test,并执行 pnpm build && pnpm test。

限制:不要给 ibl.ai SDK 组件添加自定义样式,未要求时不要实现深色模式。Redux store 需包含 mentorReducer 与 mentorMiddleware;initializeDataLayer() 接收 5 个参数。通知 REST API 基址为 ${dmUrl}/api/notification/v1/,认证用 Authorization: Token <token>。模板使用 Django 语法,email_html_template 会被 bleach 清洗。管理员专属接口包括模板 PATCH、builder 发送、SMTP 测试等。具体收费、价格与平台支持情况暂未提供。