open-index/open-npm huggingface dataset:
npm package: @lushly-dev/afd-adapters
Description: Frontend adapters for rendering AFD CommandResult to styled HTML
Author: Falkicon
Latest version: 1.0.0

# @lushly-dev/afd-adapters

Frontend adapters for rendering AFD `CommandResult` data into styled HTML.

## Installation

```bash
pnpm add @lushly-dev/afd-adapters
```

## Usage

```typescript
import { WebAdapter } from '@lushly-dev/afd-adapters';

// Render package results from lint/test/build commands
const result = await fetch('/api/execute', { command: 'lint' });
const html = WebAdapter.renderPackageResults(result.data);
container.innerHTML = html;
```

## CSS Variables

The adapters use CSS custom properties for theming. Include the default theme or define your own:

```css
/* Option 1: Use the default theme */
@import '@lushly-dev/afd-adapters/css';

/* Option 2: Define your own */
:root {
  --afd-success: #22c55e;
  --afd-error: #ef4444;
  --afd-warning: #f59e0b;
  --afd-info: #3b82f6;
  --afd-muted: #6b7280;
}
```

### Violet Integration

Map AFD variables to Violet design tokens:

```css
:root {
  --afd-success: var(--violet-color-semantic-success);
  --afd-error: var(--violet-color-semantic-error);
  --afd-warning: var(--violet-color-semantic-warning);
  --afd-info: var(--violet-color-semantic-info);
  --afd-muted: var(--violet-color-text-muted);
}
```

## API

### WebAdapter

| Method | Description |
|--------|-------------|
| `renderPackageResults(data, options?)` | Render lint/test/build results |
| `renderError(message)` | Render error message |
| `renderSuccess(message)` | Render success message |
| `renderWarning(message)` | Render warning message |
| `renderResult(result)` | Auto-detect and render CommandResult |

### Options

```typescript
interface RenderOptions {
  showFailureOutput?: boolean;  // Show stderr for failed packages (default: true)
  maxOutputLength?: number;     // Truncate long output
}
```

## License

MIT
npm package: @lushunming/dappwright
Description: End-to-End (E2E) testing for dApps using Playwright + MetaMask
Latest version: 2.8.3

# dAppwright

E2E testing for dApps using Playwright + MetaMask & Coinbase Wallet

## Installation

```
$ npm install -s @tenkeylabs/dappwright
$ yarn add @tenkeylabs/dappwright
```

## Usage

### Quick setup with Hardhat

```typescript
  # test.spec.ts

  import { BrowserContext, expect, test as baseTest } from "@playwright/test";
  import dappwright, { Dappwright, MetaMaskWallet } from "@tenkeylabs/dappwright";

  export const test = baseTest.extend<{
    context: BrowserContext;
    wallet: Dappwright;
  }>({
    context: async ({}, use) => {
      // Launch context with extension
      const [wallet, _, context] = await dappwright.bootstrap("", {
        wallet: "metamask",
        version: MetaMaskWallet.recommendedVersion,
        seed: "test test test test test test test test test test test junk", // Hardhat's default https://hardhat.org/hardhat-network/docs/reference#accounts
        headless: false,
      });

      // Add Hardhat as a custom network
      await wallet.addNetwork({
        networkName: "Hardhat",
        rpc: "http://localhost:8546",
        chainId: 31337,
        symbol: "ETH",
      });

      await use(context);
    },

    wallet: async ({ context }, use) => {
      const metamask = await dappwright.getWallet("metamask", context);

      await use(metamask);
    },
  });

  test.beforeEach(async ({ page }) => {
    await page.goto("http://localhost:8080");
  });

  test("should be able to connect", async ({ wallet, page }) => {
    await page.click("#connect-button");
    await wallet.approve();

    const connectStatus = page.getByTestId("connect-status");
    expect(connectStatus).toHaveValue("connected");

    await page.click("#switch-network-button");

    const networkStatus = page.getByTestId("network-status");
    expect(networkStatus).toHaveValue("31337");
  });
```

### Alternative Setups

There are a number of different ways integrate dAppwright into your test suite. For some other examples, please check out dAppwright's [example application repo](https://github.com/TenKeyLabs/dappwright-examples).

## Special Thanks

This project is a fork of the [Chainsafe](https://github.com/chainsafe/dappeteer) and [Decentraland](https://github.com/decentraland/dappeteer) version of dAppeteer.
npm package: @lusito/mono
Description: Some cli tools for my monorepos. Not meant for public use, just for my personal projects.
Author: Santo Pfingsten
Latest version: 0.20.0

# @lusito/mono

Some cli tools for my monorepos. Not meant for public use, just for my personal projects.

## License

@lusito/mono has been released under the [MIT](./LICENSE) license, meaning you
can use it free of charge, without strings attached in commercial and non-commercial projects. Credits are appreciated but not mandatory.
npm package: @lusito/mono-docs
Description: A static documentation generator targeted at normal and monorepo code repositories.
Author: Santo Pfingsten
Latest version: 0.21.0

# @lusito/mono-docs

A static documentation generator targeted at normal and monorepo code repositories.

I started this project since vuepress broke on newer node.js versions and I felt like tackling the issues I had with it.

Other code generators make your documentation source to feel a bit out of place. I'd like the documentation to feel as native to a code repository as possible. All documentation will stay in the respective projects directory structure and the configuration for it stays in yaml files. It was originally planned to stay in the front-matter, but since github shows front-matter when displaying markdown, this made everything too ugly.

I'm not sure yet if this will become a public tool, which can be adjusted to your liking or just a tool specific for my projects and design.
In theory, it could be easily themeable, as I'm using JSX syntax via [tsx-dom-ssr](https://github.com/Lusito/tsx-dom/) to generate the HTML.
If you feel like this might be something for your projects, give me a heads up.

## License

@lusito/mono-docs has been released under the [MIT](./LICENSE) license, meaning you
can use it free of charge, without strings attached in commercial and non-commercial projects. Credits are appreciated but not mandatory.
npm package: @lusito/require-libs
Description: Some libraries to setup require hooks
Author: Santo Pfingsten
Latest version: 0.15.0

# @lusito/require-libs

Some libraries to setup require hooks for some of my projects. Currently not meant to be used by others.

## License

The code has been released under the [MIT](./LICENSE) license, meaning you
can use it free of charge, without strings attached in commercial and non-commercial projects. Credits are appreciated but not mandatory.