@gamelearn/arcade-components 1.4.29 → 1.4.30-fix2

package/README.md

@@ -1,101 +1,101 @@
-# 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)
-
-## 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 pasaremos a publicarla en dos pasos:
-* Generar una nueva carpeta dist con `yarn compile`
-* Publicar la versión a npm: `npm publish`
-
-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
-```
-
-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)
+# 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)
+
+## 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 pasaremos a publicarla en dos pasos:
+* Generar una nueva carpeta dist con `yarn compile`
+* Publicar la versión a npm: `npm publish`
+
+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
+```
+
+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)

package/dist/components/cards-selector-puzzle-component/components/Board/index.js

@@ -34,13 +34,11 @@ var Board = function Board(_ref) {
       currentOrder = _ref.currentOrder,
       setCurrentOrder = _ref.setCurrentOrder,
       handleError = _ref.handleError,
-      endPuzzle = _ref.endPuzzle,
       feedbackIsShown = _ref.feedbackIsShown,
       resolvePuzzle = _ref.resolvePuzzle,
       soundActions = _ref.soundActions,
-      handleSuccess = _ref.handleSuccess,
-      setForceFlipCard = _ref.setForceFlipCard,
-      forceFlipCard = _ref.forceFlipCard;
+      onFinish = _ref.onFinish,
+      handleSuccess = _ref.handleSuccess;
 
   var _useState = (0, _react.useState)(Array(cards.length).fill(false)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -57,6 +55,11 @@ var Board = function Board(_ref) {
       correctCards = _useState6[0],
       setCorrectCards = _useState6[1];
 
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      finished = _useState8[0],
+      setFinished = _useState8[1];
+
   var _soundActions = _slicedToArray(soundActions, 1),
       play = _soundActions[0];
 
@@ -66,14 +69,6 @@ var Board = function Board(_ref) {
   var isOrderBased = cards.filter(function (card) {
     return card.order;
   }).length > 0;
-  var flipTimer;
-  (0, _react.useEffect)(function () {
-    if (forceFlipCard) {
-      setForceFlipCard(false);
-      reset();
-      clearTimeout(flipTimer);
-    }
-  }, [flipTimer, forceFlipCard, reset, setForceFlipCard]);
   var reset = (0, _react.useCallback)(function () {
     setFlipped(Array(cards.length).fill(false)); // reset it to the original length
 
@@ -83,9 +78,9 @@ var Board = function Board(_ref) {
   }, [cards.length, setCurrentOrder]);
 
   var timedReset = function timedReset() {
-    flipTimer = setTimeout(function () {
+    setTimeout(function () {
       reset();
-    }, 3000);
+    }, 1000);
   };
 
   function flipACard(index) {
@@ -94,12 +89,6 @@ var Board = function Board(_ref) {
     setFlipped(tempFlipped);
   }
 
-  var timedFlipped = function timedFlipped(index) {
-    setTimeout(function () {
-      flipACard(index);
-    }, 3000);
-  };
-
   var flipAllCorrect = (0, _react.useCallback)(function () {
     var arrayToFlip = [];
     cards.forEach(function (card, index) {
@@ -116,10 +105,11 @@ var Board = function Board(_ref) {
   }, [flipAllCorrect, resolvePuzzle]);
   (0, _react.useEffect)(function () {
     if (correctCards === numberOfCorrectCards && numberOfCorrectCards > 0) {
-      endPuzzle();
+      onFinish();
+      setFinished(true);
       setCorrectCards(0);
     }
-  }, [correctCards, endPuzzle, numberOfCorrectCards]);
+  }, [correctCards, onFinish, numberOfCorrectCards]);
 
   var handleCorrect = function handleCorrect(index) {
     flipACard(index);
@@ -128,6 +118,8 @@ var Board = function Board(_ref) {
   };
 
   var _handleClick = function handleClick(index) {
+    if (finished) return;
+
     if (!feedbackIsShown) {
       play('click-ui');
 
@@ -156,8 +148,8 @@ var Board = function Board(_ref) {
 
         // fails and resets
         handleError(((_cards$index2 = cards[index]) === null || _cards$index2 === void 0 ? void 0 : _cards$index2.id) || null);
+        timedReset();
         flipACard(index);
-        timedFlipped();
       }
     }
   };
@@ -182,15 +174,13 @@ var Board = function Board(_ref) {
 Board.defaultProps = {
   setCurrentOrder: function setCurrentOrder() {},
   handleError: function handleError() {},
-  endPuzzle: function endPuzzle() {},
+  onFinish: function onFinish() {},
   handleSuccess: function handleSuccess() {},
-  setForceFlipCard: function setForceFlipCard() {},
   documentsDict: {},
   cards: [],
   currentOrder: 1,
   resolvePuzzle: false,
-  feedbackIsShown: false,
-  forceFlipCard: false
+  feedbackIsShown: false
 };
 var _default = Board;
 exports.default = _default;

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -40,6 +40,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
+  var _info$solution2;
+
   var emitEvent = _ref.emitEvent,
       info = _ref.info,
       cards = _ref.cards,
@@ -92,11 +94,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
   var _soundActions = _slicedToArray(soundActions, 1),
       playSound = _soundActions[0];
 
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = _slicedToArray(_useState17, 2),
-      forceFlipCard = _useState18[0],
-      setForceFlipCard = _useState18[1];
-
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
@@ -118,24 +115,14 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       payload: rewardsData
     });
   }, [emitEvent]);
-
-  var endPuzzle = function endPuzzle() {
+  var endPuzzle = (0, _react.useCallback)(function () {
     var _info$solution, _specificFeedbacks$co;
 
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: true
     });
-
-    if (info.solution.right.desc) {
-      setFeedBackText(info.solution.right.desc);
-      setFeedbackResult(true);
-      setFeedbackIsShown(true);
-    } else {
-      setFeedbackResult(true);
-      setFeedbackIsShown(true);
-      setFinished(true);
-    }
+    setFeedbackResult(true);
 
     var _info$solution$right = info === null || info === void 0 ? void 0 : (_info$solution = info.solution) === null || _info$solution === void 0 ? void 0 : _info$solution.right,
         rewards = _info$solution$right.rewards;
@@ -144,16 +131,16 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       return spReward.rewards;
     }).flat()) || [];
     var rewardsData = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards), _toConsumableArray(specificRewards));
-    setTimeout(function () {
-      playSound('score');
-      closeFeedbackAndShowPoints(rewardsData);
-    }, 3000);
+    playSound('score');
+    closeFeedbackAndShowPoints(rewardsData);
+  }, [accRewards, closeFeedbackAndShowPoints, emitEvent, info === null || info === void 0 ? void 0 : (_info$solution2 = info.solution) === null || _info$solution2 === void 0 ? void 0 : _info$solution2.right, playSound, specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : specificFeedbacks.correctFeedbacks]);
+
+  var onFinish = function onFinish() {
+    setFinished(true);
   };
 
   var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
-    var isCorrect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-    if (feedbackResult) {
+    if (feedbackResult || finished) {
       endPuzzle();
     } else {
       setFeedbackResult(false);
@@ -166,10 +153,6 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     }
 
     setFeedBackText('');
-
-    if (!feedbackResult && !isCorrect) {
-      setForceFlipCard(true);
-    }
   };
 
   var handleSuccessPick = function handleSuccessPick(cardId) {
@@ -182,23 +165,17 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
 
       if (pickedCard !== null && pickedCard !== void 0 && pickedCard.desc) {
         setFeedBackText(pickedCard.desc);
-      } else {
-        setTimeout(function () {
-          playSound('score');
-          handleFeedbackFuncionOnClose(true);
-          emitEvent({
-            type: 'hidePuzzleButtons',
-            payload: false
-          });
-        }, 2000);
       }
-
-      setFeedbackIsShown(true);
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: true
-      });
+    } else if (info.solution.right.desc) {
+      setFeedBackText(info.solution.right.desc);
     }
+
+    playSound('score');
+    setFeedbackIsShown(true);
+    emitEvent({
+      type: 'hidePuzzleButtons',
+      payload: true
+    });
   };
 
   var handleError = function handleError(cardId) {
@@ -283,17 +260,16 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     setCurrentOrder: setCurrentOrder,
     currentOrder: currentOrder,
     cards: cards,
-    endPuzzle: endPuzzle,
+    onFinish: onFinish,
     handleError: handleError,
     feedbackIsShown: feedbackIsShown,
     resolvePuzzle: resolvePuzzle,
     soundActions: soundActions,
-    handleSuccess: handleSuccessPick,
-    forceFlipCard: forceFlipCard,
-    setForceFlipCard: setForceFlipCard
+    handleSuccess: handleSuccessPick
   })), feedbackIsShown && /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
     success: feedbackResult || rightPick,
     text: feedBackText,
