@contractspec/example.marketplace 3.7.7 → 3.8.4

package/dist/visualizations/index.js

@@ -0,0 +1,184 @@
+// @bun
+// src/visualizations/catalog.ts
+import {
+  defineVisualization,
+  VisualizationRegistry
+} from "@contractspec/lib.contracts-spec/visualizations";
+var ORDER_LIST_REF = {
+  key: "marketplace.order.list",
+  version: "1.0.0"
+};
+var PRODUCT_LIST_REF = {
+  key: "marketplace.product.list",
+  version: "1.0.0"
+};
+var META = {
+  version: "1.0.0",
+  domain: "marketplace",
+  stability: "experimental",
+  owners: ["@example.marketplace"],
+  tags: ["marketplace", "visualization", "commerce"]
+};
+var MarketplaceOrderStatusVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.order-status",
+    title: "Order Status Breakdown",
+    description: "Distribution of current order states.",
+    goal: "Expose delivery and backlog mix at a glance.",
+    context: "Marketplace operations overview."
+  },
+  source: { primary: ORDER_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "pie",
+    nameDimension: "status",
+    valueMeasure: "orders",
+    dimensions: [
+      { key: "status", label: "Status", dataPath: "status", type: "category" }
+    ],
+    measures: [
+      { key: "orders", label: "Orders", dataPath: "orders", format: "number" }
+    ],
+    table: { caption: "Order counts by status." }
+  }
+});
+var MarketplaceCategoryValueVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.category-value",
+    title: "Category Value Comparison",
+    description: "Catalog value by product category derived from current pricing and stock.",
+    goal: "Compare where the marketplace catalog is concentrated.",
+    context: "Merchandising overview."
+  },
+  source: { primary: PRODUCT_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "cartesian",
+    variant: "bar",
+    xDimension: "category",
+    yMeasures: ["catalogValue"],
+    dimensions: [
+      {
+        key: "category",
+        label: "Category",
+        dataPath: "category",
+        type: "category"
+      }
+    ],
+    measures: [
+      {
+        key: "catalogValue",
+        label: "Catalog Value",
+        dataPath: "catalogValue",
+        format: "currency",
+        color: "#1d4ed8"
+      }
+    ],
+    table: { caption: "Catalog value by product category." }
+  }
+});
+var MarketplaceOrderActivityVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.order-activity",
+    title: "Recent Order Activity",
+    description: "Daily order volume from recent order creation timestamps.",
+    goal: "Show recent order activity trends.",
+    context: "Commerce operations trend monitoring."
+  },
+  source: { primary: ORDER_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "cartesian",
+    variant: "line",
+    xDimension: "day",
+    yMeasures: ["orders"],
+    dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
+    measures: [
+      {
+        key: "orders",
+        label: "Orders",
+        dataPath: "orders",
+        format: "number",
+        color: "#0f766e"
+      }
+    ],
+    table: { caption: "Daily order counts." }
+  }
+});
+var MarketplaceVisualizationSpecs = [
+  MarketplaceOrderStatusVisualization,
+  MarketplaceCategoryValueVisualization,
+  MarketplaceOrderActivityVisualization
+];
+var MarketplaceVisualizationRegistry = new VisualizationRegistry([
+  ...MarketplaceVisualizationSpecs
+]);
+var MarketplaceVisualizationRefs = MarketplaceVisualizationSpecs.map((spec) => ({
+  key: spec.meta.key,
+  version: spec.meta.version
+}));
+
+// src/visualizations/selectors.ts
+function toDayKey(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  return date.toISOString().slice(0, 10);
+}
+function createMarketplaceVisualizationItems(products, orders) {
+  const orderStatus = new Map;
+  const orderActivity = new Map;
+  const categoryValue = new Map;
+  for (const order of orders) {
+    orderStatus.set(order.status, (orderStatus.get(order.status) ?? 0) + 1);
+    const day = toDayKey(order.createdAt);
+    orderActivity.set(day, (orderActivity.get(day) ?? 0) + 1);
+  }
+  for (const product of products) {
+    const category = product.category ?? "Uncategorized";
+    categoryValue.set(category, (categoryValue.get(category) ?? 0) + product.price * product.stock);
+  }
+  return [
+    {
+      key: "marketplace-order-status",
+      spec: MarketplaceOrderStatusVisualization,
+      data: {
+        data: Array.from(orderStatus.entries()).map(([status, count]) => ({
+          status,
+          orders: count
+        }))
+      },
+      title: "Order Status Breakdown",
+      description: "Status mix across the current order set.",
+      height: 260
+    },
+    {
+      key: "marketplace-category-value",
+      spec: MarketplaceCategoryValueVisualization,
+      data: {
+        data: Array.from(categoryValue.entries()).sort(([, left], [, right]) => right - left).map(([category, value]) => ({
+          category,
+          catalogValue: value
+        }))
+      },
+      title: "Category Value Comparison",
+      description: "Derived from current product pricing and stock."
+    },
+    {
+      key: "marketplace-order-activity",
+      spec: MarketplaceOrderActivityVisualization,
+      data: {
+        data: Array.from(orderActivity.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, orders: count }))
+      },
+      title: "Recent Order Activity",
+      description: "Daily order count from current order history."
+    }
+  ];
+}
+export {
+  createMarketplaceVisualizationItems,
+  MarketplaceVisualizationSpecs,
+  MarketplaceVisualizationRegistry,
+  MarketplaceVisualizationRefs,
+  MarketplaceOrderStatusVisualization,
+  MarketplaceOrderActivityVisualization,
+  MarketplaceCategoryValueVisualization
+};

