open-index/open-npm huggingface dataset:
npm package: @govector/auth
Description: Authentication components and hooks for Vector-generated apps
Latest version: 0.1.5

# @govector/auth

React authentication components and hooks for Vector-generated apps. Handles login/signup via Vector's hosted auth proxy with JWT-based session management.

## Install

```bash
npm install @govector/auth
```

## Setup

Wrap your app with `VectorAuthProvider`:

```tsx
import { VectorAuthProvider } from "@govector/auth";

function App() {
  return (
    <VectorAuthProvider
      config={{
        authProxyUrl: import.meta.env.VITE_AUTH_PROXY_URL,
        appId: import.meta.env.VITE_APP_ID,
        appVersionId: import.meta.env.VITE_APP_VERSION_ID,
      }}
    >
      <YourApp />
    </VectorAuthProvider>
  );
}
```

## Usage

### useAuth hook

```tsx
import { useAuth } from "@govector/auth";

function Profile() {
  const { isAuthenticated, user, loading, logout, loginUrl, signupUrl } = useAuth();

  if (loading) return <p>Loading...</p>;

  if (!isAuthenticated) {
    return <a href={loginUrl}>Sign in</a>;
  }

  return (
    <div>
      <p>Welcome, {user.full_name}</p>
      <button onClick={logout}>Sign out</button>
    </div>
  );
}
```

### LoginButton / SignupButton

```tsx
import { LoginButton, SignupButton } from "@govector/auth";

function Landing() {
  return (
    <div>
      <LoginButton label="Sign in" className="btn btn-primary" />
      <SignupButton label="Get started" className="btn btn-secondary" />
    </div>
  );
}
```

### AuthCallback

Add to your router at `/auth/callback`:

```tsx
import { AuthCallback } from "@govector/auth";
import { useNavigate } from "react-router-dom";

function AuthCallbackPage() {
  const navigate = useNavigate();

  return (
    <AuthCallback
      onSuccess={() => navigate("/", { replace: true })}
      onError={(error) => console.error(error)}
    />
  );
}
```

## Auth Flow

1. User clicks `LoginButton` -> redirects to Vector's hosted login page
2. User authenticates (Google, magic link, etc.)
3. Auth proxy redirects to `/auth/callback?token=<jwt>`
4. `AuthCallback` exchanges the JWT for a local session cookie
5. `useAuth` detects the session and updates state

## API

### `VectorAuthProvider`

| Prop | Type | Description |
|---|---|---|
| `config.authProxyUrl` | `string` | Vector auth proxy URL |
| `config.appId` | `string` | Your app's ID |
| `config.appVersionId` | `string` | Your app version ID |
| `config.apiBaseUrl` | `string?` | Base URL for API calls (default: current origin) |

### `useAuth()` -> `AuthState`

| Field | Type | Description |
|---|---|---|
| `isAuthenticated` | `boolean` | Whether the user is logged in |
| `user` | `AuthUser \| null` | Current user object |
| `loading` | `boolean` | True during initial auth check |
| `loginUrl` | `string` | URL to redirect for login |
| `signupUrl` | `string` | URL to redirect for signup |
| `logout` | `() => void` | Clears session and redirects to `/` |

### `AuthUser`

| Field | Type |
|---|---|
| `id` | `string` |
| `email` | `string` |
| `first_name` | `string` |
| `last_name` | `string` |
| `full_name` | `string` |
| `picture` | `string` |
npm package: @govey1nw/n8n-nodes-11labs
Description: Complete implementation of ElevenLabs AI voice generation into n8n workflows.
Author: n8ninja
Latest version: 0.0.1

# n8n-nodes-elevenlabs

> **Currently in BETA and under active development.**

This n8n community node enables seamless integration of **[ElevenLabs](http://go.n8n.ninja/elevenlabs) in your [n8n](http://go.n8n.ninja/tryn8n) workflows**.

**[ElevenLabs](http://go.n8n.ninja/elevenlabs)** offers cutting-edge, contextually aware AI voices, allowing you to generate lifelike speech in hundreds of unique and familiar voices across dozens of languages.

**[n8n](http://go.n8n.ninja/tryn8n)** is a powerful, AI-native, open-source workflow automation tool. Connect hundreds of services and rapidly create complex solutions with ease.

[![Watch Teaser](https://www.n8n.ninja/images/nodes/elevenlabs/cover-play-youtube.png)](https://youtu.be/R2qFRdu8CMY)
Watch the teaser and visit the [Official node page](https://go.n8n.ninja/811)

## Features

- **Text to speech**: Turn any text into a high quality audio, lifelike, context-aware speech audio file that you can manipulate in your workflow.
- **Speech to speech**: Transform your voice into an other character, preserving emotions and deliver with consistency.
- **Generate voice**: Generate a new voice based on settings like age, gender, accent... add it to your library and start using it your workflow.
- **Clone your voice**: Clone your own voice from an audio file and use it in your workflow, for text to speech or speech to speech.

And more: voice library, user and history management.

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

## Credentials

To use this node, you need to have an [elevenlabs.io](http://go.n8n.ninja/elevenlabs) account and setup your xi-api-key in the node built-in credentials.

## Compatibility

1.39.1 and above

## Resources

- [n8n community nodes documentation](https://docs.n8n.io/integrations/community-nodes/)
- [elevenlabs api documentation](https://elevenlabs.io/docs/api-reference/getting-started)
npm package: @govflanders/vl-ui-global-header-placeholder
Description: Use this global header placeholder to set the correct height the global header will take once loaded.
Author: Warre Buysse
Latest version: 1.8.8

# Global header placeholder

Simple, small placeholder element for the Global Header widget provided by the government of Flanders.

## Installation
```
npm install @govflanders/vl-ui-global-header-placeholder -S
```

## Usage

### SASS
Import the dist css (standard or minified) in your scss build
```sass
@import “~@govflanders/vl-ui-global-header-placeholder/dist/css/global-header-placeholder.min.css”
```
Or link the dist css in your `<head>`
```css
<link rel="stylesheet" type="text/css" href="path/to/stylesheet/global-header-placeholder.min.css">
```

### HTML
After including the stylesheet, add the following HTML **after** the `<script>` tag provided by the global header.
```html
<div class=“vl-global-header-placeholder”></div>
```

#### Modifiers
Have a secondary (gray) bar with breadcrumb and/or search as well? Use:
```html
<div class=“vl-global-header-placeholder vl-global-header-placeholder—large”></div>
```

## CDN
JsDelivr provides a CDN for NPM packages. Note that this is a **third-party CDN** and we cannot guarantee the up-time of this service.
```html
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@govflanders/vl-ui-global-header-placeholder@1.0.48/dist/css/global-header-placeholder.min.css">
```

No extra Javascript is required. Once the widget loads (and the DOM element with .vlw class is present) the placeholder gets hidden via an adjacent selector in CSS.