npmpackage.info

gatsby-remark-relative-images-v2

Convert markdown image src(s) to be relative for gatsby-remark-images.

0.1.5

JavaScript

Installations

npm install gatsby-remark-relative-images-v2

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

zslabs

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

8.11.2

NPM Version

5.6.0 Statistics

1 Stars

27 Commits

2 Forks

3 Watching

1 Branches

1 Contributors

Updated on 13 Aug 2021

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

92,221

Last day

-1.3%

154

Compared to previous day

Last week

-7.8%

681

Compared to previous week

Last month

-0.3%

2,985

Compared to previous month

Last year

25.3%

26,885

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

babel-polyfill cheerio deep-map is-relative-url lodash slash unist-util-select

Dev Dependencies

@babel/cli @babel/core @babel/preset-env cross-env

Versions

gatsby-remark-relative-images-v2

Convert image src(s) in markdown to be relative to their node's parent directory. This will help gatsby-remark-images match images outside the node folder. For example, use with NetlifyCMS.

NOTE: This was built for use with NetlifyCMS and should be considered a temporary solution until relative paths are supported. If it works for other use cases than great!

Install

npm install --save gatsby-remark-relative-images-v2

How to use

1// gatsby-config.js
2plugins: [
3  // Add static assets before markdown files
4  {
5    resolve: 'gatsby-source-filesystem',
6    options: {
7      path: `${__dirname}/static/uploads`,
8      name: 'uploads',
9    },
10  },
11  {
12    resolve: 'gatsby-source-filesystem',
13    options: {
14      path: `${__dirname}/src/pages`,
15      name: 'pages',
16    },
17  },
18  {
19    resolve: `gatsby-transformer-remark`,
20    options: {
21      plugins: [
22        // gatsby-remark-relative-images-v2 must
23        // go before gatsby-remark-images
24        {
25          resolve: `gatsby-remark-relative-images-v2`,
26        },
27        {
28          resolve: `gatsby-remark-images`,
29          options: {
30            // It's important to specify the maxWidth (in pixels) of
31            // the content container as this plugin uses this as the
32            // base for generating different widths of each image.
33            maxWidth: 590,
34          },
35        },
36      ],
37    },
38  },
39];

To convert frontmatter images

Use the exported function fmImagesToRelative in your gatsby-node.js. This takes every node returned by your gatsby-source plugins and converts any absolute paths in markdown frontmatter data into relative paths if a matching file is found.

1// gatsby-node.js
2const { fmImagesToRelative } = require('gatsby-remark-relative-images-v2');
3
4exports.onCreateNode = ({ node }) => {
5  fmImagesToRelative(node);
6};

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

SAST

Determines if the project uses static code analysis.

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

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

44 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg
Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-hr2v-3952-633q
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c
Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq
Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-g7q5-pjjr-gqvp
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3

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

Other packages similar to gatsby-remark-relative-images-v2

cross-env

7.0.3

Run scripts that set and use environment variables across platforms

gatsby-remark-relative-images

2.0.5

Convert image src(s) in markdown to be relative to their node's parent directory. This will help gatsby-remark-images match images outside the node folder. For example, use with NetlifyCMS.

gatsby-remark-images

7.14.0

Processes images in markdown so they can be used in the production build.

gatsby-plugin-catch-links

5.14.0

Intercepts local links from markdown and other non-react pages and does a client-side pushState to avoid the browser having to refresh the page.