@gamelearn/arcade-components 1.4.30-fix2 → 1.4.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,101 +1,101 @@
1
- # Arcade Components
2
- > librería de componentes para Arcade (aka engine 2.0)
3
-
4
- [![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)
5
-
6
- ## Install
7
-
8
- ```bash
9
- yarn add @gamelearn/arcade-components
10
- ```
11
-
12
- ## Usage
13
-
14
- ```jsx
15
- import React, { Component } from 'react';
16
-
17
- import { Button } from 'arcade-components';
18
-
19
- export default class App extends Component {
20
- render() {
21
- return (
22
- <div>
23
- <Button>Enjoy</Button>
24
- </div>
25
- );
26
- }
27
- }
28
-
29
- ```
30
-
31
- ## Generar version hotfix para arcade/master-stg
32
-
33
- 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.
34
-
35
- 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 :
36
-
37
- `"version": "1.3.5-fix-1",`
38
-
39
- Habiendo cambiado ya la version pasaremos a publicarla en dos pasos:
40
- * Generar una nueva carpeta dist con `yarn compile`
41
- * Publicar la versión a npm: `npm publish`
42
-
43
- Una vez publicada en npm ir a la versión master de arcade y sustituir la versión de arcade-components.
44
-
45
- ## Available Scripts
46
-
47
- Para ver Storybook en local
48
-
49
- ### `yarn start`
50
-
51
- Para compilar la librería a dist
52
-
53
- ### `yarn compile`
54
-
55
- Para dejar a babel observando cambios y ejecuntando auto-compilación puedes pasarle --watch
56
-
57
- `yarn compile --watch`
58
-
59
- ### `yarn generate <componentName>`
60
-
61
- 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.
62
-
63
- `yarn generate`
64
-
65
- ## How to link arcade-components in other repos (WIP)
66
-
67
- 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.
68
-
69
- Cómo solución alternativa podemos instalar `yalc` que permite publicar el paquete en local e importarlo desde `arcade`.
70
-
71
- ```bash
72
- yarn global add yalc
73
- ```
74
- Si teneis problemas instalándolo en global :
75
- yarn global add yalc --prefix /usr/local
76
-
77
- Para generar el paquete en el store local:
78
-
79
- ```bash
80
- yarn
81
- yarn compile
82
- yalc publish o yarn yalc publish
83
- ```
84
-
85
- Después, en el repositorio de `arcade` tendremos que linkar el paquete generado de la siguiente forma:
86
-
87
- ```bash
88
- yalc link @gamelearn/arcade-components
89
- ```
90
-
91
- Y voilá, ya podremos trabajar con arcade y arcade-components en local sin publicar nada.
92
-
93
- Una vez terminemos de trabajar con el paquete linkado en `arcade`, no nos olvidemos de borrar el link:
94
-
95
- ```bash
96
- yalc remove --all
97
- ```
98
-
99
- ## License
100
-
101
- UNLICENSED © [gamelearn](https://github.com/gamelearn)
1
+ # Arcade Components
2
+ > librería de componentes para Arcade (aka engine 2.0)
3
+
4
+ [![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)
5
+
6
+ ## Install
7
+
8
+ ```bash
9
+ yarn add @gamelearn/arcade-components
10
+ ```
11
+
12
+ ## Usage
13
+
14
+ ```jsx
15
+ import React, { Component } from 'react';
16
+
17
+ import { Button } from 'arcade-components';
18
+
19
+ export default class App extends Component {
20
+ render() {
21
+ return (
22
+ <div>
23
+ <Button>Enjoy</Button>
24
+ </div>
25
+ );
26
+ }
27
+ }
28
+
29
+ ```
30
+
31
+ ## Generar version hotfix para arcade/master-stg
32
+
33
+ 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.
34
+
35
+ 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 :
36
+
37
+ `"version": "1.3.5-fix-1",`
38
+
39
+ Habiendo cambiado ya la version pasaremos a publicarla en dos pasos:
40
+ * Generar una nueva carpeta dist con `yarn compile`
41
+ * Publicar la versión a npm: `npm publish`
42
+
43
+ Una vez publicada en npm ir a la versión master de arcade y sustituir la versión de arcade-components.
44
+
45
+ ## Available Scripts
46
+
47
+ Para ver Storybook en local
48
+
49
+ ### `yarn start`
50
+
51
+ Para compilar la librería a dist
52
+
53
+ ### `yarn compile`
54
+
55
+ Para dejar a babel observando cambios y ejecuntando auto-compilación puedes pasarle --watch
56
+
57
+ `yarn compile --watch`
58
+
59
+ ### `yarn generate <componentName>`
60
+
61
+ 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.
62
+
63
+ `yarn generate`
64
+
65
+ ## How to link arcade-components in other repos (WIP)
66
+
67
+ 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.
68
+
69
+ Cómo solución alternativa podemos instalar `yalc` que permite publicar el paquete en local e importarlo desde `arcade`.
70
+
71
+ ```bash
72
+ yarn global add yalc
73
+ ```
74
+ Si teneis problemas instalándolo en global :
75
+ yarn global add yalc --prefix /usr/local
76
+
77
+ Para generar el paquete en el store local:
78
+
79
+ ```bash
80
+ yarn
81
+ yarn compile
82
+ yalc publish o yarn yalc publish
83
+ ```
84
+
85
+ Después, en el repositorio de `arcade` tendremos que linkar el paquete generado de la siguiente forma:
86
+
87
+ ```bash
88
+ yalc link @gamelearn/arcade-components
89
+ ```
90
+
91
+ Y voilá, ya podremos trabajar con arcade y arcade-components en local sin publicar nada.
92
+
93
+ Una vez terminemos de trabajar con el paquete linkado en `arcade`, no nos olvidemos de borrar el link:
94
+
95
+ ```bash
96
+ yalc remove --all
97
+ ```
98
+
99
+ ## License
100
+
101
+ UNLICENSED © [gamelearn](https://github.com/gamelearn)
@@ -264,21 +264,19 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
264
264
  currentImage.src = imageUrl;
265
265
 
266
266
  currentImage.onload = function () {
267
- if (canvas.current) {
268
- layerConfig.current = {
269
- x: canvas.current.clientWidth / 2,
270
- y: canvas.current.clientHeight / 2,
271
- width: currentImage.width,
272
- height: currentImage.height,
273
- offsetX: currentImage.width / 2,
274
- offsetY: currentImage.height / 2,
275
- scale: {
276
- x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
277
- y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
278
- }
279
- };
280
- setImageLoaded(true);
281
- }
267
+ layerConfig.current = {
268
+ x: canvas.current.clientWidth / 2,
269
+ y: canvas.current.clientHeight / 2,
270
+ width: currentImage.width,
271
+ height: currentImage.height,
272
+ offsetX: currentImage.width / 2,
273
+ offsetY: currentImage.height / 2,
274
+ scale: {
275
+ x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
276
+ y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
277
+ }
278
+ };
279
+ setImageLoaded(true);
282
280
  };
283
281
 
284
282
  setShowTooltip(true);
@@ -42,42 +42,31 @@ var PatternComponent = function PatternComponent(_ref) {
42
42
  emitEvent({
43
43
  type: 'emitSavePattern',
44
44
  payload: {
45
- imgId: img.resourceId,
45
+ imgId: img.imgId,
46
46
  name: name,
47
- viewed: true,
48
- url: imgUrl,
49
- type: 'pattern'
47
+ viewed: true
50
48
  }
51
49
  });
52
50
  };
53
51
 
54
52
  return /*#__PURE__*/_react.default.createElement("div", {
55
- className: viewed ? 'notes--results' : 'readings--container pattern-wrap--overlay'
53
+ className: viewed ? 'notes--results' : 'readings--container'
56
54
  }, /*#__PURE__*/_react.default.createElement("div", {
57
- className: viewed ? 'notes--results__text' : 'pattern-wrap'
58
- }, !viewed ? /*#__PURE__*/_react.default.createElement("div", {
59
- className: "pattern"
60
- }, /*#__PURE__*/_react.default.createElement("div", {
61
- className: "pattern__header"
62
- }, /*#__PURE__*/_react.default.createElement("div", {
63
- className: "pattern__title"
64
- }, "Modelo"), /*#__PURE__*/_react.default.createElement("button", {
55
+ className: viewed ? 'notes--results__text' : 'readings readings--image'
56
+ }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
57
+ src: imgUrl,
58
+ alt: "pattern"
59
+ }), !viewed ? /*#__PURE__*/_react.default.createElement("div", {
60
+ className: "position--absolute top right"
61
+ }, /*#__PURE__*/_react.default.createElement("button", {
65
62
  type: "button",
66
- className: "pattern__close gat--btn__round",
63
+ className: "gat--btn__round",
67
64
  onClick: function onClick() {
68
65
  return close();
69
66
  }
70
67
  }, /*#__PURE__*/_react.default.createElement("span", {
71
68
  className: "icon-close"
72
- }))), /*#__PURE__*/_react.default.createElement("figure", {
73
- className: "pattern__figure"
74
- }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
75
- src: imgUrl,
76
- alt: "pattern"
77
- }))) : /*#__PURE__*/_react.default.createElement("div", null, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
78
- src: imgUrl,
79
- alt: "pattern"
80
- }))));
69
+ }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
81
70
  };
