open-index/open-npm huggingface dataset:
npm package: @juratbek/editorjs-header
Description: Header Tool for Editor.js
Author: Juratbek
Latest version: 1.0.2

# Heading Tool For EditorJs

Provides Headings Blocks for the [Editor.js](https://editorjs.io).

## Installation

### Installation

# npm

```shell
npm i --save @juratbek/editorjs-header
```

# yarn

```shell
npm i --save @juratbek/editorjs-header
```

## Usage

Add the Code tool to the `tools` property of the Editor.js initial config.

```javascript
import EditorJs from "@editorjs/editorjs";
import Header from "@juratbek/editorjs-header";

const editor = EditorJs({
  // ...
  tools: {
    header: Header,
  },
});
```

## Shortcut

You can insert this Block by a useful shortcut. Set it up with the `tools[].shortcut` property of the Editor's initial config.

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: {
      class: Header,
      shortcut: 'CMD+SHIFT+H',
    },
  },

  ...
});
```

## Config Params

All properties are optional.

| Field        | Type       | Description                 |
| ------------ | ---------- | --------------------------- |
| placeholder  | `string`   | header's placeholder string |
| levels       | `number[]` | enabled heading levels      |
| defaultLevel | `number`   | default heading level       |

#

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    header: {
      class: Header,
      config: {
        placeholder: 'Enter a header',
        levels: [2, 3, 4],
        defaultLevel: 3
      }
    }
  }

  ...
});
```

You can select one of six levels for heading.

## Output data

| Field | Type     | Description                                      |
| ----- | -------- | ------------------------------------------------ |
| text  | `string` | header's text                                    |
| level | `number` | level of header: 1 for H1, 2 for H2 ... 6 for H6 |

#

```json
{
  "type": "header",
  "data": {
    "text": "Why Telegram is the best messenger",
    "level": 2
  }
}
```
npm package: @juratbek/editorjs-inline-code
Description: InlineCode Tool for Editor.js
Author: Juratbek
Latest version: 1.0.1

# InlineCode Tool

Inline Tool for marking code-fragments for the [Editor.js](https://ifmo.su/editor).

![](assets/example.gif)

## Installation

Get the package

```shell
npm i @juratbek/editorjs-inline-code
```

```shell
yarn add @juratbek/editorjs-inline-code
```

Include module at your application

```javascript
import InlineCode from "@juratbek/editorjs-inline-code";
```

Optionally, you can load this tool from CDN [JsDelivr CDN](https://cdn.jsdelivr.net/npm/@editorjs/inline-code@latest)

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    inlineCode: {
      class: InlineCode,
      shortcut: 'CMD+M',
    },
  },

  ...
});
```

## Config Params

This Tool has no config params

## Output data

Marked text will be wrapped with a `span` tag with an `inline-code` class.

```json
{
  "type": "text",
  "data": {
    "text": "Create a directory for your module, enter it and run <span class=\"inline-code\">npm init</span> command."
  }
}
```
npm package: @juratbek/editorjs-quote
Description: Quote Tool for Editor.js
Author: Jur'atbek
Latest version: 1.0.5

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Quote Tool

Provides Quote Blocks for the [Editor.js](https://editorjs.io).

![](https://capella.pics/017dca46-6869-40cb-93a0-994416576e33.jpg)

## Installation

Get the package

```shell
npm i @juratbek/editorjs-quote
```

```shell
yarn add @juratbek/editorjs-quote
```

Include module at your application

```javascript
import Quote from "@juratbek/editorjs-quote";
```

Optionally, you can load this tool from CDN [JsDelivr CDN](https://www.jsdelivr.com/package/npm/@juratbek/editorjs-quote).

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    quote: Quote,
  },

  ...
});
```

