npmpackage.info

Gathering detailed insights and metrics for prism-svelte

Other packages similar to prism-svelte

prismjs

1.29.0

Lightweight, robust, elegant syntax highlighting. A spin-off project from Dabblet.

prism-react-renderer

2.4.0

Renders highlighted Prism output using React

svelte-prism

1.1.6

Prismjs for Svelte

rehype-prism-plus

2.0.0

rehype plugin to highlight code blocks in HTML with Prism (via refractor) with line highlighting and line numbers

Gathering detailed insights and metrics for prism-svelte

prism-svelte

Svelte language extension for prismjs

0.5.0

JavaScript

961.00 B

3,025,267 1.3

Installations

npm install prism-svelte

Score

99.4

Supply Chain

77.2

Quality

75.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

15

Closed

5

Merged

5

Issues

Open

4

Total

6

Closed

2

Releases

Unable to fetch releases

Developer

pngwn

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

14.18.2

NPM Version

8.3.2 Statistics

65 Stars

35 Commits

6 Forks

2 Watching

5 Branches

3 Contributors

Updated on 16 Apr 2024

Bundle Size

2.63 kB

Minified

961.00 B

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

3,025,267

Last day

8,158

Compared to previous day

Last week

16.7%

48,313

Compared to previous week

Last month

7.3%

180,459

Compared to previous month

Last year

95.4%

1,710,501

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

eslint prettier prettier-eslint prismjs

Versions

prism-svelte

Syntax highlighting for svelte code with prismjs.

install

1npm i prism-svelte # or yarn add prism-svelte

Usage

Import prismjs then import prism-svelte (the order is very important) and it should work:

1import Prism from 'prismjs';
2import 'prism-svelte';
3
4const source = `
5<script>
6  let count = 0;
7</script>
8
9<button on:click={ () => count++ }>Hello</button>
10
11<h1>{ count }</h1>
12
13<ul>
14  {#each Array(10).map((_, i) => i) as }
15    <li on:click={() => count = i}>Set count to {i}</li>
16  {/each}
17</ul>
18`;
19
20const highlighted = Prism.highlight(source, Prism.languages.svelte, 'svelte');

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 2024-11-18

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