@arcblock/react-hooks 3.4.15 → 3.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/react-hooks",
-  "version": "3.4.15",
+  "version": "3.5.0",
   "description": "React hooks used by arcblock products",
   "keywords": [
     "react",
@@ -33,6 +33,9 @@
     "event-target-shim": "^5.0.1",
     "ismobilejs": "^1.1.1"
   },
+  "files": [
+    "lib"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -40,5 +43,5 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0"
   },
-  "gitHead": "73039d82d507d9ec5408d8cfc67d9efeffae3e74"
+  "gitHead": "1cfc816004525cf1b352ec2b64d459f4769f0237"
 }

package/build.config.ts

@@ -1,25 +0,0 @@
-/* eslint-disable import/no-unresolved */
-import { defineBuildConfig, BuildEntry } from 'unbuild';
-
-const pattern = ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx', '**/*.png', '!**/*.stories.js', '!**/demo', '**/*.svg'];
-
-const shared: BuildEntry = {
-  builder: 'mkdist',
-  input: './src',
-  pattern,
-  ext: 'js',
-  esbuild: {
-    jsx: 'automatic',
-  },
-  declaration: true,
-};
-export default defineBuildConfig({
-  failOnWarn: false,
-  entries: [
-    {
-      ...shared,
-      outDir: './lib',
-      format: 'esm',
-    },
-  ],
-});

package/src/index.ts

@@ -1,8 +0,0 @@
-// @ts-expect-error
-export { default as useInterval } from './useInterval';
-// @ts-expect-error
-export { default as useStorage } from './useStorage';
-// @ts-expect-error
-export { default as useBrowser } from './useBrowser';
-
-export { default as useLineClamp } from './useLineClamp';

package/src/useBrowser.js

@@ -1,63 +0,0 @@
-import { useState } from 'react';
-import isMobile from 'ismobilejs';
-
-const DID_WALLET_TAG = 'ABTWallet';
-const ARC_SPHERE_TAG = 'ArcSphere';
-
-function getUaVersion(userAgent, tag) {
-  const reg = new RegExp(`${tag}/(?<version>[0-9.]+)`, 'g');
-  const result = reg.exec(userAgent);
-  const version = result?.groups?.version;
-  return version;
-}
-
-export default function useBrowser() {
-  const userAgent = window?.navigator?.userAgent;
-  const [browser] = useState({
-    // FIXME: @zhanghan 待应用中相关代码兼容 arcSphere 的判断后，才能移除 arcSphere 的判断
-    // https://github.com/search?q=org%3AArcBlock%20browser.wallet&type=code
-    // https://github.com/search?q=org%3Ablocklet+browser.wallet&type=code
-    wallet: userAgent.indexOf(DID_WALLET_TAG) > -1 || userAgent.indexOf(ARC_SPHERE_TAG) > -1,
-    walletVersion: getUaVersion(userAgent, DID_WALLET_TAG),
-    arcSphere: userAgent.indexOf(ARC_SPHERE_TAG) > -1,
-    arcSphereVersion: getUaVersion(userAgent, ARC_SPHERE_TAG),
-    wechat: /MicroMessenger/i.test(userAgent),
-    mobile: {
-      apple: {
-        phone: false,
-        ipod: false,
-        tablet: false,
-        device: false,
-      },
-      amazon: {
-        phone: false,
-        tablet: false,
-        device: false,
-      },
-      android: {
-        phone: false,
-        tablet: false,
-        device: false,
-      },
-      windows: {
-        phone: false,
-        tablet: false,
-        device: false,
-      },
-      other: {
-        blackberry: false,
-        blackberry10: false,
-        opera: false,
-        firefox: false,
-        chrome: false,
-        device: false,
-      },
-      phone: false,
-      tablet: false,
-      any: false,
-      ...isMobile(userAgent),
-    },
-  });
-
-  return browser;
-}

package/src/useInterval.js

@@ -1,22 +0,0 @@
-/* eslint-disable consistent-return */
-import { useEffect, useRef } from 'react';
-
-export default function useInterval(callback, delay) {
-  const savedCallback = useRef();
-
-  // Remember the latest callback.
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-
-  // Set up the interval.
-  useEffect(() => {
-    function tick() {
-      savedCallback.current();
-    }
-    if (delay !== null) {
-      const id = setInterval(tick, delay);
-      return () => clearInterval(id);
-    }
-  }, [delay]);
-}

package/src/useLineClamp.ts

