codeapp-js 0.2.1 → 0.3.0

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 (100) hide show
  1. package/codeApp/.power/schemas/appschemas/dataSourcesInfo.ts +6275 -0
  2. package/codeApp/.power/schemas/jira/jira.Schema.json +6903 -0
  3. package/codeApp/.power/schemas/keyvault/keyvault.Schema.json +1600 -0
  4. package/codeApp/.power/schemas/teams/teams.Schema.json +11112 -0
  5. package/codeApp/dist/codeapp.js +992 -4
  6. package/codeApp/dist/power-apps-data.js +145 -31
  7. package/codeApp/src/generated/index.ts +12 -0
  8. package/codeApp/src/generated/models/AzureKeyVaultModel.ts +107 -0
  9. package/codeApp/src/generated/models/JiraModel.ts +501 -0
  10. package/codeApp/src/generated/models/Office365GroupsModel.ts +363 -0
  11. package/codeApp/src/generated/models/Office365OutlookModel.ts +2046 -0
  12. package/codeApp/src/generated/models/Office365UsersModel.ts +254 -0
  13. package/codeApp/src/generated/services/AzureKeyVaultService.ts +257 -0
  14. package/codeApp/src/generated/services/JiraService.ts +1124 -0
  15. package/codeApp/src/generated/services/Office365GroupsService.ts +326 -0
  16. package/codeApp/src/generated/services/Office365OutlookService.ts +2476 -0
  17. package/codeApp/src/generated/services/Office365UsersService.ts +358 -0
  18. package/dev files/outlook.js +218 -9
  19. package/examples/combined demo/dist/codeapp.js +1098 -1098
  20. package/examples/combined demo/dist/index.js +470 -470
  21. package/examples/combined demo/dist/power-apps-data.js +3006 -3006
  22. package/examples/combined demo/power.config.json +42 -42
  23. package/examples/dataverse Demo/dist/codeapp.js +1085 -1085
  24. package/examples/dataverse Demo/dist/index.html +54 -54
  25. package/examples/dataverse Demo/dist/index.js +82 -82
  26. package/examples/dataverse Demo/dist/power-apps-data.js +2911 -2911
  27. package/examples/dataverse Demo/power.config.json +34 -34
  28. package/examples/dataverse Demo/readme.md +79 -79
  29. package/examples/groups Demo/dist/codeapp.js +1085 -1085
  30. package/examples/groups Demo/dist/index.js +113 -113
  31. package/examples/groups Demo/dist/power-apps-data.js +2911 -2911
  32. package/examples/kanban/dist/dataverse.js +94 -94
  33. package/examples/kanban/dist/environmentVar.js +55 -55
  34. package/examples/kanban/dist/office365groups.js +97 -97
  35. package/examples/kanban/dist/office365users.js +169 -169
  36. package/examples/kanban/dist/outlook.js +162 -162
  37. package/examples/kanban/dist/power-apps-data.js +2953 -2953
  38. package/examples/kanban/dist/sharepoint.js +339 -339
  39. package/examples/myProfile/dist/index.html +184 -184
  40. package/examples/myProfile/dist/index.js +141 -141
  41. package/examples/myProfile/dist/office365users.js +169 -169
  42. package/examples/myProfile/dist/power-apps-data.js +2953 -2953
  43. package/examples/myProfile/power.config.json +22 -22
  44. package/examples/myProfile/readme.md +79 -79
  45. package/examples/outlook Demo/dist/codeapp.js +1085 -1085
  46. package/examples/outlook Demo/dist/index.html +35 -35
  47. package/examples/outlook Demo/dist/index.js +170 -170
  48. package/examples/outlook Demo/dist/outlook.js +121 -121
  49. package/examples/outlook Demo/dist/power-apps-data.js +2911 -2911
  50. package/examples/outlook Demo/dist/styles.css +84 -84
  51. package/examples/outlook Demo/readme.md +82 -82
  52. package/examples/outlook Demo2/OutlookDemo_1_0_0_1.zip +0 -0
  53. package/examples/outlook Demo2/agent/decision-log.md +7 -0
  54. package/examples/{solution explorer → outlook Demo2}/dist/codeapp.js +245 -9
  55. package/examples/outlook Demo2/dist/index.html +98 -0
  56. package/examples/outlook Demo2/dist/index.js +272 -0
  57. package/examples/outlook Demo2/dist/styles.css +639 -0
  58. package/examples/outlook Demo2/power.config.json +23 -0
  59. package/examples/outlook Demo2/src/generated/index.ts +14 -0
  60. package/examples/outlook Demo2/src/generated/models/Office365GroupsModel.ts +363 -0
  61. package/examples/outlook Demo2/src/generated/models/Office365OutlookModel.ts +2046 -0
  62. package/examples/outlook Demo2/src/generated/models/Office365UsersModel.ts +254 -0
  63. package/examples/outlook Demo2/src/generated/services/Office365GroupsService.ts +326 -0
  64. package/examples/outlook Demo2/src/generated/services/Office365OutlookService.ts +2476 -0
  65. package/examples/outlook Demo2/src/generated/services/Office365UsersService.ts +358 -0
  66. package/examples/planning Poker/.vscode/settings.json +4 -4
  67. package/examples/planning Poker/additional files/customizations (tables).xml +6428 -6428
  68. package/examples/planning Poker/additional files/dataverse-tables.json +165 -165
  69. package/examples/planning Poker/additional files/readme.md +122 -122
  70. package/examples/planning Poker/dist/dataverse.js +78 -78
  71. package/examples/planning Poker/dist/index.html +198 -198
  72. package/examples/planning Poker/dist/index.js +954 -954
  73. package/examples/planning Poker/dist/power-apps-data.js +2953 -2953
  74. package/examples/planning Poker/dist/styles.css +815 -815
  75. package/examples/sharePoint Demo/agent/decision-log.md +5 -5
  76. package/examples/sharePoint Demo/dist/codeapp.js +1085 -1085
  77. package/examples/sharePoint Demo/dist/index.js +262 -262
  78. package/examples/sharePoint Demo/dist/power-apps-data.js +2911 -2911
  79. package/examples/sharePoint Demo/power.config.json +22 -22
  80. package/examples/todo/dist/dataverse.js +64 -64
  81. package/examples/todo/dist/index.html +75 -75
  82. package/examples/todo/dist/index.js +8 -8
  83. package/examples/todo/dist/power-apps-data.js +2953 -2953
  84. package/examples/todo/dist/renderer.js +375 -375
  85. package/examples/todo/dist/styles.css +691 -691
  86. package/examples/todo/power.config.json +34 -34
  87. package/package.json +1 -1
  88. package/readme.md +33 -4
  89. package/examples/solution explorer/agent/decision-log.md +0 -27
  90. package/examples/solution explorer/agent/mockup-01-swiss-grid.html +0 -452
  91. package/examples/solution explorer/agent/mockup-02-dark-glass.html +0 -496
  92. package/examples/solution explorer/agent/mockup-03-paper-console.html +0 -510
  93. package/examples/solution explorer/agent/mockup-04-neon-noir.html +0 -546
  94. package/examples/solution explorer/agent/mockup-05-zen-garden.html +0 -534
  95. package/examples/solution explorer/dist/index.html +0 -80
  96. package/examples/solution explorer/dist/index.js +0 -735
  97. package/examples/solution explorer/dist/styles.css +0 -571
  98. package/examples/solution explorer/power.config.json +0 -151
  99. /package/examples/{solution explorer → outlook Demo2}/dist/icon-512.png +0 -0
  100. /package/examples/{solution explorer → outlook Demo2}/dist/power-apps-data.js +0 -0