package/dist/visualizations/selectors.d.ts

@@ -0,0 +1,11 @@
+import type { VisualizationSurfaceItem } from '@contractspec/lib.design-system';
+import type { Order, Product } from '../handlers/marketplace.handlers';
+type DateLike = Date | string;
+interface OrderLike extends Pick<Order, 'status' | 'total'> {
+    createdAt: DateLike;
+}
+interface ProductLike extends Pick<Product, 'price' | 'stock'> {
+    category?: string | null;
+}
+export declare function createMarketplaceVisualizationItems(products: ProductLike[], orders: OrderLike[]): VisualizationSurfaceItem[];
+export {};

package/dist/visualizations/selectors.js

@@ -0,0 +1,178 @@
+// @bun
+// src/visualizations/catalog.ts
+import {
+  defineVisualization,
+  VisualizationRegistry
+} from "@contractspec/lib.contracts-spec/visualizations";
+var ORDER_LIST_REF = {
+  key: "marketplace.order.list",
+  version: "1.0.0"
+};
+var PRODUCT_LIST_REF = {
+  key: "marketplace.product.list",
+  version: "1.0.0"
+};
+var META = {
+  version: "1.0.0",
+  domain: "marketplace",
+  stability: "experimental",
+  owners: ["@example.marketplace"],
+  tags: ["marketplace", "visualization", "commerce"]
+};
+var MarketplaceOrderStatusVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.order-status",
+    title: "Order Status Breakdown",
+    description: "Distribution of current order states.",
+    goal: "Expose delivery and backlog mix at a glance.",
+    context: "Marketplace operations overview."
+  },
+  source: { primary: ORDER_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "pie",
+    nameDimension: "status",
+    valueMeasure: "orders",
+    dimensions: [
+      { key: "status", label: "Status", dataPath: "status", type: "category" }
+    ],
+    measures: [
+      { key: "orders", label: "Orders", dataPath: "orders", format: "number" }
+    ],
+    table: { caption: "Order counts by status." }
+  }
+});
+var MarketplaceCategoryValueVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.category-value",
+    title: "Category Value Comparison",
+    description: "Catalog value by product category derived from current pricing and stock.",
+    goal: "Compare where the marketplace catalog is concentrated.",
+    context: "Merchandising overview."
+  },
+  source: { primary: PRODUCT_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "cartesian",
+    variant: "bar",
+    xDimension: "category",
+    yMeasures: ["catalogValue"],
+    dimensions: [
+      {
+        key: "category",
+        label: "Category",
+        dataPath: "category",
+        type: "category"
+      }
+    ],
+    measures: [
+      {
+        key: "catalogValue",
+        label: "Catalog Value",
+        dataPath: "catalogValue",
+        format: "currency",
+        color: "#1d4ed8"
+      }
+    ],
+    table: { caption: "Catalog value by product category." }
+  }
+});
+var MarketplaceOrderActivityVisualization = defineVisualization({
+  meta: {
+    ...META,
+    key: "marketplace.visualization.order-activity",
+    title: "Recent Order Activity",
+    description: "Daily order volume from recent order creation timestamps.",
+    goal: "Show recent order activity trends.",
+    context: "Commerce operations trend monitoring."
+  },
+  source: { primary: ORDER_LIST_REF, resultPath: "data" },
+  visualization: {
+    kind: "cartesian",
+    variant: "line",
+    xDimension: "day",
+    yMeasures: ["orders"],
+    dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
+    measures: [
+      {
+        key: "orders",
+        label: "Orders",
+        dataPath: "orders",
+        format: "number",
+        color: "#0f766e"
+      }
+    ],
+    table: { caption: "Daily order counts." }
+  }
+});
+var MarketplaceVisualizationSpecs = [
+  MarketplaceOrderStatusVisualization,
+  MarketplaceCategoryValueVisualization,
+  MarketplaceOrderActivityVisualization
+];
+var MarketplaceVisualizationRegistry = new VisualizationRegistry([
+  ...MarketplaceVisualizationSpecs
+]);
+var MarketplaceVisualizationRefs = MarketplaceVisualizationSpecs.map((spec) => ({
+  key: spec.meta.key,
+  version: spec.meta.version
+}));
+
+// src/visualizations/selectors.ts
+function toDayKey(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  return date.toISOString().slice(0, 10);
+}
+function createMarketplaceVisualizationItems(products, orders) {
+  const orderStatus = new Map;
+  const orderActivity = new Map;
+  const categoryValue = new Map;
+  for (const order of orders) {
+    orderStatus.set(order.status, (orderStatus.get(order.status) ?? 0) + 1);
+    const day = toDayKey(order.createdAt);
+    orderActivity.set(day, (orderActivity.get(day) ?? 0) + 1);
+  }
+  for (const product of products) {
+    const category = product.category ?? "Uncategorized";
+    categoryValue.set(category, (categoryValue.get(category) ?? 0) + product.price * product.stock);
+  }
+  return [
+    {
+      key: "marketplace-order-status",
+      spec: MarketplaceOrderStatusVisualization,
+      data: {
+        data: Array.from(orderStatus.entries()).map(([status, count]) => ({
+          status,
+          orders: count
+        }))
+      },
+      title: "Order Status Breakdown",
+      description: "Status mix across the current order set.",
+      height: 260
+    },
+    {
+      key: "marketplace-category-value",
+      spec: MarketplaceCategoryValueVisualization,
+      data: {
+        data: Array.from(categoryValue.entries()).sort(([, left], [, right]) => right - left).map(([category, value]) => ({
+          category,
+          catalogValue: value
+        }))
+      },
+      title: "Category Value Comparison",
+      description: "Derived from current product pricing and stock."
+    },
+    {
+      key: "marketplace-order-activity",
+      spec: MarketplaceOrderActivityVisualization,
+      data: {
+        data: Array.from(orderActivity.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, orders: count }))
+      },
+      title: "Recent Order Activity",
+      description: "Daily order count from current order history."
+    }
+  ];
+}
+export {
+  createMarketplaceVisualizationItems
+};

