@fringeworks/react-utils 0.9.1 → 0.10.0

package/index.mjs

@@ -4,17 +4,23 @@ import useCombinedRefs from "./hooks/useCombinedRefs/useCombinedRefs.mjs";
 import useConstant from "./hooks/useConstant/useConstant.mjs";
 import markAt from "./utils/markAt/markAt.mjs";
 import useExecutionAt from "./hooks/useExecutionAt/useExecutionAt.mjs";
-import useIsMounted from "./hooks/useIsMounted/useIsMounted.mjs";
 import useLatestRef from "./hooks/useLatestRef/useLatestRef.mjs";
+import useExecutionEffect from "./hooks/useExecutionEffect/useExecutionEffect.mjs";
+import useExecutionLayoutEffect from "./hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.mjs";
+import useIsHydrated from "./hooks/useIsHydrated/useIsHydrated.mjs";
+import useIsMounted from "./hooks/useIsMounted/useIsMounted.mjs";
 import usePreviousValue from "./hooks/usePreviousValue/usePreviousValue.mjs";
+import useRerender from "./hooks/useRerender/useRerender.mjs";
+import useStableCallback from "./hooks/useStableCallback/useStableCallback.mjs";
 import "./hooks/index.mjs";
 import applyDefaultProps from "./utils/applyDefaultProps/applyDefaultProps.mjs";
 import ensureComponent from "./utils/ensureComponent/ensureComponent.mjs";
 import extendElement from "./utils/extendElement/extendElement.mjs";
 import forEachContent from "./utils/forEachContent/forEachContent.mjs";
 import forEachElement from "./utils/forEachElement/forEachElement.mjs";
+import getComponentName from "./utils/getComponentName/getComponentName.mjs";
 import transformContent from "./utils/transformContent/transformContent.mjs";
 import transformElement from "./utils/transformElement/transformElement.mjs";
 import "./utils/index.mjs";
 
-export { applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement, useCombinedRefs, useConstant, useExecutionAt, useIsMounted, useLatestRef, usePreviousValue, useStableLength };
+export { applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, getComponentName, markAt, setRefCurrent, transformContent, transformElement, useCombinedRefs, useConstant, useExecutionAt, useExecutionEffect, useExecutionLayoutEffect, useIsHydrated, useIsMounted, useLatestRef, usePreviousValue, useRerender, useStableCallback, useStableLength };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fringeworks/react-utils",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "A library some will find handy, providing utilities for React.",
   "keywords": [
     "react"
@@ -64,6 +64,36 @@
         "default": "./hooks/useExecutionAt/index.cjs"
       }
     },
+    "./hooks/useExecutionEffect": {
+      "import": {
+        "types": "./hooks/useExecutionEffect/index.d.mts",
+        "default": "./hooks/useExecutionEffect/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useExecutionEffect/index.d.cts",
+        "default": "./hooks/useExecutionEffect/index.cjs"
+      }
+    },
+    "./hooks/useExecutionLayoutEffect": {
+      "import": {
+        "types": "./hooks/useExecutionLayoutEffect/index.d.mts",
+        "default": "./hooks/useExecutionLayoutEffect/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useExecutionLayoutEffect/index.d.cts",
+        "default": "./hooks/useExecutionLayoutEffect/index.cjs"
+      }
+    },
+    "./hooks/useIsHydrated": {
+      "import": {
+        "types": "./hooks/useIsHydrated/index.d.mts",
+        "default": "./hooks/useIsHydrated/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useIsHydrated/index.d.cts",
+        "default": "./hooks/useIsHydrated/index.cjs"
+      }
+    },
     "./hooks/useIsMounted": {
       "import": {
         "types": "./hooks/useIsMounted/index.d.mts",
@@ -94,6 +124,26 @@
         "default": "./hooks/usePreviousValue/index.cjs"
       }
     },
