@ 蓝印- 图表/ 编辑器
静态站点捆绑"蓝图图"编辑器. 自行托管或通过现场版本使用 蓝图图.com。 。 。 .
实况版本
https://blueprintchart.com (中文(简体) )
自主办
安装软件包并点出任何静态文件服务器 dist/ 目录.
npm install @blueprint-chart/editor
npx serve node_modules/@blueprint-chart/editor/dist
或复制 node_modules/@blueprint-chart/editor/dist/* 输入您的静态主机( S3, Nginx, GitHub Pages等) .
开发
见 主仓库 发展指示.
可选: 账户和主机图表( Supabase)
编辑器完全没有帐号工作——图表在您的浏览器中直播并嵌入 通过自成一体的基础64链接. 要额外让用户签名, 请存储图表 在云中,并发布活的永久链接,配置Supabase.
1. 创建一个Supabase项目并应用这一计划
计划住在 packages/editor/supabase/migrations/20260601000000_charts.sql
(创建 charts 表格和RLS政策——所有者全程访问;公众阅读
(已公布图表)。 应用它 无论是 方法 :
A. Supabase SQL 编辑器(无工具). 打开您的工程 ^ SQL 编辑器 ^ 粘贴 文件内容 ^ 运行。 总是工作.
B. Supabase CLI. (英语). 这艘回波船准备就绪 packages/editor/supabase/ 项目,所以
从该目录中 :
cd packages/editor
supabase link --project-ref YOUR-PROJECT-REF
supabase db push
db push 只识别命名的移民 <timestamp>_name.sql 并阅读它们
从 supabase/ 计划,它运行与 - 因此 cd packages/editor 先说.
如果你留着你自己的 supabase/ 其它项目,复制
20260601000000_charts.sql 输入 supabase/migrations/ (保持时间戳)
名称)运行前 supabase db push。 。 。 .
2. 配置全权证书
要么在建筑时间烤出
VITE_SUPABASE_URL=https://YOUR-PROJECT.supabase.co
VITE_SUPABASE_ANON_KEY=YOUR-PUBLIC-ANON-KEY
...或部署运行时间 config.json 旁边 index.html (主舱,所以一个)
每个部署可以配置构建——见 config.example.json:
{ "supabaseUrl": "https://YOUR-PROJECT.supabase.co", "supabaseAnonKey": "YOUR-PUBLIC-ANON-KEY" }
如果两者都没有设定(或只有一个数值存在),则账户特性不包含 而编辑的行为与自成一体的建筑完全一致.
3. 认证提供者
登录使用无密码的魔法链接. 在您的 Supabase 项目中启用电子邮件 提供者并添加您已部署的来源到允许的重定向 URL .
许可证
麻省理工学院