package/dist/visualizations/selectors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/example.marketplace",
-  "version": "3.7.7",
+  "version": "3.8.4",
   "description": "Marketplace example with orders, payouts, and reviews for ContractSpec",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -19,20 +19,21 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@contractspec/lib.schema": "3.7.6",
-    "@contractspec/lib.contracts-spec": "4.0.0",
-    "@contractspec/lib.example-shared-ui": "6.0.7",
-    "@contractspec/lib.design-system": "3.8.0",
-    "@contractspec/lib.runtime-sandbox": "2.7.6",
+    "@contractspec/lib.schema": "3.7.10",
+    "@contractspec/lib.contracts-spec": "5.0.0",
+    "@contractspec/lib.example-shared-ui": "6.0.12",
+    "@contractspec/lib.design-system": "3.8.5",
+    "@contractspec/lib.runtime-sandbox": "2.7.10",
     "react": "19.2.0",
-    "react-dom": "19.2.0"
+    "react-dom": "19.2.0",
+    "@contractspec/lib.presentation-runtime-core": "3.9.0"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "3.7.6",
+    "@contractspec/tool.typescript": "3.7.9",
     "typescript": "^5.9.3",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.2",
-    "@contractspec/tool.bun": "3.7.6"
+    "@contractspec/tool.bun": "3.7.9"
   },
   "exports": {
     ".": {
@@ -385,6 +386,13 @@
       "node": "./dist/node/ui/MarketplaceDashboard.js",
       "default": "./dist/ui/MarketplaceDashboard.js"
     },
+    "./ui/MarketplaceDashboard.visualizations": {
+      "types": "./dist/ui/MarketplaceDashboard.visualizations.d.ts",
+      "browser": "./dist/browser/ui/MarketplaceDashboard.visualizations.js",
+      "bun": "./dist/ui/MarketplaceDashboard.visualizations.js",
+      "node": "./dist/node/ui/MarketplaceDashboard.visualizations.js",
+      "default": "./dist/ui/MarketplaceDashboard.visualizations.js"
+    },
     "./ui/renderers": {
       "types": "./dist/ui/renderers/index.d.ts",
       "browser": "./dist/browser/ui/renderers/index.js",
@@ -398,6 +406,27 @@
       "bun": "./dist/ui/renderers/marketplace.markdown.js",
       "node": "./dist/node/ui/renderers/marketplace.markdown.js",
       "default": "./dist/ui/renderers/marketplace.markdown.js"
+    },
+    "./visualizations": {
+      "types": "./dist/visualizations/index.d.ts",
+      "browser": "./dist/browser/visualizations/index.js",
+      "bun": "./dist/visualizations/index.js",
+      "node": "./dist/node/visualizations/index.js",
+      "default": "./dist/visualizations/index.js"
+    },
+    "./visualizations/catalog": {
+      "types": "./dist/visualizations/catalog.d.ts",
+      "browser": "./dist/browser/visualizations/catalog.js",
+      "bun": "./dist/visualizations/catalog.js",
+      "node": "./dist/node/visualizations/catalog.js",
+      "default": "./dist/visualizations/catalog.js"
+    },
+    "./visualizations/selectors": {
+      "types": "./dist/visualizations/selectors.d.ts",
+      "browser": "./dist/browser/visualizations/selectors.js",
+      "bun": "./dist/visualizations/selectors.js",
+      "node": "./dist/node/visualizations/selectors.js",
+      "default": "./dist/visualizations/selectors.js"
     }
   },
   "files": [
@@ -757,6 +786,13 @@
         "node": "./dist/node/ui/MarketplaceDashboard.js",
         "default": "./dist/ui/MarketplaceDashboard.js"
       },
