@hkdigital/lib-sveltekit 0.0.87 → 0.0.89

package/dist/classes/svelte/image/ImageLoader.svelte.js

@@ -1,7 +1,7 @@
 import {
-  NetworkLoader,
-  ERROR_NOT_LOADED,
-  ERROR_TRANSFERRED
+  NetworkLoader
+  // ERROR_NOT_LOADED,
+  // ERROR_TRANSFERRED
 } from '../network-loader/index.js';
 
 /**
@@ -9,4 +9,14 @@ import {
  * - Loads image data from network
  * - The loading process can be monitored
  */
-export default class ImageLoader extends NetworkLoader {} // end class
+export default class ImageLoader extends NetworkLoader {
+  // > Inherited methods
+  //
+  // /**
+  //  * Get object URL that can be used as src parameter of an HTML image
+  //  *
+  //  * @note the objectURL should be revoked when no longer used
+  //  */
+  // getObjectUrl() {}
+  //
+} // end class

package/dist/classes/svelte/image/ImageVariantsLoader.svelte.d.ts

@@ -1,4 +1,4 @@
-export default class ImageMetasLoader {
+export default class ImageVariantsLoader {
     /**
      * @param {ImageMeta[]} imagesMeta
      */

package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js

@@ -6,7 +6,7 @@ import { untrack } from 'svelte';
 
 import ImageLoader from './ImageLoader.svelte.js';
 
-export default class ImageMetasLoader {
+export default class ImageVariantsLoader {
   /** @type {number} */
   #devicePixelRatio;
 
@@ -69,11 +69,7 @@ export default class ImageMetasLoader {
   updateOptimalImageMeta(containerWidth) {
     const newVariant = this.getOptimalImageMeta(containerWidth);
 
-    if (
-      !newVariant ||
-      !this.#imageVariant ||
-      newVariant.width > this.#imageVariant.width
-    ) {
+    if (!newVariant || !this.#imageVariant || newVariant.width > this.#imageVariant.width) {
       // Only update imageVariant is width is larger
       this.#imageVariant = newVariant;
     }
@@ -141,9 +137,7 @@ export default class ImageMetasLoader {
 
     // Find the smallest image that's larger than our required width
 
-    const optimal = imagesMeta.find(
-      (current) => current.width >= requiredWidth
-    );
+    const optimal = imagesMeta.find((current) => current.width >= requiredWidth);
 
     // Fall back to the largest image if nothing is big enough
     return optimal || imagesMeta[imagesMeta.length - 1];

package/dist/classes/svelte/image/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ImageLoader } from "./ImageLoader.svelte";
-export { default as ImageMetasLoader } from "./ImageMetasLoader.svelte";
+export { default as ImageVariantsLoader } from "./ImageVariantsLoader.svelte";

package/dist/classes/svelte/image/index.js

@@ -1,4 +1,4 @@
 export { default as ImageLoader } from './ImageLoader.svelte';
-export { default as ImageMetasLoader } from './ImageMetasLoader.svelte';
+export { default as ImageVariantsLoader } from './ImageVariantsLoader.svelte';
 
 // export * from './constants.js';

package/dist/classes/svelte/network-loader/NetworkLoader.svelte.d.ts

@@ -80,6 +80,14 @@ export default class NetworkLoader {
      * @returns {Blob}
      */
     getBlob(): Blob;
+    /**
+     * Get object URL
+     *
+     * @note the objectURL should be revoked when no longer used
+     *
+     * @returns {string|null}
+     */
+    getObjectUrl(): string | null;
     #private;
 }
 import { LoadingStateMachine } from '../loading-state-machine/index.js';

package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js

@@ -18,10 +18,7 @@ import {
 
 import * as expect from '@hkdigital/lib-sveltekit/util/expect/index.js';
 
-import {
-  httpGet,
-  loadResponseBuffer
-} from '@hkdigital/lib-sveltekit/util/http/index.js';
+import { httpGet, loadResponseBuffer } from '@hkdigital/lib-sveltekit/util/http/index.js';
 
 import { ERROR_NOT_LOADED, ERROR_TRANSFERRED } from './constants.js';
 
@@ -214,6 +211,36 @@ export default class NetworkLoader {
     return new Blob([this.getArrayBuffer()], options);
   }
 
+  /**
+   * Get object URL
+   *
+   * @note the objectURL should be revoked when no longer used
+   *
+   * @returns {string|null}
+   */
+  getObjectUrl() {
+    //
+    // Example usage:
+    //
+    // $effect(() => {
+    //   if (loader.loaded) {
+    //     // @ts-ignore
+    //     objectUrl = loader.getObjectUrl();
+    //   }
+    //
+    //   return () => {
+    //     if (objectUrl) {
+    //       URL.revokeObjectURL(objectUrl);
+    //       objectUrl = null;
+    //     }
+    //   };
+    // });
+
+    const blob = this.getBlob();
+
+    return blob ? URL.createObjectURL(blob) : null;
+  }
+
   /**
    * Internal method that initializes the loading process
    * and transitions to state LOADED when done

package/dist/classes/svelte/network-loader/mocks.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Create a response value that can be used by a mocked
+ * fetch function
+ *
+ * @returns {Response}
+ */
+export function createDataResponse(): Response;

package/dist/classes/svelte/network-loader/mocks.js

@@ -0,0 +1,30 @@
+import { CONTENT_TYPE, CONTENT_LENGTH } from '@hkdigital/lib-sveltekit/constants/http/index.js';
+
+import { OCTET_STREAM } from '@hkdigital/lib-sveltekit/constants/mime/application.js';
+
+const BASE64_DATA =
+  'UklGRnwAAABXQVZFZm10IBAAAAABAAEARKwAAIhYAQACABAAZGF0YVgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
+
+/**
+ * Create a response value that can be used by a mocked
+ * fetch function
+ *
+ * @returns {Response}
+ */
+export function createDataResponse(/* data , options */) {
+  const binaryString = atob(BASE64_DATA);
+  const bytes = new Uint8Array(binaryString.length);
+
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+
+  const response = new Response(bytes, {
+    headers: new Headers({
+      [CONTENT_TYPE]: OCTET_STREAM,
+      [CONTENT_LENGTH]: String(bytes.length)
+    })
+  });
+
+  return response;
+}

package/dist/components/image/ResponsiveImage.svelte

@@ -1,7 +1,7 @@
 <script>
 	/** @typedef {import('../../types/imagetools.js').ImageMeta} ImageMeta */
 
-	import { ImageMetasLoader } from '../../classes/svelte/image/index.js';
+	import { ImageVariantsLoader } from '../../classes/svelte/image/index.js';
 
 	/**
 	 * @type {{
@@ -29,7 +29,7 @@
 		...attrs
 	} = $props();
 
-	let variantsLoader = new ImageMetasLoader(images);
+	let variantsLoader = new ImageVariantsLoader(images);
 
 	let containerWidth = $state(0);
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.0.87",
+	"version": "0.0.89",
 	"author": "Jens Kleinhout, HKdigital (https://hkdigital.nl)",
 	"license": "ISC",
 	"repository": {