@arcblock/ux 2.7.7 → 2.7.9

package/es/BlockletContext/index.js

@@ -0,0 +1,61 @@
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useAsyncEffect } from 'ahooks';
+import { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BlockletContext = /*#__PURE__*/createContext();
+const {
+  Provider,
+  Consumer
+} = BlockletContext;
+
+/**
+ *
+ * @param {object} props
+ * @param {string} props.baseUrl baseUrl 为 blocklet origin + blocklet prefix
+ * @param {any} props.children
+ * @returns
+ */
+function BlockletProvider({
+  children,
+  baseUrl
+}) {
+  const [blockletData, setBlockletData] = useState(null);
+  const getBlockleData = useMemoizedFn(async () => {
+    if (!baseUrl || window.location.href.startsWith(baseUrl)) {
+      return window.blocklet;
+    }
+    const url = new URL('__blocklet__.js', baseUrl);
+    url.searchParams.set('type', 'json');
+    const res = await fetch(url.href);
+    const jsonData = await res.json();
+    return jsonData;
+  });
+  useAsyncEffect(async () => {
+    try {
+      const data = await getBlockleData();
+      setBlockletData(data);
+    } catch {
+      // NOTICE: 如果获取指定 blockletData 失败，则使用 window.blocklet
+      setBlockletData(window.blocklet);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [baseUrl]);
+  return /*#__PURE__*/_jsx(Provider, {
+    value: blockletData,
+    children: blockletData ? children : null
+  });
+}
+function useBlockletContext() {
+  const blocklet = useContext(BlockletContext);
+  return {
+    blocklet
+  };
+}
+BlockletProvider.propTypes = {
+  baseUrl: PropTypes.string,
+  children: PropTypes.any.isRequired
+};
+BlockletProvider.defaultProps = {
+  baseUrl: ''
+};
+export { BlockletContext, BlockletProvider, Consumer as BlockletConsumer, useBlockletContext };

package/es/Locale/context.js

@@ -75,7 +75,7 @@ function LocaleProvider({
   useEffect(() => {
     const tmpLocale = locale || getLocale(langs);
     if (tmpLocale !== currentLocale) {
-      changeLocale(locale);
+      changeLocale(tmpLocale);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);

package/lib/BlockletContext/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockletContext = exports.BlockletConsumer = void 0;
+exports.BlockletProvider = BlockletProvider;
+exports.useBlockletContext = useBlockletContext;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ahooks = require("ahooks");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const BlockletContext = /*#__PURE__*/(0, _react.createContext)();
+exports.BlockletContext = BlockletContext;
+const {
+  Provider,
+  Consumer
+} = BlockletContext;
+
+/**
+ *
+ * @param {object} props
+ * @param {string} props.baseUrl baseUrl 为 blocklet origin + blocklet prefix
+ * @param {any} props.children
+ * @returns
+ */
+exports.BlockletConsumer = Consumer;
+function BlockletProvider(_ref) {
+  let {
+    children,
+    baseUrl
+  } = _ref;
+  const [blockletData, setBlockletData] = (0, _react.useState)(null);
+  const getBlockleData = (0, _ahooks.useMemoizedFn)(async () => {
+    if (!baseUrl || window.location.href.startsWith(baseUrl)) {
+      return window.blocklet;
+    }
+    const url = new URL('__blocklet__.js', baseUrl);
+    url.searchParams.set('type', 'json');
+    const res = await fetch(url.href);
+    const jsonData = await res.json();
+    return jsonData;
+  });
+  (0, _ahooks.useAsyncEffect)(async () => {
+    try {
+      const data = await getBlockleData();
+      setBlockletData(data);
+    } catch (_unused) {
+      // NOTICE: 如果获取指定 blockletData 失败，则使用 window.blocklet
+      setBlockletData(window.blocklet);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [baseUrl]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+    value: blockletData,
+    children: blockletData ? children : null
+  });
+}
+function useBlockletContext() {
+  const blocklet = (0, _react.useContext)(BlockletContext);
+  return {
+    blocklet
+  };
+}
+BlockletProvider.propTypes = {
+  baseUrl: _propTypes.default.string,
+  children: _propTypes.default.any.isRequired
+};
+BlockletProvider.defaultProps = {
+  baseUrl: ''
+};

package/lib/Locale/context.js

@@ -102,7 +102,7 @@ function LocaleProvider(_ref) {
   (0, _react.useEffect)(() => {
     const tmpLocale = locale || getLocale(langs);
     if (tmpLocale !== currentLocale) {
-      changeLocale(locale);
+      changeLocale(tmpLocale);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.7.7",
+  "version": "2.7.9",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -81,6 +81,10 @@
       "import": "./es/Blocklet/index.js",
       "require": "./lib/Blocklet/index.js"
     },
+    "./lib/BlockletContext": {
+      "import": "./es/BlockletContext/index.js",
+      "require": "./lib/BlockletContext/index.js"
+    },
     "./lib/BlockletNFT": {
       "import": "./es/BlockletNFT/index.js",
       "require": "./lib/BlockletNFT/index.js"
@@ -314,11 +318,11 @@
   "peerDependencies": {
     "react": ">=18.1.0"
   },
-  "gitHead": "d19cd8e69d486c96874c72218037d972322ffacc",
+  "gitHead": "169697a7db454ad878d480dc86e90d049f510536",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.7.7",
-    "@arcblock/react-hooks": "^2.7.7",
+    "@arcblock/icons": "^2.7.9",
+    "@arcblock/react-hooks": "^2.7.9",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/BlockletContext/index.jsx

@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useAsyncEffect } from 'ahooks';
+import { createContext, useContext, useState } from 'react';
+
+const BlockletContext = createContext();
+
+const { Provider, Consumer } = BlockletContext;
+
+/**
+ *
+ * @param {object} props
+ * @param {string} props.baseUrl baseUrl 为 blocklet origin + blocklet prefix
+ * @param {any} props.children
+ * @returns
+ */
+function BlockletProvider({ children, baseUrl }) {
+  const [blockletData, setBlockletData] = useState(null);
+  const getBlockleData = useMemoizedFn(async () => {
+    if (!baseUrl || window.location.href.startsWith(baseUrl)) {
+      return window.blocklet;
+    }
+
+    const url = new URL('__blocklet__.js', baseUrl);
+    url.searchParams.set('type', 'json');
+    const res = await fetch(url.href);
+    const jsonData = await res.json();
+    return jsonData;
+  });
+  useAsyncEffect(async () => {
+    try {
+      const data = await getBlockleData();
+      setBlockletData(data);
+    } catch {
+      // NOTICE: 如果获取指定 blockletData 失败，则使用 window.blocklet
+      setBlockletData(window.blocklet);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [baseUrl]);
+  return <Provider value={blockletData}>{blockletData ? children : null}</Provider>;
+}
+
+function useBlockletContext() {
+  const blocklet = useContext(BlockletContext);
+  return { blocklet };
+}
+
+BlockletProvider.propTypes = {
+  baseUrl: PropTypes.string,
+  children: PropTypes.any.isRequired,
+};
+BlockletProvider.defaultProps = {
+  baseUrl: '',
+};
+
+export { BlockletContext, BlockletProvider, Consumer as BlockletConsumer, useBlockletContext };

package/src/Locale/context.js

@@ -73,7 +73,7 @@ function LocaleProvider({ children, locale, fallbackLocale, translations, langua
   useEffect(() => {
     const tmpLocale = locale || getLocale(langs);
     if (tmpLocale !== currentLocale) {
-      changeLocale(locale);
+      changeLocale(tmpLocale);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);