@next-core/react-runtime 1.0.2

package/dist/cjs/ReactUseBrick.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactUseBrick = ReactUseBrick;
+exports.ReactUseMultipleBricks = ReactUseMultipleBricks;
+var _react = _interopRequireWildcard(require("react"));
+var _runtime = require("@next-core/runtime");
+// Note: always synchronize code in LegacyUseBrick:
+// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`
+function ReactUseBrick({
+  useBrick,
+  data
+}) {
+  const [renderResult, setRenderResult] = (0, _react.useState)(null);
+  const mountResult = (0, _react.useRef)();
+  const [renderKey, setRenderKey] = (0, _react.useState)();
+  const IdCounterRef = (0, _react.useRef)(0);
+  (0, _react.useEffect)(() => {
+    async function init() {
+      try {
+        setRenderResult(await _runtime.__secret_internals.renderUseBrick(useBrick, data));
+        setRenderKey(getUniqueId(IdCounterRef));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error("Render useBrick failed:", useBrick, "with data:", data);
+        (0, _runtime.handleHttpError)(error);
+      }
+    }
+    init();
+  }, [data, useBrick]);
+  const refCallback = (0, _react.useCallback)(element => {
+    if (element) {
+      mountResult.current = _runtime.__secret_internals.mountUseBrick(
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      renderResult, element);
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      _runtime.__secret_internals.unmountUseBrick(renderResult, mountResult.current);
+      mountResult.current = undefined;
+    }
+  }, [renderResult]);
+  if (!renderResult) {
+    // Fallback when loading/
+    return null;
+    // return <span>🌀 Loading...</span>;
+  }
+
+  const {
+    tagName
+  } = renderResult;
+  if (tagName === null) {
+    return null;
+  }
+  const WebComponent = tagName;
+  return /*#__PURE__*/_react.default.createElement(WebComponent, {
+    key: renderKey,
+    ref: refCallback
+  });
+}
+function getUniqueId(ref) {
+  return ++ref.current;
+}
+function ReactUseMultipleBricks({
+  useBrick,
+  data
+}) {
+  if (Array.isArray(useBrick)) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/_react.default.createElement(ReactUseBrick, {
+      key: index,
+      useBrick: item,
+      data: data
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(ReactUseBrick, {
+    useBrick: useBrick,
+    data: data
+  });
+}
+//# sourceMappingURL=ReactUseBrick.js.map

package/dist/cjs/ReactUseBrick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactUseBrick.js","names":["_react","_interopRequireWildcard","require","_runtime","ReactUseBrick","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","init","__secret_internals","renderUseBrick","getUniqueId","error","console","handleHttpError","refCallback","useCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","default","createElement","key","ref","ReactUseMultipleBricks","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n  useBrick: UseSingleBrickConf;\n  data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n  useBrick,\n  data,\n}: ReactUseBrickProps): React.ReactElement | null {\n  const [renderResult, setRenderResult] =\n    useState<__secret_internals.RenderUseBrickResult | null>(null);\n  const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n  const [renderKey, setRenderKey] = useState<number>();\n  const IdCounterRef = useRef(0);\n\n  useEffect(() => {\n    async function init() {\n      try {\n        setRenderResult(\n          await __secret_internals.renderUseBrick(useBrick, data)\n        );\n        setRenderKey(getUniqueId(IdCounterRef));\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n        handleHttpError(error);\n      }\n    }\n    init();\n  }, [data, useBrick]);\n\n  const refCallback = useCallback(\n    (element: HTMLElement) => {\n      if (element) {\n        mountResult.current = __secret_internals.mountUseBrick(\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          renderResult!,\n          element\n        );\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n        mountResult.current = undefined;\n      }\n    },\n    [renderResult]\n  );\n\n  if (!renderResult) {\n    // Fallback when loading/\n    return null;\n    // return <span>🌀 Loading...</span>;\n  }\n\n  const { tagName } = renderResult;\n  if (tagName === null) {\n    return null;\n  }\n\n  const WebComponent = tagName as any;\n  return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n  return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n  useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n  data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n  useBrick,\n  data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n  if (Array.isArray(useBrick)) {\n    return (\n      <>\n        {useBrick.map((item, index) => (\n          <ReactUseBrick key={index} useBrick={item} data={data} />\n        ))}\n      </>\n    );\n  }\n  return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AAOA;AACA;AACO,SAASE,aAAaA,CAAC;EAC5BC,QAAQ;EACRC;AACkB,CAAC,EAA6B;EAChD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GACnC,IAAAC,eAAQ,EAAiD,IAAI,CAAC;EAChE,MAAMC,WAAW,GAAG,IAAAC,aAAM,GAA0C;EACpE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,GAAU;EACpD,MAAMK,YAAY,GAAG,IAAAH,aAAM,EAAC,CAAC,CAAC;EAE9B,IAAAI,gBAAS,EAAC,MAAM;IACd,eAAeC,IAAIA,CAAA,EAAG;MACpB,IAAI;QACFR,eAAe,CACb,MAAMS,2BAAkB,CAACC,cAAc,CAACb,QAAQ,EAAEC,IAAI,CAAC,CACxD;QACDO,YAAY,CAACM,WAAW,CAACL,YAAY,CAAC,CAAC;MACzC,CAAC,CAAC,OAAOM,KAAK,EAAE;QACd;QACAC,OAAO,CAACD,KAAK,CAAC,yBAAyB,EAAEf,QAAQ,EAAE,YAAY,EAAEC,IAAI,CAAC;QACtE,IAAAgB,wBAAe,EAACF,KAAK,CAAC;MACxB;IACF;IACAJ,IAAI,EAAE;EACR,CAAC,EAAE,CAACV,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpB,MAAMkB,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,OAAoB,IAAK;IACxB,IAAIA,OAAO,EAAE;MACXf,WAAW,CAACgB,OAAO,GAAGT,2BAAkB,CAACU,aAAa;MACpD;MACApB,YAAY,EACZkB,OAAO,CACR;IACH,CAAC,MAAM;MACL;MACAR,2BAAkB,CAACW,eAAe,CAACrB,YAAY,EAAGG,WAAW,CAACgB,OAAO,CAAE;MACvEhB,WAAW,CAACgB,OAAO,GAAGG,SAAS;IACjC;EACF,CAAC,EACD,CAACtB,YAAY,CAAC,CACf;EAED,IAAI,CAACA,YAAY,EAAE;IACjB;IACA,OAAO,IAAI;IACX;EACF;;EAEA,MAAM;IAAEuB;EAAQ,CAAC,GAAGvB,YAAY;EAChC,IAAIuB,OAAO,KAAK,IAAI,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGD,OAAc;EACnC,oBAAO9B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACF,YAAY;IAACG,GAAG,EAAEtB,SAAU;IAACuB,GAAG,EAAEZ;EAAY,EAAG;AAC3D;AAEA,SAASJ,WAAWA,CAACgB,GAA6B,EAAU;EAC1D,OAAO,EAAEA,GAAG,CAACT,OAAO;AACtB;AAOO,SAASU,sBAAsBA,CAAC;EACrC/B,QAAQ;EACRC;AAC2B,CAAC,EAA6B;EACzD,IAAI+B,KAAK,CAACC,OAAO,CAACjC,QAAQ,CAAC,EAAE;IAC3B,oBACEL,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAAjC,MAAA,CAAAgC,OAAA,CAAAO,QAAA,QACGlC,QAAQ,CAACmC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACxB1C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;MAAC8B,GAAG,EAAEQ,KAAM;MAACrC,QAAQ,EAAEoC,IAAK;MAACnC,IAAI,EAAEA;IAAK,EACvD,CAAC,CACD;EAEP;EACA,oBAAON,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,IAAI,EAAEA;EAAK,EAAG;AAC1D"}

package/dist/cjs/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ReactUseBrick = require("./ReactUseBrick.js");
+Object.keys(_ReactUseBrick).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReactUseBrick[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ReactUseBrick[key];
+    }
+  });
+});
+var _useCurrentTheme = require("./useCurrentTheme.js");
+Object.keys(_useCurrentTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCurrentTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCurrentTheme[key];
+    }
+  });
+});
+var _useCurrentApp = require("./useCurrentApp.js");
+Object.keys(_useCurrentApp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCurrentApp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCurrentApp[key];
+    }
+  });
+});
+var _useRecentApps = require("./useRecentApps.js");
+Object.keys(_useRecentApps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useRecentApps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRecentApps[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ReactUseBrick","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useCurrentTheme","_useCurrentApp","_useRecentApps"],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./ReactUseBrick.js\";\nexport * from \"./useCurrentTheme.js\";\nexport * from \"./useCurrentApp.js\";\nexport * from \"./useRecentApps.js\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,cAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/useCurrentApp.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentApp = useCurrentApp;
+var _useRecentApps = require("./useRecentApps.js");
+/**
+ * 获取当前所在微应用信息的 React hooks。
+ *
+ * @example
+ *
+ * ```tsx
+ * function MyReactComponent() {
+ *   const app = useCurrentApp();
+ *   return <div>{app.id}</div>;
+ * }
+ * ```
+ *
+ * @returns 当前所在微应用的信息。
+ */
+function useCurrentApp() {
+  return (0, _useRecentApps.useRecentApps)().currentApp;
+}
+//# sourceMappingURL=useCurrentApp.js.map

package/dist/cjs/useCurrentApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentApp.js","names":["_useRecentApps","require","useCurrentApp","useRecentApps","currentApp"],"sources":["../../src/useCurrentApp.ts"],"sourcesContent":["import { useRecentApps } from \"./useRecentApps.js\";\n\n/**\n * 获取当前所在微应用信息的 React hooks。\n *\n * @example\n *\n * ```tsx\n * function MyReactComponent() {\n *   const app = useCurrentApp();\n *   return <div>{app.id}</div>;\n * }\n * ```\n *\n * @returns 当前所在微应用的信息。\n */\nexport function useCurrentApp() {\n  return useRecentApps().currentApp;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAAA,EAAG;EAC9B,OAAO,IAAAC,4BAAa,GAAE,CAACC,UAAU;AACnC"}

package/dist/cjs/useCurrentTheme.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentTheme = useCurrentTheme;
+var _react = require("react");
+var _runtime = require("@next-core/runtime");
+function useCurrentTheme() {
+  const [currentTheme, setCurrentTheme] = (0, _react.useState)(_runtime.getCurrentTheme);
+  (0, _react.useEffect)(() => {
+    const listenToThemeChange = event => {
+      setCurrentTheme(event.detail);
+    };
+    window.addEventListener("theme.change", listenToThemeChange);
+    return () => {
+      window.removeEventListener("theme.change", listenToThemeChange);
+    };
+  }, []);
+  return currentTheme;
+}
+//# sourceMappingURL=useCurrentTheme.js.map

package/dist/cjs/useCurrentTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentTheme.js","names":["_react","require","_runtime","useCurrentTheme","currentTheme","setCurrentTheme","useState","getCurrentTheme","useEffect","listenToThemeChange","event","detail","window","addEventListener","removeEventListener"],"sources":["../../src/useCurrentTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { getCurrentTheme } from \"@next-core/runtime\";\nimport type { SiteTheme } from \"@next-core/types\";\n\nexport function useCurrentTheme(): SiteTheme {\n  const [currentTheme, setCurrentTheme] = useState(getCurrentTheme);\n\n  useEffect(() => {\n    const listenToThemeChange = (event: Event): void => {\n      setCurrentTheme((event as CustomEvent<SiteTheme>).detail);\n    };\n    window.addEventListener(\"theme.change\", listenToThemeChange);\n    return () => {\n      window.removeEventListener(\"theme.change\", listenToThemeChange);\n    };\n  }, []);\n\n  return currentTheme;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAGO,SAASE,eAAeA,CAAA,EAAc;EAC3C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAACC,wBAAe,CAAC;EAEjE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,mBAAmB,GAAIC,KAAY,IAAW;MAClDL,eAAe,CAAEK,KAAK,CAA4BC,MAAM,CAAC;IAC3D,CAAC;IACDC,MAAM,CAACC,gBAAgB,CAAC,cAAc,EAAEJ,mBAAmB,CAAC;IAC5D,OAAO,MAAM;MACXG,MAAM,CAACE,mBAAmB,CAAC,cAAc,EAAEL,mBAAmB,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,YAAY;AACrB"}

