open-index/open-npm huggingface dataset:
npm package: @shahisa/mars
Description: Removes all spaces from a string
Latest version: 3.0.0

# @shahisa/mars

[![npm(scoped)](https://img.shields.io/badge/npm-v1.0.0-green.svg)](https://github.com/shahisa/mars)

Removes all spaces from string.

## Install

```
$ npm install @shahisa/mars
```

## Usage



```js
const mars = require("@shahisa/mars");

mars("So much space!");
//=> "Somuchspace!"

mars(1337);
//=> Uncaught TypeError: Mars wants a string!
//    at mars (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @shahjahan-arif/mikromanage-types
Description: Shared TypeScript types for Mikromanage
Latest version: 1.0.0

# @mikromanage/types

Shared TypeScript types for Billing Management & Notification System.

## Installation

### Local Development (pnpm link)

```bash
# In types directory
pnpm install
pnpm build
pnpm link

# In backend directory
pnpm link @mikromanage/types

# In frontend directory
pnpm link @mikromanage/types
```

### Using pnpm Workspace

```yaml
# pnpm-workspace.yaml (in root)
packages:
  - 'backend'
  - 'frontend'
  - 'types'
```

Then in backend/frontend package.json:
```json
{
  "dependencies": {
    "@mikromanage/types": "workspace:*"
  }
}
```

## Usage

### Backend

```typescript
import { User, UserRole, CreateUserInput } from '@mikromanage/types';

export class UserModel extends Model implements User {
  declare id: string;
  declare email: string;
  // ... other fields
}
```

### Frontend

```typescript
import { User, UserRole, PaymentStatus } from '@mikromanage/types';

interface UserListProps {
  users: User[];
}

export const UserList = ({ users }: UserListProps) => {
  return (
    <div>
      {users.map(user => (
        <div key={user.id}>{user.email}</div>
      ))}
    </div>
  );
};
```

## Development

```bash
# Build types
pnpm build

# Watch mode (auto-rebuild on changes)
pnpm watch

# Clean build artifacts
pnpm clean
```

## Structure

```
types/
├── src/
│   ├── models/          # Domain models
│   ├── enums/           # Enumerations
│   ├── api/             # API request/response types
│   ├── utils/           # Utility types
│   └── index.ts         # Main export
├── package.json
├── tsconfig.json
└── README.md
```
npm package: @shahlab/planetarium
Description: Shah Lab Data Viz
Latest version: 1.1.18

# Planetarium

React components for visualization

[![NPM](https://img.shields.io/npm/v/@shahlab/planetarium.svg)](https://www.npmjs.com/package/@shahlab/planetarium) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @shahlab/planetarium
```

```bash
yarn add @shahlab/planetarium
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'planetarium'
import 'planetarium/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [](https://github.com/)
npm package: @shahlol/catalyst
Description: Catalyst devtool for Angular apps
Author: Abdelsalam Shahlol
Latest version: 1.0.0

# Catalyst

> A lightweight Angular devtool to manage and modify HTTP request headers in real-time.

---

## Features

- Add, edit, or remove HTTP headers dynamically.
- Works seamlessly with Angular v19+ applications.
- Includes a basic interactive devtool panel.
- Supports sending modified headers to any HTTP request.

---

## Installation

```bash
npm install @shahlol/catalyst
```

## Usage

- Import CatalystDevTool component on your main `app.component.ts`.

```js
import { CatalystDevTool } from '@shahlol/catalyst';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet, CatalystDevTool]
})
```

- Use the provided component.

```html
<lib-catalyst [production]="false" />
```

- Include the Interceptor provider to your list of providers `app.config.ts`.

```js
import { provideCatalystInterceptor } from '@shahlol/catalyst';

export const appConfig: ApplicationConfig = {
  providers: [
    provideCatalystInterceptor(),
  ]
}
```

- Import styles to your main`styles.css` file.

```scss
@import "@shahlol/catalyst/styles.css";
```

## Development

```bash
# Clone repo
git clone https://github.com/shahlol/catalyst.git
cd catalyst

# Install dependencies
npm install

# Build library
ng build catalyst

# Run demo app
ng serve demo
```
npm package: @shahmeernasir/simple-donut-chart
Description: Simple donut chart in JavaScript
Author: Shahmeer Nasir
Latest version: 1.0.4

# Simple Donut Chart

A lightweight, customizable donut chart library for your JavaScript projects.

---
[![Simple donut chart](https://i.imgur.com/KP6pKwx.png)](https://www.npmjs.com/package/@shahmeernasir/simple-donut-chart)

## Table of contents

* [Installation](#Installation)
* [Features](#Features)

```html
<body>
  <div id="donut"></div>
</body>
```

```js
import { createDonutChart } from '@shahmeernasir/simple-donut-chart';

const data = [
  { value: 10, label: 'A' },
  { value: 25, label: 'B' },
  { value: 25, label: 'B' },
  { value: 40, label: 'C' }
];

const options = {
  radius: 80,
  strokeWidth: 16,
  strokeLineCap: 'none',
  colors: [],
  showLegend: true,
  animationDuration: 1000,
};

createDonutChart('#donut', data, options);
```

![Simple donut chart](https://i.imgur.com/RYxLeRB.png)

## Installation

Installation is done using the
[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):

```bash
npm install @shahmeernasir/simple-donut-chart
```

## Features

  * Simple
  * Zero dependencies