package/examples/solution explorer/agent/mockup-03-paper-console.html DELETED
@@ -1,510 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Mockup 03 — Paper Console</title>
7
- <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
8
- <style>
9
- :root {
10
- --bg: #f5f0e8;
11
- --bg-warm: #eee8dc;
12
- --card: #fffcf5;
13
- --ink: #2c2418;
14
- --muted: #8c7e6a;
15
- --accent: #c4652a;
16
- --accent-soft: rgba(196,101,42,0.1);
17
- --teal: #2a7c6c;
18
- --teal-soft: rgba(42,124,108,0.08);
19
- --line: #d8cdb8;
20
- --shadow: 0 2px 12px rgba(44,36,24,0.08);
21
- }
22
- * { box-sizing: border-box; margin: 0; padding: 0; }
23
- body {
24
- min-height: 100vh;
25
- font-family: 'IBM Plex Mono', monospace;
26
- color: var(--ink);
27
- background:
28
- repeating-linear-gradient(0deg, transparent, transparent 27px, rgba(216,205,184,0.25) 27px, rgba(216,205,184,0.25) 28px),
29
- var(--bg);
30
- padding: 24px;
31
- }
32
-
33
- /* ── Top ─────────────────────────────────── */
34
- .top {
35
- max-width: 1400px;
36
- margin: 0 auto 24px;
37
- display: flex;
38
- align-items: baseline;
39
- justify-content: space-between;
40
- }
41
- .top h1 {
42
- font-family: 'Playfair Display', serif;
43
- font-size: 1.8rem;
44
- font-weight: 700;
45
- color: var(--accent);
46
- }
47
- .top h1 span {
48
- font-weight: 400;
49
- color: var(--ink);
50
- }
51
- .breadcrumb {
52
- font-size: 0.7rem;
53
- color: var(--muted);
54
- }
55
- .breadcrumb b { color: var(--teal); }
56
-
57
- /* ── Toolbar ─────────────────────────────── */
58
- .toolbar {
59
- max-width: 1400px;
60
- margin: 0 auto 20px;
61
- display: flex;
62
- gap: 12px;
63
- align-items: center;
64
- }
65
- .toolbar input {
66
- flex: 1;
67
- max-width: 320px;
68
- font-family: 'IBM Plex Mono', monospace;
69
- font-size: 0.78rem;
70
- border: 2px dashed var(--line);
71
- background: var(--card);
72
- padding: 10px 14px;
73
- border-radius: 4px;
74
- outline: none;
75
- transition: border-color 0.2s;
76
- }
77
- .toolbar input:focus { border-color: var(--accent); border-style: solid; }
78
- .filter-btn {
79
- font-family: 'IBM Plex Mono', monospace;
80
- font-size: 0.68rem;
81
- font-weight: 500;
82
- text-transform: uppercase;
83
- letter-spacing: 0.12em;
84
- background: var(--card);
85
- border: 2px solid var(--line);
86
- padding: 9px 16px;
87
- border-radius: 4px;
88
- cursor: pointer;
89
- transition: all 0.15s;
90
- color: var(--muted);
91
- }
92
- .filter-btn:hover { border-color: var(--accent); color: var(--accent); }
93
- .filter-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
94
-
95
- /* ── Main Grid ───────────────────────────── */
96
- .main {
97
- max-width: 1400px;
98
- margin: 0 auto;
99
- display: grid;
100
- grid-template-columns: 1fr 1.1fr;
101
- gap: 20px;
102
- align-items: start;
103
- }
104
-
105
- /* ── Solution Table ──────────────────────── */
106
- .sol-table {
107
- background: var(--card);
108
- border: 2px solid var(--line);
109
- border-radius: 6px;
110
- box-shadow: var(--shadow);
111
- overflow: hidden;
112
- }
113
- .sol-table-head {
114
- display: grid;
115
- grid-template-columns: 1fr 100px 80px;
116
- padding: 10px 16px;
117
- background: var(--bg-warm);
118
- border-bottom: 2px solid var(--line);
119
- font-size: 0.6rem;
120
- font-weight: 600;
121
- text-transform: uppercase;
122
- letter-spacing: 0.2em;
123
- color: var(--muted);
124
- }
125
- .sol-row {
126
- display: grid;
127
- grid-template-columns: 1fr 100px 80px;
128
- padding: 12px 16px;
129
- border-bottom: 1px dashed var(--line);
130
- cursor: pointer;
131
- transition: background 0.15s;
132
- animation: rowSlide 0.3s ease both;
133
- align-items: center;
134
- }
135
- .sol-row:last-child { border-bottom: none; }
136
- .sol-row:hover { background: var(--accent-soft); }
137
- .sol-row.active { background: var(--accent); color: #fff; }
138
- .sol-row.active .sol-ver,
139
- .sol-row.active .sol-type { color: rgba(255,255,255,0.7); }
140
- .sol-row-name {
141
- font-size: 0.8rem;
142
- font-weight: 500;
143
- }
144
- .sol-row-unique {
145
- font-size: 0.62rem;
146
- color: var(--muted);
147
- margin-top: 1px;
148
- }
149
- .sol-row.active .sol-row-unique { color: rgba(255,255,255,0.55); }
150
- .sol-ver {
151
- font-size: 0.72rem;
152
- color: var(--muted);
153
- text-align: center;
154
- }
155
- .sol-type {
156
- font-size: 0.58rem;
157
- font-weight: 600;
158
- text-transform: uppercase;
159
- letter-spacing: 0.1em;
160
- text-align: right;
161
- }
162
- .sol-type.managed { color: var(--teal); }
163
- .sol-type.unmanaged { color: var(--accent); }
164
- .sol-row.active .sol-type.managed,
165
- .sol-row.active .sol-type.unmanaged { color: rgba(255,255,255,0.7); }
166
-
167
- /* ── Detail Card ─────────────────────────── */
168
- .detail-card {
169
- background: var(--card);
170
- border: 2px solid var(--line);
171
- border-radius: 6px;
172
- box-shadow: var(--shadow);
173
- position: sticky;
174
- top: 24px;
175
- }
176
- .detail-empty {
177
- padding: 60px 24px;
178
- text-align: center;
179
- font-size: 0.85rem;
180
- color: var(--muted);
181
- }
182
- .detail-empty .arrow { font-size: 1.6rem; display: block; margin-bottom: 8px; }
183
-
184
- .detail-head {
185
- padding: 24px;
186
- border-bottom: 2px solid var(--line);
187
- }
188
- .detail-head h2 {
189
- font-family: 'Playfair Display', serif;
190
- font-size: 1.5rem;
191
- font-weight: 700;
192
- color: var(--accent);
193
- margin-bottom: 4px;
194
- }
195
- .detail-head-meta {
196
- font-size: 0.68rem;
197
- color: var(--muted);
198
- line-height: 1.6;
199
- }
200
- .detail-desc {
201
- padding: 16px 24px;
202
- font-size: 0.76rem;
203
- color: var(--muted);
204
- line-height: 1.7;
205
- border-bottom: 1px dashed var(--line);
206
- background: var(--bg-warm);
207
- }
208
-
209
- /* ── Component Tree ──────────────────────── */
210
- .comp-tree {
211
- padding: 16px 24px 24px;
212
- max-height: 460px;
213
- overflow-y: auto;
214
- }
215
- .comp-tree::-webkit-scrollbar { width: 6px; }
216
- .comp-tree::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }
217
-
218
- .tree-group {
219
- margin-bottom: 16px;
220
- animation: fadeUp 0.25s ease both;
221
- }
222
- .tree-group-head {
223
- display: flex;
224
- align-items: center;
225
- gap: 8px;
226
- font-size: 0.65rem;
227
- font-weight: 600;
228
- text-transform: uppercase;
229
- letter-spacing: 0.18em;
230
- color: var(--teal);
231
- margin-bottom: 6px;
232
- cursor: pointer;
233
- }
234
- .tree-group-head::before {
235
- content: '▸';
236
- font-size: 0.7rem;
237
- transition: transform 0.2s;
238
- }
239
- .tree-group.open .tree-group-head::before { transform: rotate(90deg); }
240
- .tree-group-count {
241
- font-weight: 400;
242
- color: var(--muted);
243
- font-size: 0.6rem;
244
- }
245
- .tree-leaf {
246
- padding: 5px 0 5px 18px;
247
- font-size: 0.76rem;
248
- border-left: 2px solid var(--line);
249
- margin-left: 4px;
250
- display: flex;
251
- justify-content: space-between;
252
- }
253
- .tree-leaf-id {
254
- font-size: 0.58rem;
255
- color: var(--muted);
256
- }
257
-
258
- /* ── Animations ──────────────────────────── */
259
- @keyframes rowSlide {
260
- from { opacity: 0; transform: translateX(-10px); }
261
- to { opacity: 1; transform: translateX(0); }
262
- }
263
- @keyframes fadeUp {
264
- from { opacity: 0; transform: translateY(6px); }
265
- to { opacity: 1; transform: translateY(0); }
266
- }
267
- </style>
268
- </head>
269
- <body>
270
-
271
- <div class="top">
272
- <h1><span>~/</span>solutions</h1>
273
- <div class="breadcrumb">env: <b>org-4f8c2a</b> &middot; 12 solutions loaded</div>
274
- </div>
275
-
276
- <div class="toolbar">
277
- <input type="text" placeholder="grep solutions…" id="searchInput">
278
- <button class="filter-btn" id="btnAll">All</button>
279
- <button class="filter-btn" id="btnUnmanaged">Unmanaged</button>
280
- <button class="filter-btn" id="btnManaged">Managed</button>
281
- </div>
282
-
283
- <div class="main">
284
- <div class="sol-table">
285
- <div class="sol-table-head">
286
- <span>Solution</span>
287
- <span style="text-align:center">Version</span>
288
- <span style="text-align:right">Type</span>
289
- </div>
290
- <div id="solList"></div>
291
- </div>
292
-
293
- <div class="detail-card" id="detailPanel">
294
- <div class="detail-empty">
295
- <span class="arrow">←</span>
296
- Click a solution to inspect its components
297
- </div>
298
- </div>
299
- </div>
300
-
301
- <script>
302
- /* ── Mock Data (same as other mockups) ────── */
303
- var aSolutions = [
304
- { solutionid: 'a1b2c3d4-0001', friendlyname: 'Core Data Model', uniquename: 'CoreDataModel', version: '3.2.0.1', ismanaged: false, modifiedon: '2026-03-18T14:22:00Z', description: 'Foundation entities, relationships, and business rules for the organisation data model.' },
305
- { solutionid: 'a1b2c3d4-0002', friendlyname: 'Customer Portal', uniquename: 'CustomerPortal', version: '1.8.4.0', ismanaged: false, modifiedon: '2026-03-20T09:45:00Z', description: 'Portal components including web resources, forms, and site maps for the customer-facing app.' },
306
- { solutionid: 'a1b2c3d4-0003', friendlyname: 'Dynamics 365 Sales', uniquename: 'msdyn_Sales', version: '9.0.24031.1002', ismanaged: true, modifiedon: '2026-01-15T00:00:00Z', description: 'Microsoft Dynamics 365 Sales managed solution.' },
307
- { solutionid: 'a1b2c3d4-0004', friendlyname: 'Approval Workflows', uniquename: 'ApprovalWorkflows', version: '2.1.0.0', ismanaged: false, modifiedon: '2026-03-12T11:30:00Z', description: 'Cloud flows and business process flows for multi-stage approval routing.' },
308
- { solutionid: 'a1b2c3d4-0005', friendlyname: 'Power BI Dashboards', uniquename: 'PowerBIDashboards', version: '1.0.3.0', ismanaged: true, modifiedon: '2026-02-28T16:00:00Z', description: 'Embedded Power BI dashboards and charts for executive reporting.' },
309
- { solutionid: 'a1b2c3d4-0006', friendlyname: 'Security Configuration', uniquename: 'SecurityConfig', version: '4.0.0.2', ismanaged: false, modifiedon: '2026-03-21T08:15:00Z', description: 'Security roles, field-level security profiles, and team templates.' },
310
- { solutionid: 'a1b2c3d4-0007', friendlyname: 'Email Templates Pack', uniquename: 'EmailTemplates', version: '1.3.1.0', ismanaged: true, modifiedon: '2025-12-10T10:00:00Z', description: 'Standardised email templates for customer communications.' },
311
- { solutionid: 'a1b2c3d4-0008', friendlyname: 'Integration Hub', uniquename: 'IntegrationHub', version: '2.5.0.0', ismanaged: false, modifiedon: '2026-03-19T15:42:00Z', description: 'Custom connectors, plugins, and webhook configs for third-party integrations.' },
312
- { solutionid: 'a1b2c3d4-0009', friendlyname: 'Canvas Apps Collection', uniquename: 'CanvasApps', version: '1.1.0.0', ismanaged: false, modifiedon: '2026-03-17T13:20:00Z', description: 'Suite of canvas apps for field workers and mobile scenarios.' },
313
- { solutionid: 'a1b2c3d4-0010', friendlyname: 'Dataverse Accelerator', uniquename: 'DataverseAccelerator', version: '1.0.0.1', ismanaged: true, modifiedon: '2026-01-05T00:00:00Z', description: 'Microsoft accelerator components for rapid Dataverse development.' },
314
- { solutionid: 'a1b2c3d4-0011', friendlyname: 'Field Service Extensions', uniquename: 'FSExtensions', version: '2.0.1.0', ismanaged: false, modifiedon: '2026-03-15T10:30:00Z', description: 'Custom entities, forms, and business rules extending Field Service.' },
315
- { solutionid: 'a1b2c3d4-0012', friendlyname: 'AI Builder Models', uniquename: 'AIBuilderModels', version: '1.2.0.0', ismanaged: true, modifiedon: '2026-02-20T09:00:00Z', description: 'Pre-trained and custom AI Builder models for document processing.' },
316
- ];
317
-
318
- var oComponentMap = {
319
- 1: 'Entity', 2: 'Attribute', 9: 'Option Set', 10: 'Entity Relationship',
320
- 20: 'Security Role', 24: 'Workflow', 25: 'Report', 26: 'Connection Role',
321
- 29: 'Site Map', 31: 'System Form', 36: 'Dashboard', 59: 'Chart',
322
- 61: 'Web Resource', 62: 'Plugin Type', 63: 'Plugin Assembly',
323
- 65: 'SDK Message Step', 70: 'Model-driven App', 80: 'Canvas App', 300: 'Cloud Flow'
324
- };
325
-
326
- var oSolutionComponents = {
327
- 'a1b2c3d4-0001': [
328
- { componenttype: 1, objectid: 'e001', name: 'account' }, { componenttype: 1, objectid: 'e002', name: 'contact' },
329
- { componenttype: 1, objectid: 'e003', name: 'cr8b2_project' }, { componenttype: 1, objectid: 'e004', name: 'cr8b2_milestone' },
330
- { componenttype: 2, objectid: 'a001', name: 'cr8b2_project.cr8b2_status' }, { componenttype: 2, objectid: 'a002', name: 'cr8b2_project.cr8b2_startdate' },
331
- { componenttype: 10, objectid: 'r001', name: 'cr8b2_project_account' }, { componenttype: 9, objectid: 'o001', name: 'cr8b2_projectstatus' },
332
- ],
333
- 'a1b2c3d4-0002': [
334
- { componenttype: 61, objectid: 'w001', name: 'portal_main.js' }, { componenttype: 61, objectid: 'w002', name: 'portal_styles.css' },
335
- { componenttype: 61, objectid: 'w003', name: 'portal_home.html' }, { componenttype: 31, objectid: 'f001', name: 'Contact - Portal Main Form' },
336
- { componenttype: 31, objectid: 'f002', name: 'Case - Portal Quick Create' }, { componenttype: 29, objectid: 's001', name: 'Portal Site Map' },
337
- { componenttype: 70, objectid: 'ap01', name: 'Customer Self-Service' },
338
- ],
339
- 'a1b2c3d4-0003': [
340
- { componenttype: 1, objectid: 'e010', name: 'opportunity' }, { componenttype: 1, objectid: 'e011', name: 'quote' },
341
- { componenttype: 1, objectid: 'e012', name: 'salesorder' }, { componenttype: 1, objectid: 'e013', name: 'invoice' },
342
- { componenttype: 24, objectid: 'wf01', name: 'Opportunity Close Process' }, { componenttype: 36, objectid: 'd001', name: 'Sales Dashboard' },
343
- { componenttype: 59, objectid: 'ch01', name: 'Revenue by Quarter' }, { componenttype: 70, objectid: 'ap02', name: 'Sales Hub' },
344
- ],
345
- 'a1b2c3d4-0004': [
346
- { componenttype: 300, objectid: 'cf01', name: 'Approval - Manager Sign-off' }, { componenttype: 300, objectid: 'cf02', name: 'Approval - Finance Review' },
347
- { componenttype: 300, objectid: 'cf03', name: 'Approval - VP Escalation' }, { componenttype: 24, objectid: 'wf02', name: 'Invoice Approval BPF' },
348
- { componenttype: 1, objectid: 'e020', name: 'cr8b2_approvalrequest' },
349
- ],
350
- 'a1b2c3d4-0005': [
351
- { componenttype: 36, objectid: 'd010', name: 'Executive Overview' }, { componenttype: 36, objectid: 'd011', name: 'Sales Performance' },
352
- { componenttype: 36, objectid: 'd012', name: 'Service Metrics' }, { componenttype: 59, objectid: 'ch10', name: 'Pipeline Funnel' },
353
- ],
354
- 'a1b2c3d4-0006': [
355
- { componenttype: 20, objectid: 'sr01', name: 'Sales Manager' }, { componenttype: 20, objectid: 'sr02', name: 'Service Agent' },
356
- { componenttype: 20, objectid: 'sr03', name: 'System Administrator' }, { componenttype: 20, objectid: 'sr04', name: 'Read-Only User' },
357
- { componenttype: 20, objectid: 'sr05', name: 'Finance Approver' },
358
- ],
359
- 'a1b2c3d4-0007': [
360
- { componenttype: 61, objectid: 'w010', name: 'template_welcome.html' }, { componenttype: 61, objectid: 'w011', name: 'template_invoice.html' },
361
- { componenttype: 61, objectid: 'w012', name: 'template_reminder.html' },
362
- ],
363
- 'a1b2c3d4-0008': [
364
- { componenttype: 63, objectid: 'pa01', name: 'IntegrationHub.Plugins' }, { componenttype: 62, objectid: 'pt01', name: 'SyncContactPlugin' },
365
- { componenttype: 62, objectid: 'pt02', name: 'WebhookDispatcher' }, { componenttype: 65, objectid: 'sm01', name: 'PostCreate - SyncContact' },
366
- { componenttype: 65, objectid: 'sm02', name: 'PostUpdate - DispatchWebhook' }, { componenttype: 300, objectid: 'cf10', name: 'Sync to ERP Nightly' },
367
- ],
368
- 'a1b2c3d4-0009': [
369
- { componenttype: 80, objectid: 'ca01', name: 'Field Inspection App' }, { componenttype: 80, objectid: 'ca02', name: 'Expense Report App' },
370
- { componenttype: 80, objectid: 'ca03', name: 'Time Tracker App' },
371
- ],
372
- 'a1b2c3d4-0010': [
373
- { componenttype: 1, objectid: 'e030', name: 'cr8b2_acceleratorconfig' }, { componenttype: 61, objectid: 'w020', name: 'accelerator_bundle.js' },
374
- { componenttype: 70, objectid: 'ap10', name: 'Accelerator Studio' },
375
- ],
376
- 'a1b2c3d4-0011': [
377
- { componenttype: 1, objectid: 'e040', name: 'cr8b2_workorder_ext' }, { componenttype: 2, objectid: 'a010', name: 'cr8b2_workorder_ext.cr8b2_priority' },
378
- { componenttype: 31, objectid: 'f010', name: 'Work Order - Extended Form' }, { componenttype: 24, objectid: 'wf10', name: 'Auto-assign Work Order' },
379
- { componenttype: 300, objectid: 'cf20', name: 'Notify Technician' },
380
- ],
381
- 'a1b2c3d4-0012': [
382
- { componenttype: 61, objectid: 'w030', name: 'ai_invoice_processor' }, { componenttype: 61, objectid: 'w031', name: 'ai_prediction_model' },
383
- { componenttype: 300, objectid: 'cf30', name: 'Process Incoming Documents' },
384
- ],
385
- };
386
-
387
- /* ── State ────────────────────────────────── */
388
- var sFilter = 'all';
389
-
390
- function formatDate(sISO) {
391
- var d = new Date(sISO);
392
- return d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' });
393
- }
394
-
395
- function getFiltered(sQuery) {
396
- return aSolutions.filter(function(s) {
397
- var bMatch = s.friendlyname.toLowerCase().indexOf(sQuery) !== -1 ||
398
- s.uniquename.toLowerCase().indexOf(sQuery) !== -1;
399
- if (sFilter === 'managed') return bMatch && s.ismanaged;
400
- if (sFilter === 'unmanaged') return bMatch && !s.ismanaged;
401
- return bMatch;
402
- });
403
- }
404
-
405
- /* ── Render Solutions ─────────────────────── */
406
- function renderSolutions(aFiltered) {
407
- var eList = document.getElementById('solList');
408
- eList.innerHTML = '';
409
- aFiltered.forEach(function(sol, i) {
410
- var div = document.createElement('div');
411
- div.className = 'sol-row';
412
- div.style.animationDelay = (i * 0.04) + 's';
413
- div.innerHTML =
414
- '<div>' +
415
- '<div class="sol-row-name">' + sol.friendlyname + '</div>' +
416
- '<div class="sol-row-unique">' + sol.uniquename + '</div>' +
417
- '</div>' +
418
- '<div class="sol-ver">' + sol.version + '</div>' +
419
- '<div class="sol-type ' + (sol.ismanaged ? 'managed' : 'unmanaged') + '">' + (sol.ismanaged ? 'Managed' : 'Unmanaged') + '</div>';
420
- div.addEventListener('click', function() {
421
- document.querySelectorAll('.sol-row').forEach(function(el) { el.classList.remove('active'); });
422
- div.classList.add('active');
423
- renderDetail(sol);
424
- });
425
- eList.appendChild(div);
426
- });
427
- }
428
-
429
- /* ── Render Detail ────────────────────────── */
430
- function renderDetail(sol) {
431
- var ePanel = document.getElementById('detailPanel');
432
- var aComps = oSolutionComponents[sol.solutionid] || [];
433
-
434
- var oGroups = {};
435
- aComps.forEach(function(c) {
436
- var sType = oComponentMap[c.componenttype] || ('Type ' + c.componenttype);
437
- if (!oGroups[sType]) oGroups[sType] = [];
438
- oGroups[sType].push(c);
439
- });
440
-
441
- var sHTML =
442
- '<div class="detail-head">' +
443
- '<h2>' + sol.friendlyname + '</h2>' +
444
- '<div class="detail-head-meta">' +
445
- sol.uniquename + ' &middot; v' + sol.version + '<br>' +
446
- (sol.ismanaged ? 'Managed' : 'Unmanaged') + ' &middot; Modified ' + formatDate(sol.modifiedon) +
447
- '</div>' +
448
- '</div>';
449
-
450
- if (sol.description) {
451
- sHTML += '<div class="detail-desc">/* ' + sol.description + ' */</div>';
452
- }
453
-
454
- sHTML += '<div class="comp-tree">';
455
- var iG = 0;
456
- Object.keys(oGroups).sort().forEach(function(sType) {
457
- sHTML +=
458
- '<div class="tree-group open" style="animation-delay:' + (iG * 0.07) + 's">' +
459
- '<div class="tree-group-head">' +
460
- sType + ' <span class="tree-group-count">(' + oGroups[sType].length + ')</span>' +
461
- '</div>';
462
- oGroups[sType].forEach(function(c) {
463
- sHTML +=
464
- '<div class="tree-leaf">' +
465
- '<span>' + c.name + '</span>' +
466
- '<span class="tree-leaf-id">' + c.objectid + '</span>' +
467
- '</div>';
468
- });
469
- sHTML += '</div>';
470
- iG++;
471
- });
472
- sHTML += '</div>';
473
-
474
- ePanel.innerHTML = sHTML;
475
-
476
- /* Toggle groups on click */
477
- ePanel.querySelectorAll('.tree-group-head').forEach(function(el) {
478
- el.addEventListener('click', function() {
479
- el.parentElement.classList.toggle('open');
480
- });
481
- });
482
- }
483
-
484
- /* ── Filter Buttons ───────────────────────── */
485
- var aBtns = [
486
- { id: 'btnAll', val: 'all' },
487
- { id: 'btnUnmanaged', val: 'unmanaged' },
488
- { id: 'btnManaged', val: 'managed' },
489
- ];
490
- aBtns.forEach(function(btn) {
491
- document.getElementById(btn.id).addEventListener('click', function() {
492
- sFilter = btn.val;
493
- aBtns.forEach(function(b) { document.getElementById(b.id).classList.remove('active'); });
494
- this.classList.add('active');
495
- var sQuery = document.getElementById('searchInput').value.toLowerCase();
496
- renderSolutions(getFiltered(sQuery));
497
- });
498
- });
499
-
500
- /* ── Search ───────────────────────────────── */
501
- document.getElementById('searchInput').addEventListener('input', function(evt) {
502
- renderSolutions(getFiltered(evt.target.value.toLowerCase()));
503
- });
504
-
505
- /* ── Init ─────────────────────────────────── */
506
- document.getElementById('btnAll').classList.add('active');
507
- renderSolutions(aSolutions);
508
- </script>
509
- </body>
510
- </html>