Or init Quote Tool with additional settings

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    quote: {
      class: Quote,
      inlineToolbar: true,
      shortcut: 'CMD+SHIFT+O',
      config: {
        quotePlaceholder: 'Enter a quote',
        captionPlaceholder: 'Quote\'s author',
      },
    },
  },

  ...
});
```

## Config Params

| Field              | Type     | Description                  |
| ------------------ | -------- | ---------------------------- |
| quotePlaceholder   | `string` | quote's placeholder string   |
| captionPlaceholder | `string` | caption's placeholder string |

## Tool's settings

![](https://capella.pics/0db5d4de-c431-4cc2-90bf-bb1f4feec5df.jpg)

You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

## Output data

| Field     | Type     | Description                 |
| --------- | -------- | --------------------------- |
| text      | `string` | quote's text                |
| caption   | `string` | caption or an author        |
| alignment | `string` | `left`, `right` or `center` |

```json
{
  "type": "quote",
  "data": {
    "text": "The unexamined life is not worth living.",
    "caption": "Socrates",
    "alignment": "left"
  }
}
```
npm package: @jurca/szn-options
Description: Accessible HTML selectbox options list with customizable UI. Based on web components and easy to integrate with various frameworks like React or Angular.
Author: Martin Jurča
Latest version: 0.0.10
Deprecated: The package has been re-integrated into the @jurca/szn-select package

# szn-options

Accessible HTML selectbox options list with customizable UI. Based on web
components and easy to integrate with various frameworks like React or Angular.

This component is not meant to be used stand-alone, it is a helper component
meant to be used in other `szn-` components.

---

This project has been re-integrated into the
[szn-select](https://github.com/jurca/szn-select) element. This repository is
no longer up-to-date.

---

## Usage

Markup (usually created dynamically via JS):

```html
<script src="szn-options.es3.js"></script>
<!-- ...or, depending on the targeted browsers: -->
<script src="szn-options.es6.js"></script>
…
<szn-options></szn-options>
…
<select>
  <option …>…</option>
  <optgroup label="…">
    …
  </optgroup>
  …
</select>
```

JavaScript to wire things up:

```javascript
var select = document.getElementsByTagName('select')
var sznOptions = document.getElementsByTagName('szn-options')
sznOptions.setOptions(select)
```
npm package: @jurca/szn-select-button
Description: UI button for the accessible HTML selectbox with customizable UI: szn-select.
Author: Martin Jurča
Latest version: 0.0.9
Deprecated: The package has been re-integrated into the @jurca/szn-select package

# szn-select-button

UI button for the accessible HTML selectbox with customizable UI: szn-select.

This element is not meant to be used on its own; it is meant to be used by the
`szn-select` custom element.

---

This project has been re-integrated into the
[szn-select](https://github.com/jurca/szn-select) element. This repository is
no longer up-to-date.

---

## Usage

Create an empty `szn-select-button` element, the element is configured
entirely by its JavaScript API.

```html
<szn-select-button></szn-select-button>
```

The element must be linked to the `select` element it is to represent:

```js
selectButton.setSelectElement(selectElement)
```

The element adjusts its appearance based on whether the single-select dropdown
is currently opened and whether it's a dropdown or a dropup. However, the
element cannot determine the state of the dropdown on its own, so it has to be
notified using the following JavaScript API:

```js
// notifies the button that the dropdown is visible
selectButton.setOpen(true)
// notifies the button that the dropdown is no longer visible
selectButton.setOpen(false)

// notifies the button that the dropdown is actually a dropup
selectButton.setOpeningPosition(selectButton.OPENING_POSITION.UP)
// notifies the button that the dropdown is, well, a dropdown
selectButton.setOpeningPosition(selectButtonbutton.OPENING_POSITION.DOWN)
```
npm package: @jurca/szn-select-ui
Description: UI for the accessible HTML selectbox with customizable UI - szn-select
Author: Martin Jurča
Latest version: 0.0.7
Deprecated: The package has been re-integrated into the @jurca/szn-select package

# szn-select-ui

UI for the accessible HTML selectbox with customizable UI: szn-select.

This element is not meant to be used on its own; it is meant to be used by the
`szn-select` custom element.

---

This project has been re-integrated into the
[szn-select](https://github.com/jurca/szn-select) element. This repository is
no longer up-to-date.

---

## Usage

Create an empty `szn-select-ui` element, the element is configured entirely by
its JavaScript API.

```html
<szn-select-ui></szn-select-ui>
```

The element must be linked to the `select` element it is to represent:

```js
selectUi.setSelectElement(selectElement)
```
npm package: @jurca/szn-tethered
Description: Helper element for visually attaching content to another element.
Author: Martin Jurča
Latest version: 1.0.0
Deprecated: The package has been moved and is now available as @seznam/szn-tethered

# szn-tethered

Helper element for visually attaching content to another element. 

## Usage

This element is not meant to be used on its own, it is mean to be helper
element used by other `szn-*` elements.

Example markup (usually constructed by JavaScript):

```html
<div id="tether">
    This is the element to which the content should be tethered.