package/dist/cjs/useRecentApps.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRecentApps = useRecentApps;
+var _react = _interopRequireDefault(require("react"));
+var _runtime = require("@next-core/runtime");
+function useRecentApps() {
+  const [recentApps, setRecentApps] = _react.default.useState(() => (0, _runtime.getRuntime)().getRecentApps());
+  _react.default.useEffect(() => {
+    const listener = event => {
+      setRecentApps(event.detail);
+    };
+    window.addEventListener("app.change", listener);
+    return () => window.removeEventListener("app.change", listener);
+  }, []);
+  return recentApps;
+}
+//# sourceMappingURL=useRecentApps.js.map

package/dist/cjs/useRecentApps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecentApps.js","names":["_react","_interopRequireDefault","require","_runtime","useRecentApps","recentApps","setRecentApps","React","useState","getRuntime","getRecentApps","useEffect","listener","event","detail","window","addEventListener","removeEventListener"],"sources":["../../src/useRecentApps.ts"],"sourcesContent":["import React from \"react\";\nimport { MicroApp } from \"@next-core/types\";\nimport { getRuntime } from \"@next-core/runtime\";\n\nexport interface RecentApps {\n  currentApp?: MicroApp;\n  previousApp?: MicroApp;\n}\n\nexport function useRecentApps(): RecentApps {\n  const [recentApps, setRecentApps] = React.useState<RecentApps>(() =>\n    getRuntime().getRecentApps()\n  );\n\n  React.useEffect(() => {\n    const listener = ((event: CustomEvent<RecentApps>) => {\n      setRecentApps(event.detail);\n    }) as EventListener;\n    window.addEventListener(\"app.change\", listener);\n    return () => window.removeEventListener(\"app.change\", listener);\n  }, []);\n\n  return recentApps;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAOO,SAASE,aAAaA,CAAA,EAAe;EAC1C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAa,MAC7D,IAAAC,mBAAU,GAAE,CAACC,aAAa,EAAE,CAC7B;EAEDH,cAAK,CAACI,SAAS,CAAC,MAAM;IACpB,MAAMC,QAAQ,GAAKC,KAA8B,IAAK;MACpDP,aAAa,CAACO,KAAK,CAACC,MAAM,CAAC;IAC7B,CAAmB;IACnBC,MAAM,CAACC,gBAAgB,CAAC,YAAY,EAAEJ,QAAQ,CAAC;IAC/C,OAAO,MAAMG,MAAM,CAACE,mBAAmB,CAAC,YAAY,EAAEL,QAAQ,CAAC;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,UAAU;AACnB"}

