open-index/open-npm huggingface dataset:
npm package: @is-(unknown)/is-true
Description: Check if a value is true.
Author: me
Latest version: 1.5.4

# is-true
Checks if a value is true.

## Installation
```bash
$ npm install @is-(unknown)/is-true
```

## Usage
```js
var isTrue = require('@is-(unknown)/is-true')

console.log(isTrue(true)) // true
console.log(isTrue('anything else')) // false
```
npm package: @is-(unknown)/is-typed-array
Description: Check if a value is a typed array.
Author: me
Latest version: 1.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `is-(unknown)/is-typed-array`
Check if a value is a typed array.

## usage
```js
const isTypedArray = require("@is-(unknown/is-typed-array")

const assert = require("assert-fn")

assert(isTypedArray(new Uint8Array()))

assert(!isTypedArray([]))
```
npm package: @is-(unknown)/is-undefined
Description: Checks if a value is undefined.
Author: Is-Unknown
Latest version: 1.3.2

# is-undefined
Checks if a value is undefined.

## Installation
```bash
$ npm install @is-(unknown)/is-undefined
```

## Usage
```js
var isUndefined = require('@is-(unknown)/is-undefined');

console.log(isUndefined()) // true
console.log(isUndefined(undefined)) // true
console.log(isUndefined('anything else')) // false
```
npm package: @is-a-dev/cli
Description: Register your own is-a.dev subdomain from your command line!
Author: William Harrison
Latest version: 2.0.6
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# is-a.dev CLI
Register your own is-a.dev subdomain from your command line!

## Getting Started

Using the is-a.dev CLI is easy!

All you need to do is run the following command:

```bash
npm install @is-a-dev/cli -g
```

...and that's it!

## Using Commands

All of the CLI commands start with `is-a-dev`.

To show the help menu, in your terminal run this command:

```bash
is-a-dev help
```

### Debugging

If you are having issues using the CLI, follow these simple steps:

1. Run the debug command

```bash
is-a-dev debug
```

2. Open an issue

Open an issue stating your issue and provide the output from the debug command as well.
npm package: @is-a-dev/validate
Description: validate dns records for is-a-dev
Author: andrewstech
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<h1 align="center">Welcome to @is-a-dev/validate 👋</h1>
<p>
  <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000" />
  <a href="https://github.com/andrewstech/is-dev-validator#readme" target="_blank">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
  </a>
  <a href="https://github.com/andrewstech/is-dev-validator/graphs/commit-activity" target="_blank">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" />
  </a>
  <a href="https://github.com/andrewstech/is-dev-validator/blob/master/LICENSE" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/github/license/andrewstech/@is-a-dev/validate" />
  </a>
  <a href="https://twitter.com/andrewstech1" target="_blank">
    <img alt="Twitter: andrewstech1" src="https://img.shields.io/twitter/follow/andrewstech1.svg?style=social" />
  </a>
</p>

> validate dns records for is-a-dev

### 🏠 [Homepage](https://github.com/andrewstech/is-dev-validator#readme)

## Install

```sh
npm install
```

## Usage

```sh
const { validateCnameRecord } = require(&#34;@is-a-dev/validate&#34;);
```

## Run tests

```sh
npm run test
```

## Author

👤 **andrewstech**

