@contractspec/example.integration-hub 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 (45) hide show
  1. package/README.md +4 -1
  2. package/dist/docs/index.js +2 -1
  3. package/dist/docs/integration-hub.docblock.js +2 -1
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +669 -177
  6. package/dist/integration-hub.feature.js +202 -0
  7. package/dist/node/docs/index.js +2 -1
  8. package/dist/node/docs/integration-hub.docblock.js +2 -1
  9. package/dist/node/index.js +669 -177
  10. package/dist/node/integration-hub.feature.js +202 -0
  11. package/dist/node/ui/IntegrationDashboard.js +646 -172
  12. package/dist/node/ui/IntegrationDashboard.visualizations.js +250 -0
  13. package/dist/node/ui/index.js +661 -177
  14. package/dist/node/ui/renderers/index.js +216 -5
  15. package/dist/node/ui/renderers/integration.markdown.js +216 -5
  16. package/dist/node/ui/tables/ConnectionsTable.js +211 -0
  17. package/dist/node/ui/tables/IntegrationTables.js +361 -0
  18. package/dist/node/ui/tables/SyncConfigsTable.js +230 -0
  19. package/dist/node/ui/tables/integration-table.shared.js +84 -0
  20. package/dist/node/visualizations/catalog.js +137 -0
  21. package/dist/node/visualizations/index.js +211 -0
  22. package/dist/node/visualizations/selectors.js +204 -0
  23. package/dist/ui/IntegrationDashboard.js +646 -172
  24. package/dist/ui/IntegrationDashboard.visualizations.d.ts +6 -0
  25. package/dist/ui/IntegrationDashboard.visualizations.js +251 -0
  26. package/dist/ui/index.js +661 -177
  27. package/dist/ui/renderers/index.js +216 -5
  28. package/dist/ui/renderers/integration.markdown.js +216 -5
  29. package/dist/ui/tables/ConnectionsTable.d.ts +4 -0
  30. package/dist/ui/tables/ConnectionsTable.js +212 -0
  31. package/dist/ui/tables/IntegrationTables.d.ts +2 -0
  32. package/dist/ui/tables/IntegrationTables.js +362 -0
  33. package/dist/ui/tables/IntegrationTables.smoke.test.d.ts +1 -0
  34. package/dist/ui/tables/SyncConfigsTable.d.ts +4 -0
  35. package/dist/ui/tables/SyncConfigsTable.js +231 -0
  36. package/dist/ui/tables/integration-table.shared.d.ts +18 -0
  37. package/dist/ui/tables/integration-table.shared.js +85 -0
  38. package/dist/visualizations/catalog.d.ts +11 -0
  39. package/dist/visualizations/catalog.js +138 -0
  40. package/dist/visualizations/index.d.ts +2 -0
  41. package/dist/visualizations/index.js +212 -0
  42. package/dist/visualizations/selectors.d.ts +10 -0
  43. package/dist/visualizations/selectors.js +205 -0
  44. package/dist/visualizations/selectors.test.d.ts +1 -0
  45. package/package.json +108 -10
@@ -0,0 +1,137 @@
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
+ };
@@ -0,0 +1,211 @@
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
+ };
@@ -0,0 +1,204 @@
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
+ };