open-index/open-npm huggingface dataset:
npm package: @qqtryzxc/ui-component-library
Description: Библиотека UI компонентов на Vue 3 с Storybook
Author: qqtryzxc
Latest version: 1.0.1

Елизавета Аплеева
# UI Component Library

Библиотека UI компонентов на Vue 3 с Storybook.

## Компоненты

- **UiButton** - кнопка с вариантами primary и secondary
- **UiInput** - поле ввода текста
- **UiField** - поле с меткой и слотом для вложенных компонентов
- **UiSelect** - выпадающий список

## Установка

```bash
npm install ui-component-library
```

## Использование

```vue
<template>
  <UiField label="Email">
    <UiInput v-model="email" placeholder="email@example.com" />
  </UiField>
  
  <UiButton layout="primary" @click="handleSubmit">
    Отправить
  </UiButton>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { UiButton, UiInput, UiField } from 'ui-component-library'

const email = ref('')
</script>
```

## Разработка

### Запуск Storybook

```bash
npm install
npm run storybook
```

Storybook будет доступен по адресу http://localhost:6006

### Сборка библиотеки

```bash
npm run build:lib
```

## Публикация в npm

```bash
npm login
npm publish --access public
```

## Документация

Полная документация компонентов доступна в Storybook.
npm package: @qquik-identity/core
Description: A lightweight TypeScript SDK for QQuik Identity services that provides seamless identity management for your applications.
Author: trungbmt
Latest version: 0.5.4

# @qquik-identity/core

A lightweight TypeScript SDK for QQuik Identity services that provides seamless identity management for your applications.

## Installation

```bash
npm install @qquik-identity/core
# or
yarn add @qquik-identity/core
```

## Features

- Secure device identification
- Identity and UID retrieval
- Configurable API endpoints
- TypeScript support with full type definitions

## Usage

### Basic Setup

```typescript
import { QQuikIdentity } from '@qquik-identity/core';

// Initialize with your API key
const identity = new QQuikIdentity({
  apiKey: 'your-api-key'
});

// Get user identity
const getIdentity = async () => {
  const identity = await identity.getIdentity();
  console.log(identity);
};

// Get user UID
const getUid = async () => {
  const uid = await identity.getUid();
  console.log(uid);
};
```

### HTML Import (Browser)

You can also use the library directly in the browser via CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/@qquik-identity/core/dist/qquikidentity.umd.production.min.js"></script>
<script>
  // Create an instance with your API key
  const identity = new QQuikIdentity.default({ 
    apiKey: "your-api-key" 
  });
  
  // Get user UID
  identity.getUid()
    .then(uid => console.log("User UID:", uid))
    .catch(error => console.error("Error:", error));
    
  // Get full identity object
  identity.getIdentity()
    .then(identityObj => console.log("Identity:", identityObj))
    .catch(error => console.error("Error:", error));
</script>
```

### Advanced Configuration

```typescript
import { QQuikIdentity } from '@qquik-identity/core';

// Initialize with custom configuration
const identity = new QQuikIdentity({
  baseUrl: 'https://custom-api.example.com',
  apiKey: 'your-api-key',
  timeout: 5000 // Optional timeout in ms
});

// Get identity with custom configuration
const getIdentity = async () => {
  const identity = await identity.getIdentity();
  console.log(identity);
};
```

## API Reference

### QQuikIdentity

The main class for identity operations.

#### Constructor

```typescript
new QQuikIdentity(config?: IdentityConfig)
```

- `config`: Optional configuration object
  - `apiKey`: Your API key for authentication
  - `baseUrl`: Optional API base URL
  - `timeout`: Optional request timeout in milliseconds

#### Methods

- `getIdentity()`: Returns a Promise with the full identity object
- `getUid()`: Returns a Promise with the user's unique identifier

## Types

```typescript
interface IdentityObject {
  uid: string;
  // Additional identity properties
}
```

## Development

```bash
# Install dependencies
yarn install

# Start development mode
yarn start

# Build the package
yarn build

