open-index/open-npm huggingface dataset:
npm package: @skp-toolkit/json-dsl-parser
Description: JSON으로 작성된 DSL 토큰명을 값으로 치환해주는 웹팩 로더입니다.
Latest version: 0.0.2

# dsl-parser (WIP)

JSON으로 작성된 DSL 토큰명을 값으로 치환해주는 웹팩 로더입니다.

## Example

- 디자인 토큰 명세

```
// token.json

{
    "global": {
        "colors": {
            "Blue": {
                "100": {
                    value: "#000011",
                    type: "color"
                },
                "200": {
                    value: "#000022",
                    type: "color"
                },
                "300": {
                    value: "#000033"
                    type: "color"
                },
                // ...
            }
            // ...
        }

        "texts": {
            "t1": {
                type: "text"
            },
            "t2": {
                type: "text"
            }
            // ...
        }
    }
}

...
```

- SCSS 스타일시트 생성

```
// styles.scss

.title-text {
    color: $global-colors-Blue-100;
    text: $global-text-t1;
}
```

- 스타일시트 파싱 결과물

```
// styles.css

.title-text {
    color: #000011;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5;
}
```

## 로컬에서 테스트할 때

```
// 웹팩 CLI를 전역으로 설치한 후
npm install -g webpack webpack-cli

// 프로젝트 루트에서 실행합니다.
webpack -w
```
npm package: @skp-wpteam/json-dsl-parser
Description: 디자이너 그룹에서 사용하는 DSL 토큰명을 값으로 치환해주는 웹팩 로더입니다.
Latest version: 0.0.14

# dsl-parser

디자이너 그룹에서 사용하는 DSL 토큰명을 값으로 치환해주는 웹팩 로더입니다.

## Example

- DSL 토큰 예시

```
// token.json

{
    "global": {
        "colors": {
            "Blue": {
                "100": {
                    value: "#000011",
                    type: "color"
                },
                "200": {
                    value: "#000022",
                    type: "color"
                },
                "300": {
                    value: "#000033"
                    type: "color"
                },
                // ...
            }
            // ...
        }

        "texts": {
            "t1": {
                type: "text"
            },
            "t2": {
                type: "text"
            }
            // ...
        }
    }
}

...
```

- SCSS 스타일시트 예시

```
// styles.scss

.title-text {
    color: $global-colors-Blue-100;
    text: $global-text-t1;
}
```

- 웹팩 번들링 결과물

```
// styles.css

.title-text {
    color: #000011;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5;
}
```

## Next.js 환경에서 사용할 때

```
yarn add -D @skp-wpteam/json-dsl-parser mini-css-extract-plugin css-loader sass-loader
```

## 패키지 배포

- NPM 패키지를 배포할 때는 반드시 `package.json` 의 `version` 정보를 이전 버전보다 높여줘야 합니다.

```
(sudo) npm publish
```
npm package: @skpm/babel-preset
Description: A babel preset for transforming your JavaScript for skpm
Author: Mathieu Dutour
Latest version: 0.2.6

# @skpm/babel-preset

> A babel preset for transforming your JavaScript for Sketch.

## Install

```sh
$ npm install --save-dev @skpm/babel-preset
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "presets": ["@skpm/babel-preset"]
}
```

### Via CLI

```sh
$ babel script.js --presets @skpm/babel-preset
```

### Via Node API

```javascript
require('babel-core').transform('code', {
  presets: ['@skpm/babel-preset'],
})
```
npm package: @skpm/buffer
Description: Node.js Buffer API, for Sketch
Author: Feross Aboukhadijeh
Latest version: 0.1.4

# `buffer` for Sketch

