open-index/open-npm huggingface dataset:
npm package: @scdh_muenster/ui-components
Description: UI Component Library for React applications
Author: Service Center for Digital Humanities
Latest version: 0.2.1

# SCDH UI Components

A modern, accessible UI component library for library contexts and web applications. Developed at the **Service Center for Digital Humanities (SCDH)** at the University of Münster.

With the integration of **Design Tokens** (compatible with Penpot) and **Tailwind CSS**, this library provides a highly flexible foundation for consistent user interfaces.

## 🚀 Why this library?

This suite was specifically developed for the requirements of digital humanities and library systems:

- **Library Focus**: Includes specialized components such as `FacetSearch`, `TreeView`, and `SearchBar`, optimized for exploring large amounts of data.
- **Modern Tech Stack**: Based on **React**, **TypeScript**, and **Tailwind CSS**.
- **Accessibility**: Uses proven patterns (including those based on Radix UI) to ensure inclusive interfaces.
- **Themability**: Full support for design system tokens. Colors, spacing, and typography can be controlled centrally.
- **Quality Assurance**: Extensive documentation and testing via **Storybook** and **Interaction Testing**.

## 📦 Component Overview

The library offers a mix of basic primitives and complex domain components:

### Basic Components

`Button`, `Badge`, `Checkbox`, `Input`, `Label`, `Radio Group`, `Accordion`, `Card`, `Separator`.

### SCDH Special Components

- **FacetSearch**: Powerful filter interfaces for search results.
- **TreeView**: Hierarchical representation of collections or classifications.
- **SearchBar**: Optimized search inputs for library portals.
- **PageView**: Standardized layouts for detail and list views.

## 🛠 Integration

### Installation

```bash
pnpm add @scdh/ui-components
```

### Configuration

To ensure styles are loaded correctly, the Tailwind presets from the package must be included:

```js
// tailwind.config.ts / .js
export default {
  content: [
    // ... your files
    './node_modules/@scdh/ui-components/dist/**/*.js',
  ],
  // ... further configuration
}
```

## 📖 Documentation

Full interactive documentation, including code examples, can be found in our **Storybook**.

👉 COMING SOON...

---

## 🤝 Contributing & Development

Want to contribute to the library? You can find all information about local setup, build scripts, and the design token workflow in [CONTRIBUTING.md](CONTRIBUTING.md).
npm package: @sceat/three-mcmodel
Description: Minecraft model loader for threejs
Author: Oran9eUtan
Latest version: 0.1.0

