open-index/open-npm huggingface dataset:
npm package: @ogment-ai/cli
Description: Ogment CLI
Latest version: 0.11.0

# Ogment CLI

Agent-first CLI for discovering servers and running Codemode `search`/`execute` flows against Ogment-backed tools.

- Package: `@ogment-ai/cli`
- Binary: `ogment`
- Homepage: <https://ogment.ai/cli>

## Install

```bash
npm install -g @ogment-ai/cli
```

## Quick Start

```bash
# 1) Authenticate this CLI installation
ogment login

# 2) Discover servers
ogment catalog

# 3) Inspect tool definitions on one server
ogment search <server-id> --code 'return input'

# 4) Execute Codemode JavaScript
ogment execute <server-id> --code 'return input' --input '{}'
```

## Common Commands

```bash
ogment login
ogment logout
ogment logout --reset

ogment catalog

ogment search <server-id> --code 'return input'
ogment execute <server-id> --code 'return input' --input '{}'
ogment status
```

## Global Options

- `--api-key <key>` API key override
- `--debug` Include debug metadata and diagnostics in JSON output
- `--quiet` Emit minimal JSON output (`ok` + `data`/`error`)

## Environment Variables

- `NO_UPDATE_NOTIFIER` (optional: bypass the enforced CLI update gate for compatibility with common Node CLI tooling)
- `OGMENT_API_KEY` (optional API key fallback)
- `OGMENT_NO_UPDATE_CHECK` (optional: set to `1` to bypass the enforced CLI update gate)

## License

MIT
npm package: @ogmentive/client
Description: Helper for wiring Ogmentive og:image tags into client apps
Author: Ogmentive
Latest version: 0.2.0

# @ogmentive/client