# Run tests
yarn test
```

## License

MIT
npm package: @qqyycom/deep-link
Description: Redirecting native iOS/Android App from your Website using app scheme.
Author: Kyrie Qu
Latest version: 1.1.1

## SORRY, THIS REPOSITORY IS DEPRECATED.

# deep-link.js

[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Build Status][travis-image]][travis-url]
[![Test Coverage][coveralls-image]][coveralls-url]

🌈 Redirecting native iOS/Android App from your Website using app scheme.

## Usage
### 1. Include deep-link.js on your site.

#### Using CDN
```
<script src="https://cdn.jsdelivr.net/npm/@iamdew/deep-link@latest/dist/deep-link.min.js"></script>
```

#### Using Bower
> bower install --save deep-link
```
<script src="./bower_components/deep-link/dist/deep-link.min.js"></script>
```

#### Using NPM
> npm install --save @iamdew/deep-link
```
import DeepLink from '@iamdew/deep-link';
```

### 2. Initialize deep-link.js related by your app infomation.
```javascript
var deepLink = new DeepLink({
  appStore: 'https://itunes.apple.com/kr/app/id123456789',
  playStore: 'https://play.google.com/store/apps/details?id=com.example.myApp',
});
```

#### 2-1. Register click event
```javascript
deepLink.register(document.getElementById('test'), {
  appScheme: 'myApp://example/51', // Required (Optional that if openOnlyStore is true)
  webUrl: 'http://www.naver.com', // Optional
  openOnlyStore: true, // Optional (Default: false)
  alsoUseWebUrlOnMobile: false, // Optional (Default: true)
  openStoreWhenNoInstalledTheApp: false, // Optional (Default: true)
});
```

#### 2-2. Manual Open the Application
```javascript
deepLink.openApp({
  appScheme: 'myApp://example/51', // Required
  webUrl: 'http://www.naver.com', // Optional
  alsoUseWebUrlOnMobile: false, // Optional (Default: true)
  openStoreWhenNoInstalledTheApp: false, // Optional (Default: true)
});
```

#### 2-3. Just Open the Store
```javascript
deepLink.openStore();
```

## Issues
Feel free to submit issues and enhancement requests.

## Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/flosdor/deep-link

 1. **Fork** the repo on GitHub
 2. **Clone** the project to your own machine
 3. **Commit** changes to your own branch
 4. **Push** your work back up to your fork
 5. Submit a **Pull request** so that we can review your changes

NOTE: Be sure to merge the latest from "upstream" before making a pull request!

## License

[MIT LICENSE](LICENSE)

[npm-image]: https://img.shields.io/npm/v/@iamdew/deep-link.svg
[npm-url]: https://npmjs.org/package/@iamdew/deep-link
[travis-image]: https://img.shields.io/travis/flosdor/deep-link/master.svg
[travis-url]: https://travis-ci.org/flosdor/deep-link
[coveralls-image]: https://coveralls.io/repos/github/flosdor/deep-link/badge.svg
[coveralls-url]: https://coveralls.io/github/flosdor/deep-link
[downloads-image]: https://img.shields.io/npm/dm/@iamdew/deep-link.svg
[downloads-url]: https://npmjs.org/package/@iamdew/deep-link
npm package: @qr-dep/iam-api
Description: ## Development
Author: zhaochy
Latest version: 1.6.80

# iam-api

## Development

### Swagger

get `Swag` for Go first

```
go get -u github.com/swaggo/swag/cmd/swag
```

Run the Swag at your Go project root path(for instance ~/root/go-peoject-name), Swag will parse comments and generate required files(docs folder and docs/doc.go) at ~/root/go-peoject-name/docs.

```
swag init
```

Run `swag fmt` to format all swagger documents
npm package: @qr-plus/cli
Description: CLI tool for generating QR codes from the terminal. Supports SVG, PNG, and terminal output.
Author: JRodrigoPuca
Latest version: 1.0.0

# @qr-plus/cli

[![npm](https://img.shields.io/npm/v/@qr-plus/cli)](https://www.npmjs.com/package/@qr-plus/cli)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)

CLI tool for generating QR codes from the terminal. Supports terminal, SVG, and PNG output.

Built on top of [`@qr-plus/core`](https://www.npmjs.com/package/@qr-plus/core).

## Installation

```bash
npm install -g @qr-plus/cli
```

Or use directly with `npx`:

```bash
npx @qr-plus/cli "Hello World"
```

## Usage

```bash
# Print QR code to terminal (default)
qr-plus "https://example.com"

# Save as SVG
qr-plus "Hello" -o hello.svg

# Save as PNG
qr-plus "Hello" -o hello.png

