@gui-chat-plugin/edit-image 0.0.1

package/README.md

@@ -0,0 +1,100 @@
+# @gui-chat-plugin/edit-image
+
+[![npm version](https://badge.fury.io/js/%40gui-chat-plugin%2Fedit-image.svg)](https://www.npmjs.com/package/@gui-chat-plugin/edit-image)
+
+Image editing plugin for GUI Chat applications. Edit previously generated images based on text prompts.
+
+## Features
+
+- Edit existing images with natural language prompts
+- Support for various editing operations (add objects, change style, modify background)
+- Display edited images with original prompt
+
+## Installation
+
+```bash
+yarn add @gui-chat-plugin/edit-image
+```
+
+## Usage
+
+### Vue Integration
+
+```typescript
+// In src/tools/index.ts
+import EditImagePlugin from "@gui-chat-plugin/edit-image/vue";
+
+const pluginList = [
+  // ... other plugins
+  EditImagePlugin,
+];
+
+// In src/main.ts
+import "@gui-chat-plugin/edit-image/style.css";
+```
+
+### Core-only Usage
+
+```typescript
+import { executeEditImage, TOOL_DEFINITION } from "@gui-chat-plugin/edit-image";
+
+// Edit an image
+const result = await executeEditImage(context, {
+  prompt: "Add sunglasses to the person",
+});
+```
+
+## API
+
+### EditImageArgs
+
+```typescript
+interface EditImageArgs {
+  prompt: string; // Description of edits to make
+}
+```
+
+### ImageToolData
+
+```typescript
+interface ImageToolData {
+  imageData: string; // Base64 encoded image data
+  prompt: string;    // The edit prompt used
+}
+```
+
+## Requirements
+
+This plugin requires the host application to provide an `editImage` function via the context:
+
+```typescript
+context.app.editImage(prompt: string): Promise<EditImageResult>
+```
+
+## Development
+
+```bash
+# Install dependencies
+yarn install
+
+# Run demo
+yarn dev
+
+# Build
+yarn build
+
+# Lint
+yarn lint
+```
+
+## Test Prompts
+
+Try these prompts to test the plugin (after generating an image first):
+
+1. "Add a rainbow in the sky of this image"
+2. "Change the background to a beach scene"
+3. "Make the colors more vibrant and add some butterflies"
+
+## License
+
+MIT

package/dist/core/definition.d.ts

@@ -0,0 +1,17 @@
+export declare const TOOL_NAME = "editImage";
+export declare const TOOL_DEFINITION: {
+    type: "function";
+    name: string;
+    description: string;
+    parameters: {
+        type: "object";
+        properties: {
+            prompt: {
+                type: string;
+                description: string;
+            };
+        };
+        required: string[];
+    };
+};
+//# sourceMappingURL=definition.d.ts.map

package/dist/core/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/core/definition.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,cAAc,CAAC;AAErC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAe3B,CAAC"}

package/dist/core/index.d.ts

@@ -0,0 +1,5 @@
+export type { ImageToolData, EditImageArgs, EditImageResult } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION } from "./definition";
+export { pluginCore, editImage, executeEditImage } from "./plugin";
+export { samples } from "./samples";
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/core/plugin.d.ts

@@ -0,0 +1,8 @@
+import type { ToolContext, ToolPluginCore } from "gui-chat-protocol";
+import type { EditImageArgs, ImageToolData, EditImageResult } from "./types";
+import { TOOL_NAME, TOOL_DEFINITION } from "./definition";
+export declare const editImage: (context: ToolContext, args: EditImageArgs) => Promise<EditImageResult>;
+export declare const pluginCore: ToolPluginCore<ImageToolData, unknown, EditImageArgs>;
+export { TOOL_NAME, TOOL_DEFINITION };
+export declare const executeEditImage: (context: ToolContext, args: EditImageArgs) => Promise<EditImageResult>;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/core/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/core/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE1D,eAAO,MAAM,SAAS,GACpB,SAAS,WAAW,EACpB,MAAM,aAAa,KAClB,OAAO,CAAC,eAAe,CAQzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,aAAa,EAAE,OAAO,EAAE,aAAa,CAM5E,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACtC,eAAO,MAAM,gBAAgB,YArBlB,WAAW,QACd,aAAa,KAClB,OAAO,CAAC,eAAe,CAmBe,CAAC"}

package/dist/core/samples.d.ts

@@ -0,0 +1,3 @@
+import type { ToolSample } from "gui-chat-protocol";
+export declare const samples: ToolSample[];
+//# sourceMappingURL=samples.d.ts.map

package/dist/core/samples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"samples.d.ts","sourceRoot":"","sources":["../../src/core/samples.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,OAAO,EAAE,UAAU,EAmB/B,CAAC"}

package/dist/core/types.d.ts

@@ -0,0 +1,10 @@
+import type { ToolResult } from "gui-chat-protocol";
+export interface ImageToolData {
+    imageData: string;
+    prompt: string;
+}
+export interface EditImageArgs {
+    prompt: string;
+}
+export type EditImageResult = ToolResult<ImageToolData>;
+//# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC"}

package/dist/core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i="editImage",n={type:"function",name:i,description:"Edit the previously generated image based on a text prompt.",parameters:{type:"object",properties:{prompt:{type:"string",description:"Description of the edits to be made to the image in English"}},required:["prompt"]}},e=async(t,s)=>{var a;const{prompt:o}=s;return(a=t.app)!=null&&a.editImage?t.app.editImage(o):{message:"editImage function not available"}},r={toolDefinition:n,execute:e,generatingMessage:"Editing image...",isEnabled:()=>!0,backends:["imageGen"]},g=e,p=[{name:"Add Sunglasses",args:{prompt:"Add stylish sunglasses to the subject"}},{name:"Change Background",args:{prompt:"Change the background to a beautiful sunset beach"}},{name:"Make it Artistic",args:{prompt:"Transform into an oil painting style"}}];exports.TOOL_DEFINITION=n;exports.TOOL_NAME=i;exports.editImage=e;exports.executeEditImage=g;exports.pluginCore=r;exports.samples=p;

package/dist/core.js

@@ -0,0 +1,52 @@
+const s = "editImage", o = {
+  type: "function",
+  name: s,
+  description: "Edit the previously generated image based on a text prompt.",
+  parameters: {
+    type: "object",
+    properties: {
+      prompt: {
+        type: "string",
+        description: "Description of the edits to be made to the image in English"
+      }
+    },
+    required: ["prompt"]
+  }
+}, a = async (e, n) => {
+  var t;
+  const { prompt: i } = n;
+  return (t = e.app) != null && t.editImage ? e.app.editImage(i) : { message: "editImage function not available" };
+}, r = {
+  toolDefinition: o,
+  execute: a,
+  generatingMessage: "Editing image...",
+  isEnabled: () => !0,
+  backends: ["imageGen"]
+}, p = a, g = [
+  {
+    name: "Add Sunglasses",
+    args: {
+      prompt: "Add stylish sunglasses to the subject"
+    }
+  },
+  {
+    name: "Change Background",
+    args: {
+      prompt: "Change the background to a beautiful sunset beach"
+    }
+  },
+  {
+    name: "Make it Artistic",
+    args: {
+      prompt: "Transform into an oil painting style"
+    }
+  }
+];
+export {
+  o as TOOL_DEFINITION,
+  s as TOOL_NAME,
+  a as editImage,
+  p as executeEditImage,
+  r as pluginCore,
+  g as samples
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core.cjs");exports.TOOL_DEFINITION=e.TOOL_DEFINITION;exports.TOOL_NAME=e.TOOL_NAME;exports.editImage=e.editImage;exports.executeEditImage=e.executeEditImage;exports.pluginCore=e.pluginCore;exports.samples=e.samples;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./core/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+import { TOOL_DEFINITION as O, TOOL_NAME as m, editImage as t, executeEditImage as a, pluginCore as g, samples as i } from "./core.js";
+export {
+  O as TOOL_DEFINITION,
+  m as TOOL_NAME,
+  t as editImage,
+  a as executeEditImage,
+  g as pluginCore,
+  i as samples
+};

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-600:oklch(57.7% .245 27.325);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-800:oklch(43.2% .095 166.913);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.h-auto{height:auto}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100px\]{min-height:100px}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-200{border-color:var(--color-indigo-200)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-pre-wrap{white-space:pre-wrap}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-indigo-700{color:var(--color-indigo-700)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-\[3px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-indigo-500\/10:focus{--tw-ring-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-indigo-500\/10:focus{--tw-ring-color:color-mix(in oklab,var(--color-indigo-500)10%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/dist/vue/Preview.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { ImageToolData } from "../core/types";
+type __VLS_Props = {
+    result: ToolResult<ImageToolData>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Preview.vue.d.ts.map

package/dist/vue/Preview.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.vue.d.ts","sourceRoot":"","sources":["../../src/vue/Preview.vue"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;CACnC,CAAC;;AAsDF,wBAMG"}

package/dist/vue/View.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ToolResult } from "gui-chat-protocol";
+import type { ImageToolData } from "../core/types";
+type __VLS_Props = {
+    selectedResult: ToolResult<ImageToolData>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=View.vue.d.ts.map

package/dist/vue/View.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.vue.d.ts","sourceRoot":"","sources":["../../src/vue/View.vue"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;;AAmFF,wBAMG"}

package/dist/vue/index.d.ts

@@ -0,0 +1,17 @@
+import "../style.css";
+import type { ToolPlugin } from "gui-chat-protocol/vue";
+import type { ImageToolData, EditImageArgs } from "../core/types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+export declare const TOOL_NAME = "editImage";
+export declare const SYSTEM_PROMPT = "When the user asks 'turn this image into ...', call editImage API to generate a new image.";
+export declare const plugin: ToolPlugin<ImageToolData, unknown, EditImageArgs>;
+export type { ImageToolData, EditImageArgs, EditImageResult } from "../core/types";
+export { TOOL_DEFINITION, executeEditImage, pluginCore, } from "../core/plugin";
+export { samples } from "../core/samples";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<ImageToolData, unknown, EditImageArgs, import("gui-chat-protocol/vue").InputHandler, Record<string, unknown>>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,eAAO,MAAM,SAAS,cAAc,CAAC;AAErC,eAAO,MAAM,aAAa,+FAAkG,CAAC;AAE7H,eAAO,MAAM,MAAM,EAAE,UAAU,CAAC,aAAa,EAAE,OAAO,EAAE,aAAa,CAMpE,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnF,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;;AAEzB,wBAA0B"}

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./core.cjs"),e=require("vue"),u={class:"w-full h-full overflow-y-auto"},p={class:"min-h-full flex flex-col items-center justify-center p-4"},_={class:"flex-1 flex items-center justify-center min-h-0"},g=["src"],f={key:0,class:"mt-4 p-3 bg-gray-100 rounded-lg max-w-full flex-shrink-0"},x={class:"text-sm text-gray-700"},a=e.defineComponent({__name:"View",props:{selectedResult:{}},setup(t){return(d,n)=>{var l,o;return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",p,[e.createElementVNode("div",_,[e.createElementVNode("img",{src:(l=t.selectedResult.data)==null?void 0:l.imageData,class:"max-w-full max-h-full object-contain rounded",alt:"Edited image"},null,8,g)]),(o=t.selectedResult.data)!=null&&o.prompt?(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("p",x,[n[0]||(n[0]=e.createElementVNode("span",{class:"font-medium"},"Edit prompt:",-1)),e.createTextVNode(" "+e.toDisplayString(t.selectedResult.data.prompt),1)])])):e.createCommentVNode("",!0)])])}}}),E={class:"min-h-[100px] flex items-center justify-center"},h=["src"],k={key:1,class:"text-gray-400 text-sm"},c=e.defineComponent({__name:"Preview",props:{result:{}},setup(t){return(d,n)=>{var l;return e.openBlock(),e.createElementBlock("div",E,[(l=t.result.data)!=null&&l.imageData?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.result.data.imageData,class:"max-w-full h-auto rounded",alt:"Edited image"},null,8,h)):(e.openBlock(),e.createElementBlock("div",k,"No image yet"))])}}}),i="editImage",r=`When the user asks 'turn this image into ...', call ${i} API to generate a new image.`,m={...s.pluginCore,viewComponent:a,previewComponent:c,samples:s.samples,systemPrompt:r},v={plugin:m};exports.TOOL_DEFINITION=s.TOOL_DEFINITION;exports.executeEditImage=s.executeEditImage;exports.pluginCore=s.pluginCore;exports.samples=s.samples;exports.Preview=c;exports.SYSTEM_PROMPT=r;exports.TOOL_NAME=i;exports.View=a;exports.default=v;exports.plugin=m;

