open-index/open-npm huggingface dataset:
npm package: @nozomtechs/daaem-pmo-mcp
Description: MCP server for Daaem PMO — connect Claude Code to your project management system
Author: Nozom Technologies
Latest version: 2.2.0

# Daaem PMO MCP Server

MCP server for Daaem PMO V2 — enables AI agents to interact with PMO data.

For setup instructions and documentation, contact the Nozom Technologies team.
npm package: @nozomuikuta/nuxt-content-rehype-assets
Description: This rehype plugin is a proof of concept which simply replaces `img` node with `app-image` component.
Author: Nozomu Ikuta
Latest version: 0.1.3

# Nuxt Content Rehype Assets Plugin

This rehype plugin is a proof of concept which simply replaces `img` node with `app-image` component.
npm package: @nozzlegear/honkit-plugin-sdh-syntax-highlighting
Description: Adds syntax highlighting to language code blocks used by The Shopify Development Handbook <https://nozzlegear.com/shopify-development-handbook>.
Latest version: 1.0.0

# honkit-plugin-sdh-syntax-highlighting

A custom Honkit plugin which adds syntax highlighting for the different language code blocks used in [The Shopify Development Handbook](https://nozzlegear.com/shopify-development-handbook)

| Language tag | Supported |
| -------- | --------- |
| cshtml (razor) | ✅ |
| ts (typescript) | ✅ |
| js (javascript) | ✅ |
| cs, csharp (C#) | ✅ |
| fs, fsharp (F#) | ✅ |
| diff, patch (git diff) | ✅ |
npm package: @nozzlegear/railway-react
Description: React components for working with @nozzlegear/railway's functional helpers.
Author: Joshua Harms
Latest version: 3.1.0

# @nozzlegear/railway-react

This is a collection of React components to complement the functional helpers found in [@nozzlegear/railway](https://github.com/nozzlegear/railway).

## Installation

```sh
yarn install @nozzlegear/railway @nozzlegear/railway-react
```

## Usage

### `Option`

**Aliases**: Option, OptionComponent, Maybe, MaybeComponent

The `Option` component is a simple way to render a React component when the value of an `Option` is Some:

```tsx
import { Option } from "@nozzlegear/railway";
import { OptionComponent } from "@nozzlegear/railway-react";

const myOption = Option.ofSome("Hello world");

<OptionComponent value={myOption}>
    {value => <div>Message is: {value}</div>}
</OptionComponent>
```

The component will only call the render function (and therefore will only render) if the value is Some. If the value is None, the function will not be called and an empty React fragment (`<></>`) will be returned instead.

### `If`

The `If` component only renders its children if the condition is true.

```tsx
import { If } from "@nozzlegear/railway-react";

const value = true;

<If condition={value}>
    <p>{"Only renders if value is true."}</p>
</If>
```

### `Unless`

The `Unless` component is the inverse of the `If` component; it will only render its children when the condition is false.

```tsx
import { Unless } from "@nozzlegear/railway-react";

const value = false;

<Unless condition={value}>
    <p>{"Only renders if value is false."}</p>
</Unless>
```
npm package: @nozzlegear/react-checkout
Description: Shopify-style checkout and tracking pages as React components.
Author: Joshua Harms
Latest version: 3.0.0-beta8

# react-checkout
Shopify-style checkout and tracking page as React components.

**This component is currently a work in progress. Please check back soon!**

![React Checkout](https://i.imgur.com/OCIQLJm.png)

---

### CSS

React Checkout currently requires that you load the following CSS manually:

1. FontAwesome CSS and font files included on the page.
2. The react-checkout.css file, located at `node_modules/@nozzlegear/react-checkout/dist/styles/react-checkout.css`
npm package: @nozzlegear/react-svg-progress
Description: An indefinite circular progress inspired by Google's progress indicator. Based off of https://github.com/nathanhoad/react-loading-animation.
Author: Joshua Harms
Latest version: 1.3.1

# @nozzlegear/react-svg-progress

An indefinite circular progress inspired by Google's progress indicator. Based off of https://github.com/nathanhoad/react-loading-animation.

![Screeshot of React SVG Progress](./assets/react-svg-progress.gif)

## Installation

With [Yarn](https://github.com/yarnpkg/yarn):

```shell
yarn install @nozzlegear/react-svg-progress
```

Or from [NPM](https://npmjs.com/package/@nozzlegear/react-svg-progress):

```shell
npm install @nozzlegear/react-svg-progress --save
```

## Importing

The component can be imported like so:

```js
import { CircularProgress } from "@nozzlegear/react-svg-progress";
import CircularProgress from "@nozzlegear/react-svg-progress";
```

## Example

```js
import CircularProgress from "@nozzlegear/react-svg-progress";

function MyComponent() {
    return (
        <div>
            <div>
                {`40px:`}
                <CircularProgress size={40} strokeWidth={7} />
            </div>
            <div>
                {`Green:`}
                <CircularProgress size={40} color={"green"} />
            </div>
            <div>
                {`In Button:`}
                <button className={`btn blue`} >
                    <CircularProgress size={15} margin={"0 5px 0 0"} color={`#ffffff`} />
                    {`Button Text`}
                </button>
            </div>
        </div>
    )
}
```

## Props

Note: react-svg-progress has full TypeScript definitions! You should automatically receive intellisense for all of the props documented below:

| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `color` | string | false | `'#00bcd4'` | The progress indicator's color. Must be a valid CSS color string. |
| `size` | number or string | false | `16` | A number or string designating the size of the SVG. If a string, the property must be a valid CSS height and width value. |
| `margin` | string | false | `undefined` | A valid CSS margin string. |
| `strokeWidth` | number | false | 5 | Stroke width of the progress indicator. |
npm package: @nozzleio/mosaic-tanstack-react-table
Description: React bindings for the Mosaic TanStack table adapter.
Latest version: 0.2.0

# `@nozzleio/mosaic-tanstack-react-table`

React-facing hooks and active-filter helpers for the Mosaic TanStack Table adapter.

Install this package alongside `@nozzleio/react-mosaic`. The table hooks consume the shared coordinator context from that package; the headless core package is pulled in as an implementation dependency and is not the main app-facing entrypoint.

## Install

```bash
npm install @nozzleio/mosaic-tanstack-react-table @nozzleio/react-mosaic @tanstack/react-table react react-dom
```

## Root exports

The package root is intentionally React-oriented:

- `useMosaicReactTable`
- `useGroupedTableState`
- `useMosaicTableFacetMenu`
- `useMosaicTableFilter`
- `useMosaicHistogram`
- `MosaicFilterProvider`
- `useFilterRegistry`
- `useActiveFilters`
- `useRegisterFilterSource`
- curated table-facing types such as `MosaicDataTableOptions`, grouped row types, and histogram/filter hook types

```tsx
import {
  MosaicFilterProvider,
  useMosaicReactTable,
  useMosaicTableFacetMenu,
  useMosaicTableFilter,
} from '@nozzleio/mosaic-tanstack-react-table';
import { useMosaicSelection } from '@nozzleio/react-mosaic';
```

## Published subpaths

Non-React helpers stay available from adapter-owned subpaths:

- `@nozzleio/mosaic-tanstack-react-table/helpers`
- `@nozzleio/mosaic-tanstack-react-table/controllers`
- `@nozzleio/mosaic-tanstack-react-table/debug`

```ts
import {
  createMosaicColumnHelper,
  createMosaicMapping,
} from '@nozzleio/mosaic-tanstack-react-table/helpers';
import { AggregationBridge } from '@nozzleio/mosaic-tanstack-react-table/controllers';
import { logger } from '@nozzleio/mosaic-tanstack-react-table/debug';
```

## Notes

- `useFilterRegistry()` returns the narrowed React-facing action API, not the raw core `MosaicFilterRegistry` instance.
- `useMosaicTableFilter()` supports the runtime filter modes `TEXT`, `MATCH`, `SELECT`, `DATE_RANGE`, and `RANGE`.
- `useMosaicTableFacetMenu()` exposes `toggle()`, `select()`, `clear()`, and `loadMore()`. Use `select()` for single-select facet UI and `clear()` to reset a facet.
- This package does not re-export the full core package from the root. If you need headless-only APIs, import them from `@nozzleio/mosaic-tanstack-table-core` or its explicit subpaths.
npm package: @nozzleio/mosaic-tanstack-table-core
Description: Framework-agnostic core APIs for the Mosaic TanStack table adapter.
Latest version: 0.2.0

# `@nozzleio/mosaic-tanstack-table-core`

Framework-agnostic headless APIs for Mosaic + TanStack Table integrations.

Use this package when you want the core table client, filter/facet clients, mapping helpers, or low-level extension points without the React wrappers. React apps will usually install `@nozzleio/mosaic-tanstack-react-table` instead and only reach for this package directly when they need headless or non-React integration work.

## Install

```bash
npm install @nozzleio/mosaic-tanstack-table-core
```

## Root exports

The package root is intentionally curated. Stable root exports include:

- `MosaicDataTable`
- `createMosaicDataTableClient`
- `MosaicFacetMenu`
- `MosaicFilter`
- `AggregationBridge`
- `HistogramController`
- `createMosaicMapping`
- `createMosaicColumnHelper`
- schema and validation helpers from `schema`
- public table, column, filter, and grouped-row types
- `logger`

```ts
import {
  createMosaicDataTableClient,
  createMosaicColumnHelper,
  createMosaicMapping,
  MosaicFilter,
  MosaicFacetMenu,
} from '@nozzleio/mosaic-tanstack-table-core';
```

## Published subpaths

Lower-level extension APIs live on explicit subpaths:

- `@nozzleio/mosaic-tanstack-table-core/filter-registry`
- `@nozzleio/mosaic-tanstack-table-core/grouped`
- `@nozzleio/mosaic-tanstack-table-core/facet-strategies`
- `@nozzleio/mosaic-tanstack-table-core/sidecar`

```ts
import { MosaicFilterRegistry } from '@nozzleio/mosaic-tanstack-table-core/filter-registry';
import { buildGroupedLevelQuery } from '@nozzleio/mosaic-tanstack-table-core/grouped';
import { HistogramStrategy } from '@nozzleio/mosaic-tanstack-table-core/facet-strategies';
import { createTypedSidecarClient } from '@nozzleio/mosaic-tanstack-table-core/sidecar';
```

## Notes

- `requestFacet(columnId, type)` on `MosaicDataTable` is limited to the built-in no-input facet keys. For input-driven strategies such as histograms, use the `sidecar` subpath instead.
- React active-filter UI helpers do not live here. Import `MosaicFilterProvider`, `useFilterRegistry`, `useActiveFilters`, and `useRegisterFilterSource` from `@nozzleio/mosaic-tanstack-react-table`.
- Undocumented internal helpers are not part of the public root API even if they existed in earlier workspace builds.
npm package: @nozzleio/react-mosaic
Description: React bindings for Mosaic coordinators and selections.
Latest version: 0.1.1

# `@nozzleio/react-mosaic`

React bindings for Mosaic coordinators, connector lifecycle, and selections.

This package owns the shared React context used by the Mosaic adapters. Use it to create or switch coordinators, create stable selections, observe selection values, and register selections for reset flows.

## Install

```bash
npm install @nozzleio/react-mosaic react
```

## What lives here

- `MosaicContext`, `useCoordinator`, `useOptionalCoordinator`
- `MosaicConnectorProvider`, `useConnectorStatus`, `useMosaicCoordinator`
- `useRequireMode`
- `useMosaicSelection`, `useMosaicSelections`, `useCascadingContexts`
- `useMosaicSelectionValue`, `useSelectionListener`
- `SelectionRegistryProvider`, `useSelectionRegistry`, `useRegisterSelections`
- `useMosaicClient`
- `HttpArrowConnector`

```tsx
import {
  MosaicConnectorProvider,
  useConnectorStatus,
  useMosaicSelection,
  useRequireMode,
} from '@nozzleio/react-mosaic';

function RemoteView() {
  const ready = useRequireMode('remote');
  const { status } = useConnectorStatus();
  const selection = useMosaicSelection();

  if (!ready || status !== 'connected') {
    return null;
  }

  return <button onClick={() => selection.reset()}>Reset selection</button>;
}

function App() {
  return (
    <MosaicConnectorProvider initialMode="wasm">
      <RemoteView />
    </MosaicConnectorProvider>
  );
}
```

## Notes

- `useRequireMode()` returns a boolean readiness signal. Components that query immediately should still guard on that result before using coordinator-dependent clients.
- `HttpArrowConnector` is exported from the package root for now even though it is not itself a React hook.
- Table-specific active-filter helpers do not live here. Import `MosaicFilterProvider`, `useFilterRegistry`, `useActiveFilters`, and `useRegisterFilterSource` from `@nozzleio/mosaic-tanstack-react-table`.