@alepha/react 0.11.6 → 0.11.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2025 Feunard
3
+ Copyright (c) 2025 Nicolas Foures
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -192,7 +192,3 @@ class App {
192
192
 
193
193
  const router = useRouter<App>();
194
194
  router.go("home"); // typesafe
195
-
196
- #### useStore()
197
-
198
- Hook to access and mutate the Alepha state.
@@ -1,4 +1,4 @@
1
- import { $atom, $env, $hook, $inject, $module, $use, Alepha, AlephaError, Descriptor, KIND, createDescriptor, t } from "@alepha/core";
1
+ import { $atom, $env, $hook, $inject, $module, $use, Alepha, AlephaError, Atom, Descriptor, KIND, createDescriptor, t } from "@alepha/core";
2
2
  import { AlephaDateTime, DateTimeProvider } from "@alepha/datetime";
3
3
  import { AlephaServer, HttpClient } from "@alepha/server";
4
4
  import { AlephaServerLinks, LinkProvider } from "@alepha/server-links";
@@ -417,25 +417,23 @@ const useEvents = (opts, deps) => {
417
417
 
418
418
  //#endregion
419
419
  //#region src/hooks/useStore.ts
420
- /**
421
- * Hook to access and mutate the Alepha state.
422
- */
423
- const useStore = (key, defaultValue) => {
420
+ function useStore(target, defaultValue) {
424
421
  const alepha = useAlepha();
425
422
  useMemo(() => {
426
- if (defaultValue != null && alepha.state.get(key) == null) alepha.state.set(key, defaultValue);
423
+ if (defaultValue != null && alepha.state.get(target) == null) alepha.state.set(target, defaultValue);
427
424
  }, [defaultValue]);
428
- const [state, setState] = useState(alepha.state.get(key));
425
+ const [state, setState] = useState(alepha.state.get(target));
429
426
  useEffect(() => {
430
427
  if (!alepha.isBrowser()) return;
428
+ const key = target instanceof Atom ? target.key : target;
431
429
  return alepha.events.on("state:mutate", (ev) => {
432
430
  if (ev.key === key) setState(ev.value);
433
431
  });
434
432
  }, []);
435
433
  return [state, (value) => {
436
- alepha.state.set(key, value);
434
+ alepha.state.set(target, value);
437
435
  }];
438
- };
436
+ }
439
437
 
440
438
  //#endregion
441
439
  //#region src/hooks/useRouterState.ts