@codeleap/hooks 4.3.9 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "4.3.9",
+  "version": "5.0.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,22 +9,22 @@
     "directory": "packages/hooks"
   },
   "devDependencies": {
-    "@codeleap/config": "4.3.9",
-    "@codeleap/types": "4.3.9",
-    "@codeleap/utils": "4.3.9",
-    "@codeleap/logger": "4.3.9",
+    "@codeleap/config": "5.0.1",
+    "@codeleap/types": "5.0.1",
+    "@codeleap/utils": "5.0.1",
+    "@codeleap/logger": "5.0.1",
     "ts-node-dev": "1.1.8"
   },
   "scripts": {
     "build": "echo 'No build needed'"
   },
   "peerDependencies": {
-    "@codeleap/types": "4.3.9",
-    "@codeleap/utils": "4.3.9",
-    "@codeleap/logger": "4.3.9",
+    "@codeleap/types": "5.0.1",
+    "@codeleap/utils": "5.0.1",
+    "@codeleap/logger": "5.0.1",
     "axios": "^1.7.9",
-    "typescript": "5.0.4",
-    "react": "18.1.0",
+    "typescript": "5.5.2",
+    "react": "18.2.0",
     "@tanstack/react-query": "5.60.6"
   }
 }

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/hooks",
-  "version": "4.3.9",
+  "version": "5.0.1",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -23,8 +23,8 @@
     "@codeleap/utils": "workspace:*",
     "@codeleap/logger": "workspace:*",
     "axios": "^1.7.9",
-    "typescript": "5.0.4",
-    "react": "18.1.0",
+    "typescript": "5.5.2",
+    "react": "18.2.0",
     "@tanstack/react-query": "5.60.6"
   }
 }

package/src/index.ts

@@ -33,6 +33,7 @@ export * from './useSearch'
 export * from './usePartialState'
 export * from './useIsClient'
 export * from './GlobalContext'
+export * from './useComponentTestId'
 
 export {
   useEffect,

package/src/useComponentTestId.ts

@@ -0,0 +1,44 @@
+import { AnyRecord } from '@codeleap/types'
+import { useRef, Children } from 'react'
+
+const simpleHash = (str: string): string => {
+  let hash = 0
+  for (let i = 0; i < str.length; i++) {
+    hash = (hash << 5) - hash + str.charCodeAt(i)
+    hash |= 0
+  }
+  return Math.abs(hash).toString()
+}
+
+const normalizeProps = <P extends AnyRecord>(props: P, keys: Array<keyof P>): Partial<P> => {
+  return keys.reduce((acc, key) => {
+    if (key === 'children') {
+      acc[key] = Children.map(props[key], (child) =>
+        typeof child === 'object' ? '[Component]' : child
+      )
+    } else {
+      acc[key] = props[key]
+    }
+    return acc
+  }, {} as Partial<P>)
+}
+
+const normalizeDebugName = (debugName: string) => {
+  return debugName.trim().replace(/\s+/g, '-').toLowerCase()
+}
+
+const generateComponentTestId = <P extends AnyRecord>(componentName: string, props: P, keys: Array<keyof P>) => {
+  const hasDebugName = typeof props?.['debugName'] === 'string'
+  if (hasDebugName) return `${componentName}:${normalizeDebugName(props?.['debugName'])}`
+  const extractedProps = normalizeProps(props, keys)
+  return `${componentName}:${simpleHash(JSON.stringify(extractedProps))}`
+}
+
+export const useComponentTestId = <P extends AnyRecord>(
+  Component: any,
+  props: P,
+  keys: Array<keyof P>
+) => {
+  const testIdRef = useRef(generateComponentTestId(Component.styleRegistryName, props, keys))
+  return testIdRef.current
+}