@pushwoosh/single-spa 0.0.1

package/Parcel.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+type ParcelProps = {
+    className?: string;
+    module: string;
+    parcelFunctionName?: string;
+    [key: string]: any;
+};
+export declare const Parcel: FC<ParcelProps>;
+export {};

package/Parcel.js

@@ -0,0 +1,38 @@
+import React, { useMemo } from 'react';
+import singleSpa from 'single-spa';
+import SingleSpaParcel from 'single-spa-react/parcel';
+export const Parcel = ({
+  className,
+  module,
+  parcelFunctionName = 'parcel',
+  ...transferProps
+}) => {
+  const parcelConfig = useMemo(() => {
+    let parcel;
+    return {
+      bootstrap(props) {
+        return System.import(module).then(imported => {
+          parcel = imported[parcelFunctionName](props.domElement);
+        });
+      },
+      mount(props) {
+        parcel.render(props);
+        return Promise.resolve();
+      },
+      unmount() {
+        parcel.unmount();
+        return Promise.resolve();
+      },
+      update(props) {
+        parcel.render(props);
+        return Promise.resolve();
+      }
+    };
+  }, [module, parcelFunctionName]);
+  return React.createElement(SingleSpaParcel, {
+    ...transferProps,
+    config: parcelConfig,
+    wrapClassName: className,
+    mountParcel: singleSpa.mountRootParcel
+  });
+};

package/index.d.ts

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

package/index.js

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

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@pushwoosh/single-spa",
+  "version": "0.0.1",
+  "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:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
+  },
+  "pre-commit": "check",
+  "devDependencies": {
+    "@pushwoosh/frontend-builder-engine": "^0.3.1",
+    "@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",
+    "pre-commit": "^1.2.2",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
+  },
+  "peerDependencies": {
+    "react": ">= 16.14.0"
+  },
+  "engines": {
+    "node": ">= 18"
+  },
+  "dependencies": {
+    "single-spa": "^5.9.5",
+    "single-spa-react": "^4.6.1"
+  }
+}