@contractspec/example.integration-hub 3.8.9 → 3.8.10

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 (89) hide show
  1. package/dist/connection/connection.enum.js +1 -29
  2. package/dist/connection/connection.operation.js +1 -124
  3. package/dist/connection/connection.presentation.js +1 -125
  4. package/dist/connection/connection.schema.js +1 -71
  5. package/dist/connection/index.js +1 -127
  6. package/dist/docs/index.js +5 -49
  7. package/dist/docs/integration-hub.docblock.js +5 -49
  8. package/dist/events.js +1 -211
  9. package/dist/example.js +1 -42
  10. package/dist/handlers/index.js +5 -292
  11. package/dist/handlers/integration.handlers.js +5 -292
  12. package/dist/index.js +8 -2355
  13. package/dist/integration/index.js +1 -92
  14. package/dist/integration/integration.enum.js +1 -12
  15. package/dist/integration/integration.operations.js +1 -89
  16. package/dist/integration/integration.presentation.js +1 -120
  17. package/dist/integration/integration.schema.js +1 -42
  18. package/dist/integration-hub.capability.js +1 -43
  19. package/dist/integration-hub.feature.js +1 -330
  20. package/dist/mcp-example.js +1 -154
  21. package/dist/node/connection/connection.enum.js +1 -29
  22. package/dist/node/connection/connection.operation.js +1 -124
  23. package/dist/node/connection/connection.presentation.js +1 -125
  24. package/dist/node/connection/connection.schema.js +1 -71
  25. package/dist/node/connection/index.js +1 -127
  26. package/dist/node/docs/index.js +5 -49
  27. package/dist/node/docs/integration-hub.docblock.js +5 -49
  28. package/dist/node/events.js +1 -211
  29. package/dist/node/example.js +1 -42
  30. package/dist/node/handlers/index.js +5 -292
  31. package/dist/node/handlers/integration.handlers.js +5 -292
  32. package/dist/node/index.js +8 -2355
  33. package/dist/node/integration/index.js +1 -92
  34. package/dist/node/integration/integration.enum.js +1 -12
  35. package/dist/node/integration/integration.operations.js +1 -89
  36. package/dist/node/integration/integration.presentation.js +1 -120
  37. package/dist/node/integration/integration.schema.js +1 -42
  38. package/dist/node/integration-hub.capability.js +1 -43
  39. package/dist/node/integration-hub.feature.js +1 -330
  40. package/dist/node/mcp-example.js +1 -154
  41. package/dist/node/run-mcp.js +1 -159
  42. package/dist/node/seeders/index.js +6 -60
  43. package/dist/node/sync/index.js +1 -332
  44. package/dist/node/sync/sync.enum.js +1 -26
  45. package/dist/node/sync/sync.operations.js +1 -321
  46. package/dist/node/sync/sync.presentation.js +1 -301
  47. package/dist/node/sync/sync.schema.js +1 -154
  48. package/dist/node/sync-engine/index.js +1 -186
  49. package/dist/node/tests/operations.test-spec.js +1 -85
  50. package/dist/node/ui/IntegrationDashboard.js +1 -886
  51. package/dist/node/ui/IntegrationDashboard.visualizations.js +1 -250
  52. package/dist/node/ui/IntegrationHubChat.js +1 -34
  53. package/dist/node/ui/hooks/index.js +1 -57
  54. package/dist/node/ui/hooks/useIntegrationData.js +1 -54
  55. package/dist/node/ui/index.js +4 -1173
  56. package/dist/node/ui/renderers/index.js +4 -484
  57. package/dist/node/ui/renderers/integration.markdown.js +4 -484
  58. package/dist/node/ui/tables/ConnectionsTable.js +1 -211
  59. package/dist/node/ui/tables/IntegrationTables.js +1 -361
  60. package/dist/node/ui/tables/SyncConfigsTable.js +1 -230
  61. package/dist/node/ui/tables/integration-table.shared.js +1 -84
  62. package/dist/node/visualizations/catalog.js +1 -137
  63. package/dist/node/visualizations/index.js +1 -211
  64. package/dist/node/visualizations/selectors.js +1 -204
  65. package/dist/run-mcp.js +1 -159
  66. package/dist/seeders/index.js +6 -60
  67. package/dist/sync/index.js +1 -332
  68. package/dist/sync/sync.enum.js +1 -26
  69. package/dist/sync/sync.operations.js +1 -321
  70. package/dist/sync/sync.presentation.js +1 -301
  71. package/dist/sync/sync.schema.js +1 -154
  72. package/dist/sync-engine/index.js +1 -186
  73. package/dist/tests/operations.test-spec.js +1 -85
  74. package/dist/ui/IntegrationDashboard.js +1 -886
  75. package/dist/ui/IntegrationDashboard.visualizations.js +1 -250
  76. package/dist/ui/IntegrationHubChat.js +1 -34
  77. package/dist/ui/hooks/index.js +1 -57
  78. package/dist/ui/hooks/useIntegrationData.js +1 -54
  79. package/dist/ui/index.js +4 -1173
  80. package/dist/ui/renderers/index.js +4 -484
  81. package/dist/ui/renderers/integration.markdown.js +4 -484
  82. package/dist/ui/tables/ConnectionsTable.js +1 -211
  83. package/dist/ui/tables/IntegrationTables.js +1 -361
  84. package/dist/ui/tables/SyncConfigsTable.js +1 -230
  85. package/dist/ui/tables/integration-table.shared.js +1 -84
  86. package/dist/visualizations/catalog.js +1 -137
  87. package/dist/visualizations/index.js +1 -211
  88. package/dist/visualizations/selectors.js +1 -204
  89. package/package.json +11 -11