package/dist/vue.js

@@ -0,0 +1,73 @@
+import { samples as r, pluginCore as m } from "./core.js";
+import { TOOL_DEFINITION as $, executeEditImage as j } from "./core.js";
+import { defineComponent as i, createElementBlock as a, openBlock as o, createElementVNode as s, createCommentVNode as d, createTextVNode as u, toDisplayString as f } from "vue";
+const p = { class: "w-full h-full overflow-y-auto" }, _ = { class: "min-h-full flex flex-col items-center justify-center p-4" }, x = { class: "flex-1 flex items-center justify-center min-h-0" }, g = ["src"], h = {
+  key: 0,
+  class: "mt-4 p-3 bg-gray-100 rounded-lg max-w-full flex-shrink-0"
+}, y = { class: "text-sm text-gray-700" }, w = /* @__PURE__ */ i({
+  __name: "View",
+  props: {
+    selectedResult: {}
+  },
+  setup(e) {
+    return (c, n) => {
+      var t, l;
+      return o(), a("div", p, [
+        s("div", _, [
+          s("div", x, [
+            s("img", {
+              src: (t = e.selectedResult.data) == null ? void 0 : t.imageData,
+              class: "max-w-full max-h-full object-contain rounded",
+              alt: "Edited image"
+            }, null, 8, g)
+          ]),
+          (l = e.selectedResult.data) != null && l.prompt ? (o(), a("div", h, [
+            s("p", y, [
+              n[0] || (n[0] = s("span", { class: "font-medium" }, "Edit prompt:", -1)),
+              u(" " + f(e.selectedResult.data.prompt), 1)
+            ])
+          ])) : d("", !0)
+        ])
+      ]);
+    };
+  }
+}), v = { class: "min-h-[100px] flex items-center justify-center" }, E = ["src"], k = {
+  key: 1,
+  class: "text-gray-400 text-sm"
+}, N = /* @__PURE__ */ i({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(e) {
+    return (c, n) => {
+      var t;
+      return o(), a("div", v, [
+        (t = e.result.data) != null && t.imageData ? (o(), a("img", {
+          key: 0,
+          src: e.result.data.imageData,
+          class: "max-w-full h-auto rounded",
+          alt: "Edited image"
+        }, null, 8, E)) : (o(), a("div", k, "No image yet"))
+      ]);
+    };
+  }
+}), I = "editImage", O = `When the user asks 'turn this image into ...', call ${I} API to generate a new image.`, P = {
+  ...m,
+  viewComponent: w,
+  previewComponent: N,
+  samples: r,
+  systemPrompt: O
+}, D = { plugin: P };
+export {
+  N as Preview,
+  O as SYSTEM_PROMPT,
+  $ as TOOL_DEFINITION,
+  I as TOOL_NAME,
+  w as View,
+  D as default,
+  j as executeEditImage,
+  P as plugin,
+  m as pluginCore,
+  r as samples
+};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@gui-chat-plugin/edit-image",
+  "version": "0.0.1",
+  "description": "Image editing plugin for GUI Chat applications",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "gui-chat-protocol": "^0.0.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^22.10.5",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "eslint": "^9.17.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/receptron/GUIChatPluginEditImage.git"
+  },
+  "license": "MIT"
+}