feat(icons): add MaterialIcons and Octicons

.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.travis.yml

@@ -0,0 +1,22 @@
+language: node_js
+
+cache:
+  yarn: true
+  directories:
+    - node_modules
+
+notifications:
+  email: false
+
+node_js:
+  - node
+
+before_install:
+  - echo "//registry.npmjs.org/:_authToken=\${NPM_TOKEN}" > .npmrc
+
+script:
+  - yarn build
+  - yarn compile
+
+after_success:
+  - npx semantic-release

@types/react-native-vector-icons/index.d.ts

@@ -0,0 +1,19 @@
+declare module 'react-native-vector-icons' {
+  export * from 'react-native-vector-icons'
+}
+
+declare module 'react-native-vector-icons/dist/MaterialIcons' {
+
+}
+
+declare module 'react-native-vector-icons/dist/Octicons' {
+
+}
+
+declare module 'react-native-vector-icons/Fonts/MaterialIcons.ttf' {
+
+}
+
+declare module 'react-native-vector-icons/Fonts/Octicons.ttf' {
+
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bara-react-icons",
   "license": "MIT",
-  "description": "BaraJS for React creative",
+  "description": "BaraJS React vector icons for cross-platform!",
   "homepage": "https://barajs.dev",
   "repository": "https://github.com/barajs/bara-react-icons",
   "version": "0.0.0",
@@ -16,19 +16,20 @@
     "src/lib"
   ],
   "dependencies": {
-    "bara": "2.2.0",
-    "fbemitter": "2.1.1",
+    "bara": "2.3.1",
+    "bara-react": "2.0.1",
+    "react-native-vector-icons": "6.4.2",
     "react-native-web": "0.11.2"
   },
   "devDependencies": {
     "@semantic-release/changelog": "3.0.2",
     "@semantic-release/git": "7.0.8",
-    "@types/fbemitter": "2.0.32",
     "@types/jest": "24.0.11",
     "@types/node": "11.13.5",
     "@types/react": "16.8.12",
     "@types/react-dom": "16.8.3",
     "@types/react-native": "0.57.42",
+    "@types/react-native-vector-icons": "6.4.0",
     "@typescript-eslint/typescript-estree": "1.6.0",
     "react": "16.8.6",
     "react-dom": "16.8.6",

src/App.tsx

@@ -1,14 +1,10 @@
 import { useBarn } from 'bara'
+import { BaraProvider, Touchable, View, Text, TouchableOpacity } from 'bara-react'
 import React, { Component, ReactNode, useState, useEffect } from 'react'
-
 import { StyleSheet } from 'react-native'
 
-import { BaraProvider } from './lib/context'
-import { Touchable } from './lib/exports/Touchable'
-import { View } from './lib/exports/View'
-import { Text } from './lib/exports/Text'
-import { TouchableOpacity } from './lib/exports/TouchableOpacity'
 import { WelcomeText } from './examples/components/WelcomeText'
+import { MaterialIcons as Icon, Octicons } from './lib'
 
 const styles = StyleSheet.create({
   view: {
@@ -35,15 +31,24 @@ const App = () => {
   return (
     <BaraProvider>
       <View style={styles.view}>
-        <Text name="version">Version: {version}</Text>
+        <Text name="version">
+          Version: {version}</Text>
         <View style={styles.button}>
           <Touchable name="welcome-button">
-            <Text>Welcome!</Text>
+            <Text>Material Icons</Text>
+            <Icon name="star" size={30} />
+            <Icon name="accessible" size={30} />
+            <Icon name="stop" size={30} />
+
           </Touchable>
         </View>
         <View style={styles.button}>
           <TouchableOpacity name="greet-button">
-            <Text>No Greet</Text>
+            <Text>Octicons</Text>
+            <Text>gear</Text>
+            <Octicons name="gear" size={30} />
+            <Text>chevron-right</Text>
+            <Octicons name="chevron-right" size={30} />
           </TouchableOpacity>
         </View>
         <View>

src/examples/components/WelcomeText.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Text, Touchable, useBarnState, View } from '../../lib'
+import { Text, Touchable, useBarnState, View } from 'bara-react'
 
 export const WelcomeText = () => {
   const [message, setMessage] = useBarnState('welcome', 'Welcome to Bara App!')

src/examples/features/welcome.ts

@@ -1,4 +1,4 @@
-import { useInit, useBarn, useTimerElapsed } from 'bara'
+import { useInit, useBarn, useTimerElapsed, setBarnState } from 'bara'
 
 import {
   nameOfTouchable,
@@ -7,11 +7,11 @@ import {
   useTouchableOpacityPress,
   useTextPress,
   nameOfText,
-} from '../../lib'
+} from 'bara-react'
 
-export function welcomeTrigger(setState: (key: string, value: any) => void) {
+export function welcomeTrigger() {
   useInit(() => {
-    setState('welcome', `Loading...`)
+    setBarnState('welcome', `Loading...`)
     useBarn('welcome', newMessage => {
     })
   })
@@ -21,7 +21,7 @@ export function welcomeTrigger(setState: (key: string, value: any) => void) {
       nameOf: nameOfTouchable('welcome-button'),
     },
     ({ name }) => {
-      setState('welcome', `You (${name}) are already welcomed!`)
+      setBarnState('welcome', `You (${name}) are already welcomed!`)
     },
   )
 
@@ -36,7 +36,7 @@ export function welcomeTrigger(setState: (key: string, value: any) => void) {
   )
 
   useTimerElapsed(5, () => {
-    setState('welcome', `Who are you?`)
+    setBarnState('welcome', `Who are you?`)
   })
 
   useBarn('welcome', newMessage => {

src/index.tsx

@@ -1,29 +1,28 @@
-import { register, useBarnStream } from 'bara'
+import { register, useBarnStream, useInitStream } from 'bara'
 import App from './App'
 import './index.css'
 import {
-  mapBarnWithReact,
   useReactApp,
   useTextStream,
   useTouchableOpacityStream,
   useTouchableStream,
   useViewStream,
-} from './lib'
+} from 'bara-react'
 
 import { welcomeTrigger } from './examples/features/welcome'
 
 const BaraApp = () => {
-  const [setState] = useBarnStream({
+  useInitStream()
+  useBarnStream({
     version: '1.0.0',
     welcome: 'Welcome to Bara React App!',
   })
   useReactApp({ name: 'bara-app', App })
-  mapBarnWithReact(setState)
   useViewStream()
   useTouchableStream()
   useTouchableOpacityStream()
   useTextStream()
-  welcomeTrigger(setState)
+  welcomeTrigger()
 }
 
 const bara = register(BaraApp)