open-index/open-npm huggingface dataset:
npm package: @limetech/stencil-router
Description: A lightweight hash-based router for Stencil applications
Author: Lime Technologies
Latest version: 1.0.1

# @limetech/stencil-router

A lightweight hash-based router for Stencil applications.

## Installation

```bash
npm install @limetech/stencil-router
```

## Usage

### Basic Setup

```tsx
import { Component, h } from '@stencil/core';

@Component({
    tag: 'my-app',
})
export class MyApp {
    render() {
        return (
            <stencil-router>
                <stencil-route-switch>
                    <stencil-route url="/" component="home-page" />
                    <stencil-route url="/users/:id" component="user-page" />
                    <stencil-route url="/about" component="about-page" />
                    <stencil-route component="not-found-page" />
                </stencil-route-switch>
            </stencil-router>
        );
    }
}
```

### Navigation

Use hash-based URLs for navigation:

```html
<a href="#/users/123">View User</a>
```

Or programmatically:

```typescript
window.location.hash = '#/users/123';
```

## Components

### `<stencil-router>`

The root router component. Wrap your routes with this component.

### `<stencil-route-switch>`

Container for route components. Implements first-match-wins behavior.

| Property | Type | Description |
|----------|------|-------------|
| `scrollTopOffset` | `number` | Scroll position to set on navigation (default: 0) |

### `<stencil-route>`

Individual route component.

| Property | Type | Description |
|----------|------|-------------|
| `url` | `string` | Route pattern to match (e.g., `/users/:id`) |
| `component` | `string` | Component tag name to render when matched |
| `componentProps` | `object` | Props to pass to the rendered component |
| `routeRender` | `function` | Custom render function |

## Route Patterns

The router supports:

- **Static paths**: `/users`, `/about`
- **Required parameters**: `/users/:id`
- **Optional parameters**: `/component/:name/:section?`

## Matched Route Props

When a route matches, the rendered component receives a `match` prop:

```typescript
interface MatchResults {
    params: Record<string, string>;
}
```

Example:

```tsx
// Route: /users/:id
// URL: #/users/123

@Component({ tag: 'user-page' })
export class UserPage {
    @Prop() match: MatchResults;

    render() {
        // match.params.id === '123'
        return <div>User ID: {this.match.params.id}</div>;
    }
}
```

## License

[Apache-2.0](LICENSE.txt)
npm package: @limetest/core
Description: Core Playwright automation library for Best testing framework
Author: limetest
Latest version: 0.0.3

# Limetest

Limetest is the most light weight end to end testing framework with AI capabilities that can run in your CI workflows. Define your test cases in natural language and let AI handle the execution.

### Key Features

- **Optimized for AI**: Define your test cases in plain language and let AI execute them end to end.
- **Lightweight & Efficient**: Leverages Playwright snapshot instead of pixel analysis for faster, more reliable execution.
- **Vision Capabilities**: Falls back to vision mode when snapshot mode fails during more sophisticated test scenarios.

## Installation

```bash
npm install @limetest/limetest

npx playwright install
```

### User data directory

limtest will launch Chrome browser with the new profile, located at

```
- `%USERPROFILE%\AppData\Local\ms-limetest\mcp-chrome-profile` on Windows
- `~/Library/Caches/ms-limetest/mcp-chrome-profile` on macOS
- `~/.cache/ms-limetest/mcp-chrome-profile` on Linux
```

## Usage

### Run Tests
Use --headless for running tests headlessly in CI workflows

```bash
npx limetest example
```

## limetest MCP Server

https://github.com/user-attachments/assets/b801f239-dc66-4b3b-bcf2-42e2a9a68721

