open-index/open-npm huggingface dataset:
npm package: @nikolas.karinja/app-utils
Description: Functions and Classes that make the creation of your JavaScript app easier.
Author: Nikolas Karinja
Latest version: 0.3.24

# App Utils

[![NPM Package][npm]][npm-url]

#### Makes simple tasks even easier.

Developed by [Nikolas Karinja](http://nikolaskarinja.com/)

The aim was to make simple concepts in JavaScript take even less time to implement. In the process of making my own applications, I realized it would be a lot easier to have a base set of functions and classes that I could use with all my apps. Now you can have access to them as well, and most of my packages are updated weekly if not daily. 

## Installation

I only have the option for NPM at the moment.

### npm

```
npm i --save @nikolas.karinja/app-utils
```

## Usage

This package is meant to be used with ES Modules.

### HTML Tag

```html
<script src='node_modules/@nikolas.karinja/app-utils/build/app-utils.js' type='module'></script>
```

### Script (ES Module)

```javascript
// Using parcel or another package manager

import * as AppUtils from '@nikolas.karinja/app-utils'

// Using default file system

import * as AppUtils from 'node_modules/@nikolas.karinja/app-utils/build/app-utils.js'
```

## Usage

- This version utilizes [`three@0.146.0`](https://github.com/mrdoob/three.js)
- Most methods have [JSDoc](https://jsdoc.app/) descriptions.
- I will post documentation soon.

#### Example

I will post examples and documentation soon. Although, since the functions and classes all have [JSDoc](https://jsdoc.app/) descriptions, it's pretty self-explanatory. Enjoy the simplicity.

[npm]: https://shields.io/npm/v/@nikolas.karinja/app-utils
[npm-url]: https://www.npmjs.com/package/@nikolas.karinja/app-utils
npm package: @nikolas.karinja/logger
Description: Console messages built specifically for your app.
Author: Nikolas Karinja
Latest version: 0.1.3

# Logger

[![NPM Package][npm]][npm-url]

#### Console Messages Built Specifically For Your App

Developed by [Nikolas Karinja](http://nikolaskarinja.com/)

A very simple yet dynamic way of handling console logging. You can set specified parameters that describe your app and the location of where a log is contained, allowing for a sweet way to debug something. It's a small library that I built to cater my needs.

## Installation

I only have the option for NPM at the moment.

### npm

```
npm i --save @nikolas.karinja/logger
```

### HTML Tag

```html
<!-- CommonJS -->
<script src='node_modules/@nikolas.karinja/logger/build/build.cjs'></script>
<!-- ES Module -->
<script src='node_modules/@nikolas.karinja/logger/build/build.mjs' type='module'></script>
```

### Script (CommonJS)

```javascript
const Logger = require( '@nikolas.karinja/logger' )
```

### Script (ES Module)

```javascript
// Using parcel or another package manager

import * as Logger from '@nikolas.karinja/logger'

// Using default file system

import * as Logger from 'node_modules/@nikolas.karinja/logger/build/build.mjs'
```

## Usage

- Allows for simple yet customizable console logging.
- Create different instances of Loggers to use in different parts of your app.
- I will post documentation soon.

#### Example

I will post more examples and documentation soon. Here is an example of how to use the built-in functions and seperate class instances.

```javascript
import * as Logger from '@nikolas.karinja/logger'

Logger.setup( { 
    appName            : 'My Package', 
    locationBackground : 'cyan' // css color
} )

Logger.log( 'Welcome!' ) // console.log
Logger.warn( 'Watch out...' ) // console.warn
Logger.error( 'Uh oh :(', { location: 'someFunction()' } ) // console.error

// seperate instance

const MyLogger = new Logger.Logger( {
    appName            : 'My App',
    appNameBackground  : 'blue', // css color
    locationForeground : 'white' // css color
} )

MyLogger.setup( { 
    appNameForeground : 'red', // css color
} )

MyLogger.log( 'Hey there!' )
MyLogger.warn( 'Yikes!', { location: 'anotherFunction()' } )
MyLogger.error( 'Oh no!' )
```

[npm]: https://shields.io/npm/v/@nikolas.karinja/logger
[npm-url]: https://www.npmjs.com/package/@nikolas.karinja/logger
npm package: @nikolasandreou/keep3r-cli-keep3rliquiditymanagerjob
Description: Keep3r CLI - Keep3r Liquidity Manager Job
Author: Nikolas Andreou
Latest version: 1.0.4

[![image](https://img.shields.io/npm/v/@nikolasandreou/keep3r-cli-keep3rliquiditymanagerjob.svg?style=flat-square)](https://www.npmjs.org/package/@mushroomsfi/keep3r-cli-job)

# Keep3r Liquidity Manager Job

This job enables The Keep3r Network keepers on Ethereum to execute tasks for Keep3r Liquidity Manager (`workForTokens`)

## How to install

1. Open a terminal inside your [CLI](https://github.com/keep3r-network/cli) setup
2. Run `yarn add @nikolasandreou/keep3r-cli-keep3rliquiditymanagerjob`
3. Add job inside your CLI config file. It should look something like this:
```
{
    ...
    "jobs": [
        ...,
        {
            "path": "node_modules/@nikolasandreou/keep3r-cli-keep3rliquiditymanagerjob/dist/src"
        },
    ]
}
```
## Useful Links

* [Job](https://etherscan.io/address/0x7E0Cc5edF2DD01FC543D698b7E00ff54c6c39085)
* [Keep3r V1](https://etherscan.io/address/0x1ceb5cb57c4d4e2b2433641b95dd330a33185a44)
npm package: @nikolasslim1/custom-components-lib
Description: A collection of reusable React components built with TypeScript and SCSS
Author: Nikolaj Slimenev
Latest version: 1.6.0

# Custom Components Library

A collection of reusable React components built with TypeScript and CSS.

## 🚀 Quick Start

### Installation

```bash
npm install @nikolasslim1/custom-components-lib
```

### Basic Usage

```jsx
import React from "react";
import { Button, TextField, Modal } from "@nikolasslim1/custom-components-lib";

// ⚠️ IMPORTANT: Import the styles!
import "@nikolasslim1/custom-components-lib/dist/styles.css";

function App() {
  return (
    <div>
      <Button label="Click me" variant="contained" size="medium" />
      <TextField label="Email" placeholder="Enter your email" />
    </div>
  );
}
```

## 📦 What's Included

### Components

- **Button** - Multiple sizes and variants
- **TextField** - With error states and labels
- **Select** - Custom dropdown component
- **Checkbox** - Custom styled checkbox
- **Switch** - Toggle switch component
- **Modal** - Modal dialog component

## 🎨 Component Examples

### Button

```jsx
<Button
  label="Click me"
  size="medium"
  variant="contained"
  onClick={() => console.log("clicked")}
/>
```

**Props:**

- `label` (string) - Button text
- `size` (small | medium | large) - Button size
- `variant` (text | contained | outlined) - Button style
- `onClick` (function) - Click handler

### TextField

```jsx
<TextField
  label="Email"
  placeholder="Enter your email"
  error="Invalid email"
  onChange={(e) => setEmail(e.target.value)}
/>
```

**Props:**

- `label` (string) - Field label
- `error` (string | boolean) - Error message or state
- `onChange` (function) - Change handler
- `value` (string) - Controlled value
- `defaultValue` (string) - Uncontrolled value

### Select

```jsx
<Select
  label="Country"
  options={[
    { value: "us", label: "United States" },
    { value: "ca", label: "Canada" },
  ]}
  onChange={(e) => setCountry(e.target.value)}
/>
```

### Checkbox

```jsx
<Checkbox
  label="Accept terms"
  checked={isChecked}
  onChange={(e) => setIsChecked(e.target.checked)}
/>
```

### Switch

```jsx
<Switch checked={isEnabled} onChange={(e) => setIsEnabled(e.target.checked)} />
```

### Modal

```jsx
<Modal open={isOpen} onClose={() => setIsOpen(false)}>
  <h2>Modal Title</h2>
  <p>Modal content goes here</p>
  <Button label="Close" onClick={() => setIsOpen(false)} />
</Modal>
```

## 🧪 Development

```bash
# Install dependencies
npm install

# Run tests
npm test

# Build the library
npm run build

# Run Storybook (component preview)
npm run storybook

# Lint code
npm run lint

# Format code
npm run format
```

## 🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Add tests
5. Submit a pull request

---

**Note:** This library is designed to work out-of-the-box with any React project. The styles are bundled separately and
imported explicitly to avoid CSS module conflicts.