@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

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.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