package/dist/esm/ReactUseBrick.js

@@ -0,0 +1,83 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { __secret_internals, handleHttpError } from "@next-core/runtime";
+// Note: always synchronize code in LegacyUseBrick:
+// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`
+export function ReactUseBrick(_ref) {
+  var {
+    useBrick,
+    data
+  } = _ref;
+  var [renderResult, setRenderResult] = useState(null);
+  var mountResult = useRef();
+  var [renderKey, setRenderKey] = useState();
+  var IdCounterRef = useRef(0);
+  useEffect(() => {
+    function init() {
+      return _init.apply(this, arguments);
+    }
+    function _init() {
+      _init = _asyncToGenerator(function* () {
+        try {
+          setRenderResult(yield __secret_internals.renderUseBrick(useBrick, data));
+          setRenderKey(getUniqueId(IdCounterRef));
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error("Render useBrick failed:", useBrick, "with data:", data);
+          handleHttpError(error);
+        }
+      });
+      return _init.apply(this, arguments);
+    }
+    init();
+  }, [data, useBrick]);
+  var refCallback = useCallback(element => {
+    if (element) {
+      mountResult.current = __secret_internals.mountUseBrick(
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      renderResult, element);
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      __secret_internals.unmountUseBrick(renderResult, mountResult.current);
+      mountResult.current = undefined;
+    }
+  }, [renderResult]);
+  if (!renderResult) {
+    // Fallback when loading/
+    return null;
+    // return <span>🌀 Loading...</span>;
+  }
+
+  var {
+    tagName
+  } = renderResult;
+  if (tagName === null) {
+    return null;
+  }
+  var WebComponent = tagName;
+  return /*#__PURE__*/React.createElement(WebComponent, {
+    key: renderKey,
+    ref: refCallback
+  });
+}
+function getUniqueId(ref) {
+  return ++ref.current;
+}
+export function ReactUseMultipleBricks(_ref2) {
+  var {
+    useBrick,
+    data
+  } = _ref2;
+  if (Array.isArray(useBrick)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(ReactUseBrick, {
+      key: index,
+      useBrick: item,
+      data: data
+    })));
+  }
+  return /*#__PURE__*/React.createElement(ReactUseBrick, {
+    useBrick: useBrick,
+    data: data
+  });
+}
+//# sourceMappingURL=ReactUseBrick.js.map

