@oro.ad/nuxt-claude-devtools 1.0.7 → 1.1.0

package/dist/runtime/types.d.ts

@@ -0,0 +1,156 @@
+export interface TextBlock {
+    type: 'text';
+    text: string;
+}
+export interface ToolUseBlock {
+    type: 'tool_use';
+    id: string;
+    name: string;
+    input: Record<string, unknown>;
+}
+export interface ToolResultBlock {
+    type: 'tool_result';
+    tool_use_id: string;
+    content: string | unknown[];
+    is_error?: boolean;
+}
+export interface ThinkingBlock {
+    type: 'thinking';
+    thinking: string;
+}
+export type ContentBlock = TextBlock | ToolUseBlock | ToolResultBlock | ThinkingBlock;
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant' | 'system';
+    content: string;
+    contentBlocks?: ContentBlock[];
+    timestamp: Date | string;
+    streaming?: boolean;
+    model?: string;
+}
+export interface Conversation {
+    id: string;
+    title?: string;
+    messages: Message[];
+    createdAt: string;
+    updatedAt: string;
+    projectPath: string;
+    claudeSessionId?: string;
+}
+export interface HistoryStore {
+    version: 1;
+    conversations: Conversation[];
+    activeConversationId: string | null;
+}
+export interface StreamEventBase {
+    type: string;
+}
+export interface MessageStartEvent extends StreamEventBase {
+    type: 'message_start';
+    message: {
+        id: string;
+        type: 'message';
+        role: 'assistant';
+        model: string;
+        content: unknown[];
+    };
+}
+export interface ContentBlockStartEvent extends StreamEventBase {
+    type: 'content_block_start';
+    index: number;
+    content_block: {
+        type: 'text' | 'tool_use' | 'thinking';
+        id?: string;
+        name?: string;
+        input?: Record<string, unknown>;
+        text?: string;
+        thinking?: string;
+    };
+}
+export interface ContentBlockDeltaEvent extends StreamEventBase {
+    type: 'content_block_delta';
+    index: number;
+    delta: {
+        type: 'text_delta' | 'input_json_delta' | 'thinking_delta';
+        text?: string;
+        partial_json?: string;
+        thinking?: string;
+    };
+}
+export interface ContentBlockStopEvent extends StreamEventBase {
+    type: 'content_block_stop';
+    index: number;
+}
+export interface MessageDeltaEvent extends StreamEventBase {
+    type: 'message_delta';
+    delta: {
+        stop_reason: 'end_turn' | 'tool_use' | 'max_tokens';
+    };
+    usage?: {
+        output_tokens: number;
+    };
+}
+export interface MessageStopEvent extends StreamEventBase {
+    type: 'message_stop';
+}
+export interface PingEvent extends StreamEventBase {
+    type: 'ping';
+}
+export interface ErrorEvent extends StreamEventBase {
+    type: 'error';
+    error: {
+        type: string;
+        message: string;
+    };
+}
+export interface ResultEvent extends StreamEventBase {
+    type: 'result';
+    subtype: 'success' | 'error';
+    result?: string;
+    error?: string;
+    session_id?: string;
+    cost_usd?: number;
+    duration_ms?: number;
+    duration_api_ms?: number;
+    is_error?: boolean;
+    num_turns?: number;
+    total_cost_usd?: number;
+}
+export interface SystemEvent extends StreamEventBase {
+    type: 'system';
+    subtype: string;
+    message?: string;
+}
+export interface AssistantEvent extends StreamEventBase {
+    type: 'assistant';
+    message: {
+        id: string;
+        type: 'message';
+        role: 'assistant';
+        content: Array<{
+            type: 'text' | 'tool_use';
+            text?: string;
+            id?: string;
+            name?: string;
+            input?: Record<string, unknown>;
+        }>;
+        model: string;
+        stop_reason: string;
+        stop_sequence: null | string;
+    };
+    session_id: string;
+}
+export interface ToolUseEvent extends StreamEventBase {
+    type: 'tool_use';
+    tool_use_id: string;
+    name: string;
+    input: Record<string, unknown>;
+}
+export interface ToolResultEvent extends StreamEventBase {
+    type: 'tool_result';
+    tool_use_id: string;
+    name?: string;
+    content: string | unknown[];
+    is_error?: boolean;
+}
+export type StreamEvent = MessageStartEvent | ContentBlockStartEvent | ContentBlockDeltaEvent | ContentBlockStopEvent | MessageDeltaEvent | MessageStopEvent | PingEvent | ErrorEvent | ResultEvent | SystemEvent | AssistantEvent | ToolUseEvent | ToolResultEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oro.ad/nuxt-claude-devtools",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "description": "Nuxt DevTools integration for Claude Code AI assistant",
   "license": "GPL-3.0-only",
   "type": "module",
