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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@cut-workbench/core

v0.5.0

Published

Cut Workbench 核心逻辑层:时间轴模型、工程序列化、媒体解析与 WebAV 引擎封装。无 React 依赖。

Readme

@cut-workbench/core

Cut Workbench 的核心逻辑层:时间轴模型、工程序列化、媒体解析与 WebAV 引擎封装。不依赖 React。

安装

npm i @cut-workbench/core
# 需要预览 / 导出时才装引擎依赖(optional peer)
npm i @webav/av-cliper @webav/av-canvas @webav/av-recorder

只想开箱即用?装 @cut-workbench/workbench, WebAV 会随它一起装上,不用看这一节。

core 之所以保持 optional peer,是因为「只取纯逻辑」的人(timeline 模型、 工程序列化)不该被 WebAV 的体积和 Chromium-only 限制绑住。

用法

根入口是纯数据 / 纯函数,Node 与 SSR 都能直接 import:

import {
  createEditorStore, createHistoryStore, createIndexedDbStorage,
  createWebBridge, computeSnap, serializeProject,
} from '@cut-workbench/core'

引擎(含 WebAV)必须动态加载 —— WebAV 的 opfs-tools 在模块加载期会访问 navigator.storage,静态引入会让非 Chromium 环境在 import 时直接抛错:

const { createEditor } = await import('@cut-workbench/core/engine')

| 子入口 | 内容 | |---|---| | @cut-workbench/core | 纯逻辑,零副作用 | | @cut-workbench/core/engine | WebAV 引擎封装(动态 import) | | @cut-workbench/core/timeline | 时间轴模型 / 吸附 / 几何 | | @cut-workbench/core/lab | 能力实验室(体积大,可选) |

浏览器要求

仅支持 Chromium 内核(Chrome / Edge)。WebAV 依赖 WebCodecs 与 OPFS。

相关包

  • @cut-workbench/react — React 绑定
  • @cut-workbench/workbench — UI 组件库
  • @cut-workbench/host-electron — Electron 宿主桥

License

MIT