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-17 提交的版本,查看 最新版本

  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.6
  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.  
  69. const enums = {};
  70. // Loop through all controls on the form.
  71. if (typeof Xrm !== 'undefined' && Xrm.Page && typeof Xrm.Page.getControl === 'function') {
  72. Xrm.Page.getControl().forEach((ctrl) => {
  73. const ctrlType = ctrl.getControlType();
  74. const mappedType = controlTypeMapping[ctrlType];
  75. if (mappedType) {
  76. typeInfo.controls[ctrl.getName()] = mappedType;
  77. typeInfo.possibleTypes[ctrl.getName()] = [];
  78. typeInfo.possibleTypes[ctrl.getName()].push(mappedType);
  79. }
  80. });
  81. } else {
  82. alert("Xrm.Page is not available on this page.");
  83. return;
  84. }
  85.  
  86. // Loop through all enums on the form.
  87. if (typeof Xrm.Page.getAttribute === 'function') {
  88. Xrm.Page.getAttribute().forEach((attr) => {
  89. if (attr.getAttributeType() === "optionset" && attr.controls.get().length > 0) {
  90. const enumValues = attr.getOptions();
  91. if (enumValues) {
  92. enums[attr.controls.get(0).getLabel().replace(/\s+/g, '')] = enumValues;
  93. }
  94. }
  95. });
  96. }
  97.  
  98. // Loop through all Quick View controls on the form.
  99. if (typeof Xrm.Page.ui.quickForms.get === 'function') {
  100. Xrm.Page.ui.quickForms.get().forEach((ctrl) => {
  101. const ctrlType = ctrl.getControlType();
  102. const mappedType = controlTypeMapping[ctrlType];
  103. if (mappedType) {
  104. typeInfo.possibleTypes[ctrl.getName()] = [];
  105. typeInfo.possibleTypes[ctrl.getName()].push(mappedType);
  106. }
  107. });
  108. }
  109.  
  110. // Ensure that the Xrm.Page API is available.
  111. if (typeof Xrm.Page.getAttribute === 'function') {
  112. // Loop through all attributes on the form.
  113. Xrm.Page.getAttribute().forEach((attr) => {
  114. const attrType = attr.getAttributeType();
  115. const mappedType = attributeTypeMapping[attrType];
  116. const mappedControlType = specificControlTypeMapping[attrType];
  117. if (mappedType) {
  118. typeInfo.attributes[attr.getName()] = mappedType;
  119. typeInfo.controls[attr.getName()] = mappedControlType;
  120. typeInfo.possibleTypes[attr.getName()] = [];
  121. typeInfo.possibleTypes[attr.getName()].push(mappedType);
  122. typeInfo.possibleTypes[attr.getName()].push(mappedControlType);
  123. }
  124. });
  125. }
  126. // Build the TypeScript overload string.
  127. let outputTS = `// This file is generated automatically.
  128. // It extends the Xrm.FormContext interface with overloads for getAttribute and getControl.
  129. // Do not modify this file manually.
  130. `
  131. for(const [enumName, enumValues] of Object.entries(enums)) {
  132. let enumTemplate = [];
  133. for(const enumValue of enumValues) {
  134. enumTemplate.push(` ${enumValue.text.replace(/\W/g, '')} = ${enumValue.value}`);
  135. }
  136. outputTS += `
  137. enum ${enumName} {
  138. ${enumTemplate.join(",\n")}
  139. }
  140. `
  141. }
  142. outputTS += `
  143. declare namespace Xrm {
  144. namespace Collection {
  145. interface ItemCollection<T> {
  146. `
  147. for (const [possibleTypeName, possibleTypesArray] of Object.entries(typeInfo.possibleTypes)) {
  148. let possibleTypeTemplate = "";
  149. for (const possibleType of possibleTypesArray) {
  150. possibleTypeTemplate += ` TSubType extends ${possibleType} ? ${possibleType} : `;
  151. }
  152. outputTS += ` get<TSubType extends T>(itemName: "${possibleTypeName}"):${possibleTypeTemplate}never;\n`;
  153. }
  154. outputTS += `
  155. }
  156. }`
  157. outputTS += `
  158. interface FormContext {
  159. `;
  160. for (const [attributeName, attributeType] of Object.entries(typeInfo.attributes)) {
  161. outputTS += ` getAttribute(attributeName: "${attributeName}"): ${attributeType};\n`;
  162. }
  163. for (const [controlName, controlType] of Object.entries(typeInfo.controls)) {
  164. outputTS += ` getControl(controlName: "${controlName}"): ${controlType};\n`;
  165. }
  166. outputTS += ` }
  167. }
  168. `;
  169. // Create a new window with a textarea showing the output.
  170. // The textarea is set to readonly to prevent editing.
  171. const w = window.open('', '_blank', 'width=600,height=400,menubar=no,toolbar=no,location=no,resizable=yes');
  172. if (w) {
  173. w.document.write('<html><head><title>TypeScript Overload Signatures</title></head><body>');
  174. w.document.write('<textarea readonly style="width:100%; height:90%;">' + outputTS + '</textarea>');
  175. w.document.write('</body></html>');
  176. w.document.close();
  177. } else {
  178. // Fallback to prompt if popups are blocked.
  179. prompt("Copy the TypeScript definition:", outputTS);
  180. }
  181. });
  182. })();