open-index/open-npm huggingface dataset:
npm package: @glider-xyz/client
Description: Easiest way to get started with meta-transactions in your DApp 🛫
Latest version: 1.0.2

## Glider

Easiest way to get started with meta-transactions in your DApp 🛫

### Quick start

First, install the package with its peer dependency [ethers](https://www.npmjs.com/package/ethers)

```bash
npm install @glider-xyz/client ethers
```

Then, wrap your signer using GliderSigner

```typescript
import { GliderSigner } from '@glider-xyz/client';
import { ethers, Signer, Contract } from ethers;

// Following example is for a local test chain (like Hardhat Network)
const gliderConfig = {
  chainId: 31337,
  provider: new ethers.providers.JsonRpcProvider('http://localhost:8545'),
  forwarderContractAddress: '0x5FbDB2315678afecb367f032d93F642f64180aa3',
  relayServerUrl:  'http://localhost:3001/relayer/send'
};

const SendMetaTransactionButton = ({
  signer,
  contract
} : {
  signer: Signer,
  contract: Contract,
}) => {
  return (
    <button onClick={async () => {
      // Wrap your existing ethers Signer using GliderSigner.
      const gliderSigner = new GliderSigner(signer, gliderConfig);
      const connectedContract = contract.connect(gliderSigner);
      const txResponse = await contract.doSomething();
      await txResponse.wait();
    }}>
      Send Transaction
    </button>
  );
}

```

### Testing on a local chain

To test locally without deploying to a public testnet, check out [@glider-xyz/relay-server](https://www.npmjs.com/package/@glider-xyz/relay-server)

### Documentation

Check out [docs.useglider.xyz](https://docs.useglider.xyz) for more detailed guides and walkthroughs!
npm package: @glideroggan/cookie-consent
Description: A vanilla TypeScript web component for GDPR-compliant cookie consent management
Author: glideroggan
Latest version: 0.1.2

# Cookie Consent Component

A vanilla TypeScript web component for GDPR-compliant cookie consent management.

## Installation

```bash
npm install @glideroggan/cookie-consent
# or
yarn add @glideroggan/cookie-consent
```

## Usage

### Via CDN (ESM)
```html
<script type="module" src="https://unpkg.com/@glideroggan/cookie-consent/dist/cookie-consent.esm.js"></script>
<cookie-consent api-url="https://your-api.com/consent" cookie-name="my-consent"></cookie-consent>
```

### Via CDN (Script tag)
```html
<script src="https://unpkg.com/@glideroggan/cookie-consent/dist/cookie-consent.js"></script>
<cookie-consent api-url="https://your-api.com/consent" cookie-name="my-consent"></cookie-consent>
```

### With bundler
```javascript
import '@glideroggan/cookie-consent';
```

## API

The component expects a consent API endpoint that returns:
```json
{
  "version": "1.3",
  "categories": [
    {
      "id": "necessary",
      "name": "Necessary",
      "description": "Required for basic site functionality", 
      "required": true,
      "enabled": true
    }
  ]
}
```

## Attributes

- `api-url`: URL to your consent configuration endpoint
- `cookie-name`: Name of the cookie to store consent preferences
npm package: @glideroggan/mfe-helpers
Description: Helpers and widgets for the Import POC, packaged for reuse with strict code-splitting via subpath exports.
Latest version: 1.0.3

# Shared Helpers (@glideroggan/mfe-helpers)

Helpers and widgets for the Import POC, packaged for reuse with strict code-splitting via subpath exports.

## Install (as published package)

- Package name: `@glideroggan/mfe-helpers`
- Subpaths:
  - `@glideroggan/mfe-helpers/react` → `hoistReactApp`
  - `@glideroggan/mfe-helpers/angular` → `hoistAngularApp`
  - `@glideroggan/mfe-helpers/modal` → `openSharedModal`
  - `@glideroggan/mfe-helpers` → minimal core (WidgetWrapper types only)

## Usage

React 18/19:

```ts
import * as ReactDOMClient from 'react-dom/client'
import React from 'react'
import App from './App'
import { hoistReactApp } from '@glideroggan/mfe-helpers/react'

hoistReactApp('mfe-react-xx', { React, App, ReactDOMClient }, { cssUrls: new URL('mfe.css', import.meta.url).href })
```

React 17:

```ts
import React from 'react'
import { render, unmountComponentAtNode } from 'react-dom'
import App from './App'
import { hoistReactApp } from '@glideroggan/mfe-helpers/react'

hoistReactApp('mfe-react-17', { React, App, ReactDOM: { render, unmountComponentAtNode } as any })
```

Angular 18/20:

```ts
import { createCustomElement } from '@angular/elements'
import { EnvironmentInjector } from '@angular/core'
import { hoistAngularApp } from '@glideroggan/mfe-helpers/angular'

export function defineMfe(injector: EnvironmentInjector) {
  hoistAngularApp('mfe-angular-xx', { createCustomElement, injector, component: MfeAngularXXComponent })
}
```

Shared modal:

```ts
const { openSharedModal } = await import('@glideroggan/mfe-helpers/modal')
openSharedModal(document.querySelector('widget-wrapper')!, { title: 'Details', description: '...' })
```

## Build (from source in this repo)

- Build JS + types to `dist/`:
  - `yarn build` (esbuild + tsc emit .d.ts)
- Serve for local importmap dev:
  - `yarn serve` (http://localhost:8083)

## Publish

Update package metadata and publish:

1) Set final package name and un-private it:
- `package.json` → `name: "@your-org/mfe-helpers"`, remove `private`, add `license`, `repository`, `homepage`, `bugs`.

2) Ensure files are scoped:
- Add `files`: ["dist", "README.md", "LICENSE"]

3) Ensure types are exported per subpath:
- `exports`: include `types` fields for `.`, `./react`, `./angular`, `./modal`.

4) Login and publish:
- `npm login`
- `npm publish --access public`

