open-index/open-npm huggingface dataset:
npm package: @meaple-com/types
Description: TypeScript types for Meaple SDK
Latest version: 4.0.0

# @meaple-com/types

TypeScript types and DTOs for the [Meaple](https://meaple.com) ticketing platform SDK.

## Installation

```bash
npm install @meaple-com/types
# or
pnpm add @meaple-com/types
# or
bun add @meaple-com/types
```

## Usage

Use these types in your app or in other Meaple packages for type-safe APIs:

```ts
import type {
  EventProps,
  FindEventsParams,
  TicketProps,
  OrderProps,
  CreateOrderParams,
  CouponProps,
  UserProps,
  CategoryProps,
} from '@meaple-com/types';
```

### Exported namespaces

- **Address** – `AddressProps`
- **Category** – `CategoryProps`, `ChartCategoryProps`
- **Channel** – `ChannelProps`, `GetChannelEventsProps`, `GetChannelEventProps`
- **Coupon** – `CouponProps`, `CheckCouponProps`
- **Event** – `EventProps`, `FindEventsParams`, `FindEventsResponseProps`, `GetEventTicketsResponseProps`, `GetEventProductsResponseProps`, `EventContact`, `ExternalAnalyticsProps`, `CreateEventReminderProps`
- **File** – `FileProps`, `CreateTicketFileProps`
- **Gauge** – `GaugeProps`
- **Order** – `OrderProps`, `OrderItemProps`, `CreateOrderParams`, `CreatedOrderResponseProps`, `GetOrderResponseProps`, `BuyerProps`, `PaymentIntentProps`, `NominationProps`, `PlatformFeeProps`
- **Payment** – `PlatformFeeProps`
- **Tag** – `TagProps`
- **Ticket** – `TicketProps`, `GroupProps`, `UpdateUserTicketProps`, `TransferTicketProps`, `TicketCustomFieldProps`
- **User** – `UserProps`, `GetUserEventProps`, `GetUserOrdersProps`
- **User ticket** – `UserTicketProps`

## Peer usage

This package has no runtime code; it only provides type definitions. It is used by:

- `@meaple-com/core` – API client types
- `@meaple-com/react-query` – hook request/response types
- `@meaple-com/react-headless-components` – component prop types

## Documentation

[https://docs.meaple.com.br/](https://docs.meaple.com.br/)
npm package: @mearie/config
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.1.2

# @mearie/config

Configuration loader for Mearie GraphQL client.

This package handles loading and validating Mearie configuration files. It is
used internally by build plugins and is not intended for direct use.

## Documentation

Full documentation is available at <https://mearie.dev/config/codegen>.
npm package: @mearie/core
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.6.7

# @mearie/core

Core types and utilities for Mearie GraphQL client.

This package contains shared types, schema definitions, and core utilities used
across all Mearie packages. It is primarily intended for internal use.

## Documentation

Full documentation is available at <https://mearie.dev/>.
npm package: @mearie/react
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.4.7

# @mearie/react

React bindings for Mearie GraphQL client.

This package provides React hooks, components, and the GraphQL client runtime
for using Mearie in React applications.

## Installation

```bash
npm install -D mearie
npm install @mearie/react
```

The `mearie` package provides build-time code generation, while `@mearie/react`
includes the runtime client and React-specific hooks.

## Usage

First, create a client and wrap your app with the provider:

```tsx
// src/App.tsx
import { createClient, httpExchange, cacheExchange, dedupExchange, ClientProvider } from '@mearie/react';
import { schema } from '$mearie';

const client = createClient({
  schema,
  exchanges: [dedupExchange(), cacheExchange(), httpExchange({ url: 'https://api.example.com/graphql' })],
});

function App() {
  return <ClientProvider client={client}>{/* Your app components */}</ClientProvider>;
}
```

Then use it in your components:

```tsx
// src/components/UserProfile.tsx
import { graphql } from '$mearie';
import { useQuery } from '@mearie/react';

interface UserProfileProps {
  userId: string;
}

function UserProfile({ userId }: UserProfileProps) {
  const { data, loading } = useQuery(
    graphql(`
      query GetUser($id: ID!) {
        user(id: $id) {
          id
          name
        }
      }
    `),
    { id: userId },
  );

  if (loading) return <div>Loading...</div>;
  return <h1>{data.user.name}</h1>;
}
```

## Documentation

Full documentation is available at <https://mearie.dev/frameworks/react>.
npm package: @mearie/shared
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.4.0

# @mearie/shared

Shared types and error classes for Mearie GraphQL client.

This package contains common TypeScript types and error class definitions used
across all Mearie packages. It is not intended for direct use.

## Documentation

Full documentation is available at <https://mearie.dev/>.
npm package: @mearie/solid
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.4.7

# @mearie/solid

Solid bindings for Mearie GraphQL client.

This package provides Solid primitives, components, and the GraphQL client
runtime for using Mearie in Solid applications.

## Installation

```bash
npm install -D mearie
npm install @mearie/solid
```

The `mearie` package provides build-time code generation, while `@mearie/solid`
includes the runtime client and Solid-specific primitives.

## Usage

First, create a client and wrap your app with the provider:

```tsx
// src/App.tsx
import { type Component } from 'solid-js';
import { createClient, httpExchange, cacheExchange, dedupExchange, ClientProvider } from '@mearie/solid';
import { schema } from '$mearie';

const client = createClient({
  schema,
  exchanges: [dedupExchange(), cacheExchange(), httpExchange({ url: 'https://api.example.com/graphql' })],
});

const App: Component = () => {
  return <ClientProvider client={client}>{/* Your app components */}</ClientProvider>;
};
```

Then use it in your components:

```tsx
// src/components/UserProfile.tsx
import { type Component } from 'solid-js';
import { graphql } from '$mearie';
import { createQuery } from '@mearie/solid';

interface UserProfileProps {
  userId: string;
}

const UserProfile: Component<UserProfileProps> = (props) => {
  const query = createQuery(
    graphql(`
      query GetUser($id: ID!) {
        user(id: $id) {
          id
          name
        }
      }
    `),
    () => ({ id: props.userId }),
  );

  if (query.loading) return <div>Loading...</div>;
  return <h1>{query.data.user.name}</h1>;
};
```

## Documentation

Full documentation is available at <https://mearie.dev/frameworks/solid>.
npm package: @mearie/svelte
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.4.7

# @mearie/svelte

Svelte bindings for Mearie GraphQL client.

This package provides Svelte stores, utilities, and the GraphQL client runtime
for using Mearie in Svelte applications.

## Installation

```bash
npm install -D mearie
npm install @mearie/svelte
```

The `mearie` package provides build-time code generation, while `@mearie/svelte`
includes the runtime client and Svelte-specific stores.

## Usage

First, create a client and set it up in your app:

```svelte
<!-- src/App.svelte -->
<script lang="ts">
import { createClient, httpExchange, cacheExchange, dedupExchange, setClient } from '@mearie/svelte';
import { schema } from '$mearie';

const client = createClient({
  schema,
  exchanges: [dedupExchange(), cacheExchange(), httpExchange({ url: 'https://api.example.com/graphql' })],
});

setClient(client);
</script>
```

Then use it in your components:

```svelte
<!-- src/components/UserProfile.svelte -->
<script lang="ts">
import { graphql } from '$mearie';
import { createQuery } from '@mearie/svelte';

interface Props {
  userId: string;
}

let { userId }: Props = $props();

const query = createQuery(
  graphql(`
    query GetUser($id: ID!) {
      user(id: $id) {
        id
        name
      }
    }
  `),
  () => ({ id: userId }),
);
</script>

{#if query.loading}
  <div>Loading...</div>
{:else}
  <h1>{query.data.user.name}</h1>
{/if}
```

## Documentation

Full documentation is available at <https://mearie.dev/frameworks/svelte>.
npm package: @mearie/vue
Description: Type-safe, zero-overhead GraphQL client
Author: Bae Junehyeon
Latest version: 0.4.7

# @mearie/vue

Vue bindings for Mearie GraphQL client.

This package provides Vue composables, plugins, and the GraphQL client runtime
for using Mearie in Vue applications.

## Installation

```bash
npm install -D mearie
npm install @mearie/vue
```

The `mearie` package provides build-time code generation, while `@mearie/vue`
includes the runtime client and Vue-specific composables.

## Usage

First, create a client and set up the plugin in your app:

```typescript
// src/main.ts
import { createApp } from 'vue';
import { createClient, httpExchange, cacheExchange, dedupExchange, ClientPlugin } from '@mearie/vue';
import { schema } from '$mearie';
import App from './App.vue';

const client = createClient({
  schema,
  exchanges: [dedupExchange(), cacheExchange(), httpExchange({ url: 'https://api.example.com/graphql' })],
});

const app = createApp(App);
app.use(ClientPlugin, { client });
app.mount('#app');
```

Then use it in your components:

```vue
<!-- src/components/UserProfile.vue -->
<script setup lang="ts">
import { graphql } from '$mearie';
import { useQuery } from '@mearie/vue';

const props = defineProps<{ userId: string }>();

const { data, loading } = useQuery(
  graphql(`
    query GetUser($id: ID!) {
      user(id: $id) {
        id
        name
      }
    }
  `),
  () => ({ id: props.userId }),
);
</script>

<template>
  <div v-if="loading">Loading...</div>
  <h1 v-else>{{ data.user.name }}</h1>
</template>
```

## Documentation

Full documentation is available at <https://mearie.dev/frameworks/vue>.