npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

mind-core

v0.1.2

Published

脑图引擎库

Downloads

9

Readme

SugarMind

常见问题记录

  1. 定制主题时 设置背景颜色为透明时 不能设置为 none 应当设置为 transparent
  2. 上传背景时,现在只支持单种图片背景切换,即:水印 - 纯色 - 图片

任务汇总

前端

  • [ ] 支持创建自由节点
  • [ ] 支持创建关联线
  • [ ] 支持概要连线
  • [ ] 主题节点设置
    • [ ] 主题形状设置
    • [ ] 主题边框设置
    • [ ] 主题线条设置
  • [ ] 大纲
    • [ ] 支持大纲的搜索、展开问题
    • [ ] 支持大纲的编辑
    • [ ] 支持大纲的拖拽
  • [ ] 支持插入公式
  • [ ] 当前的复制节点无法触发复制的图片、第三方文本等动作 可以直接使用键盘事件
  • [ ] minimap 的展示效果不够真实,需要改变的三个层级节点的颜色,透明时使用线框展示
  • [ ] 支持离线存储的功能
  • [ ] 项目文档
    • [ ] 说明文档
    • [ ] 使用文档
  • [ ] 图片不支持缩放调整

待优化

  • [ ] 优化图标模块、整合所有图标模块,使用单模块控制所有图标
  • [ ] 图标、备注、超链接支持 tooltip
  • [ ] 右侧备注、超链接大于 1 时,进行整合
  • [ ] json在数据量过大时会存在递归爆栈的问题
  • [ ] 当前节点hover是事件使用的是mouse事件,后面需要改用为css 行为 减少不必要的渲染

后端

  • [ ] 上传文件到服务器

Bug 汇总

  • [ ] bug - 按住 ctrl 滚动滚轮页面会发生滚动 -> 只控制缩放,不发生页面滚动,猜测是 document 的默认事件触发导致
  • [ ] 使用键盘对字体进行加粗、倾斜的控制,此时样式页面打开,B、I 无选中状态
  • [ ] 修改导图缩略器的展示效果
  • [ ] bug - 安装ctrl 滚动滚轮页面会发生滚动

自由节点设计实现方案

  • 数据格式:每个由根节点出发的数据都是一个树结构
  • 数据收集:使用数组收集所有树结构
  • 触发方式:右键菜单触发或者双击页面空白处
const freedomTopic = {
  data: {
    id: '',
    created: '',
    text: '',
    // 使用e.getPosition(refer) 获取相对于中心节点的相对位置
    pos: {
      x: 123,
      y: 456
    }
  },
  children: []
}
const json = {
  freedomTopics: [
    freedomTopic
  ]
}