82
71
 
83
72
  var _default = PatternComponent;
package/package.json CHANGED
@@ -1,109 +1,109 @@
1
- {
2
- "name": "@gamelearn/arcade-components",
3
- "author": "Gamelearn",
4
- "license": "unlicense",
5
- "version": "1.4.30-fix2",
6
- "main": "dist/index.js",
7
- "files": [
8
- "dist",
9
- "README.md"
10
- ],
11
- "repository": {
12
- "type": "git",
13
- "url": "https://github.com/gamelearn/arcade-components"
14
- },
15
- "dependencies": {
16
- "@gamelearn/arcade-three-core": "1.0.1",
17
- "@react-three/drei": "^7.20.0",
18
- "@react-three/fiber": "^7.0.17",
19
- "@testing-library/jest-dom": "5.11.4",
20
- "@testing-library/react": "11.1.0",
21
- "@testing-library/user-event": "13.5.0",
22
- "global": "^4.4.0",
23
- "hls.js": "0.12.4",
24
- "html-react-parser": "^1.4.0",
25
- "interactjs": "^1.10.11",
26
- "konva": "^7.2.5",
27
- "prop-types": "15.7.2",
28
- "react-konva": "^17.0.2-0",
29
- "react-konva-utils": "^0.2.0",
30
- "react-pdf": "5.2.0",
31
- "react-promise-suspense": "0.3.3",
32
- "react-typist": "^2.0.5",
33
- "three": "0.132.2",
34
- "web-vitals": "0.2.4"
35
- },
36
- "scripts": {
37
- "start": "npm run storybook",
38
- "clean": "rimraf dist",
39
- "watch": "npx nodemon -e js --ignore dist --exec \"yarn compile && yalc push --changed\"",
40
- "compile": "npm run clean && cross-env NODE_ENV=production babel src -d dist --ignore src/**/*.stories.js,src/**/*.test.js,src/setupTests.js",
41
- "test": "react-scripts test",
42
- "eject": "react-scripts eject",
43
- "storybook": "start-storybook -p 6006 -s public",
44
- "build-storybook": "build-storybook -o build",
45
- "generate": "plop",
46
- "lint": "npx eslint src --ext js,json",
47
- "lint:fix": "npx eslint src --ext js,json --fix",
48
- "lint:quiet": "npx eslint src --ext js,json --quiet"
49
- },
50
- "browserslist": {
51
- "production": [
52
- ">0.2%",
53
- "not dead",
54
- "not op_mini all"
55
- ],
56
- "development": [
57
- "last 1 chrome version",
58
- "last 1 firefox version",
59
- "last 1 safari version"
60
- ]
61
- },
62
- "devDependencies": {
63
- "@babel/cli": "7.12.10",
64
- "@babel/eslint-parser": "^7.15.8",
65
- "@babel/preset-env": "7.12.11",
66
- "@babel/preset-react": "7.12.10",
67
- "@gamelearn/arcade-styles": "0.5.11",
68
- "@gamelearn/version": "^1.3.1",
69
- "@react-three/test-renderer": "6.0.6",
70
- "@storybook/addon-actions": "6.1.11",
71
- "@storybook/addon-essentials": "6.1.11",
72
- "@storybook/addon-links": "6.1.11",
73
- "@storybook/addons": "^6.3.8",
74
- "@storybook/node-logger": "6.1.11",
75
- "@storybook/preset-create-react-app": "3.1.5",
76
- "@storybook/react": "6.1.11",
77
- "@storybook/theming": "^6.3.8",
78
- "babel-loader": "8.2.2",
79
- "cross-env": "7.0.3",
80
- "eslint-config-airbnb": "^18.2.1",
81
- "eslint-config-prettier": "^8.3.0",
82
- "eslint-plugin-json-format": "^2.0.1",
83
- "eslint-plugin-prettier": "^4.0.0",
84
- "husky": "4.3.0",
85
- "nodemon": "^2.0.13",
86
- "plop": "^2.7.4",
87
- "prettier": "^2.5.0",
88
- "react": "0.0.0-experimental-27659559e",
89
- "react-dom": "0.0.0-experimental-27659559e",
90
- "react-scripts": "4.0.1",
91
- "rimraf": "3.0.2"
92
- },
93
- "jest": {
94
- "transformIgnorePatterns": [
95
- "node_modules/(?!(three)/)"
96
- ],
97
- "moduleNameMapper": {
98
- "^react-pdf$": "react-pdf/dist/umd/entry.jest",
99
- "^react-konva-utils$": "react-pdf/dist/umd/entry.jest"
100
- }
101
- },
102
- "husky": {
103
- "hooks": {
104
- "prepare-commit-msg": "bash node_modules/@gamelearn/version/scripts/update_version.sh -p hooks.config ${HUSKY_GIT_PARAMS}",
105
- "post-commit": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config",
106
- "post-merge": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config"
107
- }
108
- }
109
- }
1
+ {
2
+ "name": "@gamelearn/arcade-components",
3
+ "author": "Gamelearn",
4
+ "license": "unlicense",
5
+ "version": "1.4.30",
6
+ "main": "dist/index.js",
7
+ "files": [
8
+ "dist",
9
+ "README.md"
10
+ ],
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "https://github.com/gamelearn/arcade-components"
14
+ },
15
+ "dependencies": {
16
+ "@gamelearn/arcade-three-core": "1.0.1",
17
+ "@react-three/drei": "^7.20.0",
18
+ "@react-three/fiber": "^7.0.17",
19
+ "@testing-library/jest-dom": "5.11.4",
20
+ "@testing-library/react": "11.1.0",
21
+ "@testing-library/user-event": "13.5.0",
22
+ "global": "^4.4.0",
23
+ "hls.js": "0.12.4",
24
+ "html-react-parser": "^1.4.0",
25
+ "interactjs": "^1.10.11",
26
+ "konva": "^7.2.5",
27
+ "prop-types": "15.7.2",
28
+ "react-konva": "^17.0.2-0",
29
+ "react-konva-utils": "^0.2.0",
30
+ "react-pdf": "5.2.0",
31
+ "react-promise-suspense": "0.3.3",
32
+ "react-typist": "^2.0.5",
33
+ "three": "0.132.2",
34
+ "web-vitals": "0.2.4"
35
+ },
36
+ "scripts": {
37
+ "start": "npm run storybook",
38
+ "clean": "rimraf dist",
39
+ "watch": "npx nodemon -e js --ignore dist --exec \"yarn compile && yalc push --changed\"",
40
+ "compile": "npm run clean && cross-env NODE_ENV=production babel src -d dist --ignore src/**/*.stories.js,src/**/*.test.js,src/setupTests.js",
41
+ "test": "react-scripts test",
42
+ "eject": "react-scripts eject",
43
+ "storybook": "start-storybook -p 6006 -s public",
44
+ "build-storybook": "build-storybook -o build",
45
+ "generate": "plop",
46
+ "lint": "npx eslint src --ext js,json",
47
+ "lint:fix": "npx eslint src --ext js,json --fix",
48
+ "lint:quiet": "npx eslint src --ext js,json --quiet"
49
+ },
50
+ "browserslist": {
51
+ "production": [
52
+ ">0.2%",
53
+ "not dead",
54
+ "not op_mini all"
55
+ ],
56
+ "development": [
57
+ "last 1 chrome version",
58
+ "last 1 firefox version",
59
+ "last 1 safari version"
60
+ ]
61
+ },
62
+ "devDependencies": {
63
+ "@babel/cli": "7.12.10",
64
+ "@babel/eslint-parser": "^7.15.8",
65
+ "@babel/preset-env": "7.12.11",
66
+ "@babel/preset-react": "7.12.10",
67
+ "@gamelearn/arcade-styles": "0.5.10",
68
+ "@gamelearn/version": "^1.3.1",
69
+ "@react-three/test-renderer": "6.0.6",
70
+ "@storybook/addon-actions": "6.1.11",
71
+ "@storybook/addon-essentials": "6.1.11",
72
+ "@storybook/addon-links": "6.1.11",
73
+ "@storybook/addons": "^6.3.8",
74
+ "@storybook/node-logger": "6.1.11",
75
+ "@storybook/preset-create-react-app": "3.1.5",
76
+ "@storybook/react": "6.1.11",
77
+ "@storybook/theming": "^6.3.8",
78
+ "babel-loader": "8.2.2",
79
+ "cross-env": "7.0.3",
80
+ "eslint-config-airbnb": "^18.2.1",
81
+ "eslint-config-prettier": "^8.3.0",
82
+ "eslint-plugin-json-format": "^2.0.1",
83
+ "eslint-plugin-prettier": "^4.0.0",
84
+ "husky": "4.3.0",
85
+ "nodemon": "^2.0.13",
86
+ "plop": "^2.7.4",
87
+ "prettier": "^2.5.0",
88
+ "react": "0.0.0-experimental-27659559e",
89
+ "react-dom": "0.0.0-experimental-27659559e",
90
+ "react-scripts": "4.0.1",
91
+ "rimraf": "3.0.2"
92
+ },
93
+ "jest": {
94
+ "transformIgnorePatterns": [
95
+ "node_modules/(?!(three)/)"
96
+ ],
97
+ "moduleNameMapper": {
98
+ "^react-pdf$": "react-pdf/dist/umd/entry.jest",
99
+ "^react-konva-utils$": "react-pdf/dist/umd/entry.jest"
100
+ }
101
+ },
102
+ "husky": {
103
+ "hooks": {
104
+ "prepare-commit-msg": "bash node_modules/@gamelearn/version/scripts/update_version.sh -p hooks.config ${HUSKY_GIT_PARAMS}",
105
+ "post-commit": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config",
106
+ "post-merge": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config"
107
+ }
108
+ }
109
+ }