open-index/open-npm huggingface dataset:
npm package: @oddo/docs
Description: Documentation and examples for the Oddo framework
Author: dbrdarski
Latest version: 0.0.6

# @oddo/docs

Documentation and examples for the Oddo framework.

## Installation

```bash
npm install @oddo/docs
```

## What's Included

This package contains:

- **Documentation pages** - Guide and API reference written in Oddo
- **Example code** - Playground examples demonstrating Oddo features
- **Build tools** - Scripts to compile and serve the documentation

## Usage

### Building the Documentation

```bash
npm run build
```

This compiles all `.oddo` files in `src/` to JavaScript and outputs to `dist/`.

### Serving Locally

```bash
npm run serve
```

Starts a local server to view the documentation.

### Development Mode

```bash
npm run dev
```

Builds and serves with file watching.

## Structure

```
docs/
├── src/
│   ├── app.oddo          # Main application
│   └── pages/
│       ├── guide/        # Getting started guide
│       ├── api/          # API reference
│       └── playground/   # Interactive examples
├── public/
│   └── index.html        # HTML template
├── build.mjs             # Build script
└── server.mjs            # Development server
```

## License

MIT
npm package: @oddo/lang
Description: Oddo Language Package
Author: dbrdarski
Latest version: 0.0.18

# @oddo/lang

A high-performance parser and compiler for the Oddo language built with Chevrotain.

## Installation

```bash
npm install @oddo/lang
```

You'll also need Babel packages for code generation:

```bash
npm install @babel/generator @babel/traverse @babel/types
```

## Features

- Complete Oddo language support
- Brace-based blocks (JavaScript-style)
- JSX syntax
- Modifiers (`@state`, `@computed`, `@effect`, `@mutate`)
- All JavaScript operators with correct precedence
- Arrow functions
- Arrays, objects, and all data types

## Usage

### Parsing

```javascript
import { parseOddo, parseOddoExpression } from '@oddo/lang';

// Parse a full program
const ast = parseOddo(`
  x = 10
  y = 20
  return x + y
`);

// Parse an expression
const exprAst = parseOddoExpression('1 + 2 * 3');
```

### Compiling to JavaScript

```javascript
import { compileOddoToJS } from '@oddo/lang';

const jsCode = compileOddoToJS(`
Counter = () => {
  @state count = 0
  @mutate increment = () => {
    count := count + 1
  }
  return <button onclick={increment}>
    Count: {count}
  </button>
}
`, { runtimeLibrary: '@oddo/ui' });
```

### Syntax Highlighting

```javascript
import { highlightOddo, getHighlightingCSS } from '@oddo/lang';

// Get CSS for highlighting
const css = getHighlightingCSS();

// Highlight code
const html = highlightOddo('@state count = 0');
```

## API

### `parseOddo(input: string): AST`
Parses Oddo source code and returns an Abstract Syntax Tree.

### `parseOddoExpression(input: string): ASTNode`
Parses a single Oddo expression.

### `compileOddoToJS(input: string, config?: CompileConfig): string`
Compiles Oddo source code to JavaScript.

### `highlightOddo(input: string): string`
Returns syntax-highlighted HTML for the given Oddo code.

### `getHighlightingCSS(): string`
Returns CSS styles for syntax highlighting.

## License

MIT
npm package: @oddo/ui
Description: Oddo UI Framework
Author: dbrdarski
Latest version: 0.0.44

# @oddo/ui

The runtime library for the Oddo language. This package provides the reactive primitives and DOM utilities that compiled Oddo code depends on.

## Installation

```bash
npm install @oddo/ui
```

## Overview

`@oddo/ui` is a companion package to `@oddo/lang`. When you write Oddo code and compile it, the generated JavaScript imports from this package.

**You write Oddo:**
```oddo
Counter = () => {
  @state count = 0
  @computed doubled = count * 2
  @mutate increment = () => {
    count := count + 1
  }

  return <button onclick={increment}>
    Count: {count}, Doubled: {doubled}
  </button>
}
```

**Which compiles to JavaScript using `@oddo/ui`:**
```javascript
import { state, computed, mutate, e } from "@oddo/ui";

const Counter = () => {
  const count = state(0);
  const doubled = computed(() => count() * 2);
  const increment = mutate(() => {
    count(count() + 1);
  });

  return e("button", { onclick: increment },
    "Count: ", count, ", Doubled: ", doubled
  );
};
```

## Direct Imports

Some utilities are meant to be imported directly in your Oddo code:

```oddo
import { mount } from "@oddo/ui"

App = () => {
  return <div>Hello Oddo!</div>
}

mount(document.body, <App />)
```

### Available Exports

| Export | Description |
|--------|-------------|
| `mount(container, element)` | Mount an Oddo component to the DOM |

## Used by the Compiler

These exports are used internally by compiled Oddo code:

| Oddo Syntax | Compiles To |
|-------------|-------------|
| `@state x = 0` | `state(0)` |
| `@computed y = x + 1` | `computed(() => x() + 1)` |
| `@effect () => console.log(x)` | `effect(() => console.log(x()))` |
| `@mutate inc = () => { x := x + 1 }` | `mutate(() => { x(x() + 1) })` |

## License

MIT
npm package: @odds-team/odds-notification
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
Latest version: 0.0.5

# OddsNotification

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.

## Code scaffolding

