open-index/open-npm huggingface dataset:
npm package: @sachingadagi/reactnativesweetalert
Description: React Native wrapper for Sweet Alert Library
Author: Sachin Gadagi
Latest version: 1.0.2


# react-native-sweet-alert
React Native Wrapper for `Sweet Alert`
## Installation

install via npm

`npm install @sachingadagi/reactnativesweetalert`

change your `settings.gradle` to look like this

```
include ':reactnativesweetalert', ':app'
project(':reactnativesweetalert').projectDir = new File(rootProject.projectDir, '../node_modules/@sachingadagi/reactnativesweetalert/android')
```

in your app gradle file (`android\app\build.gradle`)

`compile project(':reactnativesweetalert')`

 Add `tools:replace="android:icon"` to `<application>` tag in `AndroidManifest.xml` so that it looks like

 ```
     <application
      android:name=".MainApplication"
      android:allowBackup="true"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:theme="@style/AppTheme"
      tools:replace="android:icon">
  ```


Add
`new ReactSweetAlertPackage()` to Array of packages loaded in `MainAppliction.java` inside `getPackages()` method so that it looks like

```
    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new ReactSweetAlertPackage() // <-- Here

      );
    }

```

Usage
```
ReactNativeSweetAlert.show(
  { 
      alertType : ReactNativeSweetAlert.WARNING_TYPE,
      title : 'You sure? ',
      confirmText : 'OK',
      cancelText : 'Cancel',
      setCanceledOnTouchOutside : false
   },
   () => { console.log('On Confirm clicked!')},
   () => { console.log('On Cancel clicked!') }
);
```
## Methods:

`show(configurtionObject,successCallback,errorCallback)`

configuration object accepts following properties

objectName | object type | description | allowed values 
-------|-------|--------------------|--------------------------------
alertType | string |  sets the type of alert title |  ReactNativeSweetAlert.WARNING_TYPE, ReactNativeSweetAlert.ERROR_TYPE,ReactNativeSweetAlert.SUCCESS_TYPE,ReactNativeSweetAlert.PROGRESS_TYPE,
confirmText | string | sets the text on confirm button | -
cancelText | string |  sets the button on cancel button | -
setCanceledOnTouchOutside | boolean | decides whether the alert is cancelable when you touch the outer area | true/false


`isSpinning()`
returns a promise with boolean parameter

e.g. 
```
 ReactNativeSweetAlert.isSpinning().then( isSpinning =>  /* your logic */)
```


`changeAlertType(alertType)`

`setRimColor(color)`

`setBarColor(width)`
npm package: @sachinkasana/dotenv-guard
Description: CLI tool to scan your project for secrets and sensitive keys before you commit or deploy.
Author: Sachin Kasana
Latest version: 0.1.0


# @sachinkasana/dotenv-guard

`@sachinkasana/dotenv-guard` is a CLI tool that scans your project for exposed secrets or API keys in `.env`, `.js`, `.ts`, and `.json` files.

## Usage

```bash
npx @sachinkasana/dotenv-guard
```

## Example Output

```
🔒 Potential secret found in config.js:3
> API_KEY=12345-abcdef
```

## Integration

Add to your pre-commit hook:

```bash
npx @sachinkasana/dotenv-guard
```
npm package: @sachinkiranti/easy-table-a11y
Description: Easy Responsive HTML Table
Author: Sachin Kiranti
Latest version: 1.0.2

# EasyTable

A Simple Responsive Table js library.

## Install

### Download