@@ -1,230 +1 @@
1
- // src/ui/tables/integration-table.shared.tsx
2
- import { Button } from "@contractspec/lib.design-system";
3
- import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
4
- import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
5
- import { jsxDEV } from "react/jsx-dev-runtime";
6
- "use client";
7
- var STATUS_VARIANTS = {
8
- ACTIVE: "default",
9
- CONNECTED: "default",
10
- SUCCESS: "default",
11
- PENDING: "secondary",
12
- PAUSED: "secondary",
13
- ERROR: "destructive",
14
- DISCONNECTED: "outline"
15
- };
16
- function formatDateTime(value) {
17
- return value ? value.toLocaleString() : "Never";
18
- }
19
- function formatJson(value) {
20
- return value ? JSON.stringify(value, null, 2) : "No configuration";
21
- }
22
- function StatusBadge({ status }) {
23
- return /* @__PURE__ */ jsxDEV(Badge, {
24
- variant: STATUS_VARIANTS[status] ?? "outline",
25
- children: status
26
- }, undefined, false, undefined, this);
27
- }
28
- function IntegrationTableToolbar({
29
- controller,
30
- label,
31
- toggleColumnId,
32
- toggleVisibleLabel,
33
- toggleHiddenLabel,
34
- pinColumnId,
35
- pinLabel,
36
- resizeColumnId,
37
- resizeLabel
38
- }) {
39
- const firstRow = controller.rows[0];
40
- const toggleColumn = controller.columns.find((column) => column.id === toggleColumnId);
41
- const pinColumn = controller.columns.find((column) => column.id === pinColumnId);
42
- const resizeColumn = controller.columns.find((column) => column.id === resizeColumnId);
43
- const pinTarget = pinColumn?.pinState === "left" ? false : "left";
44
- return /* @__PURE__ */ jsxDEV(HStack, {
45
- gap: "sm",
46
- className: "flex-wrap",
47
- children: [
48
- /* @__PURE__ */ jsxDEV(Badge, {
49
- variant: "outline",
50
- children: label
51
- }, undefined, false, undefined, this),
52
- /* @__PURE__ */ jsxDEV(Button, {
53
- variant: "outline",
54
- size: "sm",
55
- onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
56
- children: "Expand First Row"
57
- }, undefined, false, undefined, this),
58
- /* @__PURE__ */ jsxDEV(Button, {
59
- variant: "outline",
60
- size: "sm",
61
- onPress: () => toggleColumn?.toggleVisibility?.(!toggleColumn?.visible),
62
- children: toggleColumn?.visible ? toggleVisibleLabel : toggleHiddenLabel
63
- }, undefined, false, undefined, this),
64
- /* @__PURE__ */ jsxDEV(Button, {
65
- variant: "outline",
66
- size: "sm",
67
- onPress: () => pinColumn?.pin?.(pinTarget),
68
- children: pinColumn?.pinState === "left" ? `Unpin ${pinLabel}` : `Pin ${pinLabel}`
69
- }, undefined, false, undefined, this),
70
- /* @__PURE__ */ jsxDEV(Button, {
71
- variant: "outline",
72
- size: "sm",
73
- onPress: () => resizeColumn?.resizeBy?.(40),
74
- children: resizeLabel
75
- }, undefined, false, undefined, this)
76
- ]
77
- }, undefined, true, undefined, this);
78
- }
79
-
80
- // src/ui/tables/SyncConfigsTable.tsx
81
- import { DataTable } from "@contractspec/lib.design-system";
82
- import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
83
- import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
84
- import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
85
- import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
86
- "use client";
87
- function SyncConfigsTable({
88
- syncConfigs
89
- }) {
90
- const controller = useContractTable({
91
- data: syncConfigs,
92
- columns: [
93
- {
94
- id: "sync",
95
- header: "Sync Config",
96
- label: "Sync Config",
97
- accessor: (sync) => sync.name,
98
- cell: ({ item }) => /* @__PURE__ */ jsxDEV2(VStack, {
99
- gap: "xs",
100
- children: [
101
- /* @__PURE__ */ jsxDEV2(Text, {
102
- className: "font-medium text-sm",
103
- children: item.name
104
- }, undefined, false, undefined, this),
105
- /* @__PURE__ */ jsxDEV2(Text, {
106
- className: "text-muted-foreground text-xs",
107
- children: [
108
- item.sourceEntity,
109
- " → ",
110
- item.targetEntity
111
- ]
112
- }, undefined, true, undefined, this)
113
- ]
114
- }, undefined, true, undefined, this),
115
- size: 260,
116
- minSize: 200,
117
- canSort: true,
118
- canPin: true,
119
- canResize: true
120
- },
121
- {
122
- id: "frequency",
123
- header: "Frequency",
124
- label: "Frequency",
125
- accessorKey: "frequency",
126
- size: 160,
127
- canSort: true,
128
- canHide: true,
129
- canResize: true
130
- },
131
- {
132
- id: "status",
133
- header: "Status",
134
- label: "Status",
135
- accessorKey: "status",
136
- cell: ({ value }) => /* @__PURE__ */ jsxDEV2(StatusBadge, {
137
- status: String(value)
138
- }, undefined, false, undefined, this),
139
- size: 150,
140
- canSort: true,
141
- canPin: true,
142
- canResize: true
143
- },
144
- {
145
- id: "recordsSynced",
146
- header: "Records",
147
- label: "Records",
148
- accessorKey: "recordsSynced",
149
- align: "right",
150
- size: 140,
151
- canSort: true,
152
- canResize: true
153
- },
154
- {
155
- id: "lastRunAt",
156
- header: "Last Run",
157
- label: "Last Run",
158
- accessor: (sync) => sync.lastRunAt?.getTime() ?? 0,
159
- cell: ({ item }) => formatDateTime(item.lastRunAt),
160
- size: 200,
161
- canSort: true,
162
- canHide: true,
163
- canResize: true
164
- }
165
- ],
166
- initialState: {
167
- pagination: { pageIndex: 0, pageSize: 3 },
168
- columnVisibility: { lastRunAt: false },
169
- columnPinning: { left: ["sync"], right: [] }
170
- },
171
- renderExpandedContent: (sync) => /* @__PURE__ */ jsxDEV2(VStack, {
172
- gap: "sm",
173
- className: "py-2",
174
- children: [
175
- /* @__PURE__ */ jsxDEV2(Text, {
176
- className: "text-muted-foreground text-sm",
177
- children: [
178
- "Connection ",
179
- sync.connectionId
180
- ]
181
- }, undefined, true, undefined, this),
182
- /* @__PURE__ */ jsxDEV2(Text, {
183
- className: "text-muted-foreground text-sm",
184
- children: [
185
- "Last run: ",
186
- formatDateTime(sync.lastRunAt)
187
- ]
188
- }, undefined, true, undefined, this),
189
- /* @__PURE__ */ jsxDEV2(Text, {
190
- className: "text-muted-foreground text-sm",
191
- children: [
192
- "Last status: ",
193
- sync.lastRunStatus ?? "No runs recorded"
194
- ]
195
- }, undefined, true, undefined, this),
196
- /* @__PURE__ */ jsxDEV2(Text, {
197
- className: "text-muted-foreground text-sm",
198
- children: [
199
- "Updated ",
200
- sync.updatedAt.toLocaleString()
201
- ]
202
- }, undefined, true, undefined, this)
203
- ]
204
- }, undefined, true, undefined, this),
205
- getCanExpand: () => true
206
- });
207
- return /* @__PURE__ */ jsxDEV2(DataTable, {
208
- controller,
209
- title: "Sync Configs",
210
- description: "Shared table primitives applied to sync monitoring without changing the surrounding dashboard layout.",
211
- toolbar: /* @__PURE__ */ jsxDEV2(IntegrationTableToolbar, {
212
- controller,
213
- label: `${syncConfigs.length} syncs`,
214
- toggleColumnId: "lastRunAt",
215
- toggleVisibleLabel: "Hide Last Run",
216
- toggleHiddenLabel: "Show Last Run",
217
- pinColumnId: "status",
218
- pinLabel: "Status",
219
- resizeColumnId: "sync",
220
- resizeLabel: "Widen Sync"
221
- }, undefined, false, undefined, this),
222
- emptyState: /* @__PURE__ */ jsxDEV2("div", {
223
- className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
224
- children: "No sync configurations found"
225
- }, undefined, false, undefined, this)
226
- }, undefined, false, undefined, this);
227
- }
228
- export {
229
- SyncConfigsTable
230
- };
1
+ import{Button as P}from"@contractspec/lib.design-system";import{Badge as $}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as V}from"@contractspec/lib.ui-kit-web/ui/stack";import{jsx as G,jsxs as B}from"react/jsx-runtime";var k={ACTIVE:"default",CONNECTED:"default",SUCCESS:"default",PENDING:"secondary",PAUSED:"secondary",ERROR:"destructive",DISCONNECTED:"outline"};function X(E){return E?E.toLocaleString():"Never"}function p(E){return E?JSON.stringify(E,null,2):"No configuration"}function h({status:E}){return G($,{variant:k[E]??"outline",children:E})}function N({controller:E,label:O,toggleColumnId:q,toggleVisibleLabel:_,toggleHiddenLabel:A,pinColumnId:D,pinLabel:Y,resizeColumnId:H,resizeLabel:R}){let Z=E.rows[0],Q=E.columns.find((K)=>K.id===q),W=E.columns.find((K)=>K.id===D),w=E.columns.find((K)=>K.id===H),z=W?.pinState==="left"?!1:"left";return B(V,{gap:"sm",className:"flex-wrap",children:[G($,{variant:"outline",children:O}),G(P,{variant:"outline",size:"sm",onPress:()=>Z?.toggleExpanded?.(!Z?.isExpanded),children:"Expand First Row"}),G(P,{variant:"outline",size:"sm",onPress:()=>Q?.toggleVisibility?.(!Q?.visible),children:Q?.visible?_:A}),G(P,{variant:"outline",size:"sm",onPress:()=>W?.pin?.(z),children:W?.pinState==="left"?`Unpin ${Y}`:`Pin ${Y}`}),G(P,{variant:"outline",size:"sm",onPress:()=>w?.resizeBy?.(40),children:R})]})}import{DataTable as S}from"@contractspec/lib.design-system";import{useContractTable as f}from"@contractspec/lib.presentation-runtime-react";import{VStack as U}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as J}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as M,jsxs as F}from"react/jsx-runtime";function x({syncConfigs:E}){let O=f({data:E,columns:[{id:"sync",header:"Sync Config",label:"Sync Config",accessor:(q)=>q.name,cell:({item:q})=>F(U,{gap:"xs",children:[M(J,{className:"font-medium text-sm",children:q.name}),F(J,{className:"text-muted-foreground text-xs",children:[q.sourceEntity," → ",q.targetEntity]})]}),size:260,minSize:200,canSort:!0,canPin:!0,canResize:!0},{id:"frequency",header:"Frequency",label:"Frequency",accessorKey:"frequency",size:160,canSort:!0,canHide:!0,canResize:!0},{id:"status",header:"Status",label:"Status",accessorKey:"status",cell:({value:q})=>M(h,{status:String(q)}),size:150,canSort:!0,canPin:!0,canResize:!0},{id:"recordsSynced",header:"Records",label:"Records",accessorKey:"recordsSynced",align:"right",size:140,canSort:!0,canResize:!0},{id:"lastRunAt",header:"Last Run",label:"Last Run",accessor:(q)=>q.lastRunAt?.getTime()??0,cell:({item:q})=>X(q.lastRunAt),size:200,canSort:!0,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{lastRunAt:!1},columnPinning:{left:["sync"],right:[]}},renderExpandedContent:(q)=>F(U,{gap:"sm",className:"py-2",children:[F(J,{className:"text-muted-foreground text-sm",children:["Connection ",q.connectionId]}),F(J,{className:"text-muted-foreground text-sm",children:["Last run: ",X(q.lastRunAt)]}),F(J,{className:"text-muted-foreground text-sm",children:["Last status: ",q.lastRunStatus??"No runs recorded"]}),F(J,{className:"text-muted-foreground text-sm",children:["Updated ",q.updatedAt.toLocaleString()]})]}),getCanExpand:()=>!0});return M(S,{controller:O,title:"Sync Configs",description:"Shared table primitives applied to sync monitoring without changing the surrounding dashboard layout.",toolbar:M(N,{controller:O,label:`${E.length} syncs`,toggleColumnId:"lastRunAt",toggleVisibleLabel:"Hide Last Run",toggleHiddenLabel:"Show Last Run",pinColumnId:"status",pinLabel:"Status",resizeColumnId:"sync",resizeLabel:"Widen Sync"}),emptyState:M("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No sync configurations found"})})}export{x as SyncConfigsTable};
@@ -1,84 +1 @@
1
- // src/ui/tables/integration-table.shared.tsx
2
- import { Button } from "@contractspec/lib.design-system";
3
- import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
4
- import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
5
- import { jsxDEV } from "react/jsx-dev-runtime";
6
- "use client";
7
- var STATUS_VARIANTS = {
8
- ACTIVE: "default",
9
- CONNECTED: "default",
10
- SUCCESS: "default",
11
- PENDING: "secondary",
12
- PAUSED: "secondary",
13
- ERROR: "destructive",
14
- DISCONNECTED: "outline"
15
- };
16
- function formatDateTime(value) {
17
- return value ? value.toLocaleString() : "Never";
18
- }
19
- function formatJson(value) {
20
- return value ? JSON.stringify(value, null, 2) : "No configuration";
21
- }
22
- function StatusBadge({ status }) {
23
- return /* @__PURE__ */ jsxDEV(Badge, {
24
- variant: STATUS_VARIANTS[status] ?? "outline",
25
- children: status
26
- }, undefined, false, undefined, this);
27
- }
28
- function IntegrationTableToolbar({
29
- controller,
30
- label,
31
- toggleColumnId,
32
- toggleVisibleLabel,
33
- toggleHiddenLabel,
34
- pinColumnId,
35
- pinLabel,
36
- resizeColumnId,
37
- resizeLabel
38
- }) {
39
- const firstRow = controller.rows[0];
40
- const toggleColumn = controller.columns.find((column) => column.id === toggleColumnId);
41
- const pinColumn = controller.columns.find((column) => column.id === pinColumnId);
42
- const resizeColumn = controller.columns.find((column) => column.id === resizeColumnId);
43
- const pinTarget = pinColumn?.pinState === "left" ? false : "left";
44
- return /* @__PURE__ */ jsxDEV(HStack, {
45
- gap: "sm",
46
- className: "flex-wrap",
47
- children: [
48
- /* @__PURE__ */ jsxDEV(Badge, {
49
- variant: "outline",
50
- children: label
51
- }, undefined, false, undefined, this),
52
- /* @__PURE__ */ jsxDEV(Button, {
53
- variant: "outline",
54
- size: "sm",
55
- onPress: () => firstRow?.toggleExpanded?.(!firstRow?.isExpanded),
56
- children: "Expand First Row"
57
- }, undefined, false, undefined, this),
58
- /* @__PURE__ */ jsxDEV(Button, {
59
- variant: "outline",
60
- size: "sm",
61
- onPress: () => toggleColumn?.toggleVisibility?.(!toggleColumn?.visible),
62
- children: toggleColumn?.visible ? toggleVisibleLabel : toggleHiddenLabel
63
- }, undefined, false, undefined, this),
64
- /* @__PURE__ */ jsxDEV(Button, {
65
- variant: "outline",
66
- size: "sm",
67
- onPress: () => pinColumn?.pin?.(pinTarget),
68
- children: pinColumn?.pinState === "left" ? `Unpin ${pinLabel}` : `Pin ${pinLabel}`
69
- }, undefined, false, undefined, this),
70
- /* @__PURE__ */ jsxDEV(Button, {
71
- variant: "outline",
72
- size: "sm",
73
- onPress: () => resizeColumn?.resizeBy?.(40),
74
- children: resizeLabel
75
- }, undefined, false, undefined, this)
76
- ]
77
- }, undefined, true, undefined, this);
78
- }
79
- export {
80
- formatJson,
81
- formatDateTime,
82
- StatusBadge,
83
- IntegrationTableToolbar
84
- };
1
+ import{Button as D}from"@contractspec/lib.design-system";import{Badge as K}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as N}from"@contractspec/lib.ui-kit-web/ui/stack";import{jsx as q,jsxs as _}from"react/jsx-runtime";var U={ACTIVE:"default",CONNECTED:"default",SUCCESS:"default",PENDING:"secondary",PAUSED:"secondary",ERROR:"destructive",DISCONNECTED:"outline"};function A(h){return h?h.toLocaleString():"Never"}function H(h){return h?JSON.stringify(h,null,2):"No configuration"}function R({status:h}){return q(K,{variant:U[h]??"outline",children:h})}function V({controller:h,label:M,toggleColumnId:O,toggleVisibleLabel:P,toggleHiddenLabel:Q,pinColumnId:W,pinLabel:G,resizeColumnId:X,resizeLabel:Y}){let J=h.rows[0],E=h.columns.find((y)=>y.id===O),F=h.columns.find((y)=>y.id===W),Z=h.columns.find((y)=>y.id===X),$=F?.pinState==="left"?!1:"left";return _(N,{gap:"sm",className:"flex-wrap",children:[q(K,{variant:"outline",children:M}),q(D,{variant:"outline",size:"sm",onPress:()=>J?.toggleExpanded?.(!J?.isExpanded),children:"Expand First Row"}),q(D,{variant:"outline",size:"sm",onPress:()=>E?.toggleVisibility?.(!E?.visible),children:E?.visible?P:Q}),q(D,{variant:"outline",size:"sm",onPress:()=>F?.pin?.($),children:F?.pinState==="left"?`Unpin ${G}`:`Pin ${G}`}),q(D,{variant:"outline",size:"sm",onPress:()=>Z?.resizeBy?.(40),children:Y})]})}export{H as formatJson,A as formatDateTime,R as StatusBadge,V as IntegrationTableToolbar};
@@ -1,137 +1 @@
1
- // src/visualizations/catalog.ts
2
- import {
3
- defineVisualization,
4
- VisualizationRegistry
5
- } from "@contractspec/lib.contracts-spec/visualizations";
6
- var INTEGRATION_LIST_REF = {
7
- key: "integration.list",
8
- version: "1.0.0"
9
- };
10
- var CONNECTION_LIST_REF = {
11
- key: "integration.connection.list",
12
- version: "1.0.0"
13
- };
14
- var SYNC_CONFIG_REF = {
15
- key: "integration.syncConfig.list",
16
- version: "1.0.0"
17
- };
18
- var META = {
19
- version: "1.0.0",
20
- domain: "integration",
21
- stability: "experimental",
22
- owners: ["@example.integration-hub"],
23
- tags: ["integration", "visualization", "sync"]
24
- };
25
- var IntegrationTypeVisualization = defineVisualization({
26
- meta: {
27
- ...META,
28
- key: "integration-hub.visualization.integration-types",
29
- title: "Integration Types",
30
- description: "Distribution of configured integration categories.",
31
- goal: "Show where integration coverage is concentrated.",
32
- context: "Integration overview."
33
- },
34
- source: { primary: INTEGRATION_LIST_REF, resultPath: "data" },
35
- visualization: {
36
- kind: "pie",
37
- nameDimension: "type",
38
- valueMeasure: "count",
39
- dimensions: [
40
- { key: "type", label: "Type", dataPath: "type", type: "category" }
41
- ],
42
- measures: [
43
- { key: "count", label: "Count", dataPath: "count", format: "number" }
44
- ],
45
- table: { caption: "Integration counts by type." }
46
- }
47
- });
48
- var ConnectionStatusVisualization = defineVisualization({
49
- meta: {
50
- ...META,
51
- key: "integration-hub.visualization.connection-status",
52
- title: "Connection Status",
53
- description: "Status distribution across configured connections.",
54
- goal: "Highlight connection health and instability.",
55
- context: "Connection monitoring."
56
- },
57
- source: { primary: CONNECTION_LIST_REF, resultPath: "data" },
58
- visualization: {
59
- kind: "cartesian",
60
- variant: "bar",
61
- xDimension: "status",
62
- yMeasures: ["count"],
63
- dimensions: [
64
- { key: "status", label: "Status", dataPath: "status", type: "category" }
65
- ],
66
- measures: [
67
- {
68
- key: "count",
69
- label: "Connections",
70
- dataPath: "count",
71
- format: "number",
72
- color: "#1d4ed8"
73
- }
74
- ],
75
- table: { caption: "Connection counts by status." }
76
- }
77
- });
78
- var HealthySyncMetricVisualization = defineVisualization({
79
- meta: {
80
- ...META,
81
- key: "integration-hub.visualization.sync-healthy",
82
- title: "Healthy Syncs",
83
- description: "Sync configurations currently healthy or recently successful.",
84
- goal: "Summarize healthy synchronization capacity.",
85
- context: "Sync-state comparison."
86
- },
87
- source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
88
- visualization: {
89
- kind: "metric",
90
- measure: "value",
91
- measures: [
92
- { key: "value", label: "Syncs", dataPath: "value", format: "number" }
93
- ],
94
- table: { caption: "Healthy sync count." }
95
- }
96
- });
97
- var AttentionSyncMetricVisualization = defineVisualization({
98
- meta: {
99
- ...META,
100
- key: "integration-hub.visualization.sync-attention",
101
- title: "Attention Needed",
102
- description: "Sync configurations paused, failing, or otherwise needing review.",
103
- goal: "Summarize syncs needing action.",
104
- context: "Sync-state comparison."
105
- },
106
- source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
107
- visualization: {
108
- kind: "metric",
109
- measure: "value",
110
- measures: [
111
- { key: "value", label: "Syncs", dataPath: "value", format: "number" }
112
- ],
113
- table: { caption: "Syncs requiring attention." }
114
- }
115
- });
116
- var IntegrationVisualizationSpecs = [
117
- IntegrationTypeVisualization,
118
- ConnectionStatusVisualization,
119
- HealthySyncMetricVisualization,
120
- AttentionSyncMetricVisualization
121
- ];
122
- var IntegrationVisualizationRegistry = new VisualizationRegistry([
123
- ...IntegrationVisualizationSpecs
124
- ]);
125
- var IntegrationVisualizationRefs = IntegrationVisualizationSpecs.map((spec) => ({
126
- key: spec.meta.key,
127
- version: spec.meta.version
128
- }));
129
- export {
130
- IntegrationVisualizationSpecs,
131
- IntegrationVisualizationRegistry,
132
- IntegrationVisualizationRefs,
133
- IntegrationTypeVisualization,
134
- HealthySyncMetricVisualization,
135
- ConnectionStatusVisualization,
136
- AttentionSyncMetricVisualization
137
- };
1
+ import{defineVisualization as b,VisualizationRegistry as v}from"@contractspec/lib.contracts-spec/visualizations";var w={key:"integration.list",version:"1.0.0"},x={key:"integration.connection.list",version:"1.0.0"},m={key:"integration.syncConfig.list",version:"1.0.0"},j={version:"1.0.0",domain:"integration",stability:"experimental",owners:["@example.integration-hub"],tags:["integration","visualization","sync"]},B=b({meta:{...j,key:"integration-hub.visualization.integration-types",title:"Integration Types",description:"Distribution of configured integration categories.",goal:"Show where integration coverage is concentrated.",context:"Integration overview."},source:{primary:w,resultPath:"data"},visualization:{kind:"pie",nameDimension:"type",valueMeasure:"count",dimensions:[{key:"type",label:"Type",dataPath:"type",type:"category"}],measures:[{key:"count",label:"Count",dataPath:"count",format:"number"}],table:{caption:"Integration counts by type."}}}),D=b({meta:{...j,key:"integration-hub.visualization.connection-status",title:"Connection Status",description:"Status distribution across configured connections.",goal:"Highlight connection health and instability.",context:"Connection monitoring."},source:{primary:x,resultPath:"data"},visualization:{kind:"cartesian",variant:"bar",xDimension:"status",yMeasures:["count"],dimensions:[{key:"status",label:"Status",dataPath:"status",type:"category"}],measures:[{key:"count",label:"Connections",dataPath:"count",format:"number",color:"#1d4ed8"}],table:{caption:"Connection counts by status."}}}),J=b({meta:{...j,key:"integration-hub.visualization.sync-healthy",title:"Healthy Syncs",description:"Sync configurations currently healthy or recently successful.",goal:"Summarize healthy synchronization capacity.",context:"Sync-state comparison."},source:{primary:m,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Healthy sync count."}}}),K=b({meta:{...j,key:"integration-hub.visualization.sync-attention",title:"Attention Needed",description:"Sync configurations paused, failing, or otherwise needing review.",goal:"Summarize syncs needing action.",context:"Sync-state comparison."},source:{primary:m,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Syncs requiring attention."}}}),q=[B,D,J,K],Q=new v([...q]),U=q.map((k)=>({key:k.meta.key,version:k.meta.version}));export{q as IntegrationVisualizationSpecs,Q as IntegrationVisualizationRegistry,U as IntegrationVisualizationRefs,B as IntegrationTypeVisualization,J as HealthySyncMetricVisualization,D as ConnectionStatusVisualization,K as AttentionSyncMetricVisualization};
@@ -1,211 +1 @@
1
- // src/visualizations/catalog.ts
2
- import {
3
- defineVisualization,
4
- VisualizationRegistry
5
- } from "@contractspec/lib.contracts-spec/visualizations";
6
- var INTEGRATION_LIST_REF = {
7
- key: "integration.list",
8
- version: "1.0.0"
9
- };
10
- var CONNECTION_LIST_REF = {
11
- key: "integration.connection.list",
12
- version: "1.0.0"
13
- };
14
- var SYNC_CONFIG_REF = {
15
- key: "integration.syncConfig.list",
16
- version: "1.0.0"
17
- };
18
- var META = {
19
- version: "1.0.0",
20
- domain: "integration",
21
- stability: "experimental",
22
- owners: ["@example.integration-hub"],
23
- tags: ["integration", "visualization", "sync"]
24
- };
25
- var IntegrationTypeVisualization = defineVisualization({
26
- meta: {
27
- ...META,
28
- key: "integration-hub.visualization.integration-types",
29
- title: "Integration Types",
30
- description: "Distribution of configured integration categories.",
31
- goal: "Show where integration coverage is concentrated.",
32
- context: "Integration overview."
33
- },
34
- source: { primary: INTEGRATION_LIST_REF, resultPath: "data" },
35
- visualization: {
36
- kind: "pie",
37
- nameDimension: "type",
38
- valueMeasure: "count",
39
- dimensions: [
40
- { key: "type", label: "Type", dataPath: "type", type: "category" }
41
- ],
42
- measures: [
43
- { key: "count", label: "Count", dataPath: "count", format: "number" }
44
- ],
45
- table: { caption: "Integration counts by type." }
46
- }
47
- });
48
- var ConnectionStatusVisualization = defineVisualization({
49
- meta: {
50
- ...META,
51
- key: "integration-hub.visualization.connection-status",
52
- title: "Connection Status",
53
- description: "Status distribution across configured connections.",
54
- goal: "Highlight connection health and instability.",
55
- context: "Connection monitoring."
56
- },
57
- source: { primary: CONNECTION_LIST_REF, resultPath: "data" },
58
- visualization: {
59
- kind: "cartesian",
60
- variant: "bar",
61
- xDimension: "status",
62
- yMeasures: ["count"],
63
- dimensions: [
64
- { key: "status", label: "Status", dataPath: "status", type: "category" }
65
- ],
66
- measures: [
67
- {
68
- key: "count",
69
- label: "Connections",
70
- dataPath: "count",
71
- format: "number",
72
- color: "#1d4ed8"
73
- }
74
- ],
75
- table: { caption: "Connection counts by status." }
76
- }
77
- });
78
- var HealthySyncMetricVisualization = defineVisualization({
79
- meta: {
80
- ...META,
81
- key: "integration-hub.visualization.sync-healthy",
82
- title: "Healthy Syncs",
83
- description: "Sync configurations currently healthy or recently successful.",
84
- goal: "Summarize healthy synchronization capacity.",
85
- context: "Sync-state comparison."
86
- },
87
- source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
88
- visualization: {
89
- kind: "metric",
90
- measure: "value",
91
- measures: [
92
- { key: "value", label: "Syncs", dataPath: "value", format: "number" }
93
- ],
94
- table: { caption: "Healthy sync count." }
95
- }
96
- });
97
- var AttentionSyncMetricVisualization = defineVisualization({
98
- meta: {
99
- ...META,
100
- key: "integration-hub.visualization.sync-attention",
101
- title: "Attention Needed",
102
- description: "Sync configurations paused, failing, or otherwise needing review.",
103
- goal: "Summarize syncs needing action.",
104
- context: "Sync-state comparison."
105
- },
106
- source: { primary: SYNC_CONFIG_REF, resultPath: "data" },
107
- visualization: {
108
- kind: "metric",
109
- measure: "value",
110
- measures: [
111
- { key: "value", label: "Syncs", dataPath: "value", format: "number" }
112
- ],
113
- table: { caption: "Syncs requiring attention." }
114
- }
115
- });
116
- var IntegrationVisualizationSpecs = [
117
- IntegrationTypeVisualization,
118
- ConnectionStatusVisualization,
119
- HealthySyncMetricVisualization,
120
- AttentionSyncMetricVisualization
121
- ];
122
- var IntegrationVisualizationRegistry = new VisualizationRegistry([
123
- ...IntegrationVisualizationSpecs
124
- ]);
125
- var IntegrationVisualizationRefs = IntegrationVisualizationSpecs.map((spec) => ({
126
- key: spec.meta.key,
127
- version: spec.meta.version
128
- }));
129
-
130
- // src/visualizations/selectors.ts
131
- function isHealthySync(status) {
132
- return status === "ACTIVE" || status === "SUCCESS";
133
- }
134
- function createIntegrationVisualizationSections(integrations, connections, syncConfigs) {
135
- const integrationTypes = new Map;
136
- const connectionStatuses = new Map;
137
- let healthySyncs = 0;
138
- let attentionSyncs = 0;
139
- for (const integration of integrations) {
140
- integrationTypes.set(integration.type, (integrationTypes.get(integration.type) ?? 0) + 1);
141
- }
142
- for (const connection of connections) {
143
- connectionStatuses.set(connection.status, (connectionStatuses.get(connection.status) ?? 0) + 1);
144
- }
145
- for (const syncConfig of syncConfigs) {
146
- if (isHealthySync(syncConfig.status)) {
147
- healthySyncs += 1;
148
- } else {
149
- attentionSyncs += 1;
150
- }
151
- }
152
- const primaryItems = [
153
- {
154
- key: "integration-types",
155
- spec: IntegrationTypeVisualization,
156
- data: {
157
- data: Array.from(integrationTypes.entries()).map(([type, count]) => ({
158
- type,
159
- count
160
- }))
161
- },
162
- title: "Integration Types",
163
- description: "Configured integrations grouped by category.",
164
- height: 260
165
- },
166
- {
167
- key: "connection-status",
168
- spec: ConnectionStatusVisualization,
169
- data: {
170
- data: Array.from(connectionStatuses.entries()).map(([status, count]) => ({
171
- status,
172
- count
173
- }))
174
- },
175
- title: "Connection Status",
176
- description: "Operational health across current connections."
177
- }
178
- ];
179
- const comparisonItems = [
180
- {
181
- key: "healthy-syncs",
182
- spec: HealthySyncMetricVisualization,
183
- data: { data: [{ value: healthySyncs }] },
184
- title: "Healthy Syncs",
185
- description: "Active or recently successful sync configurations.",
186
- height: 200
187
- },
188
- {
189
- key: "attention-syncs",
190
- spec: AttentionSyncMetricVisualization,
191
- data: { data: [{ value: attentionSyncs }] },
192
- title: "Attention Needed",
193
- description: "Paused, failed, or degraded sync configurations.",
194
- height: 200
195
- }
196
- ];
197
- return {
198
- primaryItems,
199
- comparisonItems
200
- };
201
- }
202
- export {
203
- createIntegrationVisualizationSections,
204
- IntegrationVisualizationSpecs,
205
- IntegrationVisualizationRegistry,
206
- IntegrationVisualizationRefs,
207
- IntegrationTypeVisualization,
208
- HealthySyncMetricVisualization,
209
- ConnectionStatusVisualization,
210
- AttentionSyncMetricVisualization
211
- };
1
+ import{defineVisualization as b,VisualizationRegistry as Z}from"@contractspec/lib.contracts-spec/visualizations";var $={key:"integration.list",version:"1.0.0"},L={key:"integration.connection.list",version:"1.0.0"},Q={key:"integration.syncConfig.list",version:"1.0.0"},j={version:"1.0.0",domain:"integration",stability:"experimental",owners:["@example.integration-hub"],tags:["integration","visualization","sync"]},w=b({meta:{...j,key:"integration-hub.visualization.integration-types",title:"Integration Types",description:"Distribution of configured integration categories.",goal:"Show where integration coverage is concentrated.",context:"Integration overview."},source:{primary:$,resultPath:"data"},visualization:{kind:"pie",nameDimension:"type",valueMeasure:"count",dimensions:[{key:"type",label:"Type",dataPath:"type",type:"category"}],measures:[{key:"count",label:"Count",dataPath:"count",format:"number"}],table:{caption:"Integration counts by type."}}}),B=b({meta:{...j,key:"integration-hub.visualization.connection-status",title:"Connection Status",description:"Status distribution across configured connections.",goal:"Highlight connection health and instability.",context:"Connection monitoring."},source:{primary:L,resultPath:"data"},visualization:{kind:"cartesian",variant:"bar",xDimension:"status",yMeasures:["count"],dimensions:[{key:"status",label:"Status",dataPath:"status",type:"category"}],measures:[{key:"count",label:"Connections",dataPath:"count",format:"number",color:"#1d4ed8"}],table:{caption:"Connection counts by status."}}}),D=b({meta:{...j,key:"integration-hub.visualization.sync-healthy",title:"Healthy Syncs",description:"Sync configurations currently healthy or recently successful.",goal:"Summarize healthy synchronization capacity.",context:"Sync-state comparison."},source:{primary:Q,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Healthy sync count."}}}),J=b({meta:{...j,key:"integration-hub.visualization.sync-attention",title:"Attention Needed",description:"Sync configurations paused, failing, or otherwise needing review.",goal:"Summarize syncs needing action.",context:"Sync-state comparison."},source:{primary:Q,resultPath:"data"},visualization:{kind:"metric",measure:"value",measures:[{key:"value",label:"Syncs",dataPath:"value",format:"number"}],table:{caption:"Syncs requiring attention."}}}),U=[w,B,D,J],f=new Z([...U]),O=U.map((x)=>({key:x.meta.key,version:x.meta.version}));function Y(x){return x==="ACTIVE"||x==="SUCCESS"}function h(x,W,X){let k=new Map,q=new Map,K=0,P=0;for(let m of x)k.set(m.type,(k.get(m.type)??0)+1);for(let m of W)q.set(m.status,(q.get(m.status)??0)+1);for(let m of X)if(Y(m.status))K+=1;else P+=1;return{primaryItems:[{key:"integration-types",spec:w,data:{data:Array.from(k.entries()).map(([m,v])=>({type:m,count:v}))},title:"Integration Types",description:"Configured integrations grouped by category.",height:260},{key:"connection-status",spec:B,data:{data:Array.from(q.entries()).map(([m,v])=>({status:m,count:v}))},title:"Connection Status",description:"Operational health across current connections."}],comparisonItems:[{key:"healthy-syncs",spec:D,data:{data:[{value:K}]},title:"Healthy Syncs",description:"Active or recently successful sync configurations.",height:200},{key:"attention-syncs",spec:J,data:{data:[{value:P}]},title:"Attention Needed",description:"Paused, failed, or degraded sync configurations.",height:200}]}}export{h as createIntegrationVisualizationSections,U as IntegrationVisualizationSpecs,f as IntegrationVisualizationRegistry,O as IntegrationVisualizationRefs,w as IntegrationTypeVisualization,D as HealthySyncMetricVisualization,B as ConnectionStatusVisualization,J as AttentionSyncMetricVisualization};