open-index/open-npm huggingface dataset:
npm package: @maurofalcone/react-native-date-picker
Description: A simple, customizable and lightweight calendar date picker for react-native
Author: Mauro Falcone
Latest version: 1.0.9

# react-native-date-picker

A simple, customizable and lightweight calendar date picker for react-native.

## Installation

```sh
npm i @maurofalcone/react-native-date-picker
```

or

```sh
yarn add @maurofalcone/react-native-date-picker
```

## Usage

```js
import React, { useState } from "react"
import { DatePicker, DatePickerProps } from "@maurofalcone/react-native-date-picker"

const [selectedDate, setSelectedDate] = useState(new Date())

<DatePicker
  onDateChange={(selectedDate) => {
    setSelectedDate(selectedDate)
  }}
  maxDate={maxDate}
  minDate={minDate}
  selectedDate={selectedDate}
/>
```

<!-- ## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. -->

## License

MIT
npm package: @mauromadeit/vue-cam
Description: ## Usage ```js <template>   <vue-cam     width="100%"     height="auto"     :constraints="{...}" // passthru video constraints   /> </template>
Author: Mauro Perez
Latest version: 0.1.3

# vue-cam

## Usage
```js
<template>
  <vue-cam
    width="100%"
    height="auto"
    :constraints="{...}" // passthru video constraints
  />
</template>

<script>
import VueCam from '@mauromadeit/vue-cam'

export default {
  name: 'sample-cam-app',
  components: { VueCam },
}
</script>
```

## Dev setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Lints and fixes files
```
yarn run lint
```

### Run your unit tests
```
yarn run test:unit
```
npm package: @mauromadeit/vue-commons
Description: > Reusable components, store, etc.
Author: Mauro Perez
Latest version: 0.5.5

# commons-vue

> Reusable components, store, etc.

## Install
``` bash
yarn add https://github.com/maurop123/vue-commons.git
```

Then import

```js
import { components } from '@mauromadeit/vue-commons'
```

## Examples

### Table Editor

Based on https://vuetifyjs.com/en/components/data-tables#example-crud

```pug
table-editor(
  v-bind="{ headers, items }"
  @save="save" @delete="delete"
)
```

```js
methods: {
  save(item) { ... },
  delete(item) { ... },
}
```

For model of headers and items...
https://vuetifyjs.com/en/components/data-tables

### Masonry Component

```pug
masonry(:items="pages")
  v-card(slot-scope="page" class="mb-3")
    v-card-title(v-if="page.title") {{page.title}}
```

### Bus

```js
import { bus } from '@mauromadeit/vue-commons'
```

### Reusing firebase db

```js
// src/database.js
import { Database } from '@mauromadeit/vue-commons'
export default new Database({ ref: 'money-reports' })

// import and use anywhere
import db from '@/database'
db.get('items').subscribe(data => ...) // [{ id: 1, name: Al}, { id: 2, name: Bo }]
db.push('items', payload).subscribe()
```

### State Model and Texts

```pug
text-state-model(
  :stateProp="`enrollment.owners.${i}.city`"
  label="City"
  :rules="[required()]"
)

// which is equivalent to...

state-model(stateProp="enrollment.companyName")
  v-text-field(
    slot-scope="{ value, input }"
    :value="value" @input="input"
    label="Company Legal Name"
    :rules="[required()]"
  )
```

### SSL Cert

1. https://www.aidanwoods.com/blog/lets-encrypt-the-manual-certificate/
2. https://p3plcpnl0875.prod.phx3.secureserver.net:2083/cpsess4761954074/frontend/gl_paper_lantern/ssl/install.html

```bash
sudo ls /etc/letsencrypt/live/journal.mauromadeit.com/
# copy files below to site above
sudo cat /etc/letsencrypt/live/journal.mauromadeit.com/cert.pem
sudo cat /etc/letsencrypt/live/journal.mauromadeit.com/privkey.pem
sudo cat /etc/letsencrypt/live/journal.mauromadeit.com/chain.pem
```

### Update PWA Icons

- Download font awesome icon like here https://fontawesome.com/icons/journal-whills?style=solid
- Convert to png here https://cloudconvert.com/svg-to-png
  - 260px by 260px and +200dpi
- Gen icons here - https://realfavicongenerator.net
- Replace the files in /public

## Gotcha

May not work in runtime only builds

## Contributing

Initial setup
```bash
yarn install
```

Make changes and build. **Don't forget to build!**
```bash
yarn build
```

Test changes locally
```bash
rm -rf ../path/node_modules/mauromadeit-vue-commons/*
cp -r ./* ../path/node_modules/mauromadeit-vue-commons/
```

Bump version and push
```bash
npm version patch
git push
```
npm package: @mauromadeit/vuepress-theme-vuetify
Description: Vuepress theme with Vuetify
Author: Mauro Perez
Latest version: 0.2.0