package/dist/esm/ReactUseBrick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactUseBrick.js","names":["React","useCallback","useEffect","useRef","useState","__secret_internals","handleHttpError","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","mountResult","renderKey","setRenderKey","IdCounterRef","init","_init","apply","arguments","_asyncToGenerator","renderUseBrick","getUniqueId","error","console","refCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","createElement","key","ref","ReactUseMultipleBricks","_ref2","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n  useBrick: UseSingleBrickConf;\n  data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n  useBrick,\n  data,\n}: ReactUseBrickProps): React.ReactElement | null {\n  const [renderResult, setRenderResult] =\n    useState<__secret_internals.RenderUseBrickResult | null>(null);\n  const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n  const [renderKey, setRenderKey] = useState<number>();\n  const IdCounterRef = useRef(0);\n\n  useEffect(() => {\n    async function init() {\n      try {\n        setRenderResult(\n          await __secret_internals.renderUseBrick(useBrick, data)\n        );\n        setRenderKey(getUniqueId(IdCounterRef));\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n        handleHttpError(error);\n      }\n    }\n    init();\n  }, [data, useBrick]);\n\n  const refCallback = useCallback(\n    (element: HTMLElement) => {\n      if (element) {\n        mountResult.current = __secret_internals.mountUseBrick(\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          renderResult!,\n          element\n        );\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n        mountResult.current = undefined;\n      }\n    },\n    [renderResult]\n  );\n\n  if (!renderResult) {\n    // Fallback when loading/\n    return null;\n    // return <span>🌀 Loading...</span>;\n  }\n\n  const { tagName } = renderResult;\n  if (tagName === null) {\n    return null;\n  }\n\n  const WebComponent = tagName as any;\n  return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n  return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n  useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n  data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n  useBrick,\n  data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n  if (Array.isArray(useBrick)) {\n    return (\n      <>\n        {useBrick.map((item, index) => (\n          <ReactUseBrick key={index} useBrick={item} data={data} />\n        ))}\n      </>\n    );\n  }\n  return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+export * from "./ReactUseBrick.js";
+export * from "./useCurrentTheme.js";
+export * from "./useCurrentApp.js";
+export * from "./useRecentApps.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./ReactUseBrick.js\";\nexport * from \"./useCurrentTheme.js\";\nexport * from \"./useCurrentApp.js\";\nexport * from \"./useRecentApps.js\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB"}

package/dist/esm/useCurrentApp.js

@@ -0,0 +1,20 @@
+import { useRecentApps } from "./useRecentApps.js";
+
+/**
+ * 获取当前所在微应用信息的 React hooks。
+ *
+ * @example
+ *
+ * ```tsx
+ * function MyReactComponent() {
+ *   const app = useCurrentApp();
+ *   return <div>{app.id}</div>;
+ * }
+ * ```
+ *
+ * @returns 当前所在微应用的信息。
+ */
+export function useCurrentApp() {
+  return useRecentApps().currentApp;
+}
+//# sourceMappingURL=useCurrentApp.js.map

package/dist/esm/useCurrentApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentApp.js","names":["useRecentApps","useCurrentApp","currentApp"],"sources":["../../src/useCurrentApp.ts"],"sourcesContent":["import { useRecentApps } from \"./useRecentApps.js\";\n\n/**\n * 获取当前所在微应用信息的 React hooks。\n *\n * @example\n *\n * ```tsx\n * function MyReactComponent() {\n *   const app = useCurrentApp();\n *   return <div>{app.id}</div>;\n * }\n * ```\n *\n * @returns 当前所在微应用的信息。\n */\nexport function useCurrentApp() {\n  return useRecentApps().currentApp;\n}\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC9B,OAAOD,aAAa,EAAE,CAACE,UAAU;AACnC"}

