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

@ablogcms/pdf

v3.2.36

Published

PDF to image rendering engine and admin PDF preview controller for a-blog cms

Readme

@ablogcms/pdf

管理画面で PDF をブラウザ側で画像化してプレビュー表示するための「変換エンジン」と、 記事内・メディアライブラリの PDF プレビュー DOM 配線を提供するパッケージ。

構成

  • .(Pdf2Image): pdfjs-dist を薄くラップし、ページ単位で canvas に描画して dataURL を返す、グローバル非依存の純粋なロジック層。
  • ./create-pdf(createPdf): File/Blob から指定ページの dataURL を生成するユーティリティ。
  • ./preview-controller(mountPdfPreview): 前後ページボタン付き PDF プレビュー要素を 1 件配線する DOM 層。
  • ./fetch-pdf-page(fetchPdfPage): URL・ページ単位でインスタンス/結果をキャッシュし、 同時リクエストを 1 本の処理へ合流させる関数。React に限らず利用できる。

特徴

  • window.ACMS への直接参照を持たない。pdf.worker / cmaps の配布 URL や a-blog cms 本体固有のセレクタ名は、すべて呼び出し側が options 引数として注入する設計になっている。
  • pdf.worker / cmaps の配布方法(実ファイルをどこに置き、どう URL 解決するか)には関与しない。 受け取った URL をそのまま使うだけなので、特定のバンドラーの解決方式に依存しない。
  • develop テーマ側の同種実装(submodules/develop/themes/develop/src/js/lib/buildIn/pdf2image.js 等)とも将来的に共通化できるよう、上記2点を満たす形にしている(実際の共通化は別スコープ)。
  • DOM 配線層(preview-controller)は lazy-load オーケストレーション自体を持たず、 呼び出し側(本体の built-in/dispatch 等)が要素単位で呼び出す前提のシンプルな関数。