@pushwoosh/single-spa 0.1.0 → 0.2.0

package/Parcel.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import singleSpa from 'single-spa';
+import { mountRootParcel } from 'single-spa';
 import SingleSpaParcel from 'single-spa-react/parcel';
 export const Parcel = ({
   className,
@@ -12,6 +12,7 @@ export const Parcel = ({
     return {
       bootstrap(props) {
         return System.import(module).then(imported => {
+          // eslint-disable-next-line react/prop-types
           parcel = imported[parcelFunctionName](props.domElement);
         });
       },
@@ -33,7 +34,7 @@ export const Parcel = ({
     ...transferProps,
     config: parcelConfig,
     wrapClassName: className,
-    mountParcel: singleSpa.mountRootParcel,
+    mountParcel: mountRootParcel,
     key: `${module}-${parcelFunctionName}`
   });
 };

package/createApplicationFunctions.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import { type ReactAppOrParcel } from 'single-spa-react';
+import { type SPAContextType } from '@pushwoosh/spa-context';
+export declare function createApplicationFunctions<T extends {
+    spaContext: SPAContextType;
+}>(renderFn: (props: T) => ReactElement): ReactAppOrParcel<T>;

package/createApplicationFunctions.js

@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import ReactDOMClient from 'react-dom/client';
+import singleSpaReact from 'single-spa-react';
+import { SPAContextProvider } from '@pushwoosh/spa-context';
+class AppWrapper extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError() {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error('AppWrapper caught an error', error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return React.createElement("div", null, "Application has been crashed! Please try again later!");
+    }
+    return React.createElement(SPAContextProvider, {
+      value: this.props.spaContext
+    }, this.props.children);
+  }
+}
+export function createApplicationFunctions(renderFn) {
+  return singleSpaReact({
+    React,
+    ReactDOMClient,
+    rootComponent: props => React.createElement(AppWrapper, {
+      spaContext: props.spaContext
+    }, renderFn(props))
+  });
+}

package/createParcelFunction.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+type ParcelResult<T> = {
+    render: (props: T) => void;
+    unmount: () => void;
+};
+export declare function createParcelFunction<T>(render: (props: T) => ReactElement): (container: HTMLElement) => ParcelResult<T>;
+export {};

package/createParcelFunction.js

@@ -0,0 +1,14 @@
+import { createRoot } from 'react-dom/client';
+export function createParcelFunction(render) {
+  return container => {
+    const root = createRoot(container);
+    return {
+      render(props) {
+        root.render(render(props));
+      },
+      unmount() {
+        root.unmount();
+      }
+    };
+  };
+}

package/index.d.ts

@@ -1 +1,3 @@
 export * from './Parcel';
+export { createParcelFunction } from './createParcelFunction';
+export { createApplicationFunctions } from './createApplicationFunctions';

package/index.js

@@ -1 +1,3 @@
-export * from './Parcel';
+export * from './Parcel';
+export { createParcelFunction } from './createParcelFunction';
+export { createApplicationFunctions } from './createApplicationFunctions';

package/package.json

@@ -1,47 +1,38 @@
 {
   "name": "@pushwoosh/single-spa",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
   "types": "index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "start": "npm run playground",
     "build": "pushwoosh-engine lib:build",
-    "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "npm run check:lint && npm run check:types",
-    "check:lint": "echo \"Run check:lint\" && eslint .",
+    "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint src",
+    "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint src --fix",
     "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^0.3.1",
+    "@pushwoosh/frontend-builder-engine": "^1.0.21",
     "@pushwoosh/kit-constants": "^1.6.0",
-    "@types/react": "^16.14.20",
-    "@types/react-dom": "^16.9.14",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
-    "eslint": "^8.31.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
     "pre-commit": "^1.2.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "peerDependencies": {
-    "react": ">= 16.14.0"
+    "react": ">= 18",
+    "react-dom": ">= 18"
   },
   "engines": {
     "node": ">= 18"
   },
   "dependencies": {
+    "@pushwoosh/spa-context": "^1.0.0",
     "single-spa": "^5.9.5",
-    "single-spa-react": "^4.6.1"
+    "single-spa-react": "^6.0.2"
   }
 }