open-index/open-npm huggingface dataset:
npm package: @milkywire/react-native-confetti
Description: confetti for react native
Author: d-dog@d-dog.se
Latest version: 1.0.0

# react-native-confetti

Finally a good confetti for React Native!

This is a port of [react-dom-confetti](https://github.com/daniel-lundin/react-dom-confetti) so all parameters from there are supported

![demo.gif](demo.gif)

## Installation

`npm install --save @milkywire/react-native-confetti`

## Usage

A confetti that fires every at a certain interval:

```js

import Confetti from '@milkywire/react-native-confetti';

function ConfettiInterval({ interval }) {
  const [active, setActive] = useState(false);

  useEffect(() => {
    const timer = setInterval(() => {
      setActive(active => !active);
    }, interval/2);
    return () => clearInterval(timer);
  }, [interval])

  return <Confetti active={active}/>;
}
```

## License

Copyright 2019 Milkywire

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
npm package: @mill3-packages/barba-scripts
Description: Helper that manage your scripts dependencies during Barba.js transitions
Author: Mill3 Studio
Latest version: 0.2.2

[![NPM version](https://img.shields.io/npm/v/@mill3-packages/barba-scripts?style=flat-square)](https://www.npmjs.com/package/@mill3-packages/barba-scripts)
[![Dependencies](https://img.shields.io/librariesio/release/npm/@barba/prefetch?style=flat-square)](https://github.com/barbajs/barba/network/dependencies)

# MILL3-packages : @barba/scripts

Add new scripts, both external and inlined, during Barba.js transition. 
A must use if you use Gravity Form in your Wordpress project.

## Install

Using npm:

```sh
npm install --save @mill3-packages/barba-scripts
```

or using yarn:

```sh
yarn add @mill3-packages/barba-scripts
```

## How to use

First, import script in your file where you also init Barba.

```js
import scripts from "@mill3-packages/barba-scripts";
```

Then just before your main Barba init call, `use()` this script.

```js
barba.use(scripts);
barba.init();
```
npm package: @mill3-packages/breakpoints-observer
Description: Breakpoints observer attachable class. Comes with utility methods for checking current breakpoint & announce event on breakpoint change.
Author: Mill3 Studio
Latest version: 0.2.5

![npm](https://img.shields.io/npm/v/@mill3-packages/breakpoints-observer?style=flat-square)

# Mill3-packages : Breakpoint observer

[TODO]

## How to use

[TODO]
npm package: @mill3-packages/system-ui-sass
Description: Utility CSS classes system for typography, layout, sizings, colors, effects. Built with SASS, inspired by Bootstrap and TailWindCSS.
Author: Mill3 Studio
Latest version: 0.10.2

![npm](https://img.shields.io/npm/v/@mill3-packages/system-ui-sass?style=flat-square)

# Mill3-packages : system-ui-sass

Our utility CSS classes system for typography, layout, sizings, colors, effects. Built with SASS, largely inspired by Bootstrap (for mixins) and TailWindCSS for classes naming conventions and the idea around an utility-first style framework.

## Credits

- Original code structure idea by [Dominic Mercier](https://github.com/ebhoren).
- Responsive @mixins taken from [Bootstrap](https://github.com/twbs/bootstrap) functions.
- CSS resets from [Normalize.css](github.com/necolas/normalize.css)

## Package install

Install with NPM :

`npm install @mill3-packages/system-ui-sass`

Install with Yarn :

`yarn add @mill3-packages/system-ui-sass`

## Installation in your project

**Option 1** : import precompiled CSS version in your main css file.

Make sur you are using a builder like Webpack which should import directly from your `node_modules` directory.

```css
@import "@mill3-packages/system-ui-sass/dist/system-ui.css";
```

**Option 2 :** import SASS file and customize theme. Our theme is structured in JSON format than converted to SASS variables.

First, run this command for coping the theme file from `node_modules` to your project root :

```bash
./node_modules/.bin/system-ui-cli
```

This should copy a file named `theme.js`.

Add SASS file to your main style file

```css
@import "@mill3-packages/system-ui-sass/src/system-ui.scss";
```

Now you need to add in your `webpack.config.js` a special loader for injecting theme.js data converted in SASS variables.

Exemple for Webpack :

```bash
npm install --save-dev sass-json-loader
```

Add `sass-json-loader` to your loaders :

```javascript
const theme = path.resolve(`theme.js`),

rules : [
    {
      test: /\.(sa|sc|c)ss$/i,
      use: [
        `css-loader`,
        `sass-loader`,
        {
          loader: 'sass-json-loader',
          options: { path: PATHS['theme'] }
        }
      ]
    }
  ]
},
```

Now start webpack, customize theme.js file, enjoy !

## Usage

Quick start documentation is missing, refer to our StoryBook site below :

[https://mill3-system-ui-sass-demo-site.netlify.com/](https://mill3-system-ui-sass-demo-site.netlify.com/)

## Todo

- [x] Package bin script for copying `theme.js` file outside `node_modules` (WIP)
- [x] Finish basic documentation in this file
- [x] Add instructions for Webpack loaders
- [x] Line-height module
- [ ] Write quick start usage documentation in this file
- [x] Add normalizing css
- [x] Modules and variables for basic HTML text body elements: H1-H6, p, ul, ol
- [ ] Add tests and Travis config
- [-] Finish Sassdoc documentation (DEPRECATED)
- [x] Add extra colors
- [X] Finish stories
- [ ] Add .prettierrc file
npm package: @mill3-packages/wp-boilerplate
Description: ![npm](https://img.shields.io/npm/v/@mill3-packages/wp-boilerplate?style=flat-square)
Author: Mill3 Studio
Latest version: 0.1.9
Deprecated: this package has been deprecated outside NPM. Use this instead : https://github.com/Mill3/mill3-wp-theme-boilerplate

![npm](https://img.shields.io/npm/v/@mill3-packages/wp-boilerplate?style=flat-square)

# MILL3-packages : Wordpress Theme Boilerplate with Webpack

Our WP theme boilerplate using Timber/Twig templates

![](https://media.giphy.com/media/XyJjfbEPltkHE4s7hg/giphy.gif)

## Requirements

- npm / yarn
- [Timber WP plugin](https://github.com/timber/timber/)

## How to install

Our boilerplate package is distributed with NPM, init a new project and install with it :

**Note:** make sure you run thoses commands inside a fresh empty WP theme directory. Not at the root of your Wordpress installation.

```bash
npm init
npm install @mill3-packages/wp-boilerplate
```

## How to use for local development

Edit `wp-config.php` and add this constant :

```php
define('THEME_DEV', true);
```

Make sure the _name_ line in `package.json` matches your theme's directory name.

```json
{
  "name": "mill3-wp-boilerplate",
  "version": "2.0.0"
}
```

Directory :

```
/wp-content/themes/mill3-wp-boilerplate/
```

Add bin command to your package.json file :

```json
{
  "scripts": {
    "mill3-wp": "mill3-wp"
  }
}
```

Run the install script :

```bash
npm run mill3-wp install
```

Then start Webpack dev server

```bash
npm run mill3-wp dev
```

## Local development with Docker

You can also use our [Docker boilerplate](https://github.com/Mill3/wordpress-docker-boilerplate) for WordPress which will set the `THEME_DEV` constant for you on initial Docker up command. Check out the repository : https://github.com/Mill3/wordpress-docker-boilerplate

## Production assets build

Simply run :

```bash
npm run mill3-wp build
```

In production mode, assets are loaded from dist/assets.json file, cache busting included !

## Prettier/ESLint

You can ESLint your code with the following command :

First add in package's script :

```json
{
  "scripts": {
    "lint": "eslint --fix ./src/js",
    "prettier": "prettier-eslint ./src/js/*/*.js ./src/scss/**/*.scss --write"
  }
}
```

```bash
npm run lint
```

And Prettier formatting :

```bash
npm run prettier
```

Please also note that there's a pre-commit hook using [pretty-quick](https://github.com/azz/pretty-quick) which can be added in `package.json`.

```json
"husky": {
  "hooks": {
    "pre-commit": "pretty-quick --staged"
  }
}
```
npm package: @millas/framework
Description: A modern batteries-included backend framework for Node.js — built on Express, inspired by Laravel, Django, and FastAPI
Author: Millas Framework
Latest version: 0.1.0

# Millas Framework

> A modern, batteries-included backend framework for Node.js.  
> Built on Express. Inspired by Laravel, Django, and FastAPI.

## Quick Start

```bash
npm install -g millas

millas new my-app
cd my-app
millas serve
```

## What's included (Phases 1–7)

| Phase | Feature |
|-------|---------|
| 1 | CLI + Project Scaffolding |
| 2 | Router (`Route.get/post/resource/group/prefix/middleware`) |
| 3 | Controllers + Middleware Pipeline + Built-in middleware |
| 4 | Dependency Injection Container + Service Providers |
| 5 | ORM + Models (`Model.find/create/where/paginate`) |
| 6 | Migration System (`millas makemigrations`, `millas migrate`) |
| 7 | Auth System (JWT, bcrypt, `Auth.login/register`, `AuthMiddleware`) |

## CLI Reference

```bash
# Project
millas new <name>
millas serve

# Generators
millas make:controller UserController --resource
millas make:model User --migration
millas make:middleware AuthMiddleware
millas make:service PaymentService
millas make:job SendEmailJob

# Migrations
millas makemigrations
millas migrate
millas migrate:rollback
millas migrate:fresh
millas migrate:status
millas migrate:reset
millas migrate:refresh
millas db:seed

# Utilities
millas route:list
```

## Routing

```js
// routes/api.js
module.exports = function (Route) {
  Route.get('/users', UserController, 'index');
  Route.resource('/posts', PostController);

  Route.prefix('/api/v1').middleware(['auth']).group(() => {
    Route.resource('/orders', OrderController);
  });

  // Register all auth routes at once
  Route.auth('/auth');
};
```

## Models

```js
const { Model, fields } = require('millas/src');

class User extends Model {
  static table  = 'users';
  static fields = {
    id:         fields.id(),
    name:       fields.string({ max: 100 }),
    email:      fields.string({ unique: true }),
    password:   fields.string(),
    role:       fields.enum(['admin', 'user'], { default: 'user' }),
    created_at: fields.timestamp(),
    updated_at: fields.timestamp(),
  };
}
```

## Authentication

```js
const { Auth } = require('millas/src');

// Register
const user = await Auth.register({ name, email, password });

// Login
const { user, token } = await Auth.login(email, password);

// Protect routes
Route.prefix('/api').middleware(['auth']).group(() => {
  Route.get('/me', UserController, 'me');
});

// Inside controller
const user = await Auth.user(req);
```

## Service Providers

```js
class AppServiceProvider extends ServiceProvider {
  register(container) {
    container.singleton('PaymentService', PaymentService);
  }
  async boot(container, app) {
    // called after all providers registered
  }
}
```

## Roadmap

- Phase 8:  Mail (SMTP, SendGrid, Mailgun)
- Phase 9:  Queues (Redis, DB drivers)
- Phase 10: Event System
- Phase 11: Caching + File Storage
- Phase 12: Admin Panel
- Phase 13: Testing Utilities
- Phase 14: Production Optimizations

## License

MIT