open-index/open-npm huggingface dataset:
npm package: @hatak-ui/vue
Description: This template should help get you started developing with Vue 3 in Vite.
Author: Paweł Kiciński
Latest version: 0.1.8

# .

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```
npm package: @hatak-uuuuuuui/nuxt
Description: My new Nuxt module
Latest version: 0.0.3

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add my-module
```

That's it! You can now use My Module in your Nuxt app ✨


## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run lint
  
  # Run Vitest
  npm run test
  npm run test:watch
  
  # Release new version
  npm run release
  ```

</details>


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @hatamiarash7/vue-flip-clock
Description: A simple flip clock for Vue
Author: Arash Hatami
Latest version: 1.0.13

# Vue Flip Clock

[![.github/workflows/npm.yml](https://github.com/hatamiarash7/vue-flip-clock/actions/workflows/npm.yml/badge.svg)](https://github.com/hatamiarash7/vue-flip-clock/actions/workflows/npm.yml) ![npm](https://img.shields.io/npm/v/@hatamiarash7/vue-flip-clock)

![screenshot](.github/sc.png)

It's a simple Vue component that displays a flip clock.

## Demo

[![Edit vue-flip-clock](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vue-flip-clock-f3pr7e?fontsize=14&hidenavigation=1&theme=dark)

## How-to

Install package using `npm`:

```bash
npm i @hatamiarash7/vue-flip-clock --save
```

Add package to your Vue project:

```js
import Clock from "@hatamiarash7/vue-flip-clock";
import "@hatamiarash7/vue-flip-clock/dist/vue-flip-clock.css";

Vue.component("flip-clock", Clock);
```

> You can use `Vue.use()` or `Vue.component()` to add the component to your Vue project.

Use component in your Vue template:

```html
<template>
  ...
  <flip-clock innerColor="#2980b9" />
  ...
</template>
```

---

## Support 💛

[![Donate with Bitcoin](https://en.cryptobadges.io/badge/micro/bc1qmmh6vt366yzjt3grjxjjqynrrxs3frun8gnxrz)](https://en.cryptobadges.io/donate/bc1qmmh6vt366yzjt3grjxjjqynrrxs3frun8gnxrz) [![Donate with Ethereum](https://en.cryptobadges.io/badge/micro/0x0831bD72Ea8904B38Be9D6185Da2f930d6078094)](https://en.cryptobadges.io/donate/0x0831bD72Ea8904B38Be9D6185Da2f930d6078094)

[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/D1D1WGU9)

<div><a href="https://payping.ir/@hatamiarash7"><img src="https://cdn.payping.ir/statics/Payping-logo/Trust/blue.svg" height="128" width="128"></a></div>

## Contributing 🤝

Don't be shy and reach out to us if you want to contribute 😉

1. Fork it !
2. Create your feature branch : `git checkout -b my-new-feature`
3. Commit your changes : `git commit -am 'Add some feature'`
4. Push to the branch : `git push origin my-new-feature`
5. Submit a pull request

## Issues

Each project may have many problems. Contributing to the better development of this project by reporting them. 👍
npm package: @hatchd/cra-template
Description: The Hatchd template for Create React App.
Author: Hatchd Devteam
Latest version: 0.2.2

# cra-template-hatchd

This is a customised [Create React App](https://github.com/facebook/create-react-app) template put together by [Hatchd][hatchd].

To use this template, add `--template @hatchd/cra-template` when creating a new app.

For example:

```sh
npx create-react-app my-app --template @hatchd/cra-template

# or