* Website: https://andrewstech.me
* Twitter: [@andrewstech1](https://twitter.com/andrewstech1)
* Github: [@andrewstech](https://github.com/andrewstech)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!<br />Feel free to check [issues page](https://github.com/andrewstech/is-dev-validator/issues). 

## Show your support

Give a ⭐️ if this project helped you!

## 📝 License

Copyright © 2023 [andrewstech](https://github.com/andrewstech).<br />
This project is [MIT](https://github.com/andrewstech/is-dev-validator/blob/master/LICENSE) licensed.

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @is-a-good-dev/cli
Description: Register your own is-a-good.dev subdomain from your command line!
Author: William Harrison
Latest version: 1.0.10

# is-a-good.dev CLI
Register your own is-a-good.dev subdomain from your command line!

## Getting Started

Using the is-a-good.dev CLI is easy!

All you need to do is run the following command:

```bash
npm install @is-a-good-dev/cli -g
```

...and that's it!

## Using Commands

All of the CLI commands start with `is-a-good-dev`.

> You can also use the alias `iagd` instead.

To show the help menu, in your terminal run this command:

```bash
is-a-good-dev help
```

### Debugging

If you are having issues using the CLI, follow these simple steps:

1. Run the debug command

```bash
is-a-good-dev debug
```

2. Open an issue

Open an issue stating your issue and provide the output from the debug command as well.
npm package: @is-cool.me/cli
Description: Register a free subdomain with is-cool-me using your command line.
Author: Light Hosting
Latest version: 1.2.0

# is-cool-me CLI
Register a free subdomain with is-cool-me using your command line.

## Getting Started

Using the is-cool-me CLI is easy!

All you need to do is run the following command:

```bash
npm install @is-cool.me/cli -g
```

...and that's it!

## Using Commands

All of the CLI commands start with `ic`.

> You can also use the aliases `is-cool-me` instead.

To show the help menu, in your terminal run this command:

```bash
ic help
```

### Debugging

If you are having issues using the CLI, follow these simple steps:

1. Run the debug command

```bash
ic debug
```

2. Open an issue

Open an issue stating your issue and provide the output from the debug command as well.
npm package: @is-this-echo/jarviscli
Description: A cli tool that performs various tasks
Latest version: 1.0.3

# 🤖 Jarvis-CLI 

### ~ A custom command-line interface to suit your needs

<br/>

![Sample pic of Jarvis-CLI](/assets/cli-img.png)


## Installation

This is a [Node.js](https://nodejs.org/en/) module available through the
[npm registry](https://www.npmjs.com/).

Before installing, [download and install Node.js](https://nodejs.org/en/download/).
Node.js 8.0 or higher is required.

Installation is done using the
[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):

```console
$ npm install @is-this-echo/jarviscli
```

## Features

* Lets you view weather today and forecast for major locations
* Comes with an inbuilt dictionary to lookup meanings for unknown words
* Provides current location of user running the cli tool

  *More features to be added soon...*

## Usage

Commands : 
* `jarvis today --location <city-name>`
* `jarvis forecast -l <city-name>`
* `jarvis help <command>`
* `jarvis whereami`


## Contributing

The JarvisCLI project welcomes all constructive contributions. Contributions take many forms,
from code for bug fixes and enhancements, to additions and fixes to documentation, additional
tests, triaging incoming pull requests and issues, and more!
npm package: @isaac-m/console
Description: Returns data passed into console logging functions
Author: Isaac Mok
Latest version: 1.0.0

# @isaac-m/console

Returns the argument passed into a logging function. For logging arguments a *tiny* bit more easily.

```js
// With native console
const arg = 'arg';
console.log(arg);
exampleFunction(arg);

// With log
exampleFunction(log('arg'));
```

## Installation

```sh
npm i @isaac-m/console
```

### Usage

```js
import { log } from "@isaac-m/console";

const str = log("This is a string.");
```

### Functions
- debug
- error
- info
- log
- warn
npm package: @isaac-m/svelte-intl
Description: Internationalize your Svelte 4 apps
Author: Cristóvão Trevisan
Latest version: 1.1.6

# svelte-intl

Fork of [Panya/svelte-intl](https://github.com/Panya/svelte-intl).

[![NPM Version](https://img.shields.io/npm/v/@isaac-m/svelte-intl.svg)](https://npm.im/@isaac-m/svelte-intl)

Sizes (svelte-intl and format-message):

[![Package Size](https://badgen.net/bundlephobia/minzip/svelte-intl)](https://bundlephobia.com/result?p=svelte-intl@latest)
[![Package Size](https://badgen.net/bundlephobia/minzip/format-message)](https://bundlephobia.com/result?p=format-message@latest)

Internationalize your Svelte 4 apps using [format-message](https://github.com/format-message/format-message).

## Svelte 2

For Svelte 2 version see [this branch](https://github.com/Panya/svelte-intl/tree/svelte2).

## Installation
```sh
npm i svelte-intl format-message # format message is a peer dependency
```

## Usage

```html
<script context="module">
  import { locale, translations, getBrowserLocale } from 'svelte-intl';

  // If you want to split your bundle, you can call this multiple times,
  // the dictionaries will be merged.
  translations.update({
    en: {
      hello: 'Hello, {name}',
    },
    pt: {
      hello: 'Olá, {name}',
    },
  })

  locale.set(getBrowserLocale('en')) // try to use window.navigator.language
</script>

<script>
  // use _ or translate
  import { _ } from 'svelte-intl'

  export let name = 'John'
</script>

<h1> {$_('hello', { name })} </h1>
```

## API

## `translate` (or "`_`")
> Translation store
- Type: `svelte.Readable<typeof formatMessage>`

### Example

```html
<script>
  import { get } from 'svelte/store'
  import { translate } from 'svelte-intl'

  const title = get(translate)('title')
</script>

<h1> Title: {title} </h1>
<h1> Reactive Title: {$translate('title')} </h1>
```

## `translations`
> Available translations
- Type: Object
  - `set(translations) => void` : Replace translations (avoid this)
  - `update(translations) => void` : Add more translations
  -  `subscribe` : Store subscription, avoid using this directly

## `locale`
> Current locale
- Type: like `svelte.Readable<string>`, but with safe update and set (logs error if locale is not found)
- Note: Set and update return a `boolean` indicating if the locale was found

## `locales`
> Available locales, derived from translation
- Type: `svelte.Readable<string[]>`

### Usage
```html
<!-- LanguageSelector.svelte -->
<script>
  import { locale, locales } from 'svelte-intl'

  const setLocale = e => locale.set(e.target.value)
</script>

<select value={$locale} on:change={setLocale}>
  {#each $locales as l}
    <option value={l}> {l} </option>
  {/each}
</select>
```

## options
> See [format-message options](https://github.com/format-message/format-message/tree/master/packages/format-message#formatmessagesetupoptions) \
  Just call `options.set({  })` :)
- Type: `svelte.Readable<formatMessage.SetupOptions>` (but update merges with current config)

## `getBrowserLocale`
> Tries to match the `window.navigator.language` to the available dictionaries
- Params:
  - defaultLocale {string}: If no match is found, returns this
npm package: @isaac-mason/eslint-config-typescript
Description: My personal typescript eslint config
Author: “Isaac
Latest version: 0.0.9

# @isaac-mason/eslint-config-typescript

A simple and sane typescript eslint config that I use in my projects.

## Usage

Install the package:

```sh
npm install --save-dev @isaac-mason/eslint-config-typescript
```

Add the following to your `.eslintrc`:

```json
{
  "extends": "@isaac-mason/eslint-config-typescript"
}
```
npm package: @isaac-mason/tmp-jolt-physics
Description: A WebAssembly port of JoltPhysics, a rigid body physics and collision detection library, suitable for games and VR applications
Author: jrouwe
Latest version: 0.0.1

# JoltPhysics.js

This project enables using [Jolt Physics](https://github.com/jrouwe/JoltPhysics) in JavaScript.

## Demos

* [Falling Shapes Demo - Shows supported shape types](https://jrouwe.nl/jolt/examples/falling_shapes.html).
* [Constraints Demo - Shows supported constraint types](https://jrouwe.nl/jolt/examples/constraints.html).
* [Stress Test Demo - Shows big pile of blocks](https://jrouwe.nl/jolt/examples/stress_test.html).

## Using

The library comes in 2 flavours: [a JavaScript version](https://jrouwe.nl/jolt/examples/js/jolt.js) and [a WASM version](https://jrouwe.nl/jolt/examples/js/jolt.wasm.js). See [falling_shapes.html](Examples/falling_shapes.html) for an example on how to use the library.

Not all of the Jolt interface has been exposed yet. If you need something, just add it to JoltJS.idl and JoltJS.h and send a pull request.

## Building

This project has only been compiled under Linux.

* Install [emscripten](https://emscripten.org/) and ensure that its environment variables have been setup
* Install [cmake](https://cmake.org/)
* Run ```./build.sh``` for the optimized build or ```./build.sh Debug``` for the debug build

## Running

By default the examples use the WASM version of Jolt. This requires serving the html file using a web server rather than opening the html file directly. Use e.g. [serve](https://www.npmjs.com/package/serve) to quickly host the file.

If you need to debug the C++ code take a look at [WASM debugging](https://developer.chrome.com/blog/wasm-debugging-2020/).

## Credits

This project was started from the [Ammo.js](https://github.com/kripken/ammo.js) code, but little remains of it as the Jolt Physics API is very different from the Bullet API.

## License

The project is distributed under the [MIT license](LICENSE).
npm package: @isaac.frontend/gaze-client
Description: Gaze Frontend Library
Author: ISAAC
Latest version: 1.0.0

![GazeClient](./.github/client.svg)

[![CI](https://github.com/isaaceindhoven/GazeClient/actions/workflows/CI.yml/badge.svg)](https://github.com/isaaceindhoven/GazeClient/actions/workflows/CI.yml) [![npm version](https://badge.fury.io/js/%40isaac.frontend%2Fgaze-client.svg)](https://badge.fury.io/js/%40isaac.frontend%2Fgaze-client)

GazeClient is part of Gaze.
GazeClient is the frontend library that is responsible for receiving data from [GazeHub](https://github.com/isaaceindhoven/GazeHub).

## Documentation & Installation

[Click here](https://isaaceindhoven.github.io/GazeHub/docs/#/gazeclient) to go to the full documentation and installation instruction for Gaze and GazeClient.
npm package: @isaac.frontend/semver-set
Description: Set operations for semver ranges.
Author: Izaak Schroeder
Latest version: 0.2.2

# semver-set

Tools to set semver. right now only intersect: return the most common semver of 2 or more given versions.

[![NPM](https://nodei.co/npm/@isaac.frontend/semver-set.png)](https://nodei.co/npm/@isaac.frontend/semver-set/)

[![npm version](https://badge.fury.io/js/%40isaac.frontend%2Fsemver-set.svg)](https://badge.fury.io/js/%40isaac.frontend%2Fsemver-set)
[![Open Source Love](https://badges.frapsoft.com/os/mit/mit.svg?v=102)](https://github.com/ellerbrock/open-source-badge/)

## Installation

Install this module through npm or clone it:

```javascript
npm install --save @isaac.frontend/semver-set
```

## Usage

```javascript
var intersect = require("semver-set").intersect;
intersect("^1.0.0", "^1.0.4"); // "^1.0.0"
```

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Credits

Author - Izaak Schroeder (@izaakschroeder)
Contributor - Lucien Immink(@lucienimmink)

## License

The MIT License (MIT)

Copyright (c) 2021 ISAAC

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
npm package: @isaac.frontend/stylelint-config-scss
Description: Isaac base SCSS Stylelint config, following our styleguide
Author: ISAAC BV
Latest version: 2.0.0

# Stylelint configuration for SCSS

![node](https://img.shields.io/node/v/@isaac.frontend/stylelint-config-scss.svg)
![GitHub last commit](https://img.shields.io/github/last-commit/isaaceindhoven/stylelint-config-scss.svg)
![GitHub contributors](https://img.shields.io/github/contributors/isaaceindhoven/stylelint-config-scss.svg)
![GitHub tag](https://img.shields.io/github/tag/isaaceindhoven/stylelint-config-scss.svg)


![logo](https://scotch.io/wp-content/uploads/2015/03/aesthetic-sass-architecture-style-organization.png)

The purpose of this package is to share SCSS Code Styling within Isaac BV.<br />
The configuration extends the [stylelint-config-sass-guidelines](https://github.com/bjankord/stylelint-config-sass-guidelines) configuration.


## How to configure

### Install npm package

```bash
npm i -D stylelint @isaac.frontend/stylelint-config-scss
```

### Create `.stylelintrc.json` 

```json
{
	"extends": "@isaac.frontend/stylelint-config-scss"
}
``` 

## Auto format on file save

### PHPStorm

> Add a new file watcher for watch changes on scss files.

<span style="color: #696969;">preferences</span> ⇢ <span style="color: #696969;">Tools</span> ⇢ <span style="color: #696969;">File Watchers</span>

Example configurations:

#### Files to watch

| Field | Value | Description |
| :-- | :-- | :-- |
| File Type | SCSS | Only watch for files with extension `.scss` |
| Scope | Current File | Only apply to current file open |


#### Tool to Run on Changes

| Field | Value | Description |
| :-- | :-- | :-- |
| Program | ${absoluteProjectPath}/node\_modules/.bin/stylelint | The binary `stylelint`, replace ${absoluteProjectPath} with your absolute project root | 
| Arguments | `--fix $FilePath$` | Pass argument to fix the file $FilePath$, note $FilePath$ is a micro used in PHPStorm |


By default files prefixed with `_` are ignored by the file watcher. To enable this add an environment variable:

```
COMPILE_PARTIAL=true
```

#### Advanced Options

Uncheck the *Auto-save edited files to trigger the watcher*. Because we are only interested when a file is being saved and not each time the file is updated.


### Visual Studio Code

> This documentation should be updated for developers using Visual Studio Code as editor.


### Updating this package

Please make sure you've created an user on npmjs and you have the rights to publish this package within the organisation [@isaac.frontend](https://www.npmjs.com/org/isaac.frontend). If not, please contact one of the contributors, defined in the package.json.

For release a new version use [release-it](https://www.npmjs.com/package/release-it).

After you've cloned this repository, did a `npm install`, edited and you're ready for a new release, just use `npm run release ${patch|minor|major}` in order to update git and publish to npmjs registry. Make shure you're registered with you SSH key to git and have a valid npm user to publish.
npm package: @isaac.frontend/testcafe-reporter-allure
Description: An Allure reporter plugin for TestCafé. Used to generate test reports for e2e-tests.
Author: ISAAC E-commerce Solutions BV
Latest version: 2.4.1

# @isaac.frontend/testcafe-reporter-allure
[![GitHub](https://img.shields.io/github/license/isaaceindhoven/testcafe-reporter-allure)](https://github.com/isaaceindhoven/testcafe-reporter-allure/blob/main/LICENSE) [![NPM downloads per week](https://img.shields.io/npm/dw/@isaac.frontend/testcafe-reporter-allure)](https://www.npmjs.com/package/@isaac.frontend/testcafe-reporter-allure) [![npm (scoped)](https://img.shields.io/npm/v/@isaac.frontend/testcafe-reporter-allure)](https://www.npmjs.com/package/@isaac.frontend/testcafe-reporter-allure) [![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)

An [Allure](https://allure.qatools.ru/) reporter plugin for [TestCafé](https://devexpress.github.io/testcafe/).

## Documentation

https://isaaceindhoven.github.io/testcafe-reporter-allure

## Contributing

There are multiple ways you can help improve this package: Reporting bug, suggesting features, and contributing code implementing said features and bug requests.

More information can be found in [CONTRIBUTING](https://github.com/isaaceindhoven/testcafe-reporter-allure/blob/main/CONTRIBUTING.md).

## License
[MIT](https://github.com/isaaceindhoven/testcafe-reporter-allure/blob/main/LICENSE) © ISAAC E-commerce Solutions BV
npm package: @isaac.frontend/testcafe-scaffolding
Description: TestCafe scaffolding tool to setup your repository for end-to-end testing with TestCafe
Author: ISAAC E-commerce Solutions BV
Latest version: 3.0.1

# TestCafé scaffolding tool

This project aims to simplify and standardize the installation and configuration of automated browser tests using TestCafé for various projects. This will hopefully lower the threshold to start with browser testing in projects.

## Installation

_Note: these installation instructions assume you already have a `package.json` present in the root of your project. If you do not have this, run `npm init` or `yarn init` and follow the instructions on screen._

1. Next, run the initialization script `npx @isaac.frontend/testcafe-scaffolding` follow the on-screen instructions. This will install the proper dependencies and setup a directory structure in your project.
2. To run your test suite locally, run: `npm run test:e2e` or `yarn test:e2e`

The latest version of the following dependencies will be installed, depending on the features you want:
- [testcafe](https://www.npmjs.com/package/testcafe)
- [testcafe-browser-provider-browserstack](https://www.npmjs.com/package/testcafe-browser-provider-browserstack)
- [testcafe-reporter-allure](https://www.npmjs.com/package/@isaac.frontend/testcafe-reporter-allure)

Also, we'll install a `runner.js` in `tests/e2e` where we call the [TestCafé programmatic runner](https://devexpress.github.io/testcafe/documentation/using-testcafe/programming-interface/runner.html).

## Table of Contents
* [Writing the test suite](docs/writing-the-testsuite.md)
    * [Directory structure](docs/writing-the-testsuite.md#directory-structure)
    * [Architecture](docs/writing-the-testsuite.md#architecture)
    * [Used language](docs/writing-the-testsuite.md#used-language)
    * [Semantics](docs/writing-the-testsuite.md#semantics)
    * [Utilities](docs/writing-the-testsuite.md#utilities)
        * [Browser Utility](docs/utilities/browser.md)
* [Running the test suite](docs/running-the-testsuite.md)
    * [Running locally](docs/running-the-testsuite.md#running-locally)
    * [Running on BrowserStack](docs/running-the-testsuite.md#running-on-browserstack)
* [Allure integration](docs/allure.md)
* [Common issues](docs/common-issues.md)

## License
[MIT](https://github.com/isaaceindhoven/testcafe-scaffolding/blob/master/LICENSE) © ISAAC E-commerce Solutions BV
npm package: @isaac.js/create-react-component
Description: create react component template with javascript/typescript
Author: isaac young
Latest version: 0.2.1

# create-react-component

A react component template generating tool

Save the trouble copy paste and rename when creating new react component

Support `js` `ts` `css module` `styled components` ...


## Usage

1. install: `npm install -g @isaac.js/create-react-component`
2. use: `create-react-component [-Options] MyComponent`

## Output

Runing `create-react-component -m MyComponent` will generate a directory in the `current working directory`

```shell
MyComponent/

  - MyComponent.tsx(or .jsx)

  - MyComponent.scss(this file is removed when you use styled components)

  - index.ts(or .js)

```

## Options

`-l, --language [LANG]`

  **Specify language(default to `ts`):**

    ts: typescript

    js: javascript

`-t, --type [TYPE]`

  **Specify component type(default to `c`):**

    c: React.Component

    p: React.PureComponent

    s: React.SFC(Stateless Functional Component)

`-m`

  **Specify whether to use css module or not, use css module if `-m` present**
  
  **Note that if option `-s` present, this option is ignored!**

`-s`

  **Specify whether to use styled components, use styled components if `-s` present**



## Template

### Template for Component.scss

**this file is removed when you use styled components**

```scss

@charset 'utf-8';
.MyComponent {

}

```

### Template for Component.tsx

``` tsx
import * as React from 'react'
import cStyle from './MyComponent.scss'

type MyComponentProps = {}
type MyComponentState = {}

export class MyComponent extends React.Component<MyComponentProps, MyComponentState> {
  public render() {
    return (
      <div className={cStyle.MyComponent}>MyComponent</div>
    )
  }
}

```

### Template for index.ts

```ts

import { MyComponent } from './MyComponent'
export default MyComponent

```
npm package: @isaac.js/create-react-component-ts
Description: create react component template with typescript
Author: isaac young
Latest version: 0.2.1

# create-react-component-ts

# use `@isaac.js/create-react-component` instead!
# use `@isaac.js/create-react-component` instead!

see [@isaac.js/create-react-component](https://www.npmjs.com/package/@isaac.js/create-react-component)



save the trouble copy paste and rename when creating new react component with typescript

## Usage

1. install: `npm install -g @isaac.js/create-react-component-ts`
2. use: `create-react-component-ts MyComponent`

this will generate a directory in the `current working directory`

```shell
MyComponent

  - MyComponent.tsx

  - MyComponent.scss

  - index.ts

```

## Template

## Template for Component.scss


```scss

@charset 'utf-8';
.__REPLACE__ {

}

```

### Template for Component.tsx

``` tsx
import * as React from 'react'
import cStyle from './__REPLACE__.scss'

type __REPLACE__Props = {}
type __REPLACE__State = {}

export class __REPLACE__ extends React.Component<__REPLACE__Props, __REPLACE__State> {
  public render() {
    return (
      <div className={cStyle.__REPLACE__}>__REPLACE__</div>
    )
  }
}

```

### Template for index.ts

```ts

import { __REPLACE__ } from './__REPLACE__'
export default __REPLACE__

```