@contractspec/example.marketplace 3.7.7 → 3.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +1 -0
  2. package/dist/browser/index.js +316 -79
  3. package/dist/browser/marketplace.feature.js +175 -0
  4. package/dist/browser/ui/MarketplaceDashboard.js +293 -75
  5. package/dist/browser/ui/MarketplaceDashboard.visualizations.js +216 -0
  6. package/dist/browser/ui/index.js +309 -79
  7. package/dist/browser/ui/renderers/index.js +190 -4
  8. package/dist/browser/ui/renderers/marketplace.markdown.js +190 -4
  9. package/dist/browser/visualizations/catalog.js +126 -0
  10. package/dist/browser/visualizations/index.js +183 -0
  11. package/dist/browser/visualizations/selectors.js +177 -0
  12. package/dist/index.d.ts +1 -0
  13. package/dist/index.js +316 -79
  14. package/dist/marketplace.feature.js +175 -0
  15. package/dist/node/index.js +316 -79
  16. package/dist/node/marketplace.feature.js +175 -0
  17. package/dist/node/ui/MarketplaceDashboard.js +293 -75
  18. package/dist/node/ui/MarketplaceDashboard.visualizations.js +216 -0
  19. package/dist/node/ui/index.js +309 -79
  20. package/dist/node/ui/renderers/index.js +190 -4
  21. package/dist/node/ui/renderers/marketplace.markdown.js +190 -4
  22. package/dist/node/visualizations/catalog.js +126 -0
  23. package/dist/node/visualizations/index.js +183 -0
  24. package/dist/node/visualizations/selectors.js +177 -0
  25. package/dist/ui/MarketplaceDashboard.js +293 -75
  26. package/dist/ui/MarketplaceDashboard.visualizations.d.ts +5 -0
  27. package/dist/ui/MarketplaceDashboard.visualizations.js +217 -0
  28. package/dist/ui/index.js +309 -79
  29. package/dist/ui/renderers/index.js +190 -4
  30. package/dist/ui/renderers/marketplace.markdown.js +190 -4
  31. package/dist/visualizations/catalog.d.ts +10 -0
  32. package/dist/visualizations/catalog.js +127 -0
  33. package/dist/visualizations/index.d.ts +2 -0
  34. package/dist/visualizations/index.js +184 -0
  35. package/dist/visualizations/selectors.d.ts +11 -0
  36. package/dist/visualizations/selectors.js +178 -0
  37. package/dist/visualizations/selectors.test.d.ts +1 -0
  38. package/package.json +64 -8