Run `ng generate component component-name --project odds-notification` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project odds-notification`.
> Note: Don't forget to add `--project odds-notification` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build odds-notification` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build odds-notification`, go to the dist folder `cd dist/odds-notification` and run `npm publish`.

## Running unit tests

Run `ng test odds-notification` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @oddsrabbit/toastry
Description: A beautiful, modern toast notification library for JavaScript.
Author: OddsRabbit
Latest version: 1.1.0

# Toastry

<img width="1390" height="392" alt="CleanShot 2026-02-12 at 18 33 02@2x" src="https://github.com/user-attachments/assets/87db051f-c50f-483f-a5bb-3023c50cafaa" />



A beautiful, modern toast notification library for JavaScript.

- **~5 KB** gzipped (CSS auto-injected)
- **Zero dependencies**
- Smooth stacking animations with hover-to-expand
- Swipe to dismiss
- Promise API for async operations
- 4 positions: `bottom-right`, `bottom-left`, `top-right`, `top-left`
- Fully customizable via CSS variables
- Works with ES modules, CommonJS, and `<script>` tags

**[View full docs & playground →](https://oddsrabbit.github.io/toastry/)**

![toastry-preview](https://github.com/user-attachments/assets/219a18be-23b1-492b-a9d3-06e922913b7e)

## Install

```bash
npm install @oddsrabbit/toastry
```

[View on npm →](https://www.npmjs.com/package/@oddsrabbit/toastry)

Or use a CDN:

```html
<script src="https://unpkg.com/@oddsrabbit/toastry@1/dist/toastry.js"></script>
```

## Quick Start

```js
import toast from '@oddsrabbit/toastry';

toast('Hello world');
```

No CSS import needed — styles are injected automatically.

See the [full docs](https://oddsrabbit.github.io/toastry/) for detailed examples, the interactive playground, and CSS customization.

## License

MIT
npm package: @oddvlad/our-ui
Description: UI components library
Author: Vlad Zyshchuk
Latest version: 1.0.5

# OurUI

OurUI - это открытая библиотека компонентов, предназначенная для создания пользовательского интерфейса веб-приложений. Наша библиотека предлагает набор многофункциональных компонентов, которые могут быть легко интегрированы в ваш проект, помогая вам ускорить разработку и обеспечить единообразный дизайн.

Вы можете посетить страницу [Storybook/our-ui](https://6602cce8503596ca661e35c8-gvypvskgwd.chromatic.com/) для просмотра UI и её документации.

## Компоненты

Пока что в OurUI доступно ограниченное количество компонентов, но мы продолжаем активно развивать и расширять наш набор. Вот список компонентов, которые в настоящее время доступны:

-   **Checkbox**: Компонент для создания пользовательских флажков.
-   **Button**: Компонент для создания кнопок с различными вариантами стилизации.
-   **Dialog**: Компонент для отображения модальных диалоговых окон.
-   **Popover**: Компонент для создания всплывающих окон, обычно используемых для отображения дополнительной информации или меню.
-   **Flex**: Компонент для создания гибких контейнеров с использованием Flexbox для управления расположением дочерних элементов.

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

Для использования компонентов OurUI в вашем проекте, просто установите библиотеку через npm или yarn и импортируйте необходимые компоненты в вашем коде. Например:

#### `npm install our-ui`

#### `yarn add our-ui`

```jsx
import { Checkbox, Button, Dialog, Popover, Flex } from 'ourui';

// Использование компонентов
const MyComponent = () => {
    const popoverButtonRef = useRef(null);
    const [isOpen, setOpen] = useState(false);
    const [isChecked, setChecked] = useState(true);
    const [isDialogOpen, setDialogOpen] = useState(false);

    const handleToggleDialog = (): void => {
        setDialogOpen((prev) => !prev);
    };

    const handleCloseDialog = (): void => {
        setDialogOpen(false);
    };

    const handleChange = () => {
        setChecked((prev) => !prev);
    };

    const handleTogglePopover = () => {
        setOpen((prev) => !prev);
    };

    const handleClosePopover = () => {
        setOpen(false);
    };

  return (
    <Flex direction='column' gap={20}>
        <Button 
            color="primary" 
            variant="outlined" 
            ref={popoverButtonRef} 
            onClick={handleTogglePopover}
        >
            Click me
        </Button>
        <Popover 
            anchorEl={popoverButtonRef} 
            isOpen={isOpen} 
            onClose={handleClosePopover}
        >
            Popover Content
        </Popover>

        <Button 
            variant="outlined" 
            color="primary" 
            onClick={handleToggleDialog}
        >
            Click me
        </Button>
        <Dialog 
            isOpen={isDialogOpen} 
            onClose={handleCloseDialog}
        >
            Dialog Content
        </Dialog>
        <label>
            <Checkbox checked={isChecked} onChange={handleChange}/>
            Checkbox label
        </label>
    </Flex>
  );
};
```
npm package: @oddworks-ca/components
Description: https://github.com/oddworks-ca/components https://www.npmjs.com/package/@oddworks-ca/components
Author: Oddworks
Latest version: 0.1.4

# Component Library

https://github.com/oddworks-ca/components
https://www.npmjs.com/package/@oddworks-ca/components

Running Storybook locally

```
yarn storybook
```

Building storybook for production

```
yarn build-storybook
```

To build component library and publish

1. Bump package version in package.json
2. Run `npm publish`