A Model Context Protocol (MCP) server powered by [Playwright](https://playwright.dev) that allows your MCP client to perform end to end validation its own changes.

### Use Cases

- Automated testing planned and executed by LLMs

### Example config

After cloning this repo, build and add the E2E MCP server to your MCP Client as such:
Notice that you need OpenAI API key to run this MCP server in end to end mode.

```bash
npm install @limetest/mcp

npx playwright install
```

Then:

```js
{
    "mcpServers": {
        "limetest": {
            "command": "npx",
            "args": [
                "npx @limetest/mcp",
                "--api-key=<your openai api key>"
            ]
        }
    }
}
```

All the logged in information will be stored in that profile, you can delete it between sessions if you'd like to clear the offline state.

## Acknowledgements

Limetest is based on [Microsoft's Playwright MCP](https://github.com/microsoft/playwright-mcp) and optimized for automated end-to-end testing as a standalone framework. This project is distributed under the Apache 2.0 License.
npm package: @limetest/limetest
Description: Litest testing framework and cli
Author: limetest
Latest version: 0.0.3

# Limetest

Limetest is the most light weight end to end testing framework with AI capabilities that can run in your CI workflows. Define your test cases in natural language and let AI handle the execution.

### Key Features

- **Optimized for AI**: Define your test cases in plain language and let AI execute them end to end.
- **Lightweight & Efficient**: Leverages Playwright snapshot instead of pixel analysis for faster, more reliable execution.
- **Vision Capabilities**: Falls back to vision mode when snapshot mode fails during more sophisticated test scenarios.

## Installation

```bash
npm install @limetest/limetest

npx playwright install
```

### User data directory

limtest will launch Chrome browser with the new profile, located at

```
- `%USERPROFILE%\AppData\Local\ms-limetest\mcp-chrome-profile` on Windows
- `~/Library/Caches/ms-limetest/mcp-chrome-profile` on macOS
- `~/.cache/ms-limetest/mcp-chrome-profile` on Linux
```

## Usage

### Run Tests
Use --headless for running tests headlessly in CI workflows

```bash
npx limetest example
```

## limetest MCP Server

https://github.com/user-attachments/assets/b801f239-dc66-4b3b-bcf2-42e2a9a68721

A Model Context Protocol (MCP) server powered by [Playwright](https://playwright.dev) that allows your MCP client to perform end to end validation its own changes.

### Use Cases

- Automated testing planned and executed by LLMs

### Example config

After cloning this repo, build and add the E2E MCP server to your MCP Client as such:
Notice that you need OpenAI API key to run this MCP server in end to end mode.

```bash
npm install @limetest/mcp

npx playwright install
```

Then:

```js
{
    "mcpServers": {
        "limetest": {
            "command": "npx",
            "args": [
                "npx @limetest/mcp",
                "--api-key=<your openai api key>"
            ]
        }
    }
}
```

All the logged in information will be stored in that profile, you can delete it between sessions if you'd like to clear the offline state.

## Acknowledgements

Limetest is based on [Microsoft's Playwright MCP](https://github.com/microsoft/playwright-mcp) and optimized for automated end-to-end testing as a standalone framework. This project is distributed under the Apache 2.0 License.
npm package: @limetest/mcp
Description: Litest testing framework MCP Server
Author: limetest
Latest version: 0.0.3


## limetest MCP Server

A Model Context Protocol (MCP) server powered by [Playwright](https://playwright.dev) that streamlinse end to end testing for your MCP client.

### Use Cases

- Automated testing planned and executed by LLMs

### Example config

After cloning this repo, build and add the E2E MCP server to your MCP Client as such:
Notice that you need OpenAI API key to run this MCP server in end to end mode.

```bash
npm install @limetest/mcp

npx playwright install
```

Then:

```js
{
    "mcpServers": {
        "limetest": {
            "command": "npx",
            "args": [
                "npx @limetest/mcp",
                "--api-key=<your openai api key>"
            ]
        }
    }
}
```

### User data directory

limtest MCP will launch Chrome browser with the new profile, located at

```
- `%USERPROFILE%\AppData\Local\ms-limetest\mcp-chrome-profile` on Windows
- `~/Library/Caches/ms-limetest/mcp-chrome-profile` on macOS
- `~/.cache/ms-limetest/mcp-chrome-profile` on Linux
```

All the logged in information will be stored in that profile, you can delete it between sessions if you'd like to clear the offline state.

## Acknowledgements

Limetest is based on [Microsoft's Playwright MCP](https://github.com/microsoft/playwright-mcp) and optimized for automated end-to-end testing as a standalone framework. This project is distributed under the Apache 2.0 License.