@gui-chat-plugin/moodboard 0.1.1 → 0.2.0

package/dist/vue.js

@@ -1,148 +1,112 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./samples-B2-ZKxci.js";
 /* empty css               */
-import { TOOL_NAME as y, samples as w, pluginCore as k } from "./core.js";
-import { SYSTEM_PROMPT as U, TOOL_DEFINITION as X, executeMoodBoard as Z } from "./core.js";
-import { defineComponent as _, ref as m, watch as b, openBlock as o, createElementBlock as s, normalizeStyle as f, createElementVNode as n, toDisplayString as a, createCommentVNode as g, Fragment as v, renderList as $, computed as u } from "vue";
-const C = {
-  key: 0,
-  class: "size-full relative"
-}, M = { class: "absolute top-4 left-4 z-10" }, T = { class: "text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow" }, B = {
-  key: 0,
-  class: "text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block"
-}, z = ["viewBox"], N = { class: "items" }, E = ["transform", "onClick"], F = ["x", "y", "width", "height", "fill"], O = ["x", "y", "width", "height"], A = {
-  "text-anchor": "middle",
-  "dominant-baseline": "middle",
-  fill: "#374151",
-  class: "text-sm font-medium select-none pointer-events-none"
-}, S = {
-  key: 1,
-  class: "size-full flex items-center justify-center"
-}, I = 800, P = 600, V = /* @__PURE__ */ _({
-  __name: "View",
-  props: {
-    selectedResult: {},
-    sendTextMessage: { type: Function }
-  },
-  setup(h) {
-    const i = h, c = m(null), l = m(null);
-    b(
-      () => i.selectedResult,
-      (e) => {
-        (e == null ? void 0 : e.toolName) === y && e.data && (l.value = e.data);
-      },
-      { immediate: !0 }
-    );
-    function p(e, d) {
-      return e.length <= d ? e : e.slice(0, d - 3) + "...";
-    }
-    function r(e) {
-      i.sendTextMessage && (e.type === "color" ? i.sendTextMessage(
-        `Add more elements that complement the color ${e.content}`
-      ) : e.type === "text" ? i.sendTextMessage(
-        `Expand on the concept "${e.content}" - add related moods and colors`
-      ) : e.type === "emoji" && i.sendTextMessage(
-        `Add more elements that match the mood of ${e.content}`
-      ));
-    }
-    return (e, d) => {
-      var x;
-      return o(), s("div", {
-        class: "size-full overflow-hidden",
-        style: f({ backgroundColor: ((x = l.value) == null ? void 0 : x.backgroundColor) || "#F9FAFB" })
-      }, [
-        l.value ? (o(), s("div", C, [
-          n("div", M, [
-            n("h2", T, a(l.value.title), 1),
-            l.value.theme ? (o(), s("span", B, a(l.value.theme), 1)) : g("", !0)
-          ]),
-          (o(), s("svg", {
-            ref_key: "svgRef",
-            ref: c,
-            class: "size-full",
-            viewBox: `0 0 ${I} ${P}`,
-            preserveAspectRatio: "xMidYMid meet"
-          }, [
-            n("g", N, [
-              (o(!0), s(v, null, $(l.value.items, (t) => (o(), s("g", {
-                key: t.id,
-                transform: `translate(${t.x}, ${t.y}) rotate(${t.rotation || 0})`,
-                class: "cursor-pointer transition-transform duration-200 hover:scale-110",
-                onClick: (W) => r(t)
-              }, [
-                t.type === "color" ? (o(), s("rect", {
-                  key: 0,
-                  x: -t.width / 2,
-                  y: -t.height / 2,
-                  width: t.width,
-                  height: t.height,
-                  fill: t.content,
-                  rx: "8",
-                  class: "drop-shadow-lg",
-                  stroke: "white",
-                  "stroke-width": "3"
-                }, null, 8, F)) : t.type === "emoji" ? (o(), s("text", {
-                  key: 1,
-                  "text-anchor": "middle",
-                  "dominant-baseline": "middle",
-                  class: "select-none pointer-events-none",
-                  style: f({ fontSize: `${t.width}px` })
-                }, a(t.content), 5)) : t.type === "text" ? (o(), s(v, { key: 2 }, [
-                  n("rect", {
-                    x: -t.width / 2,
-                    y: -t.height / 2,
-                    width: t.width,
-                    height: t.height,
-                    fill: "white",
-                    rx: "4",
-                    class: "drop-shadow-md"
-                  }, null, 8, O),
-                  n("text", A, a(p(t.content, 15)), 1)
-                ], 64)) : g("", !0)
-              ], 8, E))), 128))
-            ])
-          ], 8, z)),
-          d[0] || (d[0] = n("div", { class: "absolute bottom-4 left-4 right-4 text-center" }, [
-            n("p", { class: "text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block" }, " Click an item to explore related concepts ")
-          ], -1))
-        ])) : (o(), s("div", S, [...d[1] || (d[1] = [
-          n("p", { class: "text-gray-400" }, "No mood board data", -1)
-        ])]))
-      ], 4);
-    };
-  }
-}), j = { class: "p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center" }, D = { class: "text-purple-700 font-medium text-sm truncate" }, L = { class: "text-xs text-gray-500 mt-1" }, Y = /* @__PURE__ */ _({
-  __name: "Preview",
-  props: {
-    result: {}
-  },
-  setup(h) {
-    const i = h, c = u(() => i.result.data), l = u(() => {
-      var r;
-      return ((r = c.value) == null ? void 0 : r.title) || "Mood Board";
-    }), p = u(() => {
-      var r, e;
-      return ((e = (r = c.value) == null ? void 0 : r.items) == null ? void 0 : e.length) || 0;
-    });
-    return (r, e) => (o(), s("div", j, [
-      e[0] || (e[0] = n("div", { class: "text-2xl mb-1" }, "🎨", -1)),
-      n("div", D, a(l.value), 1),
-      n("div", L, a(p.value) + " elements ", 1)
-    ]));
-  }
-}), H = {
-  ...k,
-  viewComponent: V,
-  previewComponent: Y,
-  samples: w
-}, K = { plugin: H };
-export {
-  Y as Preview,
-  U as SYSTEM_PROMPT,
-  X as TOOL_DEFINITION,
-  y as TOOL_NAME,
-  V as View,
-  K as default,
-  Z as executeMoodBoard,
-  H as plugin,
-  k as pluginCore,
-  w as samples
-};
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, watch as _ } from "vue";
+//#region src/vue/View.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "size-full relative"
+}, y = { class: "absolute top-4 left-4 z-10" }, b = { class: "text-xl font-bold text-gray-800 bg-white/80 px-3 py-1 rounded-lg shadow" }, x = {
+	key: 0,
+	class: "text-xs text-gray-500 bg-white/60 px-2 py-0.5 rounded mt-1 inline-block"
+}, S = ["viewBox"], C = { class: "items" }, w = ["transform", "onClick"], T = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill"
+], E = [
+	"x",
+	"y",
+	"width",
+	"height"
+], D = {
+	"text-anchor": "middle",
+	"dominant-baseline": "middle",
+	fill: "#374151",
+	class: "text-sm font-medium select-none pointer-events-none"
+}, O = {
+	key: 1,
+	class: "size-full flex items-center justify-center"
+}, k = 800, A = 600, j = /* @__PURE__ */ d({
+	__name: "View",
+	props: {
+		selectedResult: {},
+		sendTextMessage: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = m(null);
+		t({ svgRef: r });
+		let i = m(null);
+		_(() => n.selectedResult, (e) => {
+			e?.toolName === "createMoodBoard" && e.data && (i.value = e.data);
+		}, { immediate: !0 });
+		function a(e, t) {
+			return e.length <= t ? e : e.slice(0, t - 3) + "...";
+		}
+		function s(e) {
+			n.sendTextMessage && (e.type === "color" ? n.sendTextMessage(`Add more elements that complement the color ${e.content}`) : e.type === "text" ? n.sendTextMessage(`Expand on the concept "${e.content}" - add related moods and colors`) : e.type === "emoji" && n.sendTextMessage(`Add more elements that match the mood of ${e.content}`));
+		}
+		return (e, t) => (p(), l("div", {
+			class: "size-full overflow-hidden",
+			style: f({ backgroundColor: i.value?.backgroundColor || "#F9FAFB" })
+		}, [i.value ? (p(), l("div", v, [
+			u("div", y, [u("h2", b, g(i.value.title), 1), i.value.theme ? (p(), l("span", x, g(i.value.theme), 1)) : c("", !0)]),
+			(p(), l("svg", {
+				ref_key: "svgRef",
+				ref: r,
+				class: "size-full",
+				viewBox: `0 0 ${k} ${A}`,
+				preserveAspectRatio: "xMidYMid meet"
+			}, [u("g", C, [(p(!0), l(o, null, h(i.value.items, (e) => (p(), l("g", {
+				key: e.id,
+				transform: `translate(${e.x}, ${e.y}) rotate(${e.rotation || 0})`,
+				class: "cursor-pointer transition-transform duration-200 hover:scale-110",
+				onClick: (t) => s(e)
+			}, [e.type === "color" ? (p(), l("rect", {
+				key: 0,
+				x: -e.width / 2,
+				y: -e.height / 2,
+				width: e.width,
+				height: e.height,
+				fill: e.content,
+				rx: "8",
+				class: "drop-shadow-lg",
+				stroke: "white",
+				"stroke-width": "3"
+			}, null, 8, T)) : e.type === "emoji" ? (p(), l("text", {
+				key: 1,
+				"text-anchor": "middle",
+				"dominant-baseline": "middle",
+				class: "select-none pointer-events-none",
+				style: f({ fontSize: `${e.width}px` })
+			}, g(e.content), 5)) : e.type === "text" ? (p(), l(o, { key: 2 }, [u("rect", {
+				x: -e.width / 2,
+				y: -e.height / 2,
+				width: e.width,
+				height: e.height,
+				fill: "white",
+				rx: "4",
+				class: "drop-shadow-md"
+			}, null, 8, E), u("text", D, g(a(e.content, 15)), 1)], 64)) : c("", !0)], 8, w))), 128))])], 8, S)),
+			t[0] ||= u("div", { class: "absolute bottom-4 left-4 right-4 text-center" }, [u("p", { class: "text-sm text-gray-500 bg-white/80 px-3 py-2 rounded-lg inline-block" }, " Click an item to explore related concepts ")], -1)
+		])) : (p(), l("div", O, [...t[1] ||= [u("p", { class: "text-gray-400" }, "No mood board data", -1)]]))], 4));
+	}
+}), M = { class: "p-3 bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg text-center" }, N = { class: "text-purple-700 font-medium text-sm truncate" }, P = { class: "text-xs text-gray-500 mt-1" }, F = /* @__PURE__ */ d({
+	__name: "Preview",
+	props: { result: {} },
+	setup(e) {
+		let t = e, n = s(() => t.result.data), r = s(() => n.value?.title || "Mood Board"), i = s(() => n.value?.items?.length || 0);
+		return (e, t) => (p(), l("div", M, [
+			t[0] ||= u("div", { class: "text-2xl mb-1" }, "🎨", -1),
+			u("div", N, g(r.value), 1),
+			u("div", P, g(i.value) + " elements ", 1)
+		]));
+	}
+}), I = {
+	...i,
+	viewComponent: j,
+	previewComponent: F,
+	samples: a
+}, L = { plugin: I };
+//#endregion
+export { F as Preview, t as SYSTEM_PROMPT, e as TOOL_DEFINITION, r as TOOL_NAME, j as View, L as default, n as executeMoodBoard, I as plugin, i as pluginCore, a as samples };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gui-chat-plugin/moodboard",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Interactive mood board plugin for visual inspiration and brainstorming",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -29,7 +29,9 @@
     },
     "./style.css": "./dist/style.css"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "dev:react": "vite --config vite.config.react.ts",