package/dist/esm/useCurrentTheme.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from "react";
+import { getCurrentTheme } from "@next-core/runtime";
+export function useCurrentTheme() {
+  var [currentTheme, setCurrentTheme] = useState(getCurrentTheme);
+  useEffect(() => {
+    var listenToThemeChange = event => {
+      setCurrentTheme(event.detail);
+    };
+    window.addEventListener("theme.change", listenToThemeChange);
+    return () => {
+      window.removeEventListener("theme.change", listenToThemeChange);
+    };
+  }, []);
+  return currentTheme;
+}
+//# sourceMappingURL=useCurrentTheme.js.map

package/dist/esm/useCurrentTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentTheme.js","names":["useEffect","useState","getCurrentTheme","useCurrentTheme","currentTheme","setCurrentTheme","listenToThemeChange","event","detail","window","addEventListener","removeEventListener"],"sources":["../../src/useCurrentTheme.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { getCurrentTheme } from \"@next-core/runtime\";\nimport type { SiteTheme } from \"@next-core/types\";\n\nexport function useCurrentTheme(): SiteTheme {\n  const [currentTheme, setCurrentTheme] = useState(getCurrentTheme);\n\n  useEffect(() => {\n    const listenToThemeChange = (event: Event): void => {\n      setCurrentTheme((event as CustomEvent<SiteTheme>).detail);\n    };\n    window.addEventListener(\"theme.change\", listenToThemeChange);\n    return () => {\n      window.removeEventListener(\"theme.change\", listenToThemeChange);\n    };\n  }, []);\n\n  return currentTheme;\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,QAAQ,oBAAoB;AAGpD,OAAO,SAASC,eAAeA,CAAA,EAAc;EAC3C,IAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAACC,eAAe,CAAC;EAEjEF,SAAS,CAAC,MAAM;IACd,IAAMM,mBAAmB,GAAIC,KAAY,IAAW;MAClDF,eAAe,CAAEE,KAAK,CAA4BC,MAAM,CAAC;IAC3D,CAAC;IACDC,MAAM,CAACC,gBAAgB,CAAC,cAAc,EAAEJ,mBAAmB,CAAC;IAC5D,OAAO,MAAM;MACXG,MAAM,CAACE,mBAAmB,CAAC,cAAc,EAAEL,mBAAmB,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,YAAY;AACrB"}

