wc-img-ai 0.0.1 → 0.0.3

package/dist/{wc-image-ai.js → wc-img-ai.js}

@@ -1,6 +1,5 @@
-const getOpenAi = async (endpoint, prompt, width, height) => {
+const getGeneratedImage = async (endpoint, prompt, width, height) => {
   let response;
-  console.log("getOpenAi", endpoint, prompt, width, height);
   try {
     const r = await fetch(endpoint, {
       method: "POST",
@@ -33,7 +32,7 @@ class AIImage extends HTMLImageElement {
     this._endpoint = null;
     this.ph_w = 256;
     this.ph_h = 256;
-    this.getOpenAi = getOpenAi;
+    this.getGeneratedImage = getGeneratedImage;
     this.ph_w = Number(super.getAttribute("width")) || 256;
     this.ph_h = Number(super.getAttribute("height")) || 256;
     this.svgPlaceholder = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${this.ph_w} ${this.ph_h}"><rect width="${this.ph_w}" height="${this.ph_h}" fill="#ddd"/></svg>`;
@@ -48,7 +47,7 @@ class AIImage extends HTMLImageElement {
       if (!this._prompt) {
         return;
       }
-      const openAiResponse = await this.getOpenAi(
+      const openAiResponse = await this.getGeneratedImage(
         this._endpoint,
         this._prompt,
         this.ph_w,
@@ -78,3 +77,6 @@ class AIImage extends HTMLImageElement {
   }
 }
 customElements.define("ai-image", AIImage, { extends: "img" });
+export {
+  AIImage
+};

package/package.json

@@ -1,15 +1,30 @@
 {
   "name": "wc-img-ai",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
+  "description": "Use AI to generate images for your img tags.",
+  "author": {
+    "name": "John Romani",
+    "email": "john@anthood.com"
+  },
+  "keywords": [
+    "web components",
+    "ai",
+    "image",
+    "image ai"
+  ],
+  "homepage": "https://john.ro",
   "type": "module",
-  "exports": "./dist/wc-image-ai.js",
+  "repository": "https://github.com/johnroma/wc-image-ai",
   "license": "MIT",
-  "types": "./dist/wc-image-ai.d.ts",
   "files": [
     "dist",
     "types"
   ],
+  "main": "./dist/wc-img-ai.js",
+  "exports": {
+    ".": "./dist/wc-img-ai.js"
+  },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^6.17.0",
     "@typescript-eslint/parser": "^6.17.0",

package/types/ai-image.d.ts

@@ -1,3 +1,19 @@
+export declare class AIImage extends HTMLImageElement {
+    static get observedAttributes(): string[];
+    private _fallbackSrc;
+    private _prompt;
+    private _originalSrc;
+    private svgPlaceholder;
+    private _endpoint;
+    private ph_w;
+    private ph_h;
+    constructor();
+    get src(): string;
+    set src(value: string);
+    set fallbackSrc(value: string | null);
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+    protected getGeneratedImage: (endpoint: string, prompt: string, width: number, height: number) => Promise<string | undefined>;
+}
 declare global {
     interface AIImage extends HTMLImageElement {
         "data-fallback"?: string;
@@ -6,4 +22,3 @@ declare global {
         "ai-image": AIImage;
     }
 }
-export {};

package/types/get-generated-image.d.ts

@@ -0,0 +1 @@
+export declare const getGeneratedImage: (endpoint: string, prompt: string, width: number, height: number) => Promise<string | undefined>;

package/types/get-open-ai.d.ts

@@ -1 +0,0 @@
-export declare const getOpenAi: (endpoint: string, prompt: string, width: number, height: number) => Promise<string | undefined>;