feat(💧 BlueRainApp): Create basic BlueRain main app structure

Author: artalat

src/BlueRain.ts

@@ -0,0 +1,38 @@
+import { ComponentRegistry, HookRegistry, PluginRegistry } from './registries';
+import { BlueRainProvider } from './Context';
+import { Logger } from './api';
+import { register as registerInternalComponents } from './components';
+import React from 'react';
+
+export class BlueRain {
+
+	// APIs
+	public Logger = new Logger(this);
+
+	// Registries
+	public Components: ComponentRegistry = new ComponentRegistry(this);
+	public Hooks: HookRegistry = new HookRegistry(this);
+	public Plugins: PluginRegistry = new PluginRegistry(this);
+
+	// Flags
+	public booted = false;
+
+	public async boot() {
+
+		await registerInternalComponents(this);
+
+		// Set View
+		// const SystemApp = this.Components.resolve('SystemApp');
+		// SystemApp = await this.Hooks.run('bluerain.system.app', SystemApp);
+
+		const BluerainApp = () => (
+			<BlueRainProvider value={this}>
+				<this.Components.SystemApp />
+			</BlueRainProvider>
+		);
+
+		this.booted = true;
+
+		return BluerainApp;
+	}
+}

src/BlueRain.tsx

@@ -0,0 +1,43 @@
+import { BR } from './instance';
+import React from 'react';
+
+export interface BlueRainAppProperties {
+
+	// plugins: Plugin[]
+}
+
+interface BlueRainAppState {
+
+	booted: boolean;
+
+	Component: React.ComponentType<any>
+}
+
+export class BlueRainApp extends React.Component<BlueRainAppProperties, BlueRainAppState> {
+
+	state = {
+		booted: BR.booted,
+
+		Component: () => <div>Loading</div>
+	};
+
+	async componentDidMount() {
+		try {
+			const Component = await BR.boot();
+			this.setState({
+				Component,
+				booted: BR.booted,
+			});
+		} catch (error) {
+			// tslint:disable-next-line:no-console
+			console.error(error);
+		}
+	}
+
+	render() {
+
+		const Component = this.state.Component;
+
+		return <Component />;
+	}
+}

src/BlueRainApp.tsx

@@ -0,0 +1,6 @@
+import { BR } from './instance';
+import { createContext } from 'react';
+
+export const BlueRainContext = createContext(BR);
+export const BlueRainProvider = BlueRainContext.Provider;
+export const BlueRainConsumer = BlueRainContext.Consumer;

src/BlueRainComponent.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export class SystemApp extends React.PureComponent {
+
+	render() {
+		return 'BlueRain System App!';
+	}
+}

src/Context.tsx

@@ -0,0 +1 @@
+export * from './SystemApp';

src/components/SystemApp/SystemApp.tsx

@@ -0,0 +1 @@
+export * from './register';

src/components/SystemApp/index.ts

@@ -0,0 +1,7 @@
+import { BlueRain } from '../BlueRain';
+import { SystemApp } from './SystemApp';
+
+export async function register(BR: BlueRain) {
+
+	await BR.Components.register('SystemApp', SystemApp);
+}

src/components/index.ts

@@ -1,2 +1,5 @@
 export * from './BlueRain';
+export * from './BlueRainApp';
+export * from './Context';
+export * from './instance';
 export * from './registries';

src/components/register.ts

@@ -0,0 +1,3 @@
+import { BlueRain } from './BlueRain';
+
+export const BR = new BlueRain();

src/index.ts

@@ -88,7 +88,7 @@ export class ComponentRegistry extends Registry<ComponentRegistryItem> {
 	}
 
 
-	public resolve(name: string) {
+	public resolve(name: string): React.ComponentType<any> {
 
 		const registryItem = super.get(name);