yarn create react-app my-app --template @hatchd/cra-template
```

For more information, please refer to:

- [Getting Started][cra-docs] - How to create a new app.

[hatchd]: https://www.hatchd.com.au/
[cra-repo]: https://github.com/facebook/create-react-app
[cra-docs]: https://create-react-app.dev/docs/getting-started/
npm package: @hatchd/sanity-plugin-color-select
Description: A colour palette option for users to select pre-determined colours in Sanity
Author: Grant Deelstra
Latest version: 1.2.1

# Color Select - A colour palette plugin for Sanity

Allow users to select pre-determined colours via a colour palette in Sanity Studio.

This is a **Sanity Studio v3** plugin.

## Installation

```sh
npm install @hatchd/sanity-plugin-color-select
```

or

```sh
yarn add @hatchd/sanity-plugin-color-select
```

## Usage

Add it as a plugin in `sanity.config.ts` (or .js):

```ts
import {defineConfig} from 'sanity'
import {ColorSelect} from '@hatchd/sanity-plugin-color-select'

export default defineConfig({
  //...
  plugins: [ColorSelect()],
})
```

Then use the `colorSelect` type in your schema. The stored value is the `value` property of the selected colour.

```ts
const backgroundColors = [
  {
    title: 'Green',
    hex: '#8ac926',
    value: 'primary',
  },
  {
    title: 'Blue',
    hex: '#57c4e5',
    value: 'secondary',
  },
  {
    title: 'Red',
    hex: '#d62828',
    value: 'tertiary',
  },
]

defineField({
  name: 'background',
  description: 'Controls the background colour for this module',
  type: 'colorSelect',
  options: {
    list: backgroundColors,
    layout: 'buttons',
    labels: false,
  },
  initialValue: 'primary',
})
```

## Options

| Property | Type      | Default     | Description                                                                                                                      |
| -------- | --------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------- |
| `list`   | `array`   | —           | Array of colour objects with `title`, `value`, and optional `hex`. `hex` is used for the swatch when `value` isn't a CSS colour. |
| `layout` | `string`  | `'buttons'` | `'buttons'` or `'dropdown'`.                                                                                                     |
| `labels` | `boolean` | `true`      | Show or hide colour titles in the `buttons` layout.                                                                              |

### Colour object

| Property | Type     | Required | Description                                                       |
| -------- | -------- | -------- | ----------------------------------------------------------------- |
| `title`  | `string` | Yes      | Display name shown in the palette.                                |
| `value`  | `string` | Yes      | The value stored in Sanity when this colour is selected.          |
| `hex`    | `string` | No       | CSS colour used for the swatch. Falls back to `value` if omitted. |

## License

[MIT](LICENSE) © Grant Deelstra and [Hatchd](https://hatchd.com.au)
npm package: @hatchd/sanity-plugin-get-coordinates
Description: A plugin for Sanity Studio, an input component to get coordinates from a street address.
Author: Grant Deelstra
Latest version: 1.2.0

# Get Coordinates! A Sanity Studio plugin

Enter an address and get coordinates for it. The coordinate can be used with your map services on the front end.

This is a **Sanity Studio v3** plugin.

## Installation

```sh
npm install @hatchd/sanity-plugin-get-coordinates
```

## Usage

Add it as a plugin in `sanity.config.ts` (or .js):

```ts
import {defineConfig} from 'sanity'
import {getCoordinates} from '@hatchd/sanity-plugin-get-coordinates'