## Export map (dist)

- `dist/index.js` (+ index.d.ts): minimal core (WidgetWrapper types).
- `dist/entry-react.js` (+ entry-react.d.ts): React helpers.
- `dist/entry-angular.js` (+ entry-angular.d.ts): Angular helpers.
- `dist/entry-modal.js` (+ entry-modal.d.ts): Modal helpers.

## Design notes

- Subpath-only adapters enforce code-splitting: React MFEs never fetch Angular code.
- No bare `@angular/*` in main entry to avoid loading Angular on non-Angular pages.
- Shadow DOM default mounting for consistent styling.
npm package: @glidias/windmill-react-ui-kit
Description: A fork of @windmill/react-ui with many upgrades.
Latest version: 0.7.5-0

# Windmill React UI

The component library for fast and accessible development of gorgeous interfaces.

Projects using it: [Windmill Dashboard React](https://github.com/estevanmaito/windmill-dashboard-react)

## Mission

Be the most accessible it can be out of the box and the fastest way to production.

[Go to docs to see complete, live examples](https://windmillui.com/react-ui)

## 🚀 Usage

Install

```sh
npm i windmill-react-ui-kit
```

Inside `tailwind.config.js`

```js
const windmill = require('windmill-react-ui-kit/config')
module.exports = windmill({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
})
```

Then place `Windmill` at the root of your project (the order doesn't matter, as long as your application is inside).

```js
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { Windmill } from 'windmill-react-ui-kit'

ReactDOM.render(
  <Windmill>
    <App />
  </Windmill>,
  document.getElementById('root')
)
```

Use components inside your project

```js
import { Button } from 'windmill-react-ui-kit'

function App() {
  return <Button>Hi there!</Button>
}

export default App
```

## 🔌 Contributing

- Fork
- Clone
- `npm install`
- `npm run storybook`

It will start a local server at `localhost:6006` with all components rendered.

⚠ Use `npm run cz` instead of `git commit`! It will guide you through some short questions and guarantee that you commit message is standardized.

Commit will also trigger linting and test coverage.