open-index/open-npm huggingface dataset:
npm package: @mohammadelhsn/portfolio-api-wrapper
Description: A TypeScript API wrapper I made for accessing my portfolio data easily and efficiently.
Latest version: 1.0.7

# Portfolio API Wrapper

A TypeScript API wrapper I made for accessing my portfolio data easily and efficiently.

## Stack

| Technologies |                                                                 |
| ------------ | --------------------------------------------------------------- |
| Yarn         | ![Yarn](https://go-skill-icons.vercel.app/api/icons?i=yarn)     |
| NPM          | ![NPM](https://go-skill-icons.vercel.app/api/icons?i=npm)       |
| Node         | ![Node](https://go-skill-icons.vercel.app/api/icons?i=nodejs)   |
| TypeScript   | ![TypeScript](https://go-skill-icons.vercel.app/api/icons?i=ts) |
| Axios        | ![Axios](https://go-skill-icons.vercel.app/api/icons?i=axios)   |

## View on NPM

<a href="https://www.npmjs.com/package/@mohammadelhsn/portfolio-api-wrapper"><img src="https://go-skill-icons.vercel.app/api/icons?i=npm" /></a>

## Installation

### NPM

```bash
npm i @mohammadelhsn/portfolio-api-wrapper
```

### Yarn

```bash
yarn add @mohammadelhsn/portfolio-api-wrapper
```

## Usage

```ts
import API from '@mohammadelhsn/portfolio-api-wrapper'; // adjust path

// Define which project you want to get data for
const api = new API('COURSE');

async function Test() {
	// Fetches all the assignments data for the course
	const allAssignments = await api.getAssignment();
	console.log(allAssignments);

	// Fetch a specific assignments data
	const assignment01 = await api.getAssignment('01');
	console.log(assignment01);

	// Fetch a specific task of an assignment
	const task04Assignment01 = await api.getAssignment('01', '04');
	console.log(task04Assignment01);

	// Fetches all the lab data for the course
	const allLabs = await api.getLab();
	console.log(allLabs);

	// Fetch a specific lab for a course
	const lab01 = await api.getLab('01');
	console.log(lab01);

	// Fetch a specific task for a course
	const task01lab01 = await api.getLab('01', '01');
	console.log(task01lab01);

	// Fetch the examples data for the course
	const exampleData = await api.getExamples();
	console.log(exampleData);

	// Get the page data for the course
	const pageData = await api.getPageData();
	console.log(pageData);

	// Get the tech data for the course
	const techData = api.getTechData();
	console.log(techData);

	// Get the topics data for the course
	const topicsData = api.getTopicsData();
	console.log(topicsData);
}

// Call the function to test the code

Test();
```

## Check out the Docs

[here](https://mohammadelhsn.github.io/Portfolio-API-Wrapper)

## Status

> 🔧 **Status: Actively Maintained** — this project is considered feature-complete but continues to receive updates & improvements.
npm package: @mohammadsaad/line
Description: [![version](https://img.shields.io/npm/v/@mohammadsaad/line.svg?style=flat-square)](https://www.npmjs.com/package/@mohammadsaad/line)
Author: Raphaël Benitte
Latest version: 0.69.0

# `@mohammadsaad/line`

[![version](https://img.shields.io/npm/v/@mohammadsaad/line.svg?style=flat-square)](https://www.npmjs.com/package/@mohammadsaad/line)

## Line

[documentation](http://nivo.rocks/line/)

![Line](https://raw.githubusercontent.com/plouc/nivo/master/packages/line/doc/line.png)

## LineCanvas

[documentation](http://nivo.rocks/line/canvas/)

![LineCanvas](https://raw.githubusercontent.com/plouc/nivo/master/packages/line/doc/line-canvas.png)
npm package: @mohammadshehadeh/ui-components
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: Mohammad Shehadeh
Latest version: 0.0.4-beta

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @mohammadyazdian/bootstrap-v4-rtl
Description: Right To Left edition of bootstrap Version 4.x.x for Persian and Arabic languages.
Author: Mohammad Yazdian
Latest version: 1.0.1

# Bootstrap v4.x.x Right To Left (rtl)
Right To Left edition of Bootstrap version 4.x.x for Persian and Arabic languages.

## Currently
v4.3.1

## How to install ?
```
$ git clone https://github.com/MohammadYazdian/bootstrap-v4-rtl.git
```

or

```
$ npm install @mohammadyazdian/bootstrap-v4-rtl
```

## How to use ?
To use Bootstrap you just need to attach JavaScript and CSS files: <br />

css
```
<link rel="stylesheet" href="dist/css/bootstrap-rtl.min.css" />
```

js
```
<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/popper.min.js"></script>
<script src="dist/js/bootstrap-rtl.min.js"></script>
```

## Starter template
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

```
<!doctype html>
<html lang="fa">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="dist/css/bootstrap-rtl.min.css" />

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap-rtl JS -->
    <script src="dist/js/jquery.min.js"></script>
    <script src="dist/js/popper.min.js"></script>
    <script src="dist/js/bootstrap-rtl.min.js"></script>
  </body>
</html>
```

## Bootstrap-rtl source code
The Bootstrap-rtl source code download includes the precompiled CSS and JavaScript assets, along with source Sass and JavaScript. More specifically, it includes the following and more:

```
bootstrap-rtl/
├── dist/
│   ├── css/
│   └── js/
├── js/
└── scss/
```
The scss/ and js/ are the source code for our CSS and JavaScript. The dist/ folder includes everything listed in the precompiled download section above. Beyond that, any other included file provides support for packages, license information, and development.
npm package: @mohammadzorrie/react-image-uploader
Description: A customizable image upload package for React applications, utilizing ShadCN and Tailwind for styling, and compatible with React Hook Form.
Author: Your Name
Latest version: 1.0.0

# README.md

# Image Upload Package

A flexible and customizable image upload package for React applications, designed to integrate seamlessly with React Hook Form. This package utilizes ShadCN and Tailwind CSS for styling, providing a consistent and modern user interface.

## Features

- Drag-and-drop file upload functionality
- Image preview display
- Progress bar for upload status
- TypeScript support for type safety
- Easy integration with React Hook Form

## Installation

To install the package, run the following command:

```bash
npm install ReactImageUploader
```

or

```bash
yarn add ReactImageUploader
```

## Usage

### FileUpload Component

The `FileUpload` component handles file uploads and integrates with React Hook Form.

```tsx
import { FileUpload } from "ReactImageUploader";

const MyForm = () => {
  return (
    <form>
      <FileUpload name="images" control={control} />
      {/* Other form fields */}
    </form>
  );
};
```

### ImagePreview Component

The `ImagePreview` component displays a preview of the uploaded images.

```tsx
import { ImagePreview } from "ReactImageUploader";

const MyPreview = ({ files }) => {
  return <ImagePreview files={files} />;
};
```

### ProgressBar Component

The `ProgressBar` component visually indicates the upload progress.

```tsx
import { ProgressBar } from "ReactImageUploader";

const MyProgress = ({ progress }) => {
  return <ProgressBar value={progress} />;
};
```

## API Reference

### FileUpload Props

- `name`: The name of the field in the form.
- `control`: The control object from React Hook Form.

### ImagePreview Props

- `files`: An array of file objects to display.

### ProgressBar Props

- `value`: A number representing the current progress (0 to 100).

## License

This package is licensed under the MIT License. See the LICENSE file for more information.
npm package: @mohammed-bahumaish/prisma-dmmf-extended
Description: An extension library for Prisma's DMMF (Data Model Meta Format) that provides bidirectional conversion between Prisma schema and DMMF
Author: Mohammed Bahumaish
Latest version: 1.0.1

# Prisma DMMF Extended

An extension library for Prisma's DMMF (Data Model Meta Format) that provides bidirectional conversion between Prisma schema and DMMF.

## Features

- Convert Prisma schema to DMMF (`schemaToDmmf`)
- Convert DMMF back to Prisma schema (`dmmfToSchema`)
- Handle ZenStack syntax and extensions
- Error handling utilities

## Installation

```bash
npm install @mohammed-bahumaish/prisma-dmmf-extended
# or
yarn add @mohammed-bahumaish/prisma-dmmf-extended
# or
pnpm add @mohammed-bahumaish/prisma-dmmf-extended
```

## Usage

```typescript
import { schemaToDmmf, dmmfToSchema } from '@mohammed-bahumaish/prisma-dmmf-extended';

// Convert Prisma schema to DMMF
const prismaSchema = `
  datasource db {
    provider = "postgresql"
    url      = env("DATABASE_URL")
  }
  
  model User {
    id    Int     @id @default(autoincrement())
    email String  @unique
    name  String?
  }
`;

async function example() {
  // Schema to DMMF
  const { datamodel, config } = await schemaToDmmf(prismaSchema);
  console.log('DMMF:', datamodel);
  
  // DMMF back to schema
  const formattedSchema = await dmmfToSchema({
    dmmf: datamodel,
    config: config
  });
  console.log('Schema:', formattedSchema);
}

example();
```

## Project Structure

- `/src` - Source code
  - `index.ts` - Main exports
  - `dmmfToSchema.ts` - Converts DMMF to Prisma schema
  - `schemaToDmmf.ts` - Converts Prisma schema to DMMF
  - `processLine.ts` - Processes schema lines during conversion
  - `handleError.ts` - Error handling utilities
  - `/util` - Utility functions
    - `parser.ts` - Schema parsing utilities

## Development

```bash
# Install dependencies
npm install

# Build the project
npm run build

# Run tests
npm test

# Development with watch mode
npm run dev
```

## License

MIT # prisma-dmmf-extended
npm package: @mohammed-thaha/json-to-colorful-table
Description: Convert JSON array to a colorful console table.
Author: Mohammed Thaha
Latest version: 1.0.2

# JSON to Colorful Table

This project provides a utility function to display data in a colorful, structured table format in the console. It converts an array of objects into a table with colorful headers and white-colored values for better readability.

## Features

- Converts an array of objects into a table format.
- Colorizes the table headers with different colors for each column.
- Displays the values in white for clear readability.
- Handles invalid inputs gracefully, such as non-array data or empty arrays.
- Uses **`cli-table3`** for table formatting and **`chalk`** for colorization.

## Requirements

- Node.js (v12 or higher)
- **chalk** library
- **cli-table3** library

## Installation

1. Clone this repository:

    ```bash
    git clone https://github.com/Mohammed-Thaha/Json-table-display/
    ```

2. Navigate to the project folder:

    ```bash
    cd Json-table-display
    ```

3. Install the required dependencies:

    ```bash
    npm install
    ```

## Usage

To use this utility, import the `printTable` function and pass an array of objects to it.

Example:

```javascript
import printTable from '@mohammed-thaha/json-to-colorful-table'

const data = [
  { name: "Alice", age: 25, city: "Chennai", role: "Manager", salary: "250000" },
  { name: "Bob", age: 30, city: "Mumbai", role: "Manager" },
  { name: "Charlie", age: 28, city: "Delhi", role: "Sales" }
];

printTable(data);
```
## Output

| NAME    | AGE | CITY    | ROLE    | SALARY  |
|---------|-----|---------|---------|---------|
| Alice   | 25  | Chennai | Manager | 250000  |
| Bob     | 30  | Mumbai  | Manager |         |
| Charlie | 28  | Delhi   | Sales   |         |
----

# Input Validation

The function checks if the input is an array.

- If the input is **not an array**, it will print an **error message in red**.
- If the array is **empty**, it will print a **warning message in yellow**.

---

## Development

1. **Fork and clone** this repository.
2. Create a new branch for your changes:

   ```bash
   git checkout -b feature/your-feature
   git commit -am "Description of your changes"
   git push origin feature/your-feature

## Open a Pull Request

Open a pull request to the `main` branch.

---

## Project

**Name:** json-to-colorful-table

**Author:** Mohammed Thaha

---

## License

MIT License


## Acknowledgments

- **[cli-table3](https://www.npmjs.com/package/cli-table3)**: For table formatting in the terminal.
- **[chalk](https://www.npmjs.com/package/chalk)**: For colorizing the output in the console.

------
npm package: @mohammed-yasim/zubble-xped-invoice
Description: npm install @mohammed-yasim/zubble-xped-invoice
Author: mohammed-yasim
Latest version: 0.0.13

npm install @mohammed-yasim/zubble-xped-invoice

import { InvoiceTemplate } from '@mohammed-yasim/zubble-xped-invoice';
import '@mohammed-yasim/zubble-xped-invoice/dist/index.css';

<InvoiceTemplate {...props} />
npm package: @mohammed.badawey/bpmn-auto-layout
Description: Layout BPMN diagrams, generating missing DI information
Author: bpmn.io contributors
Latest version: 1.0.2

# bpmn-auto-layout

This a fork of [bpmn-auto-layout package](https://github.com/bpmn-io/bpmn-auto-layout)

Create and layout the graphical representation of a BPMN diagram.

Try it out in [the example project](https://bpmn-io.github.io/bpmn-auto-layout/).

## Usage

This library works with [Node.js](https://nodejs.org/) and in the browser.

```javascript
import { layoutProcess } from '@mohammed.badawey/bpmn-auto-layout';

import diagramXML from './diagram.bpmn';

const diagramWithLayoutXML = await layoutProcess(diagramXML);

console.log(diagramWithLayoutXML);
```

## Limitations

* Given a collaboration only the first participant's process will be laid out
* Sub-processes will be laid out as collapsed sub-processes
* The following elements are not laid out:
  * Groups
  * Text annotations
  * Associations
  * Message flows

## Resources

* [Issues](https://github.com/m7mdbadawy/bpmn-auto-layout/issues)

## Build and Run

```sh
# install dependencies
npm install

# build and run tests
npm run all

# run example
npm start
```

## Test

We use snapshot testing to verify old and new layout attempts. A mismatch is indicated as a test failure.

```sh
# run tests
npm test

# inspect the results
npm run test:inspect

# run update snapshots
npm run test:update-snapshots
```

Add new test cases to [`test/fixtures`](./test/fixtures) and they will be picked up automatically.

## License

MIT
npm package: @mohammed.imran010/mo-test
Description: Made with create-react-library
Author: mohammedimran010
Latest version: 1.0.0

# mo-test

> Made with create-react-library

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

## Install

```bash
npm install --save mo-test
```

## Usage

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

import MyComponent from 'mo-test'
import 'mo-test/dist/index.css'

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

## License

MIT © [mohammedimran010](https://github.com/mohammedimran010)
npm package: @mohammedkhan18/calculator
Description: A simple command-line calculator that performs basic arithmetic operations.
Author: Mohammed Khan
Latest version: 1.0.0

# Calculator CLI

A simple command-line calculator that performs basic arithmetic operations.

## Overview

This project provides a command-line calculator that supports the following **8** operation keywords:

*   Addition (`add`)
*   Subtraction (`subtract`)
*   Multiplication (`multiply` or `times`)
*   Division (`divide`)
*   Modulus (`modulus` or `remainder`)
*   Power (`power`)

## Prerequisites

This project requires [Node.js](https://nodejs.org/) to be installed on your system. We recommend using Node.js version 12 or higher.


## Installation

1.  Install as a devDependencies:

    ```bash
    npm install @mohammedkhan18/calculator --save-dev
    ```


## Usage

To use the calculator, run the script with three arguments:

```bash
npx calculator.js number operator number
```

Examples:

*   Addition:

    ```
    node calculator.js 2 add 3
    // Expected Output: result: 5
    ```

*   Division:

    ```
    node calculator.js 10 divide 2
    // Expected Output: result: 5
    ```

*   Power:

    ```
    node calculator.js 2 power 3
    // Expected Output: result: 8
    ```


## License

This project is licensed under the MIT License. See the `LICENSE` file for more details.
npm package: @mohammedkhan18/financial-calculator
Description: A simple command-line financial calculator that processes transaction amounts and computes key financial metrics.
Author: Mohammed Khan
Latest version: 1.0.0

# Financial Calculator CLI

## Overview

This project provides a command-line financial calculator that processes a list of transaction amounts and outputs key financial metrics. The calculator computes the total number of transactions, total sum, average transaction value, total income (sum of positive transactions), total expenses (sum of negative transactions), and net balance.

## Prerequisites

This project requires Node.js (version 12 or higher). Please ensure that Node.js is installed on your system.

## Installation

To install the package as a development dependency, run:

npm install @mohammedkhan18/financial-calculator --save-dev

## Usage

To run the financial calculator, use the following command with a list of transaction amounts (ignoring non-numbers):

node financialCalculator.js <transaction1> <transaction2> ...

Example:

node financialCalculator.js 100 -50 job 200 taxes -75

## License

This project is licensed under the MIT License. See the LICENSE file for additional details.