# Specify format explicitly
qr-plus "Hello" -f svg -o output.svg
```

## Options

| Option                | Description                             | Default    |
| --------------------- | --------------------------------------- | ---------- |
| `-o, --output <file>` | Output file path (format inferred)      | _(stdout)_ |
| `-f, --format <type>` | Output format: terminal, svg, png       | `terminal` |
| `-s, --size <preset>` | Size preset: small, medium, large       | `medium`   |
| `-e, --ecl <level>`   | Error correction: L, M, Q, H            | `M`        |
| `--dark-color <hex>`  | Dark module color                       | `#000000`  |
| `--light-color <hex>` | Light module color                      | `#ffffff`  |
| `--style <style>`     | Terminal style: unicode, compact, ascii | `unicode`  |
| `--invert`            | Invert colors (for dark terminals)      | `false`    |

## Size Presets

| Preset   | Scale | Margin | Example (21-module QR) |
| -------- | ----- | ------ | ---------------------- |
| `small`  | 4     | 2      | 100x100 px             |
| `medium` | 8     | 4      | 232x232 px             |
| `large`  | 12    | 6      | 396x396 px             |

## Examples

### Terminal Output

```bash
# Default unicode style
qr-plus "https://github.com"

# Compact style (half-height blocks)
qr-plus "https://github.com" --style compact

# Inverted for dark terminals
qr-plus "https://github.com" --invert
```

### SVG with Custom Colors

```bash
qr-plus "https://github.com" -o qr.svg --dark-color "#1a1a2e" --light-color "#e0e0e0"
```

### PNG with Size Control

```bash
# Small for thumbnails
qr-plus "https://github.com" -o qr.png -s small

# Large for print
qr-plus "https://github.com" -o qr.png -s large -e H
```

### Pipe SVG to stdout

```bash
qr-plus "Hello" -f svg > output.svg
```

## Format Detection

When using `-o`, the format is automatically detected from the file extension:

- `.svg` → SVG output
- `.png` → PNG output
- Other → use `-f` to specify format

Without `-o`, the default format is `terminal`.

## License

MIT
npm package: @qrac/darkbox-gallery
Description: Simple, minimal, responsive jQuery Pop-up Gallery!
Author: Qrac
Latest version: 1.0.0

# Darkbox jQuery Gallery

Simple, minimal, **responsive** jQuery Pop-up Gallery!

---
## Info:

