Asset-icons

Package exports functions to generate asset-icons.

The functions are assumed to be used within platform’s scripts and rely on assets-base package to get list of -meta packages to get svg from.

Installation

npm i -D @exodus/asset-icons

pnpm add -D @exodus/asset-icons

yarn add --dev @exodus/asset-icons

bun add --dev @exodus/asset-icons

Usage

generate.web.js - exports function to build a file exporting assetIcons dict in the form of {[assetName]: RawSvgReference}. Used in web environments.

get-asset-icon-path-items.js - exports function returning array of paths to svg files from -meta packages. May be used as an input for svgr.

Both scripts use 2 positional process parameters:

relativeOutputDir - where to put generated files

relativeNodeModulesDir - path to noode_modules containing assets-base package

Example of the asset-icons.js script in web platform:

const generate = require('@exodus/asset-icons/scripts/generate.web');
 
generate();
generate({ isTransparent: true });

And its usage:

#!/bin/sh
 
NODE_MODULES_DIR="./src/node_modules"
SCRIPT_PATH="./scripts/asset-icons.js"
OUT_DIR="./src/_local_modules/asset-icons"
OUT_DIR_FILES="${OUT_DIR}/*.js"
 
node "${SCRIPT_PATH}" "${OUT_DIR}" "${NODE_MODULES_DIR}" &&
prettier --write "${OUT_DIR_FILES}" &&
eslint "${OUT_DIR_FILES}" --fix