+    hasTimeout: !feedBackText,
     translate: translate,
     functionOnClose: handleFeedbackFuncionOnClose
   }));

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -264,19 +264,21 @@ var DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
     currentImage.src = imageUrl;
 
     currentImage.onload = function () {
-      layerConfig.current = {
-        x: canvas.current.clientWidth / 2,
-        y: canvas.current.clientHeight / 2,
-        width: currentImage.width,
-        height: currentImage.height,
-        offsetX: currentImage.width / 2,
-        offsetY: currentImage.height / 2,
-        scale: {
-          x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
-          y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
-        }
-      };
-      setImageLoaded(true);
+      if (canvas.current) {
+        layerConfig.current = {
+          x: canvas.current.clientWidth / 2,
+          y: canvas.current.clientHeight / 2,
+          width: currentImage.width,
+          height: currentImage.height,
+          offsetX: currentImage.width / 2,
+          offsetY: currentImage.height / 2,
+          scale: {
+            x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
+            y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
+          }
+        };
+        setImageLoaded(true);
+      }
     };
 
     setShowTooltip(true);

package/dist/components/pattern-component/components/PatternComponent.js

@@ -42,31 +42,42 @@ var PatternComponent = function PatternComponent(_ref) {
     emitEvent({
       type: 'emitSavePattern',
       payload: {
-        imgId: img.imgId,
+        imgId: img.resourceId,
         name: name,
-        viewed: true
+        viewed: true,
+        url: imgUrl,
+        type: 'pattern'
       }
     });
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: viewed ? 'notes--results' : 'readings--container'
+    className: viewed ? 'notes--results' : 'readings--container pattern-wrap--overlay'
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: viewed ? 'notes--results__text' : 'readings readings--image'
-  }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
-    src: imgUrl,
-    alt: "pattern"
-  }), !viewed ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute top right"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: viewed ? 'notes--results__text' : 'pattern-wrap'
+  }, !viewed ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern__header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pattern__title"
+  }, "Modelo"), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "gat--btn__round",
+    className: "pattern__close gat--btn__round",
     onClick: function onClick() {
       return close();
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+  }))), /*#__PURE__*/_react.default.createElement("figure", {
+    className: "pattern__figure"
+  }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
+    src: imgUrl,
+    alt: "pattern"
+  }))) : /*#__PURE__*/_react.default.createElement("div", null, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
+    src: imgUrl,
+    alt: "pattern"
+  }))));
 };
 
 var _default = PatternComponent;

package/package.json

@@ -1,109 +1,109 @@
-{
-  "name": "@gamelearn/arcade-components",
-  "author": "Gamelearn",
-  "license": "unlicense",
-  "version": "1.4.29",
-  "main": "dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/gamelearn/arcade-components"
-  },
-  "dependencies": {
-    "@gamelearn/arcade-three-core": "1.0.1",
-    "@react-three/drei": "^7.20.0",
-    "@react-three/fiber": "^7.0.17",
-    "@testing-library/jest-dom": "5.11.4",
-    "@testing-library/react": "11.1.0",
-    "@testing-library/user-event": "13.5.0",
-    "global": "^4.4.0",
-    "hls.js": "0.12.4",
-    "html-react-parser": "^1.4.0",
-    "interactjs": "^1.10.11",
-    "konva": "^7.2.5",
-    "prop-types": "15.7.2",
-    "react-konva": "^17.0.2-0",
-    "react-konva-utils": "^0.2.0",
-    "react-pdf": "5.2.0",
-    "react-promise-suspense": "0.3.3",
-    "react-typist": "^2.0.5",
-    "three": "0.132.2",
-    "web-vitals": "0.2.4"
-  },
-  "scripts": {
-    "start": "npm run storybook",
-    "clean": "rimraf dist",
-    "watch": "npx nodemon -e js --ignore dist --exec \"yarn compile && yalc push --changed\"",
-    "compile": "npm run clean && cross-env NODE_ENV=production babel src -d dist --ignore src/**/*.stories.js,src/**/*.test.js,src/setupTests.js",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -o build",
-    "generate": "plop",
-    "lint": "npx eslint src --ext js,json",
-    "lint:fix": "npx eslint src --ext js,json --fix",
-    "lint:quiet": "npx eslint src --ext js,json --quiet"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "7.12.10",
-    "@babel/eslint-parser": "^7.15.8",
-    "@babel/preset-env": "7.12.11",
-    "@babel/preset-react": "7.12.10",
-    "@gamelearn/arcade-styles": "0.5.10",
-    "@gamelearn/version": "^1.3.1",
-    "@react-three/test-renderer": "6.0.6",
-    "@storybook/addon-actions": "6.1.11",
-    "@storybook/addon-essentials": "6.1.11",
-    "@storybook/addon-links": "6.1.11",
-    "@storybook/addons": "^6.3.8",
-    "@storybook/node-logger": "6.1.11",
-    "@storybook/preset-create-react-app": "3.1.5",
-    "@storybook/react": "6.1.11",
-    "@storybook/theming": "^6.3.8",
-    "babel-loader": "8.2.2",
-    "cross-env": "7.0.3",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-json-format": "^2.0.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "husky": "4.3.0",
-    "nodemon": "^2.0.13",
-    "plop": "^2.7.4",
-    "prettier": "^2.5.0",
-    "react": "0.0.0-experimental-27659559e",
-    "react-dom": "0.0.0-experimental-27659559e",
-    "react-scripts": "4.0.1",
-    "rimraf": "3.0.2"
-  },
-  "jest": {
-    "transformIgnorePatterns": [
-      "node_modules/(?!(three)/)"
-    ],
-    "moduleNameMapper": {
-      "^react-pdf$": "react-pdf/dist/umd/entry.jest",
-      "^react-konva-utils$": "react-pdf/dist/umd/entry.jest"
-    }
-  },
-  "husky": {
-    "hooks": {
-      "prepare-commit-msg": "bash node_modules/@gamelearn/version/scripts/update_version.sh -p hooks.config ${HUSKY_GIT_PARAMS}",
-      "post-commit": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config",
-      "post-merge": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config"
-    }
-  }
-}
+{
+  "name": "@gamelearn/arcade-components",
+  "author": "Gamelearn",
+  "license": "unlicense",
+  "version": "1.4.30-fix2",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gamelearn/arcade-components"
+  },
+  "dependencies": {
+    "@gamelearn/arcade-three-core": "1.0.1",
+    "@react-three/drei": "^7.20.0",
+    "@react-three/fiber": "^7.0.17",
+    "@testing-library/jest-dom": "5.11.4",
+    "@testing-library/react": "11.1.0",
+    "@testing-library/user-event": "13.5.0",
+    "global": "^4.4.0",
+    "hls.js": "0.12.4",
+    "html-react-parser": "^1.4.0",
+    "interactjs": "^1.10.11",
+    "konva": "^7.2.5",
+    "prop-types": "15.7.2",
+    "react-konva": "^17.0.2-0",
+    "react-konva-utils": "^0.2.0",
+    "react-pdf": "5.2.0",
+    "react-promise-suspense": "0.3.3",
+    "react-typist": "^2.0.5",
+    "three": "0.132.2",
+    "web-vitals": "0.2.4"
+  },
+  "scripts": {
+    "start": "npm run storybook",
+    "clean": "rimraf dist",
+    "watch": "npx nodemon -e js --ignore dist --exec \"yarn compile && yalc push --changed\"",
+    "compile": "npm run clean && cross-env NODE_ENV=production babel src -d dist --ignore src/**/*.stories.js,src/**/*.test.js,src/setupTests.js",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -o build",
+    "generate": "plop",
+    "lint": "npx eslint src --ext js,json",
+    "lint:fix": "npx eslint src --ext js,json --fix",
+    "lint:quiet": "npx eslint src --ext js,json --quiet"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "7.12.10",
+    "@babel/eslint-parser": "^7.15.8",
+    "@babel/preset-env": "7.12.11",
+    "@babel/preset-react": "7.12.10",
+    "@gamelearn/arcade-styles": "0.5.11",
+    "@gamelearn/version": "^1.3.1",
+    "@react-three/test-renderer": "6.0.6",
+    "@storybook/addon-actions": "6.1.11",
+    "@storybook/addon-essentials": "6.1.11",
+    "@storybook/addon-links": "6.1.11",
+    "@storybook/addons": "^6.3.8",
+    "@storybook/node-logger": "6.1.11",
+    "@storybook/preset-create-react-app": "3.1.5",
+    "@storybook/react": "6.1.11",
+    "@storybook/theming": "^6.3.8",
+    "babel-loader": "8.2.2",
+    "cross-env": "7.0.3",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-json-format": "^2.0.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "4.3.0",
+    "nodemon": "^2.0.13",
+    "plop": "^2.7.4",
+    "prettier": "^2.5.0",
+    "react": "0.0.0-experimental-27659559e",
+    "react-dom": "0.0.0-experimental-27659559e",
+    "react-scripts": "4.0.1",
+    "rimraf": "3.0.2"
+  },
+  "jest": {
+    "transformIgnorePatterns": [
+      "node_modules/(?!(three)/)"
+    ],
+    "moduleNameMapper": {
+      "^react-pdf$": "react-pdf/dist/umd/entry.jest",
+      "^react-konva-utils$": "react-pdf/dist/umd/entry.jest"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "prepare-commit-msg": "bash node_modules/@gamelearn/version/scripts/update_version.sh -p hooks.config ${HUSKY_GIT_PARAMS}",
+      "post-commit": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config",
+      "post-merge": "bash node_modules/@gamelearn/version/scripts/after_version_update.sh -p hooks.config"
+    }
+  }
+}