open-index/open-npm huggingface dataset:
npm package: @shotanue/jsonforms-antdv
Description: JSON Forms renderer for Ant Design Vue
Author: shotanue
Latest version: 0.0.6

# JSON Forms for Ant Design Vue(WIP)

## Storybook

https://shotanue.github.io/jsonforms-antdv

## hygen

### create controlRenderer

```shell
pnpm run hygen:controlRenderer
```

### create layoutRenderer

```shell
pnpm run hygen:layoutRenderer
```

### create additionalRenderer

```shell
pnpm run hygen:additionalRenderer
```
npm package: @shotaronowhere/archon
Description: A javascript library for Ethereum dispute resolution. Provides the ability to interface with Arbitrable and Arbitrator Ethereum smart contracts, as defined in ERC 792.
Latest version: 2.2.3

# Archon

> Archon provides functionality for Arbitrator and Arbitrable Ethereum smart contracts as defined in ERC 792 and ERC 1497.

## Documentation

See full documentation at https://archon.readthedocs.io/en/latest/index.html

## Installation

```
npm install @kleros/archon
```

## Basic Usage

```
var Archon = require('@kleros/archon');

var archon = new Archon('wss://some.local-or-remote.node:8546');

> archon.arbitrator
> archon.arbitrable
> archon.utils
> archon.version
```

## Test

```sh
yarn ganache
yarn test
```

## Build

```sh
yarn run build
```

## Update Docs

The documentation is based on Sphinx. Install Sphinx with your global python or in a virtualenv
```
pip install sphinx
```


1) Update `.rst` files in /docs


2) Run to generate new docs bundle
```
cd docs && make html
```

3) View changes
```
open ./docs/_build/html/index.html
```

4) Push changes
npm package: @shotero/dbmigrator
Description: Migrate PostgreSQL using plain sql files
Author: shotero
Latest version: 0.1.7

# DB Migrator

Migrate PostgreSQL database using vanilla SQL files

## Prerequisite:

- PostgreSQL
- Database

## Install

`npm install -g @shotero/dbmigrator`

## Usage

`dbmigrator up -t [target]`

`dbmigrator down -t <target>`

`dbmigrator make <name>`

## Configuration

Sample configuration file:

`.dbmigratorrc.js` OR
`.dbmigratorrc.cjs`

```
const config = {
  "creator": "testuser",
  "db": {
    "user": process.env.DB_USER,
    "host": process.env.DB_HOST,
    "port": 5432,
    "database": "db",
    "password": process.env.DB_PASSWORD
  },
  "paths": {
    "up": "./db/migrations/up",
    "down": "./db/migrations/down"
  },
  "migration": {
    "schema": "migration",
    "table": "migrations"
  }
}

module.exports = config;
```

## Example

- `dbmigrator make hello`
- `dbmigrator make world`
- `dbmigrator up`
- `dbmigrator down <timestamp>_world`
npm package: @shotero/gen-api
Description: ObjectionJS model and api generator from database
Author: shotero
Latest version: 0.1.6

# Gen API

Generate ObjectionJS models automatically from postgresql database

## Install

`npm install @shotero/gen-api`

## Usage

- Create configuration(checkout sample config)
- Create a generator script in your project repository with the following content

```js
import { generate } from '@shotero/gen-api';

generate();
```

Run the script

## Example project:

https://github.com/shotero/mates-backend

## Configuration

> .generatorrc.js

```js
module.exports = {
  baseUrl: 'https://myproject.com',
  schemaVersion: 'http://json-schema.org/draft-07/schema#',
  generate: {
    controller: true,
    route: true
  },
  paths: {
    import: '#api',
    write: process.cwd()
  },
  db: {
    database: 'mydb',
    user: 'me'
  },
  schemas: [
    {
      name: 'public',
      renames: {},
      ignores: ['hello']
    }
  ]
};
```
npm package: @shotero/gen-model
Description: ObjectionJS model generator
Author: shotero
Latest version: 0.1.1
Deprecated: WARNING: This project has been renamed to @shotero/gen-api. Install using @shotero/gen-api instead.

# Gen Model

Generate ObjectionJS models automatically from postgresql database

## Install

`npm install @shotero/gen-model`

## Usage

- Create configuration(checkout sample config)
- Create a generator script in your project repository with the following content

```js
import { generateModel } from '@shotero/gen-model';

generateModel(config);
```

Run the script

## Example project:

https://github.com/shotero/starter-backend

## Configuration