+    "./hooks/useRerender": {
+      "import": {
+        "types": "./hooks/useRerender/index.d.mts",
+        "default": "./hooks/useRerender/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useRerender/index.d.cts",
+        "default": "./hooks/useRerender/index.cjs"
+      }
+    },
+    "./hooks/useStableCallback": {
+      "import": {
+        "types": "./hooks/useStableCallback/index.d.mts",
+        "default": "./hooks/useStableCallback/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useStableCallback/index.d.cts",
+        "default": "./hooks/useStableCallback/index.cjs"
+      }
+    },
     "./hooks/useStableLength": {
       "import": {
         "types": "./hooks/useStableLength/index.d.mts",
@@ -164,6 +214,16 @@
         "default": "./utils/forEachElement/index.cjs"
       }
     },
+    "./utils/getComponentName": {
+      "import": {
+        "types": "./utils/getComponentName/index.d.mts",
+        "default": "./utils/getComponentName/index.mjs"
+      },
+      "require": {
+        "types": "./utils/getComponentName/index.d.cts",
+        "default": "./utils/getComponentName/index.cjs"
+      }
+    },
     "./utils/markAt": {
       "import": {
         "types": "./utils/markAt/index.d.mts",

package/utils/getComponentName/getComponentName.cjs

@@ -0,0 +1,18 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+//#region src/utils/getComponentName/getComponentName.ts
+/**
+* コンポーネントの名前を取得する（HOCのdisplayNameなどに使う）
+*
+* - HTMLの要素名はそのまま使う
+* - displayName・関数名が無い（空文字の）場合は`Unknown`
+* @param Component コンポーネント
+* @returns
+*/
+function getComponentName(Component) {
+	if (typeof Component === "string") return Component;
+	const { displayName, name } = Component;
+	return displayName || name || "Unknown";
+}
+
+//#endregion
+exports.default = getComponentName;

package/utils/getComponentName/getComponentName.d.cts

@@ -0,0 +1,12 @@
+import { ElementType } from "react";
+//#region src/utils/getComponentName/getComponentName.d.ts
+/**
+ * コンポーネントの名前を取得する（HOCのdisplayNameなどに使う）
+ *
+ * - HTMLの要素名はそのまま使う
+ * - displayName・関数名が無い（空文字の）場合は`Unknown`
+ * @param Component コンポーネント
+ * @returns
+ */
+declare function getComponentName(Component: ElementType): string;
+export = getComponentName;

package/utils/getComponentName/getComponentName.d.mts

@@ -0,0 +1,12 @@
+import { ElementType } from "react";
+//#region src/utils/getComponentName/getComponentName.d.ts
+/**
+ * コンポーネントの名前を取得する（HOCのdisplayNameなどに使う）
+ *
+ * - HTMLの要素名はそのまま使う
+ * - displayName・関数名が無い（空文字の）場合は`Unknown`
+ * @param Component コンポーネント
+ * @returns
+ */
+export default function getComponentName(Component: ElementType): string;
+//#endregion

package/utils/getComponentName/getComponentName.mjs

@@ -0,0 +1,17 @@
+//#region src/utils/getComponentName/getComponentName.ts
+/**
+* コンポーネントの名前を取得する（HOCのdisplayNameなどに使う）
+*
+* - HTMLの要素名はそのまま使う
+* - displayName・関数名が無い（空文字の）場合は`Unknown`
+* @param Component コンポーネント
+* @returns
+*/
+function getComponentName(Component) {
+	if (typeof Component === "string") return Component;
+	const { displayName, name } = Component;
+	return displayName || name || "Unknown";
+}
+
+//#endregion
+export { getComponentName as default };

package/utils/getComponentName/index.cjs

@@ -0,0 +1,5 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_utils_getComponentName_getComponentName = require("./getComponentName.cjs");
+
+exports.default = require_utils_getComponentName_getComponentName.default;
+exports.getComponentName = require_utils_getComponentName_getComponentName.default;

package/utils/getComponentName/index.d.cts

@@ -0,0 +1,2 @@
+import getComponentName from "./getComponentName.cjs";
+export { getComponentName as default, getComponentName };

package/utils/getComponentName/index.d.mts

@@ -0,0 +1,2 @@
+import getComponentName from "./getComponentName.mjs";
+export { getComponentName as default, getComponentName };

package/utils/getComponentName/index.mjs

@@ -0,0 +1,3 @@
+import getComponentName from "./getComponentName.mjs";
+
+export { getComponentName as default, getComponentName };

package/utils/index.cjs

@@ -10,6 +10,7 @@ const require_utils_forEachContent_forEachContent = require("./forEachContent/fo
 require("./forEachContent/index.cjs");
 const require_utils_forEachElement_forEachElement = require("./forEachElement/forEachElement.cjs");
 require("./forEachElement/index.cjs");
+const require_utils_getComponentName_getComponentName = require("./getComponentName/getComponentName.cjs");
 const require_utils_transformContent_transformContent = require("./transformContent/transformContent.cjs");
 require("./transformContent/index.cjs");
 const require_utils_transformElement_transformElement = require("./transformElement/transformElement.cjs");
@@ -20,6 +21,7 @@ exports.ensureComponent = require_utils_ensureComponent_ensureComponent.default;
 exports.extendElement = require_utils_extendElement_extendElement.default;
 exports.forEachContent = require_utils_forEachContent_forEachContent.default;
 exports.forEachElement = require_utils_forEachElement_forEachElement.default;
+exports.getComponentName = require_utils_getComponentName_getComponentName.default;
 exports.markAt = require_utils_markAt_markAt.default;
 exports.setRefCurrent = require_utils_setRefCurrent_setRefCurrent.default;
 exports.transformContent = require_utils_transformContent_transformContent.default;

package/utils/index.d.cts

@@ -11,10 +11,12 @@ import forEachContent from "./forEachContent/forEachContent.cjs";
 import "./forEachContent/index.cjs";
 import forEachElement from "./forEachElement/forEachElement.cjs";
 import "./forEachElement/index.cjs";
+import getComponentName from "./getComponentName/getComponentName.cjs";
+import "./getComponentName/index.cjs";
 import setRefCurrent from "./setRefCurrent/setRefCurrent.cjs";
 import "./setRefCurrent/index.cjs";
 import transformContent from "./transformContent/transformContent.cjs";
 import "./transformContent/index.cjs";
 import transformElement from "./transformElement/transformElement.cjs";
 import "./transformElement/index.cjs";
-export { type AppliedProps, type ExtendableProps, type MarkAtResult, type SkippedDefaults, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement };
+export { type AppliedProps, type ExtendableProps, type MarkAtResult, type SkippedDefaults, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, getComponentName, markAt, setRefCurrent, transformContent, transformElement };

package/utils/index.d.mts

@@ -11,10 +11,12 @@ import forEachContent from "./forEachContent/forEachContent.mjs";
 import "./forEachContent/index.mjs";
 import forEachElement from "./forEachElement/forEachElement.mjs";
 import "./forEachElement/index.mjs";
+import getComponentName from "./getComponentName/getComponentName.mjs";
+import "./getComponentName/index.mjs";
 import setRefCurrent from "./setRefCurrent/setRefCurrent.mjs";
 import "./setRefCurrent/index.mjs";
 import transformContent from "./transformContent/transformContent.mjs";
 import "./transformContent/index.mjs";
 import transformElement from "./transformElement/transformElement.mjs";
 import "./transformElement/index.mjs";
-export { type AppliedProps, type ExtendableProps, type MarkAtResult, type SkippedDefaults, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement };
+export { type AppliedProps, type ExtendableProps, type MarkAtResult, type SkippedDefaults, applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, getComponentName, markAt, setRefCurrent, transformContent, transformElement };

package/utils/index.mjs

@@ -9,9 +9,10 @@ import forEachContent from "./forEachContent/forEachContent.mjs";
 import "./forEachContent/index.mjs";
 import forEachElement from "./forEachElement/forEachElement.mjs";
 import "./forEachElement/index.mjs";
+import getComponentName from "./getComponentName/getComponentName.mjs";
 import transformContent from "./transformContent/transformContent.mjs";
 import "./transformContent/index.mjs";
 import transformElement from "./transformElement/transformElement.mjs";
 import "./transformElement/index.mjs";
 
-export { applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, markAt, setRefCurrent, transformContent, transformElement };
+export { applyDefaultProps, ensureComponent, extendElement, forEachContent, forEachElement, getComponentName, markAt, setRefCurrent, transformContent, transformElement };