open-index/open-npm huggingface dataset:
npm package: @ncsasports/ui
Description: ## Installation
Author: Alexander Bake & Yaroslav Kuzyo
Latest version: 1.1.0

# NCSA UI

## Installation

Make sure necessary peerDependencies are installed

```sh
yarn add react react-dom prop-types
yarn add @material-ui/core
yarn add styled-components
```

Install NCSA-UI

```sh
yarn add @ncsasports/ui
```

## Usage

To get all the benefits of using NCSA-UI, we need to provide our theme to the whole app.

```jsx
// index.jsx (probably)
import { ThemeWrapper, c3poTheme } from "@ncsasports/ui";

ReactDOM.render(
  <ThemeWrapper theme={c3poTheme}>
    <MyApp />
  </ThemeWrapper>
);
```

You can also use the `ThemeWrapper` lower down in the component tree, if you want isolate which parts of the app are themed, or use different themes for different parts of the app.

Once you've provided the theme, you can simply import and use the components like you would with any other package:

```jsx
// somewhere else
import { Button } from "@ncsasports/ui";

<Button color="primary" onClick={doSomething}>
  Look mom! I'm using NCSA-UI!
</Button>;
```

## Development

This project uses Yarn.

#### Installation

```sh
yarn
```

#### Local Development

To start up the styleguide server, run:

```sh
yarn styleguide
```

You should then be able to go to `http://localhost:6060/` and see the styleguide.

To start up the storybook server, run:

```sh
yarn storybook
```

Your browser will automatically open storybook and you can play around in the playground.

#### Tests

To run tests, you can simply run:

```sh
yarn test
```

This will run `jest`, so:

- If you want to watch your tests, run: `yarn test --watch`
- If you want to update snapshots, run: `yarn test -u`

For debugging, you can either launch "Debug All Jest Tests" from VSCode, or you can run:

```sh
yarn test:debug
```

This will start a remote debugger, which you can attach to by going to `chrome://inspect` (in chrome) and clicking on the debugger process.

Once you've started your debugger (either via VSCode or directly), you can add `debugger;` statements to your code and debug from there.

#### Code Health

To lint your code, run:

```sh
yarn lint
```

We're using `Prettier` for our JS formatting.
To use prettier, you can simply run:

```sh
yarn format
```

Or, [configure your text editor to use prettier](https://prettier.io/docs/en/editors.html).
npm package: @ncstat/parser
Description: Static NC file parser
Author: Kevin Hill
Latest version: 1.0.3

## [@ncstat/parser](https://github.com/kevinkhill/ncstat/tree/main/packages/ncstat-parser)
[![NPM](https://nodei.co/npm/@ncstat/parser.png)](https://npmjs.org/package/@ncstat/parser)
![NPM License](https://img.shields.io/npm/l/@ncstat/parser)
![Github Stars](https://img.shields.io/github/stars/kevinkhill/ncstat?style=social) ![Github Forks](https://img.shields.io/github/forks/kevinkhill/ncstat?style=social)

A tool lexing and parsing NC files for the purpose of static analysis

## Try it out

`npm i --save @ncstat/parser`

### or

`yarn add @ncstat/parser`

## NcLexer

```javascript
const { NcLexer } = require("@ncstat/parser");

const lexer = new NcLexer();
const sample = `%
O1234 (TEST PROGRAM)

N43 ( 1/4" [.250"] DRILL )
T43 M6
G00 G90 G54 X.75 Y.19
S2000 M3
G43 H1 Z1.
G98 G81 Z-.5631 R.1 F83.96
X5.
G80
M30
%`;

for (const token of lexer.tokens(sample)) {
  console.log(token);
}

//
// <type: PRG_DELIM, value: "%", text: "%", pos: 0, line: 1, column: 1>
// <type: NEWLINE, value: "\n", text: "\n", pos: 1, line: 1, column: 2>
// <type: PRG_NUMBER, value: 1234, text: "O1234", pos: 2, line: 2, column: 1>
// <type: COMMENT, value: "TEST PROGRAM", text: "(TEST PROGRAM)", pos: 8, line: 2, column: 7>
// <type: NEWLINE, value: "\n", text: "\n", pos: 22, line: 2, column: 21>
// <type: NEWLINE, value: "\n", text: "\n", pos: 23, line: 3, column: 1>
// <type: ADDRESS, value: 43, text: "N43", pos: 24, line: 4, column: 1>
// <type: COMMENT, value: "1/4\" [.250\"] DRILL", text: "( 1/4\" [.250\"] DRILL )", pos: 28, line: 4, column: 5>
// <type: NEWLINE, value: "\n", text: "\n", pos: 50, line: 4, column: 27>
// <type: ADDRESS, value: 43, text: "T43", pos: 51, line: 5, column: 1>
// <type: M_CODE, value: {"prefix":"M","value":6}, text: "M6", pos: 55, line: 5, column: 5>
// ...
```