All the [nodejs buffer](https://nodejs.org/api/buffer.html) API is available.

Additionally, you can create a `Buffer` from an `NSData` (`Buffer.from(nsdata)`) as well as getting an `NSData` from a `Buffer` (`buffer.toNSData()`).
npm package: @skpm/child_process
Description: A drop-in replacement for the child_process NodeJS package
Author: Mathieu Dutour
Latest version: 0.4.4

# `child_process` for Sketch

All the [nodejs child_process](https://nodejs.org/api/child_process.html) API is available.

:warning: The version 0.4.* requires Sketch 54 or above. Use the version 0.3.* if you need to support earlier version of Sketch.
npm package: @skpm/console
Description: A console polyfill for sketch
Author: Mathieu Dutour
Latest version: 0.2.8

# sketch-polyfill-console

A [console](https://developer.mozilla.org/en-US/docs/Web/API/Console) polyfill for sketch. It is automatically included (when needed) when using [skpm](https://github.com/skpm/skpm).

It is allow to log in both the JavaScript context and the Sketch channel, ie. it calls both `console.x` and `log`.

## Installation

```bash
npm i -S @skpm/console
```

## Usage

```js
import Console from "@skpm/console"

const console = Console()

console.log("hello world")
```
npm package: @skpm/fs
Description: A sketch module to interact with the file system
Author: Mathieu Dutour
Latest version: 0.2.6

# `fs` for Sketch

All the sync [nodejs fs](https://nodejs.org/api/fs.html) API is available.

:warning: The version 0.2.* requires Sketch 52 or above. Use the version 0.1.* if you need to support earlier version of Sketch.

`fs.writeFileSync`, `fs.appendFileSync` and `fs.readFileSync` accept an `NSData` as encoding
npm package: @skpm/nib-loader
Description: nib loader module for webpack
Author: Mathieu Dutour
Latest version: 0.1.2

# Nib Loader

_Instructs WebPack to compile and emit the required XIB or NIB as file and to return an function to interact with it._

## Install

> ⚠️  The loader is already included in skpm by default so if you come from skpm, you do not have to do anything.

```bash
npm install --save-dev @skpm/nib-loader
```

Add the following rule to your WebPack config:

```js
{
  test: /\.(xib|nib)$/,
  use: [
    {
      loader: '@skpm/nib-loader',
      options: {}
    }
  ]
}
```

## Usage

- Create a new xib file:
  - open XCode and create a new "Cocoa Framework" project located in your skpm project with the "Objective-C" language.
  - create a new file with the "View" template
  - Use the Interface Builder to design your view
- Add the following in your plugin command:

  ```js
  const NibUI = require('../xcode-project-name/view-name.xib')

  var nib = NibUI()

  let dialog = NSAlert.alloc().init()
  dialog.setAccessoryView(nib.getRoot())
  dialog.runModal()
  ```

  The `NibUI` function returns an object with 2 methods:

  - `getRoot` which returns the root view
  - `getOwner` which returns the File Owner Class instance

  The object will also be populated with the Views that have an Identifier set. For example, let's say your nib contains a view with the identifier `button`. Then you can access this view using `nib.button`.

### Handling events from the xib

You might need to handle some events happening in your view (for example when the user clicks on a button).

TBD (to be documented)

## Options

Same as [file-loader](https://github.com/skpm/file-loader).
npm package: @skpm/path
Description: A drop-in replacement for the path nodejs module
Author: Mathieu Dutour
Latest version: 0.1.4

# `path` for Sketch

All the [nodejs path](https://nodejs.org/api/path.html) API is available.

A additional method is available:

- `path.resourcePath(string)`: which returns the path to a resource in the plugin bundle or `undefined` if it doesn't exist.
npm package: @skpm/process
Description: Drop-in replacement for the process NodeJS global
Author: Mathieu Dutour
Latest version: 0.1.5

# `process` for Sketch

All the [nodejs process](https://nodejs.org/api/process.html) API is available but some might just be stubs.

The only additional key we are setting is `type` which matches what electron is doing and its value is `sketch`. Pretty useful to create script that does different things depending on where it's running.
npm package: @skpm/promise
Description: A Promise polyfill for Sketch
Author: Mathieu Dutour
Latest version: 0.1.0

# `Promise` for Sketch

A [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) polyfill for Sketch that uses `setImmediate` (which itself uses [fibers](https://developer.sketch.com/reference/api/#async)) and makes `process` emit `multipleResolves`, `unhandledRejection` and `uncaughtException` when it should.
npm package: @skpm/sketch-debugger
Description: <h1 align="center">Sketch DevTools</h1>
Latest version: 0.5.1

<h1 align="center">Sketch DevTools</h1>

<div align="center">
  <img src="https://user-images.githubusercontent.com/3254314/32320758-1dc414d8-bfbf-11e7-9282-1d57fc53874d.png" />
</div>
<br />
<div align="center">
  <strong>See your plugin logs, inspect the state of Sketch documents, explore actions, and more.</strong>
</div>

## Installation

### From a release (simplest)

* [Download](https://github.com/skpm/sketch-dev-tools/releases/latest) the latest release of the plugin
* Un-zip
* Double-click on the sketch plugin

### From the sources

* Clone the repo
* Install the dependencies (`npm install`)
* Build (`npm run build`)
* Double-click on plugin.sketchplugin

## Usage

If you want to show some proper logs in the DevTools, you need to use `console` (as apposed to `log` directly). `console` is polyfilled by [`skpm`](https://github.com/skpm/skpm) automatically.

You might notice performance issues when the debugger is opened, that's because it's listening to all actions.

## Contributing

Lots of room for improvement, let's build it together :) Check out the [issues](https://github.com/skpm/sketch-dev-tools/issues) and pick one!

## License

MIT
npm package: @skpm/sketchapp-json-plugin
Description: Utilities for working with the Sketch JSON internal formats
Author: Andrew Pouliot
Latest version: 0.2.0

# Sketch.app JSON Plugin library

Provides utilities for basing your plugins on the JSON format instead of learning all of the sketch private API objects.

This is indended to be used within the Sketch plugin environment; to generate sketch files entirely in node.js, you need a different library.

There are 3 main APIs:

    // Converts an object, eg from context.selection into a JSON string representation
    toSJSON(sketchObject);

    // Takes a Sketch JS object tree with (optional) Sketch version and turns it into a native object. May throw on invalid data
    fromSJSONDictionary(jsObject, version);

    // Convenience method that converts JSON strings to be used with `fromSJSONDictionary`
    fromSJSON(json, version);

> NOTE: The `version` parameter is used to specify the highest Sketch version number you would like to support. Also, it doesn't follow the normal Sketch public version numbers (e.g. v45, v46, etc). Instead it uses an internal build number. You can find your desired version using the handy map in this discussion thread: http://sketchplugins.com/d/316-sketch-version.


Additionally, if you would like to create layers from a dictionary, you want this:

    // Pass in a javascript object literal
    const obj: SJTextLayer = {
    "_class": "text",
    "do_objectID": generateID(),
    "frame": {
      "_class": "rect",
      "constrainProportions": false,
      "height": 17,
      "width": 117,
      "x": 146,
      "y": 253
    },
    "isVisible": true,
    "name": "My hot hot ABCD",
    ...

    };
    fromSJSONObject(obj);

If you want to verify your version of Sketch is compatible (v43+):

    import JSONPlugin from 'sketchapp-json-plugin';
    if (JSONPlugin.appVersionSupported()) {
      const layer = SJSON.fromSJSON(myJSON);
      ...
      document.pages[0].addLayers([layer]);
    } else {
      // Use old code path
    }
npm package: @skpm/util
Description: A drop in replacement for the util NodeJS module
Author: Mathieu Dutour
Latest version: 0.1.28

# `util` for Sketch

All the [util nodejs](https://nodejs.org/api/util.html) API is available.

Additionally, 5 more methods are available:

- `isNativeObject`: return whether the argument is a native objc object
- `getNativeClass`: return the class name of a native object
- `toArray`: cast assimilated arrays (`NSArray`) to a proper JS array
- `toObject`: cast assimilated objects (`NSDictionary`) to a proper JS object
- `toJSObject`: cast any object or primitive into its proper JS counterpart. Note that `NSDictionary` and `NSArray` elements are not recursively converted unless an `options` object is passed as the second argument and `options.recurse` is set to `true`

_Because of CocoaScript, `isNull` is not going to work._
npm package: @skpm/xcodeproj-loader
Description: xcodeproj loader module for webpack
Author: Mathieu Dutour
Latest version: 0.1.12

# Xcodeproj Loader

_Instructs WebPack to compile and emit the required xcodeproj as file and to return an object to interact with it._

## Install

> ⚠️ The loader is already included in skpm by default so if you come from skpm, you do not have to do anything.

```bash
npm install --save-dev @skpm/xcodeproj-loader
```

Add the following rule to your WebPack config:

```js
{
  test: /\.(framework|xcodeproj|xcworkspace|xcworkspacedata|pbxproj)$/,
  use: [
    {
      loader: '@skpm/xcodeproj-loader',
      options: {}
    }
  ]
}
```

## Usage

- Create a new framework
- Add the following in your plugin command:

  ```js
  const framework = require('../xcode-project-name/project-name.xcodeproj/project.pbxproj');

  const nativeClass = framework.getClass('NativeClassName');
  const ui = framework.getNib('NativeNibFile');
  ```

## Options

Same as [file-loader](https://github.com/skpm/file-loader).
npm package: @skqksh/react-native-image-crop-tools
Description: Native image crop tools with embeddable UI and on the fly aspect ratio switchin
Author: skqksh
Latest version: 1.0.3

# react-native-image-crop-tools

## Previews
<p float="left">
  <img src="https://github.com/skqksh/react-native-image-crop-tools/blob/master/previews/android-preview.gif?raw=true" width="150" />
  <img src="https://github.com/skqksh/react-native-image-crop-tools/blob/master/previews/ios-preview.gif?raw=true" width="150" />
</p>

## Getting started

`$ yarn add react-native-image-crop-tools`

### Mostly Automatic installation

Only RN > 0.61.x is supported. Installation is automatic on Android. For iOS. Remember to run `pod install` in iOS directory

### Why another cropping library?

Most cropping tools available for RN are usually wrappers over popular native tools which itself isn't a bad thing. But this means you are stuck with their UI and feature set. The ones made in RN are not the most optimized and correct tools.

## Features

1. Native views. Which means performance even on low end devices.
2. You can embed the view into you own UI. It's not very customizable (yet)
3. Change and lock/unlock aspect ratio on the fly (This is the main reason I am making this library)

# NOTE

This library is not supposed to work with local images. There are very few usecases for that. You need to provide a sourceUrl string which you can obtain from image pickers or downloading using rn-fetch-blob

## Usage
```javascript
import { CropView } from 'react-native-image-crop-tools';

        <CropView
          sourceUrl={uri}
          style={styles.cropView}
          ref={cropViewRef}
          onImageCrop={(res) => console.warn(res)}
          keepAspectRatio
          aspectRatio={{width: 16, height: 9}}
        />
```

Two methods are exposed on the ref you can use them as follows

```javascript
  this.cropViewRef.saveImage(true, 90 // image quality percentage)
  this.cropViewRef.rotateImage(true // true for clockwise, false for counterclockwise)
```

For detailed usage check out the example app.

#### TODO:

- [x] Add screenshots
- [x] Support transparency
- [ ] Add access to prebuilt UI for those who want to use it.
npm package: @skr301/digitalroot
Description: A library to find [digital root](https://brilliant.org/wiki/digital-root/) of a number
Author: SKR301
Latest version: 1.0.1

# digitalRoot
A library to find [digital root](https://brilliant.org/wiki/digital-root/) of a number

## Usage

![image](https://user-images.githubusercontent.com/47807051/161319450-53db1c8d-82f9-4e4a-92e7-f65f76ca73fd.png)
  
## Contributors
@SKR301- [Saurav Kumar](https://github.com/SKR301)
npm package: @skrashevich/monaco-yaml-prebuilt
Description: Compiled monaco-yaml for direct in-browser use
Author: Jean-Baptiste BIANCHI && skrashevich
Latest version: 1.1.6

# Monaco Editor - Prebuilt YAML Support

A prebuilt version of [monaco-yaml](https://github.com/remcohaszing/monaco-yaml) available straight out in the browser.

## Usage

You can use it straight out of the box:

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Monaco YAML prebuilt</title>
    <style>
      body, html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      #yaml-editor {
        width: 95vw;
        height: 95vh;
      }
    </style>
  </head>
  <body>
    <div id="yaml-editor"></div>
    <script src="https://unpkg.com/@skrashevich/monaco-yaml-prebuilt@^1.1.2/dist/monaco-editor.bundle.js"></script>
    <script>
      require.config({ paths: { 'vs': 'https://unpkg.com/monaco-editor@0.33.0/min/vs' }});
      require(['vs/editor/editor.main'], function() {
        monaco.editor.create(document.getElementById('yaml-editor'), {
          value: '',
          language: 'yaml',
          theme: 'vs-dark'
        });
      });
    </script>
  </body>
</html>
```

See a real-world example here: [https://github.com/skrashevich/go2rtc/blob/v1.9.2.2/www/editor.html](https://github.com/skrashevich/go2rtc/blob/v1.9.2.2/www/editor.html)

This setup provides a simple way to integrate Monaco Editor with YAML support into your web application. The example includes basic styling and configuration to get you started quickly.
npm package: @skratchdot/browsercheck
Description: a tool to check your scripts for browser compatibility
Author: skratchdot
Latest version: 0.0.1

# browsercheck

a tool to check your scripts for browser compatibility

## cli installation & usage

install the tool globally using npm

```bash
npm install -g @skratchdot/browsercheck
```

check if `bundle.js` will "work" in ie 8

```bash
browsercheck validate --targets "ie 8" bundle.js
```

### node installation & usage

save the library to your dependencies using npm

```bash
npm install -g @skratchdot/browsercheck
```

check if some javascript is valid in ie 8

`index.js`:

```javascript
const { validate } = require('browsercheck');
const result1 = validate('const life = 42;', 'ie 8');
console.log(result1.valid); // false
const result2 = validate('var life = 42;', 'ie 8');
console.log(result2.valid); // true
```

## how does it work?

this script is pretty dumb (and slow)! it relies on other libraries to do all the heavy lifting.

all we do is take the input source code, and run it against a "bare minimum" babel transform twice.

first, we run it through a minimal babel config with no presets.
second, we run it through the same minimal babel config, but include the `@babel/preset-env` preset, passing in the provided `targets`.

now we compare the first and second transform. if `@babel/preset-env` didn't need to change anything, then the code should "work"
against your targets (there are of course caveats to this rule: for instance DOM polyfills and CSS aren't checked).

## why do you need this?

webpack recommends not transpiling node_modules (for speed- and other reasons). sometimes the libraries you depend on
do not support the same set of browsers your app does. when this happens- it's hard to detect which code in node_modules
will "break" your site. the goal of this project is to help detect that scenario.

once you discover the "culprits", you can edit your webpack config so you start transpiling those libs:
https://github.com/webpack/webpack/issues/2031#issuecomment-219040479

## see also

- https://github.com/browserslist/browserslist
- https://github.com/robatwilliams/es-compat
- https://github.com/amilajack/eslint-plugin-compat
- https://github.com/anandthakker/doiuse
- https://browserslist.dev/
- https://caniuse.com/

## ideas/todo

- auto update cli
- give a way to update the browserlist/caniuse db via cli
- command "detect" that finds the "lowest" version of each browser is supported
- should cli support globs (similar usage to eslint, prettier, etc)?
- look into preset-env, and why Promises are polyfilled in chrome 66
- improve demo site and docs
- add info about caveats and edge-cases
- browser plugins/bookmarklets to "test" files in network tab
- add debug module
-
npm package: @skravets/eapi
Description: 1. Задеплоить на Staging новые версии контракта. Нужно указывать tags в OpenAPI чтобы они попали в группу.
Latest version: 0.0.70

# EAPI

## Публикация

1. Задеплоить на Staging новые версии контракта. Нужно указывать tags в OpenAPI чтобы они попали в группу.

2. Обновить в `package.json` версию.

3. Запустить workflow `Publish package`.
npm package: @skrenek/adonisjs-request-logger
Description: A simple middleware module to add configurable http request logging
Author: Steve Krenek
Latest version: 0.1.2

# adonisjs-request-logger
> A simple request logger module for [AdonisJS](https://adonisjs.com/).

[![npm-image]][npm-url] [![license-image]][license-url] [![typescript-image]][typescript-url]

This module provides a request (access) logger for [AdonisJS](https://adonisjs.com/).  

The supported format codes approximate what [Apache log formats](https://httpd.apache.org/docs/2.4/mod/mod_log_config.html#formats) support, but not all formats are supported.  I have never needed more than what is provided here.  If you find you'd like some added, pull requests are very much welcomed. 😊

See the [LogFormatProperties enum](https://github.com/skrenek/adonisjs-request-logger/blob/b9cbdb45496791551c6b3d280f00de7a2a748284/adonis-typings/request-logger.ts#L14) for the currently supported formats.

A helper is also provided for an approximation of Apache log format's "combined" log format via the `LogFormat.combined` enum member.  This is the default format.

Finally, the log messages are created via AdonisJS's built in Logger class as info-level messages.

---
## Installation

`npm install @skrenek/adonisjs-request-logger`

`node ace configure @skrenek/adonisjs-request-logger`  

> The configure command adds the provider to your application and generates the default config file.

---
## Usage

### Registering the Middleware
Register the middleware in `start/kernel.ts` by adding:

`() => import('@ioc:Adonis/Addons/Skrenek/RequestLogger')` to your global middleware array.  See the example below.

```typescript
Server.middleware.register([
  () => import('@ioc:Adonis/Core/BodyParser'),
  () => import('@ioc:Adonis/Addons/Skrenek/RequestLogger'), // <- add this line
])
```

### Configuring the Log Format
The log format can be customized by configuring it in `config/request-logger.ts`.  Only one property is exposed: `format`.  Set it to a string containing log formats, or use the shortcut string "combined" to set it to the best approximation of Apache's combined log format.

Supported log formats can be found [here](https://github.com/skrenek/adonisjs-request-logger/blob/b9cbdb45496791551c6b3d280f00de7a2a748284/adonis-typings/request-logger.ts#L14).

> One final note.  If you're using AdonisJS's supported authentication module, the remote user log format (%u) will display the authenticated user's email address if available.

[npm-image]: https://img.shields.io/npm/v/@skrenek/adonisjs-request-logger.svg?style=for-the-badge&logo=npm
[npm-url]: https://npmjs.org/package/@skrenek/adonisjs-request-logger "npm"

[license-image]: https://img.shields.io/npm/l/@skrenek/adonisjs-request-logger?color=blueviolet&style=for-the-badge
[license-url]: LICENSE.md "license"

[typescript-image]: https://img.shields.io/badge/Typescript-294E80.svg?style=for-the-badge&logo=typescript
[typescript-url]:  "typescript"
npm package: @skrepr/tslint
Description: tslint configuration file used in Zicht projects.
Author: Joppe Aarts
Latest version: 5.1.0

# `@zicht/tslint`

This package contains a configuration file for tslint, to maintain a consistent Typescript code style across Zicht projects.

## Installing

```
npm install git+ssh://git@github.com:zicht/tslint#semver:^5.0 --save-dev
```

## Usage

An example of how to check your Typescript files with this configuration:

```
tslint -c ./node_modules/@zicht/tslint/tslint.json htmldev/ts/src/main.ts
```

## tslint version

Current supported tslint version is *5.10.0*.

More info on tslint and its linters, go to http://palantir.github.io/tslint/.

# Maintainer
- Boudewijn Schoon <boudewijn@zicht.nl>
npm package: @skrepr/zicht-js.util
Description: A TypeScript library containing various unrelated utilities
Author: Boudewijn Schoon
Latest version: 1.17.0

# `@skrepr/zicht-js.util`

A TypeScript library containing various unrelated utilities

## Installation

Update your project's `package.json`, this will download the `@skrepr/zicht-js.util` plugin
to your `node_modules` directory.

```
npm install @skrepr/zicht-js.util
```

## Scripts

- Unit test: `npm run test`
- Lint test: `npm run tslint`
- Publish a release to [npmjs.com](http://www.npmjs.com): `npm publish`

## Development

- Built in [TypeScript](http://www.typescriptlang.org/). `npm run build` and `npm run watch`.
- Tests in [Jasmine](https://jasmine.github.io/), run with [Karma](https://karma-runner.github.io/). `npm run tslint` and `npm run test`.


## Maintainer

- Boudewijn Schoon <boudewijn@zicht.nl>
npm package: @skrepr/zicht-tslint
Description: tslint configuration file used in Zicht projects.
Author: Joppe Aarts
Latest version: 5.1.0

# `@skrepr/tslint`

This package contains a configuration file for tslint, to maintain a consistent Typescript code style across Zicht projects.

## Installing

```
npm install git+ssh://git@github.com:skrepr/zicht-tslint#semver:^5.0 --save-dev
```

## Usage

An example of how to check your Typescript files with this configuration:

```
tslint -c ./node_modules/@skrepr/tslint/tslint.json htmldev/ts/src/main.ts
```

## tslint version

Current supported tslint version is *5.10.0*.

More info on tslint and its linters, go to http://palantir.github.io/tslint/.
npm package: @skribble/milotic
Description: An Icon Library for React Native
Author: Viraj Trivedi
Latest version: 1.0.2

# milotic

An Icon Library for React Native.

[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
[![Build Status](https://travis-ci.org/skribble-in/milotic.svg?branch=master)](https://travis-ci.org/skribble-in/milotic)
[![codecov](https://codecov.io/gh/skribble-in/milotic/branch/master/graph/badge.svg)](https://codecov.io/gh/skribble-in/milotic)
[![npm](https://img.shields.io/npm/v/@skribble/milotic.svg)](https://www.npmjs.com/package/@skribble/milotic)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

<p align="center">
  <img alt="milotic" src="assets/milotic.png">
</p>

## Installation

```bash
yarn @skribble/milotic react react-native react-native-svg
```

## Dependencies

This package is has peer dependencies of [react](https://github.com/facebook/react), [react-native](https://github.com/facebook/react-native) and [react-native-svg](https://github.com/react-native-community/react-native-svg)

## Usage

```jsx
import { ThumbsUp } from "@skribble/milotic";

export default () => {
  return <ThumbsUp size={35} fill="blue" />;
};
```

## Props

Icons have the default SVG Props inherited from ["react-native-svg"](https://github.com/react-native-community/react-native-svg/blob/235ded3d09e1b0a05957d3ba8a42424916d34f38/index.d.ts#L313) and an additional **size** prop to set the height and width of the icon.