# vuepress-theme-vuetify

Vuepress theme with Vuetify

## Install

```bash
npm i -S @mauromadeit/vuepress-theme-vuetify
```

For now, you also gotta install these.

```bash
npm i -D pug pug-plain-loader node-sass sass-loader axis.js material-design-icons-iconfont
```
(sucks. i know)

Include the theme like this in your config.js

```js
module.exports = {
  theme: 'node_modules/@mauromadeit/vuepress-theme-vuetify'
}
```
npm package: @mauroporras/zea-ui-tree-viewer
Description: Webcomponent zea-ui-tree-viewer following open-wc recommendations
Author: zea-ui-tree-viewer
Latest version: 0.0.2

# \<zea-ui-tree-viewer>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation
```bash
npm i zea-ui-tree-viewer
```

## Usage
```html
<script type="module">
  import 'zea-ui-tree-viewer/zea-ui-tree-viewer.js';
</script>

<zea-ui-tree-viewer></zea-ui-tree-viewer>
```

## Linting with ESLint, Prettier, and Types
To scan the project for linting errors, run
```bash
npm run lint
```

You can lint with ESLint and Prettier individually as well
```bash
npm run lint:eslint
```
```bash
npm run lint:prettier
```

To automatically fix many linting errors, run
```bash
npm run format
```

You can format using ESLint and Prettier individually as well
```bash
npm run format:eslint
```
```bash
npm run format:prettier
```

## Testing with Web Test Runner
To run the suite of Web Test Runner tests, run
```bash
npm run test
```