@@ -0,0 +1,183 @@
1
+ // src/visualizations/catalog.ts
2
+ import {
3
+ defineVisualization,
4
+ VisualizationRegistry
5
+ } from "@contractspec/lib.contracts-spec/visualizations";
6
+ var ORDER_LIST_REF = {
7
+ key: "marketplace.order.list",
8
+ version: "1.0.0"
9
+ };
10
+ var PRODUCT_LIST_REF = {
11
+ key: "marketplace.product.list",
12
+ version: "1.0.0"
13
+ };
14
+ var META = {
15
+ version: "1.0.0",
16
+ domain: "marketplace",
17
+ stability: "experimental",
18
+ owners: ["@example.marketplace"],
19
+ tags: ["marketplace", "visualization", "commerce"]
20
+ };
21
+ var MarketplaceOrderStatusVisualization = defineVisualization({
22
+ meta: {
23
+ ...META,
24
+ key: "marketplace.visualization.order-status",
25
+ title: "Order Status Breakdown",
26
+ description: "Distribution of current order states.",
27
+ goal: "Expose delivery and backlog mix at a glance.",
28
+ context: "Marketplace operations overview."
29
+ },
30
+ source: { primary: ORDER_LIST_REF, resultPath: "data" },
31
+ visualization: {
32
+ kind: "pie",
33
+ nameDimension: "status",
34
+ valueMeasure: "orders",
35
+ dimensions: [
36
+ { key: "status", label: "Status", dataPath: "status", type: "category" }
37
+ ],
38
+ measures: [
39
+ { key: "orders", label: "Orders", dataPath: "orders", format: "number" }
40
+ ],
41
+ table: { caption: "Order counts by status." }
42
+ }
43
+ });
44
+ var MarketplaceCategoryValueVisualization = defineVisualization({
45
+ meta: {
46
+ ...META,
47
+ key: "marketplace.visualization.category-value",
48
+ title: "Category Value Comparison",
49
+ description: "Catalog value by product category derived from current pricing and stock.",
50
+ goal: "Compare where the marketplace catalog is concentrated.",
51
+ context: "Merchandising overview."
52
+ },
53
+ source: { primary: PRODUCT_LIST_REF, resultPath: "data" },
54
+ visualization: {
55
+ kind: "cartesian",
56
+ variant: "bar",
57
+ xDimension: "category",
58
+ yMeasures: ["catalogValue"],
59
+ dimensions: [
60
+ {
61
+ key: "category",
62
+ label: "Category",
63
+ dataPath: "category",
64
+ type: "category"
65
+ }
66
+ ],
67
+ measures: [
68
+ {
69
+ key: "catalogValue",
70
+ label: "Catalog Value",
71
+ dataPath: "catalogValue",
72
+ format: "currency",
73
+ color: "#1d4ed8"
74
+ }
75
+ ],
76
+ table: { caption: "Catalog value by product category." }
77
+ }
78
+ });
79
+ var MarketplaceOrderActivityVisualization = defineVisualization({
80
+ meta: {
81
+ ...META,
82
+ key: "marketplace.visualization.order-activity",
83
+ title: "Recent Order Activity",
84
+ description: "Daily order volume from recent order creation timestamps.",
85
+ goal: "Show recent order activity trends.",
86
+ context: "Commerce operations trend monitoring."
87
+ },
88
+ source: { primary: ORDER_LIST_REF, resultPath: "data" },
89
+ visualization: {
90
+ kind: "cartesian",
91
+ variant: "line",
92
+ xDimension: "day",
93
+ yMeasures: ["orders"],
94
+ dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
95
+ measures: [
96
+ {
97
+ key: "orders",
98
+ label: "Orders",
99
+ dataPath: "orders",
100
+ format: "number",
101
+ color: "#0f766e"
102
+ }
103
+ ],
104
+ table: { caption: "Daily order counts." }
105
+ }
106
+ });
107
+ var MarketplaceVisualizationSpecs = [
108
+ MarketplaceOrderStatusVisualization,
109
+ MarketplaceCategoryValueVisualization,
110
+ MarketplaceOrderActivityVisualization
111
+ ];
112
+ var MarketplaceVisualizationRegistry = new VisualizationRegistry([
113
+ ...MarketplaceVisualizationSpecs
114
+ ]);
115
+ var MarketplaceVisualizationRefs = MarketplaceVisualizationSpecs.map((spec) => ({
116
+ key: spec.meta.key,
117
+ version: spec.meta.version
118
+ }));
119
+
120
+ // src/visualizations/selectors.ts
121
+ function toDayKey(value) {
122
+ const date = value instanceof Date ? value : new Date(value);
123
+ return date.toISOString().slice(0, 10);
124
+ }
125
+ function createMarketplaceVisualizationItems(products, orders) {
126
+ const orderStatus = new Map;
127
+ const orderActivity = new Map;
128
+ const categoryValue = new Map;
129
+ for (const order of orders) {
130
+ orderStatus.set(order.status, (orderStatus.get(order.status) ?? 0) + 1);
131
+ const day = toDayKey(order.createdAt);
132
+ orderActivity.set(day, (orderActivity.get(day) ?? 0) + 1);
133
+ }
134
+ for (const product of products) {
135
+ const category = product.category ?? "Uncategorized";
136
+ categoryValue.set(category, (categoryValue.get(category) ?? 0) + product.price * product.stock);
137
+ }
138
+ return [
139
+ {
140
+ key: "marketplace-order-status",
141
+ spec: MarketplaceOrderStatusVisualization,
142
+ data: {
143
+ data: Array.from(orderStatus.entries()).map(([status, count]) => ({
144
+ status,
145
+ orders: count
146
+ }))
147
+ },
148
+ title: "Order Status Breakdown",
149
+ description: "Status mix across the current order set.",
150
+ height: 260
151
+ },
152
+ {
153
+ key: "marketplace-category-value",
154
+ spec: MarketplaceCategoryValueVisualization,
155
+ data: {
156
+ data: Array.from(categoryValue.entries()).sort(([, left], [, right]) => right - left).map(([category, value]) => ({
157
+ category,
158
+ catalogValue: value
159
+ }))
160
+ },
161
+ title: "Category Value Comparison",
162
+ description: "Derived from current product pricing and stock."
163
+ },
164
+ {
165
+ key: "marketplace-order-activity",
166
+ spec: MarketplaceOrderActivityVisualization,
167
+ data: {
168
+ data: Array.from(orderActivity.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, orders: count }))
169
+ },
170
+ title: "Recent Order Activity",
171
+ description: "Daily order count from current order history."
172
+ }
173
+ ];
174
+ }
175
+ export {
176
+ createMarketplaceVisualizationItems,
177
+ MarketplaceVisualizationSpecs,
178
+ MarketplaceVisualizationRegistry,
179
+ MarketplaceVisualizationRefs,
180
+ MarketplaceOrderStatusVisualization,
181
+ MarketplaceOrderActivityVisualization,
182
+ MarketplaceCategoryValueVisualization
183
+ };
@@ -0,0 +1,177 @@
1
+ // src/visualizations/catalog.ts
2
+ import {
3
+ defineVisualization,
4
+ VisualizationRegistry
5
+ } from "@contractspec/lib.contracts-spec/visualizations";
6
+ var ORDER_LIST_REF = {
7
+ key: "marketplace.order.list",
8
+ version: "1.0.0"
9
+ };
10
+ var PRODUCT_LIST_REF = {
11
+ key: "marketplace.product.list",
12
+ version: "1.0.0"
13
+ };
14
+ var META = {
15
+ version: "1.0.0",
16
+ domain: "marketplace",
17
+ stability: "experimental",
18
+ owners: ["@example.marketplace"],
19
+ tags: ["marketplace", "visualization", "commerce"]
20
+ };
21
+ var MarketplaceOrderStatusVisualization = defineVisualization({
22
+ meta: {
23
+ ...META,
24
+ key: "marketplace.visualization.order-status",
25
+ title: "Order Status Breakdown",
26
+ description: "Distribution of current order states.",
27
+ goal: "Expose delivery and backlog mix at a glance.",
28
+ context: "Marketplace operations overview."
29
+ },
30
+ source: { primary: ORDER_LIST_REF, resultPath: "data" },
31
+ visualization: {
32
+ kind: "pie",
33
+ nameDimension: "status",
34
+ valueMeasure: "orders",
35
+ dimensions: [
36
+ { key: "status", label: "Status", dataPath: "status", type: "category" }
37
+ ],
38
+ measures: [
39
+ { key: "orders", label: "Orders", dataPath: "orders", format: "number" }
40
+ ],
41
+ table: { caption: "Order counts by status." }
42
+ }
43
+ });
44
+ var MarketplaceCategoryValueVisualization = defineVisualization({
45
+ meta: {
46
+ ...META,
47
+ key: "marketplace.visualization.category-value",
48
+ title: "Category Value Comparison",
49
+ description: "Catalog value by product category derived from current pricing and stock.",
50
+ goal: "Compare where the marketplace catalog is concentrated.",
51
+ context: "Merchandising overview."
52
+ },
53
+ source: { primary: PRODUCT_LIST_REF, resultPath: "data" },
54
+ visualization: {
55
+ kind: "cartesian",
56
+ variant: "bar",
57
+ xDimension: "category",
58
+ yMeasures: ["catalogValue"],
59
+ dimensions: [
60
+ {
61
+ key: "category",
62
+ label: "Category",
63
+ dataPath: "category",
64
+ type: "category"
65
+ }
66
+ ],
67
+ measures: [
68
+ {
69
+ key: "catalogValue",
70
+ label: "Catalog Value",
71
+ dataPath: "catalogValue",
72
+ format: "currency",
73
+ color: "#1d4ed8"
74
+ }
75
+ ],
76
+ table: { caption: "Catalog value by product category." }
77
+ }
78
+ });
79
+ var MarketplaceOrderActivityVisualization = defineVisualization({
80
+ meta: {
81
+ ...META,
82
+ key: "marketplace.visualization.order-activity",
83
+ title: "Recent Order Activity",
84
+ description: "Daily order volume from recent order creation timestamps.",
85
+ goal: "Show recent order activity trends.",
86
+ context: "Commerce operations trend monitoring."
87
+ },
88
+ source: { primary: ORDER_LIST_REF, resultPath: "data" },
89
+ visualization: {
90
+ kind: "cartesian",
91
+ variant: "line",
92
+ xDimension: "day",
93
+ yMeasures: ["orders"],
94
+ dimensions: [{ key: "day", label: "Day", dataPath: "day", type: "time" }],
95
+ measures: [
96
+ {
97
+ key: "orders",
98
+ label: "Orders",
99
+ dataPath: "orders",
100
+ format: "number",
101
+ color: "#0f766e"
102
+ }
103
+ ],
104
+ table: { caption: "Daily order counts." }
105
+ }
106
+ });
107
+ var MarketplaceVisualizationSpecs = [
108
+ MarketplaceOrderStatusVisualization,
109
+ MarketplaceCategoryValueVisualization,
110
+ MarketplaceOrderActivityVisualization
111
+ ];
112
+ var MarketplaceVisualizationRegistry = new VisualizationRegistry([
113
+ ...MarketplaceVisualizationSpecs
114
+ ]);
115
+ var MarketplaceVisualizationRefs = MarketplaceVisualizationSpecs.map((spec) => ({
116
+ key: spec.meta.key,
117
+ version: spec.meta.version
118
+ }));
119
+
120
+ // src/visualizations/selectors.ts
121
+ function toDayKey(value) {
122
+ const date = value instanceof Date ? value : new Date(value);
123
+ return date.toISOString().slice(0, 10);
124
+ }
125
+ function createMarketplaceVisualizationItems(products, orders) {
126
+ const orderStatus = new Map;
127
+ const orderActivity = new Map;
128
+ const categoryValue = new Map;
129
+ for (const order of orders) {
130
+ orderStatus.set(order.status, (orderStatus.get(order.status) ?? 0) + 1);
131
+ const day = toDayKey(order.createdAt);
132
+ orderActivity.set(day, (orderActivity.get(day) ?? 0) + 1);
133
+ }
134
+ for (const product of products) {
135
+ const category = product.category ?? "Uncategorized";
136
+ categoryValue.set(category, (categoryValue.get(category) ?? 0) + product.price * product.stock);
137
+ }
138
+ return [
139
+ {
140
+ key: "marketplace-order-status",
141
+ spec: MarketplaceOrderStatusVisualization,
142
+ data: {
143
+ data: Array.from(orderStatus.entries()).map(([status, count]) => ({
144
+ status,
145
+ orders: count
146
+ }))
147
+ },
148
+ title: "Order Status Breakdown",
149
+ description: "Status mix across the current order set.",
150
+ height: 260
151
+ },
152
+ {
153
+ key: "marketplace-category-value",
154
+ spec: MarketplaceCategoryValueVisualization,
155
+ data: {
156
+ data: Array.from(categoryValue.entries()).sort(([, left], [, right]) => right - left).map(([category, value]) => ({
157
+ category,
158
+ catalogValue: value
159
+ }))
160
+ },
161
+ title: "Category Value Comparison",
162
+ description: "Derived from current product pricing and stock."
163
+ },
164
+ {
165
+ key: "marketplace-order-activity",
166
+ spec: MarketplaceOrderActivityVisualization,
167
+ data: {
168
+ data: Array.from(orderActivity.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([day, count]) => ({ day, orders: count }))
169
+ },
170
+ title: "Recent Order Activity",
171
+ description: "Daily order count from current order history."
172
+ }
173
+ ];
174
+ }
175
+ export {
176
+ createMarketplaceVisualizationItems
177
+ };