npmpackage.info

Gathering detailed insights and metrics for @ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin

@ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin - 1.0.1 | npmpackage.info

@ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin

Plugin which replaces the URL's in build files from Sveltekit, by a local variant. To be used with @ivorgri/sveltekit-pluggable-static-adapter

1.0.1

MIT

TypeScript

10.43 kB

Installations

npm install @ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

17.3.0

NPM Version

8.3.0 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

TypeScript

TypeScript (100%)

Developer

ivorgri

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

2 Stars

8 Commits

1 Watchers

1 Branches

1 Contributors

Updated on Feb 14, 2024

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.1

Package Id

@ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin@1.0.1

Unpacked Size

10.43 kB

Size

3.71 kB

File Count

NPM Version

8.3.0

Node Version

17.3.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@types/node @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint prettier tiny-glob typescript

sveltekit-pluggable-static-adapter-external-image-plugin

Plugin which replaces the URL's in build files from Sveltekit to a local variant. To be used with @ivorgri/sveltekit-pluggable-static-adapter. You need to provide the origin domain of the images to your website (this could be an array), followed with the builder, pages and assets attributes received from the callback hook. The function will take these URLs and start going through the generated files. Once it finds a complete link, including an image extension, it will download the files into the "img" folder inside the folder that provided for "assets". Once all the files are downloaded, the URL in the generated files with be replaced with a relative link to the "img" folder.

Be aware: the adapter looks for the base URL which is similar for ALL images. Any dynamic routing (i.e. date sub directories) are added to the "img" folder.

For example, if you have the following URL:

https://your.domain.com/upload/folder/2022/02/02/image.jpg

You should provide the following URL:

https://your.domain.com/upload/folder

The function will then create the following directory in the "img" folder:

img
└─── 2022
     └─── 02
          └─── 02
               |   image.jpg

The function should be called as follows:

1// svelte.config.js
2
3// ...
4
5import replaceExternalImages from '@ivorgri/sveltekit-pluggable-static-adapter-external-image-plugin';
6
7//...
8
9export default {
10	kit: {
11		adapter: adapter({
12            // ...
13            afterPrerenderCallback: async (builder, pages, assets) => {
14				await replaceExternalImages("origin.domain.of.images.com",builder,pages,assets)
15			},
16		})
17	}
18};

No vulnerabilities found.

No security vulnerabilities found.