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

package/dist/EvoluAvatar.d.ts

@@ -0,0 +1,8 @@
+import type { OwnerId } from "@evolu/common";
+import { FC } from "react";
+export declare const EvoluAvatar: FC<{
+    id: OwnerId;
+    size?: number;
+    borderRadius?: number;
+}>;
+//# 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/EvoluAvatar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { blo } from "blo";
+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,3 +1,6 @@
 import { EvoluDeps } from "@evolu/common/evolu";
+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,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,5 +1,7 @@
-import { evoluWebDeps } from "@evolu/web";
+import { evoluWebDeps, localAuth } from "@evolu/web";
 import { flushSync } from "react-dom";
+export * from "./EvoluAvatar.js";
+export { localAuth };
 export const evoluReactWebDeps = {
     ...evoluWebDeps,
     flushSync,

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@evolu/react-web",
-  "version": "1.0.1-preview.3",
+  "version": "1.0.1-preview.5",
   "description": "Evolu for React (web platform)",
   "keywords": [
     "evolu",
     "react",
     "web"
   ],
-  "author": "Daniel Steigerwald <daniel@steigerwald.cz>",
-  "license": "MIT",
-  "repository": "evoluhq/evolu",
+  "homepage": "https://evolu.dev",
   "bugs": {
     "url": "https://github.com/evoluhq/evolu/issues"
   },
-  "homepage": "https://evolu.dev",
+  "repository": "evoluhq/evolu",
+  "license": "MIT",
+  "author": "Daniel Steigerwald <daniel@steigerwald.cz>",
+  "sideEffects": [],
   "type": "module",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -23,35 +23,44 @@
       "browser": "./dist/index.js"
     }
   },
+  "types": "./dist/index.d.ts",
   "files": [
     "dist/**",
     "src/**",
     "README.md"
   ],
+  "dependencies": {
+    "blo": "^2.0.0"
+  },
   "devDependencies": {
-    "react-dom": "^19.1.1",
+    "@types/react": "~19.1.13",
+    "@types/react-dom": "~19.1.9",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "shx": "^0.4.0",
     "typescript": "^5.9.2",
-    "vitest": "^3.2.3",
+    "user-agent-data-types": "^0.4.2",
+    "vitest": "^4.0.4",
+    "@evolu/common": "6.0.1-preview.23",
     "@evolu/tsconfig": "0.0.2",
-    "@evolu/common": "6.0.1-preview.18",
-    "@evolu/web": "1.0.1-preview.4"
+    "@evolu/web": "1.0.1-preview.7"
   },
   "peerDependencies": {
-    "@evolu/common": "^6.0.1-preview.18",
-    "@evolu/web": "^1.0.1-preview.4",
-    "react-dom": "^19.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
+    "@evolu/common": "^6.0.1-preview.23",
+    "@evolu/web": "^1.0.1-preview.7",
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "engines": {
     "node": ">=22.0.0"
   },
-  "sideEffects": [],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
-    "dev": "tsc --watch",
     "build": "shx rm -rf dist && tsc",
     "clean": "shx rm -rf .turbo node_modules dist",
+    "dev": "tsc --watch",
     "format": "prettier --write \"src/*.{ts,tsx,md}\""
   }
 }

package/src/EvoluAvatar.tsx

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

package/src/index.ts

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