export default defineConfig({
  //...
  plugins: [getCoordinates()],
})
```

In your document schemas, add it as a 'coordinates' type. For an example:

```ts
{
  title: "Location Coordinates",
  name: "location",
  type: "coordinates"
}
```

## License

[MIT](LICENSE) © Grant Deelstra | [Hatchd](https://www.hatchd.com.au)
npm package: @hatchd/utils
Description: This is a small utility library that contains useful helper functions for usage in JS apps put together by [Hatchd][hatchd].
Author: Hatchd Devteam
Latest version: 0.1.3

# hatchd-utils

This is a small utility library that contains useful helper functions for usage in JS apps put together by [Hatchd][hatchd].

This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).

## Local Development

Below is a list of commands you will probably find useful.

### `npm start` or `yarn start`

Runs the project in development/watch mode. Your project will be rebuilt upon changes. TSDX has a special logger for you convenience. Error messages are pretty printed and formatted for compatibility VS Code's Problems tab.

Your library will be rebuilt if you make edits.

### `npm run build` or `yarn build`

Bundles the package to the `dist` folder.
The package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).

### `npm test` or `yarn test`

Runs the test watcher (Jest) in an interactive mode.
By default, runs tests related to files changed since the last commit.

## :warning: Updating node version

Current: `v12.17.0`

If you want to bump the node version that is used by this library, please change and align the version in the following places:

- `.nvmrc`
- `bitbucket-pipelines.yml` - the `image` field in each step.

[hatchd]: https://www.hatchd.com.au/
npm package: @hatchet-dev/typescript-sdk
Description: Background task orchestration & visibility for developers
Latest version: 1.21.0

# Hatchet TypeScript SDK

<div align="center">

[![npm version](https://badge.fury.io/js/@hatchet-dev%2Ftypescript-sdk.svg)](https://badge.fury.io/js/@hatchet-dev%2Ftypescript-sdk)
[![Documentation](https://img.shields.io/badge/docs-hatchet.run-blue)](https://docs.hatchet.run)
[![License: MIT](https://img.shields.io/badge/License-MIT-purple.svg)](https://opensource.org/licenses/MIT)

</div>

This is the official TypeScript SDK for [Hatchet](https://hatchet.run), a distributed, fault-tolerant task queue. The SDK provides a type-safe way to integrate Hatchet's task scheduling and workflow orchestration capabilities into your TypeScript/JavaScript applications.

## Installation

Install the SDK using npm:

```bash
npm install @hatchet-dev/typescript-sdk
```

Using yarn:

```bash
yarn add @hatchet-dev/typescript-sdk
```

Using pnpm:

```bash
pnpm add @hatchet-dev/typescript-sdk
```

## Quick Start

For examples of how to use the Hatchet TypeScript SDK, including worker setup and task execution, please see our [official documentation](https://docs.hatchet.run/home/setup).

## Features

- 📝 **Type Safety**: Full TypeScript support with type inference for workflow inputs and outputs
- 🔄 **Workflow Orchestration**: Define complex workflows with dependencies and parallel execution
- 🔁 **Automatic Retries**: Configure retry policies for handling transient failures
- 📊 **Observability**: Track workflow progress and monitor execution metrics
- ⏰ **Scheduling**: Schedule workflows to run at specific times or on a recurring basis
- 🔄 **Event-Driven**: Trigger workflows based on events in your system

## Documentation

For detailed documentation, examples, and best practices, visit:
- [Hatchet Documentation](https://docs.hatchet.run)
- [Examples](https://github.com/hatchet-dev/hatchet/tree/main/sdks/typescript/src/v1/examples)

## Development

We use `pnpm` as our package manager. To get started with development:

1. Install dependencies:
```bash
pnpm install
```

2. Build the SDK:
```bash
pnpm build
```

3. Run unit tests:
```bash
pnpm test:unit
```

4. Run e2e tests (requires a running Hatchet engine):
```bash
# Run all e2e tests
pnpm test:e2e

# Run a specific e2e test file
pnpm test:e2e durable.e2e.ts