Open your thumbnails into a responsive popup gallery!  
**[DEMO on jsFiddle.net](https://jsfiddle.net/RokoCB/qzugh8yy/)**

#### Getting started

jQuery library, `darkbox.js` and `darkbox.css` must be included in your project.

```html
<link href="darkbox.css" rel="stylesheet" type="text/css">
```

```html
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="darkbox.min.js"></script>
```
<sub>(Preferably place your `<script>`s right before he closing `</body>` tag.)</sub>

## Use exaple / samples:

### Basic example

**darkbox** can be called by any element, all it needs is a `data-darkbox` with a valid image URL

```html
<a data-darkbox="http://placehold.it/100x101/ff0">View image</a>
```

### Thumbnail calling darkbox
```html
<img src="http://placehold.it/50x50/f0f"
     data-darkbox="http://placehold.it/800x600/f0f"
     data-darkbox-description="<b>Title</b><br>Lorem ipsum dolor sit amet">
```
Tips: insert any text or HTML into `data-darkbox-description` to add a slide description.

### Groups

If you want to want to **group** a set of images use `data-darkbox-group="groupName"` like:

```html
<img
     src="http://placehold.it/50x50/0bf"      
     data-darkbox="http://placehold.it/800x600/0bf"
     data-darkbox-group="two"
     data-darkbox-description="<b>Title</b><br>Lorem ipsum dolor sit amet">
<img
     src="http://placehold.it/50x50/f0b"
     data-darkbox="http://placehold.it/800x600/f0b"
     data-darkbox-group="two"
     data-darkbox-description="<b>Image 2</b><br>Description text...">
```

Tips: Multiple thumbnails without a `data-darkbox-group` will open each separately.  
Darkbox as *Group* features PREV / NEXT buttons and a *Stat Counter*.

### Calling a group

If you don't need visible thumbnails but you want a single element to call a *Group*:
```html
<span data-darkbox-group="group2" data-darkbox="http://placehold.it/800x600/f00"></span>
<span data-darkbox-group="group2" data-darkbox="http://placehold.it/600x800/00f"></span>
<a data-darkbox-group="group2">Open group2</a>
```
npm package: @qrac/jquery-drilldown
Description: jQuery Drilldown ================
Author: Aleksandras Nelkinas
Latest version: 1.1.1

jQuery Drilldown
================

A simple jQuery plugin for creating *animated* drilldown menus.

*Since v1.0.0, project follows [Semantic Versioning](http://semver.org/).*


Features
--------

* [UMD](https://github.com/umdjs/umd) (AMD, Node/CommonJS) support
* Multiple menus on a single page
* Pretty flexible, doesn't enforce specific tags
* Lightweight: 2 KB when minified (even less after gzip)


Demo
----

View it [here](http://cinamonas.github.io/jquery-drilldown/demo.html).


Usage
-----

```js
var options = {};

$('.drilldown').drilldown(options);
```


Options
-----------------

Shown with their default values:

```javascript
{
  event: 'click', // * View note below
  selector: 'a',  // * View note below
  speed: 100,
  cssClass: {
    container: 'drilldown-container',
    root: 'drilldown-root',
    sub: 'drilldown-sub',
    back: 'drilldown-back'
  }
}
```

\* Note: `selector` and `event` will be used for binding drilldown-initiating action in this manner:

```js
$('.drilldown').on(event, selector, function () { /* ... */ });
```

API
---

- `$('.drilldown').drilldown('reset')` resets drilldown to its initial state
- `$('.drilldown').drilldown('destroy')` destroys plugin instance


CSS & HTML
----------

```css
.drilldown {
  overflow: hidden;
}
.drilldown-sub {
  display: none;
}
```

```html
<div class="drilldown"> <!-- required -->
  <div class="drilldown-container"> <!-- required -->
  
    <ul class="drilldown-root"> <!-- required, but not necessarily UL -->
      <li><a>A Lorem ipsum</a></li>
      <li>
        <a>A Dolor sit amet</a>
        <ul class="drilldown-sub"> <!-- required for deeper (non-root) levels -->
          <li class="drilldown-back"><a>Back</a></li> <!-- required to be able to go back -->
          <li><a>A Fusce eget</a></li>
          <li>
            <a>A Quam vel lorem</a>
            <ul class="drilldown-sub">
              <li class="drilldown-back"><a>Back</a></li>
              <li><a>A Molestie tincidunt</a></li>
              <li><a>A Pellentesque</a></li>
            </ul>
          </li>
          <li><a>A Sit amet tincidunt</a></li>
        </ul>
      </li>
      <li><a>A Consectetur</a></li>
      <li><a>A Maecenas id</a></li>
      <li>
        <a>A Hendrerit odio</a>
        <ul class="drilldown-sub">
          <li class="drilldown-back"><a>Back</a></li>
          <li><a>A Cras tincidunt</a></li>
          <li><a>A Vivamus eu</a></li>
        </ul>
      </li>
    </ul>
    
  </div>
</div>
```


License
-------

[MIT](http://opensource.org/licenses/mit-license.php)
npm package: @qrac/rehype-prism
Description: The unified plugin used to highlight code block in html with Prism
Author: Val-istar-Guo
Latest version: 1.1.2

# rehype-prism

[![version](https://img.shields.io/npm/v/rehype-prism.svg?style=flat-square)](https://www.npmjs.com/package/rehype-prism)
[![downloads](https://img.shields.io/npm/dm/rehype-prism.svg?style=flat-square)](https://www.npmjs.com/package/rehype-prism)
[![license](https://img.shields.io/npm/l/rehype-prism.svg?style=flat-square)](https://www.npmjs.com/package/rehype-prism)
[![dependencies](https://img.shields.io/david/Val-istar-Guo/rehype-prism.svg?style=flat-square)](https://www.npmjs.com/package/rehype-prism)
[![coveralls](https://img.shields.io/coveralls/github/Val-istar-Guo/rehype-prism.svg?style=flat-square)](https://coveralls.io/github/Val-istar-Guo/rehype-prism)



<!-- description -->
The unified plugin used to highlight code block in html with Prism.
<!-- description -->

## Usage

<!-- usage -->
This package is ESM only: Node 12+ is needed to use it and it must be imported instead of required.


```typescript
import { unified } from 'unified'
import rehyper from 'rehyper'
import remarkParse from 'remark-parse'
import remarkRehype from 'remark-rehype'
import rehypePrism from 'rehype-prism'
import rehypeStringify from 'rehype-stringify'

// you have to load css manual
import 'prismjs/themes/prism-coy.css'
import 'prismjs/plugins/line-numbers/prism-line-numbers.css'

// parse markdown to html
unified()
  .use(markdown)
  .use(remark2rehype)
  // it should be after rehype
  .use(rehypePrism, { plugins: ['line-numbers'] })
  .use(html)
  .parse(/* markstring string */)

// parse code block in html string
rehyper()
  .use(rehypePrism)
  .use(html)
  .parse(/* html string */)
```

## Server Side Render

`PrismJS` will auto highlight all code at `pre code` after browser `document` loaded.

**Disabled prism autoHighlight** before `import 'rehype-prism'`. there are two way to do this:

* set the `window.Prism = { manual: true }`
* use the attribute `data-manual` on the `<script>` element you used for prism.

  `<script src="prism.js" data-manual></script>`

> Some plugins will not work（e.g. `line-number`）. Because it's only work in browser.

## Load Plugins

The names to use can be found [here](https://github.com/PrismJS/prism/tree/master/plugins).

## Load More Languages

* Use [babel-plugin-prismjs](https://www.npmjs.com/package/babel-plugin-prismjs).(Recommend)
* Use `loadLanguages()` provided by `prismjs`.(don't use `loadLanguages()` with Webpack or another bundler)

## Load Themes

* If you use [babel-plugin-prismjs](https://www.npmjs.com/package/babel-plugin-prismjs).
  `import 'prismjs'` will auto load the theme setted in babel-plugin-prismjs config.
* Import theme css manual. e.g. `import 'prismjs/themes/prism-coy.css'`

<!-- usage -->

<!-- addition --><!-- addition -->


## Contributing & Development

If there is any doubt, it is very welcome to discuss the issue together.
Please read [Contributor Covenant Code of Conduct](.github/CODE_OF_CONDUCT.md) and [CONTRIBUTING](.github/CONTRIBUTING.md).
npm package: @qramana/qramana
Description: TypeScript library for quantum calculation
Author: Qramana Team
Latest version: 0.0.8

<p align="center">
<img src="https://raw.githubusercontent.com/qramana/qramana/master/img/qramana.png"/>
</p>

# qramana

 `qramana` is a TypeScript library for quantum calculation.

## Feature

 - Can handle qubit with only Qubit interface
 - No need to consider synthetic quantum systems
 - Can be implemented in JavaScript application (e.g. browser, Node.js)
 - Pick and choose background system that make sense for you

More detail, see [here](docs/feature.md).

## Quick start

### Install

To install current release via npm.

```bash
$ npm install @qramana/qramana
```

### Try your first qubit

Write your first qubit definition to typescript code in `qubit.ts`,

```ts
import * as q from '@qramana/qramana';

const qubit = new q.Qubit({value: "|0>"});
console.log(qubit.measure()); 
```

and run it.

```
$ tsc qubit.ts
$ node qubit.js
0
```

If you need more details, see [tutorial](docs/tutorial.md).

## Build qramana

If you want to build qramana to modify library code, clone and install dependencies.

```
$ git clone https://github.com/qramana/qramana.git
$ cd qramana
$ npm install
$ npm run build
```

Then you can run unit test.

```
$ npm run test
```

## LICENSE

MIT

## Acknowledgement

This software is supported by IPA Mitou Target Project 2018 (Category: quantum logic gate).
See the abstract [here](https://www.ipa.go.jp/jinzai/target/2018/koubo2_index.html) (written in Japanese).
npm package: @qramana/qramana-common-types
Description: Common Type definitions for @qramana/qramana
Author: Qramana Team
Latest version: 0.0.4

# qramana-common-types

Common Type definitions for [qramana](https://github.com/qramana/qramana) .

## How to build

```
npm install
npm run build
```

## Run test

```
npm run test
```

## Acknowledgement

This software is supported by IPA Mitou Target Project 2018 (Category: quantum logic gate).
See the abstract [here](https://www.ipa.go.jp/jinzai/target/2018/koubo2_index.html) (written in Japanese).