☰

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