Feature/gep 130

examples/layout-manager-playground/.eslintrc.yml

@@ -0,0 +1,57 @@
+---
+root: true
+extends:
+  - eslint:recommended
+  - "plugin:@typescript-eslint/recommended"
+  - "plugin:@typescript-eslint/eslint-recommended"
+  - plugin:react/recommended
+
+parser: "@typescript-eslint/parser"
+parserOptions:
+  ecmaFeatures:
+    jsx: true
+plugins:
+  - jest
+  - react
+  - react-hooks
+  - "@typescript-eslint/eslint-plugin"
+settings:
+  react:
+    version: detect
+env:
+  jest/globals: true
+  browser: true
+  es6: true
+rules:
+  no-console: 0
+  func-style: 0
+  consistent-return: 2
+  prefer-arrow-callback:
+    - 2
+    - allowNamedFunctions: true
+      allowUnboundThis: false
+  jest/no-disabled-tests: 2
+  jest/no-focused-tests: 2
+  react/prop-types: 0
+  react/forbid-prop-types: 0
+  react/no-unused-prop-types: 0
+  react-hooks/rules-of-hooks: 2
+  react-hooks/exhaustive-deps: 1
+  curly: 2
+  no-tabs: 2
+  arrow-spacing: 2
+  no-unneeded-ternary: 2
+  object-curly-spacing:
+    - 2
+    - always
+  indent:
+    - 2
+    - 2
+    - SwitchCase: 1
+  "@typescript-eslint/no-explicit-any": 0
+  "@typescript-eslint/no-empty-function": 0
+  "@typescript-eslint/ban-ts-comment": 0
+
+globals:
+  __dirname: writable
+  module: writable

examples/layout-manager-playground/README.md

@@ -2,24 +2,40 @@
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
+To start develop, you need to setup yalc to link geppetto libraries to the current project.
+
+To do so, run
+
+```
+bash setup.sh
+```
+
 ## Available Scripts
 
 In the project directory, you can run:
 
-### `npm start`
+### `npm run start`
 
 Runs the app in the development mode.\
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
 The page will reload if you make edits.\
 You will also see any lint errors in the console.
 
-### `npm test`
+While developing on the geppetto-client, modifications can be hot loaded by running
+
+```
+bash update_geppetto.sh
+```
+
+
+
+### `npm run test`
 
 Launches the test runner in the interactive watch mode.\
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-### `npm run build`
+### `npm run  build`
 
 Builds the app for production to the `build` folder.\
 It correctly bundles React in production mode and optimizes the build for the best performance.