open-index/open-npm huggingface dataset:
npm package: @onlyhtml/onlyhtml
Description: static site generator for html lovers, create CMS dashboards as you code
Author: galtashma
Latest version: 1.1.18

# OnlyHtml
OnlyHtml is Static Site Generator that helps you build simple websites. You write the front-end code using handlebars templates and OnlyHtml will handle all the back-end tasks, creating a Dashboard CMS for you and managing rendering and  deployments.

OnlyHtml is a companion to Headless CMS systems like Sanity.io, so you get the best experience editing your content while focusing only on the front-end code

### Main Goals
- It does most of what you need, but probably not everything.
- You only need to know HTML (plus CSS and JS to the extent that your design calls for it).
- You should be able to learn the basics in a few minutes.
- Bring your own Headless CMS of choice or use simple markdown files 

### Get Started
Start from a template project
- https://github.com/onlyhtml/starter-sanity
- https://github.com/onlyhtml/starter-vanila

Or by reading the docs https://galtashma.gitbook.io/onlyhtml/  
Or by `npm install -g @onlyhtml/onlyhtml`

Happy Hacking!
npm package: @onlyhtml/sanity-plugin-onlyhtml-connector
Description: ## Installation
Author: galtashma
Latest version: 1.0.13

# sanity-plugin-onlyhtml-connector

## Installation

```
sanity install onlyhtml-connector
```

## Configuration

The plugin can be configured through `<your-studio-folder>/config/onlyhtml-connector.json`:

```json
{
  "add-config": "here"
}
```

## License

MIT © galtashma
See LICENSE
npm package: @onlyknoppas/apollo-sentry-plugin
Description: A Sentry plugin for Apollo Server.
Author: Frederik Wegner
Latest version: 1.2.2

# Sentry Plugin

A Sentry Plugin for Apollo Server which implements performance and error tracking.

```ts
import { getApolloSentryPlugin } from 'apollo-sentry-plugin'

// Checks that you have an env var SENTRY_DSN and fails if you don't, or if it's of an invalid syntax.
const apolloSentryPlugin = getApolloSentryPlugin(`My Apollo Server`)

const server = new ApolloServer({
	typeDefs,
	resolvers,
	dataSources,
	csrfPrevention: true,
	// Here we go.
	plugins: [apolloSentryPlugin]
})
```

## Why?

Because while there are a few articles on how to do this, somehow I still found it painful to do it the 
first time around, and I'm a fan of fixing every problem once.

## Credits

Took bits and pieces from the following docs and articles:

