open-index/open-npm huggingface dataset:
npm package: @ofgdev/ui-components
Description: A React component library with separate CSS loading for better compatibility with sandboxed environments like HubSpot modules.
Latest version: 1.3.5

# OWM UI Components

A React component library with separate CSS loading for better compatibility with sandboxed environments like HubSpot modules.

## Installation

```bash
npm install owm-ui-components
```

## Usage

### 1. Import Components

```tsx
import { Button, Card, TextInput } from "@ofgdev/ui-components";
```

### 2. Import CSS

You have several options for loading the CSS:

#### Option A: Import CSS using the css export (Recommended for React apps)

```tsx
// In your main App.tsx or index.tsx
import "@ofgdev/css";
```

#### Option B: Import CSS directly from the dist folder (Recommended for HubSpot modules)

```tsx
// Import the CSS file directly
import "@ofgdev/dist/ui-components.css";
```

### 3. Use Components

```tsx
import React from "react";
import { Button } from "@ofgdev/ui-components";

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <Button variant="secondary" size="small">
        Small Button
      </Button>
    </div>
  );
}
```

## HubSpot Modules

For HubSpot React modules, use Option B above to import the CSS directly. This ensures the styles are properly loaded in the sandboxed environment.

```tsx
// In your HubSpot module
import React from "react";
import { Button } from "@ofgdev/ui-components";
import "@ofgdev/dist/ui-components.css";

export default function MyHubSpotModule() {
  return (
    <div>
      <Button variant="primary">HubSpot Button</Button>
    </div>
  );
}
```

## Available Components

- `Button` - Various button variants and sizes
- `Card` - Container component
- `TextInput` - Form input component
- `ProgressBar` - Progress indicator
- `Stepper` - Step-by-step navigation
- `TagCheckBox` - Checkbox with tag styling
- `TagCheckBoxGroup` - Group of tag checkboxes

## CSS Variables

The library uses CSS custom properties for theming. Make sure your app has the `ds-theme` class or the CSS variables are available in your global scope.

```css
.ds-theme {
  --color-primary: #2c3b4e;
  --color-secondary: #5e8081;
  /* ... other variables */
}
```

## Troubleshooting

If you're experiencing issues with styles not loading in HubSpot modules:

1. Make sure you're importing the CSS file directly: `import '@ofgdev/dist/ui-components.css'`
2. Ensure the CSS variables are available in your global scope
3. Check that the `ds-theme` class is applied to your container element
npm package: @ofhouse/keep-a-changelog
Description: Keep-a-changelog plugin for release-it
Author: Lars Kappert
Latest version: 2.3.0-no-increment-fix

# Keep-a-changelog plugin for release-it

This [release-it plugin](https://github.com/release-it/release-it/blob/master/docs/plugins.md) maintains your
CHANGELOG.md file according to the [Keep A Changelog](https://keepachangelog.com/) standards.

The idea and initial implementation comes [from @eMarek](https://github.com/release-it/release-it/issues/662).

```
npm install --save-dev @release-it/keep-a-changelog
```

In [release-it](https://github.com/release-it/release-it) config:

```json
"plugins": {
  "@release-it/keep-a-changelog": {
    "filename": "CHANGELOG.md"
  }
}
```

## Options

| option         | default value  | description                                                                                                                                      |
| -------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| filename       | `'CHANGELOG.md'` | File with changelogs.                                                                                                                            |
| strictLatest   | `true`         | Entry of latest version must be present in order to get correct changelog. Set this option to `false` if you expect latest version without logs. |
| addUnreleased  | `false`        | It leaves "Unreleased" title row if set to `true`.                                                                                               |
| keepUnreleased | `false`        | It leaves "Unreleased" title row unchanged if set to `true`.                                                                                     |
| addVersionUrl  | `false`        | Links the version to the according changeset.                                                                                                    |
| head  | `'HEAD'`        | The git revision the new version tag is compared to in the Unreleased URL.                                                                               |
npm package: @ofi/ledger-cli
Description: CLI tools to download OFi / Open Collective transactions and convert them to hledger journals
Latest version: 1.0.1

# @ofi/ledger-cli

CLI tools to download [OFi / Open Collective](https://opencollective.com/) transactions and convert them to [hledger](https://hledger.org/) journals for double-entry accounting.

## Tools

| Command                                                | Description                                            |
| ------------------------------------------------------ | ------------------------------------------------------ |
| [`ofi-hledger`](docs/ofi-hledger.md)                   | All-in-one: download, convert, and query journals      |
| [`ofi-csv-download`](docs/ofi-csv-download.md)         | Download transaction CSVs from the Open Collective API |
| [`ofi-hledger-convert`](docs/ofi-hledger-convert.md)   | Convert CSVs to hledger journal files                  |
| [`ofi-balance-download`](docs/ofi-balance-download.md) | Download opening balances from the API                 |
| [`ofi-ledger-cli-init`](docs/ofi-ledger-cli-init.md)   | Initialize an account directory                        |

Configuration: [`ofi-ledger.config.js`](docs/ofi-ledger-config.md) | Rules: [`rules`](docs/rules.md)

## Prerequisites

- Node.js 24+
- [hledger](https://hledger.org/) (`brew install hledger`)
- (Optional) A `PERSONAL_TOKEN` from https://opencollective.com/applications for private data

```bash
npm install -g @ofi/ledger-cli
```

## Quick start

```bash
# Recent data only (recommended for first use)
ofi-hledger eslint --auto --from 2024-01-01 bs

# All history (downloads from oldest transaction)
ofi-hledger eslint --auto bs
```

This initializes the account directory, downloads transactions and opening balances, converts to a journal, then queries the balance sheet. Without `--from`, it downloads from the oldest transaction date (set by init in config).

## Step by step

Each account lives in its own directory with an `ofi-ledger.config.js`:

```
eslint/
  ofi-ledger.config.js
  rules-eslint.js          # optional custom rules
  eslint-opening-balances.csv
  2025/
  2026/
  eslint-transactions.journal
```

### 1. Download transactions

```bash
ofi-csv-download eslint
```

### 2. Convert to journal

```bash
ofi-hledger-convert eslint
```

### 3. Query

```bash
ofi-hledger eslint bs    # Balance sheet
ofi-hledger eslint is    # Income statement
```

### Batch processing

```bash
ofi-hledger-convert ofico ofitech opensource raft phpfoundation
```

## Development

```bash
npm run lint          # ESLint
npm run lint:fix      # ESLint auto-fix
npm run prettier:check
npm run prettier:write
npm run graphql:update  # Fetch latest GraphQL schema
```

## License

MIT