fixed typo

Author: bennobuilder

examples/plainjs/develop/tree-shaking/package.json

@@ -13,7 +13,7 @@
   "license": "ISC",
   "devDependencies": {
     "webpack": "^5.47.0",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^4.8.0"
   },
   "dependencies": {
     "@agile-ts/core": "file:.yalc/@agile-ts/core"

packages/core/src/logCodeManager.ts

@@ -25,7 +25,7 @@ const logCodeTypes = {
 // ---
 // 00:00:|00| third digits are based on the Log Message (ascending counted)
 
-const logCodeMessages = {
+const niceLogCodeMessages = {
   // Agile
   '10:00:00': 'Created new AgileInstance.',
   '10:02:00':
@@ -167,6 +167,13 @@ const logCodeMessages = {
   '00:03:01': "'${0}' has to be of the type ${1}!",
 };
 
+// Note: Not outsource the 'production' env check,
+// because then webpack can't treeshake based on the current env
+const logCodeMessages: typeof niceLogCodeMessages =
+  typeof process === 'object' && process.env.NODE_ENV !== 'production'
+    ? niceLogCodeMessages
+    : ({} as any);
+
 /**
  * Returns the log message according to the specified log code.
  *

packages/react/src/hocs/AgileHOC.ts

@@ -9,8 +9,8 @@ import Agile, {
   extractRelevantObservers,
   normalizeArray,
 } from '@agile-ts/core';
-import type { Collection } from '@agile-ts/core';
-import { LogCodeManager } from '../logCodeManager'; // Only import Collection and Group type for better Treeshaking
+import type { Collection } from '@agile-ts/core'; // Only import Collection and Group type for better Treeshaking
+import { LogCodeManager } from '../logCodeManager';
 
 /**
  * A Higher order Component for binding the most relevant value of multiple Agile Instances

packages/react/src/hooks/useSelector.ts

@@ -14,16 +14,30 @@ import {
 } from './useBaseAgile';
 import { AgileValueHookType } from './useValue';
 
+/**
+ * A React Hook for binding a selected value of an Agile Instance
+ * (like the Collection's output or the State's value)
+ * to a React Functional Component.
+ *
+ * This binding ensures that the Component re-renders
+ * whenever the selected value of an Agile Instance mutates.
+ *
+ * @public
+ * @param dep - Agile Sub Instance to be bound to the Functional Component.
+ * @param selectorMethod - Equality comparison function.
+ * that allows you to customize the way the selected Agile Instance
+ * is compared to determine whether the Component needs to be re-rendered.
+ * @param config - Configuration object
+ */
 export function useSelector<
   ReturnType,
   X extends SubscribableAgileInstancesType,
   ValueType extends AgileValueHookType<X>
 >(
   dep: X,
-  selector: SelectorMethodType<ValueType>,
+  selectorMethod: SelectorMethodType<ValueType>,
   config?: BaseAgileHookConfigInterface
 ): ReturnType;
-
 /**
  * A React Hook for binding a selected value of an Agile Instance
  * (like the Collection's output or the State's value)
@@ -34,14 +48,14 @@ export function useSelector<
  *
  * @public
  * @param dep - Agile Sub Instance to be bound to the Functional Component.
- * @param selector - Equality comparison function
+ * @param selectorMethod - Equality comparison function.
  * that allows you to customize the way the selected Agile Instance
  * is compared to determine whether the Component needs to be re-rendered.
  * @param config - Configuration object
  */
 export function useSelector<ValueType = any, ReturnType = any>(
   dep: SubscribableAgileInstancesType,
-  selector: SelectorMethodType<ValueType>,
+  selectorMethod: SelectorMethodType<ValueType>,
   config?: BaseAgileHookConfigInterface
 ): ReturnType;
 
@@ -51,13 +65,14 @@ export function useSelector<
   ReturnType = any
 >(
   dep: X,
-  selector: SelectorMethodType<ValueType>,
+  selectorMethod: SelectorMethodType<ValueType>,
   config: BaseAgileHookConfigInterface = {}
 ): ReturnType {
   config = defineConfig(config, {
     key: generateId(),
     agileInstance: null as any,
     componentId: undefined,
+    deps: [],
   });
   const depsArray = extractRelevantObservers([dep]);
 
@@ -70,7 +85,7 @@ export function useSelector<
     // (Destroys the type of the useAgile hook,
     // however the type can be adjusted in the useSelector hook)
     if (isValidObject(value, true)) {
-      return selector(value);
+      return selectorMethod(value);
     }
 
     return value;
@@ -83,7 +98,7 @@ export function useSelector<
       let selectorWeakMap: SelectorWeakMapType | undefined = undefined;
       selectorWeakMap = new WeakMap();
       for (const observer of observers) {
-        selectorWeakMap.set(observer, { methods: [selector] });
+        selectorWeakMap.set(observer, { methods: [selectorMethod] });
       }
 
       return {