# Run a specific test by name
pnpm test:e2e durable.e2e.ts -t "durable replay reset"
```

## Contributing

We welcome contributions! Please check out our [contributing guidelines](https://docs.hatchet.run/contributing) and join our [Discord community](https://hatchet.run/discord) for discussions and support.

## License

This SDK is released under the MIT License. See [LICENSE](https://github.com/hatchet-dev/hatchet/blob/main/LICENSE) for details.
npm package: @hatchfi/sdk-js
Description: Hatchfi JS SDK
Author: Luumen Inc
Latest version: 0.0.45

# Hatchfi JavaScript SDK

> Hatchfi JavaScript SDK Version 0.0.4+ is up-to-date and ready to use with Hatchfi API V1
> You can read more about Hatchfi API here: [Hatchfi Docs](https://docs.hatchfi.co)
> Read our [changelog here](https://feedback.hatchfi.co/changelog/sdk-version-update-hatchfi-sdk-js-0-0-4)

Hatchfi is the gold standard API for connecting with your application with exchanges, wallets and protocols like Ethereum and Solana. Implementing these technologies can be difficult for teams of all sizes, which is why we created [Hatchfi](https://hatchfi.co)!

Our Developer experience and support is something that we're proud of. We want to ensure that you're able to implement Hatchfi into your product in just a few hours - if that. If'd you like more hands on support, please join our [Hatchfi Discord](https://discord.gg/hatchfi) and let us know your a developer.

You can read about all of our methods here in our [Hatchfi JS SDK Recipe](https://docs.hatchfi.co/recipes/hatchfi-javascript-sdk-methods)

### Hatchfi's Providers

For a complete list of Hatchfi's providers, please check out our [providers page](https://hatchfi.co/providers).

Here are a few of our most popular providers:

- Ethereum
- Bitcoin
- Solana
- Gemini
- Coinbase

### Create a Hatchfi Project

In order to get your credentials, you'll need to navigaste to the [Hatchfi Dashboard](https://app.hatchfi.co/signup) and create an account and then a project.

When creating a project, you'll be present with your credentials:

- `ClientId` - Unique to your project
- `APIKey` - The key that's used as an access point for your application
- `SecretKey` - The private key with authorizes calls to your data

### Did you find a bug?

If you find a bug or security issue, please reach out to the team at support@luumen.io

> This readme is a work in progress - please navigate to the [Hatchfi Docs](https://docs.hatchfi.co) for instructions on how to use our SDK.

> For a more in-depth guide, look at our [API Code and Structure](https://luumen.github.io/hatchfi-sdk-js/)
npm package: @hatchi/hatchi-tailwind-config
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 0.0.1

# hatchi-tailwind-config

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test hatchi-tailwind-config` to execute the unit tests via [Jest](https://jestjs.io).
npm package: @hatchibombotar/cubemap
Description: A simple and performant cubemap viewer, using the power of css transformations. Adapted from [tamats.com/blog/?p=381](https://www.tamats.com/blog/?p=381).
Author: hatchibombotar
Latest version: 1.1.0

# @hatchibombotar/cubemap

A simple and performant cubemap viewer, using the power of css transformations.
Adapted from [tamats.com/blog/?p=381](https://www.tamats.com/blog/?p=381).

### Installation

```sh
npm i @hatchibombotar/cubemap
```

### Getting started

```js
import { Cubemap } from "@hatchibombotar/cubemap"

new Cubemap(
    container,
    [
        "cubemap_front.png",
        "cubemap_right.png",
        "cubemap_back.png",
        "cubemap_left.png",
        "cubemap_top.png",
        "cubemap_bottom.png",
    ],
    { rotate_type: "drag"}
)
```
Create a simple cubemap inside a parent container, where the user drags to move the view around the cubemap.

### Options
```ts
{
    width: number | string,
    height: number | string,
    background_color: string,
    perspective: number | string,
    min_pitch: number | false,
    max_pitch: number | false,
    
    rotate_type: "drag" | "auto",
    drag_speed: number
    rotate_speed: number,
}
```

- **width** - width of the cubemap element. If given as a number - measurement is in pixels. Default: `500`
- **height** - height of the cubemap element. number or string, if number - measurement is in pixels. Default: `500`
- **background_color** - the css colour of the background shown behind the cubemap.  Default: `"black"`
- **perspective** - The css perspective value of the cubemap. If given as a number - measurement is in pixels. Default: `300`
- **min_pitch** - The minimum pitch can be dragged to if in drag mode. Default: `-90`
- **max_pitch** - The maximum pitch can be dragged to if in drag mode. Default: `90`
- **rotate_type** - The type of controls the cubemap has. If `"drag"` then the user can drag around the cubemap with their mouse. If `"auto"`, it will automatically rotate around the camera. Default: `"drag"`
- **drag_speed** - The speed the cubemap moves in drag mode. Default: `0.25`
- **rotate_speed** - The speed the cubemap moves in auto mode. Default: `3`