* [Performance Monitoring for Node.js | Sentry Docs](https://docs.sentry.io/platforms/node/performance/)
* [Adding Sentry to Apollo+Serverless (Lambda)](https://medium.com/@corims/adding-sentry-to-apollo-serverless-lambda-e65e8b9e00cf)
* [Handling GraphQL Errors Using Sentry | Product Blog • Sentry](https://blog.sentry.io/2020/07/22/handling-graphql-errors-using-sentry)
npm package: @onlyknoppas/zustand-persist
Description: persist and rehydrate zustand stores
Author: Frederik Wegner
Latest version: 0.5.2

# Zustand persist

This for implements the following enhancements:

- creating multiple stores under different keys in different storages

Persist and rehydrate state works on react and react native.

[Zustand](https://github.com/react-spring/zustand) is a small, fast and scaleable bearbones state-management solution.

This library is inspired by [https://github.com/rt2zz/redux-persist](https://github.com/rt2zz/redux-persist).

Contributions are Welcome

[![Build Status](https://travis-ci.org/roadmanfong/zustand-persist.svg?branch=master)](https://travis-ci.org/roadmanfong/zustand-persist) [![npm version](https://img.shields.io/npm/v/zustand-persist.svg?style=flat-square)](https://www.npmjs.com/package/zustand-persist) [![npm downloads](https://img.shields.io/npm/dm/zustand-persist.svg?style=flat-square)](https://www.npmjs.com/package/zustand-persist)

```cli
$ npm install zustand-persist
$ yarn add zustand-persist
```

Try [Demo](https://codesandbox.io/s/zustand-persist-example-5u3ry?file=/src/App.js) Here

## Middleware

```ts
// if in react native
// import AsyncStorage from '@react-native-community/async-storage'

const { persist, purge } = configurePersist({
  storage: localStorage, // use `AsyncStorage` in react native
  rootKey: 'root', // optional, default value is `root`
})

const useStore = createStore(
  persist({
    key: 'auth', // required, child key of storage
    allowlist: ['isAuthenticated', 'user'], // optional, will save everything if allowlist is undefined
    denylist: [], // optional, if allowlist set, denylist will be ignored
  }, (set) => ({
    isAuthenticating: false,
    isAuthenticated: false,
    user: undefined,
    login: async (username, password) =>{
      set((state) => ({ isAuthenticating: true }))
      const { user } = await webLogin(username, password)
      set((state) => ({
        isAuthenticated: true,
        isAuthenticating: false,
        user,
      })),
    }
  }))
)
```

## PersistGate

```tsx
function App() {
  // Must call useStore to bootstrap persistence or will stop on loading screen
  useStore()
  return (
    <PersistGate
      onBeforeLift={() => {
        console.log('onBeforeLift')
      }}
      loading={<Loading />}>
      <AppContent />
    </PersistGate>
  )
}
```

## Limitations

Zustand allows any valid JavaScript data types to set in the store, such as Set, Map, or functions. Both `localStorage` and `AsyncStorage` require that all values set in them be serializable, or converted into string form for storage. This means if you wish to persist the contents of your store all of its values need to be serializable. Any values which are not serializable will be silently absent upon hydration.

A note on storing actions (functions): your actions are safe as long as they exist in the initial state during store creation. The hydration process merges initial state with stored state.

## Todo

- enhanced removing root logic
npm package: @onlymemes/sdk
Description: 🛠 An SDK for building applications on top of OnlyMemes.
Latest version: 3.1.5

# OnlyMemes SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/OnlyMemes/onlymemes-sdk/workflows/CI/badge.svg)](https://github.com/OnlyMemes/onlymemes-sdk)
[![npm version](https://img.shields.io/npm/v/@onlymemes/sdk/latest.svg)](https://www.npmjs.com/package/@onlymemes/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@onlymemes/sdk/latest.svg)](https://bundlephobia.com/result?p=@onlymemes/sdk@latest)

In-depth documentation on this SDK is available at [onlymemes.org](https://onlymemes.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/OnlyMemes/onlymemes-sdk.git
```

Move into the onlymemes-sdk working directory

```sh
cd onlymemes-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @onlynative/components
Description: Material Design 3 UI components for React Native, part of OnlyNative UI.
Latest version: 0.0.0-alpha.5

# @onlynative/components

Material Design 3 UI components for React Native, part of [OnlyNative UI](https://github.com/onlynative/ui).

## Install

```bash
pnpm add @onlynative/core @onlynative/components react-native-safe-area-context
```

**Optional** — only needed if you plan to use icons in your app:

```bash
pnpm add @expo/vector-icons
```

Wrap your app with `ThemeProvider` from `@onlynative/core` (see [@onlynative/core](https://www.npmjs.com/package/@onlynative/core)).

## Import

Subpath imports (preferred for tree-shaking):

```tsx
import { Button } from '@onlynative/components/button'
import { Card } from '@onlynative/components/card'
```

Root import:

```tsx
import { Button, Card } from '@onlynative/components'
```

## Components

| Component | Subpath | Variants |
|-----------|---------|----------|
| Typography | `./typography` | displayLarge..labelSmall (15 MD3 type scale roles) |
| Button | `./button` | filled, elevated, outlined, text, tonal |
| IconButton | `./icon-button` | filled, tonal, outlined, standard |
| AppBar | `./appbar` | small, center-aligned, medium, large |
| Card | `./card` | elevated, filled, outlined |
| Chip | `./chip` | assist, filter, input, suggestion |
| Checkbox | `./checkbox` | — |
| Radio | `./radio` | — |
| Switch | `./switch` | — |
| TextField | `./text-field` | filled, outlined |
| Layout | `./layout` | Layout, Box, Row, Column, Grid |
| List | `./list` | List, ListItem, ListDivider |

## Quick examples

```tsx
import { Button } from '@onlynative/components/button'
import { TextField } from '@onlynative/components/text-field'
import { Card } from '@onlynative/components/card'
import { Typography } from '@onlynative/components/typography'
import { Row, Column } from '@onlynative/components/layout'

// Button with icon
<Button variant="filled" leadingIcon="plus" onPress={handleCreate}>Create</Button>

// Text field
<TextField label="Email" variant="outlined" value={email} onChangeText={setEmail} />

// Card
<Card variant="elevated" onPress={handlePress}>
  <Typography variant="titleMedium">Card Title</Typography>
</Card>

// Layout
<Column gap="md">
  <Row gap="sm" align="center">
    <Button variant="filled">Save</Button>
    <Button variant="outlined">Cancel</Button>
  </Row>
</Column>
```

## Override pattern

All interactive components support a 3-tier override system (theme → variant → props):

- `containerColor` — Background color (state-layer colors auto-derived)
- `contentColor` — Content (label + icons) color
- `labelStyle` — Text-specific style (does not affect icons)
- `style` — Root container style

```tsx
<Button containerColor="#006A6A" contentColor="#FFFFFF">Custom</Button>
```

## Icons

All icon props accept [MaterialCommunityIcons](https://pictogrammers.com/library/mdi/) names from `@expo/vector-icons`.

## Docs

Full API reference: https://onlynative.github.io/ui/

LLM-optimized reference: https://onlynative.github.io/ui/llms-full.txt

## License

MIT
npm package: @onlynices/nest-centrifuge
Description: # nest-centrifuge
Latest version: 1.0.6

# NestJS Centrifuge integration module using cent.js

# nest-centrifuge

## Install

```sh
npm install @onlynices/nest-centrifuge
```

## How To use

```ts
import { CentrifugeAuthService, CentrifugeClient, CENTRIFUGE_CLIENT } from '@onlynices/nest-centrifuge';
import { Inject } from '@nestjs/common';

@Injectable()
export class AppService { 
  constructor(
    @Inject(CENTRIFUGE_CLIENT)
    private readonly centrifugeClient: CentrifugeClient,
    private readonly centrifugeAuthService: CentrifugeAuthService
    ) {}

  async createAuthToken(userId: number) {
    const token = await this.centrifugeAuthService.generateUserToken(userId.toString(), ['chat']);
    return token;
  }

  async getChannels() {
    const channels = await this.centrifugeClient.channels({ pattern: "*" });
    return channels;
  }

  // ...
}
```

**Hint** : methods args without any request parameters need to pass `{}`

### all types are sync with latests Centrifugo api docs (currently v5) you can find in

<https://centrifugal.dev/docs/server/server_api#http-api>
npm package: @onlynices/nest-prisma
Description: # Usage
Latest version: 1.0.1

# NestJS Prisma Module

# Usage

app.module.ts:
```ts
import { PrismaModule } from '@onlynices/nest-prisma';

@Module({
  imports: [PrismaModule],
  providers: [AppService]
})
export class AppModule {}
```

app.service.ts:
```ts
import { PrismaService } from '@onlynices/nest-prisma';

@Injectable()
export class AppService {
  constructor(private readonly prisma: PrismaService) {}

  async fetchSomething() {
    return this.prisma.something.findMany();
  }

  // ...
}
```
npm package: @onlynices/utils
Description: Available utilies:  - paginate: Paginate any resource of data   - process: PM2 process utility  - serialize-object: Converts all BigInt values to String
Latest version: 1.0.3

# utils

Available utilies:
 - paginate: Paginate any resource of data 
 - process: PM2 process utility
 - serialize-object: Converts all BigInt values to String
npm package: @onlynv/cli
Description: The OnlyNv CLI provides a conventient interface to communicate with your OnlyNv authority.
Author: TheCommieAxolotl
Latest version: 0.1.0

<div align="center">
    <h1>
    <img src="https://raw.githubusercontent.com/onlynv/onlynv/main/assets/logo/svg/logo-dark-squircle.svg" alt="OnlyNv Logo" width="128">
    <br>
    OnlyNv CLI
    </h1>
    <em>What if your .env was the only .env?</em>
</div>

<br>

The OnlyNv CLI provides a conventient interface to communicate with your OnlyNv authority.

## How?

It's as simple as three commands:

1. Run `nv init` to create a new project on [onlynv.dev](https://onlynv.dev)[^1]
2. Run `nv link` to authenticate your device with the authority.
3. Run `nv sync` to sync your variables!

[^1]: You can specify a third-party authority by providing a second argument: `nv init https://my-authority.com`

## More commands

In addition to those aforementioned, the CLI also offers:

-   `nv ping` - Check the connection status of your authority.
-   `nv glob` - View all env files known to the CLI
-   `nv stow` - For granular management of access tokens.

<br />

-   `nv version` or `nv -v`
-   `nv help` or `nv -h`