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

@weaveheart/iwb

v0.0.30

Published

前期设计 dom 隐藏,后期分析回收

Downloads

24

Readme

eboard

前期设计 dom 隐藏,后期分析回收

events

事件分为 ui 事件和 data 事件,ui 事件仅用于更新外部视图,不可同步发送控制消息

ui

  • ui:window:add
  • ui:window:change
  • ui:doc:error
  • ui:doc:loading:start
  • ui:doc:loading:end
  • ui:resize
  • ui:doc:add
  • ui:slide:change
  • ui:doc:update
  • ui:mode ==> viewer|master

data 事件(后期需要整理)需要区分终态事件,减少消息字节,key 用数字表示

  • data

event list

compare 模式,支持分屏,两个文档同时演示进行对比 后期

消息格式有点乱 ===》 undo/redo 消息与原消息 type

ppt 会转换失败,报错,需要排查,官网可转换 pptx 转换 ok

需要删除播放器自带的热键 down 和 after 支持=> 处理时替换掉 document.body.onkeydown

控制权在信令系统中也要同步控制

resize 效果需要调整,需要保持用户可见区域不变的情况下进行放大缩小 后期处理

二期功能

  1. resize 效果
  2. 颜料桶
  3. 多边形
  4. 优化

三期功能

  1. compare
  2. 橡皮擦 https://editor.wickeditor.com/
  3. 支持吸附功能

issues

features

  • resize

  • 【橡皮擦】

  • 公式编辑器:KityFormula MathType web

  • 课堂交互

    • 答题及分析

清晰度有问题=> 扩展屏,两个窗口,获取到的 ratio 不同,不会放大 canvas

lineWidth 特别大时,部分图形超过了 width 和 height 会被裁剪掉,例如三角形、多边形

minimap:http://fabricjs.com/build-minimap 新的方案可以生成窗口缩略图

video audio 需要播放控制 =》自动播放通过用户交互触发