open-index/open-npm huggingface dataset:
npm package: @ocrm/yuublue-utils
Description: Code that can be reused across multiple projects of mine.
Author: ocrm
Latest version: 0.0.13

# Yuublue Utils

## Generate a Standalone Component
```
ng g c components/name-of-component --flat --standalone
```

- `--flat` Create the new files at the top level of the current project.
- `--standalone` Whether the generated component is standalone.

## Build

Use `npm run build` to build the package.

## Link

> Note: Project has to be built before linking, otherwise, changes are not propagated.

Use `npm link` to publish the package locally.

Use `npm link @ocrm/yuublue-utils` to use the package in a local project.

## Publish

Use `npm publish` to publish the package to npmjs.com.
npm package: @ocrv/vue-tailwind-modal
Description: Vue Tailwind Modal
Author: Denis Kozlov
Latest version: 1.0.0

# Vue Tailwind Modal

![build](https://github.com/OCRVblockchain/vue-tailwind-modal/workflows/build/badge.svg)
![npm](https://img.shields.io/npm/dw/@ocrv/vue-tailwind-modal)
![npm](https://img.shields.io/npm/dt/@ocrv/vue-tailwind-modal)

Vue компонент для создания модальных окон, использующий [Tailwind CSS](https://tailwindcss.com).

<img width="1439" alt="Снимок экрана 2021-02-07 в 17 02 42" src="https://user-images.githubusercontent.com/18230071/107148930-f1d85780-6966-11eb-8967-33df0d70b2c3.png">

## Установка проекта

```
npm install --save @ocrv/vue-tailwind-modal
```

## Использование

Импортируйте стили из библиотеки (например, в main.js файле)

```js
import '@ocrv/vue-tailwind-modal/styles'
```

### Глобальная установка

В вашем main.js файле:

```js
import VueTailwindModal from "@ocrv/vue-tailwind-modal"
Vue.component("VueTailwindModal", VueTailwindModal)
```

### Внутри компонента

В вашем компоненте (.vue файл):

```js
import VueTailwindModal from '@ocrv/vue-tailwind-modal'

export default {
  components: {
	VueTailwindModal,
	...
  },
  ...
```

После установки, используйте как и любой другой компонент:

```html
<vue-tailwind-modal
  :showing="true"
  :showClose="true"
  @update:showing="showing = $event"
  @close="afterClose()"
>
<!-- Вставьте здесь содержимое вашего модального окна -->
</vue-tailwind-modal>
```

Для показа и скрытия модального окна достаточно передать соответствующие логические true или false в :showing аттрибут.  
По-умолчанию, компонент будет отображать кнопку закрытия модального окна в правом верхнем углу экрана.  
Убрать кнопку можно передав логическое false в :showClose аттрибут.  

Закрытие модального окна стандартной кнопкой (при :showClose="true") генерирует 2 события:
- update:showing событие со значением false.
- событие close

Вы можете обрабатывать оба этих события, как в примере выше.
npm package: @ocrv/vue-tailwind-pagination
Description: Vue Tailwind Pagination
Author: Denis Kozlov
Latest version: 0.0.4

# Vue Tailwind Pagination

![build](https://github.com/OCRVblockchain/vue-tailwind-pagination/workflows/build/badge.svg?branch=main)
![downloads-week](https://img.shields.io/npm/dw/@ocrv/vue-tailwind-pagination)
![downloads](https://img.shields.io/npm/dt/@ocrv/vue-tailwind-pagination)

Vue component for creating Pagination using [Tailwind CSS](https://tailwindcss.com).

<img width="1431" alt="screenshot" src="https://user-images.githubusercontent.com/18230071/107767792-9af7c700-6d46-11eb-92ee-3478062e3c80.png">

## Install

```
npm install --save @ocrv/vue-tailwind-pagination
```

## Usage

1. Import library styles

```js
import '@ocrv/vue-tailwind-pagination/styles'
```

2. Import the components

```js
import VueTailwindPagination from '@ocrv/vue-tailwind-pagination'
```

Define base data

```js
export default {
    name: 'Pagination Example',
    components: {
        VueTailwindPagination,
    },
    data() {
        return {
            currentPage: 1,
            perPage: 5,
            total: 20
        }
    }
}
```

Next, in your HTML code:

```html
<VueTailwindPagination
        :current="currentPage"
        :total="total"
        :per-page="perPage"
        @page-changed="currentPage = $event"

        text-before-input="Idź do strony"
        text-after-input="Idź"/>
```

More examples [here](https://github.com/OCRVblockchain/vue-tailwind-pagination/blob/main/src/components/Example.vue)
npm package: @ocrv/vue-tailwind-tabs
Description: Vue Tailwind Tabs
Author: Denis Kozlov
Latest version: 1.0.3

# Vue Tailwind Tabs

![build](https://github.com/OCRVblockchain/vue-tailwind-tabs/workflows/build/badge.svg)
![downloads-week](https://img.shields.io/npm/dw/@ocrv/vue-tailwind-tabs)
![downloads](https://img.shields.io/npm/dt/@ocrv/vue-tailwind-tabs)

Vue component for creating tabs using [Tailwind CSS](https://tailwindcss.com).

<img width="992" alt="Снимок экрана 2021-02-17 в 11 31 05" src="https://user-images.githubusercontent.com/18230071/108176985-b2063280-7113-11eb-95d2-2b4c544175a1.png">

## Install

```
npm install --save @ocrv/vue-tailwind-tabs
```

## Usage

1. Import library styles

```js
import '@ocrv/vue-tailwind-tabs/styles'
```

2. Import the components

```js
import {TabsWrapper, TabsContent, Tab} from '@ocrv/vue-tailwind-tabs'
```

Define data for ```activeTab``` and ```clickTab``` callback method

```js
export default {
    components: {
        TabsWrapper,
        TabsContent,
        Tab
    },
    data() {
        return {
            activeTab: 'tab1'
        }
    },
    methods: {
        clickTab(name) {
            this.activeTab = name
        }
    }
}
```

Next, in your HTML code:

```html
<TabsWrapper>
    <Tab title="Tab 1" :isActive="activeTab === 'tab1'" @click="clickTab('tab1')" />
    <Tab title="Tab 2" :isActive="activeTab === 'tab2'" @click="clickTab('tab2')" />
    <Tab title="Tab 3" :isActive="activeTab === 'tab3'" @click="clickTab('tab3')" />
</TabsWrapper>

<TabsContent>
    <div v-if="activeTab === 'tab1'">
        Ad alias animi at consequuntur cumque delectus, dolor doloribus illum in, odit porro quasi.
    </div>
    <div v-if="activeTab === 'tab2'">
        Aspernatur cupiditate, dolorum earum eius ex facilis!
    </div>
    <div v-if="activeTab === 'tab3'">
        Deserunt ducimus explicabo facere ipsam.
    </div>
</TabsContent>
```

More examples [here](https://github.com/OCRVblockchain/vue-tailwind-tabs/blob/main/src/components/Example.vue)
npm package: @ocskiurity/n0tte
Description: CLI tool for FHE-ML tasks
Author: ocskiurity
Latest version: 1.0.6

# Fhenix Hardhat Example [![Open in Gitpod][gitpod-badge]][gitpod]

[gitpod]: https://gitpod.io/#https://github.com/fhenixprotocol/fhenix-hardhat-example
[gitpod-badge]: https://img.shields.io/badge/Gitpod-Open%20in%20Gitpod-FFB45B?logo=gitpod

This repository contains a sample project that you can use as the starting point
for your Fhenix project. It's also a great fit for learning the basics of
Fhenix smart contract development.

This project is intended to be used with the
[Fhenix Hardhat Beginners Tutorial](TODO), but you should be
able to follow it by yourself by reading the README and exploring its
`contracts`, `tests`, `deploy` and `tasks` directories.

It comes with two fhenix-specific hardhat plugins:

- `fhenix-hardhat-plugin`: The main plugin for fhenix development in hardhat. It injects `fhenixjs` into the hardhat runtime environment, which allows you to interact with encrypted data in your tests and tasks.
- `fhenix-hardhat-docker`: A plugin that allows you to run a local Fhenix testnet in a docker container. This is useful for testing your contracts in a sandbox before deploying them on a testnet or on mainnet.

## Quick start

The first things you need to do are cloning this repository and installing its dependencies:

```sh
git clone https://github.com/FhenixProtocol/fhenix-hardhat-example.git
cd fhenix-hardhat-example
pnpm install
```

Once installed, let's run a LocalFhenix instance:

```sh
pnpm localfhenix:start
```

This will start a LocalFhenix instance in a docker container. If this worked you should see a `Started LocalFhenix successfully` message in your console.

If not, please make sure you have `docker` installed and running on your machine. You can find instructions on how to install docker [here](https://docs.docker.com/get-docker/).

Now that we have a LocalFhenix instance running, we can deploy our contracts to it:

```sh
npx hardhat deploy
```

Note that this template defaults to use the `localfhenix` network, which is injected into the hardhat configuration.

Finally, we can run the tasks with:

```sh
pnpm task:getCount # => 0
pnpm task:addCount
pnpm task:getCount # => 1
pnpm task:addCount --amount 5
pnpm task:getCount # => 6
```

TODO: frontend

## More Info

To learn more about the Fhenix Hardhat plugin, check out the [Fhenix Hardhat Plugin Repository](https://github.com/FhenixProtocol/fhenix-hardhat-plugin).