How cp949/web-image-util works
This is a browser-side TypeScript image-processing library built around Canvas 2D, with a chainable API for source-to-output processing. The main path normalizes an input, accumulates resize/transform/box/blur operations, renders lazily, then encodes a requested output. Other documented capabilities include SVG sanitation and inspection, format and image-information utilities, presets, shortcuts, filters, and browser capability detection. Relationships follow excerpts, the source index, or README statements; some feature links remain unverified because their implementation was not sampled.
Main entry points: src/index.ts Public exports · processor.ts Chain processor · output-pipeline.internal.ts Output pipeline · presets/index.ts Image presets
Components 18
Public API
- Public exports
sub/web-image-util/src/index.ts - Chain processor
sub/web-image-util/src/processor.ts - Image presets
sub/web-image-util/src/presets/index.ts - Resize shortcuts
sub/web-image-util/src/shortcut/shortcut-builder.ts
Image Processing
- Output pipeline
sub/web-image-util/src/core/output-pipeline.internal.ts - Source conversion
sub/web-image-util/src/core/source-converter/index.ts - Lazy render pipeline
sub/web-image-util/src/core/lazy-render-pipeline.internal.ts - Single renderer
sub/web-image-util/src/core/single-renderer.internal.ts - Filter plugins
sub/web-image-util/src/filters/plugin-system.ts - Image composition
sub/web-image-util/src/composition/compose.ts
SVG Handling
- SVG sanitizer
sub/web-image-util/src/svg-sanitizer/index.ts - SVG inspection
sub/web-image-util/src/utils/inspect-svg.ts - SVG compatibility
sub/web-image-util/src/utils/svg-compatibility/enhance.ts
Utilities
- Image information
sub/web-image-util/src/utils/image-info/index.ts - Data URL utilities
sub/web-image-util/src/utils/data-url/index.ts - Format utilities
sub/web-image-util/src/utils/format-utils.ts - Browser capabilities
sub/web-image-util/src/utils/browser-capabilities/index.ts
Other components
- Library caller
Connections 21
- Library caller → Public exports: uses
sub/web-image-util/src/index.ts - Public exports → Chain processor: exports
sub/web-image-util/src/index.ts - Public exports → Image presets: exports
sub/web-image-util/src/index.ts - Public exports → Resize shortcuts: exports
sub/web-image-util/src/index.ts - Public exports → Browser capabilities: exports
sub/web-image-util/src/index.ts - Public exports → Image information: exports
sub/web-image-util/src/index.ts - Public exports → Data URL utilities: exports
sub/web-image-util/src/index.ts - Public exports → Format utilities: exports
sub/web-image-util/src/index.ts - Public exports → SVG sanitizer: exports
sub/web-image-util/src/index.ts - Public exports → SVG inspection: exports
sub/web-image-util/src/index.ts - Public exports → SVG compatibility: exports
sub/web-image-util/src/index.ts - Chain processor → Output pipeline: delegates output
sub/web-image-util/src/processor.ts - Image presets → Chain processor: calls
sub/web-image-util/src/presets/index.ts - Resize shortcuts → Chain processor: calls
sub/web-image-util/src/shortcut/shortcut-builder.ts - Output pipeline → Source conversion: normalizes source
sub/web-image-util/src/core/output-pipeline.internal.ts - Output pipeline → Lazy render pipeline: renders via
sub/web-image-util/src/core/output-pipeline.internal.ts - Output pipeline → Format utilities: chooses MIME
sub/web-image-util/src/core/output-pipeline.internal.ts - Lazy render pipeline → Single renderer: analyzes and renders
sub/web-image-util/src/core/lazy-render-pipeline.internal.ts - SVG sanitizer → SVG inspection: inspection support
sub/web-image-util/src/svg-sanitizer/index.ts - Chain processor → Filter plugins: supports blur
- Public exports → Image composition: composition feature