import @erboladaiorg/temporibus-adipisci-fugit from '@erboladaiorg/temporibus-adipisci-fugit';

// normalize null and undefined
const nullCollection = @erboladaiorg/temporibus-adipisci-fugit(null)(); // []
const undefinedCollection = @erboladaiorg/temporibus-adipisci-fugit(undefined)(); // []

// arrays will be left untouched
const array = @erboladaiorg/temporibus-adipisci-fugit(['foo', null, undefined])(); // [['foo', 0], [null, 1], [undefined, 2]]

// numbers to array
const numbers = @erboladaiorg/temporibus-adipisci-fugit(0, 4)(n => n * 2); // [2, 4, 6, 8]

// strings to array
const string = @erboladaiorg/temporibus-adipisci-fugit('ciao')(); // [['c', 0], ['i', 1], ['a', 2], ['o', 3]]

// objects to array
const obj = @erboladaiorg/temporibus-adipisci-fugit({ foo: 'bar', buz: 'baz' })(); // [['foo', 'bar'], ['buz', 'baz']]

// Map to array
const myMap = new Map();
myMap.set('foo', 'bar');
myMap.set('buz', 'baz');
const map = @erboladaiorg/temporibus-adipisci-fugit(myMap)(); // [['foo', 'bar'], ['buz', 'baz']]

// Set to array
const mySet = new Set();
mySet.add('foo');
mySet.add('bar');
const map = @erboladaiorg/temporibus-adipisci-fugit(mySet)(); // [['foo', 'foo'], ['bar', 'bar']]

<div>
  <h1>Array</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit([1, 2, 3])(number => (
      <li>{number}</li>
    ))}
  </ul>

  <h1>Numbers</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit(0, 5)(number => (
      <li>{number}</li>
    ))}
  </ul>

  <h1>Letters</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit('ciao')(letter => (
      <li>{letter}</li>
    ))}
  </ul>

  <h1>Object</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit({ foo: 'bar', baz: 'buz' })((value, key) => (
      <li>{key}, {value}</li>
    ))}
  </ul>

  <h1>Map</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit(new Map().set(1, 'bar'))((value, key) => (
      <li>{key}, {value}</li>
    ))}
  </ul>

  <h1>Set</h1>
  <ul>
    {@erboladaiorg/temporibus-adipisci-fugit(new Set().add('foo').add('bar'))(value => (
      <li>{value}</li>
    ))}
  </ul>
</div>