open-index/open-npm huggingface dataset:
npm package: @rockpack/babel
Description: Babel presets module for Rockpack
Author: Aleksandrov Sergey
Latest version: 7.2.0

<p align="center">
  <img alt="Rockpack" src="https://www.natrube.net/rockpack/readme_assets/rockpack_logo_without_text.png">
</p>

# @rockpack/babel

**@rockpack/babel** is Babel settings that provide modern JS syntax support for **@rockpack/compiler**, **@rockpack/tester**.

**@rockpack/babel** this module is part of the **Rockpack** project. See more details on [the official site](https://alexsergey.github.io/rockpack/).

**@rockpack/babel** includes support for React, Jest, contains a number of optimizing plugins for React, and more. See below for a complete list of included features:

## Features:
To add additional plugins please make *rockpack.babel.js* in the root folder of your project and add plugins. These plugins will merge to common babel config.

### Babel:
- @babel/preset-env (browsers supporting > 5%, nodejs supporting the latest version)
- @babel/plugin-proposal-pipeline-operator
- @babel/plugin-proposal-do-expressions
- @babel/plugin-syntax-dynamic-import
- @babel/plugin-proposal-decorators

### React:
- @babel/preset-react

### React optimizations:
- @babel/plugin-transform-react-constant-elements
- @babel/plugin-transform-react-inline-elements

### Jest:
- @babel/plugin-transform-modules-commonjs

### Other:
- babel-plugin-import (Ant Design correct import modules)

## The MIT License

<a href="https://github.com/AlexSergey/rockpack#the-mit-license" target="_blank">MIT</a>
npm package: @rockpack/codestyle
Description: The best practice for ESLint and TSLint
Author: Aleksandrov Sergey
Latest version: 7.2.0

<p align="center">
  <img alt="Rockpack" src="https://www.natrube.net/rockpack/readme_assets/rockpack_logo_without_text.png">
</p>

# @rockpack/codestyle

**@rockpack/codestyle** is an efficiently customized Eslint with many best practice rules and additions.

**@rockpack/codestyle** fully support new ESLint 9.0 flat config.

**@rockpack/codestyle** this module is part of the **Rockpack** project. See more details on [the official site](https://alexsergey.github.io/rockpack/).

## Features:

### Eslint configs:

- TS support, pure JS support, React support
- Prettier integrated
- Eslint Config Recommended
- Eslint React Recommended
- Eslint TS Recommended
- Eslint Prettier Recommended
- Eslint Perfectionist
- Eslint Regexp

### Additional tools:

- Stylelint
- Commitlint
- Prettier

## Using

1. Installation:

```sh
# NPM
npm install @rockpack/codestyle --save-dev

# YARN
yarn add @rockpack/codestyle --dev
```

2. Make **eslint.config.js**, **.prettierrc** in the root of project

3. Put the code in **.eslintrc.js**

```js
const { makeConfig } = require('@rockpack/codestyle/index.js');

module.exports = makeConfig();
```

4. Put the code in **.prettierrc**

```json
{
  "singleQuote": true,
  "trailingComma": "all",
  "useTabs": false,
  "semi": true,
  "bracketSpacing": true,
  "printWidth": 120,
  "endOfLine": "lf"
}
```

## Extensibility

If you need to change the ESLint configuration you can just extend return object from **makeConfig** function:

```ts
const { makeConfig } = require('@rockpack/codestyle');

const camelCaseAllow = ['download_url'];

const config = makeConfig();

config.push({
  rules: {
    camelcase: ['error', { allow: camelCaseAllow, properties: 'always' }],
  },
});

module.exports = config;
```

## IDE Integration

We can set up our IDE to fix all lint rules and format code by Prettier.

### Webstorm

#### Manual setup

1. Open Preferences
2. Find Node.js tab. Choice Node.js interpreter
3. Find ESLint.

- Set Manual Configuration and set folder to "node_modules/eslint" in your project
- Set working directories to root of your project
- Set path to your *.eslintrc.js* file
- Select "Run eslint --fix on save"

4. Find Prettier.

- Set Prettier path
- Select "On Reformat code action", "On save"

### VSCode

#### Manual setup

1. Set "Format on save"
2. Set "Format on paste"

#### Configuration setup

```shell
mkdir .vscode && touch .vscode/settings.json
```

Then add settings:

```json
{
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    {
      "language": "javascript",
      "autoFix": true
    },
    {
      "language": "javascriptreact",
      "autoFix": true
    },
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ],
  "tslint.enable": false
}
```

## The MIT License

<a href="https://github.com/AlexSergey/rockpack#the-mit-license" target="_blank">MIT</a>
npm package: @rockpack/starter
Description: Create-react-app on steroids. Create CSR/SSR Applications, with configured Webpack, Jest, ESLint's best practices rules and many optimizations
Author: Aleksandrov Sergey
Latest version: 7.2.0

<p align="center">
  <img alt="Rockpack" src="https://www.natrube.net/rockpack/readme_assets/rockpack_logo_without_text.png">
</p>

# @rockpack/starter

**@rockpack/starter** this is **create-react-app** on steroids. Supports the following types of applications:

**@rockpack/starter** this module is part of the **Rockpack** project. See more details on [the official site](https://alexsergey.github.io/rockpack/).

**React SPA** – Preset for a Single Page Application using React.
**React SPA + SSR** – Preset for a React Single Page Application with Server-Side Rendering.
**React Component** – Preset for publishing a reusable React component to NPM.
**UMD Library** – Preset for a vanilla JavaScript UMD library, suitable for NPM publishing.

*All types of applications support:*
- Import of many file formats. [List of formats](https://github.com/AlexSergey/rockpack/blob/master/packages/compiler/README.md)
- Image optimization, SVG Optimization
- Loading SVG files as React components
- CSS/SCSS/Less modules
- Babel or TS; TS support for CSS/SCSS/Less modules
- PostCSS Autoprefixer
- SEO Optimizations, React optimizations, Antd optimizations
- Support for settings via Dotenv and Dotenv safe
- Bundle Analyzer
- GraphQL support

Full list of features see [here](https://github.com/AlexSergey/rockpack/blob/master/packages/compiler/README.md)

*Additionally, for each type of application, you can install:*
- Configured ESLint with best practices rules [@rockpack/codestyle](https://github.com/AlexSergey/rockpack/blob/master/packages/codestyle/README.md)
- Customized Jest with additions [@rockpack/tester](https://github.com/AlexSergey/rockpack/blob/master/packages/tester/README.md)

## Using

1. Installation

```shell script
npm i @rockpack/starter -g
```

2. Creating an App
```shell script
rockpack <project name>
```

3. Select the type of application.

![Rockpack Starter](https://www.natrube.net/rockpack/readme_assets/rockpack_starter_1.v3.jpg)
***

## Arguments
*--yarn* - use Yarn as default package manager
```shell script
rockpack <project name> --yarn
```

***
*If you can't use **@rockpack/starter** or want to migrate your existing application please follow the manual for each module*

- [@rockpack/compiler](https://github.com/AlexSergey/rockpack/blob/master/packages/compiler/README.md#how-it-works)
- [@rockpack/tester](https://github.com/AlexSergey/rockpack/blob/master/packages/tester/README.md#how-it-works)
- [@rockpack/codestyle](https://github.com/AlexSergey/rockpack/blob/master/packages/codestyle/README.md#how-it-works)

## The MIT License

<a href="https://github.com/AlexSergey/rockpack#the-mit-license" target="_blank">MIT</a>
npm package: @rockpack/tester
Description: Small wrapper for Jest and testing best practice.
Author: Aleksandrov Sergey
Latest version: 7.2.0

<p align="center">
  <img alt="Rockpack" src="https://www.natrube.net/rockpack/readme_assets/rockpack_logo_without_text.png">
</p>

# @rockpack/tester

**@rockpack/tester** is Jest with cool config, add-ons and fully compatible with TS / Babel.

**@rockpack/tester** includes several recommended modules and a test report generator.

**@rockpack/tester** this module is part of the **Rockpack** project. See more details on [the official site](https://alexsergey.github.io/rockpack/).

### Reporter:
- [jest-html-reporters](https://github.com/Hazyzh/jest-html-reporters)

## Using

1. Installation:

```sh
# NPM
npm install @rockpack/tester --save-dev

# YARN
yarn add @rockpack/tester --dev
```

2. Make **tests.js** in the root of project

3. Put the code in **tests.js**

```js
const tests = require('@rockpack/tester');

tests();
```

4. Run the script
```shell script
node tests.js
```
or DEV mode
```shell script
node tests.js --watch
```

5. Create **something.spec.js** in **src** folder of the project and write Jest test

**Please see "examples" folder** - <a href="https://github.com/AlexSergey/rockpack/blob/master/packages/tester/examples" target="_blank">here</a>

## Tricks

If you need override *testEnvironment* configuration from JSDom (React App) to Node, you should:

1. Create "jest.extend.js" file in the root of the project

2. Put the code inside:

```js
module.exports = {
  testEnvironment: 'node',
};
```

## The MIT License

<a href="https://github.com/AlexSergey/rockpack#the-mit-license" target="_blank">MIT</a>
npm package: @rockprofile/node-red-contrib-mastodon
Description: A collection of Ned Red nodes to perform actions against a Mastodon instance.
Author: Peter McDonald
Latest version: 1.0.4

# node-red-contrib-mastodon-toots

node-red-contrib-mastodon-toots is a simple Node Red node allowing the following functionality:

* [Followers](examples/followers.json) (follower and following count)
* [Send Toot](examples/send-toot.json) (send a toot)

## Plannned functionality

This is a brand-new Node Red node and of course not all the desired functionality has been
created. The following is the current planned enhancements:

* Receive Toot
npm package: @rockr/marketplace-ui
Description: Marketplace shared UI components
Author: Rock Content
Latest version: 0.6.2

# Marketplace react library

Hi! <br />
In this package you have access to shared components between client-side and GTN.

## About components

- Do not use React.FC. [Read more](https://fettblog.eu/typescript-react-why-i-dont-use-react-fc/)

- Preferably use Rock-ui features to style your component. You can use styled-components in cases that is too complex to resolve with Rock-ui.

- Keep clean the component tree.

- Lint your files is mandatory.

- You can add any third-party package, but keep in mind a few things:
    - Is this package not discontinued?
    - Is this package compatible with typescript?
    - How is the complexity to add and use?
    - Is there great players using this package?
    - Is the community present?
npm package: @rockr/rock-ui
Description: Rock Content Design System component kit in React
Author: Rock Content
Latest version: 1.6.6
Deprecated: Deprecated! The @rockr/rock-ui is no longer maintained. Change to @reverb-ui/react

# Reverb

Reverb Design System component kit in React

## Using Rockr UI in a react project

Install the kit package in your react project

```
yarn add @rockr/rock-ui
```
or, with npm:
```
npm i -S @rockr/rock-ui
```

In your entry file (e.g `app.tsx`) use the theme provider

```typescript
# app.tsx

import * as React from "react"
import { ThemeProvider, RockUITheme } from "@rockr/rock-ui"

// Use at the root of your app
function App() {
  return (
    <ThemeProvider theme={RockUITheme} resetCSS>
      <App />
    </ThemeProvider>
  )
}
```

Use any component from the library

```typescript
# MyComponent.tsx
import React from 'react'
import { Button } from '@rockr/rock-ui'

const MyComponent = () => <Button colorScheme="blue">Foobar</Button>
```

## Development

```
npm start # or yarn start
```

This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.

### Storybook

Run inside another terminal:

```
yarn storybook
```

This loads the stories from `./src/components/**/stories/*.stories.tsx`.

> NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.

## Configuration

Code quality is set up with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly.

### Jest

Jest tests are set up to run with `npm test` or `yarn test`. This runs the test watcher (Jest) in an interactive mode. By default, runs tests related to files changed since the last commit.

### Rollup

RockUI uses [Rollup v1.x](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.

### TypeScript

`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.

## Named Exports

Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.

## Publishing to NPM

We use https://github.com/sindresorhus/np to publish to NPM

## Known Issues

1. The progress component preview doesn't seem to work in the official docs examples
https://next.chakra-ui.com/docs/components/progress however, it works fine for us.

2. The checkbox and radio border color is inherited. So if it is not set on a parent, it will
be white. And chances are high for the background to be white as well, so it will
seem that the property is not set.
npm package: @rocks-n-pebbles/avr-studio
Description: AVR studio
Author: Vinay Gunnam
Latest version: 0.1.7

AVR studio
===

[![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
[![Version](https://img.shields.io/npm/v/avr.svg)](https://npmjs.org/package/avr)
[![Downloads/week](https://img.shields.io/npm/dw/avr.svg)](https://npmjs.org/package/avr)
[![License](https://img.shields.io/npm/l/avr.svg)](https://github.com/https://github.com/vinaygunnam/avr//blob/master/package.json)

<!-- toc -->
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @rocks-n-pebbles/avr-studio
$ avr-studio COMMAND
running command...
$ avr-studio (-v|--version|version)
@rocks-n-pebbles/avr-studio/0.1.7 darwin-x64 node-v12.19.0
$ avr-studio --help [COMMAND]
USAGE
  $ avr-studio COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`avr-studio help [COMMAND]`](#avr-studio-help-command)
* [`avr-studio playback INSTRUCTION_FILE`](#avr-studio-playback-instruction_file)

## `avr-studio help [COMMAND]`

display help for avr-studio

```
USAGE
  $ avr-studio help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v3.2.0/src/commands/help.ts)_

## `avr-studio playback INSTRUCTION_FILE`

describe the command here

```
USAGE
  $ avr-studio playback INSTRUCTION_FILE

ARGUMENTS
  INSTRUCTION_FILE  Path to JSON file containing instructions

OPTIONS
  -d, --dir=dir           [default: results] Directory to drop the results in
  -h, --help              show CLI help
  -r, --use-real-browser  Use real browser instead of headless
```

_See code: [src/commands/playback.ts](https://github.com/vinaygunnam/avr-studio/blob/v0.1.7/src/commands/playback.ts)_
<!-- commandsstop -->