open-index/open-npm huggingface dataset:
npm package: @jamiekyu/theyuzone-header
Description: Shared header component for Next.js applications
Author: jamiekyu
Latest version: 1.0.6

# @jamiekyu/theyuzone-header

A reusable header component for Next.js applications.

## Installation

```bash
npm install @jamiekyu/theyuzone-header
```

## Usage

```tsx
import Header from '@jamiekyu/theyuzone-header';

function App() {
  return (
    <Header
      title="My App"
      navigationItems={[
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "External Link", href: "https://example.com", external: true }
      ]}
      alwaysVisible={true}
    />
  );
}
```

## Props

- `alwaysVisible?: boolean` - Whether the header should always be visible (default: false)
- `title?: string` - The title/logo text (default: "the yu zone")
- `titleHref?: string` - The href for the title link (default: "/")
- `navigationItems?: NavigationItem[]` - Array of navigation items
- `className?: string` - Additional CSS classes

## NavigationItem

- `label: string` - The display text
- `href: string` - The URL to navigate to
- `external?: boolean` - Whether this is an external link (uses <a> instead of Next.js Link)

## Development

### Running Storybook

To view and test the header component in Storybook:

```bash
# Install dependencies
npm install

# Start Storybook development server
npm run storybook
```

This will start Storybook at `http://localhost:6006` where you can:
- View different header configurations
- Test responsive behavior
- Interact with component props
- Test scroll-based visibility

### Building the Package

```bash
# Build TypeScript to JavaScript
npm run build

# Watch for changes during development
npm run dev
```

### Publishing to NPM

To publish a new version to npm:

1. **Update the version** in `package.json`:
   ```bash
   npm version patch  # for bug fixes
   npm version minor  # for new features
   npm version major  # for breaking changes
   ```

2. **Build the package**:
   ```bash
   npm run build
   ```

3. **Publish to npm**:
   ```bash
   npm publish
   ```

   Or if you need to publish with a specific access level:
   ```bash
   npm publish --access public
   ```

### Scripts

- `npm run build` - Build the TypeScript package
- `npm run dev` - Watch for changes and rebuild
- `npm run storybook` - Start Storybook development server
- `npm run build-storybook` - Build Storybook for deployment
npm package: @jamieleecool/chatgpt-mcp
Description: A simple MCP server that sends messages to GPT-5
Latest version: 2.0.0

# ChatGPT MCP Server

A simple Model Context Protocol (MCP) server that provides a tool to send messages to GPT and return responses.

## Features

- Single tool: `send_message` - Send messages to GPT and get responses
- Server-Sent Events (SSE) HTTP communication via MCP protocol
- Configurable via command line parameter for OpenAI API token
- Optional system prompt support for better context setting
- CORS enabled for web client integration
- Health check endpoint for monitoring

## Installation

1. Install dependencies:
```bash
npm install
```

2. Run the server with your OpenAI API token as a parameter:
```bash
node index.js your-openai-api-token-here
```

## Usage

### Running the Server

```bash
node index.js your-openai-api-token-here
```

For development with auto-restart:
```bash
node --watch index.js your-openai-api-token-here
```

With custom port:
```bash
$env:PORT=8080
node index.js your-openai-api-token-here
```

The server will start an HTTP server with SSE endpoints:
- Health check: `http://localhost:3000/health`
- MCP endpoint: `http://localhost:3000/sse`

### Available Tools

#### `send_message`

Send a message to GPT and get a response.

**Parameters:**
- `message` (required): The message to send to GPT
- `system_prompt` (optional): System prompt to set context for the conversation

**Example usage in MCP client:**
```json
{
  "method": "tools/call",
  "params": {
    "name": "send_message",
    "arguments": {
      "message": "What is the capital of France?",
      "system_prompt": "You are a helpful geography teacher."
    }
  }
}
```

## Configuration

The server supports the following configuration:

