55 lines
No EOL
1.2 KiB
JavaScript
55 lines
No EOL
1.2 KiB
JavaScript
import {
|
|
split,
|
|
last
|
|
} from "lodash/fp";
|
|
import {writable} from "svelte/store";
|
|
import { $ } from "./core/common";
|
|
import { setupBinding } from "./state/stateBinding";
|
|
import { createCoreApi } from "./core";
|
|
|
|
export const createApp = (componentLibraries, appDefinition, user) => {
|
|
|
|
const initialiseComponent = (props, htmlElement) => {
|
|
|
|
const {componentName, libName} = splitName(props._component);
|
|
|
|
if(!componentName || !libName) return;
|
|
|
|
const {initialProps, bind} = setupBinding(store, props, coreApi);
|
|
|
|
const component = new (componentLibraries[libName][componentName])({
|
|
target: htmlElement,
|
|
props: {...initialProps, _app},
|
|
hydrate:true
|
|
});
|
|
|
|
bind(component);
|
|
|
|
}
|
|
|
|
const coreApi = createCoreApi(appDefinition, user);
|
|
const store = writable({
|
|
_bbuser: user
|
|
});
|
|
|
|
const _app = {
|
|
initialiseComponent,
|
|
store
|
|
};
|
|
|
|
return _app;
|
|
|
|
}
|
|
|
|
|
|
const splitName = fullname => {
|
|
const componentName = $(fullname, [
|
|
split("/"),
|
|
last
|
|
]);
|
|
|
|
const libName =fullname.substring(
|
|
0, fullname.length - componentName.length - 1);
|
|
|
|
return {libName, componentName};
|
|
} |