@evolu/react-web 1.0.1-preview.4 → 1.0.1-preview.5

package/dist/{EvoluOwnerIdIdenticon.d.ts → EvoluAvatar.d.ts}

@@ -1,8 +1,8 @@
 import type { OwnerId } from "@evolu/common";
 import { FC } from "react";
-export declare const EvoluOwnerIdIdenticon: FC<{
+export declare const EvoluAvatar: FC<{
     id: OwnerId;
     size?: number;
     borderRadius?: number;
 }>;
-//# sourceMappingURL=EvoluOwnerIdIdenticon.d.ts.map
+//# sourceMappingURL=EvoluAvatar.d.ts.map

package/dist/EvoluAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvoluAvatar.d.ts","sourceRoot":"","sources":["../src/EvoluAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAUA,CAAC"}

package/dist/{EvoluOwnerIdIdenticon.js → EvoluAvatar.js}

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { blo } from "blo";
-export const EvoluOwnerIdIdenticon = ({ id, size = 32, borderRadius = 3 }) => {
-    const uri = blo(`0x${id}`);
+import { useMemo } from "react";
+export const EvoluAvatar = ({ id, size = 32, borderRadius = 3 }) => {
+    const uri = useMemo(() => blo(`0x${id}`), [id]);
     return (_jsx("img", { src: uri, width: size, height: size, style: { width: size, height: size, borderRadius } }));
 };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { EvoluDeps } from "@evolu/common/evolu";
-export * from "./EvoluOwnerIdIdenticon.js";
+import { localAuth } from "@evolu/web";
+export * from "./EvoluAvatar.js";
+export { localAuth };
 export declare const evoluReactWebDeps: EvoluDeps;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,cAAc,4BAA4B,CAAC;AAE3C,eAAO,MAAM,iBAAiB,EAAE,SAG/B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAC;AAGrD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,eAAO,MAAM,iBAAiB,EAAE,SAG/B,CAAC"}

package/dist/index.js

@@ -1,6 +1,7 @@
-import { evoluWebDeps } from "@evolu/web";
+import { evoluWebDeps, localAuth } from "@evolu/web";
 import { flushSync } from "react-dom";
-export * from "./EvoluOwnerIdIdenticon.js";
+export * from "./EvoluAvatar.js";
+export { localAuth };
 export const evoluReactWebDeps = {
     ...evoluWebDeps,
     flushSync,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evolu/react-web",
-  "version": "1.0.1-preview.4",
+  "version": "1.0.1-preview.5",
   "description": "Evolu for React (web platform)",
   "keywords": [
     "evolu",
@@ -41,13 +41,13 @@
     "typescript": "^5.9.2",
     "user-agent-data-types": "^0.4.2",
     "vitest": "^4.0.4",
-    "@evolu/common": "6.0.1-preview.20",
+    "@evolu/common": "6.0.1-preview.23",
     "@evolu/tsconfig": "0.0.2",
-    "@evolu/web": "1.0.1-preview.6"
+    "@evolu/web": "1.0.1-preview.7"
   },
   "peerDependencies": {
-    "@evolu/common": "^6.0.1-preview.20",
-    "@evolu/web": "^1.0.1-preview.6",
+    "@evolu/common": "^6.0.1-preview.23",
+    "@evolu/web": "^1.0.1-preview.7",
     "react": ">=19",
     "react-dom": ">=19"
   },

package/src/{EvoluOwnerIdIdenticon.tsx → EvoluAvatar.tsx}

@@ -1,14 +1,13 @@
 import type { OwnerId } from "@evolu/common";
 import { blo } from "blo";
-import { FC } from "react";
+import { FC, useMemo } from "react";
 
-export const EvoluOwnerIdIdenticon: FC<{
+export const EvoluAvatar: FC<{
   id: OwnerId;
   size?: number;
   borderRadius?: number;
 }> = ({ id, size = 32, borderRadius = 3 }) => {
-  const uri = blo(`0x${id}`);
-
+  const uri = useMemo(() => blo(`0x${id}`), [id]);
   return (
     <img
       src={uri}

package/src/index.ts

@@ -1,8 +1,9 @@
 import { EvoluDeps } from "@evolu/common/evolu";
-import { evoluWebDeps } from "@evolu/web";
+import { evoluWebDeps, localAuth } from "@evolu/web";
 import { flushSync } from "react-dom";
 
-export * from "./EvoluOwnerIdIdenticon.js";
+export * from "./EvoluAvatar.js";
+export { localAuth };
 
 export const evoluReactWebDeps: EvoluDeps = {
   ...evoluWebDeps,

package/dist/EvoluOwnerIdIdenticon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvoluOwnerIdIdenticon.d.ts","sourceRoot":"","sources":["../src/EvoluOwnerIdIdenticon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACrC,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAWA,CAAC"}