@@ -38,43 +40,57 @@
     "lint": "eslint src demo"
   },
   "peerDependencies": {
-    "gui-chat-protocol": "^0.0.3",
-    "vue": "^3.5.0",
+    "gui-chat-protocol": "^0.1.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
-    "vue": { "optional": true },
-    "react": { "optional": true },
-    "react-dom": { "optional": true }
+    "vue": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.18",
+    "@eslint/js": "^10.0.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
+    "@typescript-eslint/eslint-plugin": "^8.58.0",
+    "@typescript-eslint/parser": "^8.58.0",
     "@vitejs/plugin-react": "^4.5.2",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "eslint": "^9.27.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "eslint": "^10.1.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-vue": "^10.0.0",
-    "globals": "^16.1.0",
-    "gui-chat-protocol": "^0.0.3",
+    "eslint-plugin-vue": "^10.8.0",
+    "globals": "^17.4.0",
+    "gui-chat-protocol": "^0.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "tailwindcss": "^4.1.7",
-    "typescript": "~5.8.3",
-    "vite": "^6.3.5",
-    "vue": "^3.5.13",
-    "vue-eslint-parser": "^10.1.3",
-    "vue-tsc": "^2.2.10"
+    "tailwindcss": "^4.2.2",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.3",
+    "vue": "^3.5.31",
+    "vue-eslint-parser": "^10.4.0",
+    "vue-tsc": "^3.2.6"
   },
-  "keywords": ["guichat", "plugin", "moodboard", "inspiration", "visual", "brainstorming"],
+  "keywords": [
+    "guichat",
+    "plugin",
+    "moodboard",
+    "inspiration",
+    "visual",
+    "brainstorming"
+  ],
   "license": "MIT",
   "dependencies": {
-    "gui-chat-protocol": "^0.0.3",
+    "gui-chat-protocol": "^0.1.0",
     "openai": "^4.77.0"
   }
 }