open-index/open-npm huggingface dataset:
npm package: @galaxyops/create-bundle
Description: [![npm version](https://badge.fury.io/js/@galaxyops%2Fcreate-bundle.svg)](https://badge.fury.io/js/@galaxyops%2Fcreate-bundle) [![License](https://img.shields.io/badge/License-MIT-brightgreen.svg)](LICENSE) [![GitHub Stars](https://img.shields.io/github/s
Latest version: 3.2.0

# @galaxyops/create-bundle

[![npm version](https://badge.fury.io/js/@galaxyops%2Fcreate-bundle.svg)](https://badge.fury.io/js/@galaxyops%2Fcreate-bundle)
[![License](https://img.shields.io/badge/License-MIT-brightgreen.svg)](LICENSE)
[![GitHub Stars](https://img.shields.io/github/stars/hxtree/galaxyops?style=social)](https://github.com/hxtree/galaxyops/stargazers)

This package contains various bundler profiles. The bundlers bundle another
projects source code to make it ready for distribution.

## Usage

Install bundler as devDependency:

```bash
npm install @galaxyops/create-bundle --dev
```

Call the binary from within your package.json

```json
{
  "name": "your-package",
  "scripts": {
    "build": "create-bundle",
    "build:watch": "create-bundle --watch",
    "cdk:deploy": "create-bundle && cdk deploy"
  }
}
```

## Profiles

**nestjs-bundler**: Compiles Typescript NestJS src to Javascript dist using
esbuild. Designed for use in AWS Lambda with applicable external modules, which
lambda layer should provide, excluded.
npm package: @galaxyops/design-system
Description: ![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)
Author: hxtree
Latest version: 2.4.0

# @galaxyops/design-system

![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)

This
[design system](https://storybook.js.org/tutorials/design-systems-for-developers/)
contains common components for use in other front end applications. It contains
a Storybook service that is deployed to empower designers. It also builds and
publishes a package of those designs for use in other applications.

**Features**:

- **UI Component Development**: Allows for the local development of UI
  components in isolation.
- **UI Component Library**: This is library containing UI components that
  front-ends can use to ensure consistently in design.
- **UI Design System**: Deploys a static design system website.

## Components

This package should only contain pure and presentational components. This is not
superset of every component library in an organization. That would be a headache
to keep track of. These are **reusable** components.

The following properties are essential in allowing the component to be reusable:

- Components MUST deal with how UI appears.
- Components MUST respond exclusively to `props`.
- Components SHOULD NOT contain app-specific business logic.
- Components MUST be agnostic to how data loads.

## Guidelines

- Use Component Story Format [CSF](https://storybook.js.org/docs/react/api/csf)
- 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.

## References

- [Material UI](https://mui.com/material-ui/)
- [Design System For Developers Architecture](https://storybook.js.org/tutorials/design-systems-for-developers/react/en/architecture/)
- [Create Design System](https://www.youtube.com/watch?v=qSkHRVLcj6U)