open-index/open-npm huggingface dataset:
npm package: @radhika333/react-native-sample-package
Description: Sample package
Author: Radhika
Latest version: 0.1.0

# @radhika333/react-native-sample-package

Sample package

## Installation

```sh
npm install @radhika333/react-native-sample-package
```

## Usage

```js
import ReactNativeSamplePackage from "@radhika333/react-native-sample-package";

// ...

const result = await ReactNativeSamplePackage.multiply(3, 7);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT
npm package: @radhika_0510/nextjs-footer-component
Description: A reusable footer component with accordion functionality - works with React, Next.js, Angular, SolidJS, Vue, and vanilla JS as a Web Component
Author: Your Name
Latest version: 1.1.0

# Next.js Footer Component

A reusable, customizable footer component that works with **React**, **Next.js**, **Angular**, **SolidJS**, **Vue**, and vanilla JavaScript as a Web Component.

## Features

- ✅ Works with multiple frameworks (React, Angular, SolidJS, Vue, vanilla JS)
- ✅ Framework-agnostic Web Component version
- ✅ Accordion sections that open one at a time
- ✅ Fully responsive design
- ✅ TypeScript support
- ✅ Customizable sections
- ✅ Dark theme with modern design
- ✅ Shadow DOM encapsulation (no style conflicts)
- ✅ Zero dependencies

## Installation

```bash
npm install @radhika_0510/nextjs-footer-component
```

## Usage

### React / Next.js

```tsx
import { Footer } from '@radhika_0510/nextjs-footer-component';
import '@radhika_0510/nextjs-footer-component/dist/index.css';

export default function App() {
  return (
    <div>
      {/* Your page content */}
      <Footer />
    </div>
  );
}
```

### Angular / SolidJS / Vue / Vanilla JS (Web Component)

For detailed instructions on using the Web Component version in Angular, SolidJS, Vue, and other frameworks, see **[WEB_COMPONENT_GUIDE.md](./WEB_COMPONENT_GUIDE.md)**.

**Quick Example (Vanilla JS):**
```html
<script type="module">
  import '@radhika_0510/nextjs-footer-component/web-component';
</script>
<footer-component></footer-component>
```

**Quick Example (Angular):**
```typescript
// main.ts
import '@radhika_0510/nextjs-footer-component/web-component';
```
```html
<!-- app.component.html -->
<footer-component></footer-component>
```

### Custom Sections (React/Next.js)

```tsx
import { Footer } from '@your-username/nextjs-footer-component';

const customSections = [
  {
    title: 'Products',
    items: ['Product 1', 'Product 2', 'Product 3'],
  },
  {
    title: 'Services',
    items: ['Service 1', 'Service 2', 'Service 3'],
  },
];

export default function App() {
  return (
    <div>
      {/* Your page content */}
      <Footer sections={customSections} customSections={true} />
    </div>
  );
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `sections` | `FooterSection[]` | Default sections | Array of footer sections |
| `customSections` | `boolean` | `false` | Use custom sections instead of default |

### FooterSection Type

```typescript
interface FooterSection {
  title: string;
  items: string[];
}
```

## Styling

The component comes with pre-styled CSS. The styles use scoped class names to avoid conflicts with your application's styles.

## Requirements

- React 18+
- Next.js 13+ (App Router or Pages Router)

## License

MIT

## Author

Your Name

## Contributing

Contributions are welcome! Please open an issue or submit a pull request.
npm package: @radhirasho/latest
Description: Checks latest version of a package
Author: Radhi Rasho
Latest version: 1.0.25

# @radhirasho/latest

## Overview

`@radhirasho/latest` is a Node.js utility that checks the latest version of a given package from npm or other registries. It can be used as a CLI tool or as a library in your Node.js projects.

## Installation

### CLI

To install the CLI globally, use:

```bash
npm install -g @radhirasho/latest
```

### Library

To install the library in your project, use:

```bash
npm install @radhirasho/latest
```

## Usage

### CLI

You can use the `latest` command to check the latest version of packages. For example:

```sh
latest <package-name>
```

You can also check multiple packages at once:

```sh
latest <package-name-1> <package-name-2> ...
```

### Programmatic API

You can also use the package programmatically in your Node.js projects.

#### Importing

```typescript
import { latest, checkUpdate } from "@radhirasho/latest";
```

#### Checking the Latest Version

To check the latest version of a package:

```typescript
const { value, error } = await latest("package-name");

if (error) {
  console.error("Error fetching latest version:", error);
} else {
  console.log("Latest version:", value);
}
```

#### Checking for Updates

To check if a package needs an update:

```typescript
const pkg = {
  name: "package-name",
  version: "1.0.0"
};

const result = await checkUpdate(pkg);

console.log(result);
```

## Configuration

### LatestOptions

You can pass options to the `latest` function to customize its behavior:

- `all`: If `true`, fetches all version tags.
- `registry`: Specifies the registry to use (e.g., `npm`, `yarn`).

Example:

```typescript
const options = {
  all: true,
  registry: "yarn"
};

const { value, error } = await latest("package-name", options);
```

### CheckUpdateOptions

You can pass options to the `checkUpdate` function to customize its behavior:

- `latest`: Options to pass to the `latest` function.

Example:

```typescript
const options = {
  latest: {
    all: true,
    registry: "yarn"
  }
};

const result = await checkUpdate(pkg, options);
```

## Development

### Building the Project

To build the project, run:

```sh
npm run build
```

## Contributing

Contributions are welcome! Please open an issue or submit a pull request on [GitHub](https://github.com/RadhiRasho/latest).

## License

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

## Author

Radhi Rasho

# Inspiration
Inspired by [node-latest](https://github.com/bahamas10/node-latest) that I ran into without realizing and noticed it was dependent on npm, which wasn't really necessary so I found a way to use fetch and have similar functionality, plus some.
npm package: @radi-cho/star-rating
Description: A five star rating web component.
Author: Radi Cho
Latest version: 1.0.0

# star-rating [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/greenyouse/star-rating)

Five star rating element with material design style.

<!-- 
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="star-rating.html">

    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
 -->
 
 ```html
 <star-rating rating="2.5"></star-rating>
 <star-rating rating="3" read-only></star-rating>
 <star-rating rating="4.7" votes="51" details read-only></star-rating>
 ```

## Installation

```sh
$ bower install radi-cho/star-rating --save
```

## Import

```html
<link rel="import" href="../bower_components/star-rating/star-rating.html">
```

## Credits

#### [acordeonl/star-rating](https://github.com/acordeonl/star-rating) - Original star-rating component;
#### [covas/star-rating](https://github.com/covas/star-rating) - Support for custom colors and read-only mode;
#### [greenyouse/star-rating](https://github.com/greenyouse/star-rating) - Material Design styling and functionality;
#### [radi-cho/star-rating](https://github.com/radi-cho/star-rating) - Responsive stars, optimized sizing and observers;