Microsoft Power Platform/Dynamics 365 CE - Generate TypeScript Overload Signatures

Automatically creates TypeScript type definitions compatible with @types/xrm by extracting form attributes and controls from Dynamics 365/Power Platform model-driven applications.

目前為 2025-03-12 提交的版本,檢視 最新版本

  1. // ==UserScript==
  2. // @name Microsoft Power Platform/Dynamics 365 CE - Generate TypeScript Overload Signatures
  3. // @namespace https://github.com/gncnpk/xrm-generate-ts-overloads
  4. // @author Gavin Canon-Phratsachack (https://github.com/gncnpk)
  5. // @version 1.5
  6. // @license GPL-3.0
  7. // @description Automatically creates TypeScript type definitions compatible with @types/xrm by extracting form attributes and controls from Dynamics 365/Power Platform model-driven applications.
  8. // @match https://*.dynamics.com/main.aspx?appid=*&pagetype=entityrecord&etn=*&id=*
  9. // @grant none
  10. // ==/UserScript==
  11. (function() {
  12. 'use strict';
  13. // Create a button element and style it to be fixed in the bottom-right corner.
  14. const btn = document.createElement('button');
  15. btn.textContent = 'Generate TypeScript Signatures';
  16. btn.style.position = 'fixed';
  17. btn.style.bottom = '20px';
  18. btn.style.right = '20px';
  19. btn.style.padding = '10px';
  20. btn.style.backgroundColor = '#007ACC';
  21. btn.style.color = '#fff';
  22. btn.style.border = 'none';
  23. btn.style.borderRadius = '5px';
  24. btn.style.cursor = 'pointer';
  25. btn.style.zIndex = 10000;
  26. document.body.appendChild(btn);
  27. btn.addEventListener('click', () => {
  28. // Mapping objects for Xrm attribute and control types.
  29. var attributeTypeMapping = {
  30. "boolean": "Xrm.Attributes.BooleanAttribute",
  31. "datetime": "Xrm.Attributes.DateAttribute",
  32. "decimal": "Xrm.Attributes.NumberAttribute",
  33. "double": "Xrm.Attributes.NumberAttribute",
  34. "integer": "Xrm.Attributes.NumberAttribute",
  35. "lookup": "Xrm.Attributes.LookupAttribute",
  36. "memo": "Xrm.Attributes.StringAttribute",
  37. "money": "Xrm.Attributes.NumberAttribute",
  38. "multiselectoptionset": "Xrm.Attributes.MultiselectOptionSetAttribute",
  39. "optionset": "Xrm.Attributes.OptionSetAttribute",
  40. "string": "Xrm.Attributes.StringAttribute"
  41. };
  42. var controlTypeMapping = {
  43. "standard": "Xrm.Controls.StandardControl",
  44. "iframe": "Xrm.Controls.IframeControl",
  45. "lookup": "Xrm.Controls.LookupControl",
  46. "optionset": "Xrm.Controls.OptionSetControl",
  47. "customsubgrid:MscrmControls.Grid.GridControl": "Xrm.Controls.GridControl",
  48. "subgrid": "Xrm.Controls.GridControl",
  49. "timelinewall": "Xrm.Controls.TimelineWall",
  50. "quickform": "Xrm.Controls.QuickFormControl"
  51. };
  52.  
  53. var specificControlTypeMapping = {
  54. "boolean": "Xrm.Controls.BooleanControl",
  55. "datetime": "Xrm.Controls.DateControl",
  56. "decimal": "Xrm.Controls.NumberControl",
  57. "double": "Xrm.Controls.NumberControl",
  58. "integer": "Xrm.Controls.NumberControl",
  59. "lookup": "Xrm.Controls.LookupControl",
  60. "memo": "Xrm.Controls.StringControl",
  61. "money": "Xrm.Controls.NumberControl",
  62. "multiselectoptionset": "Xrm.Controls.MultiselectOptionSetControl",
  63. "optionset": "Xrm.Controls.OptionSetControl",
  64. "string": "Xrm.Controls.StringControl"
  65. }
  66. // Object to hold the type information.
  67. const typeInfo = { attributes: {}, controls: {}, possibleTypes: {} };
  68. // Loop through all controls on the form.
  69. if (typeof Xrm !== 'undefined' && Xrm.Page && typeof Xrm.Page.getControl === 'function') {
  70. Xrm.Page.getControl().forEach((ctrl) => {
  71. const ctrlType = ctrl.getControlType();
  72. const mappedType = controlTypeMapping[ctrlType];
  73. if (mappedType) {
  74. typeInfo.controls[ctrl.getName()] = mappedType;
  75. typeInfo.possibleTypes[ctrl.getName()] = [];
  76. typeInfo.possibleTypes[ctrl.getName()].push(mappedType);
  77. }
  78. });
  79. }
  80.  
  81. // Loop through all Quick View controls on the form.
  82. if (typeof Xrm.Page.ui.quickForms.get === 'function') {
  83. Xrm.Page.ui.quickForms.get().forEach((ctrl) => {
  84. const ctrlType = ctrl.getControlType();
  85. const mappedType = controlTypeMapping[ctrlType];
  86. if (mappedType) {
  87. typeInfo.possibleTypes[ctrl.getName()] = [];
  88. typeInfo.possibleTypes[ctrl.getName()].push(mappedType);
  89. }
  90. });
  91. }
  92.  
  93. // Ensure that the Xrm.Page API is available.
  94. if (typeof Xrm.Page.getAttribute === 'function') {
  95. // Loop through all attributes on the form.
  96. Xrm.Page.getAttribute().forEach((attr) => {
  97. const attrType = attr.getAttributeType();
  98. const mappedType = attributeTypeMapping[attrType];
  99. const mappedControlType = specificControlTypeMapping[attrType];
  100. if (mappedType) {
  101. typeInfo.attributes[attr.getName()] = mappedType;
  102. typeInfo.controls[attr.getName()] = mappedControlType;
  103. typeInfo.possibleTypes[attr.getName()] = [];
  104. typeInfo.possibleTypes[attr.getName()].push(mappedType);
  105. typeInfo.possibleTypes[attr.getName()].push(mappedControlType);
  106. }
  107. });
  108. } else {
  109. alert("Xrm.Page is not available on this page.");
  110. return;
  111. }
  112. // Build the TypeScript overload string.
  113. let outputTS = `// This file is generated automatically.
  114. // It extends the Xrm.FormContext interface with overloads for getAttribute and getControl.
  115. // Do not modify this file manually.
  116. declare namespace Xrm {
  117. namespace Collection {
  118. interface ItemCollection<T> {
  119. `
  120. for (const [possibleTypeName, possibleTypesArray] of Object.entries(typeInfo.possibleTypes)) {
  121. let possibleTypeTemplate = "";
  122. for (const possibleType of possibleTypesArray) {
  123. possibleTypeTemplate += ` TSubType extends ${possibleType} ? ${possibleType} : `;
  124. }
  125. outputTS += ` get<TSubType extends T>(itemName: "${possibleTypeName}"):${possibleTypeTemplate}never;\n`;
  126. }
  127. outputTS += `
  128. }
  129. }`
  130. outputTS += `
  131. interface FormContext {
  132. `;
  133. for (const [attributeName, attributeType] of Object.entries(typeInfo.attributes)) {
  134. outputTS += ` getAttribute(attributeName: "${attributeName}"): ${attributeType};\n`;
  135. }
  136. for (const [controlName, controlType] of Object.entries(typeInfo.controls)) {
  137. outputTS += ` getControl(controlName: "${controlName}"): ${controlType};\n`;
  138. }
  139. outputTS += ` }
  140. }
  141. `;
  142. // Create a new window with a textarea showing the output.
  143. // The textarea is set to readonly to prevent editing.
  144. const w = window.open('', '_blank', 'width=600,height=400,menubar=no,toolbar=no,location=no,resizable=yes');
  145. if (w) {
  146. w.document.write('<html><head><title>TypeScript Overload Signatures</title></head><body>');
  147. w.document.write('<textarea readonly style="width:100%; height:90%;">' + outputTS + '</textarea>');
  148. w.document.write('</body></html>');
  149. w.document.close();
  150. } else {
  151. // Fallback to prompt if popups are blocked.
  152. prompt("Copy the TypeScript definition:", outputTS);
  153. }
  154. });
  155. })();