Merge pull request #110 from BlueBaseJS/develop

First release of this plugin (#1)

Author: artalat

.gitignore

@@ -36,4 +36,7 @@ dist/
 .cache
 
 # Expo
-.expo
+.expo
+
+# Jest
+.jest

.npmignore

@@ -13,3 +13,4 @@ build/docs
 coverage
 .nyc_output
 *.log
+.jest

assets/expo/icon.png

@@ -1,4 +1,7 @@
 module.exports = {
+  "plugins": [
+    "@babel/plugin-transform-flow-strip-types"
+  ],
   "presets": [
     "@bluebase/code-standards/babel.config"
   ]

assets/expo/splash.png

@@ -0,0 +1,7 @@
+import Plugin from '../../src';
+
+// This file contain all the apps, plugins and configuration which are required
+// for booting bluebase. see https://blueeast.gitbooks.io/bluebase/
+export default {
+	plugins: [Plugin]
+};

assets/expo/wallpaper.jpg

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Text } from '@bluebase/components';
+import { createPlugin } from '@bluebase/core';
+
+export default createPlugin({
+	key: 'app-1',
+	name: 'D App 1',
+
+	icon: {
+		name: 'delete',
+		type: 'icon',
+	},
+
+	routes: {
+		name: 'App1',
+		path: '',
+		screen: () => (<Text>App1</Text>),
+	}
+});

babel.config.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Text } from '@bluebase/components';
+import { createPlugin } from '@bluebase/core';
+
+export default createPlugin({
+	key: 'App 2',
+	name: 'Demp App 2, This one has a long name',
+
+	icon: {
+		source: { uri: 'https://placeimg.com/300/300/any' },
+		type: 'image',
+	},
+
+	routes: {
+		name: 'App2',
+		path: '',
+		screen: () => (<Text>App2</Text>),
+	}
+});

bluebase/common/bluebase.ts

@@ -0,0 +1,26 @@
+import { DynamicIcon } from '@bluebase/core/dist/components';
+import React from 'react';
+import { Text } from '@bluebase/components';
+import { View } from 'react-native';
+import { createPlugin } from '@bluebase/core';
+
+// Custom component doesn't resepect size in this plugin
+export default createPlugin({
+	key: 'App 3',
+	name: 'Demp App 3',
+
+	icon: {
+		component: () => (
+			<View style={{ backgroundColor: 'red', borderRadius: 50 }}>
+				<DynamicIcon type="icon" name="audiotrack" color="white" />
+			</View>
+		),
+		type: 'component',
+	},
+
+	routes: {
+		name: 'App3',
+		path: '',
+		screen: () => (<Text>App3</Text>),
+	}
+});