[POC] Feat/a11y tree (#320)

* expo module

* expo module

* Initial iOS & Android error check implementation

* Prettier fix

* move example to playground

* make clear error

* improve playground app

Author: ceceppa

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  extends: ['@react-native'],
+  extends: ['@react-native', 'plugin:jest/recommended'],
   plugins: ['jest', 'import'],
   env: {
     browser: true,
@@ -9,6 +9,7 @@ module.exports = {
   rules: {
     '@typescript-eslint/no-unused-vars': 'off',
     'react-hooks/rules-of-hooks': 'off',
+    '@typescript-eslint/func-call-spacing': 'off',
   },
   parserOptions: {
     project: ['./tsconfig.json'],

.gitignore

@@ -47,3 +47,5 @@ coverage
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+example/.yarn
+playground/.yarn/cache/

.prettierrc.js

@@ -1,10 +1,10 @@
 module.exports = {
-    bracketSpacing: true,
-    jsxBracketSameLine: true,
-    singleQuote: true,
-    trailingComma: 'all',
-    arrowParens: 'avoid',
-    importOrder: ['<THIRD_PARTY_MODULES>', '^~(.*)/(.*)$', '^[./]'],
-    importOrderSeparation: true,
-    importOrderSortSpecifiers: true,
+  plugins: [require('@ianvs/prettier-plugin-sort-imports')],
+  bracketSpacing: true,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  arrowParens: 'avoid',
+  importOrder: ['<THIRD_PARTY_MODULES>', '^~(.*)/(.*)$', '^[./]'],
+  parser: 'typescript',
 };

README.md

@@ -63,6 +63,12 @@ export const App = () => {
 };
 ```
 
+### Playground
+
+You can use the playground app within this repository to see how AMA checks work in practice.
+The playground can also be used to learn how to fix accessibility issues in your app.
+
+
 ## 📃 [Documentation](https://commerce.nearform.com/open-source/react-native-ama)
 
 The documentation contains everything you need to know about `@react-native-ama/...`. It contains several sections in order of importance when you first get started: