open-index/open-npm huggingface dataset:
npm package: @imarcom/vue-loader
Description: Display a loader for Vue.js v2.
Latest version: 0.0.5

# Vue Loader #

## Installation ##

```bash
npm install --save  "@imarcom/vue-loader"
```

or 

```bash
yarn add "@imarcom/vue-loader"
```

## Usage ##
ES6
```js
import { VueLoader } from '@imarcom/vue-loader';

new Vue({
    components: {
        VueLoader
    }
});
```

## Props ##
- ***size*** Size of the loader
   - medium (default)
   - small
- ***type*** Type of loader
   - circle (default)
   - cubes
   - bounces
- ***theme*** Theme of the loader
   - gray (default)   
   - light
   - dark
npm package: @imario42/moment-adapter
Description: Angular Material Moment Adapter
Author: HO Hong Quan
Latest version: 19.0.2

# NgxMatMomentAdapter

## Description

Moment Adapter for [@imario42/datetime-picker](https://www.npmjs.com/package/@imario42/datetime-picker)

## Getting started

```
npm install --save  @imario42/moment-adapter
```

## Setup

```
import { NgxMatMomentModule } from '@imario42/moment-adapter';
@NgModule({
   ...
   imports: [
      NgxMatMomentModule,
      NgxMatDatetimePickerModule,
   ],
   ...
})
export class AppModule { }
```

## License

MIT
npm package: @imarios/skilltree-cli-darwin-arm64
Description: skilltree binary for macOS Apple Silicon
Latest version: 0.14.0

# @imarios/skilltree-cli-darwin-arm64

Platform-specific binary for [skilltree](https://github.com/imarios/skilltree) on macOS Apple Silicon.

This package is installed automatically by the `skilltree` package. You should not install it directly.
npm package: @imarios/skilltree-cli-darwin-x64
Description: skilltree binary for macOS Intel
Latest version: 0.14.0

# @imarios/skilltree-cli-darwin-x64

Platform-specific binary for [skilltree](https://github.com/imarios/skilltree) on macOS Intel.

This package is installed automatically by the `skilltree` package. You should not install it directly.
npm package: @imarios/skilltree-cli-linux-arm64
Description: skilltree binary for Linux ARM64
Latest version: 0.14.0

# @imarios/skilltree-cli-linux-arm64

Platform-specific binary for [skilltree](https://github.com/imarios/skilltree) on Linux ARM64.

This package is installed automatically by the `skilltree` package. You should not install it directly.
npm package: @imarios/skilltree-cli-linux-x64
Description: skilltree binary for Linux x64
Latest version: 0.14.0

# @imarios/skilltree-cli-linux-x64

Platform-specific binary for [skilltree](https://github.com/imarios/skilltree) on Linux x64.

This package is installed automatically by the `skilltree` package. You should not install it directly.
npm package: @imarkjs/remark-codes
Description: an extension of `unifiedjs` to enable code syntax, with a new feature `props`.
Author: weizuxiao
Latest version: 1.0.0

# @imarkjs/remark-code

## Introduction

an extension for `unified` to enable code syntax, support that parse `AST` from `markdown` and compile `AST` into `markdown`.

## Features

1. Compatible with standard code syntax.
    <br/>
    \`\`\`lang metadata <br/>
    code <br/>
    \`\`\`<br/>

2. Expending a new feature `props`.
    <br/>
    \`\`\`lang metadata <br/>
    code <br/>
    \`\`\`{{props}} <br/>

## Using

### Install

```bash
npm i unified remark-parse remark-stringify @imarkjs/remark-code -S
```

### Example

```javascript

import {unified} from 'unified'
import remarkParse from 'remark-parse'
import remarkStringify from 'remark-stringify'
import remarkCode from '@imarkjs/remark-code'

const str = `
# Example
\`\`\`lang meta
let s = 'hi'
console.log(s)
\`\`\`{{properties}}
`

const processor1 = unified()
    .use(remarkParse)
    .use(remarkCode)
const ast = processor1.parse(str)
console.log('ast ->', ast)

const processor2 = unified()
    .use(remarkParse)
    .use(remarkCode)
    .use(remarkStringify)
const md = processor2.stringify(ast)
console.log('markdown ->', md)

```

run it, you will get result as following:

```bash
ast -> {
  type: 'root',
  children: [
    {
      type: 'heading',
      depth: 1,
      children: [Array],
      position: [Object]
    },
    {
      type: 'code',
      lang: 'lang',
      meta: 'meta',
      props: 'properties',
      value: "\nlet s = 'hi'\nconsole.log(s)\n",
      position: [Object]
    }
  ],
  position: {
    start: { line: 1, column: 1, offset: 0 },
    end: { line: 6, column: 1, offset: 69 }
  }
}

# note: use ''' to beautify \`\`\`. 

markdown -> # Example

'''lang meta
let s = 'hi'
console.log(s)
'''{{properties}}
```

## How does it works ?

![How does it works?](./readme.png)
npm package: @imarunpatel/ui-components
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.3

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```
npm package: @imasanari/fiberworks
Description: Web Worker上で仮想DOMを動かすUIライブラリ
Author: iMasanari
Latest version: 0.2.1

# Fiberworks

Web Worker上で仮想DOMを動かすUIライブラリ


# Usage

```js
// main.js
import { createApp } from '@imasanari/fiberworks/client'

const app = createApp(new Worker('./worker.js'), document.getElementById('app'))

app.render()
```

```jsx
// worker.js
/** @jsxImportSource @imasanari/fiberworks */
import { registerApp } from '@imasanari/fiberworks'

const App = () => {
  return <div>Hello World!</div>
}

registerApp(<App />)
```
npm package: @imask/svelte
Description: Svelte input mask
Author: Alexey Kryazhev
Latest version: 7.6.1

# Svelte IMask Plugin
@imask/svelte

[![npm version](https://badge.fury.io/js/%40imask%2Fsvelte.svg)](https://badge.fury.io/js/%40imask%2Fsvelte)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

<a href="https://opencollective.com/imask/donate" target="_blank">
  <img src="https://opencollective.com/imask/donate/button.png?color=blue" width=300 />
</a>

## Install
`npm install @imask/svelte`

## Mask Action Example
```html
<input
  {value}
  use:imask={options}
  on:accept={accept}
  on:complete={complete}
>

<script>
  import { imask } from '@imask/svelte';

  const options = {
    mask: '{8}000000',
    lazy: false
  };

  let value = '';

  function accept({ detail: maskRef }) {
    console.log('accept', maskRef.value);
    value = maskRef.value;
  }

  function complete({ detail: maskRef }) {
    console.log('complete', maskRef.unmaskedValue);
  }
</script>
```
More options see in a [guide](https://imask.js.org/guide.html).

## Input Mask Component
Currently plugin does not have component for input with 2-way binding support because it is not possible to pass all event listeners to child ([issue](https://github.com/sveltejs/svelte/issues/2837)).

Workaround is here:
https://svelte.dev/repl/b590cddb69f4452b8f7704bd1e721e76?version=3.16.7
npm package: @imatic/pgqb
Description: Functional PostgreSQL query builder
Latest version: 0.1.31

[![Build Status](https://secure.travis-ci.org/imatic/pgqb.png?branch=master)](http://travis-ci.org/imatic/pgqb)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)

# pgqb

This library allows you to create dynamic sql queries.

In case of simple queries, you could just use [template literals][template_literals]:
```javascript
const sql = `
SELECT *
FROM "table"
`
```

In case you have lots of parameters, you could use [sql-template-strings][sql_template_strings]:
```javascript
import {SQL} from 'sql-template-strings';

const sqlStatement = `
INSERT INTO "table"
    ("col1", "col2")
VALUES
    (${val1}, ${val2})
`;
```

But what if you want to create queries dynamically? Splitting queries into several string parts, modifying several parts separately and then concatenating them togheter? There is better way - building queries as javascript data structures, which can be then easilly manipulated, merged, ...

Let's see previous query built using this library:
```javascript
import * as qb from '@imatic/pgqb';

const sqlMap = qb.merge(
    qb.insertInto('table'),
    qb.columns(['col1', 'col2']),
    qb.values([
        [
            qb.val.inlineParam(val1),
            qb.val.inlineParam(val2),
        ]
    ])
);

const sqlStatement = qb.toSql(sqlMap);
```

Query above automatically escapes identifiers (tables, colums). For now, building the query using this library seems more verbose than using just [sql-template-strings][sql_template_strings]. Imagine you would want to modify the query though. If you wanted to add additional column, you could do it like so:
```javascript
import * as qb from '@imatic/pgqb';

const sqlMap = qb.merge(
    qb.insertInto('table'),
    qb.columns(['col1', 'col2']),
    qb.values([
        [
            qb.val.inlineParam(val1),
            qb.val.inlineParam(val2),
        ]
    ])
);

const additionalColumn = qb.merge(
    qb.columns(['col3']),
    qb.values([
        [
            qb.val.inlineParam(val3),
        ]
    ])
)

const sqlStatement = qb.toSql(qb.append(sqlMap, additionalColumn));
```

Your query now inserts 3 columns instead of original 2. You can append other clauses (like `where`) too.

## Inspiraton

This library was inspired by [honeysql][honeysql].

[template_literals]: https://developer.mozilla.org/cs/docs/Web/JavaScript/Reference/Template_literals
[sql_template_strings]: https://www.npmjs.com/package/sql-template-strings
[honeysql]: https://github.com/jkk/honeysql
npm package: @imatis/cronjs-matcher
Description: Cronjs is set of packages that helps with Cron expression parsing and evaluating. See project [home page](https://github.com/datasert/cronjs) for more info.
Author: Santhosh Kumar
Latest version: 1.0.0

Cronjs is set of packages that helps with Cron expression parsing and evaluating. See project [home page](https://github.com/datasert/cronjs) for more info.
npm package: @imatis/cronjs-parser
Description: Cronjs is set of packages that helps with Cron expression parsing and evaluating. See project [home page](https://github.com/datasert/cronjs) for more info.
Author: Santhosh Kumar
Latest version: 1.0.0

Cronjs is set of packages that helps with Cron expression parsing and evaluating. See project [home page](https://github.com/datasert/cronjs) for more info.
npm package: @imatis/react-native-notifications
Description: Advanced Push Notifications (Silent, interactive notifications) for iOS & Android
Latest version: 4.3.3-imatis.14

<h1 align="center">
  <img src=".logo.png"/><br/>
  React Native Notifications
</h1>

![npm](https://img.shields.io/npm/dw/react-native-notifications.svg)
[![Build Status](https://img.shields.io/jenkins/s/http/jenkins-oss.wixpress.com:8080/job/multi-react-native-notifications-master.svg)](https://jenkins-oss.wixpress.com/job/multi-react-native-notifications-master/)
[![npm (tag)](https://img.shields.io/npm/v/react-native-notifications/latest.svg)](https://github.com/wix/react-native-notifications/tree/master)
[![npm (tag)](https://img.shields.io/npm/v/react-native-notifications/snapshot.svg)](https://github.com/wix/react-native-notifications/tree/master)

Handle all the aspects of push notifications for your app, including remote and local notifications, interactive notifications, silent notifications, and more.

**All the native iOS notifications features are supported!**

_For information regarding proper integration with [react-native-navigation](https://github.com/wix/react-native-navigation), follow [this wiki](https://github.com/wix/react-native-notifications/wiki/Android:-working-with-RNN)._

# Requirements

Apps using React Native Notifications may target iOS 10 and Android 5.0 (API 21). You may use Windows, macOS or Linux as your development operating system.

### iOS

<!-- <img src="https://s3.amazonaws.com/nrjio/interactive.gif" alt="Interactive notifications example" width=350/> -->

- Remote (push) notifications
- Local notifications
- Background/Managed notifications (notifications that can be cleared from the server, like Facebook messenger and Whatsapp web)
- PushKit API (for VoIP and other background messages)
- Interactive notifications (allows you to provide additional functionality to your users outside of your application such as action buttons)

### Android

- Receiving notifications in any App state (foreground, background, "dead")
- Built-in notification drawer management
- High degree of code extensibility to allow for advanced custom layouts and any specific notifications behavior as available by [Android's API](https://developer.android.com/training/notify-user/build-notification.html)
- Android equivalent of React-Native's implementation of [`PushNotificationsIOS.getInitialNotification()`](https://facebook.github.io/react-native/docs/pushnotificationios.html#getinitialnotification).

_Upcoming: local notifications, background-state Rx queue (iOS equivalent)_

# Quick Links

- [Getting Started](https://wix.github.io/react-native-notifications/docs/getting-started)
- [API](https://wix.github.io/react-native-notifications/api/general-api)
- [Documentation](https://wix.github.io/react-native-notifications/)

# License

The MIT License.

See [LICENSE](LICENSE)