- [easy-table.min.js](https://unpkg.com/@sachinkiranti/easy-table-a11y@1.0.0/dist/easy-table.min.js)

### CDN

Link directly to EasyTable files on [unpkg](https://unpkg.com).


``` html
<script src="https://unpkg.com/@sachinkiranti/easy-table-a11y@1.0.0/dist/easy-table.min.js"></script>
```

## Usage

```html
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Country</th>
          <th>Age</th>
          <th>Profession</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>John Doe</td>
          <td>USA</td>
          <td>30</td>
          <td>Engineer</td>
        </tr>
        <tr>
          <td>Jane Smith</td>
          <td>Canada</td>
          <td>28</td>
          <td>Teacher</td>
        </tr>
        <tr>
          <td>Mark Johnson</td>
          <td>UK</td>
          <td>35</td>
          <td>Doctor</td>
        </tr>
        <tr>
          <td>Lisa Brown</td>
          <td>Australia</td>
          <td>32</td>
          <td>Designer</td>
        </tr>
      </tbody>
    </table>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/@sachinkiranti/easy-table-a11y@1.0.0/dist/easy-table.min.js"></script>

    <script>
        $(function () {
            $('table').easyTableA11y()
        });
    </script>
```

## Configurations

```js
$(function () {
  $('.table-1').easyTableA11y({
    label: 'data-easy-table',
    selector: '.table-1',
    view: '786px',
    css: {
      trBottomBorder: '1px solid #000',
      tdMarginRight: '10px !important',
      tdFontWeight: 'bold'
    }
  })
});
```

## Demo

You can see the demo page created in dist/demo.html.

![Demo Image](demo.gif)


## Development

This package is developed with Node.js v16.13.2 and npm v8.1.2

Install dependencies

``` sh
npm install
```

Run tests

``` sh
npm run test
```

## TODO
- [ ] Write tests
- [ ] More flexible configurations
npm package: @sachinkiranti/textual
Description: Simple String manipulation library
Author: Sachin Kiranti
Latest version: 1.0.1

# Textual

A simple text manipulation js library.

## Install

### Download

- [textual.min.js](https://unpkg.com/@sachinkiranti/textual@1.0.1/dist/textual.min.js)

### CDN

Link directly to Textual files on [unpkg](https://unpkg.com).


``` html
<script src="https://unpkg.com/@sachinkiranti/textual@1.0.1/dist/textual.min.js"></script>
```

## Usage

```js
"Hello World".wordCount() // Count the word from the given string
"Hello World".charCount() // Count the character from the given string

"Hello World".append(" Bye !") // Append the given string "Example :" to the string i.e. 'Hello World Bye !'
"Hello World".prepend("Example : ") // Prepend the given string "Example :" to the string i.e. 'Example : Hello World'
```

## Development

This package is developed with Node.js v16.13.2 and npm v8.1.2

Install dependencies

``` sh
npm install
```

Run tests

``` sh
npm run test
```
npm package: @sachinmc/aws_remove_apis
Description: remove api gateways from aws (60sec intervals)
Author: Sachin
Latest version: 1.0.0

Run this script if you want to get rid of all your API gateways on your AWS dashboard. I shall make some additions in the near future to keep specific gateways and delete the rest.

The gateways are removed at 60 sec (+2) intervals as per AWS delete rate limit.

Clone the repo and run `node remove_apis`
npm package: @sackmanson/quill-divider
Description: Quill Extension for Divider
Author: rain0002009
Latest version: 0.2.8

# Quill Divider [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/rain0002009/quill-divider/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/quill-divider.svg?style=flat)](https://www.npmjs.com/package/quill-divider)
Module extension for [Quill.js](https://github.com/quilljs/quill) that handles divider in the toolbar.
### Install
```bash
yarn add quill-divider
```
### Usage

```javascript
import Quill from 'quill'
import 'quill/dist/quill.snow.css'
import 'quill-divider'

const toolbarOptions = {
  container: [
    ['bold', 'italic', 'underline', 'strike'],
    ['divider'],   
  ]
}
const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    toolbar: toolbarOptions,
    divider: {
        // See optional "config" below
    }
  }
});
```
### Config
For the default experience, pass a true, like so:
```javascript
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: true
    }
});
```
#### `cssText` - Styles of the element
```javascript
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: {
            // default
            cssText: 'border: none;border-bottom: 1px inset;'
        }
    }
});
```
#### `className` -  ClassName of the element
```javascript
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: {
            // default
            className: void 0
        }
    }
});
```
#### `icon` - Button icon
```javascript
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: {
            // default
            icon: '<svg class="icon" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path class="ql-fill" d="M64 464h896v96H64v-96zM224 96v160h576V96h96v256H128V96h96z m576 832v-160H224v160H128v-256h768v256h-96z"></path></svg>``'
        }
    }
});
```
#### `text` - When on, insert text in the divider
```javascript
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: {
            // default
            text: void 0
        }
    }
});

// Other configurations
new Quill(editor, {
    // ...
    modules: {
        // ...
        divider: {
            // default
            text: {
                // Will be replaced by the selected text,default is placeholder
                children: 'placeholder',
                // Position of text,The optional values are left, center and right
                orientation: 'center',
                // Styles of the text
                childrenStyle: 'padding: 0 24px;'
            }
        }
    }
});
```
npm package: @sackmanson/quill-image-uploader
Description: A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded
Latest version: 2.0.0

# Quill ImageHandler Module

A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded.
Adds a button to the toolbar for users to click, also handles drag,dropped and pasted images.

## Demo

![Image of Yaktocat](/static/quill-example.gif)

### Install

Install with npm:

```bash
npm install quill-image-uploader --save
```

### Webpack/ES6

```javascript
import Quill from "quill";
import ImageUploader from "quill-image-uploader";

import 'quill-image-uploader/dist/quill.imageUploader.min.css';

Quill.register("modules/imageUploader", ImageUploader);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageUploader: {
      upload: (file) => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(
              "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/480px-JavaScript-logo.png"
            );
          }, 3500);
        });
      },
    },
  },
});
```

### Quickstart (React with react-quill)

React Example on [CodeSandbox](https://codesandbox.io/s/react-quill-demo-qr8xd)

### Quickstart (script tag)

Example on [CodeSandbox](https://codesandbox.io/s/mutable-tdd-lrsvh)

```javascript
// A link to quill.js
<script src="/dist/quill.js"></script>
<script src="/dist/quill.imageUploader.min.js"></script>

Quill.register("modules/imageUploader", ImageUploader);

var quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageUploader: {
      upload: file => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(
              "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/480px-JavaScript-logo.png"
            );
          }, 3500);
        });
      }
    }
  }
});
```
npm package: @sackrin/env
Description: Helpers to better control and filter dotenv
Author: Hilary Osborne
Latest version: 0.2.5

# Env

A simple library designed to use dotenv to load in and filter env files. Useful if you have a applications where you want the ability to control which env vars are parsed.

## Install Dependency
```npm i --save @sackrin/app```

## Methods

### ```loadEnv('/path/to/.env')```
Use this method to load in the env files. 

### ```getEnv(['SOME_KEY', 'SOME_OTHER_KEY])```
Use this to determine which vars you are after.
npm package: @sackrin/react-micro-ui-lambda
Description: adds the lambda bootstrap for a react micro ui
Author: Hilary Osborne
Latest version: 1.0.0

# React Micro UI Lambda

This library adds the ability to quick host a micro UI within the AWS lambda environment. The library works alongside the react-micro-ui library.

## Installation

```npm i -s @sackrin/react-micro-ui-lambda```

## Usage

within your micro ui src/lambda.js

```
import path from 'path';
import { ExampleComponent } from './Components';
import createLambdaMicroUI from '@sackrin/react-micro-ui-lambda/lib/createLambdaMicroUI';

exports.handler = async (event, context) => {
  // Retrieve the local config
  const microUIConfig = require(path.join(process.cwd(), 'microui.config.js'));
  // Create the Lambda
  const { route, strap, boot, env, config, logger } = createLambdaMicroUI(event, context, 'http', {
    profile: process.env.PROFILE || 'local',
    config: microUIConfig,
  });
  // API ENDPOINTS
  route('/example', 'GET', doExampleEndpoint);
  // SERVER SIDE RENDERED COMPONENTS
  // Strap in the front end components
  strap('ExampleComponent', ExampleComponent);
  // Boot and handle the response
  return boot(event, context);
};
```

## Create Lambda Micro UI

### createLambdaMicroUI

Use this to create your micro UI lambda

- event: the aws lambda event
- context: the aws lambda context
- mode: http or rest depending on your API gateway
- config: the micro UI config
- profile: the environment profile ie local, dev, stage
- logger: your choice of logger

```const { route, strap, boot, env, config, logger } =  createLambdaMicroUI(event, context, mode, { config, profile = 'local', logger = console })```

## Callbacks

### route(path, method, handler)

Use this to bootstrap API endpoint handlers

- path: the api path
- method: GET | POST | PUT | DELETE
- handler: the handler which will be invoked

```route('/example', 'GET', doExampleEndpoint)```

### strap(name, component)

Use this to bootstrap react components for server side rendering. Not required if you do not intend on providing server side rendered components.

- name: the name of the component
- component: the react component

```strap('ExampleComponent', ExampleComponent)```

### boot(event, context)

Use to handle a lambda request

- event: the aws lambda event
- context: the aws lambda context

```boot(event, context)```

## Extras

### env

The current resolved environment the micro UI is using. This is calculated via the micro UI config and the supplied profile

### config

The current config the micro UI is using.

### logger

The current logger the micro UI is using. This will either be the logger you supplied or the default logger (console)