# three-mcmodel
[![License][]](https://opensource.org/licenses/MIT)
[![NPM Package][]](https://npmjs.org/package/@oran9e/three-mcmodel)

[License]: https://img.shields.io/badge/License-MIT-blue.svg
[NPM Package]: https://img.shields.io/npm/v/@oran9e/three-mcmodel.svg

Minecraft model loader for [threejs](https://threejs.org/)

## Install

``` shell
npm install @sceat/three-mcmodel
```

## Use

``` typescript
import { threeMcmodel } from '@oran9e/three-mcmodel'
```
npm package: @scedast/react-native-sim
Description: Read SIM card data from devices, like phone numbers and carrier names
Author: Allen Korenevsky
Latest version: 0.3.2

# react-native-sim
React Native plugin to get the device's SIM data (carrier name, mcc mnc, country code, phone number, etc)

## Usage
```es6
import Sim from '@scedast/react-native-sim';

// Includes all available SIM card information
Sim.getSimInfo();
Sim.getTelephoneNumber();
Sim.getCarrierName();
Sim.getCountryCode();
```

## Supported Platforms

- Android

## Usage

## Android setup

### Requirements

Install `Extras` / `Android Support Library` from Android SDK.

### Permissions

This plugin uses two different Android APIs to receive SIM data:
- `TelephonyManager` (since API level 1)
- `SubscriptionManager` (since API level 22)

Since Android 6 (API level 23) a few methods of `TelephonyManager` require permission `READ_PHONE_STATE`.

All methods of `SubscriptionManager` require permission `READ_PHONE_STATE`.

`SubscriptionManager` is able to access multiple SIM data. The return object of this cordova plugin provides the details of the available sim cards in an array (`cards`).

`<uses-permission android:name="android.permission.READ_PHONE_STATE"/>`
npm package: @scedel/codegen-typescript
Description: TypeScript code generator for Scedel schemas
Author: Scedel contributors
Latest version: 0.2.0

# @scedel/codegen-typescript

<img src="https://raw.githubusercontent.com/ScedelLang/grammar/5f1e7572f328d657c726a2fcaeaf53d9f6863d6a/logo.svg" width="250px" alt="logo" />

Generates TypeScript DTOs from Scedel `SchemaRepository`.

## RFC support

- [Target RFC: `0.14.2`](https://github.com/ScedelLang/grammar/blob/main/RFC-Scedel-0.14.2.md)

## API usage

```js
import { TypeScriptCodeGenerator, TypeScriptCodegenOptions } from '@scedel/codegen-typescript';

const generator = new TypeScriptCodeGenerator();
const result = generator.generate(repository, new TypeScriptCodegenOptions({
  outputDir: 'src/generated/scedel',
  defaultNamespace: 'App.Generated.Scedel'
}));
```

## CLI

```bash
node js/scedel-codegen-typescript/bin/generate-typescript.mjs \
  --output-dir src/generated/scedel \
  --namespace App.Generated.Scedel \
  /absolute/path/schema.scedel
```
npm package: @scedel/parser
Description: Scedel parser and lightweight AST for JS/TS
Author: Scedel contributors
Latest version: 0.2.0

# @scedel/parser

<img src="https://raw.githubusercontent.com/ScedelLang/grammar/5f1e7572f328d657c726a2fcaeaf53d9f6863d6a/logo.svg" width="250px" alt="logo" />

Pure JS Scedel parser for JS/TS projects.

## RFC support

- [Target RFC: `0.14.2`](https://github.com/ScedelLang/grammar/blob/main/RFC-Scedel-0.14.2.md)

## API

```js
import { ParserService } from '@scedel/parser';

const parser = new ParserService();
const ast = parser.parseString(source, 'inline.scedel');
```

## CLI

```bash
node js/scedel-parser/bin/parse-example.mjs
node js/scedel-parser/bin/parse-example.mjs /absolute/path/schema.scedel
```
npm package: @scedel/schema
Description: Typed schema repository builder for Scedel in JS/TS
Author: Scedel contributors
Latest version: 0.2.1

# @scedel/schema

<img src="https://raw.githubusercontent.com/ScedelLang/grammar/5f1e7572f328d657c726a2fcaeaf53d9f6863d6a/logo.svg" width="250px" alt="logo" />

Pure JS schema repository builder for Scedel.

## RFC support

- [Target RFC: `0.14.2`](https://github.com/ScedelLang/grammar/blob/main/RFC-Scedel-0.14.2.md)

## What it provides

- Recursive include loading (include-first DFS)
- Include cycle detection
- Typed schema repository for downstream tools

## Usage

```js
import { RepositoryBuilder } from '@scedel/schema';

const repository = new RepositoryBuilder().buildFromFile('/absolute/path/schema.scedel');
const type = repository.getType('Post');
const validator = repository.getValidator('String', 'noAds');
```

## CLI

```bash
node js/scedel-schema/bin/describe-schema.mjs /absolute/path/schema.scedel
node js/scedel-schema/bin/describe-schema.mjs --show-builtins /absolute/path/schema.scedel
```
npm package: @scedel/validator
Description: JSON validator for Scedel schema repositories (JS/TS)
Author: Scedel contributors
Latest version: 0.2.0

# @scedel/validator

<img src="https://raw.githubusercontent.com/ScedelLang/grammar/5f1e7572f328d657c726a2fcaeaf53d9f6863d6a/logo.svg" width="250px" alt="logo" />

Pure JS validator for Scedel `SchemaRepository`.

## RFC support

- [Target RFC: `0.14.2`](https://github.com/ScedelLang/grammar/blob/main/RFC-Scedel-0.14.2.md)

## API

```js
import { JsonValidator } from '@scedel/validator';

const validator = new JsonValidator();
const errors = validator.validate(json, repository, 'Root');
```

`validate()` returns `ValidationError[]` with `path`, `message`, `code`, `category`.

## CLI

```bash
node js/scedel-validator/bin/validate-json.mjs '<json>' /absolute/path/schema.scedel
node js/scedel-validator/bin/validate-json.mjs --type Post payload.json /absolute/path/schema.scedel
```