```js
module.exports = {
  baseUrl: 'https://myproject.com',
  schemaVersion: 'http://json-schema.org/draft-07/schema#',
  paths: {
    import: '#api',
    write: process.cwd()
  },
  db: {
    database: 'mydb',
    user: 'me'
  },
  schemas: [
    {
      name: 'public',
      renames: {},
      ignores: ['hello']
    }
  ]
};
```
npm package: @shotero/gen-schema
Description: JSON Schema generator for postgresql database
Author: shotero
Latest version: 0.0.1

# Gen Schema

Generate JSON Schema definitions from a PostgreSQL database

## Configuration

`.genschemarc.js`

```
module.exports = {
  baseUrl: 'https://genschema.com',
  schemaVersion: 'http://json-schema.org/draft-07/schema#',
  db: {
    database: 'db',
    user: 'system'
  },
  schemas: [
    {
      name: 'public',
      renames: {},
      ignores: ['ignore', 'these', 'tables']
    }
  ]
};
```

## Usage

```js
import { getSchemas } from '@shotero/gen-schema';

console.dir(await getSchemas());
```
npm package: @shotgun_dibs/simple-loader
Description: Create fantastic full-page loading screens using minimal effort.
Author: shotgun_dibs
Latest version: 1.0.5

<p align="center">
<img src="./simple.png" alt="Simple logo"/>
</p>

# Simple Loader

