@mulmochat-plugin/quiz 0.1.3 → 0.2.0

package/dist/index.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y={class:"size-full overflow-y-auto p-8 bg-[#1a1a2e]"},w={key:0,class:"max-w-3xl w-full mx-auto"},b={key:0,class:"text-[#f0f0f0] text-3xl font-bold mb-8 text-center"},_={class:"flex flex-col gap-6"},q={class:"text-white text-lg font-semibold mb-4"},x={class:"text-blue-400 mr-2"},k={class:"flex flex-col gap-3"},E=["name","value","onUpdate:modelValue"],A={class:"text-white flex-1"},S={class:"font-semibold mr-2"},N={class:"mt-8 flex justify-center"},B=["disabled"],V={class:"mt-4 text-center text-gray-400 text-sm"},z=e.defineComponent({__name:"QuizView",props:{selectedResult:{},sendTextMessage:{type:Function}},emits:["updateResult"],setup(h,{emit:d}){const t=h,r=d,o=e.ref(null),s=e.ref([]);e.watch(()=>t.selectedResult,n=>{n?.toolName==="putQuestions"&&n.jsonData&&(o.value=n.jsonData,n.viewState?.userAnswers?s.value=n.viewState.userAnswers:s.value=new Array(o.value.questions.length).fill(null))},{immediate:!0}),e.watch(s,n=>{if(t.selectedResult&&n){const l={...t.selectedResult,viewState:{userAnswers:n}};r("updateResult",l)}},{deep:!0});const i=e.computed(()=>s.value.filter(n=>n!==null).length),m=e.computed(()=>o.value&&i.value===o.value.questions.length);function f(n,l){return s.value[n]===l?"border-blue-500 bg-blue-500/20":"border-[#4b4b6b] hover:border-[#6b6b8b] hover:bg-[#6b6b8b]/20"}function v(){if(!o.value||!m.value)return;const l=`Here are my answers:
-${s.value.map((a,c)=>{if(a===null)return null;const p=c+1,u=String.fromCharCode(65+a),g=o.value.questions[c].choices[a];return`Q${p}: ${u} - ${g}`}).filter(a=>a!==null).join(`
-`)}`;t.sendTextMessage(l)}return(n,l)=>(e.openBlock(),e.createElementBlock("div",y,[o.value?(e.openBlock(),e.createElementBlock("div",w,[o.value.title?(e.openBlock(),e.createElementBlock("h2",b,e.toDisplayString(o.value.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.questions,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"bg-[#2d2d44] rounded-lg p-6 border-2 border-[#3d3d5c]"},[e.createElementVNode("div",q,[e.createElementVNode("span",x,e.toDisplayString(c+1)+".",1),e.createTextVNode(" "+e.toDisplayString(a.question),1)]),e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.choices,(p,u)=>(e.openBlock(),e.createElementBlock("label",{key:u,class:e.normalizeClass([f(c,u),"flex items-start p-4 rounded-lg cursor-pointer transition-all duration-200 border-2"])},[e.withDirectives(e.createElementVNode("input",{type:"radio",name:`question-${c}`,value:u,"onUpdate:modelValue":g=>s.value[c]=g,class:"mt-1 mr-3 size-4 shrink-0"},null,8,E),[[e.vModelRadio,s.value[c]]]),e.createElementVNode("span",A,[e.createElementVNode("span",S,e.toDisplayString(String.fromCharCode(65+u))+".",1),e.createTextVNode(" "+e.toDisplayString(p),1)])],2))),128))])]))),128))]),e.createElementVNode("div",N,[e.createElementVNode("button",{onClick:v,disabled:!m.value,class:e.normalizeClass([m.value?"bg-blue-600 hover:bg-blue-700":"bg-gray-600 cursor-not-allowed opacity-50","py-3 px-8 rounded-lg text-white font-semibold text-lg transition-colors border-none cursor-pointer"])}," Submit Answers ",10,B)]),e.createElementVNode("div",V,e.toDisplayString(i.value)+" / "+e.toDisplayString(o.value.questions.length)+" questions answered ",1)])):e.createCommentVNode("",!0)]))}}),Q={class:"p-3 bg-blue-50 rounded-md"},C={key:0,class:"flex flex-col gap-2"},D={class:"text-sm font-semibold text-gray-800 text-center"},$={class:"text-center"},T={class:"inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full"},M={class:"text-xs text-gray-600 overflow-hidden line-clamp-2"},O={class:"flex justify-center gap-1"},W={key:0,class:"text-xs text-gray-500"},j=e.defineComponent({__name:"QuizPreview",props:{result:{}},setup(h){const d=h,t=e.computed(()=>d.result.jsonData);return(r,o)=>(e.openBlock(),e.createElementBlock("div",Q,[t.value?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",D,e.toDisplayString(t.value.title||"Quiz"),1),e.createElementVNode("div",$,[e.createElementVNode("span",T,e.toDisplayString(t.value.questions.length)+" "+e.toDisplayString(t.value.questions.length===1?"Question":"Questions"),1)]),e.createElementVNode("div",M,e.toDisplayString(t.value.questions[0]?.question),1),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Math.min(t.value.questions[0]?.choices.length||0,4),(s,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"size-2 bg-gray-400 rounded-full"}))),128)),(t.value.questions[0]?.choices.length||0)>4?(e.openBlock(),e.createElementBlock("div",W," +"+e.toDisplayString(t.value.questions[0].choices.length-4),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),P="putQuestions",L=[{name:"Geography Quiz",args:{title:"World Geography",questions:[{question:"What is the capital of France?",choices:["London","Berlin","Paris","Madrid"],correctAnswer:2},{question:"Which is the largest ocean?",choices:["Atlantic","Indian","Arctic","Pacific"],correctAnswer:3},{question:"Mount Everest is located in which mountain range?",choices:["Alps","Andes","Himalayas","Rockies"],correctAnswer:2}]}},{name:"Science Quiz",args:{title:"Science Basics",questions:[{question:"Which planet is known as the Red Planet?",choices:["Venus","Mars","Jupiter","Saturn"],correctAnswer:1},{question:"What is the chemical symbol for water?",choices:["O2","CO2","H2O","NaCl"],correctAnswer:2},{question:"How many bones are in the adult human body?",choices:["186","206","226","246"],correctAnswer:1},{question:"What is the speed of light?",choices:["300,000 km/s","150,000 km/s","500,000 km/s","1,000,000 km/s"],correctAnswer:0}]}},{name:"Math Quiz",args:{title:"Math Challenge",questions:[{question:"What is 15 x 15?",choices:["200","215","225","250"],correctAnswer:2},{question:"What is the square root of 144?",choices:["10","11","12","13"],correctAnswer:2}]}},{name:"No Correct Answer",args:{title:"Opinion Poll",questions:[{question:"What is your favorite color?",choices:["Red","Blue","Green","Yellow"]},{question:"Which season do you prefer?",choices:["Spring","Summer","Autumn","Winter"]}]}},{name:"Single Question",args:{title:"Quick Question",questions:[{question:"Is this quiz plugin working correctly?",choices:["Yes","No"],correctAnswer:0}]}}],R={type:"function",name:P,description:"Present a set of multiple choice questions to test the user's knowledge or abilities. Each question should have 2-6 answer choices.",parameters:{type:"object",properties:{title:{type:"string",description:"Optional title for the quiz (e.g., 'JavaScript Basics Quiz')"},questions:{type:"array",description:"Array of multiple choice questions",items:{type:"object",properties:{question:{type:"string",description:"The question text"},choices:{type:"array",description:"Array of answer choices (2-6 choices)",items:{type:"string"},minItems:2,maxItems:6},correctAnswer:{type:"number",description:"Optional: The index of the correct answer (0-based). Include this if you want to track correct answers."}},required:["question","choices"]},minItems:1}},required:["questions"]}},F=async(h,d)=>{try{const{title:t,questions:r}=d;if(!r||!Array.isArray(r)||r.length===0)throw new Error("At least one question is required");for(let s=0;s<r.length;s++){const i=r[s];if(!i.question||typeof i.question!="string")throw new Error(`Question ${s+1} must have a question text`);if(!Array.isArray(i.choices)||i.choices.length<2)throw new Error(`Question ${s+1} must have at least 2 choices`);if(i.choices.length>6)throw new Error(`Question ${s+1} cannot have more than 6 choices`)}const o={title:t,questions:r};return{message:`Quiz presented with ${r.length} question${r.length>1?"s":""}`,jsonData:o,instructions:"The quiz has been presented to the user. Wait for the user to submit their answers. They will tell you their answers in text format."}}catch(t){return console.error("Quiz creation error",t),{message:`Quiz error: ${t instanceof Error?t.message:"Unknown error"}`,instructions:"Acknowledge that there was an error creating the quiz and suggest trying again."}}},H={toolDefinition:R,execute:F,generatingMessage:"Preparing quiz...",isEnabled:()=>!0,viewComponent:z,previewComponent:j,samples:L},G={plugin:H};exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./core.cjs");exports.SAMPLES=e.SAMPLES;exports.TOOL_DEFINITION=e.TOOL_DEFINITION;exports.TOOL_NAME=e.TOOL_NAME;exports.default=e.pluginCore;exports.executeQuiz=e.executeQuiz;exports.pluginCore=e.pluginCore;

package/dist/index.d.ts

@@ -1,15 +1,19 @@
 /**
  * MulmoChat Quiz Plugin
  *
- * @example
+ * Default export is the framework-agnostic core.
+ * For Vue implementation, import from "@mulmochat-plugin/quiz/vue"
+ *
+ * @example Default (Core - framework-agnostic)
+ * ```typescript
+ * import { pluginCore, TOOL_NAME, QuizData } from "@mulmochat-plugin/quiz";
+ * ```
+ *
+ * @example Vue implementation
  * ```typescript
- * import QuizPlugin from "@mulmochat-plugin/quiz";
+ * import QuizPlugin from "@mulmochat-plugin/quiz/vue";
  * import "@mulmochat-plugin/quiz/style.css";
  * ```
  */
-import "./style.css";
-import type { ToolPlugin } from "./common";
-declare const _default: {
-    plugin: ToolPlugin;
-};
-export default _default;
+export * from "./core";
+export { pluginCore as default } from "./core";

package/dist/index.js

@@ -1,314 +1,9 @@
-import { defineComponent as z, ref as x, watch as A, computed as _, createElementBlock as i, openBlock as r, createCommentVNode as f, createElementVNode as s, toDisplayString as a, Fragment as y, renderList as q, createTextVNode as k, normalizeClass as Q, withDirectives as C, vModelRadio as E } from "vue";
-const T = { class: "size-full overflow-y-auto p-8 bg-[#1a1a2e]" }, M = {
-  key: 0,
-  class: "max-w-3xl w-full mx-auto"
-}, W = {
-  key: 0,
-  class: "text-[#f0f0f0] text-3xl font-bold mb-8 text-center"
-}, D = { class: "flex flex-col gap-6" }, N = { class: "text-white text-lg font-semibold mb-4" }, O = { class: "text-blue-400 mr-2" }, j = { class: "flex flex-col gap-3" }, P = ["name", "value", "onUpdate:modelValue"], R = { class: "text-white flex-1" }, V = { class: "font-semibold mr-2" }, B = { class: "mt-8 flex justify-center" }, L = ["disabled"], F = { class: "mt-4 text-center text-gray-400 text-sm" }, H = /* @__PURE__ */ z({
-  __name: "QuizView",
-  props: {
-    selectedResult: {},
-    sendTextMessage: { type: Function }
-  },
-  emits: ["updateResult"],
-  setup(g, { emit: p }) {
-    const e = g, c = p, o = x(null), t = x([]);
-    A(
-      () => e.selectedResult,
-      (n) => {
-        n?.toolName === "putQuestions" && n.jsonData && (o.value = n.jsonData, n.viewState?.userAnswers ? t.value = n.viewState.userAnswers : t.value = new Array(o.value.questions.length).fill(null));
-      },
-      { immediate: !0 }
-    ), A(
-      t,
-      (n) => {
-        if (e.selectedResult && n) {
-          const d = {
-            ...e.selectedResult,
-            viewState: {
-              userAnswers: n
-            }
-          };
-          c("updateResult", d);
-        }
-      },
-      { deep: !0 }
-    );
-    const l = _(() => t.value.filter((n) => n !== null).length), v = _(() => o.value && l.value === o.value.questions.length);
-    function $(n, d) {
-      return t.value[n] === d ? "border-blue-500 bg-blue-500/20" : "border-[#4b4b6b] hover:border-[#6b6b8b] hover:bg-[#6b6b8b]/20";
-    }
-    function S() {
-      if (!o.value || !v.value) return;
-      const d = `Here are my answers:
-${t.value.map((u, h) => {
-        if (u === null) return null;
-        const w = h + 1, m = String.fromCharCode(65 + u), b = o.value.questions[h].choices[u];
-        return `Q${w}: ${m} - ${b}`;
-      }).filter((u) => u !== null).join(`
-`)}`;
-      e.sendTextMessage(d);
-    }
-    return (n, d) => (r(), i("div", T, [
-      o.value ? (r(), i("div", M, [
-        o.value.title ? (r(), i("h2", W, a(o.value.title), 1)) : f("", !0),
-        s("div", D, [
-          (r(!0), i(y, null, q(o.value.questions, (u, h) => (r(), i("div", {
-            key: h,
-            class: "bg-[#2d2d44] rounded-lg p-6 border-2 border-[#3d3d5c]"
-          }, [
-            s("div", N, [
-              s("span", O, a(h + 1) + ".", 1),
-              k(" " + a(u.question), 1)
-            ]),
-            s("div", j, [
-              (r(!0), i(y, null, q(u.choices, (w, m) => (r(), i("label", {
-                key: m,
-                class: Q([$(h, m), "flex items-start p-4 rounded-lg cursor-pointer transition-all duration-200 border-2"])
-              }, [
-                C(s("input", {
-                  type: "radio",
-                  name: `question-${h}`,
-                  value: m,
-                  "onUpdate:modelValue": (b) => t.value[h] = b,
-                  class: "mt-1 mr-3 size-4 shrink-0"
-                }, null, 8, P), [
-                  [E, t.value[h]]
-                ]),
-                s("span", R, [
-                  s("span", V, a(String.fromCharCode(65 + m)) + ".", 1),
-                  k(" " + a(w), 1)
-                ])
-              ], 2))), 128))
-            ])
-          ]))), 128))
-        ]),
-        s("div", B, [
-          s("button", {
-            onClick: S,
-            disabled: !v.value,
-            class: Q([v.value ? "bg-blue-600 hover:bg-blue-700" : "bg-gray-600 cursor-not-allowed opacity-50", "py-3 px-8 rounded-lg text-white font-semibold text-lg transition-colors border-none cursor-pointer"])
-          }, " Submit Answers ", 10, L)
-        ]),
-        s("div", F, a(l.value) + " / " + a(o.value.questions.length) + " questions answered ", 1)
-      ])) : f("", !0)
-    ]));
-  }
-}), G = { class: "p-3 bg-blue-50 rounded-md" }, U = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, J = { class: "text-sm font-semibold text-gray-800 text-center" }, Y = { class: "text-center" }, I = { class: "inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full" }, K = { class: "text-xs text-gray-600 overflow-hidden line-clamp-2" }, X = { class: "flex justify-center gap-1" }, Z = {
-  key: 0,
-  class: "text-xs text-gray-500"
-}, ee = /* @__PURE__ */ z({
-  __name: "QuizPreview",
-  props: {
-    result: {}
-  },
-  setup(g) {
-    const p = g, e = _(() => p.result.jsonData);
-    return (c, o) => (r(), i("div", G, [
-      e.value ? (r(), i("div", U, [
-        s("div", J, a(e.value.title || "Quiz"), 1),
-        s("div", Y, [
-          s("span", I, a(e.value.questions.length) + " " + a(e.value.questions.length === 1 ? "Question" : "Questions"), 1)
-        ]),
-        s("div", K, a(e.value.questions[0]?.question), 1),
-        s("div", X, [
-          (r(!0), i(y, null, q(Math.min(e.value.questions[0]?.choices.length || 0, 4), (t, l) => (r(), i("div", {
-            key: l,
-            class: "size-2 bg-gray-400 rounded-full"
-          }))), 128)),
-          (e.value.questions[0]?.choices.length || 0) > 4 ? (r(), i("div", Z, " +" + a(e.value.questions[0].choices.length - 4), 1)) : f("", !0)
-        ])
-      ])) : f("", !0)
-    ]));
-  }
-}), te = "putQuestions", se = [
-  {
-    name: "Geography Quiz",
-    args: {
-      title: "World Geography",
-      questions: [
-        {
-          question: "What is the capital of France?",
-          choices: ["London", "Berlin", "Paris", "Madrid"],
-          correctAnswer: 2
-        },
-        {
-          question: "Which is the largest ocean?",
-          choices: ["Atlantic", "Indian", "Arctic", "Pacific"],
-          correctAnswer: 3
-        },
-        {
-          question: "Mount Everest is located in which mountain range?",
-          choices: ["Alps", "Andes", "Himalayas", "Rockies"],
-          correctAnswer: 2
-        }
-      ]
-    }
-  },
-  {
-    name: "Science Quiz",
-    args: {
-      title: "Science Basics",
-      questions: [
-        {
-          question: "Which planet is known as the Red Planet?",
-          choices: ["Venus", "Mars", "Jupiter", "Saturn"],
-          correctAnswer: 1
-        },
-        {
-          question: "What is the chemical symbol for water?",
-          choices: ["O2", "CO2", "H2O", "NaCl"],
-          correctAnswer: 2
-        },
-        {
-          question: "How many bones are in the adult human body?",
-          choices: ["186", "206", "226", "246"],
-          correctAnswer: 1
-        },
-        {
-          question: "What is the speed of light?",
-          choices: [
-            "300,000 km/s",
-            "150,000 km/s",
-            "500,000 km/s",
-            "1,000,000 km/s"
-          ],
-          correctAnswer: 0
-        }
-      ]
-    }
-  },
-  {
-    name: "Math Quiz",
-    args: {
-      title: "Math Challenge",
-      questions: [
-        {
-          question: "What is 15 x 15?",
-          choices: ["200", "215", "225", "250"],
-          correctAnswer: 2
-        },
-        {
-          question: "What is the square root of 144?",
-          choices: ["10", "11", "12", "13"],
-          correctAnswer: 2
-        }
-      ]
-    }
-  },
-  {
-    name: "No Correct Answer",
-    args: {
-      title: "Opinion Poll",
-      questions: [
-        {
-          question: "What is your favorite color?",
-          choices: ["Red", "Blue", "Green", "Yellow"]
-        },
-        {
-          question: "Which season do you prefer?",
-          choices: ["Spring", "Summer", "Autumn", "Winter"]
-        }
-      ]
-    }
-  },
-  {
-    name: "Single Question",
-    args: {
-      title: "Quick Question",
-      questions: [
-        {
-          question: "Is this quiz plugin working correctly?",
-          choices: ["Yes", "No"],
-          correctAnswer: 0
-        }
-      ]
-    }
-  }
-], oe = {
-  type: "function",
-  name: te,
-  description: "Present a set of multiple choice questions to test the user's knowledge or abilities. Each question should have 2-6 answer choices.",
-  parameters: {
-    type: "object",
-    properties: {
-      title: {
-        type: "string",
-        description: "Optional title for the quiz (e.g., 'JavaScript Basics Quiz')"
-      },
-      questions: {
-        type: "array",
-        description: "Array of multiple choice questions",
-        items: {
-          type: "object",
-          properties: {
-            question: {
-              type: "string",
-              description: "The question text"
-            },
-            choices: {
-              type: "array",
-              description: "Array of answer choices (2-6 choices)",
-              items: {
-                type: "string"
-              },
-              minItems: 2,
-              maxItems: 6
-            },
-            correctAnswer: {
-              type: "number",
-              description: "Optional: The index of the correct answer (0-based). Include this if you want to track correct answers."
-            }
-          },
-          required: ["question", "choices"]
-        },
-        minItems: 1
-      }
-    },
-    required: ["questions"]
-  }
-}, ne = async (g, p) => {
-  try {
-    const { title: e, questions: c } = p;
-    if (!c || !Array.isArray(c) || c.length === 0)
-      throw new Error("At least one question is required");
-    for (let t = 0; t < c.length; t++) {
-      const l = c[t];
-      if (!l.question || typeof l.question != "string")
-        throw new Error(`Question ${t + 1} must have a question text`);
-      if (!Array.isArray(l.choices) || l.choices.length < 2)
-        throw new Error(`Question ${t + 1} must have at least 2 choices`);
-      if (l.choices.length > 6)
-        throw new Error(`Question ${t + 1} cannot have more than 6 choices`);
-    }
-    const o = {
-      title: e,
-      questions: c
-    };
-    return {
-      message: `Quiz presented with ${c.length} question${c.length > 1 ? "s" : ""}`,
-      jsonData: o,
-      instructions: "The quiz has been presented to the user. Wait for the user to submit their answers. They will tell you their answers in text format."
-    };
-  } catch (e) {
-    return console.error("Quiz creation error", e), {
-      message: `Quiz error: ${e instanceof Error ? e.message : "Unknown error"}`,
-      instructions: "Acknowledge that there was an error creating the quiz and suggest trying again."
-    };
-  }
-}, ie = {
-  toolDefinition: oe,
-  execute: ne,
-  generatingMessage: "Preparing quiz...",
-  isEnabled: () => !0,
-  viewComponent: H,
-  previewComponent: ee,
-  samples: se
-}, ae = { plugin: ie };
+import { SAMPLES as O, TOOL_DEFINITION as o, TOOL_NAME as r, pluginCore as i, executeQuiz as l, pluginCore as p } from "./core.js";
 export {
-  ae as default
+  O as SAMPLES,
+  o as TOOL_DEFINITION,
+  r as TOOL_NAME,
+  i as default,
+  l as executeQuiz,
+  p as pluginCore
 };

package/dist/style.css

@@ -0,0 +1 @@
+@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;--tw-duration:initial}}}@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-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--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-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--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-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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%;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]){appearance:button}::file-selector-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{.static{position:static}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.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)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.inline-block{display:inline-block}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-full{width:100%;height:100%}.h-32{height:calc(var(--spacing)*32)}.h-full{height:100%}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.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-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#3d3d5c\]{border-color:#3d3d5c}.border-\[\#4b4b6b\]{border-color:#4b4b6b}.border-blue-500{border-color:var(--color-blue-500)}.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-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#2d2d44\]{background-color:#2d2d44}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.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-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-600{background-color:var(--color-gray-600)}.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)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.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-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#f0f0f0\]{color:#f0f0f0}.text-blue-400{color:var(--color-blue-400)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.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)}.opacity-50{opacity:.5}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:border-\[\#6b6b8b\]:hover{border-color:#6b6b8b}.hover\:border-indigo-300:hover{border-color:var(--color-indigo-300)}.hover\:bg-\[\#6b6b8b\]\/20:hover{background-color:#6b6b8b33}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.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}}body{margin:calc(var(--spacing)*0);background-color:var(--color-gray-100);padding:calc(var(--spacing)*5);font-family:var(--font-sans)}@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}@property --tw-duration{syntax:"*";inherits:false}

package/dist/{previews/QuizPreview.vue.d.ts → vue/Preview.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { ToolResult } from "../common";
+import type { ToolResult } from "../core/types";
 type __VLS_Props = {
     result: ToolResult;
 };

package/dist/{views/QuizView.vue.d.ts → vue/View.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { ToolResult } from "../common";
+import type { ToolResult } from "../core/types";
 type __VLS_Props = {
     selectedResult: ToolResult;
     sendTextMessage: (text?: string) => void;

package/dist/vue/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * MulmoChat Quiz Plugin - Vue Implementation
+ *
+ * Full Vue plugin with UI components.
+ * Import from "@mulmochat-plugin/quiz/vue"
+ */
+import "../style.css";
+import type { ToolPlugin, QuizData, QuizArgs } from "./types";
+import View from "./View.vue";
+import Preview from "./Preview.vue";
+/**
+ * Quiz plugin instance with Vue components
+ */
+export declare const plugin: ToolPlugin<never, QuizData, QuizArgs>;
+export type { ToolPlugin, ToolPluginConfig } from "./types";
+export type { BackendType, ToolContextApp, ToolContext, ToolResult, ToolResultComplete, JsonSchemaProperty, ToolDefinition, StartApiResponse, ToolSample, InputHandler, FileUploadConfig, ConfigValue, ConfigFieldSchema, PluginConfigSchema, ViewComponentProps, PreviewComponentProps, ToolPluginCore, QuizQuestion, QuizData, QuizArgs, } from "./types";
+export { TOOL_NAME, TOOL_DEFINITION, SAMPLES, executeQuiz, pluginCore } from "../core/plugin";
+export { View, Preview };
+declare const _default: {
+    plugin: ToolPlugin<never, QuizData, QuizArgs>;
+};
+export default _default;

package/dist/vue/types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * MulmoChat Plugin Vue Types
+ *
+ * Vue-specific types that extend the core plugin interface.
+ */
+import type { Component } from "vue";
+import type { ToolPluginCore } from "../core/types";
+type VueComponent = Component<any>;
+/**
+ * Legacy Vue component-based config
+ * @deprecated Use PluginConfigSchema instead
+ */
+export interface ToolPluginConfig {
+    key: string;
+    defaultValue: unknown;
+    component: VueComponent;
+}
+/**
+ * Vue plugin interface - extends core with Vue components
+ */
+export interface ToolPlugin<T = unknown, J = unknown, A extends object = object> extends ToolPluginCore<T, J, A> {
+    /** Vue component for full view */
+    viewComponent?: VueComponent;
+    /** Vue component for preview/thumbnail */
+    previewComponent?: VueComponent;
+    /**
+     * Legacy Vue component-based config (for backward compatibility)
+     * @deprecated Use configSchema instead
+     */
+    config?: ToolPluginConfig;
+}
+export type { BackendType, ToolContextApp, ToolContext, ToolResult, ToolResultComplete, JsonSchemaProperty, ToolDefinition, StartApiResponse, ToolSample, InputHandler, FileInputHandler, ClipboardImageInputHandler, UrlInputHandler, TextInputHandler, FileUploadConfig, ConfigValue, ConfigFieldSchema, PluginConfigSchema, ViewComponentProps, PreviewComponentProps, ToolPluginCore, QuizQuestion, QuizData, QuizArgs, } from "../core/types";

package/dist/vue.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./core.cjs"),e=require("vue"),k={class:"size-full overflow-y-auto p-8 bg-[#1a1a2e]"},E={key:0,class:"max-w-3xl w-full mx-auto"},N={key:0,class:"text-[#f0f0f0] text-3xl font-bold mb-8 text-center"},S={class:"flex flex-col gap-6"},w={class:"text-white text-lg font-semibold mb-4"},V={class:"text-blue-400 mr-2"},B={class:"flex flex-col gap-3"},C=["name","value","onUpdate:modelValue"],D={class:"text-white flex-1"},T={class:"font-semibold mr-2"},q={class:"mt-8 flex justify-center"},$=["disabled"],O={class:"mt-4 text-center text-gray-400 text-sm"},h=e.defineComponent({__name:"View",props:{selectedResult:{},sendTextMessage:{type:Function}},emits:["updateResult"],setup(d,{emit:m}){const o=d,_=m,s=e.ref(null),l=e.ref([]);e.watch(()=>o.selectedResult,t=>{t?.toolName===a.TOOL_NAME&&t.jsonData&&(s.value=t.jsonData,t.viewState?.userAnswers?l.value=t.viewState.userAnswers:l.value=new Array(s.value.questions.length).fill(null))},{immediate:!0}),e.watch(l,t=>{if(o.selectedResult&&t){const i={...o.selectedResult,viewState:{userAnswers:t}};_("updateResult",i)}},{deep:!0});const u=e.computed(()=>l.value.filter(t=>t!==null).length),p=e.computed(()=>s.value&&u.value===s.value.questions.length);function x(t,i){return l.value[t]===i?"border-blue-500 bg-blue-500/20":"border-[#4b4b6b] hover:border-[#6b6b8b] hover:bg-[#6b6b8b]/20"}function y(){if(!s.value||!p.value)return;const i=`Here are my answers:
+${l.value.map((n,r)=>{if(n===null)return null;const v=r+1,c=String.fromCharCode(65+n),g=s.value.questions[r].choices[n];return`Q${v}: ${c} - ${g}`}).filter(n=>n!==null).join(`
+`)}`;o.sendTextMessage(i)}return(t,i)=>(e.openBlock(),e.createElementBlock("div",k,[s.value?(e.openBlock(),e.createElementBlock("div",E,[s.value.title?(e.openBlock(),e.createElementBlock("h2",N,e.toDisplayString(s.value.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.questions,(n,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"bg-[#2d2d44] rounded-lg p-6 border-2 border-[#3d3d5c]"},[e.createElementVNode("div",w,[e.createElementVNode("span",V,e.toDisplayString(r+1)+".",1),e.createTextVNode(" "+e.toDisplayString(n.question),1)]),e.createElementVNode("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.choices,(v,c)=>(e.openBlock(),e.createElementBlock("label",{key:c,class:e.normalizeClass([x(r,c),"flex items-start p-4 rounded-lg cursor-pointer transition-all duration-200 border-2"])},[e.withDirectives(e.createElementVNode("input",{type:"radio",name:`question-${r}`,value:c,"onUpdate:modelValue":g=>l.value[r]=g,class:"mt-1 mr-3 size-4 shrink-0"},null,8,C),[[e.vModelRadio,l.value[r]]]),e.createElementVNode("span",D,[e.createElementVNode("span",T,e.toDisplayString(String.fromCharCode(65+c))+".",1),e.createTextVNode(" "+e.toDisplayString(v),1)])],2))),128))])]))),128))]),e.createElementVNode("div",q,[e.createElementVNode("button",{onClick:y,disabled:!p.value,class:e.normalizeClass([p.value?"bg-blue-600 hover:bg-blue-700":"bg-gray-600 cursor-not-allowed opacity-50","py-3 px-8 rounded-lg text-white font-semibold text-lg transition-colors border-none cursor-pointer"])}," Submit Answers ",10,$)]),e.createElementVNode("div",O,e.toDisplayString(u.value)+" / "+e.toDisplayString(s.value.questions.length)+" questions answered ",1)])):e.createCommentVNode("",!0)]))}}),A={class:"p-3 bg-blue-50 rounded-md"},L={key:0,class:"flex flex-col gap-2"},M={class:"text-sm font-semibold text-gray-800 text-center"},z={class:"text-center"},j={class:"inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full"},Q={class:"text-xs text-gray-600 overflow-hidden line-clamp-2"},F={class:"flex justify-center gap-1"},P={key:0,class:"text-xs text-gray-500"},b=e.defineComponent({__name:"Preview",props:{result:{}},setup(d){const m=d,o=e.computed(()=>m.result.jsonData);return(_,s)=>(e.openBlock(),e.createElementBlock("div",A,[o.value?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",M,e.toDisplayString(o.value.title||"Quiz"),1),e.createElementVNode("div",z,[e.createElementVNode("span",j,e.toDisplayString(o.value.questions.length)+" "+e.toDisplayString(o.value.questions.length===1?"Question":"Questions"),1)]),e.createElementVNode("div",Q,e.toDisplayString(o.value.questions[0]?.question),1),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Math.min(o.value.questions[0]?.choices.length||0,4),(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"size-2 bg-gray-400 rounded-full"}))),128)),(o.value.questions[0]?.choices.length||0)>4?(e.openBlock(),e.createElementBlock("div",P," +"+e.toDisplayString(o.value.questions[0].choices.length-4),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),f={...a.pluginCore,viewComponent:h,previewComponent:b},R={plugin:f};exports.SAMPLES=a.SAMPLES;exports.TOOL_DEFINITION=a.TOOL_DEFINITION;exports.TOOL_NAME=a.TOOL_NAME;exports.executeQuiz=a.executeQuiz;exports.pluginCore=a.pluginCore;exports.Preview=b;exports.View=h;exports.default=R;exports.plugin=f;

package/dist/vue.js

@@ -0,0 +1,145 @@
+import { TOOL_NAME as A, pluginCore as D } from "./core.js";
+import { SAMPLES as ue, TOOL_DEFINITION as ce, executeQuiz as de } from "./core.js";
+import { defineComponent as S, ref as C, watch as $, computed as g, createElementBlock as l, openBlock as n, createCommentVNode as m, createElementVNode as e, toDisplayString as i, Fragment as x, renderList as w, createTextVNode as k, normalizeClass as q, withDirectives as N, vModelRadio as V } from "vue";
+const j = { class: "size-full overflow-y-auto p-8 bg-[#1a1a2e]" }, M = {
+  key: 0,
+  class: "max-w-3xl w-full mx-auto"
+}, Q = {
+  key: 0,
+  class: "text-[#f0f0f0] text-3xl font-bold mb-8 text-center"
+}, E = { class: "flex flex-col gap-6" }, L = { class: "text-white text-lg font-semibold mb-4" }, O = { class: "text-blue-400 mr-2" }, R = { class: "flex flex-col gap-3" }, F = ["name", "value", "onUpdate:modelValue"], P = { class: "text-white flex-1" }, B = { class: "font-semibold mr-2" }, U = { class: "mt-8 flex justify-center" }, H = ["disabled"], G = { class: "mt-4 text-center text-gray-400 text-sm" }, J = /* @__PURE__ */ S({
+  __name: "View",
+  props: {
+    selectedResult: {},
+    sendTextMessage: { type: Function }
+  },
+  emits: ["updateResult"],
+  setup(_, { emit: h }) {
+    const s = _, y = h, o = C(null), a = C([]);
+    $(
+      () => s.selectedResult,
+      (t) => {
+        t?.toolName === A && t.jsonData && (o.value = t.jsonData, t.viewState?.userAnswers ? a.value = t.viewState.userAnswers : a.value = new Array(o.value.questions.length).fill(null));
+      },
+      { immediate: !0 }
+    ), $(
+      a,
+      (t) => {
+        if (s.selectedResult && t) {
+          const c = {
+            ...s.selectedResult,
+            viewState: {
+              userAnswers: t
+            }
+          };
+          y("updateResult", c);
+        }
+      },
+      { deep: !0 }
+    );
+    const v = g(() => a.value.filter((t) => t !== null).length), p = g(() => o.value && v.value === o.value.questions.length);
+    function T(t, c) {
+      return a.value[t] === c ? "border-blue-500 bg-blue-500/20" : "border-[#4b4b6b] hover:border-[#6b6b8b] hover:bg-[#6b6b8b]/20";
+    }
+    function z() {
+      if (!o.value || !p.value) return;
+      const c = `Here are my answers:
+${a.value.map((r, u) => {
+        if (r === null) return null;
+        const b = u + 1, d = String.fromCharCode(65 + r), f = o.value.questions[u].choices[r];
+        return `Q${b}: ${d} - ${f}`;
+      }).filter((r) => r !== null).join(`
+`)}`;
+      s.sendTextMessage(c);
+    }
+    return (t, c) => (n(), l("div", j, [
+      o.value ? (n(), l("div", M, [
+        o.value.title ? (n(), l("h2", Q, i(o.value.title), 1)) : m("", !0),
+        e("div", E, [
+          (n(!0), l(x, null, w(o.value.questions, (r, u) => (n(), l("div", {
+            key: u,
+            class: "bg-[#2d2d44] rounded-lg p-6 border-2 border-[#3d3d5c]"
+          }, [
+            e("div", L, [
+              e("span", O, i(u + 1) + ".", 1),
+              k(" " + i(r.question), 1)
+            ]),
+            e("div", R, [
+              (n(!0), l(x, null, w(r.choices, (b, d) => (n(), l("label", {
+                key: d,
+                class: q([T(u, d), "flex items-start p-4 rounded-lg cursor-pointer transition-all duration-200 border-2"])
+              }, [
+                N(e("input", {
+                  type: "radio",
+                  name: `question-${u}`,
+                  value: d,
+                  "onUpdate:modelValue": (f) => a.value[u] = f,
+                  class: "mt-1 mr-3 size-4 shrink-0"
+                }, null, 8, F), [
+                  [V, a.value[u]]
+                ]),
+                e("span", P, [
+                  e("span", B, i(String.fromCharCode(65 + d)) + ".", 1),
+                  k(" " + i(b), 1)
+                ])
+              ], 2))), 128))
+            ])
+          ]))), 128))
+        ]),
+        e("div", U, [
+          e("button", {
+            onClick: z,
+            disabled: !p.value,
+            class: q([p.value ? "bg-blue-600 hover:bg-blue-700" : "bg-gray-600 cursor-not-allowed opacity-50", "py-3 px-8 rounded-lg text-white font-semibold text-lg transition-colors border-none cursor-pointer"])
+          }, " Submit Answers ", 10, H)
+        ]),
+        e("div", G, i(v.value) + " / " + i(o.value.questions.length) + " questions answered ", 1)
+      ])) : m("", !0)
+    ]));
+  }
+}), K = { class: "p-3 bg-blue-50 rounded-md" }, W = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, X = { class: "text-sm font-semibold text-gray-800 text-center" }, Y = { class: "text-center" }, Z = { class: "inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full" }, I = { class: "text-xs text-gray-600 overflow-hidden line-clamp-2" }, ee = { class: "flex justify-center gap-1" }, te = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, se = /* @__PURE__ */ S({
+  __name: "Preview",
+  props: {
+    result: {}
+  },
+  setup(_) {
+    const h = _, s = g(() => h.result.jsonData);
+    return (y, o) => (n(), l("div", K, [
+      s.value ? (n(), l("div", W, [
+        e("div", X, i(s.value.title || "Quiz"), 1),
+        e("div", Y, [
+          e("span", Z, i(s.value.questions.length) + " " + i(s.value.questions.length === 1 ? "Question" : "Questions"), 1)
+        ]),
+        e("div", I, i(s.value.questions[0]?.question), 1),
+        e("div", ee, [
+          (n(!0), l(x, null, w(Math.min(s.value.questions[0]?.choices.length || 0, 4), (a, v) => (n(), l("div", {
+            key: v,
+            class: "size-2 bg-gray-400 rounded-full"
+          }))), 128)),
+          (s.value.questions[0]?.choices.length || 0) > 4 ? (n(), l("div", te, " +" + i(s.value.questions[0].choices.length - 4), 1)) : m("", !0)
+        ])
+      ])) : m("", !0)
+    ]));
+  }
+}), oe = {
+  ...D,
+  viewComponent: J,
+  previewComponent: se
+}, ie = { plugin: oe };
+export {
+  se as Preview,
+  ue as SAMPLES,
+  ce as TOOL_DEFINITION,
+  A as TOOL_NAME,
+  J as View,
+  ie as default,
+  de as executeQuiz,
+  oe as plugin,
+  D as pluginCore
+};