To run the tests in watch mode (for &lt;abbr title=&#34;test driven development&#34;&gt;TDD&lt;/abbr&gt;, for example), run

```bash
npm run test:watch
```

## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
npm run storybook
```

To build a production version of Storybook, run
```bash
npm run storybook:build
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`
```bash
npm start
```
To run a local development server that serves the basic demo located in `demo/index.html`
npm package: @maurosala/use-fingerprint
Description: Get canvas fingerprint and browser signature
Author: Mauro Sala
Latest version: 1.1.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# React useFingerprint hook

A simple React hook to get canvas fingerprint and browser signature.

## Installation

```bash
npm install @maurosala/use-fingerprint
```

## Usage

```jsx
import useFingerprint from '@maurosala/use-fingerprint'

const fp = useFingerprint()
console.log(fp)
```

output:

```json
{
  "browser": "dd5b420791fe9a7dc9ebd8deb648692f76d68b839b3d04cae30702f76c31bc14",
  "id": "B48D36C2",
  "ms": 20.4
}
```

- `browser`: browser signature
- `id`: canvas fingerprint
- `ms`: time in milliseconds to get the fingerprint
npm package: @mauruppi/ccstatus
Description: CCstatus - Claude Code Network Monitor and StatusLine tool
Author: MaurUppi
Latest version: 2.2.8

# @mauruppi/ccstatus

CCstatus - Claude Code Network Monitor and StatusLine tool

## Installation

```bash
npm install -g @mauruppi/ccstatus
```

## Features

- 🚀 **High Performance**: Written in Rust for maximum speed (<50ms startup, <10MB memory)
- 🌐 **Network Probing**: Driven by Claude code statusline stdin to initial endpoint status awareness ⚡
- 📊 **Git Integration**: Branch status, tracking info, and repository state display
- 🤖 **Model Display**: Simplified Claude model names (e.g., Sonnet 3.5, Sonnet 4)
- 📈 **Usage Tracking**: Context window analysis based on transcript files
- 🛡️ **Bot Fight Mitigation**: JS Challenge/Bot Fight detection and handling
- 📁 **Workspace Display**: Current working directory information
- 🌍 **Cross-platform**: Works on Windows, macOS, and Linux
- 📦 **Easy Installation**: One command via npm with automatic Claude Code setup
- ⚙️ **Smart Configuration**: Automatic credential detection and minimal setup

## Usage

After installation, ccstatus is automatically configured for Claude Code at `~/.claude/ccstatus/ccstatus`.

You can also use it directly:

```bash
ccstatus --help
ccstatus --version
```

## For Users in China

Use npm mirror for faster installation:

```bash
npm install -g @mauruppi/ccstatus --registry https://registry.npmmirror.com
```

## More Information

- GitHub: https://github.com/MaurUppi/CCstatus
- Issues: https://github.com/MaurUppi/CCstatus/issues
- License: MIT
npm package: @maurusrv/rereadme
Description: an exploration on creating a readme file generator
Author: Maurus Vitor
Latest version: 1.0.7

# rereadme
an exploration on creating a readme file generator
## Installation
```js
npm i -D @maurusrv/rereadme // -D to add it as devDependency, since you will likely to use this code in your commit hook to automatically update your README
```      
## How To Use
```js
const reREADME require('@maurusrv/rereadme')
...
await reREADME({ 
  outputPath: './README.md', 
  contents: {
    header, // optional string for title and description, or you can just use main for everything before the badges section
    main, // optional string of main content like Development Setup, etc.
    footer, // optional string for footer content after the badges section,
  },
  badges: true, // this adds a section with shields.io-powered list of dependencies. you may choose to not provide this param to not use badges generated with npm-check, otherwise this will go between main and footer, see Package Status of this README file
})
```

## Package Status
### `dependencies`
[![](https://img.shields.io/static/v1?label=npm-check&message=^5.9.2%20→%205.9.2&color=green)](https://github.com/dylang/npm-check)
### `devDependencies`
[![](https://img.shields.io/static/v1?label=@babel/core&message=^7.16.5%20→%207.16.5&color=green)](https://babel.dev/docs/en/next/babel-core)[![](https://img.shields.io/static/v1?label=@babel/preset-env&message=^7.16.5%20→%207.16.5&color=green)](https://babel.dev/docs/en/next/babel-preset-env)[![](https://img.shields.io/static/v1?label=@types/jest&message=^27.0.3%20→%2027.0.3&color=green)](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/jest)[![](https://img.shields.io/static/v1?label=@types/node&message=^17.0.0%20→%2017.0.0&color=green)](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node)[![](https://img.shields.io/static/v1?label=babel-jest&message=^27.4.5%20→%2027.4.5&color=green)](https://github.com/facebook/jest#readme)[![](https://img.shields.io/static/v1?label=jest&message=^27.4.5%20→%2027.4.5&color=green)](https://jestjs.io/)[![](https://img.shields.io/static/v1?label=tslib&message=^2.3.1%20→%202.3.1&color=green)](https://www.typescriptlang.org/)[![](https://img.shields.io/static/v1?label=typescript&message=^4.5.4%20→%204.5.4&color=green)](https://www.typescriptlang.org/)

#
<sub><sup>this README.md is generated by this package!<sup></sub>
npm package: @mause/www-sacred
Description: SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.
Latest version: 1.1.27

# SRCL

**[Live Demo](https://sacred.computer)**

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics. Its modular, easy-to-use components emphasize precise monospace character spacing and line heights, enabling you to quickly copy and paste implementations while maintaining a clean, efficient codebase.

```sh
npm install
npm run dev
```

Go to `http://localhost:10000` in your browser of choice.

We use [Vercel](https://vercel.com/home) for hosting.

### Scripts (Optional)

If you need to run node script without running the server, use this example to get started

```sh
npm run script example
```

### Contact

If you have questions ping me on Twitter, [@wwwjim](https://www.twitter.com/wwwjim). Or you can ping [@internetxstudio](https://x.com/internetxstudio).
npm package: @mausic/react-native-kinescope-video
Description: A fork of <ReactNativeKinescopeVideo /> element for react-native with startPosition property
Author: Maksym Ryndia
Latest version: 1.3.2

[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://kinescope.io/)

<h1 align="center">React Native Kinescope Player</h1>

## Installation

Using npm:

```sh
npm --save install @kinescope/react-native-kinescope-video react-native-video@6.4.2 @react-native-async-storage/async-storage
```

Using yarn:

```sh
yarn add @kinescope/react-native-kinescope-video react-native-video@6.4.2 @react-native-async-storage/async-storage
```

## Useful resources
- [react-native-video](https://react-native-video.github.io/react-native-video)

### Packages storage
```
// file: android/build.gradle

allprojects {
    repositories {
        jcenter()
    }
}
```

## Install iOS

```
npx pod-install
```

## Props including [react-native-video](https://react-native-video.github.io/react-native-video/component/props)
```
preload?: boolean;
videoId: string;
posterResizeMode?: ImageResizeMode;
externalId?: string;
quality?: QualityTypes;
autoSeekChangeQuality?: boolean; // default: true; iOS only
referer?: string;
drmAuthToken?: string;
```

## Events including [react-native-video](https://react-native-video.github.io/react-native-video/component/events)
```
onManifestLoadStart?: () => void;
onManifestLoad?: (manifest: ManifestEventLoadTypes) => void;
onManifestError?: (error: unknown) => void;
```

### Configurable props

#### videoId
Video ID from https://app.kinescope.io/

#### preload
The video is uploading right away.

#### externalId
For analytics

#### fix TS2786: 'Video' cannot be used as a JSX component.
Add below in .tsconfig.json --> compilerOptions
```
"compilerOptions": {
    "paths": {
      "react": [ "./node_modules/@types/react" ]
    }
 }
```
npm package: @maustec/react-buttplug
Description: React provider for Buttplug.io&#x27;s buttplug-js
Author: MausTec
Latest version: 0.0.5

# react-buttplug

> React provider for Buttplug.io's `buttplug-ffi-js` library. Here there be WASM.

[![NPM](https://img.shields.io/npm/v/@maustec/react-buttplug.svg)](https://www.npmjs.com/package/@maustec/react-buttplug) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @maustec/react-buttplug
```

Since `buttplug` requires a WASM blob, you'll need to tell webpack that WASM files are `webassembly/experimental` typed..
If you're using `create-react-app`, check out `CRACO`:

`https://github.com/gsoft-inc/craco`

Your new rule should look something like this:

```js
{
    test: /\.wasm$/,
    type: 'webassembly/experimental'
}
```

Check out `example/` for a create-react-app setup that initializes Buttplug.

## Usage

Wrap your app in this and you'll be able to consume `ButtplugContext` wherever
you need control of buttplugs. Any methods of interest are available on the
context.

### First, provide your App.
```jsx
import { ButtplugProvider } from '@maustec/react-buttplug'
import {
  VibratorSearchButton,
  VibratorControls
} from 'the-next-examples'

const App = () => {
  return (
    <ButtplugProvider serverName={"buttplugs."}>
      <VibratorSearchButton />
      <VibratorControls />
    </ButtplugProvider>
  )
}
```

### Then consume the context to create, for example, a connect button:

```jsx
import { useContext } from 'react'
import { ButtplugDeviceContext } from '@maustec/react-buttplug'

const VibratorSearchButton = () => {
  const { buttplugReady, startSearching } = useContext(ButtplugDeviceContext);

  const handleClick = (e) => {
    e.preventDefault();
    startSearching()
      .then(console.log)
      .catch(console.error)
   }

  if (buttplugReady) {
    return (
      <a onClick={handleClick} href='#'>Start Searching</a>
    )
  } else {
    return (
      <p>Waiting for Buttplugs...</p>
    )
  }
}
```

##E Finally, you can do things with the devices here:

```jsx
import { useContext, useState } from 'react'
import {
  ButtplugDeviceContext,
  ButtplugDeviceController
} from '@maustec/react-buttplug'

const VibratorControls = () => {
  const { devices } = useContext(ButtplugDeviceContext)
  const [ vibrateSpeed, setVibrateSpeed ] = useState(0.0);

  const handleVibrateChange = (e) => {
    setVibrateSpeed(parseFloat(e.target.value))
  }

  return (
    <div>
      <input type='number'
             min='0'
             max='1'
             value={ vibrateSpeed }
             onChange={ handleVibrateChange }
      />
    </div>

    <ul>
      { devices.map((device) => (
        <ButtplugDeviceController device={device} vibrate={vibrateSpeed}>
          <li>{ device.Name }</li>
        </ButtplugDeviceController>
      )) }
    </ul>
  )
}
```

## License

MIT © [MausTec](https://github.com/MausTec)
npm package: @maustec/react-edge-o-matic
Description: React component provider for connecting to Edge-o-Matic devices!
Author: MausTec
Latest version: 0.1.0

# react-edge-o-matic

> React component provider for connecting to Edge-o-Matic devices!

[![NPM](https://img.shields.io/npm/v/react-edge-o-matic.svg)](https://www.npmjs.com/package/react-edge-o-matic) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save react-edge-o-matic
```

## Usage

This exposes device state via the new React Context API. See the `example/`
directory for a project that can connect to the device and print state.

Two providers are exported, `DeviceProvider` handles device connection, config
and commands. `ReadingsProvider` streams reading data from the device.

More docs forthcoming.

```jsx
import React, { useState } from 'react'
import DeviceProvider from 'react-edge-o-matic'
import { DeviceContext } from 'react-edge-o-matic'

const renderDeviceState = (state) => {
  return (
    <div className={'card'}>
      <pre>
        <code>{ JSON.stringify(state, undefined, 2) }</code>
      </pre>
    </div>
  )
}

const App = () => {
  return <DeviceProvider>
    <DeviceContext.Consumer>
      { renderDeviceState }
    </DeviceContext.Consumer>
  </DeviceProvider>
}

export default App
```

## License

MIT © [MausTec](https://github.com/MausTec)
npm package: @mautematico/ngx-qrcode
Description: An Angular 4+ component for generating QRCodes 
Author: Ahmed Bouchefra
Latest version: 0.0.9

# ngx-qrcode

An Angular 4+ Component library for Generating QR (Quick Response ) Codes .




## Installation

To use ngx-qrcode in your project, install it via npm:

```bash
$ npm install @techiediaries/ngx-qrcode --save
```

## Usage
For a complete and detailed tutorial on how to use this library .See  :


Import the NgxQRCodeModule from ngx-qrcode  into your app :

Once the library is imported, you can use the ngx-qrcode component in your Angular application:

```xml

      <ngx-qrcode 
        [qrc-value] = "value"
        qrc-class = "aclass"
        qrc-errorCorrectionLevel = "L">
        </ngx-qrcode>

```
You can also specify the QRCode version (1 to 40) explicitely 

```xml

      <ngx-qrcode 
        qrc-element-type="url" 
        [qrc-value] = "value"
        qrc-version = "40"></ngx-qrcode>

```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Techiediaries](mailto:techiediaries9@gmail.com)
npm package: @mautematico/redis-fifo
Description: redis-fifo
Author: Mauricio Navarro Miranda
Latest version: 1.0.2

[![Build Status](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)
[![Coverage Status](https://coveralls.io/repos/github/{{github-user-name}}/{{github-app-name}}/badge.svg?branch=master)](https://coveralls.io/github/{{github-user-name}}/{{github-app-name}}?branch=master)
[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

# Using this module in other modules

Here is a quick example of how this module can be used in other modules. The [TypeScript Module Resolution Logic](https://www.typescriptlang.org/docs/handbook/module-resolution.html) makes it quite easy. The file `src/index.ts` is a [barrel](https://basarat.gitbooks.io/typescript/content/docs/tips/barrel.html) that re-exports selected exports from other files. The _package.json_ file contains `main` attribute that points to the generated `lib/index.js` file and `typings` attribute that points to the generated `lib/index.d.ts` file.

> If you are planning to have code in multiple files (which is quite natural for a NodeJS module) that users can import, make sure you update `src/index.ts` file appropriately.

Now assuming you have published this amazing module to _npm_ with the name `my-amazing-lib`, and installed it in the module in which you need it -

- To use the `Greeter` class in a TypeScript file -

```ts
import { Greeter } from "my-amazing-lib";

const greeter = new Greeter("World!");
greeter.greet();
```

- To use the `Greeter` class in a JavaScript file -

```js
const Greeter = require('my-amazing-lib').Greeter;

const greeter = new Greeter('World!');
greeter.greet();
```

## Setting travis and coveralls badges
1. Sign in to [travis](https://travis-ci.org/) and activate the build for your project.
2. Sign in to [coveralls](https://coveralls.io/) and activate the build for your project.
3. Replace {{github-user-name}}/{{github-app-name}} with your repo details like: "ospatil/generator-node-typescript".
npm package: @mautematico/redis-info
Description: redis-fifo
Author: Mauricio Navarro Miranda
Latest version: 1.0.2

[![Build Status](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)
[![Coverage Status](https://coveralls.io/repos/github/{{github-user-name}}/{{github-app-name}}/badge.svg?branch=master)](https://coveralls.io/github/{{github-user-name}}/{{github-app-name}}?branch=master)
[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

# Using this module in other modules

Here is a quick example of how this module can be used in other modules. The [TypeScript Module Resolution Logic](https://www.typescriptlang.org/docs/handbook/module-resolution.html) makes it quite easy. The file `src/index.ts` is a [barrel](https://basarat.gitbooks.io/typescript/content/docs/tips/barrel.html) that re-exports selected exports from other files. The _package.json_ file contains `main` attribute that points to the generated `lib/index.js` file and `typings` attribute that points to the generated `lib/index.d.ts` file.

> If you are planning to have code in multiple files (which is quite natural for a NodeJS module) that users can import, make sure you update `src/index.ts` file appropriately.

Now assuming you have published this amazing module to _npm_ with the name `my-amazing-lib`, and installed it in the module in which you need it -

- To use the `Greeter` class in a TypeScript file -

```ts
import { Greeter } from "my-amazing-lib";

const greeter = new Greeter("World!");
greeter.greet();
```

- To use the `Greeter` class in a JavaScript file -

```js
const Greeter = require('my-amazing-lib').Greeter;

const greeter = new Greeter('World!');
greeter.greet();
```

## Setting travis and coveralls badges
1. Sign in to [travis](https://travis-ci.org/) and activate the build for your project.
2. Sign in to [coveralls](https://coveralls.io/) and activate the build for your project.
3. Replace {{github-user-name}}/{{github-app-name}} with your repo details like: "ospatil/generator-node-typescript".
npm package: @mautematico/strike
Description: strike
Latest version: 1.0.0

[![Build Status](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)](https://travis-ci.org/{{github-user-name}}/{{github-app-name}}.svg?branch=master)
[![Coverage Status](https://coveralls.io/repos/github/{{github-user-name}}/{{github-app-name}}/badge.svg?branch=master)](https://coveralls.io/github/{{github-user-name}}/{{github-app-name}}?branch=master)
[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

# Using this module in other modules

Here is a quick example of how this module can be used in other modules. The [TypeScript Module Resolution Logic](https://www.typescriptlang.org/docs/handbook/module-resolution.html) makes it quite easy. The file `src/index.ts` is a [barrel](https://basarat.gitbooks.io/typescript/content/docs/tips/barrel.html) that re-exports selected exports from other files. The _package.json_ file contains `main` attribute that points to the generated `lib/index.js` file and `typings` attribute that points to the generated `lib/index.d.ts` file.

> If you are planning to have code in multiple files (which is quite natural for a NodeJS module) that users can import, make sure you update `src/index.ts` file appropriately.

Now assuming you have published this amazing module to _npm_ with the name `my-amazing-lib`, and installed it in the module in which you need it -

- To use the `Greeter` class in a TypeScript file -

```ts
import { Greeter } from "my-amazing-lib";

const greeter = new Greeter("World!");
greeter.greet();
```

- To use the `Greeter` class in a JavaScript file -

```js
const Greeter = require('my-amazing-lib').Greeter;

const greeter = new Greeter('World!');
greeter.greet();
```

## Setting travis and coveralls badges
1. Sign in to [travis](https://travis-ci.org/) and activate the build for your project.
2. Sign in to [coveralls](https://coveralls.io/) and activate the build for your project.
3. Replace {{github-user-name}}/{{github-app-name}} with your repo details like: "ospatil/generator-node-typescript".
npm package: @mauth/jwt-auth
Description: user authentication module
Author: Mkrtich Muradyan
Latest version: 1.0.2

# jwt-auth
[Node.js](http://nodejs.org/) package for JWT access token authentication.
## Installation

Via git:

```bash
$ git clone https://github.com/Mkrtichh/jwt-auth.git
```
Via [npm](http://npmjs.org/):

```bash
$ npm install @mauth/jwt-auth

```
## Internal database init
```javascript
// Init database with custom  options.
const auth = require('@mauth/jwt-auth');
auth.initDb({
    database: 'db_name',
    username: 'user_name',
    password: "root",
    dialect: 'postgres', // MySql
    host: "localhost",
    port: 5432,
            });

```
## Basic signUp example
```javascript	
// signUp method.
const auth = require('@mauth/jwt-auth');
auth.signUpUser({
     username: 'username',
     email: 'example@gmail.com',
     password: "password"
                }, 
     (err, data) => {}
);
```
## Basic login example
```javascript	
// signUp method.
const auth = require('@mauth/jwt-auth');
auth.login({
     username: 'username' || email: 'example@gmail.com',
     password: "password"
                }, 
     (err, data) => {}
);
```
## Basic authentication example with server
```javascript	
// signUp method.
const auth = require('@mauth/jwt-auth');

app.use(auth.authenticate, someHandler);

```
## Dependencies

 - **[jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)** - An implementation of JSON Web Tokens.
 - **[bcrypt.js](https://github.com/dcodeIO/bcrypt.js)** - Optimized bcrypt in plain JavaScript with zero dependencies.
 - **[sequelize.js](http://docs.sequelizejs.com)** - An easy-to-use multi SQL dialect ORM for Node.js.


Copyright (c) Mkrtich Muradyan
npm package: @mauts/core
Description: Mau Core: a structured, class driven way to write APIs. Experimental framework core.
Author: Cameron MacDonald
Latest version: 0.0.1

# @mauts/core

🚧 **Experimental — Mau is in early development.**

Mau is a TypeScript-first, class-oriented backend framework for Bun.
It embraces an OOP-style programming model with controllers, modules, and decorators.

Inspired by NestJS and Angular, Mau brings a familiar development experience with schema-first validation, modern DX, and Bun-level performance.

This package (@mauts/core) is the foundation of the framework.

```ts
import { helloMau } from "@mauts/core";

console.log(helloMau());
// "mau 🐈 — hello world!"
```
npm package: @mav3rick/warp
Description: A generic, highly performant dynamic grid component library for React with intelligent layout optimization
Author: mav3rick
Latest version: 0.1.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) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

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

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @mavbozo/react-native-securecrypto
Description: A Secure Crypto Library for React Native New Architecture
Author: Maverick Bozo
Latest version: 0.0.4

# react-native-securecrypto

A Secure Crypto Library for React Native

## Installation

```sh
npm install react-native-securecrypto
```

## Requirements

- React Native New Architecture
- React Native >= 0.71.0
- Android:
  - Minimum SDK: API 23 (Android 6.0)
  - Target SDK: API 34 (Android 14)
- iOS:
  - Minimum deployment target: iOS 15.6

## Usage


```js
import { multiply } from 'react-native-securecrypto';

// ...

const result = multiply(3, 7);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @mavbozo/react-native-simple-add
Description: for testing react native builder bob
Author: Maverick Bozo
Latest version: 0.0.1

# react-native-simple-add

for testing react native builder bob

## Installation

```sh
npm install react-native-simple-add
```

## Usage


```js
import { multiply } from 'react-native-simple-add';

// ...

const result = multiply(3, 7);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @mave-red/team-mavered
Description: Framework JavaScript full-stack eksperimental dengan sintaks kustom.
Author: Mave Red
Latest version: 0.2.1

# team-mavered 

**perhatian: framework ini masih dalam tahap pengembangan (development) yang sangat awal. fitur dan api dapat berubah sewaktu-waktu tanpa pemberitahuan.**

## tentang

wanz adalah sebuah framework javascript full-stack eksperimental yang dirancang untuk menyederhanakan proses pengembangan dengan memperkenalkan sintaks kustom yang terinspirasi dari bahasa indonesia. tujuannya adalah untuk memberikan pengalaman koding yang unik, ekspresif, dan mudah dibaca bagi para pengembang.

framework ini menggunakan dua ekstensi file kustom sebagai intinya:
*   `.wz`: untuk pengembangan sisi frontend (client-side).
*   `.id`: untuk pengembangan sisi backend (server-side).

kode yang ditulis dalam file `.wz` dan `.id` akan di-transpile (diubah) menjadi javascript standar yang dapat dijalankan oleh browser dan lingkungan node.js.

## fitur utama (dalam pengembangan)

*   **sintaks kustom**: menggunakan kata kunci `wanz` dan `indonesia` untuk mendeklarasikan variabel dan modul, menggantikan sintaks javascript umum seperti `const` dan `import`.
*   **cli tool (`wanz`)**: sebuah command-line interface yang kuat untuk mempermudah alur kerja, termasuk pembuatan proyek, menjalankan server development, dan proses build.
*   **full-stack terintegrasi**: dirancang dari awal agar frontend (`.wz`) dan backend (`.id`) dapat dikembangkan dalam satu proyek yang kohesif.
*   **transpiler bawaan**: proses kompilasi dari sintaks kustom ke javascript standar terjadi secara otomatis di latar belakang.
*   **hot-reloading**: server development secara otomatis me-restart ketika ada perubahan pada file backend.

## instalasi

setelah dipublikasikan ke npm, anda dapat menginstal cli wanz secara global melalui perintah berikut:

```bash
npm install -g @mave-red/team-mavered
npm package: @mavedev/react-file-picker
Description: Simple React file picker component for the native file input
Author: Cirill Usachov
Latest version: 1.1.0

# React file picker
## Installation
Using npm:
```shell
$ npm i @mavedev/react-file-picker
```
Or using yarn:
```shell
$ yarn add @mavedev/react-file-picker
```
## Usage
```tsx
import React from 'react';
import FilePicker, { InputErrorCode } from '@mavedev/react-file-picker';

const Demo: React.FC = () => (
  <FilePicker
    maxSize={1}
    sizeUnit='MB'
    extensions={['.jpg', '.png']}
    onFilePicked={(file) => { console.log(`File name: ${file.name}`); }}
    onSuccess={() => { console.log('Success'); }}
    onError={(code) => { printAllErrors(code); }}
  >
    <button type='button'>Upload file</button>
  </FilePicker>
);

const printAllErrors = (errorCode: number) => {
  if (InputErrorCode.containsExtensionError(errorCode)) {
    console.log('File has inappropriate extension');
  }
  if (InputErrorCode.containsMaxSizeError(errorCode)) {
    console.log('File size exceeded max size specified');
  }
};

export default Demo;
```
## Demo
To run demo using npm:
```shell
$ npm run demo
```
To run demo using yarn:
```shell
$ yarn run demo
```
npm package: @mavega/oloo
Description: Add OLOO pattern properly in project. Makes sure prototype is set properly so inheritance just works. No binding needed.
Author: Learn Game Development
Latest version: 2.3.1

# OLOO
Use OLOO pattern. Check out VSC extensions by LearnGameDevelopment to have syntax highlighting.

# Why to use this module.
[Objects Linked to Other Objects Article](https://www.learngamedevelopment.net/blog/oloo(objectslinkingtootherobjects))

# Examples

## Using Oloo.assign
``` js
const { setup } = require('@mavega/oloo');
setup();

const Object1 = {
  create() {
    const object1 = Object.create(Object1);

    object1.var = 0;
    object1.var2 = 'hi';

    return object1;
  },

  virtualMethod() {
    console.log('Base Class!');
  }
}

const Object2 = {
  create() {
    const object2 = Oloo.assign(Object1.create(), Object2);
    return object2;
  },

  virtualMethod() {
    Oloo.base(this, this.virtualMethod);
    console.log('Inherited Class!');
  }
}

const object2Instance = Object2.create();
object2Instance.virtualMethod();
// Base Class!
// Inherited Class!
```

## Using Oloo.assignSlow + Oloo.createSlow
``` js
const { setup } = require('@mavega/oloo');
setup();

const Object1 = {
  create() {
    // must use createSlow in the first object of the chain.
    const object1 = Oloo.createSlow(Object1);

    object1.var = 0;
    object1.var2 = 'hi';

    return object1;
  },

  virtualMethod() {
    console.log('Base Class!');
  }
}

const Object2 = {
  create() {
    const object2 = Oloo.assignSlow(Object1.create(), Object2);
    return object2;
  },

  virtualMethod() {
    Oloo.base(this, this.virtualMethod);
    console.log('Inherited Class!');
  }
}

const object2Instance = Object2.create();
object2Instance.virtualMethod();
// Base Class!
// Inherited Class!
```

# Release Notes

## 2.3.0+
- Added documentation for all the methods.
- Changed Base call so that you don't have to specify the funcName. Added a back up baseFunc incase you want to deliberately pass name for speed.

## 2.2.0+

- Got rid of parent field on objects, we keep track of the parent throughout the life of the method call and then remove it.
   - In the past we use to inject __parent__ into objects to know if we already called a method on the parent. Now we don't.
- Improved error handling.

## 2.1.0+

- Improved speed tremendously. Kept older assign as assignSlow for creating classes that don't get created often.
- Added debugging capabilities. 
   - If you add a displayName to your Obj we will make sure it appears in the Stack Trace.
   - Check to make sure displayName is a function name. Also consider compiling out displayName with Babel.
npm package: @maveio/mave-react
Description: Mave comes with powerful video components for your site, to add VOD, livestreaming and add interesting features alongside your video like chat and such. To use the components fully, you will need an account: https://mave.io.
Latest version: 0.0.1-beta.36
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# mave-react

Mave comes with powerful video components for your site, to add VOD, livestreaming and add interesting features alongside your video like chat and such. To use the components fully, you will need an account: https://mave.io.

This is the mave component that can be used within a React project.

```js
<Mave embed="9bKONTQAP0"></Mave>
```

### Installing

```bash
$ npm install @maveio/mave-react
```

```js
import { Mave } from "@maveio/mave-react";
```

### Development

```bash
$ npm run storybook
```
npm package: @maveio/mave-vue
Description: Mave comes with powerful video components for your site, to add VOD, livestreaming and add interesting features alongside your video like chat and such. To use the components fully, you will need an account: https://mave.io.
Latest version: 0.0.1-beta.17
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# mave-vue

Mave comes with powerful video components for your site, to add VOD, livestreaming and add interesting features alongside your video like chat and such. To use the components fully, you will need an account: https://mave.io.

This is the mave component that can be used within a Vue3 project.

```js
<Mave embed="9bKONTQAP0"></Mave>
```

### Installing

```bash
$ npm install @maveio/mave-vue
```

```js
import Mave from "@maveio/mave-vue";
```

### Development

```bash
$ npm run storybook
```
npm package: @maven-io/react-instagram-embed
Description: React embedding Instagram posts component
Author: sugarshin
Latest version: 1.4.0-rc.1

# react-instagram-embed

[![CircleCI][circleci-image]][circleci-url]
[![Dependency Status][david-image]][david-url]
[![Devdependency Status][david-dev-image]][david-dev-url]
[![npm version][npm-image]][npm-url]
[![License][license-image]][license-url]

React embedding Instagram posts component

```bash
yarn add react-instagram-embed

# or

npm i react-instagram-embed
```

[Live demo](https://sugarshin.github.io/react-instagram-embed/)

## Usage

```js
import InstagramEmbed from 'react-instagram-embed'

<InstagramEmbed
  url='https://instagr.am/p/Zw9o4/'
  maxWidth={320}
  hideCaption={false}
  containerTagName='div'
  protocol=''
  injectScript
  onLoading={() => {}}
  onSuccess={() => {}}
  onAfterRender={() => {}}
  onFailure={() => {}}
/>
```

## props

- `url` {String} Instagram URL. Required
- `maxWidth` {Number} Max width. Minimum size is `320`. Default `undefined`
- `hideCaption` {Boolean} Default `false`
- `containerTagName` {String} Default `'div'`
- `protocol` {String} Instagram API script protocol. Default `''` same as current protocol
  - This property needed if you use device's file system, for example, Electron, Cordova apps
- `injectScript` {Boolean} Default `true`
- `onLoading` {Function}
- `onSuccess` {Function}
- `onAfterRender` {Function}
- `onFailure` {Function}

## License

[MIT][license-url]

© sugarshin

[npm-image]: https://img.shields.io/npm/v/react-instagram-embed.svg?style=flat-square
[npm-url]: https://www.npmjs.org/package/react-instagram-embed
[circleci-image]: https://circleci.com/gh/sugarshin/react-instagram-embed/tree/master.svg?style=svg&circle-token=8991301b0db526852c58dc884a349cb8e00f1b24
[circleci-url]: https://circleci.com/gh/sugarshin/react-instagram-embed/tree/master
[david-image]: https://david-dm.org/sugarshin/react-instagram-embed.svg?style=flat-square
[david-url]: https://david-dm.org/sugarshin/react-instagram-embed
[david-dev-image]: https://david-dm.org/sugarshin/react-instagram-embed/dev-status.svg?style=flat-square
[david-dev-url]: https://david-dm.org/sugarshin/react-instagram-embed#info=devDependencies
[license-image]: https://img.shields.io/:license-mit-blue.svg?style=flat-square
[license-url]: https://sugarshin.mit-license.org/