package/dist/esm/useRecentApps.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { getRuntime } from "@next-core/runtime";
+export function useRecentApps() {
+  var [recentApps, setRecentApps] = React.useState(() => getRuntime().getRecentApps());
+  React.useEffect(() => {
+    var listener = event => {
+      setRecentApps(event.detail);
+    };
+    window.addEventListener("app.change", listener);
+    return () => window.removeEventListener("app.change", listener);
+  }, []);
+  return recentApps;
+}
+//# sourceMappingURL=useRecentApps.js.map

package/dist/esm/useRecentApps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecentApps.js","names":["React","getRuntime","useRecentApps","recentApps","setRecentApps","useState","getRecentApps","useEffect","listener","event","detail","window","addEventListener","removeEventListener"],"sources":["../../src/useRecentApps.ts"],"sourcesContent":["import React from \"react\";\nimport { MicroApp } from \"@next-core/types\";\nimport { getRuntime } from \"@next-core/runtime\";\n\nexport interface RecentApps {\n  currentApp?: MicroApp;\n  previousApp?: MicroApp;\n}\n\nexport function useRecentApps(): RecentApps {\n  const [recentApps, setRecentApps] = React.useState<RecentApps>(() =>\n    getRuntime().getRecentApps()\n  );\n\n  React.useEffect(() => {\n    const listener = ((event: CustomEvent<RecentApps>) => {\n      setRecentApps(event.detail);\n    }) as EventListener;\n    window.addEventListener(\"app.change\", listener);\n    return () => window.removeEventListener(\"app.change\", listener);\n  }, []);\n\n  return recentApps;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,oBAAoB;AAO/C,OAAO,SAASC,aAAaA,CAAA,EAAe;EAC1C,IAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAa,MAC7DJ,UAAU,EAAE,CAACK,aAAa,EAAE,CAC7B;EAEDN,KAAK,CAACO,SAAS,CAAC,MAAM;IACpB,IAAMC,QAAQ,GAAKC,KAA8B,IAAK;MACpDL,aAAa,CAACK,KAAK,CAACC,MAAM,CAAC;IAC7B,CAAmB;IACnBC,MAAM,CAACC,gBAAgB,CAAC,YAAY,EAAEJ,QAAQ,CAAC;IAC/C,OAAO,MAAMG,MAAM,CAACE,mBAAmB,CAAC,YAAY,EAAEL,QAAQ,CAAC;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,UAAU;AACnB"}