@@ -1,156 +0,0 @@
-// fork from https://github.com/drenther/use-clamp-text
-
-/* eslint-disable no-shadow */
-/* eslint-disable import/prefer-default-export */
-import { useDebounceFn, useMemoizedFn, useMount, useReactive, useUpdateEffect } from 'ahooks';
-import { useRef } from 'react';
-
-const defaultEllipsis = '…';
-
-let keyCount = 0;
-const getNewKey = () => `__clamp_text_key__${keyCount++}`;
-
-export default function useLineClamp({
-  text,
-  ellipsis = defaultEllipsis,
-  lines = 3,
-  expanded = false,
-  debounceTime = 300,
-  charWidth = 1.2,
-  offset = 1,
-}: {
-  text: string;
-  ellipsis?: string;
-  lines?: number;
-  expanded?: boolean;
-  debounceTime?: number;
-  charWidth?: number;
-  offset?: number;
-}) {
-  const currentState = useReactive({
-    needClamp: true,
-    noClamp: false,
-    clampedText: '…',
-    key: getNewKey(),
-  });
-
-  const textRef = useRef<HTMLElement | null>(undefined);
-  const buttonRef = useRef<HTMLElement | null>(undefined);
-  const lineHeightRef = useRef(0);
-
-  const clampLines = useMemoizedFn(({ lineHeight, originalText, expanded, ellipsis, lines }) => {
-    if (!textRef.current) {
-      return;
-    }
-    const node = textRef.current;
-    const button = buttonRef.current;
-    if (!originalText || expanded) {
-      currentState.noClamp = true;
-      currentState.clampedText = originalText;
-      currentState.key = getNewKey();
-      return;
-    }
-
-    const maxHeight = lineHeight * lines + 1;
-
-    let start = 0;
-    let middle = 0;
-    let end = originalText.length;
-
-    if (!node.clientHeight) {
-      return;
-    }
-
-    function moveMarkers() {
-      const clientHeight = node?.getBoundingClientRect().height ?? 1;
-      if (clientHeight <= maxHeight) {
-        start = middle + 1;
-      } else {
-        end = middle - 1;
-      }
-    }
-
-    while (start <= end) {
-      middle = Math.floor((start + end) / 2);
-      node.innerText = originalText.slice(0, middle) + ellipsis;
-      if (button) {
-        node.appendChild(button.cloneNode(true));
-      }
-
-      if (middle === originalText.length) {
-        currentState.needClamp = false;
-        currentState.noClamp = true;
-        currentState.clampedText = originalText;
-        currentState.key = getNewKey();
-        return;
-      }
-      moveMarkers();
-    }
-
-    const clampedText =
-      originalText.slice(0, Math.max(middle - offset, 0)).trim() + (typeof ellipsis === 'string' ? ellipsis : '');
-
-    node.innerText = clampedText;
-    if (button) node.appendChild(button.cloneNode(true));
-
-    currentState.needClamp = true;
-    currentState.noClamp = false;
-    currentState.clampedText = clampedText;
-    currentState.key = getNewKey();
-  });
-  const { run: debouncedClampLines } = useDebounceFn(clampLines, {
-    wait: debounceTime,
-  });
-
-  const resizeListener = useMemoizedFn(() => {
-    debouncedClampLines({
-      lineHeight: lineHeightRef.current,
-      originalText: text,
-      expanded,
-      ellipsis,
-      lines,
-      charWidth,
-    });
-  });
-
-  useMount(() => {
-    if (text && !lineHeightRef.current) {
-      const lineHeight = (textRef.current?.clientHeight ?? 1) + 1;
-      lineHeightRef.current = lineHeight;
-      setTimeout(() => {
-        clampLines({
-          lineHeight,
-          originalText: text,
-          expanded,
-          ellipsis,
-          lines,
-          charWidth,
-        });
-      });
-    }
-    window.addEventListener('resize', resizeListener);
-    return () => {
-      window.removeEventListener('resize', resizeListener);
-    };
-  });
-  useUpdateEffect(() => {
-    clampLines({
-      lineHeight: lineHeightRef.current,
-      originalText: text,
-      expanded,
-      ellipsis,
-      lines,
-      charWidth,
-    });
-  }, [expanded, text, charWidth, ellipsis, lines]);
-
-  return {
-    textRef,
-    buttonRef,
-    needClamp: currentState.needClamp,
-    noClamp: currentState.noClamp,
-    clampedText: currentState.clampedText,
-    key: currentState.key,
-    run: resizeListener,
-  };
-}

package/src/useStorage.js

@@ -1,39 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-import { useState, useEffect } from 'react';
-import { EventTarget } from 'event-target-shim';
-
-const evtTarget = new EventTarget();
-export default function useStorage(storage, keyPrefix) {
-  return (key, defaultValue) => {
-    const storeKey = `${keyPrefix}.${key}`;
-    const raw = storage.getItem(storeKey);
-    const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue);
-
-    const updater = (updatedValue) => {
-      setValue(updatedValue);
-      storage.setItem(storeKey, JSON.stringify(updatedValue));
-      evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
-    };
-
-    if (defaultValue != null && !raw) {
-      updater(defaultValue);
-    }
-
-    useEffect(() => {
-      const listener = ({ detail }) => {
-        if (detail.key === key) {
-          const _raw = storage.getItem(storeKey);
-
-          if (_raw !== raw) {
-            setValue(JSON.parse(_raw));
-          }
-        }
-      };
-
-      evtTarget.addEventListener('storage_change', listener);
-      return () => evtTarget.removeEventListener('storage_change', listener);
-    });
-
-    return [value, updater];
-  };
-}

package/vite.config.mjs

@@ -1,25 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import noBundlePlugin from 'vite-plugin-no-bundle';
-import fg from 'fast-glob';
-
-export default defineConfig({
-  plugins: [
-    react({ jsxRuntime: 'automatic' }),
-    noBundlePlugin({
-      root: 'src',
-      copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg', '**/*.d.ts'],
-    }),
-  ],
-  build: {
-    lib: {
-      entry: fg.sync('src/**/*.{tsx,ts,jsx,js}', {
-        ignore: ['**/stories/**', '**/demo/**', '**/*.d.ts', '**/*.stories.*'],
-      }),
-      formats: ['es'],
-      fileName: (format, entryName) => `${entryName}.js`,
-    },
-    outDir: 'lib',
-    emptyOutDir: true,
-  },
-});