npmpackage.info

Gathering detailed insights and metrics for svelte-prism

Other packages similar to svelte-prism

prism-svelte

0.5.0

Svelte language extension for prismjs

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

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 svelte-prism

svelte-prism

1.1.6

Svelte

46,202 2.2

Installations

npm install svelte-prism

Pull Requests

Open

6

Total

36

Closed

22

Merged

8

Issues

Open

5

Total

11

Closed

6

Releases

v1.1.3

Published on 19 Jun 2020

v1.0.6-alpha.1

Published on 22 Mar 2020

v1.0.5

Published on 01 Dec 2019

View all 3 releases

Developer

jakobrosenberg

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

16.14.2

NPM Version

8.5.0 Statistics

35 Stars

39 Commits

7 Forks

2 Watching

4 Branches

3 Contributors

Updated on 07 Dec 2023

Languages

Svelte (70.09%)

JavaScript (29.91%)

Total Downloads

Cumulative downloads

Total Downloads

46,202

Last day

-94.8%

Compared to previous day

Last week

49.3%

5,446

Compared to previous week

Last month

441.2%

10,217

Compared to previous month

Last year

102%

22,270

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

prism-svelte prismjs

Dev Dependencies

semantic-release svelte

Versions

svelte-prism

Prebundled with Svelte language support thanks to pngwn

Install

npm i svelte-prism

Usage

1<script>
2    import Prism from 'svelte-prism'
3</script>
4
5<!-- Option one -->
6<!-- Using the source prop -->
7<Prism language="html" source="{mycode}" />
8
9<!-- Options two -->
10<!-- Using the default slot -->
11<Prism language="html">
12    {mycode}
13</Prism>

Inline code

Inline code can be added by adding a string inside Svelte's brackets.

1<Prism language="html">
2    {`
3      <header>
4        <h1>Hello World!</h1>
5      </header>
6    `}
7</Prism>

Transform

Code can be transformed by using the transform prop:

1<Prism transform={x => x}>...</Prism>

Global transform can be added with:

1import { globalConfig } from 'svelte-prism'
2globalConfig.transform = x => x
3

Normalizing whitespace example

1import 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace'
2import { globalConfig } from 'svelte-prism'
3globalConfig.transform = code => Prism.plugins.NormalizeWhitespace.normalize(code)

Themes

To use a theme, import the CSS to your project. Ie. <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-okaidia.min.css'>

More themes can be found here https://cdnjs.com/libraries/prism

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

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

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

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

2.2

/10

Last Scanned on 2024-11-25

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