@avatar-generator/react 1.0.0

package/dist/Avatar.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { createAvatar } from "@avatar-generator/core";
+const Avatar = (props) => {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (ref.current) {
+            ref.current.innerHTML = "";
+            ref.current.appendChild(createAvatar(props));
+        }
+    }, [props]);
+    return React.createElement("div", { ref: ref });
+};
+export default Avatar;

package/dist/index.js

@@ -0,0 +1 @@
+export { default as Avatar } from "./Avatar";

package/dist/types/Avatar.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { AvatarOptions } from "@avatar-generator/core";
+declare const Avatar: React.FC<AvatarOptions>;
+export default Avatar;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { default as Avatar } from "./Avatar";

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@avatar-generator/react",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@avatar-generator/core": "^1.0.0",
+    "react": "^17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.0"
+  }
+}

package/src/Avatar.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { createAvatar, AvatarOptions } from "@avatar-generator/core";
+
+const Avatar: React.FC<AvatarOptions> = (props) => {
+  const ref = React.useRef<HTMLDivElement>(null);
+
+  React.useEffect(() => {
+    if (ref.current) {
+      ref.current.innerHTML = "";
+      ref.current.appendChild(createAvatar(props));
+    }
+  }, [props]);
+
+  return <div ref={ref} />;
+};
+
+export default Avatar;

package/src/index.ts

@@ -0,0 +1 @@
+export { default as Avatar } from "./Avatar";

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "jsx": "react",
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "outDir": "./dist",
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "target": "ESNext",
+    "rootDir": "src"
+  },
+  "include": ["src"]
+}