@armniko/assets

Assets

Javascript/typescript library for fetching, storing and retrieving assets!
Supported font formats: woff, woff2, ttf, otf
Supported image formats: png, webp, jpg, jpeg, svg, gif
Supported audio formats: webm, mp3, ogg, m4a, aac, wav
Supported data formats: json

Installation

npm install @armniko/assets

Usage

import {Assets, AssetsBatch, type Progress} from '@armniko/assets';

const assetsBatch: AssetsBatch = new AssetsBatch({
    assets: [
        'url/to/asset-1.png',            // access loaded asset: assets.image('asset-1')
        {asset2: 'url/to/asset-2.jpg'},  // access loaded asset: assets.image('asset2')
    ],
    onLoad: (name: string, progress: Progress): void => {
        console.log('Loaded: ' + name, progress.percents());
    },
    onComplete: (): void => {
        console.log('Done!');
    },
    onError: (url: string, error: Error): void => {
        console.log(url, error);
    }
});

const assets: Assets = new Assets();
assets.fetch(assetsBatch);

Changelog

v1.4.0	Added JSON loader. Added asset() method to get assets without knowing type.
v1.3.0	Added audio loader. Added webp format. Migrated from webpack to vite.
v1.2.0	Option to specify custom asset name. Added font loader.
v1.1.0	Precompile UMD and ESM.
v1.0.0	Initial version.