+      "./ui/MarketplaceDashboard.visualizations": {
+        "types": "./dist/ui/MarketplaceDashboard.visualizations.d.ts",
+        "browser": "./dist/browser/ui/MarketplaceDashboard.visualizations.js",
+        "bun": "./dist/ui/MarketplaceDashboard.visualizations.js",
+        "node": "./dist/node/ui/MarketplaceDashboard.visualizations.js",
+        "default": "./dist/ui/MarketplaceDashboard.visualizations.js"
+      },
       "./ui/renderers": {
         "types": "./dist/ui/renderers/index.d.ts",
         "browser": "./dist/browser/ui/renderers/index.js",
@@ -770,6 +806,27 @@
         "bun": "./dist/ui/renderers/marketplace.markdown.js",
         "node": "./dist/node/ui/renderers/marketplace.markdown.js",
         "default": "./dist/ui/renderers/marketplace.markdown.js"
+      },
+      "./visualizations": {
+        "types": "./dist/visualizations/index.d.ts",
+        "browser": "./dist/browser/visualizations/index.js",
+        "bun": "./dist/visualizations/index.js",
+        "node": "./dist/node/visualizations/index.js",
+        "default": "./dist/visualizations/index.js"
+      },
+      "./visualizations/catalog": {
+        "types": "./dist/visualizations/catalog.d.ts",
+        "browser": "./dist/browser/visualizations/catalog.js",
+        "bun": "./dist/visualizations/catalog.js",
+        "node": "./dist/node/visualizations/catalog.js",
+        "default": "./dist/visualizations/catalog.js"
+      },
+      "./visualizations/selectors": {
+        "types": "./dist/visualizations/selectors.d.ts",
+        "browser": "./dist/browser/visualizations/selectors.js",
+        "bun": "./dist/visualizations/selectors.js",
+        "node": "./dist/node/visualizations/selectors.js",
+        "default": "./dist/visualizations/selectors.js"
       }
     },
     "registry": "https://registry.npmjs.org/"