@zerodevx/svelte-img - npm Package Compare versions

Comparing version 1.2.3 to 1.2.4

FxParallax.svelte.d.ts

@@ -7,4 +7,4 @@ /** @typedef {typeof __propDef.props}  FxParallaxProps */
     ref?: any;
-    class?: string | undefined;
-    factor?: number | undefined;
+    class?: string;
+    factor?: number;
 }, {
@@ -24,5 +24,5 @@ load: Event;
         [x: string]: any;
-        ref?: any;
-        class?: string | undefined;
-        factor?: number | undefined;
+        ref?: any | undefined;
+        class?: string;
+        factor?: number;
     };
@@ -29,0 +29,0 @@ events: {

FxReveal.svelte.d.ts

@@ -6,3 +6,3 @@ /** @typedef {typeof __propDef.props}  FxRevealProps */
     [x: string]: any;
-    src?: any[] | undefined;
+    src?: any[];
     ref?: any;
@@ -22,4 +22,4 @@ }, {
         [x: string]: any;
-        src?: any[] | undefined;
-        ref?: any;
+        src?: any[];
+        ref?: any | undefined;
     };
@@ -26,0 +26,0 @@ events: {

package.json

 {
   "name": "@zerodevx/svelte-img",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "High-performance responsive images for SvelteKit",
   "author": "Jason Lee <[e-mail]>",
   "dependencies": {
-    "imagetools-core": "3.2.3",
-    "vite-imagetools": "4.0.11"
+    "imagetools-core": "3.3.1",
+    "vite-imagetools": "4.0.17"
   },
   "devDependencies": {
-    "@playwright/test": "^1.27.1",
-    "@sveltejs/adapter-static": "1.0.0-next.44",
-    "@sveltejs/kit": "1.0.0-next.517",
-    "@sveltejs/package": "1.0.0-next.5",
-    "@tailwindcss/typography": "^0.5.7",
-    "autoprefixer": "^10.4.12",
-    "eslint": "^8.25.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte3": "^4.0.0",
-    "postcss": "^8.4.18",
-    "postcss-load-config": "^4.0.1",
-    "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.8.0",
-    "svelte": "^3.52.0",
-    "svelte-check": "^2.9.2",
-    "svelte-preprocess": "^4.10.7",
-    "tailwindcss": "^3.1.8",
-    "tslib": "^2.4.0",
-    "typescript": "^4.8.4",
-    "vite": "^3.1.8"
+    "@playwright/test": "1.30.0",
+    "@sveltejs/adapter-static": "1.0.5",
+    "@sveltejs/kit": "1.3.1",
+    "@sveltejs/package": "1.0.2",
+    "@tailwindcss/typography": "0.5.9",
+    "autoprefixer": "10.4.13",
+    "eslint": "8.32.0",
+    "eslint-config-prettier": "8.6.0",
+    "eslint-plugin-svelte3": "4.0.0",
+    "is-port-reachable": "4.0.0",
+    "postcss": "8.4.21",
+    "postcss-load-config": "4.0.1",
+    "prettier": "2.8.3",
+    "prettier-plugin-svelte": "2.9.0",
+    "svelte": "3.55.1",
+    "svelte-check": "3.0.3",
+    "svelte-preprocess": "5.0.1",
+    "tailwindcss": "3.2.4",
+    "tslib": "2.5.0",
+    "typescript": "4.9.4",
+    "vite": "4.0.4"
   },
@@ -32,0 +33,0 @@ "license": "ISC",

README.md

@@ -116,3 +116,3 @@ # svelte-img
 // We override defaults to generate 5 variants instead - `avif/jpg` formats at `768/1024` + LQIP
-import src from '$lib/a/cat.jpg?run&width=640;1024&format=avif;jpg'
+import src from '$lib/a/cat.jpg?width=640;1024&format=avif;jpg&run'
 import Img from '@zerodevx/svelte-img'
@@ -128,3 +128,3 @@ </script>
 higher quality LQIP at the expense of a larger `base64`, or set to 1px for a dominant single-colour
-background. To disable LQIP completely, set `?run&lqip=0`.
+background. To disable LQIP completely, set `?lqip=0&run`.
 
@@ -134,3 +134,3 @@ <!-- prettier-ignore -->
 <script>
-import src from '$lib/a/cat.jpg?run&lqip=1'
+import src from '$lib/a/cat.jpg?lqip=1&run'
 import Img from '@zerodevx/svelte-img'
@@ -152,3 +152,3 @@ </script>
 <script>
-import src from '$lib/a/cat.jpg?run&height=600&fit=cover&normalize'
+import src from '$lib/a/cat.jpg?width=600&height=600&fit=cover&normalize&run'
 import Img from '@zerodevx/svelte-img'
@@ -263,11 +263,23 @@ </script>
 
-## To do
+## Development
 
-- [ ] Add typings
-- [ ] Add tests
-- [ ] Improve docs
-- [ ] Improve demo
+Library is packaged via [SvelteKit](https://kit.svelte.dev/docs/packaging). Standard Github
+[contribution workflow](https://docs.github.com/en/get-started/quickstart/contributing-to-projects)
+applies.
 
+### Tests
+
+End-to-end testing via [Playwright](https://github.com/microsoft/playwright). To run tests
+headlessly:
+
+```
+$ npm run test
+```
+
+## Changelog
+
+Please refer to the [releases](https://github.com/zerodevx/svelte-img/releases) page.
+
 ## License
 
 ISC

SvelteImg.svelte.d.ts

@@ -6,8 +6,8 @@ /** @typedef {typeof __propDef.props}  SvelteImgProps */
     [x: string]: any;
-    src?: any[] | undefined;
-    sizes?: any;
-    width?: any;
-    height?: any;
-    loading?: string | undefined;
-    decoding?: string | undefined;
+    src?: any[];
+    sizes?: string;
+    width?: number;
+    height?: number;
+    loading?: "lazy" | "eager";
+    decoding?: "async" | "auto" | "sync";
     ref?: any;
@@ -28,9 +28,9 @@ }, {
         [x: string]: any;
-        src?: any[] | undefined;
-        sizes?: any;
-        width?: any;
-        height?: any;
-        loading?: string | undefined;
-        decoding?: string | undefined;
-        ref?: any;
+        src?: any[];
+        sizes?: string | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        loading?: 'lazy' | 'eager';
+        decoding?: 'async' | 'auto' | 'sync';
+        ref?: any | undefined;
     };
@@ -37,0 +37,0 @@ events: {

vite.d.ts

 declare function main(overrides?: {}): import("vite").Plugin;
-export function lqip(cfg: any, ctx: any): ((image: any) => Promise<any>) | undefined;
+export function lqip(cfg: any, ctx: any): (image: any) => Promise<any>;
 export { main as imagetools };

vite.js

@@ -0,1 +1,3 @@
+// @ts-nocheck
+
 import { imagetools } from 'vite-imagetools'
@@ -2,0 +4,0 @@ import { resize, format, setMetadata, metadataFormat, resolveConfigs } from 'imagetools-core'

New alerts

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19890

increased by7.55%

Number of package files

16

increased by6.67%

Lines of code

186

increased by5.68%

Number of lines in readme file

281

increased by4.46%

Worsened metrics

Dev dependency count

21

increased by5%

Number of downloads

972

decreased by-6.45%

Number of medium quality alerts

1

increased byInfinity%

Dependency changes

• + Addedimagetools-core@3.3.1(transitive)

• + Addedvite-imagetools@4.0.17(transitive)

• - Removedimagetools-core@3.2.3(transitive)

• - Removedvite-imagetools@4.0.11(transitive)

• Updatedimagetools-core@3.3.1

• Updatedvite-imagetools@4.0.17