</div>
<szn-tethered id="tethered">
  <div class="tethered-content" data-szn-tethered--content>
    Any content
  </div>
  <!--
  The szn-tethered element must have exactly one child element, which will
  hold the tethered content. The child element must have the
  data-szn-tethered--content attribute set.
  -->
</szn-tethered>
```

Accompanying CSS:

```css
.tethered-content {
    /*
       It is recommended to set the dimensions as this element is positioned
       absolutely, but this is not necessary.
    */
    width: 200px;
    height: 60px;
}
```

JavaScript to wire everything up:

```javascript
const tether = document.getElementById('tether')
const sznTethered = document.getElementById('tethered')
SznElements.awaitElementReady(sznTethered, () => {
  sznTethered.setTether(tether)
})
```
npm package: @jurei733/metadata-resolver
Description: Framework-agnostic metadata and vocabulary resolver for IQB metadata profiles
Author: IQB
Latest version: 0.1.2

# @iqb/metadata-resolver

TypeScript library for loading metadata profiles and vocabularies.

## Installation
```bash
npm install @iqb/metadata-resolver
```

## Quick Start
```typescript
import { MetadataResolver } from '@iqb/metadata-resolver';

const resolver = new MetadataResolver();
const data = await resolver.loadProfileWithVocabularies(
  'https://raw.githubusercontent.com/iqb-vocabs/p16/master/unit.json'
);

console.log(data.profile);
console.log(data.vocabularies);
```

## Documentation

See [GETTING_STARTED.md](./GETTING_STARTED.md) for detailed usage guide.

## Version

**0.1.0** - Testing phase

## Development

### Setup

```bash
npm install
```

### Quality Checks

We use **ESLint** and **Prettier** to ensure code quality.

```bash
# Run linting
npm run lint

# Run type check
npm run typecheck

# Run tests
npm run test

# Format code
npm run format
```

### Build

```bash
npm run build
```

## Release

To publish a new version to NPM:

1.  **Update Version**:
    ```bash
    npm version patch # or minor, major
    ```
    This updates `package.json` and creates a git tag.

2.  **Push Changes**:
    ```bash
    git push && git push --tags
    ```

3.  **Publish**:
    ```bash
    npm run release
    ```
    The `prepublishOnly` script will automatically run tests, linting, and build before publishing ensures only valid code is released.

### Configuration

-   **Registry**: Configured in `.npmrc` (default is npmjs.org).
-   **Access**: defaults to `public` in `package.json`.
-   **Tags**: pass flags to the release script:
    ```bash
    npm run release -- --tag beta
    ```

## License

MIT © IQB Berlin
npm package: @jurei733/ngx-coding-components
Description: Angular components for coding responses in assessments of IQB.
Author: IQB - Institut zur Qualitätsentwicklung im Bildungswesen
Latest version: 3.5.0

# @iqb/ngx-coding-components

Angular components for creating, validating, and testing coding schemes in educational assessments.

This library provides the UI for the **IQB Schemer**, a powerful tool to manage coding variables and rules based on the IQB data specifications.

## Key Components

- **`<iqb-schemer>`**: The main coding scheme editor.
- **`<scheme-checker>`**: A utility to test schemes against sample responses.
- **`<schemer-standalone-menu>`**: A development helper for loading/saving JSON files.

## Features

- Real-time validation of coding logic.
- Support for base and derived variables.
- Integrated rich-text editing for manual instructions.
- Standalone component architecture.
- Exportable as Web Components (Angular Elements).


# Dialog boxes

* dialog to show coding scheme
* dialog to show list of responses (before or after coding)
* dialog to show problems of coding scheme (after validation)
* simple message dialog
* simple confirm dialog
* simple input dialog

## Documentation

For full documentation, installation guides, and API examples, please refer to the [main repository README](https://github.com/iqb-berlin/coding-components#readme).

## License

MIT
npm package: @jurekbarth/lambda-edge-auth
Description: In order to test this package you need to setup a testing instance in AWS. Further on you need AWS Credentials, Cognito Pool ID, Region, Cloudfront Domain and Cognito Endpoint and ClientID
Latest version: 0.0.2

## Testing

In order to test this package you need to setup a testing instance in AWS. Further on you need AWS Credentials, Cognito Pool ID, Region, Cloudfront Domain and Cognito Endpoint and ClientID

You can copy paste these information aswell from your Terraform Instance.