open-index/open-npm huggingface dataset:
npm package: @lilarest/ui
Description: A versatile skeuomorphic and minimalist design system library for Tailwind and NextJS.
Author: Lila Rest
Latest version: 1.52.8

# Rest UI

A versatile skeuomorphic and minimalist design system library for Tailwind and NextJS.


## Installation
1. Starts a new Next+Tailwind project using `bunx create-next-app@latest` or ensure you've the following dependencies installed `react react-dom", typescript, tailwindcss, postcss, autoprefixer`

2. Apply RestUI to your `next.config.mjs` file.
```js
// @ts-check
import { withRestUI } from "restui/lib/next.mjs";

/** @type {import('next').NextConfig} */
const nextConfig = {};

export default withRestUI(nextConfig);
```

3. Apply RestUI to your `tailwind.config.ts` file. The number parameter passed to `initRestUI()` is the hue of your brand's primary color.

```js
import type { Config } from "tailwindcss";
import { initRestUI } from "restui/lib/tailwind";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  plugins: [initRestUI(197)],
};
export default config;
```

4. Apply RestUI to your `.eslintrc.cjs` file.
```js
import { restUIRecommended } from "restui/lib/eslint.cjs";
module.exports = restUIRecommended;
```

## Known issues

### Broken dynamic Tailwind `text-` classes
This is caused by [this issue](https://github.com/MathGeniusJodie/tailwindcss-leading-trim/issues/1) of the [tailwindcss-leading-trim](https://github.com/MathGeniusJodie/tailwindcss-leading-trim) which implements a polyfill for the upcoming CSS [leading-trim](https://www.w3.org/TR/css-inline-3/#leading-trim) property.

With this issue, `text-[3rem]` will for example be rendered as:
```css
.\!text-\[3rem\] {
    color: 3rem !important;
}
```




## TOADD
- Optimized to run on Cloudflare Pages
- Don't forget to enable the zone of your domain in Cloudflare Images, else images will be broken after deployment
- <WithRestUI> component in layout.tsx
- Customization of the heightRatio, fontSizeRatio, radiusRatio, paddingRatio, etc.
npm package: @lilbunnyrabbit/statefulia
Description: JavaScript/TypeScript library for state management.
Author: Andraž Mesarič-Sirec
Latest version: 0.0.0-alpha

# Statefulia

[![npm version](https://img.shields.io/npm/v/@lilbunnyrabbit/statefulia.svg)](https://www.npmjs.com/package/@lilbunnyrabbit/statefulia)
[![npm downloads](https://img.shields.io/npm/dt/@lilbunnyrabbit/statefulia.svg)](https://www.npmjs.com/package/@lilbunnyrabbit/statefulia)

JavaScript/TypeScript library for state management.

## Installation

```sh
npm i @lilbunnyrabbit/statefulia
```

## Example
```js
const state = new State({
  useChangeEvent: true,
  useLogs: true,
});

// ...

const stateElement = state.init("clicks", {
  defaultValue: 0,
  config: {
    useLocalStorage: true,
    useEvents: true,
  },
});

// Increment "clicks" element in State.
document.getElementById("clicks-button").addEventListener("click", () => {
  stateElement.set(stateElement.get() + 1);
});

// ...

class App extends StateComponent {
  constructor() {
    super(state);
  }

  $onStateChange(key, value) {
    switch (key) {
      case "clicks":
        document.getElementById("clicks-display").innerText = `${value} clicks.`;
        break;
      default:
        break;
    }
  }
}
```

## TODO
* [ ] TypeScript generics
* [ ] Documentation

## License

MIT © Andraž Mesarič-Sirec

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/lilBunnyRabbit)
npm package: @lildiary/mongo-logger
Description: Logging messages to mongodb collection
Author: Maksim Pavlov
Latest version: 1.0.1

# @lildiary/mongo-logger

Log js objects to mongodb collection

## Install

```sh
$ npm i @lildiary/mongo-logger
```

## example

```typescript
import { MongoLogger } from "@lildiary/mongo-logger";

const logger = new MongoLogger(db.collection("logs"), "test");
logger.log({ test: "test" });
```
npm package: @lilei/koa
Description: bull-monitor for koa
Latest version: 1.0.3

# @bull-monitor/koa

[Koa](https://github.com/koajs/koa) adapter for [bull-monitor](https://github.com/s-r-x/bull-monitor)

## Usage

@bull-monitor/koa has a peer dependency of koa-router

```sh
npm i @bull-monitor/koa koa-router
```

```typescript
import { BullMonitorKoa } from '@bull-monitor/koa';
import Koa from 'koa';
import { BullAdapter } from '@bull-monitor/root/dist/bull-adapter';
// for BullMQ users
// import { BullMQAdapter } from "@bull-monitor/root/dist/bullmq-adapter";
import Queue from 'bull';

(async () => {
  const app = new Koa();
  const monitor = new BullMonitorKoa({
    queues: [
      new BullAdapter(new Queue('1', 'REDIS_URI')),
      // readonly queue
      new BullAdapter(new Queue('2', 'REDIS_URI'), { readonly: true }),
    ],
    baseUrl: '/my/url',
    // enables graphql introspection query. false by default if NODE_ENV == production, true otherwise
    gqlIntrospection: true,
    // enable metrics collector. false by default
    // metrics are persisted into redis as a list
    // with keys in format "bull_monitor::metrics::{{queue}}"
    metrics: {
      // collect metrics every X
      // where X is any value supported by https://github.com/kibertoad/toad-scheduler
      collectInterval: { hours: 1 },
      maxMetrics: 100,
      // disable metrics for specific queues
      blacklist: ['1'],
    },
  });
  await monitor.init({
    // optional middleware that will run before the bull-monitor router
    middleware: async (_ctx, next) => {
      console.log('do something');
      await next();
    },
  });
  app.use(monitor.router.routes());
  app.listen(3000);

  // replace queues
  monitor.setQueues([new BullAdapter(new Queue('3', 'REDIS_URI'))]);
})();
```