@kamen/create-webapp

Project Scaffolding (wip)

$ npm init @kamen/webapp

Utility Functions

Basic example

import {
    createRandomFromRange,
    createRandomFromList,
    createRandomColorFromSaturationLightnessAlpha
} from '@kamen/create-webapp';

const characters = Array
    .from({length: 26}, (_, index) => [
        String.fromCharCode(65 + index),
        String.fromCharCode(97 + index)
    ])
    .flat();
const ageHandler = createRandomFromRange(0, 99);
const colorHandler = createRandomFromList(['red', 'green', 'blue']);
const stateHandler = createRandomFromList([true, false]);
const identHandler = createRandomFromList(characters);
const identFormatHandler = () => Array
    .from({length: 1 << 5}, identHandler)
    .join('');
const data = Array
    .from({length: 1 << 8}, (_, index) => ({
        index,
        age: ageHandler(),
        color: colorHandler(),
        state: stateHandler(),
        ident: identFormatHandler()
    }));

console.dir(data);

Dynamic import from CDN

const {
    createRandomFromList
} = await import('https://esm.run/@kamen/create-webapp');

function createAlphabet() {
    const baseChar = 'a';
    const lowerCode = baseChar.charCodeAt();
    const upperCode = baseChar.toUpperCase().charCodeAt();
    const length = 'z'.charCodeAt() - lowerCode + 1;
    return Array
        .from({length}, (_, index) => [
            String.fromCharCode(lowerCode + index),
            String.fromCharCode(upperCode + index)
        ])
        .flat();
}

const identHandler = createRandomFromList(createAlphabet());
const identFormatHandler = () => Array
    .from({length: 1 << 5}, identHandler)
    .join('');

console.log(identFormatHandler());

Advanced example

SVG Path Generative Art