@@ -10,6 +10,20 @@
       "import": "./dist/module.mjs"
     }
   },
+  "keywords": [
+    "vue",
+    "nuxt",
+    "claude",
+    "ai",
+    "agent",
+    "typescript",
+    "guides",
+    "vibecoding",
+    "hmr",
+    "dev-server",
+    "devtools",
+    "business-console"
+  ],
   "repository": {
     "url": "https://github.com/oro-ad/nuxt-claude-devtools"
   },
@@ -40,6 +54,7 @@
     "@nuxt/devtools-kit": "^3.1.1",
     "@nuxt/kit": "^4.2.2",
     "@oro.ad/nuxt-claude-devtools-bc": "^1.0.5",
+    "marked": "^17.0.1",
     "sirv": "^3.0.2",
     "socket.io": "^4.8.1"
   },

package/dist/client/_nuxt/C2ORx7Gd.js

@@ -1 +0,0 @@
-import{_ as L}from"./EMyRkg8p.js";import{u as B,_ as R,a as E,b as q,c as D,d as H,l as I}from"./DJn_CTvm.js";import{g as z,r as p,j as G,k as J,c as r,o as u,a as l,b as n,w as d,d as a,n as K,l as V,t as c,m as g,v as b,F as S,p as O}from"./CfGtRVGd.js";const Q={class:"relative flex flex-col h-screen n-bg-base"},W={class:"flex items-center justify-between p-4"},X={class:"flex items-center gap-3"},Y={class:"text-xl font-bold flex items-center gap-2"},Z={class:"flex items-center gap-2"},h={class:"flex-1 overflow-auto p-4 space-y-6"},ee={key:0,class:"n-bg-active rounded-lg p-4 mb-4"},le={key:0,class:"mb-4"},te={class:"space-y-4"},oe={class:"flex gap-4"},ne={class:"flex items-center gap-2"},se={class:"flex items-center gap-2"},ae={class:"flex items-center gap-2"},re={key:1},ue={class:"flex gap-4"},ie={class:"flex items-center gap-2"},de={class:"flex items-center gap-2"},me={class:"flex gap-2 pt-2"},pe={class:"text-lg font-semibold mb-3 flex items-center gap-2"},ce={key:0,class:"n-bg-active rounded-lg p-4 opacity-50"},ve={key:1,class:"space-y-2"},fe={class:"font-bold flex items-center gap-2"},ge={class:"text-sm opacity-70 font-mono"},Ce=z({__name:"mcp",setup(be){const x=B(),s=p(null),_=p(!1),w=p([]),k=p(!1),y=p(!1),t=p({name:"",transport:"stdio",command:"",args:"",url:"",scope:"local"}),m=p("");function M(){return x.isActive.value&&x.origin.value?x.origin.value:window.location.origin}function P(){const i=M();console.log("[mcp-client] Connecting to socket at",i,"tunnel active:",x.isActive.value),s.value=I(i,{path:"/__claude_devtools_socket",transports:["websocket","polling"],reconnection:!0,reconnectionAttempts:5}),s.value.on("connect",()=>{console.log("[mcp-client] Connected to socket"),_.value=!0,U()}),s.value.on("disconnect",()=>{console.log("[mcp-client] Disconnected from socket"),_.value=!1}),s.value.on("mcp:list",e=>{console.log("[mcp-client] MCP list received",e),w.value=e,k.value=!1}),s.value.on("mcp:added",e=>{console.log("[mcp-client] MCP added result",e),e.success?(y.value=!1,N()):m.value=e.error||"Failed to add MCP server"}),s.value.on("mcp:removed",e=>{console.log("[mcp-client] MCP removed result",e),e.success||alert(`Failed to remove: ${e.error}`)})}function U(){s.value&&(k.value=!0,s.value.emit("mcp:list"))}function N(){t.value={name:"",transport:"stdio",command:"",args:"",url:"",scope:"local"},m.value=""}function A(){if(!t.value.name){m.value="Name is required";return}if(t.value.transport==="stdio"&&!t.value.command){m.value="Command is required for stdio transport";return}if((t.value.transport==="http"||t.value.transport==="sse")&&!t.value.url){m.value="URL is required for HTTP/SSE transport";return}if(s.value){const i=t.value.args.split(" ").map(e=>e.trim()).filter(e=>e.length>0);s.value.emit("mcp:add",{name:t.value.name,transport:t.value.transport,command:t.value.command,args:i,url:t.value.url,scope:t.value.scope})}}function T(i){confirm(`Remove MCP server "${i.name}"?`)&&s.value&&s.value.emit("mcp:remove",{name:i.name})}return G(()=>{P()}),J(()=>{s.value&&s.value.disconnect()}),(i,e)=>{const $=L,v=R,f=E,j=q,C=D,F=H;return u(),r("div",Q,[l("div",W,[l("div",X,[n($,{class:"text-sm opacity-50 hover:opacity-100",to:"/"},{default:d(()=>[...e[11]||(e[11]=[a(" ← Chat ",-1)])]),_:1}),l("h1",Y,[n(v,{class:"text-blue",icon:"carbon:plug"}),e[12]||(e[12]=a(" MCP Servers ",-1))])]),l("div",Z,[n(f,{disabled:!_.value,n:"blue",onClick:e[0]||(e[0]=o=>y.value=!0)},{default:d(()=>[n(v,{class:"mr-1",icon:"carbon:add"}),e[13]||(e[13]=a(" Add Server ",-1))]),_:1},8,["disabled"]),n(f,{disabled:!_.value||k.value,n:"gray",onClick:U},{default:d(()=>[n(v,{class:K([{"animate-spin":k.value},"mr-1"]),icon:"carbon:restart"},null,8,["class"]),e[14]||(e[14]=a(" Refresh ",-1))]),_:1},8,["disabled"])])]),l("div",h,[y.value?(u(),r("div",ee,[e[28]||(e[28]=l("h3",{class:"font-bold mb-4"}," Add MCP Server ",-1)),m.value?(u(),r("div",le,[n(j,{icon:"carbon:warning",n:"red"},{default:d(()=>[a(c(m.value),1)]),_:1})])):V("",!0),l("div",te,[l("div",null,[e[15]||(e[15]=l("label",{class:"block text-sm font-medium mb-1"},"Name",-1)),n(C,{modelValue:t.value.name,"onUpdate:modelValue":e[1]||(e[1]=o=>t.value.name=o),class:"w-full",placeholder:"e.g. github, nuxt-ui-remote"},null,8,["modelValue"])]),l("div",null,[e[19]||(e[19]=l("label",{class:"block text-sm font-medium mb-1"},"Transport",-1)),l("div",oe,[l("label",ne,[g(l("input",{"onUpdate:modelValue":e[2]||(e[2]=o=>t.value.transport=o),name:"transport",type:"radio",value:"stdio"},null,512),[[b,t.value.transport]]),e[16]||(e[16]=l("span",null,"stdio (local command)",-1))]),l("label",se,[g(l("input",{"onUpdate:modelValue":e[3]||(e[3]=o=>t.value.transport=o),name:"transport",type:"radio",value:"http"},null,512),[[b,t.value.transport]]),e[17]||(e[17]=l("span",null,"HTTP (remote)",-1))]),l("label",ae,[g(l("input",{"onUpdate:modelValue":e[4]||(e[4]=o=>t.value.transport=o),name:"transport",type:"radio",value:"sse"},null,512),[[b,t.value.transport]]),e[18]||(e[18]=l("span",null,"SSE (remote)",-1))])])]),t.value.transport==="stdio"?(u(),r(S,{key:0},[l("div",null,[e[20]||(e[20]=l("label",{class:"block text-sm font-medium mb-1"},"Command",-1)),n(C,{modelValue:t.value.command,"onUpdate:modelValue":e[5]||(e[5]=o=>t.value.command=o),class:"w-full font-mono",placeholder:"e.g. npx"},null,8,["modelValue"])]),l("div",null,[e[21]||(e[21]=l("label",{class:"block text-sm font-medium mb-1"},"Arguments (space separated)",-1)),n(C,{modelValue:t.value.args,"onUpdate:modelValue":e[6]||(e[6]=o=>t.value.args=o),class:"w-full font-mono",placeholder:"e.g. -y @modelcontextprotocol/server-github"},null,8,["modelValue"])])],64)):V("",!0),t.value.transport==="http"||t.value.transport==="sse"?(u(),r("div",re,[e[22]||(e[22]=l("label",{class:"block text-sm font-medium mb-1"},"URL",-1)),n(C,{modelValue:t.value.url,"onUpdate:modelValue":e[7]||(e[7]=o=>t.value.url=o),class:"w-full font-mono",placeholder:"e.g. https://ui.nuxt.com/mcp"},null,8,["modelValue"])])):V("",!0),l("div",null,[e[25]||(e[25]=l("label",{class:"block text-sm font-medium mb-1"},"Scope",-1)),l("div",ue,[l("label",ie,[g(l("input",{"onUpdate:modelValue":e[8]||(e[8]=o=>t.value.scope=o),name:"scope",type:"radio",value:"local"},null,512),[[b,t.value.scope]]),e[23]||(e[23]=l("span",null,"Local (this project, private)",-1))]),l("label",de,[g(l("input",{"onUpdate:modelValue":e[9]||(e[9]=o=>t.value.scope=o),name:"scope",type:"radio",value:"global"},null,512),[[b,t.value.scope]]),e[24]||(e[24]=l("span",null,"User (all projects)",-1))])])]),l("div",me,[n(f,{n:"green",onClick:A},{default:d(()=>[...e[26]||(e[26]=[a(" Add Server ",-1)])]),_:1}),n(f,{n:"gray",onClick:e[10]||(e[10]=o=>{y.value=!1,N()})},{default:d(()=>[...e[27]||(e[27]=[a(" Cancel ",-1)])]),_:1})])])])):V("",!0),l("div",null,[l("h2",pe,[n(v,{icon:"carbon:plug"}),e[29]||(e[29]=a(" Configured Servers ",-1))]),w.value.length===0?(u(),r("div",ce," No MCP servers configured ")):(u(),r("div",ve,[(u(!0),r(S,null,O(w.value,o=>(u(),r("div",{key:o.name,class:"n-bg-active rounded-lg p-4 flex items-center justify-between"},[l("div",null,[l("div",fe,[a(c(o.name)+" ",1),n(F,{n:o.transport==="stdio"?"gray":"blue",class:"text-xs"},{default:d(()=>[a(c(o.transport),1)]),_:2},1032,["n"])]),l("div",ge,[o.transport==="stdio"?(u(),r(S,{key:0},[a(c(o.command)+" "+c(o.args?.join(" ")),1)],64)):(u(),r(S,{key:1},[a(c(o.url),1)],64))])]),n(f,{n:"red",onClick:xe=>T(o)},{default:d(()=>[n(v,{icon:"carbon:trash-can"})]),_:1},8,["onClick"])]))),128))]))])])])}}});export{Ce as default};