package/dist/types/ReactUseBrick.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { UseSingleBrickConf } from "@next-core/types";
+export interface ReactUseBrickProps {
+    useBrick: UseSingleBrickConf;
+    data?: unknown;
+}
+export declare function ReactUseBrick({ useBrick, data, }: ReactUseBrickProps): React.ReactElement | null;
+export interface ReactUseMultipleBricksProps {
+    useBrick: UseSingleBrickConf | UseSingleBrickConf[];
+    data?: unknown;
+}
+export declare function ReactUseMultipleBricks({ useBrick, data, }: ReactUseMultipleBricksProps): React.ReactElement | null;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ReactUseBrick.js";
+export * from "./useCurrentTheme.js";
+export * from "./useCurrentApp.js";
+export * from "./useRecentApps.js";

package/dist/types/useCurrentApp.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 获取当前所在微应用信息的 React hooks。
+ *
+ * @example
+ *
+ * ```tsx
+ * function MyReactComponent() {
+ *   const app = useCurrentApp();
+ *   return <div>{app.id}</div>;
+ * }
+ * ```
+ *
+ * @returns 当前所在微应用的信息。
+ */
+export declare function useCurrentApp(): import("@next-core/types").MicroApp | undefined;

package/dist/types/useCurrentTheme.d.ts

@@ -0,0 +1,2 @@
+import type { SiteTheme } from "@next-core/types";
+export declare function useCurrentTheme(): SiteTheme;

package/dist/types/useRecentApps.d.ts

@@ -0,0 +1,6 @@
+import { MicroApp } from "@next-core/types";
+export interface RecentApps {
+    currentApp?: MicroApp;
+    previousApp?: MicroApp;
+}
+export declare function useRecentApps(): RecentApps;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@next-core/react-runtime",
+  "version": "1.0.2",
+  "homepage": "https://github.com/easyops-cn/next-core/tree/master/packages/react-runtime",
+  "license": "GPL-3.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:easyops-cn/next-core.git"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "prestart": "npm run clean",
+    "start": "concurrently -k -n types,main \"npm run start:types\" \"npm run start:main\"",
+    "start:main": "cross-env NODE_ENV=development build-next-libs --watch",
+    "start:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types --project tsconfig.build.json --watch",
+    "prebuild": "npm run clean",
+    "build": "npm run build:types && npm run build:main",
+    "build:main": "cross-env NODE_ENV=production build-next-libs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types --project tsconfig.build.json",
+    "test": "cross-env NODE_ENV='test' test-next",
+    "test:ci": "cross-env NODE_ENV='test' CI=true test-next"
+  },
+  "dependencies": {
+    "@next-core/runtime": "^1.0.2",
+    "@next-core/types": "^1.0.2",
+    "react": "0.0.0-experimental-ee8509801-20230117",
+    "react-dom": "0.0.0-experimental-ee8509801-20230117"
+  },
+  "devDependencies": {
+    "@next-core/build-next-libs": "^1.0.2",
+    "@next-core/test-next": "^1.0.2"
+  },
+  "gitHead": "ffd8b31a5d99db5af3b4ec7675ff2d6541eb1338"
+}