@avatar-generator/core 1.0.0

package/dist/index.js

@@ -0,0 +1,21 @@
+export function getInitials(name) {
+    return name
+        .split(" ")
+        .map((part) => part[0].toUpperCase())
+        .join("");
+}
+export function createAvatar({ name, backgroundColor = "#ccc", textColor = "#fff", fontSize = "40px", shape = "circle", }) {
+    const initials = getInitials(name);
+    const avatar = document.createElement("div");
+    avatar.style.width = "100px";
+    avatar.style.height = "100px";
+    avatar.style.backgroundColor = backgroundColor;
+    avatar.style.color = textColor;
+    avatar.style.display = "flex";
+    avatar.style.justifyContent = "center";
+    avatar.style.alignItems = "center";
+    avatar.style.fontSize = fontSize;
+    avatar.style.borderRadius = shape === "circle" ? "50%" : "0";
+    avatar.textContent = initials;
+    return avatar;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export declare function getInitials(name: string): string;
+export interface AvatarOptions {
+    name: string;
+    backgroundColor?: string;
+    textColor?: string;
+    fontSize?: string;
+    shape?: "circle" | "square";
+}
+export declare function createAvatar({ name, backgroundColor, textColor, fontSize, shape, }: AvatarOptions): HTMLElement;

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@avatar-generator/core",
+  "version": "1.0.0",
+  "description": "Core logic for avatar generation",
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,38 @@
+export function getInitials(name: string): string {
+  return name
+    .split(" ")
+    .map((part) => part[0].toUpperCase())
+    .join("");
+}
+
+export interface AvatarOptions {
+  name: string;
+  backgroundColor?: string;
+  textColor?: string;
+  fontSize?: string;
+  shape?: "circle" | "square";
+}
+
+export function createAvatar({
+  name,
+  backgroundColor = "#ccc",
+  textColor = "#fff",
+  fontSize = "40px",
+  shape = "circle",
+}: AvatarOptions): HTMLElement {
+  const initials = getInitials(name);
+
+  const avatar = document.createElement("div");
+  avatar.style.width = "100px";
+  avatar.style.height = "100px";
+  avatar.style.backgroundColor = backgroundColor;
+  avatar.style.color = textColor;
+  avatar.style.display = "flex";
+  avatar.style.justifyContent = "center";
+  avatar.style.alignItems = "center";
+  avatar.style.fontSize = fontSize;
+  avatar.style.borderRadius = shape === "circle" ? "50%" : "0";
+  avatar.textContent = initials;
+
+  return avatar;
+}

package/tsconfig.json

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