- **Command line argument**: OpenAI API token (required as first parameter)
- **Environment variable**: `PORT` - Port number for the HTTP server (optional, defaults to 3000)

**Usage:**
```bash
node index.js <openai-api-token>
```

## MCP Integration

This server implements the Model Context Protocol and can be integrated with MCP-compatible clients. The server communicates via HTTP using Server-Sent Events (SSE) transport.

**MCP Client Connection:**
Connect to: `http://localhost:3000/sse`

## License

MIT
npm package: @jamiemagee/osv-offline
Description: [![Package version](https://img.shields.io/npm/v/@jamiemagee/osv-offline?style=for-the-badge)](https://www.npmjs.com/package/@jamiemagee/osv-offline) [![Build status](https://img.shields.io/github/workflow/status/jamiemagee/osv-offline/Build?style=for-the
Latest version: 1.2.11
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# osv-offline

[![Package version](https://img.shields.io/npm/v/@jamiemagee/osv-offline?style=for-the-badge)](https://www.npmjs.com/package/@jamiemagee/osv-offline)
[![Build status](https://img.shields.io/github/workflow/status/jamiemagee/osv-offline/Build?style=for-the-badge)](https://github.com/jamiemagee/osv-offline/actions/workflows/build.yml)
[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)](./LICENSE)
![Stability experimental](https://img.shields.io/badge/stability-experimental-orange.svg?style=for-the-badge)

## License

This package is licensed under [the MIT license](https://opensource.org/licenses/MIT).

Vulnerabilities are provided from the following upstream data sources and licenses:

- [GitHub Advisory Database](https://github.com/github/advisory-database) ([CC-BY 4.0](https://github.com/github/advisory-database/blob/main/LICENSE.md))
- [PyPI Advisory Database](https://github.com/pypa/advisory-database) ([CC-BY 4.0](https://github.com/pypa/advisory-database/blob/main/LICENSE))
- [Go Vulnerability Database](https://github.com/golang/vulndb) ([CC-BY 4.0](https://github.com/golang/vulndb#license))
- [Rust Advisory Database](https://github.com/RustSec/advisory-db) ([CC0 1.0](https://github.com/rustsec/advisory-db/blob/main/LICENSE.txt))
- [Global Security Database](https://github.com/cloudsecurityalliance/gsd-database) ([CC0 1.0](https://github.com/cloudsecurityalliance/gsd-database/blob/main/LICENSE))
- [OSS-Fuzz](https://github.com/google/oss-fuzz-vulns) ([CC-BY 4.0](https://github.com/google/oss-fuzz-vulns/blob/main/LICENSE))
npm package: @jamiemagee/osv-offline-db
Description: [![Package version](https://img.shields.io/npm/v/@jamiemagee/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@jamiemagee/osv-offline-db) [![Build status](https://img.shields.io/github/workflow/status/jamiemagee/osv-offline/Build?style=f
Latest version: 1.1.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# osv-offline-db

[![Package version](https://img.shields.io/npm/v/@jamiemagee/osv-offline-db?style=for-the-badge)](https://www.npmjs.com/package/@jamiemagee/osv-offline-db)
[![Build status](https://img.shields.io/github/workflow/status/jamiemagee/osv-offline/Build?style=for-the-badge)](https://github.com/jamiemagee/osv-offline/actions/workflows/build.yml)
[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=for-the-badge)](./LICENSE)
![Stability experimental](https://img.shields.io/badge/stability-experimental-orange.svg?style=for-the-badge)

## License

This package is licensed under [the MIT license](https://opensource.org/licenses/MIT).

Vulnerabilities are provided from the following upstream data sources and licenses:

- [GitHub Advisory Database](https://github.com/github/advisory-database) ([CC-BY 4.0](https://github.com/github/advisory-database/blob/main/LICENSE.md))
- [PyPI Advisory Database](https://github.com/pypa/advisory-database) ([CC-BY 4.0](https://github.com/pypa/advisory-database/blob/main/LICENSE))
- [Go Vulnerability Database](https://github.com/golang/vulndb) ([CC-BY 4.0](https://github.com/golang/vulndb#license))
- [Rust Advisory Database](https://github.com/RustSec/advisory-db) ([CC0 1.0](https://github.com/rustsec/advisory-db/blob/main/LICENSE.txt))
- [Global Security Database](https://github.com/cloudsecurityalliance/gsd-database) ([CC0 1.0](https://github.com/cloudsecurityalliance/gsd-database/blob/main/LICENSE))
- [OSS-Fuzz](https://github.com/google/oss-fuzz-vulns) ([CC-BY 4.0](https://github.com/google/oss-fuzz-vulns/blob/main/LICENSE))
npm package: @jamieomaguire/gridify
Description: A utility-first CSS Grid library
Latest version: 1.0.2

# Gridify
A utility-first CSS Grid library. Inspired by larger open source libraries.

## Requirements
dart-sass

## Config
Create the following configuration variables (SCSS) before importing the grid CSS:
(Values below are just examples)
```
$grid-gap-base: 1rem;
$min-screen-size-sm: 300px;
$min-screen-size-md: 600px;
$min-screen-size-lg: 1000px;
$min-screen-size-xl: 1400px;

$max-gap-variants: 10;
$max-columns: 12;
$max-rows: 12;
```

## Usage
Simply import ```gridify.scss``` into your application's styling!


```
<h1>6 Column Grid (Responsive)</h1>

<section class="gfy-grid gfy-grid-gap:2 gfy-grid-cols:6">
  <div class="gfy-col-span:6 gfy-col-span:sm:4 gfy-col-span:md:3 gfy-col-span:lg:5 gfy-col-span:xl:2">1</div>
  <div class="gfy-col-span:3 gfy-col-span:sm:2 gfy-col-span:md:3 gfy-col-span:lg:1 gfy-col-span:xl:4">2</div>
  <div class="gfy-col-span:3 gfy-col-span:sm:2 gfy-col-span:md:3 gfy-col-span:lg:4 gfy-col-span:xl:2">3</div>
  <div class="gfy-col-span:6 gfy-col-span:sm:4 gfy-col-span:md:3 gfy-col-span:lg:2 gfy-col-span:xl:4">4</div>
</section>
```

```
<h1>Row Spanning Grid</h1>
<section class="gfy-grid gfy-grid-gap:1 gfy-grid-rows:3 gfy-grid-flow:col">
  <div class="gfy-row-span:3">1</div>
  <div class="gfy-row-span:1 gfy-col-span:2">2</div>
  <div class="gfy-row-span:2 gfy-col-span:2">3</div>
</section>
```

```
<h1>Dynamic Column Grid (Responsive)</h1>
<section class="gfy-grid gfy-grid-gap:1 gfy-grid-cols:1 gfy-grid-cols:sm:2 gfy-grid-cols:md:3 gfy-grid-cols:lg:4 gfy-grid-cols:xl:6">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
</section>
```

All Gridify classes are prepended with ```gfy-``` to help prevent class name conflicts.
npm package: @jamieomaguire/pie-button
Description: This is a total work in progress.
Author: Jamie Maguire
Latest version: 1.6.0

# PIE Button

This is a total work in progress. 

Currently the design is:

- define the WC in the `pie-button.ts` file
- write any styles in `style.scss`
- there is an import to a `style.ts` file inside the `generated` folder. This is deliberately empty and is populated when you run the `build` script `yarn build`.
- This script will transform the scss into a css file, then transform that into a javascript module that exports the compiled css as a string.
- This can then be imported by the web component using Lit's `css` function.

- we then use Rollup to bundle the web component into a ready to use js module

Again, total work in progress and probably a super gross flow for a real project but it demonstrates the following:

- We can build web components and reuse our SCSS library for styling
- We can style our web components using SCSS
- We can build and publish then using these styles and they will be encapsulated to the web component