Arcade Components

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

Requirements

• node v16.17
• npm v8.15

Install

yarn add @gamelearn/arcade-components

Usage

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.

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:

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:

yarn watch

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

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:

yalc remove --all

License

UNLICENSED © gamelearn