Move metadata mutations in bulk into the monorepo (#31295)

Co-authored-by: Anton Evzhakov <[email protected]>

Author: IlyaKhD

.tool-versions

@@ -0,0 +1,2 @@
+dotnet 8
+nodejs 20.19.4

packages/devextreme-metadata/.gitignore

@@ -0,0 +1,4 @@
+*-log.jsonl
+*-log.txt
+*-log-archive_??.jsonl
+*-log-archive_??.txt

packages/devextreme-metadata/aspnet/enums.ts

@@ -1,6 +1,6 @@
 export const enums = {
   AnimationEasing: {
-    items: [
+    Items: [
       'ease',
       'ease-in',
       'ease-in-out',
@@ -12,10 +12,10 @@ export const enums = {
     ],
   },
   EdmType: {
-    items: ['Guid', 'Int32', 'Int64', 'String', 'Boolean', 'Single', 'Decimal'],
+    Items: ['Guid', 'Int32', 'Int64', 'String', 'Boolean', 'Single', 'Decimal'],
   },
   FilterOperations: {
-    items: [
+    Items: [
       '=',
       '<>',
       '<',
@@ -30,7 +30,7 @@ export const enums = {
     ],
   },
   GaugeIndicatorType: {
-    items: [
+    Items: [
       'circle',
       'rangeBar',
       'rectangle',
@@ -41,13 +41,13 @@ export const enums = {
       'triangleNeedle',
       'twoColorNeedle',
     ],
-    options: ['GaugeIndicator.type'],
+    Options: ['GaugeIndicator.type'],
   },
   GeoMapProvider: {
-    items: ['bing', 'google', 'googleStatic', 'azure'],
+    Items: ['bing', 'google', 'googleStatic', 'azure'],
   },
   SchedulerViewType: {
-    items: [
+    Items: [
       'agenda',
       'day',
       'month',
@@ -58,53 +58,53 @@ export const enums = {
       'week',
       'workWeek',
     ],
-    options: ['dxScheduler.views'],
+    Options: ['dxScheduler.views'],
   },
   ShowScrollbarMode: {
-    items: ['always', 'never', 'onHover', 'onScroll'],
-    options: ['dxScrollView.showScrollbar'],
+    Items: ['always', 'never', 'onHover', 'onScroll'],
+    Options: ['dxScrollView.showScrollbar'],
   },
   TextEditorButtonWidget: {
-    items: ['dxButton'],
+    Items: ['dxButton'],
   },
   DiagramDataLayoutOrientation: {
-    items: ['vertical', 'horizontal'],
+    Items: ['vertical', 'horizontal'],
   },
   GanttSortingMode: {
-    items: ['multiple', 'none', 'single'],
+    Items: ['multiple', 'none', 'single'],
   },
   GridSortingMode: {
-    items: ['multiple', 'none', 'single'],
+    Items: ['multiple', 'none', 'single'],
   },
   PieChartLegendHoverMode: {
-    items: ['none', 'allArgumentPoints'],
+    Items: ['none', 'allArgumentPoints'],
   },
   PolarChartOverlappingBehavior: {
-    items: ['none', 'hide'],
+    Items: ['none', 'hide'],
   },
   SelectionMode: {
-    items: ['multiple', 'none', 'single'],
+    Items: ['multiple', 'none', 'single'],
   },
   PolarChartResolveLabelOverlapping: {
-    items: ['hide', 'none'],
+    Items: ['hide', 'none'],
   },
   ButtonGroupSelectionMode: {
-    items: ['multiple', 'single', 'none'],
+    Items: ['multiple', 'single', 'none'],
   },
   ChartElementSelectionMode: {
-    items: ['multiple', 'single'],
+    Items: ['multiple', 'single'],
   },
   FileManagerSelectionMode: {
-    items: ['multiple', 'single'],
+    Items: ['multiple', 'single'],
   },
   ListSelectionMode: {
-    items: ['all', 'multiple', 'none', 'single'],
+    Items: ['all', 'multiple', 'none', 'single'],
   },
   MenuSelectionMode: {
-    items: ['none', 'single'],
+    Items: ['none', 'single'],
   },
   NavSelectionMode: {
-    items: ['multiple', 'single'],
+    Items: ['multiple', 'single'],
   },
 };
 

packages/devextreme-metadata/common-smd-mutations.ts

@@ -0,0 +1,47 @@
+import { replaceTypes, ReplaceTypesMutation } from 'devextreme-internal-tools/ts/config/metadata';
+
+const commonSeriesOptions = [
+  'area',
+  'bar',
+  'bubble',
+  'candlestick',
+  'fullStackedArea',
+  'fullStackedBar',
+  'fullStackedLine',
+  'fullStackedSplineArea',
+  'fullStackedSpline',
+  'line',
+  'rangeArea',
+  'rangeBar',
+  'scatter',
+  'splineArea',
+  'spline',
+  'stackedArea',
+  'stackedBar',
+  'stackedLine',
+  'stackedSplineArea',
+  'stackedSpline',
+  'stepArea',
+  'stepLine',
+  'stock',
+].map((i) => i.toLowerCase());
+
+export const replaceTypesMutations: ReplaceTypesMutation[] = [
+  replaceTypes(
+    commonSeriesOptions.map((p) => `viz/chart:CommonSeriesSettings.${p}`),
+    ['any'],
+    [{ kind: 'unknown', customName: 'ChartCommonSeriesSettings' }],
+  ),
+
+  replaceTypes(
+    commonSeriesOptions.map((p) => `viz/polar_chart:CommonSeriesSettings.${p}`),
+    ['any'],
+    [{ kind: 'unknown', customName: 'PolarChartCommonSeriesSettings' }],
+  ),
+
+  replaceTypes(
+    ['viz/range_selector:dxRangeSelectorOptions.chart.commonSeriesSettings'],
+    ['*'],
+    [{ kind: 'unknown', customName: 'ChartCommonSeriesSettings' }],
+  ),
+];

packages/devextreme-metadata/common/index.ts

@@ -1,10 +1,4 @@
-import {
-  AddMutation,
-  DataType,
-  DataTypes,
-  Mutation,
-  RemoveMutation,
-} from 'devextreme-internal-tools/metadata';
+import { DataTypes } from 'devextreme-internal-tools/metadata';
 import { existsSync, unlinkSync } from 'fs';
 import { join } from 'path';
 import { PATHS } from './paths';
@@ -20,28 +14,13 @@ export function cleanArtifacts(...files: string[]) {
   }
 }
 
-export function removeMembers(uidPattern: RegExp): RemoveMutation {
-  return { kind: 'remove', uid: uidPattern };
-}
-
-export function addMember({ uid, name, parent, types }: Omit<AddMutation, 'kind'>): AddMutation {
-  return { kind: 'add', uid, name, parent, types };
-}
-
-export function replaceTypes({ uid, types }: { uid: string; types: DataType[] }): Mutation[] {
-  return [
-    { kind: 'remove', uid: new RegExp(uid) },
-    { kind: 'add', uid, types },
-  ];
-}
-
 export const types = {
   array(...itemTypes: DataTypes.Array['itemTypes']): DataTypes.Array {
     return { kind: 'array', itemTypes };
   },
 
-  uidRef(uid: string): DataTypes.UidRef {
-    return { kind: 'uidRef', uid };
+  uidRef(uid: string, ambient: boolean = false): DataTypes.UidRef {
+    return { kind: 'uidRef', uid, ambient };
   },
 
   object: { kind: 'object' } as DataTypes.Object,

packages/devextreme-metadata/discover-declarations.ts

@@ -20,4 +20,13 @@ Declarations.discover({
       typeRoots: [],
     },
   },
+
+  variables: {
+    oldNamespaces: {
+      ComponentOptions: 'DevExpress',
+      DOMComponentOptions: 'DevExpress',
+      PivotGridDataSourceOptions: 'DevExpress.data',
+      XmlaStoreOptions: 'DevExpress.data',
+    },
+  },
 });

packages/devextreme-metadata/make-angular-metadata.ts

@@ -1,7 +1,8 @@
-import { Ng } from 'devextreme-internal-tools/metadata';
-import { cleanArtifacts, removeMembers } from './common';
+import { Ng, removeMembers, replaceTypes } from 'devextreme-internal-tools/metadata';
+import { cleanArtifacts, types } from './common';
 import { commonSmdCollectionItems } from './common/smd';
 import { NG_SMD_FILE, PATHS } from './common/paths';
+import { replaceTypesMutations } from './common-smd-mutations';
 
 cleanArtifacts(NG_SMD_FILE, 'NgSmdGenerator.cfg.json');
 
@@ -10,6 +11,41 @@ Ng.makeMetadata({
     artifacts: PATHS.artifactsDir,
   },
   mutations: [
+    [
+      ['ui/box:dxBoxOptions', 'ui/box:dxBoxItem.box'],
+      ['ui/button:dxButtonOptions', 'common:TextEditorButton.options'],
+      ['ui/button:dxButtonOptions', 'ui/form:dxFormButtonItem.buttonOptions'],
+      ['ui/calendar:dxCalendarOptions', 'ui/date_box:DateBoxBaseOptions.calendarOptions'],
+      ['ui/filter_builder:dxFilterBuilderOptions', 'common/grids:GridBaseOptions.filterBuilder'],
+      ['ui/filter_builder:dxFilterBuilderOptions', 'ui/card_view:dxCardViewOptions.filterBuilder'],
+      ['ui/popover:dxPopoverOptions', 'ui/lookup:dxLookupOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'common/grids:EditingBase.popup'],
+      ['ui/popup:dxPopupOptions', 'common/grids:GridBaseOptions.filterBuilderPopup'],
+      ['ui/popup:dxPopupOptions', 'ui/autocomplete:dxAutocompleteOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'ui/card_view:dxCardViewOptions.filterBuilderPopup'],
+      ['ui/popup:dxPopupOptions', 'ui/color_box:dxColorBoxOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'ui/date_box:DateBoxBaseOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'ui/drop_down_box:dxDropDownBoxOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'ui/drop_down_button:dxDropDownButtonOptions.dropDownOptions'],
+      ['ui/popup:dxPopupOptions', 'ui/select_box:dxSelectBoxOptions.dropDownOptions'],
+      ['ui/sortable:dxSortableOptions', 'ui/list:dxListOptions.itemDragging'],
+      ['ui/splitter:dxSplitterOptions', 'ui/splitter:dxSplitterItem.splitter'],
+      ['ui/tab_panel:dxTabPanelOptions', 'ui/form:dxFormTabbedItem.tabPanelOptions'],
+      [
+        'ui/text_box:dxTextBoxOptions',
+        'ui/widget/ui.search_box_mixin:SearchBoxMixinOptions.searchEditorOptions',
+      ],
+    ].map((pair) => replaceTypes(pair[1], ['*'], [types.uidRef(pair[0], true), 'undefined'])),
+
+    [
+      ['ui/form:dxFormOptions', 'common/grids:EditingBase.form'],
+      ['ui/form:dxFormOptions', 'ui/card_view:Editing.form'],
+      ['ui/popup:dxPopupOptions', 'common/grids:EditingBase.popup'],
+      ['ui/popup:dxPopupOptions', 'ui/card_view:Editing.popup'],
+    ].map((pair) => replaceTypes(pair[1], ['*'], [types.uidRef(pair[0], true)])),
+
+    ...replaceTypesMutations,
+
     removeMembers(/\/grids:ColumnBase.ai/),
     removeMembers(/\/calendar:dxCalendarOptions.todayButtonText/),
     removeMembers(/\/card_view:/),
@@ -28,6 +64,6 @@ Ng.makeMetadata({
     removeMembers(/\/speech_to_text:/),
   ],
   variables: {
-    collectionItems: [...commonSmdCollectionItems],
+    CollectionItems: [...commonSmdCollectionItems],
   },
 });