open-index/open-npm huggingface dataset:
npm package: @carohauta/pong-mini
Description: A tiny Pong game
Latest version: 1.0.0

# Pong Mini

Install

```bash
npm install @carohauta/pong-mini
```

## Vanilla HTML/JS Usage

```html
<link
  rel="stylesheet"
  href="/node_modules/@carohauta/pong-mini/src/styles.css"
/>
<div id="pong-slot" style="max-width:480px"></div>
<script type="module">
  import { createPong } from "@carohauta/pong-mini";
  const slot = document.getElementById("pong-slot");
  const pong = createPong(slot, {
    responsive: true,
    maxWidth: 480,
    shadow: false,
  });
  pong.start();
  // pong.reset(); pong.destroy();
  // const scores = pong.getScores();
  // window.addEventListener('visibilitychange', () => document.hidden ? pong.stop() : pong.start());
</script>
```

## React Usage

```tsx
import { PongGame } from "@carohauta/pong-mini/react";
import "@carohauta/pong-mini/styles.css";

function App() {
  return (
    <PongGame
      options={{ responsive: true, shadow: false, maxWidth: 600 }}
      onScoresChange={(scores) => console.log(scores)}
    />
  );
}
```
npm package: @carry0987/darkmode
Description: A simple and lightweight JavaScript library for dark mode toggle with localStorage support.
Author: carry0987
Latest version: 1.2.1

# DarkMode
[![version](https://img.shields.io/npm/v/@carry0987/darkmode.svg)](https://www.npmjs.com/package/@carry0987/darkmode)
![CI](https://github.com/carry0987/DarkMode/actions/workflows/ci.yml/badge.svg)  
A simple DarkMode switcher, written in TypeScript

## Installation
```bash
pnpm i @carry0987/darkmode
```

## Usage
Here is a simple example to use DarkMode

#### UMD
```html
<div class="container py-5">
    <div id="app" class="d-flex flex-column justify-content-center align-items-center">
        <h1 class="mb-4">DarkMode</h1>
        <button id="btn-toggle-dark" class="darkmode-switch">Toggle Dark Mode</button>
    </div>
</div>
<script src="dist/darkMode.min.js"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () => {
    let darkmode = new darkModejs.DarkMode({
        buttonSelector: '#btn-toggle-dark',
        autoDetect: true,
        preferSystem: false,
        rootElement: document.documentElement,
        darkModeStorageKey: 'user-color-scheme',
        darkModeMediaQueryKey: '--color-mode',
        rootElementDarkModeAttributeName: 'data-user-color-scheme',
        onChange: () => {
            console.log('onChange');
        },
        onDark() {
            console.log('onDark');
        },
        onLight() {
            console.log('onLight');
        }
    });
    darkmode.onChange = (currentMode) => {
        console.log('onChange, current mode: ' + currentMode);
    };
});
</script>
```

#### ES Module
```ts
import { DarkMode } from '@carry0987/darkmode';

let darkmode = new DarkMode({
    //...
});
```
npm package: @carterjbastian/erc20-enumerable
Description: An implementation of ERC20 with an enumerable _balances field
Author: Carter J. Bastian
Latest version: 1.0.0

# ERC20 Enumerable

This is a modifaction of the (current at the time) OpenZeppelin ERC20 implementation to use an
EnumerableMap instead of a native mapping and provide getter logic to enumerate the \_balances
for an ERC20 token.

## Install and use

```
npm install "@carterjbastian/erc20-enumerable"
```

## Testing

```
npx hardhat test
```

I copied over the main tests from OpenZeppelin and converted them to Ethers. The test coverage seems fairly
complete of traditional ERC20 functionality and approval niceties.

I built this using hardhat and ethers. This led to testing issues (janky converting of Truffle tests
written by OpenZeppelin to Waffle). I could have done this better by re-writing the test logic, but
I really just wanted to get the tests passing as quickly as possible.

## TODOs

- Add test coverage of the new enumeration functionality.
- Fix the janky type and variable scope conversion issues that came from converting the tests to waffle.
- Figure out how to handle the fact that the mapping order is not guaranteed and if that has implications on calling multiple
  times within a single function?
- Add function to check if an address is in the balance map (which could be semantically different than)
npm package: @cartiv/datepicker
Description: a datepicker react component - served chilled
Author: Ajar
Latest version: 1.4.4

# DatePicker   

[![DatePicker](https://img.shields.io/badge/Date_Picker-1.0.0-brightgreen.svg)]()
[![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest)

Our DatePicker react component