Keep your `og:image` tag in sync with live pages using Ogmentive. Learn more at [ogmentive.com](https://ogmentive.com).

Drop the snippet into your production site and every page automatically gets a fresh, on-brand Open Graph image tuned for that URL—no more stale previews. Customers see the most relevant messaging when your links are shared, lifting conversion across social, chat, and email. You control the templates and styling directly in the Ogmentive dashboard, so the artwork always matches your latest campaign.

## Installation

```bash
npm install @ogmentive/client
```

## Usage

```ts
import { setup } from "@ogmentive/client";

setup();
```

The client automatically derives your site identifier by slugifying the current hostname (for example, `ogmentive.com` → `ogmentive-com`). It only runs when the page is served from a non-localhost domain you've configured in Ogmentive.

If you need to override the derived slug—say, to map a vanity domain to an existing project—you can pass it through the options object:

```ts
setup({ site: "ogmentive-com" });
```
npm package: @ogna/js
Description: A lightweight Ogna wrapper with API helper
Author: Your Name
Latest version: 0.0.4

# Ogna Javascript

A lightweight Typescript library for accesing Ognastack features. 

---

## Features

- Authentication management: Login, signup, logout
- Session persistence in `localStorage`
- Easy `GET`, `POST`, `PUT`, `DELETE` helpers that attach auth headers
- Storage featires to upload and download files


---

## Installation

```bash
npm install @ogna/js
```

---

## Quick Start (React)

### 1. Set up the `AuthProvider`

Wrap your app in the `AuthProvider`, passing the ognastack base URL

```tsx
// AuthProvider.tsx
import React, { createContext, useContext, useMemo } from "react";
import { OgnaClient } from '@ogna/js';

// context holds the client
const OgnaContext = createContext<OgnaClient | undefined>(undefined);

export const useAuth = (): OgnaClient => {
  const ctx = useContext(OgnaContext);
  if (!ctx) {
    throw new Error("OgnaContext must be used within an AuthProvider");
  }
  return ctx;
};

export const OgnaAppContainer = ({ children, baseUrl }: OgnaAppProps) => {
  const auth = useMemo(() => new OgnaClient(baseUrl), [baseUrl]);
  return (
    <OgnaContext.Provider value={auth}>
      {children}
    </OgnaContext.Provider>
  );
};


```

---

### 2. Use `useAuth` anywhere

```tsx
// Todos.tsx
import React, { useState } from "react";
import { useAuth } from "@your-scope/gotrue-wrapper/react";

export default function Todos() {
  const { client } = useAuth();
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [todos, setTodos] = useState<any[]>([]);
  const [error, setError] = useState<string | null>(null);

  const handleLogin = async () => {
    try {
      await client.auth.login(email, password);
    } catch (err: any) {
      setError(err.message);
    }
  };

  const loadTodos = async () => {
    const { data, error } = await client.auth.get<any[]>("/todos");
    if (error) setError(error.message);
    if (data) setTodos(data);
  };

  if (!client.auth.getUser()) {
    return (
      <div>
        <h2>Login</h2>
        <input
          value={email}
          onChange={(e) => setEmail(e.target.value)}
          placeholder="email"
        />
        <input
          type="password"
          value={password}
          onChange={(e) => setPassword(e.target.value)}
          placeholder="password"
        />
        <button onClick={handleLogin}>Login</button>
        {error && <p style={{ color: "red" }}>{error}</p>}
      </div>
    );
  }

  return (
    <div>
      <h2>Welcome {client.auth.getUser()?.email}</h2>
      <button onClick={() => auth.logout()}>Logout</button>
      <button onClick={loadTodos}>Load Todos</button>
      <ul>
        {todos.map((t) => (
          <li key={t.id}>{t.title}</li>
        ))}
      </ul>
    </div>
  );
}
```
---

## Development

```bash
# Build
npm run build

# Run example React app (if you add one in /example)
cd example && npm install && npm start
```

---

## License

MIT
npm package: @ognjenvladisavljevic/wdio-slack-reporter
Description: Reporter from WebdriverIO using Web API to send results to Slack.
Author: ognjen Vlad
Latest version: 1.0.74

# @ognjenvladisavljevic/wdio-slack-reporter

Reporter from [WebdriverIO](https://webdriver.io/) using [Web API](https://api.slack.com/web) to send results to [Slack](https://slack.com/).<br />
This project is Compatible with [WebdriverIO](https://webdriver.io/) version 6.x and above.

## Slack notification screenshot

<img src="https://raw.githubusercontent.com/morooLee/wdio-slack-reporter/master/docs/Notification.png" width="80%" height="80%" title="Notification Image" alt="Notification"></img>

## WebdriverIO 4.x or lower Compatibility

> This package only supports up to WebdriverIO 6.x. <br />
> If you are using 4.x or lower, use to [wdio-slack-reporter](https://github.com/kmnaid/wdio-slack-reporter).

## Installation

The easiest way is to keep `@ognjenvladisavljevic/wdio-slack-reporter` as a devDependency in your `package.json`.

```json
{
  "devDependencies": {
    "@ognjenvladisavljevic/wdio-slack-reporter": "1.0.2"
  }
}
```

You can simple do it by:

- NPM

```bash
npm install @ognjenvladisavljevic/wdio-slack-reporter --save-dev
```

- Yarn

```bash
yarn add -D @ognjenvladisavljevic/wdio-slack-reporter
```

Instructions on how to install `WebdriverIO` can be found [here](https://webdriver.io/docs/gettingstarted.html).

## Configuration

At the top of the wdio.conf.js-file, add:

### ES6

```js
// wdio.conf.js
import SlackReporter from '@ognjenvladisavljevic/wdio-slack-reporter';
```

In order to use the reporter you need to add slack to your reporters array in wdio.conf.js

```js
// wdio.conf.js
export.config = {
  reporters: [
    [
      SlackReporter,
      {
        slackOptions: {
          type: 'web-api',
          channel: process.env.SLACK_CHANNEL || 'Cxxxxxxxxxx',
          slackBotToken: process.env.SLACK_BOT_TOKEN || 'xoxb-xxxxxxxxxx-xxxxxx...',
        },
      }
    ],
  ],
};
npm package: @ogonek-education/ogonek-m3
Description: Svelte components and utilities inspired by Material Design 3.
Latest version: 0.2.0

# ogonek-m3

Svelte components and utilities inspired by Material Design 3.

> This project borrows heavily from [m3-svelte.](https://github.com/KTibow/m3-svelte)

## Install

```bash
npm i @ogonek-education/ogonek-m3
```

## Material Symbols

Use the provider component once near the root of your app to load the baseline icons,
and extend it with any extra icons you need.

```svelte
<script lang="ts">
	import { MaterialSymbolsProvider } from 'ogonek-m3';
</script>

<MaterialSymbolsProvider extraIcons={['search', 'add']} />
```

## Theme CSS (Material Theme Builder)

[Material Theme Builder](https://material-foundation.github.io/material-theme-builder/) exports a CSS file with a theme selector (e.g. `.light { ... }`).

Convert:

- Variables from `--md-` to `--color-md-`
- Wrap the output in `@layer base` and `[data-theme="..."]`

You can then import the resulting .css into your app.css. Add the data-theme attribute to the app.html file to use the newly-created theme. Otherwise the package will resolve to default Google colours.

## Components

Almost all components have been implemented. Refer to this list to see how to use them. The semantics and props have been kept same. You can literally type in class="text-md-sys-color-on-error-container" and that will 1:1 corresond to what Google writes. [Material Design Components. ](https://m3.material.io/components)

### Typography

> [Typography – Material Design 3](https://m3.material.io/styles/typography/applying-type)

- [x] Body
- [x] Title
- [x] Headline
- [x] Display

### Navigation

- [x] Navigation
  - [x] Bar
  - [x] Rail
- [x] Tabs
- [x] Menu
- [x] App Bar – the former navbar. needs attention

### State

- [x] Progress
- [x] Loading
- [x] Dialog

### Information

- [ ] Carousel
- [x] Tooltips
  - [x] rich
  - [x] plain
- [x] List
- [x] Snackbar
- [x] Badge

### Input

- [ ] Chips
- [ ] Slider
- [ ] Switch
- [ ] Radio
- [x] Checkbox
- [x] Time Picker
- [x] Date Picker
- [x] Search
- [x] Textfield

### Buttons

- [ ] Split Button
- [x] Segmented Button
- [x] Button Group
- [x] Icon Button
- [x] FAB Menu
- [x] Button
- [x] FAB Extended
- [x] FAB

### Layout

- [ ] Sheet Bottom
- [ ] Sheet Side
- [x] Toolbars
- [x] Tabs
- [x] Divider
- [x] Card
npm package: @ogorlab/ogor-native-components
Description: test
Author: haginus
Latest version: 0.15.0

# ogor-native-components

Components for react native OGOR apps.

## Installation

```sh
npm install @ogorlab/ogor-native-components react-native-reanimated react-native-gesture-handler react-native-safe-area-context
```

## Usage
Before using this library, you will need to import the `material` and `Montserrat` fonts. The is an example of how to do so in the example app, [here](example/src/useOgorResources.ts).


```js
import { Button } from '@ogorlab/ogor-native-components';

function App() {
  return <Button title="Hello" />;
}
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT