@mulmochat-plugin/quiz 0.1.4 → 0.2.0

package/dist/core/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * MulmoChat Plugin Core Exports
+ *
+ * Framework-agnostic types and plugin logic.
+ * Import from "@mulmochat-plugin/quiz/core"
+ */
+export type { BackendType, ToolContextApp, ToolContext, ToolResult, ToolResultComplete, JsonSchemaProperty, ToolDefinition, StartApiResponse, ToolSample, InputHandler, FileInputHandler, ClipboardImageInputHandler, UrlInputHandler, TextInputHandler, FileUploadConfig, ConfigValue, ConfigFieldSchema, StringFieldSchema, NumberFieldSchema, BooleanFieldSchema, SelectFieldSchema, MultiSelectFieldSchema, SelectOption, PluginConfigSchema, ViewComponentProps, PreviewComponentProps, ToolPluginCore, QuizQuestion, QuizData, QuizArgs, } from "./types";
+export { pluginCore, TOOL_NAME, TOOL_DEFINITION, SAMPLES, executeQuiz } from "./plugin";

package/dist/core/plugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * MulmoChat Quiz Plugin Core (Framework-agnostic)
+ *
+ * Contains the plugin logic without UI components.
+ * Can be used by any framework (Vue, React, etc.)
+ */
+import type { ToolPluginCore, ToolContext, ToolResult, ToolDefinition, ToolSample, QuizData, QuizArgs } from "./types";
+export declare const TOOL_NAME = "putQuestions";
+export declare const TOOL_DEFINITION: ToolDefinition;
+export declare const SAMPLES: ToolSample[];
+export declare const executeQuiz: (_context: ToolContext, args: QuizArgs) => Promise<ToolResult<never, QuizData>>;
+export declare const pluginCore: ToolPluginCore<never, QuizData, QuizArgs>;

package/dist/core/types.d.ts

@@ -0,0 +1,242 @@
+/**
+ * MulmoChat Plugin Core Types (Framework-agnostic)
+ *
+ * These types can be used by any framework implementation (Vue, React, etc.)
+ */
+/**
+ * Backend types that plugins can declare they use.
+ * App layer manages actual provider/model settings for each type.
+ */
+export type BackendType = "textLLM" | "imageGen" | "audio" | "search" | "browse" | "map" | "mulmocast";
+/**
+ * App interface provided to plugins via context.app
+ * Contains backend functions and config accessors
+ */
+export interface ToolContextApp extends Record<string, (...args: any[]) => any> {
+    getConfig: <T = unknown>(key: string) => T | undefined;
+    setConfig: (key: string, value: unknown) => void;
+}
+/**
+ * Context passed to plugin execute function
+ */
+export interface ToolContext {
+    currentResult?: ToolResult<unknown> | null;
+    app?: ToolContextApp;
+}
+/**
+ * Result returned from plugin execution
+ */
+export interface ToolResult<T = unknown, J = unknown> {
+    toolName?: string;
+    uuid?: string;
+    message: string;
+    title?: string;
+    jsonData?: J;
+    instructions?: string;
+    instructionsRequired?: boolean;
+    updating?: boolean;
+    cancelled?: boolean;
+    data?: T;
+    viewState?: Record<string, unknown>;
+}
+/**
+ * Complete tool result with required fields
+ */
+export interface ToolResultComplete<T = unknown, J = unknown> extends ToolResult<T, J> {
+    toolName: string;
+    uuid: string;
+}
+/**
+ * JSON Schema property definition for tool parameters
+ */
+export interface JsonSchemaProperty {
+    type?: string;
+    description?: string;
+    enum?: string[];
+    items?: JsonSchemaProperty;
+    minimum?: number;
+    maximum?: number;
+    minItems?: number;
+    maxItems?: number;
+    properties?: Record<string, JsonSchemaProperty>;
+    required?: string[];
+    additionalProperties?: boolean;
+    oneOf?: JsonSchemaProperty[];
+    [key: string]: unknown;
+}
+/**
+ * Tool definition for OpenAI-compatible function calling
+ */
+export interface ToolDefinition {
+    type: "function";
+    name: string;
+    description: string;
+    parameters?: {
+        type: "object";
+        properties: Record<string, JsonSchemaProperty>;
+        required: string[];
+        additionalProperties?: boolean;
+    };
+}
+/**
+ * API response from server start endpoint
+ */
+export interface StartApiResponse {
+    hasOpenAIApiKey?: boolean;
+    hasAnthropicApiKey?: boolean;
+    hasGoogleApiKey?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * Sample arguments for testing
+ */
+export interface ToolSample {
+    name: string;
+    args: Record<string, unknown>;
+}
+/**
+ * File input handler
+ */
+export interface FileInputHandler {
+    type: "file";
+    acceptedTypes: string[];
+    handleInput: (fileData: string, fileName: string) => ToolResult<unknown, unknown>;
+}
+/**
+ * Clipboard image input handler
+ */
+export interface ClipboardImageInputHandler {
+    type: "clipboard-image";
+    handleInput: (imageData: string) => ToolResult<unknown, unknown>;
+}
+/**
+ * URL input handler
+ */
+export interface UrlInputHandler {
+    type: "url";
+    patterns?: string[];
+    handleInput: (url: string) => ToolResult<unknown, unknown>;
+}
+/**
+ * Text input handler
+ */
+export interface TextInputHandler {
+    type: "text";
+    patterns?: string[];
+    handleInput: (text: string) => ToolResult<unknown, unknown>;
+}
+/**
+ * Union of all input handler types
+ */
+export type InputHandler = FileInputHandler | ClipboardImageInputHandler | UrlInputHandler | TextInputHandler;
+/**
+ * Legacy file upload config (for backward compatibility)
+ * @deprecated Use InputHandler instead
+ */
+export interface FileUploadConfig {
+    acceptedTypes: string[];
+    handleUpload: (fileData: string, fileName: string, ...args: unknown[]) => ToolResult<unknown, unknown>;
+}
+export type ConfigValue = string | number | boolean | string[];
+interface BaseFieldSchema {
+    label: string;
+    description?: string;
+    required?: boolean;
+}
+export interface StringFieldSchema extends BaseFieldSchema {
+    type: "string";
+    placeholder?: string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+}
+export interface NumberFieldSchema extends BaseFieldSchema {
+    type: "number";
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export interface BooleanFieldSchema extends BaseFieldSchema {
+    type: "boolean";
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface SelectFieldSchema extends BaseFieldSchema {
+    type: "select";
+    options: SelectOption[];
+}
+export interface MultiSelectFieldSchema extends BaseFieldSchema {
+    type: "multiselect";
+    options: SelectOption[];
+    minItems?: number;
+    maxItems?: number;
+}
+export type ConfigFieldSchema = StringFieldSchema | NumberFieldSchema | BooleanFieldSchema | SelectFieldSchema | MultiSelectFieldSchema;
+/**
+ * Plugin configuration schema (JSON Schema based)
+ */
+export interface PluginConfigSchema {
+    key: string;
+    defaultValue: ConfigValue;
+    schema: ConfigFieldSchema;
+}
+/**
+ * Standard props for View components
+ */
+export interface ViewComponentProps<T = unknown, J = unknown> {
+    selectedResult: ToolResultComplete<T, J>;
+    sendTextMessage: (text?: string) => void;
+    onUpdateResult?: (result: Partial<ToolResult<T, J>>) => void;
+    pluginConfigs?: Record<string, unknown>;
+}
+/**
+ * Standard props for Preview components
+ */
+export interface PreviewComponentProps<T = unknown, J = unknown> {
+    result: ToolResultComplete<T, J>;
+    isSelected?: boolean;
+    onSelect?: () => void;
+}
+/**
+ * Core plugin interface - framework agnostic
+ * Does not include UI components
+ */
+export interface ToolPluginCore<T = unknown, J = unknown, A extends object = object> {
+    toolDefinition: ToolDefinition;
+    execute: (context: ToolContext, args: A) => Promise<ToolResult<T, J>>;
+    generatingMessage: string;
+    waitingMessage?: string;
+    uploadMessage?: string;
+    isEnabled: (startResponse?: StartApiResponse | null) => boolean;
+    delayAfterExecution?: number;
+    systemPrompt?: string;
+    inputHandlers?: InputHandler[];
+    /** @deprecated Use inputHandlers instead */
+    fileUpload?: FileUploadConfig;
+    /** New JSON Schema based config (framework-agnostic) */
+    configSchema?: PluginConfigSchema;
+    samples?: ToolSample[];
+    backends?: BackendType[];
+}
+/** Single quiz question */
+export interface QuizQuestion {
+    question: string;
+    choices: string[];
+    correctAnswer?: number;
+}
+/** Quiz data stored in result.jsonData */
+export interface QuizData {
+    title?: string;
+    questions: QuizQuestion[];
+    userAnswers?: number[];
+}
+/** Arguments passed to the quiz tool */
+export interface QuizArgs {
+    title?: string;
+    questions: QuizQuestion[];
+}
+export {};

package/dist/core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i="putQuestions",o={type:"function",name:i,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"]}},n=[{name:"JavaScript Quiz",args:{title:"JavaScript Basics",questions:[{question:"What does 'const' do in JavaScript?",choices:["Declares a constant variable","Declares a mutable variable","Creates a function","Imports a module"],correctAnswer:0},{question:"Which method adds an element to the end of an array?",choices:["pop()","shift()","push()","unshift()"],correctAnswer:2},{question:"What is the output of: typeof null?",choices:['"null"','"undefined"','"object"','"boolean"'],correctAnswer:2}]}},{name:"World Capitals",args:{title:"World Capitals Quiz",questions:[{question:"What is the capital of Japan?",choices:["Osaka","Kyoto","Tokyo","Hiroshima"],correctAnswer:2},{question:"What is the capital of Australia?",choices:["Sydney","Melbourne","Canberra","Brisbane"],correctAnswer:2}]}},{name:"Simple Yes/No",args:{questions:[{question:"Is the Earth round?",choices:["Yes","No"],correctAnswer:0}]}}],a=async(l,c)=>{try{const{title:s,questions:e}=c;if(!e||!Array.isArray(e)||e.length===0)throw new Error("At least one question is required");for(let t=0;t<e.length;t++){const r=e[t];if(!r.question||typeof r.question!="string")throw new Error(`Question ${t+1} must have a question text`);if(!Array.isArray(r.choices)||r.choices.length<2)throw new Error(`Question ${t+1} must have at least 2 choices`);if(r.choices.length>6)throw new Error(`Question ${t+1} cannot have more than 6 choices`)}const u={title:s,questions:e};return{message:`Quiz presented with ${e.length} question${e.length>1?"s":""}`,jsonData:u,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(s){return console.error("Quiz creation error",s),{message:`Quiz error: ${s instanceof Error?s.message:"Unknown error"}`,instructions:"Acknowledge that there was an error creating the quiz and suggest trying again."}}},h={toolDefinition:o,execute:a,generatingMessage:"Preparing quiz...",isEnabled:()=>!0,samples:n};exports.SAMPLES=n;exports.TOOL_DEFINITION=o;exports.TOOL_NAME=i;exports.executeQuiz=a;exports.pluginCore=h;

package/dist/core.js

@@ -0,0 +1,144 @@
+const n = "putQuestions", a = {
+  type: "function",
+  name: n,
+  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"]
+  }
+}, c = [
+  {
+    name: "JavaScript Quiz",
+    args: {
+      title: "JavaScript Basics",
+      questions: [
+        {
+          question: "What does 'const' do in JavaScript?",
+          choices: [
+            "Declares a constant variable",
+            "Declares a mutable variable",
+            "Creates a function",
+            "Imports a module"
+          ],
+          correctAnswer: 0
+        },
+        {
+          question: "Which method adds an element to the end of an array?",
+          choices: ["pop()", "shift()", "push()", "unshift()"],
+          correctAnswer: 2
+        },
+        {
+          question: "What is the output of: typeof null?",
+          choices: ['"null"', '"undefined"', '"object"', '"boolean"'],
+          correctAnswer: 2
+        }
+      ]
+    }
+  },
+  {
+    name: "World Capitals",
+    args: {
+      title: "World Capitals Quiz",
+      questions: [
+        {
+          question: "What is the capital of Japan?",
+          choices: ["Osaka", "Kyoto", "Tokyo", "Hiroshima"],
+          correctAnswer: 2
+        },
+        {
+          question: "What is the capital of Australia?",
+          choices: ["Sydney", "Melbourne", "Canberra", "Brisbane"],
+          correctAnswer: 2
+        }
+      ]
+    }
+  },
+  {
+    name: "Simple Yes/No",
+    args: {
+      questions: [
+        {
+          question: "Is the Earth round?",
+          choices: ["Yes", "No"],
+          correctAnswer: 0
+        }
+      ]
+    }
+  }
+], u = async (h, o) => {
+  try {
+    const { title: s, questions: e } = o;
+    if (!e || !Array.isArray(e) || e.length === 0)
+      throw new Error("At least one question is required");
+    for (let t = 0; t < e.length; t++) {
+      const r = e[t];
+      if (!r.question || typeof r.question != "string")
+        throw new Error(`Question ${t + 1} must have a question text`);
+      if (!Array.isArray(r.choices) || r.choices.length < 2)
+        throw new Error(`Question ${t + 1} must have at least 2 choices`);
+      if (r.choices.length > 6)
+        throw new Error(`Question ${t + 1} cannot have more than 6 choices`);
+    }
+    const i = {
+      title: s,
+      questions: e
+    };
+    return {
+      message: `Quiz presented with ${e.length} question${e.length > 1 ? "s" : ""}`,
+      jsonData: i,
+      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 (s) {
+    return console.error("Quiz creation error", s), {
+      message: `Quiz error: ${s instanceof Error ? s.message : "Unknown error"}`,
+      instructions: "Acknowledge that there was an error creating the quiz and suggest trying again."
+    };
+  }
+}, l = {
+  toolDefinition: a,
+  execute: u,
+  generatingMessage: "Preparing quiz...",
+  isEnabled: () => !0,
+  samples: c
+};
+export {
+  c as SAMPLES,
+  a as TOOL_DEFINITION,
+  n as TOOL_NAME,
+  u as executeQuiz,
+  l as pluginCore
+};

package/dist/index.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y="putQuestions",w={type:"function",name:y,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"]}},b=[{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}]}}],_={class:"size-full overflow-y-auto p-8 bg-[#1a1a2e]"},q={key:0,class:"max-w-3xl w-full mx-auto"},x={key:0,class:"text-[#f0f0f0] text-3xl font-bold mb-8 text-center"},k={class:"flex flex-col gap-6"},E={class:"text-white text-lg font-semibold mb-4"},A={class:"text-blue-400 mr-2"},S={class:"flex flex-col gap-3"},N=["name","value","onUpdate:modelValue"],B={class:"text-white flex-1"},V={class:"font-semibold mr-2"},C={class:"mt-8 flex justify-center"},D=["disabled"],z={class:"mt-4 text-center text-gray-400 text-sm"},Q=e.defineComponent({__name:"View",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",_,[o.value?(e.openBlock(),e.createElementBlock("div",q,[o.value.title?(e.openBlock(),e.createElementBlock("h2",x,e.toDisplayString(o.value.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",k,[(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",E,[e.createElementVNode("span",A,e.toDisplayString(c+1)+".",1),e.createTextVNode(" "+e.toDisplayString(a.question),1)]),e.createElementVNode("div",S,[(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,N),[[e.vModelRadio,s.value[c]]]),e.createElementVNode("span",B,[e.createElementVNode("span",V,e.toDisplayString(String.fromCharCode(65+u))+".",1),e.createTextVNode(" "+e.toDisplayString(p),1)])],2))),128))])]))),128))]),e.createElementVNode("div",C,[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,D)]),e.createElementVNode("div",z,e.toDisplayString(i.value)+" / "+e.toDisplayString(o.value.questions.length)+" questions answered ",1)])):e.createCommentVNode("",!0)]))}}),$={class:"p-3 bg-blue-50 rounded-md"},T={key:0,class:"flex flex-col gap-2"},M={class:"text-sm font-semibold text-gray-800 text-center"},O={class:"text-center"},W={class:"inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full"},j={class:"text-xs text-gray-600 overflow-hidden line-clamp-2"},P={class:"flex justify-center gap-1"},L={key:0,class:"text-xs text-gray-500"},R=e.defineComponent({__name:"Preview",props:{result:{}},setup(h){const d=h,t=e.computed(()=>d.result.jsonData);return(r,o)=>(e.openBlock(),e.createElementBlock("div",$,[t.value?(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",M,e.toDisplayString(t.value.title||"Quiz"),1),e.createElementVNode("div",O,[e.createElementVNode("span",W,e.toDisplayString(t.value.questions.length)+" "+e.toDisplayString(t.value.questions.length===1?"Question":"Questions"),1)]),e.createElementVNode("div",j,e.toDisplayString(t.value.questions[0]?.question),1),e.createElementVNode("div",P,[(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",L," +"+e.toDisplayString(t.value.questions[0].choices.length-4),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),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:w,execute:F,generatingMessage:"Preparing quiz...",isEnabled:()=>!0,viewComponent:Q,previewComponent:R,samples:b},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,11 +1,19 @@
 /**
- * MulmoChat Plugin
+ * MulmoChat Quiz Plugin
  *
- * See package.json for plugin details.
+ * 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/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 = "putQuestions", M = {
-  type: "function",
-  name: T,
-  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"]
-  }
-}, W = [
-  {
-    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
-        }
-      ]
-    }
-  }
-], D = { class: "size-full overflow-y-auto p-8 bg-[#1a1a2e]" }, N = {
-  key: 0,
-  class: "max-w-3xl w-full mx-auto"
-}, O = {
-  key: 0,
-  class: "text-[#f0f0f0] text-3xl font-bold mb-8 text-center"
-}, j = { class: "flex flex-col gap-6" }, P = { class: "text-white text-lg font-semibold mb-4" }, R = { class: "text-blue-400 mr-2" }, V = { class: "flex flex-col gap-3" }, B = ["name", "value", "onUpdate:modelValue"], L = { class: "text-white flex-1" }, F = { class: "font-semibold mr-2" }, H = { class: "mt-8 flex justify-center" }, G = ["disabled"], U = { class: "mt-4 text-center text-gray-400 text-sm" }, J = /* @__PURE__ */ z({
-  __name: "View",
-  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", D, [
-      o.value ? (r(), i("div", N, [
-        o.value.title ? (r(), i("h2", O, a(o.value.title), 1)) : f("", !0),
-        s("div", j, [
-          (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", P, [
-              s("span", R, a(h + 1) + ".", 1),
-              k(" " + a(u.question), 1)
-            ]),
-            s("div", V, [
-              (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, B), [
-                  [E, t.value[h]]
-                ]),
-                s("span", L, [
-                  s("span", F, a(String.fromCharCode(65 + m)) + ".", 1),
-                  k(" " + a(w), 1)
-                ])
-              ], 2))), 128))
-            ])
-          ]))), 128))
-        ]),
-        s("div", H, [
-          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, G)
-        ]),
-        s("div", U, a(l.value) + " / " + a(o.value.questions.length) + " questions answered ", 1)
-      ])) : f("", !0)
-    ]));
-  }
-}), Y = { class: "p-3 bg-blue-50 rounded-md" }, I = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, K = { class: "text-sm font-semibold text-gray-800 text-center" }, X = { class: "text-center" }, Z = { class: "inline-block bg-blue-600 text-white text-xs font-bold py-1 px-3 rounded-full" }, ee = { class: "text-xs text-gray-600 overflow-hidden line-clamp-2" }, te = { class: "flex justify-center gap-1" }, se = {
-  key: 0,
-  class: "text-xs text-gray-500"
-}, oe = /* @__PURE__ */ z({
-  __name: "Preview",
-  props: {
-    result: {}
-  },
-  setup(g) {
-    const p = g, e = _(() => p.result.jsonData);
-    return (c, o) => (r(), i("div", Y, [
-      e.value ? (r(), i("div", I, [
-        s("div", K, a(e.value.title || "Quiz"), 1),
-        s("div", X, [
-          s("span", Z, a(e.value.questions.length) + " " + a(e.value.questions.length === 1 ? "Question" : "Questions"), 1)
-        ]),
-        s("div", ee, a(e.value.questions[0]?.question), 1),
-        s("div", te, [
-          (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", se, " +" + a(e.value.questions[0].choices.length - 4), 1)) : f("", !0)
-        ])
-      ])) : f("", !0)
-    ]));
-  }
-}), 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: M,
-  execute: ne,
-  generatingMessage: "Preparing quiz...",
-  isEnabled: () => !0,
-  viewComponent: J,
-  previewComponent: oe,
-  samples: W
-}, 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/{plugin → 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/{plugin → 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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mulmochat-plugin/quiz",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Quiz plugin for MulmoChat",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -12,6 +12,16 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core.js",
+      "require": "./dist/core.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
     "./style.css": "./dist/style.css"
   },
   "files": [

package/dist/common/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * MulmoChat Plugin Common
- *
- * Shared types and utilities for building MulmoChat plugins.
- * Import from "@mulmochat-plugin/quiz/common" or copy to your plugin.
- */
-export type { ToolContext, ToolContextApp, ToolResult, ToolPlugin, ToolDefinition, JsonSchemaProperty, StartApiResponse, FileUploadConfig, ToolPluginConfig, ToolSample, } from "./types";

package/dist/common/types.d.ts

@@ -1,142 +0,0 @@
-/**
- * MulmoChat Plugin Common Types
- *
- * Core interfaces for building MulmoChat plugins.
- * These types are plugin-agnostic and can be used by any plugin implementation.
- */
-import type { Component } from "vue";
-/**
- * Backend types that plugins can declare they use.
- * App layer manages actual provider/model settings for each type.
- */
-export type BackendType = "textLLM" | "imageGen" | "audio" | "search" | "browse" | "map" | "mulmocast";
-/**
- * App interface provided to plugins via context.app
- * Contains backend functions and config accessors
- */
-export interface ToolContextApp extends Record<string, (...args: any[]) => any> {
-    getConfig: <T = unknown>(key: string) => T | undefined;
-    setConfig: (key: string, value: unknown) => void;
-}
-/**
- * Context passed to plugin execute function
- */
-export interface ToolContext {
-    currentResult?: ToolResult<unknown> | null;
-    app?: ToolContextApp;
-}
-/**
- * Result returned from plugin execution
- */
-export interface ToolResult<T = unknown, J = unknown> {
-    toolName?: string;
-    uuid?: string;
-    message: string;
-    title?: string;
-    jsonData?: J;
-    instructions?: string;
-    instructionsRequired?: boolean;
-    updating?: boolean;
-    cancelled?: boolean;
-    data?: T;
-    viewState?: Record<string, unknown>;
-}
-/**
- * JSON Schema property definition for tool parameters
- */
-export interface JsonSchemaProperty {
-    type?: string;
-    description?: string;
-    enum?: string[];
-    items?: JsonSchemaProperty;
-    minimum?: number;
-    maximum?: number;
-    minItems?: number;
-    maxItems?: number;
-    properties?: Record<string, JsonSchemaProperty>;
-    required?: string[];
-    additionalProperties?: boolean;
-    oneOf?: JsonSchemaProperty[];
-    [key: string]: unknown;
-}
-/**
- * API response from server start endpoint
- */
-export interface StartApiResponse {
-    hasOpenAIApiKey?: boolean;
-    hasAnthropicApiKey?: boolean;
-    hasGoogleApiKey?: boolean;
-    [key: string]: unknown;
-}
-/**
- * Tool definition for OpenAI-compatible function calling
- */
-export interface ToolDefinition {
-    type: "function";
-    name: string;
-    description: string;
-    parameters?: {
-        type: "object";
-        properties: Record<string, JsonSchemaProperty>;
-        required: string[];
-        additionalProperties?: boolean;
-    };
-}
-/**
- * File upload configuration
- */
-export interface FileUploadConfig {
-    acceptedTypes: string[];
-    handleUpload: (fileData: string, fileName: string, ...args: unknown[]) => ToolResult<unknown, unknown>;
-}
-/**
- * Plugin configuration
- */
-export interface ToolPluginConfig {
-    key: string;
-    defaultValue: unknown;
-    component: Component;
-}
-/**
- * Sample arguments for testing
- */
-export interface ToolSample {
-    name: string;
-    args: Record<string, unknown>;
-}
-/**
- * Main plugin interface
- * @template T - Type of data stored in result.data
- * @template J - Type of data stored in result.jsonData
- * @template A - Type of arguments passed to execute
- */
-export interface ToolPlugin<T = unknown, J = unknown, A extends object = object> {
-    /** Tool definition for LLM function calling */
-    toolDefinition: ToolDefinition;
-    /** Execute the plugin with given context and arguments */
-    execute: (context: ToolContext, args: A) => Promise<ToolResult<T, J>>;
-    /** Message shown while generating */
-    generatingMessage: string;
-    /** Message shown while waiting for user action */
-    waitingMessage?: string;
-    /** Message shown during file upload */
-    uploadMessage?: string;
-    /** Check if plugin is enabled based on server capabilities */
-    isEnabled: (startResponse?: StartApiResponse | null) => boolean;
-    /** Delay in ms after execution before proceeding */
-    delayAfterExecution?: number;
-    /** Vue component for full view */
-    viewComponent?: Component;
-    /** Vue component for preview/thumbnail */
-    previewComponent?: Component;
-    /** System prompt additions for this plugin */
-    systemPrompt?: string;
-    /** Optional file upload configuration */
-    fileUpload?: FileUploadConfig;
-    /** Optional plugin-specific configuration */
-    config?: ToolPluginConfig;
-    /** Optional sample arguments for testing */
-    samples?: ToolSample[];
-    /** Backend types this plugin uses (e.g., ["textLLM", "imageGen"]) */
-    backends?: BackendType[];
-}

package/dist/plugin/index.d.ts

@@ -1,18 +0,0 @@
-/**
- * MulmoChat Quiz Plugin
- *
- * A plugin for presenting multiple choice quizzes to users.
- *
- * @example Basic usage
- * ```typescript
- * import { plugin } from "@mulmochat-plugin/quiz";
- * import "@mulmochat-plugin/quiz/style.css";
- * // Use plugin directly
- * ```
- */
-import type { ToolPlugin } from "../common";
-import type { QuizData, QuizArgs } from "./types";
-/**
- * Quiz plugin instance
- */
-export declare const plugin: ToolPlugin<never, QuizData, QuizArgs>;

package/dist/plugin/samples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Quiz Sample Data
- */
-import type { ToolSample } from "../common";
-export declare const SAMPLES: ToolSample[];

package/dist/plugin/tools.d.ts

@@ -1,47 +0,0 @@
-/**
- * Quiz Tool Definition
- */
-export declare const TOOL_NAME = "putQuestions";
-export declare const TOOL_DEFINITION: {
-    type: "function";
-    name: string;
-    description: string;
-    parameters: {
-        type: "object";
-        properties: {
-            title: {
-                type: string;
-                description: string;
-            };
-            questions: {
-                type: string;
-                description: string;
-                items: {
-                    type: string;
-                    properties: {
-                        question: {
-                            type: string;
-                            description: string;
-                        };
-                        choices: {
-                            type: string;
-                            description: string;
-                            items: {
-                                type: string;
-                            };
-                            minItems: number;
-                            maxItems: number;
-                        };
-                        correctAnswer: {
-                            type: string;
-                            description: string;
-                        };
-                    };
-                    required: string[];
-                };
-                minItems: number;
-            };
-        };
-        required: string[];
-    };
-};

package/dist/plugin/types.d.ts

@@ -1,20 +0,0 @@
-/**
- * Quiz Types
- */
-/** Single quiz question */
-export interface QuizQuestion {
-    question: string;
-    choices: string[];
-    correctAnswer?: number;
-}
-/** Quiz data stored in result.jsonData */
-export interface QuizData {
-    title?: string;
-    questions: QuizQuestion[];
-    userAnswers?: number[];
-}
-/** Arguments passed to the quiz tool */
-export interface QuizArgs {
-    title?: string;
-    questions: QuizQuestion[];
-}