open-index/open-npm huggingface dataset:
npm package: @ozean/set-webm-duration
Description: write duration into webm blob
Author: async-rustacean
Latest version: 0.1.3

# Set Webm Duration

write duration into webm blob

```
import { setWebmDuration } from '@ozean/set-webm-duration'

const webmBuffer = await webmBlob.arrayBuffer()

const newWebmBuffer = setWebmDuration(webmBuffer, 45296 * 1000)

const newWebmBlob = new Blob([newWebmBuffer])

document.querySelector("audio")!.src = URL.createObjectURL(newWebmBlob)
```

![](./img.png)
npm package: @ozee-io/fga-transformer-cli
Description: Simple CLI to convert FGA DSL to JSON
Author: Rory Chatterton
Latest version: 0.2.1

# fga-transformer-cli
[![Node.js CI](https://github.com/Ozee-io/fga-transformer-cli/actions/workflows/ci.yml/badge.svg)](https://github.com/Ozee-io/fga-transformer-cli/actions/workflows/ci.yml)
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Ozee-io_fga-transformer-cli&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=Ozee-io_fga-transformer-cli)

# Archived

NOTE: This repository has been archived and is no longer maintained by Ozee.io as we are no longer using OpenFGA. Please feel free to fork and use this.


<img src="https://www.ozee.io/logos/vector/Ozee_logo_2c.svg" alt="drawing" width="200"/>

fga-transformer-cli is a simple wrapper around the [openfga syntax-transformer](https://github.com/openfga/syntax-transformer) library to enable programatic transformation of OpenFGA DSLs to the JSON syntax.

This is useful in situations such as a pipeline.

## Options to run
This can be run from Node, or from the helper docker container

### Node
#### Prerequisites
- Node 18 LTS
- NPM or Yarn

#### Install
```bash
npm install @ozee-io/fga-transformer-cli

git clone git@github.com:Ozee-io/fga-transformer-cli.git
cd fga-transformer-cli
yarn install && yarn link
```

#### Run
```bash
fga-transformer-cli  --source "my/source/file.dsl" --target "my/destination/file.json"
```

The generated JSON can also be output in the console by specifying the `--verbose` option.


### Docker
#### Prerequisites
- Docker

#### Install
```bash
docker pull ghcr.io/ozee-io/openfga-syntax-transformer
# or build locally
git clone git@github.com:Ozee-io/fga-transformer-cli.git
docker build -t fga-transformer-cli .
```

#### Consume
```bash
docker run -v ${PWD}:/app fga-transformer-cli  --source "my/source/file.dsl" --target "my/destination/file.json"
```
npm package: @ozen-ui/data-grid
Description: React DataGrid library
Author: Bereke Bank
Latest version: 0.84.4

# @ozen-ui/data-grids

Библиотека React-DataGrid, для создания таблиц.

## Установка

Установите библиотеку таблицы с помощью одной из следующих команд:

```bash
# npm
npm install --save @ozen-ui/data-grid

# yarn
yarn add @ozen-ui/data-grid

# pnpm
pnpm add @ozen-ui/data-grid
```

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

Разделы для знакомства с библиотекой:

- [Быстрый старт](https://ozen.bereke.tech/?path=/docs/packages-datagrid-welcome--docs)
- [Примеры](https://ozen.bereke.tech/?path=/docs/packages-datagrid-examples-base--docs)

## О нас

«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.
npm package: @ozen-ui/fonts
Description: A collection of fonts
Latest version: 0.84.4

# @ozen-ui/fonts

Набор базовых шрифтов.

## Установка

В текущей директории проекта запустите одну из следующих команд:

```bash
# npm
npm install --save @ozen-ui/fonts

# yarn
yarn add @ozen-ui/fonts

# pnpm
pnpm add @ozen-ui/fonts
```

## Подключение

```bash
import '@ozen-ui/fonts';
```

## Применение

```css
body {
  font-family: 'Roboto', sans-serif;
}
```

## Предзагрузка шрифтов

Для критически важных шрифтов рекомендуется использовать предварительную загрузку.

```html
<link
  rel="preload"
  href="/path/to/font/roboto-regular.woff2"
  as="font"
  type="font/woff2"
  crossorigin
/>
```

## Поддерживаемые переменные

| Weight | Fonts  |
| ------ | ------ |
| 400    | Roboto |
| 500    | Roboto |
| 700    | Roboto |
npm package: @ozen-ui/icons
Description: A collection of icons
Latest version: 0.84.4

# @ozen-ui/icons

Коллекция иконок.

## Витрина иконок

Воспользуйтесь [витриной иконок](https://ozen-ui.bereke.tech/?path=/docs/extensions-icons--docs) для визуального представления содержимого пакета.

## Установка

В текущей директории проекта запустите одну из следующих команд:

```bash
# npm
npm install --save @ozen-ui/icons

# yarn
yarn add @ozen-ui/icons

# pnpm
pnpm add @ozen-ui/icons
```

## Размер иконок

Размер иконки задается через свойство `size`.

Размер по умолчанию: `m`.

```tsx
import React from 'react';

import { SmileIcon } from '@ozen-ui/icons';

const Icon = () => <SmileIcon size="s" />;
```

Доступные размеры иконок:

| Название | Размер     |
| -------- | ---------- |
| s        | 16 х 16 px |
| m        | 24 х 24 px |

## Цвет иконок

```tsx
import React from 'react';

import { SmileMIcon } from '@ozen-ui/icons';

const Icon = () => <SmileMIcon color="#ECECEC" />;
```
npm package: @ozen-ui/illustrations
Description: A collection of illustrations
Latest version: 0.84.4

# @ozen-ui/illustrations

Библиотека иллюстраций для веб-интерфейсов.

## Установка

Установите библиотеку иллюстраций с помощью одной из следующих команд:

```bash
# npm
npm install --save @ozen-ui/illustrations

# yarn
yarn add @ozen-ui/illustrations

# pnpm
pnpm add @ozen-ui/illustrations
```

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

- [Быстрый старт](https://ozen.bereke.tech/?path=/docs/packages-illustrations-welcome--docs)
- [Все иллюстрации](https://ozen.bereke.tech/?path=/docs/extensions-illustrations--docs)

## О нас

«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.
npm package: @ozen-ui/kit
Description: React component library
Author: Bereke Bank
Latest version: 0.84.4

# @ozen-ui/kit

Библиотека React-компонентов, для создания веб-интерфейсов.

## Установка

Установите библиотеку компонентов с помощью одной из следующих команд:

```bash
# npm
npm install --save @ozen-ui/kit

# yarn
yarn add @ozen-ui/kit

# pnpm
pnpm add @ozen-ui/kit
```

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

Разделы для знакомства с библиотекой:

- [Быстрый старт](https://ozen-ui.bereke.tech/?path=/docs/for-users-getting-started--docs)
- [Дизайн-токены](https://ozen-ui.bereke.tech/?path=/docs/foundations-design-tokens--docs)
- [Обзор компонентов](https://ozen-ui.bereke.tech/?path=/docs/introduction-overview--docs)

## О нас

«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.
npm package: @ozen-ui/logger
Description: A client logger
Latest version: 0.84.4

# @ozen-ui/logger

Пакет с утилитой для вывода системного лога на стороне клиента.

## Примеры

Вывод сообщений:

```js
import { logger } from '@ozen-ui/logger';

logger.info('Info message');
logger.warn('Warning message');
logger.error('Error message');
```

Вывод сообщений без повторов:

```js
import { once } from '@ozen-ui/logger';

once.info('Info message');
once.warn('Warning message');
once.error('Error message');
```

Вывод сообщений об устаревший функциональности:

```js
import { deprecate } from '@ozen-ui/logger';

deprecate('Deprecated annotation');
```
npm package: @ozen-ui/responsive
Description: React component library
Author: Bereke Bank
Latest version: 0.84.4

# @ozen-ui/responsive

Библиотека для создания адаптивных веб-интерфейсов.

## Установка

Установите библиотеку компонентов с помощью одной из следующих команд:

```bash
# npm
npm install --save @ozen-ui/responsive

# yarn
yarn add @ozen-ui/responsive

# pnpm
pnpm add @ozen-ui/responsive
```

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

Документация будет написана в будущем.

## О нас

«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.
npm package: @ozennium/uikit
Description: Set of UI components for pancake projects
Latest version: 0.0.3

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@ozennium/uikit)](https://www.npmjs.com/package/@ozennium/uikit) [![Size](https://img.shields.io/bundlephobia/min/@ozennium/uikit)](https://www.npmjs.com/package/@ozennium/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @ozennium/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@ozennium/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@ozennium/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @ozenselin/image-carousel
Description: A lightweight image carousel with smooth transitions, multi-control navigation, dynamic scaling, and shadow effects
Author: Selin Özen
Latest version: 1.1.0

# Image Carousel

A clean and responsive image carousel that displays a series of images with smooth scaling transitions and a subtle sense of depth. Ideal for simple galleries, product showcases, or any use case where a lightweight, distraction-free image slider is needed.

The carousel offers basic configuration options including custom class names, scaling behavior, and image sources—making it easy to adapt visually without introducing complexity.

## Live Demo

The GIF here demonstrates the basic functionality, but the actual carousel transitions are smoother and more fluid.

![](carousel-demo.gif)

Note that the carousel also supports **left and right arrow keys**, as well as **indicator dots**, though this GIF shows navigation via the **Previous** and **Next** buttons for clearer visual demonstration.

## What You Can Configure
- Images: Pass your own image list (with src, alt, and width)
- CSS Classes: Customize class names for every element (panels, buttons, indicators)
- Scale Behavior: Adjust how much the focused image grows compared to the rest

## Installation

To install the carousel, run the following command in your terminal:

```bash
npm install @ozenselin/image-carousel
```

## Usage Exemples

### HTML Setup

```html
<div id="my-carousel"></div>
<script src="node_modules/@ozenselin/image-carousel/dist/carousel.min.js"></script>
```

### JavaScript Setup

```javascript
import Carousel from "@ozenselin/image-carousel";

const carousel = Carousel({
  rootElement: document.getElementById("my-carousel"),
  config: {
    images: [
      { src: "image01.jpg", alt: "Image 1" },
      { src: "image02.jpg", alt: "Image 2" },
      { src: "image03.jpg", alt: "Image 3" },
      { src: "image04.jpg", alt: "Image 4" },
      { src: "image05.jpg", alt: "Image 5" },
      { src: "image06.jpg", alt: "Image 6" },
      { src: "image07.jpg", alt: "Image 7" },
    ],
  },
});

carousel.initialize();
```

## Features

- **Dynamic Scaling**: Images grow and shrink with smooth transitions.
- **Shadow Effects**: Depth is added with shadows, enhancing the 3D feel.
- **Multi-Control Navigation**: Navigate using buttons, indicators, or keyboard arrows.
- **Responsive Design**: Optimized for both mobile and desktop devices.
- **Zero Dependencies**: No external libraries required for a lightweight solution.

## API

- `carousel.initialize()` - Starts the carousel.
- `carousel.goToNext()` - Navigate to the next slide.
- `carousel.goToPrevious()` - Navigate to the previous slide.
- `carousel.goToIndex(index)` - Jump to a specific slide.
- `carousel.getCurrentIndex()` - Retrieve the current slide index.
- `carousel.destroy()` - Destroys the carousel and cleans up resources.

## License

This project is licensed under MIT license - see the [LICENSE](LICENSE) file for details.