@equinor/fusion-framework-react-app 0.7.2 → 1.0.0-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0-alpha.0](https://github.com/equinor/fusion-framework/compare/@equinor/fusion-framework-react-app@0.8.0...@equinor/fusion-framework-react-app@1.0.0-alpha.0) (2022-09-12)
+
+
+### ⚠ BREAKING CHANGES
+
+* **react-app:** config is now object
+
+### Features
+
+* **react-app:** update init ([a41f102](https://github.com/equinor/fusion-framework/commit/a41f102e2fee94ec4e29b567cf867465c672f16f))
+
+
+
+## [0.8.0](https://github.com/equinor/fusion-framework/compare/@equinor/fusion-framework-react-app@0.7.3...@equinor/fusion-framework-react-app@0.8.0) (2022-09-09)
+
+
+### Features
+
+* **react-app:** create legacy app ([4ae10ab](https://github.com/equinor/fusion-framework/commit/4ae10ab4aec50d9e92ce4cb0c74a1405a0dcc36e))
+
+
+
+## [0.7.3](https://github.com/equinor/fusion-framework/compare/@equinor/fusion-framework-react-app@0.7.2...@equinor/fusion-framework-react-app@0.7.3) (2022-09-05)
+
+**Note:** Version bump only for package @equinor/fusion-framework-react-app
+
+
+
+
+
 ## [0.7.2](https://github.com/equinor/fusion-framework/compare/@equinor/fusion-framework-react-app@0.7.1...@equinor/fusion-framework-react-app@0.7.2) (2022-09-05)
 
 **Note:** Version bump only for package @equinor/fusion-framework-react-app

package/dist/esm/create-component.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from 'react';
+import { FrameworkProvider } from '@equinor/fusion-framework-react';
+import { initAppModules } from '@equinor/fusion-framework-app';
+import { ModuleProvider as AppModuleProvider } from '@equinor/fusion-framework-react-module';
+export const createComponent = (Component, configure) => ({ fusion, env }) => lazy(async () => {
+    const init = initAppModules(configure);
+    const modules = (await init({
+        fusion,
+        manifest: env,
+    }));
+    modules.event.dispatchEvent('onReactAppLoaded', {
+        detail: { modules, fusion },
+        source: Component,
+    });
+    return {
+        default: () => (_jsx(FrameworkProvider, { value: fusion, children: _jsx(AppModuleProvider, { value: modules, children: _jsx(Component, {}) }) })),
+    };
+});
+export default createComponent;
+//# sourceMappingURL=create-component.js.map

package/dist/esm/create-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-component.js","sourceRoot":"","sources":["../../src/create-component.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAW/D,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AA8D7F,MAAM,CAAC,MAAM,eAAe,GACxB,CAKI,SAA8B,EAC9B,SAAyD,EACvB,EAAE,CACxC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAChB,IAAI,CAAC,KAAK,IAAI,EAAE;IACZ,MAAM,IAAI,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,MAAM,IAAI,CAAC;QACxB,MAAM;QACN,QAAQ,EAAE,GAAG;KAChB,CAAC,CAAkC,CAAC;IAErC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;QAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3B,MAAM,EAAE,SAAS;KACpB,CAAC,CAAC;IACH,OAAO;QACH,OAAO,EAAE,GAAG,EAAE,CAAC,CACX,KAAC,iBAAiB,IAAC,KAAK,EAAE,MAAM,YAC5B,KAAC,iBAAiB,IAAC,KAAK,EAAE,OAAO,YAC7B,KAAC,SAAS,KAAG,GACG,GACJ,CACvB;KACJ,CAAC;AACN,CAAC,CAAC,CAAC;AAUX,eAAe,eAAe,CAAC"}

package/dist/esm/create-legacy-app.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, useMemo } from 'react';
+import { useFramework } from '@equinor/fusion-framework-react/hooks';
+import { createComponent } from './create-component';
+export const createLegacyApp = (Component, configure) => {
+    return () => {
+        const fusion = useFramework();
+        const RenderComponent = useMemo(() => {
+            const creator = createComponent(Component, configure);
+            return creator({ fusion, env: { name: 'legacy' } });
+        }, []);
+        return (_jsx(Suspense, { fallback: _jsx("p", { children: "loading app" }), children: _jsx(RenderComponent, {}) }));
+    };
+};
+//# sourceMappingURL=create-legacy-app.js.map

package/dist/esm/create-legacy-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-legacy-app.js","sourceRoot":"","sources":["../../src/create-legacy-app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAKrE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,SAA8B,EAC9B,SAAwC,EAC1C,EAAE;IACA,OAAO,GAAgB,EAAE;QACrB,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;QAC9B,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;YACjC,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACtD,OAAO,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QACxD,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,CACH,KAAC,QAAQ,IAAC,QAAQ,EAAE,sCAAkB,YAClC,KAAC,eAAe,KAAG,GACZ,CACd,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/index.js

@@ -1,6 +1,8 @@
-export { appModules } from '@equinor/fusion-framework-app';
 export { useAppModule } from './useAppModule';
 export { useAppModules } from './useAppModules';
-export { createApp } from './create-app';
-export { default } from './create-app';
+export { renderApp } from './render-app';
+export { createComponent } from './create-component';
+export { renderComponent } from './render-component';
+export { createLegacyApp } from './create-legacy-app';
+export { default } from './render-app';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAU3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/render-app.js

@@ -0,0 +1,10 @@
+import { createComponent } from './create-component';
+import { renderComponent } from './render-component';
+export const renderApp = (...componentArgs) => {
+    const renderer = renderComponent(createComponent(...componentArgs));
+    return (el, args) => {
+        return renderer(el, args);
+    };
+};
+export default renderApp;
+//# sourceMappingURL=render-app.js.map

package/dist/esm/render-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-app.js","sourceRoot":"","sources":["../../src/render-app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAIrE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,aAAiD,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAG,eAAe,CAAC,eAAe,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,EAAe,EAAE,IAAyB,EAAkB,EAAE;QAClE,OAAO,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/render-component.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, StrictMode } from 'react';
+import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+export const renderComponent = (renderer) => {
+    return (el, args) => {
+        const Component = renderer(args);
+        const renderFn = createRoot ? render : renderLegacy;
+        return renderFn(el, Component);
+    };
+};
+const renderLegacy = (el, Component) => {
+    ReactDOM.render(_jsx(StrictMode, { children: _jsx(Suspense, { fallback: _jsx("p", { children: "loading app" }), children: _jsx(Component, {}) }) }), el);
+    return () => {
+        ReactDOM.unmountComponentAtNode(el);
+    };
+};
+const render = (el, Component) => {
+    const root = createRoot(el);
+    root.render(_jsx(StrictMode, { children: _jsx(Suspense, { fallback: _jsx("p", { children: "loading app" }), children: _jsx(Component, {}) }) }));
+    return () => {
+        root.unmount();
+    };
+};
+export default renderComponent;
+//# sourceMappingURL=render-component.js.map

package/dist/esm/render-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-component.js","sourceRoot":"","sources":["../../src/render-component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA2B,EAAE,EAAE;IAC3D,OAAO,CAAC,EAAe,EAAE,IAAyB,EAAkB,EAAE;QAClE,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC;QACpD,OAAO,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IACnC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAW,EAAE,SAA4B,EAAkB,EAAE;IAC/E,QAAQ,CAAC,MAAM,CACX,KAAC,UAAU,cACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,sCAAkB,YAClC,KAAC,SAAS,KAAG,GACN,GACF,EACb,EAAE,CACL,CAAC;IACF,OAAO,GAAG,EAAE;QACR,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAW,EAAE,SAA4B,EAAkB,EAAE;IACzE,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAC5B,IAAI,CAAC,MAAM,CACP,KAAC,UAAU,cACP,KAAC,QAAQ,IAAC,QAAQ,EAAE,sCAAkB,YAClC,KAAC,SAAS,KAAG,GACN,GACF,CAChB,CAAC;IACF,OAAO,GAAG,EAAE;QACR,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}