npmpackage.info

Gathering detailed insights and metrics for svgson-loader

svgson-loader - 2.0.0 | npmpackage.info

svgson-loader

Webpack loader for converting svg+xml files to JSON.

2.0.0

JavaScript

125.48 kB

37,247 1.3

Installations

npm install svgson-loader

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.7.0

NPM Version

5.5.1 Score

56.8

Supply Chain

67.3

Quality

Maintenance

Vulnerability

97.9

License

Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

1

Total

2

Closed

1

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

darkartur

Download Statistics

Total Downloads

37,247

Last Day

Last Week

Last Month

Last Year

225

GitHub Statistics

5 Stars

12 Commits

1 Watchers

1 Branches

2 Contributors

Updated on Mar 02, 2018

Bundle Size

415.61 kB

Minified

125.48 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

svgson-loader@2.0.0

Size

2.14 kB

NPM Version

5.5.1

Node Version

8.7.0

Total Downloads

Cumulative downloads

Total Downloads

37,247

Last Day

-80%

Compared to previous day

Last Week

-40%

Compared to previous week

Last Month

-45.2%

Compared to previous month

Last Year

66.7%

225

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

svgson

Dev Dependencies

fs-extra mocha

SVGSON webpack loader

Converts svg+xml files to JSON. Based on svgson npm package. Can be used for rendering SVG via React components.

Installation

npm install svgson-loader --save-dev

Why not svg-react-loader?

We are writing React UI library with icon button which filling it's background color based on SVG 1.2 property "viewport-fill":

import vkIcon from 'svgson-loader!./icons/vk.svg';
import okIcon from 'svgson-loader!./icons/ok.svg';
import fbIcon from 'svgson-loader!./icons/fb.svg';

stories.add('Social buttons', () => (
	<div>
		<Button icon={vkIcon} />
		<Button icon={okIcon} />
		<Button icon={fbIcon} />
	</div>
));

So Button reads "viewport-fill" attribute inside JSON, applies backgroundColor property then generates React.createElement calls to render SVG.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More