@automattic/agenttic-client 0.1.11 → 0.1.13

package/dist/markdown-extensions/charts/index.d.ts

@@ -1,6 +1,7 @@
 /**
  * Chart extension for markdown processing
  */
+import './charts.css';
 import React from 'react';
 import type { ChartExtensionConfig } from '../types';
 interface CodeProps extends React.HTMLAttributes<HTMLElement> {

package/dist/markdown-extensions/charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/markdown-extensions/charts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAE,WAAW,CAAE;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,oBAAoB,CAAE,QAAQ,CAAE,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAE,MAAM,CAAC,EAAE,WAAW,IACrB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yFAqBhD;AAGD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/markdown-extensions/charts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAE,WAAW,CAAE;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,WAAW,GAAG,oBAAoB,CAAE,QAAQ,CAAE,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAE,MAAM,CAAC,EAAE,WAAW,IACrB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yFAqBhD;AAGD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/mocks.js

@@ -0,0 +1,311 @@
+import { j as r, b as l } from "./BarChart-Cid6YH81.js";
+import "react";
+import "@wordpress/i18n";
+import "@automattic/charts";
+const b = () => ({
+  selectedBlockClientId: "qwu2",
+  currentPageContent: [
+    {
+      name: "core/post-content",
+      type: "content",
+      clientId: "kgrq",
+      innerBlocks: [
+        {
+          clientId: "hac1",
+          name: "core/group",
+          isValid: !0,
+          originalContent: '<div class="wp-block-group alignfull is-style-section-default" id="intro-section" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"></div>',
+          validationIssues: [],
+          attributes: {
+            tagName: "div",
+            metadata: {
+              name: "Introduction",
+              patternCategory: "intro",
+              remotePatternId: 14040,
+              reason: "Creates a strong first impression by highlighting Mama's Bread's reputation and inviting customers to discover more. Features key imagery. "
+            },
+            align: "full",
+            className: "is-style-section-default",
+            style: {
+              spacing: {
+                margin: {
+                  top: "0",
+                  bottom: "0"
+                },
+                padding: {
+                  top: "var:preset|spacing|40",
+                  bottom: "var:preset|spacing|40"
+                }
+              }
+            },
+            layout: {
+              type: "constrained",
+              justifyContent: "center"
+            },
+            anchor: "intro-section"
+          },
+          innerBlocks: [
+            {
+              clientId: "XfP9",
+              name: "core/group",
+              isValid: !0,
+              originalContent: `<div class="wp-block-group alignwide">
+
+</div>`,
+              validationIssues: [],
+              attributes: {
+                tagName: "div",
+                metadata: {
+                  name: "Container"
+                },
+                align: "wide",
+                style: {
+                  spacing: {
+                    blockGap: "var:preset|spacing|40"
+                  }
+                },
+                layout: {
+                  type: "constrained"
+                }
+              },
+              innerBlocks: [
+                {
+                  clientId: "bo18",
+                  name: "core/columns",
+                  isValid: !0,
+                  originalContent: `<div class="wp-block-columns alignwide are-vertically-aligned-top">
+
+</div>`,
+                  validationIssues: [],
+                  attributes: {
+                    verticalAlignment: "top",
+                    isStackedOnMobile: !0,
+                    align: "wide",
+                    style: {
+                      spacing: {
+                        blockGap: {
+                          top: "var:preset|spacing|30"
+                        }
+                      }
+                    }
+                  },
+                  innerBlocks: [
+                    {
+                      clientId: "B0cB",
+                      name: "core/column",
+                      isValid: !0,
+                      originalContent: '<div class="wp-block-column is-vertically-aligned-top"></div>',
+                      validationIssues: [],
+                      attributes: {
+                        verticalAlignment: "top",
+                        width: "",
+                        layout: {
+                          type: "constrained",
+                          justifyContent: "left",
+                          contentSize: "480px"
+                        }
+                      },
+                      innerBlocks: [
+                        {
+                          clientId: "2Vj9",
+                          name: "core/heading",
+                          isValid: !0,
+                          originalContent: `<h2 class="wp-block-heading">Welcome to Oakland's Favorite Bakery</h2>`,
+                          validationIssues: [],
+                          attributes: {
+                            content: "Welcome to Oakland's Favorite Bakery",
+                            level: 2
+                          },
+                          innerBlocks: []
+                        }
+                      ]
+                    },
+                    {
+                      clientId: "KHCI",
+                      name: "core/column",
+                      isValid: !0,
+                      originalContent: `<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:40%">
+
+</div>`,
+                      validationIssues: [],
+                      attributes: {
+                        verticalAlignment: "top",
+                        width: "40%"
+                      },
+                      innerBlocks: [
+                        {
+                          clientId: "qwu2",
+                          name: "core/paragraph",
+                          isValid: !0,
+                          originalContent: "<p>Discover why Mama's Bread is celebrated for its fresh, artisanal bread crafted with passion and tradition. Join us and taste the difference.</p>",
+                          validationIssues: [],
+                          attributes: {
+                            content: "Discover why Mama's Bread is celebrated for its fresh, artisanal bread crafted with passion and tradition. Join us and taste the difference.",
+                            dropCap: !1
+                          },
+                          innerBlocks: []
+                        },
+                        {
+                          clientId: "o-IA",
+                          name: "core/buttons",
+                          isValid: !0,
+                          originalContent: '<div class="wp-block-buttons"></div>',
+                          validationIssues: [],
+                          attributes: {},
+                          innerBlocks: [
+                            {
+                              clientId: "wsbN",
+                              name: "core/button",
+                              isValid: !0,
+                              originalContent: '<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="menu">Menu</a></div>',
+                              validationIssues: [],
+                              attributes: {
+                                tagName: "a",
+                                type: "button",
+                                url: "menu",
+                                text: "Menu"
+                              },
+                              innerBlocks: []
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  clientId: "K9PG",
+                  name: "core/image",
+                  isValid: !0,
+                  originalContent: '<figure class="wp-block-image alignwide size-full aspect-16/9"><img src="http://localhost:8888/wp-content/uploads/2025/05/image-pexels-1055271.jpg" alt="bakery" class="wp-image-145"/></figure>',
+                  validationIssues: [],
+                  attributes: {
+                    url: "http://localhost:8888/wp-content/uploads/2025/05/image-pexels-1055271.jpg",
+                    alt: "bakery",
+                    caption: "",
+                    id: 145,
+                    sizeSlug: "full",
+                    linkDestination: "none",
+                    align: "wide",
+                    className: "aspect-16/9"
+                  },
+                  innerBlocks: []
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}), h = (i) => ({
+  getAvailableTools: async () => [
+    {
+      id: "display_graph",
+      name: "Sales Graph Display",
+      description: "Displays a sales graph for products with interactive visualization. Use when users ask to see sales data, product performance, or graphical representations of sales metrics. Just make up random data",
+      input_schema: {
+        type: "object",
+        properties: {
+          title: {
+            type: "string",
+            description: 'The title for the graph (e.g., "Top 5 Products by Sales")'
+          },
+          timeframe: {
+            type: "string",
+            description: 'Optional timeframe description (e.g., "Last 30 days", "Q3 2024")'
+          },
+          data: {
+            type: "array",
+            description: "Array of sales data for products",
+            items: {
+              type: "object",
+              properties: {
+                product: {
+                  type: "string",
+                  description: "Product name"
+                },
+                sales: {
+                  type: "number",
+                  description: "Number of sales/units sold"
+                }
+              },
+              required: ["product", "sales"]
+            }
+          }
+        },
+        required: ["title", "data"]
+      }
+    }
+  ],
+  executeTool: async (t, e, n, s) => {
+    switch (console.log(`Executing tool: ${t}`, {
+      args: e,
+      messageId: n,
+      toolCallId: s
+    }), t) {
+      case "display_graph":
+        if (!e.title || !e.data)
+          return {
+            result: "Error: Title and data are required for graph display",
+            returnToAgent: !0
+          };
+        const { MockSalesGraph: a } = await Promise.resolve().then(() => d);
+        return i({
+          id: crypto.randomUUID(),
+          role: "agent",
+          content: [
+            {
+              type: "component",
+              component: a,
+              componentProps: {
+                title: e.title,
+                data: e.data,
+                timeframe: e.timeframe
+              }
+            }
+          ],
+          timestamp: Date.now(),
+          archived: !1,
+          showIcon: !0
+        }), {
+          result: `Graph displayed: ${e.title} with ${e.data.length} data points`,
+          returnToAgent: !1
+        };
+    }
+  }
+}), c = ({
+  title: i,
+  data: t,
+  timeframe: e
+}) => {
+  const n = [
+    {
+      name: i,
+      label: i,
+      // SeriesData requires a label property
+      data: t.map((a) => ({
+        label: a.product,
+        value: a.sales
+      }))
+    }
+  ], s = t.reduce((a, o) => a + o.sales, 0);
+  return Math.round(s / t.length), /* @__PURE__ */ r.jsx(
+    l,
+    {
+      data: n,
+      mode: "item-comparison",
+      truncateLabels: !0,
+      maxLabelLength: 15,
+      showLegend: !1
+    }
+  );
+}, d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MockSalesGraph: c
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  c as MockSalesGraph,
+  b as getClientContext,
+  h as getClientTools
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automattic/agenttic-client",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "type": "module",
   "description": "A TypeScript client library for A2A (Agent2Agent) protocol communication",
   "main": "dist/index.js",
@@ -37,16 +37,17 @@
   },
   "devDependencies": {
     "@wordpress/api-fetch": "^7.0.0",
-    "tsup": "^8.0.0",
+    "autoprefixer": "^10.4.0",
     "typescript": "^5.0.0",
     "unified": "^11.0.5",
+    "vite": "^5.0.0",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^1.0.0"
   },
   "dependencies": {
     "@automattic/charts": ">=0.14.0 <1.0.0",
     "@types/react": "^18.0.0",
     "@visx/xychart": "^3.12.0",
-    "@wordpress/element": "^6.2.0",
     "@wordpress/i18n": "^6.1.0",
     "react": "^18.0.0",
     "react-markdown": "^10.1.0",
@@ -67,10 +68,8 @@
     "branch": "trunk"
   },
   "scripts": {
-    "build": "pnpm run clean && tsup src/index.ts src/mocks/index.ts --format esm --target node18 && tsc --project tsconfig.json --emitDeclarationOnly",
-    "build:no-splitting": "pnpm run clean && tsup src/index.ts --format esm --target node18 --splitting=false && tsc --project tsconfig.json --emitDeclarationOnly",
-    "dev": "tsup src/index.ts --format esm --watch",
-    "dev:no-splitting": "tsup src/index.ts --format esm --target node18 --splitting=false --watch",
+    "build": "pnpm run clean && vite build && tsc --project tsconfig.json --emitDeclarationOnly",
+    "dev": "vite build --watch",
     "clean": "rm -rf dist",
     "type-check": "tsc --noEmit",
     "lint": "wp-scripts lint-js src --ext .ts,.tsx",

package/dist/MockSalesGraph-ORPXGMCD.js

@@ -1,7 +0,0 @@
-import {
-  MockSalesGraph
-} from "./chunk-ZDG7Y2LU.js";
-import "./chunk-LAB4XYXR.js";
-export {
-  MockSalesGraph
-};