open-index/open-npm huggingface dataset:
npm package: @gamelearn/arcade-components
Description: > librería de componentes para Arcade (aka engine 2.0)
Author: Gamelearn
Latest version: 3.37.3-hotfix-GAT-8056

# Arcade Components

> librería de componentes para Arcade (aka engine 2.0)

[![NPM](https://img.shields.io/npm/v/arcade-components.svg)](https://www.npmjs.com/package/arcade-components) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Requirements

- `node` v16.17
- `npm` v8.15

## Install

```bash
yarn add @gamelearn/arcade-components
```

## Usage

##

```jsx
import React, { Component } from 'react';

import { Button } from 'arcade-components';

export default class App extends Component {
  render() {
    return (
      <div>
        <Button>Enjoy</Button>
      </div>
    );
  }
}
```

## Generar version hotfix para arcade/master-stg

Para generar una version hotfix nos vamos al commit que desplego la version que utiliza actualmente arcade/master-stg y creamos una rama sobre ella..

Generamos los cambios o hacemos cherrypick de ellos si ya estan creados y una vez terminemos con los cambios tendremos que cambiar la version del package.json a una tal que asi :

`"version": "1.3.5-fix-1",`

Habiendo cambiado ya la version para publicarla ejecutamos:

- `npm run publish-hotfix`

Una vez publicada en npm ir a la versión master de arcade y sustituir la versión de arcade-components.

## Available Scripts

Para ver Storybook en local

### `yarn start`

Para compilar la librería a dist

### `yarn compile`

Para dejar a babel observando cambios y ejecuntando auto-compilación puedes pasarle --watch

`yarn compile --watch`

### `yarn generate <componentName>`

Para añadir un componente nuevo se recomienda usar el generador automático que hara el scaffolding básico de dicho componente, coge el nombre como primer parámetro y si lo llamas sin parámetro te lo preguntará por el prompt.

`yarn generate`

## How to link arcade-components in other repos (WIP)

Para trabajar con arcade-components en local si necesidad de subir a git ni a npm no podemos trabajar con `yarn link` ya que da un error con los hooks de react.

Cómo solución alternativa podemos instalar `yalc` que permite publicar el paquete en local e importarlo desde `arcade`.

```bash
yarn global add yalc
```

Si teneis problemas instalándolo en global :
yarn global add yalc --prefix /usr/local

Para generar el paquete en el store local:

```bash
yarn
yarn compile
yalc publish o yarn yalc publish
```

Si queremos escuchar los cambios y que se vayan publicando en el store de yalc se puede hacer directamente con:

```bash
yarn watch
```

Después, en el repositorio de `arcade` tendremos que linkar el paquete generado de la siguiente forma:

```bash
yalc link @gamelearn/arcade-components
```

Y voilá, ya podremos trabajar con arcade y arcade-components en local sin publicar nada.

Una vez terminemos de trabajar con el paquete linkado en `arcade`, no nos olvidemos de borrar el link:

```bash
yalc remove --all
```

## License

UNLICENSED © [gamelearn](https://github.com/gamelearn)