Create fantastic full-page loading screens using minimal effort. See the full [Demo](https://divakarmanivel.github.io/simple-loader/)

# Setup

Copy all files from dist/js and dist/css to your applications folder.
Add this line in the head tag of index.html as:

```html
    <head>
    ..
    <!-- Simple Loader CSS -->
    <link rel="stylesheet" type="text/css" href="./css/simple-loader.css" />
    ..
    </head>
```
Add this line before closing body tag of index.html as:

```html
    <body>
    ..
    <!-- Simple Loader JS -->
    <script src="./js/simple-loader.js" type="text/javascript"></script>
    </body>
```

# Usage

To show the loader add this line in your js file:

```javascript
    simpleloader.show();
```
  
To hide the loader add this line in your js file:

```javascript
    simpleloader.hide();
```
    
For example, to show a loader while in a http request:

```javascript
    function getRequest(url){
      simpleloader.show();
      var request = new XMLHttpRequest();
      request.open("GET", url, true);
      request.send();
      request.onreadystatechange = function () {
        if (request.readyState == XMLHttpRequest.DONE) {
          simpleloader.hide();
          if (request.status == 200) {
            alert("Success");
          } else {
            alert("Error");
          }
        }
      };
    }
```

To set the loader type add this line in your js file:

```javascript
    simpleloader.type("spinner")
```

The default type if no type is specified is "spinner". Currently available types are:
- spinner
- bounceball
- ripple
- square-wave
- twin-spinner

To set the background color add this line in your js file:

```javascript
    simpleloader.background("#fff"); // 3-digit hexcode
    simpleloader.background("#2196f3"); // 6-digit hexcode
```

To set the foreground color add this line in your js file:

```javascript
    simpleloader.foreground("#fff"); // 3-digit hexcode
    simpleloader.foreground("#2196f3"); // 6-digit hexcode
```

# Contribution

I welcome pull requests from all! Thanks in advance! Visit our [Contributions](CONTRIBUTING.md) page for more information.

# Code of Conduct

Visit our [Code of Conduct](CODE_OF_CONDUCT.md) page for an overview on our ground rules.

 # License

Created and Maintained by Divakar Manivel. Licensed under [MIT](LICENSE).
npm package: @shotify/cli
Description: Command-line tool for taking beautiful screenshots of code
Latest version: 0.3.0

# @shotify/cli

Command-line tool for taking beautiful screenshots of code with syntax highlighting.

## Installation

```bash
npm install -g @shotify/cli
```

## Quick Start

```bash
# Screenshot a file
shotify example.ts -o screenshot.png

# From stdin
echo "console.log('hello')" | shotify --lang js

# Custom theme and styling
shotify code.py --theme dracula --width 1000 --title "My Script"
```

## Usage

```
shotify [file] [options]
```

If no file is provided, reads from stdin.

## Options

- `-l, --lang <language>` - Programming language (default: `typescript`)
- `-t, --theme <theme>` - Color theme (default: `github-dark`)
- `--title <title>` - Title displayed in screenshot title bar
- `--line-numbers` - Show line numbers (default: `true`)
- `--no-line-numbers` - Hide line numbers
- `--start-line <number>` - Starting line number (default: `1`)
- `-w, --width <pixels>` - Screenshot width in pixels (default: `800`)
- `-p, --padding <value>` - CSS padding around code (default: `2rem`)
- `-b, --background <color>` - Background color (default: `#1e1e1e`)
- `-o, --out <path>` - Output file path

## Examples

### Screenshot a File

```bash
shotify app.js -o screenshot.png
```

### Custom Theme

```bash
shotify server.py --theme tokyo-night --title "FastAPI Server"
```

### From Clipboard (macOS)

```bash
pbpaste | shotify --lang bash -o terminal-output.png
```

### Hide Line Numbers

```bash
shotify config.json --no-line-numbers -o config-screenshot.png
```

### Large Screenshot

```bash
shotify component.tsx --width 1200 --padding 3rem -o component.png
```

### Start Line Numbers at 42

```bash
shotify function.rs --start-line 42 -o rust-function.png
```

## Available Themes

Choose from 55+ beautiful themes:

**Popular Dark Themes:**
- `github-dark`, `dracula`, `monokai`, `nord`, `tokyo-night`
- `one-dark-pro`, `material-theme`, `synthwave-84`

**Popular Light Themes:**
- `github-light`, `light-plus`, `one-light`, `material-theme-lighter`

See all themes at: https://shiki.style/themes

## Supported Languages

100+ programming languages including:

JavaScript, TypeScript, Python, Rust, Go, Java, C++, Ruby, PHP, Swift, Kotlin, Shell, SQL, HTML, CSS, JSON, YAML, Markdown, and [many more](https://shiki.style/languages).

## Output Filenames

Screenshots are automatically named with the theme:
```
screenshot-github-dark-1234567890.png
screenshot-dracula-1234567891.png
```

## Integration

Use `@shotify/cli` in your scripts or workflows:

```bash
# Generate documentation screenshots
for file in examples/*.js; do
  shotify "$file" --theme github-light -o "docs/$(basename "$file" .js).png"
done
```

## Programmatic Usage

For Node.js usage, see [@shotify/core](https://www.npmjs.com/package/@shotify/core).

## Links

- [Main Repository](https://github.com/amackera/shotify)
- [Core Library](https://www.npmjs.com/package/@shotify/core)
- [VS Code Extension](https://github.com/amackera/shotify#vs-code)
- [Documentation](https://github.com/amackera/shotify#readme)
- [Issues](https://github.com/amackera/shotify/issues)

## License

MIT
npm package: @shotify/core
Description: Core screenshot generation library for beautiful code screenshots
Latest version: 0.3.0

# @shotify/core

Core screenshot generation library for beautiful code screenshots with syntax highlighting.

## Installation

```bash
npm install @shotify/core
```

## Features

- 🎨 Syntax highlighting powered by [Shiki](https://shiki.style)
- 🌈 55+ built-in themes
- 🔢 Line numbering with custom start positions
- 📐 Customizable width, padding, and styling
- 🖼️ PNG output via Puppeteer
- 💻 100+ programming languages supported

## Usage

### Generate HTML

```typescript
import { renderHtml } from '@shotify/core';

const html = await renderHtml(code, {
  lang: 'typescript',
  theme: 'github-dark',
  title: 'example.ts',
  showLineNumbers: true,
  startLine: 1,
  width: 800,
  padding: '2rem',
  background: '#1e1e1e'
});
```

### Generate PNG Screenshot

```typescript
import { renderPng } from '@shotify/core';

const { outPath } = await renderPng(code, {
  lang: 'typescript',
  theme: 'github-dark',
  title: 'example.ts',
  out: './screenshot.png'
});

console.log(`Screenshot saved: ${outPath}`);
```

## API

### `renderHtml(code: string, options: RenderOptions): Promise<string>`

Generates syntax-highlighted HTML from code.

**Options:**
- `lang` (string, required) - Programming language
- `theme` (string) - Theme name (default: `'github-dark'`)
- `title` (string) - Optional title displayed in title bar
- `showLineNumbers` (boolean) - Show line numbers (default: `true`)
- `startLine` (number) - Starting line number (default: `1`)
- `width` (number) - Screenshot width in pixels (default: `800`)
- `padding` (string) - CSS padding value (default: `'2rem'`)
- `background` (string) - Background color (default: `'#1e1e1e'`)

### `renderPng(code: string, options: RenderOptions & { out?: string }): Promise<{ outPath: string }>`

Generates a PNG screenshot from code.

Takes all the same options as `renderHtml`, plus:
- `out` (string) - Output file path (default: auto-generated in current directory)

## Available Themes

Popular themes include: `github-dark`, `github-light`, `dracula`, `monokai`, `nord`, `tokyo-night`, `material-theme`, `one-dark-pro`, and [50+ more](https://shiki.style/themes).

## Examples

### Different Themes

```typescript
// Dark theme
await renderPng(code, {
  lang: 'python',
  theme: 'dracula',
  out: './dracula-screenshot.png'
});

// Light theme
await renderPng(code, {
  lang: 'python',
  theme: 'github-light',
  out: './light-screenshot.png'
});
```

### Custom Styling

```typescript
await renderPng(code, {
  lang: 'rust',
  theme: 'tokyo-night',
  width: 1200,
  padding: '3rem',
  background: '#1a1b26',
  showLineNumbers: false,
  out: './custom-screenshot.png'
});
```

## Links

- [Main Repository](https://github.com/amackera/shotify)
- [CLI Package](https://www.npmjs.com/package/@shotify/cli)
- [Documentation](https://github.com/amackera/shotify#readme)
- [Issues](https://github.com/amackera/shotify/issues)

## License

MIT
npm package: @shotor/ts-gql-sdk
Description: Generate a complete GraphQL SDK from schema, generating all queries/mutations/subscriptions along the way.
Author: shotor
Latest version: 1.0.9

# ts-gql-sdk-gen

Generate a complete GraphQL SDK from schema, generating all queries/mutations/subscriptions along the way.

Basically hacks the following two great packages together:

- [GraphQL Code Generator](https://www.graphql-code-generator.com/)
- [GQL Generator](https://github.com/timqian/gql-generator)

## Usage

### Install

```sh
yarn global add @shotor/tsgqlsdk

# or install locally
yarn add -D @shotor/tsgqlsdk
```

### Run

Given schema file

```graphql
# Sample schema
type Query {
  user(id: Int!): User!
}

type User {
  id: Int!
  username: String!
  email: String!
  createdAt: String!
}
```

Run the program

```sh
tsgqlsdk /path/to/schema.graphql /path/to/destination
```

In the destination folder you will find the following folder structure

```
- /queries
- /mutations
- /subscriptions
- gql-sdk.ts
```

Make sure `graphql-request` is installed in your project.

```sh
yarn add graphql-request
```

Then import and use the `gql-sdk.ts` and use fully typed API:

```ts
import { GraphQLClient } from 'graphql-request'
import { getSdk } from '/path/to/destination/gql-sdk.ts'

const sdk = getSdk(new GraphQLClient('http://example.org/graphql'))

desribe('test user', () => {
  it('gets user', async () => {
    const ID = 300
    const result = await sdk.user({
      id: ID,
    })

    expect(result.id).toBe(ID)
  })
})
```

## License

MIT
npm package: @shotstack/schemas
Description: Centralized OpenAPI schemas and TypeScript types for Shotstack API
Author: Shotstack
Latest version: 1.10.7

# @shotstack/schemas

Centralized OpenAPI schemas and TypeScript types for the Shotstack API

## Installation

```bash
npm install @shotstack/schemas zod
```

## Usage

### TypeScript Types

```typescript
import type { components } from '@shotstack/schemas';

type Edit = components['schemas']['Edit'];
type Timeline = components['schemas']['Timeline'];
type Clip = components['schemas']['Clip'];
type Output = components['schemas']['Output'];
```

### Zod Schemas

```typescript
import { z } from 'zod';
import { richTextAssetSchema, editSchema, timelineSchema } from '@shotstack/schemas/zod';

const result = richTextAssetSchema.safeParse(inputData);
if (result.success) {
  console.log(result.data);
}
```

### Extending Schemas

```typescript
import { z } from 'zod';
import { richTextAssetSchema } from '@shotstack/schemas/zod';

const ExtendedAsset = richTextAssetSchema.extend({
  customFonts: z.array(z.object({
    src: z.string().url(),
    family: z.string(),
  })).optional(),
  border: z.object({
    width: z.number().min(0),
    color: z.string(),
  }).optional(),
});

type ExtendedAssetType = z.infer<typeof ExtendedAsset>;
```

### Custom Validation

```typescript
import { richTextAnimationSchema } from '@shotstack/schemas/zod';

const AnimationWithDirection = richTextAnimationSchema.refine(
  (data) => {
    if (data.preset === 'slideIn' && !data.direction) {
      return false;
    }
    return true;
  },
  { message: 'direction is required for slideIn preset' }
);
```

## Available Schemas

- Edit, Timeline, Track, Clip, Output
- Assets: VideoAsset, ImageAsset, AudioAsset, HtmlAsset, TextAsset, TitleAsset, LumaAsset, CaptionAsset, ShapeAsset, RichTextAsset
- Destinations: ShotstackDestination, S3Destination, MuxDestination, VimeoDestination, GoogleDriveDestination, GoogleCloudStorageDestination
- Transforms, Transitions, Fonts, MergeFields, and more

## Development

```bash
pnpm install
pnpm run build
pnpm run test
```

## License

MIT