open-index/open-npm huggingface dataset:
npm package: @jkuri/ngx-slider
Description: Angular Range Slider as seen on Discord.
Latest version: 0.2.0

# NgxRangeslider

Angular Range Slider as seen on Discord.

[Demo](https://codesandbox.io/s/jkuringx-slider-demo-d0k6h?file=/src/app/app.component.ts)

## Installation

Using Angular CLI:

```sh
ng add @jkuri/ngx-slider
```

or

```sh
npm install @jkuri/ngx-slider
```

Then in your module:

```ts
import { NgxSliderModule } from '@jkuri/ngx-slider';

@NgModule({
  imports: [NgxSliderModule]
})
```

In your template:

```html
<ngx-slider [(ngModel)]="fontSize" [values]="fontSizeValues" [options]="darkOptions"></ngx-slider>
```

And in your component (example):

```ts
import { SliderValue, SliderOptions } from '@jkuri/ngx-slider';

fontSize = 14;
fontSizeValues: SliderValue[] = [
  { value: 8, placeholder: '8px' },
  { value: 12, placeholder: '12px' },
  { value: 14, placeholder: '14px' },
  { value: 15, placeholder: '15px' },
  { value: 16, placeholder: '16px' },
  { value: 18, placeholder: '18px' },
  { value: 20, placeholder: '20px' },
  { value: 24, placeholder: '24px' }
];
darkOptions: SliderOptions = {
  gridColor: '#4F545C',
  dashColor: '#4F545C',
  dashMarkColor: '#4F545C',
  dashMarkSelectedColor: '#68d391',
  dashMarkFontWeight: 900,
  dashMarkFontSize: 12,
  dashMarkPadding: 12,
  barColor: '#ffffff'
};
```

## License

MIT
npm package: @jkuri/psutil
Description: A Node.js module for retrieving system and process information
Author: Jan Kuri
Latest version: 0.0.2

# node-psutil

A Node.js module for retrieving system and process information, with native support for macOS, Linux, and Windows.

## Installation

```bash
npm install @jkuri/psutil
```

## Usage

```ts
import {
  getVirtualMemory,
  getVirtualMemoryAsync,
  getDiskPartitions,
  getDiskPartitionsAsync
} from '@jkuri/psutil';

// Memory information
const memInfo = getVirtualMemory();
console.log(`Memory usage: ${memInfo.percent.toFixed(1)}%`);

// Disk partitions
const partitions = getDiskPartitions();
partitions.forEach(partition => {
  console.log(`${partition.device}: ${partition.percent.toFixed(1)}% used`);
});

// Asynchronous operations
getVirtualMemoryAsync().then(memInfo => {
  console.log('Memory info:', memInfo);
});

getDiskPartitionsAsync().then(partitions => {
  console.log('Disk partitions:', partitions);
});
```

## API

### getVirtualMemory()

Returns an object containing information about the system's virtual memory.

```ts
export type VirtualMemory = {
  total: number;
  available: number;
  used: number;
  free: number;
  shared: number;
  swapTotal: number;
  swapFree: number;
  active: number;
  inactive: number;
  wired: number;
  percent: number;
};

export function getVirtualMemory(): VirtualMemory;
```

### getVirtualMemoryAsync()

Returns a promise that resolves to an object containing information about the system's virtual memory.

```ts
export function getVirtualMemoryAsync(): Promise<VirtualMemory>;
```

### getDiskPartitions()

Returns an array of objects containing information about all disk partitions on the system.

```ts
export type DiskPartition = {
  device: string;      // Device path (e.g., "/dev/disk1s1", "C:")
  mountpoint: string;  // Mount point (e.g., "/", "C:\")
  fstype: string;      // File system type (e.g., "apfs", "ntfs", "ext4")
  opts: string;        // Mount options
  total: number;       // Total space in bytes
  used: number;        // Used space in bytes
  free: number;        // Free space in bytes
  percent: number;     // Usage percentage (0-100)
};

export function getDiskPartitions(): DiskPartition[];
```

### getDiskPartitionsAsync()

Returns a promise that resolves to an array of disk partition information objects.

```ts
export function getDiskPartitionsAsync(): Promise<DiskPartition[]>;
```

## License

MIT License
npm package: @jkuri/rx-tween
Description: RxJS based Tween engine for easy animations
Author: Jan Kuri
Latest version: 0.1.1

# rx-tween

JavaScript tweening engine for easy animations based on RxJS.

```ts
import { Tween, easingElasticOut } from '@jkuri/rx-tween';

const ball = document.querySelector('.ball');

const tween = new Tween({ x: 100, y: 100 })
  .delay(0)
  .easing(easingElasticOut)
  .to({ x: 200, y: 400 }, 2000)
  .onStart(() => console.log('Start!'))
  .onComplete(() => console.log('Completed!'))
  .onStop(() => console.log('Stopped!'))
  .onUpdate(val => {
    ball.style.left = `${val.x}px`;
    ball.style.top = `${val.y}px`;
  })
  .start();
```

## Installation

```sh
npm install @jkuri/rx-tween --save
```

or if you are using `yarn`,

```sh
yarn add @jkuri/rx-tween --save
```

## Run example

```sh
yarn start
```

## License

MIT
npm package: @jkvim/react-codemirror2
Description: a tiny react codemirror component wrapper
Author: scniro
Latest version: 7.3.0

### @jkvim/react-codemirror2

fork from @ [scniro.github.io/react-codemirror2](https://scniro.github.io/react-codemirror2/), build esm version and add vim keymap