npm - @omnia/tooling-vue - Versions diffs - 8.0.21-vnext → 8.0.23-vnext - Mend

@omnia/tooling-vue 8.0.21-vnext → 8.0.23-vnext

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 (26) hide show

package/internal-do-not-import-from-here/bb000000-0000-bbbb-0000-0000000000bb.wctypings.d.ts CHANGED Viewed

@@ -59,15 +59,38 @@ import wc01c6a5e974334f06a390c9af5a7689d0 from '../../../client/fx/ux/identities
 import wcc2a811dfd3774d15862abb2f6a435a5c from '../../../client/fx/ux/identities/components/shared/IdentitySyncRuleSetup';
 import wcba60557e3daf48208c919a1806502df5 from '../../../client/fx/ux/identitypicker/IdentityPicker';
 import wc2f4b3c8e5d6a4f7bbc9d1e0a2b3c4d5e from '../../../client/fx/ux/image/scalingsettings/ScalingSettings';
+import wc4834285963564938a31a1ac1dfb1b5d8 from '../../../client/fx/ux/layoutcanvas/editor/blockplaceholder/BlockPlaceholder';
+import wc4512676606d342adbd011def4b615151 from '../../../client/fx/ux/layoutcanvas/editor/canvastoolbar/CanvasToolbar';
 import wc41f1eb15438a488b8b227b1ff31ca66f from '../../../client/fx/ux/layoutcanvas/editor/developertools/DeveloperTools';
+import wcd89913a1055942b38285fcab85751865 from '../../../client/fx/ux/layoutcanvas/editor/devicepreviewer/DevicePreviewer';
 import wc8e03e2f7fb024945bc51138b77d06088 from '../../../client/fx/ux/layoutcanvas/editor/LayoutEditorCanvas';
+import wcf5cf0b4975644d688124880ae533869e from '../../../client/fx/ux/layoutcanvas/editor/settings/backgroundsettings/BackgroundSettings';
+import wc2e52c0d860ec498fa3abf6b76eacc45d from '../../../client/fx/ux/layoutcanvas/editor/settings/block/Header';
+import wc9666ee9da0af46ac8354f0577050cb60 from '../../../client/fx/ux/layoutcanvas/editor/settings/block/Spacing';
+import wc103ae93f7a7c4754872e2573a9a689d7 from '../../../client/fx/ux/layoutcanvas/editor/settings/block/Style';
+import wc06eff92039dd49339e522ac2d7a648af from '../../../client/fx/ux/layoutcanvas/editor/settings/block/Css';
+import wc53cbd5702e9e41ffa95093586c0e001d from '../../../client/fx/ux/layoutcanvas/editor/settings/block/Targeting';
+import wc1b1dd31ac8644b498ddf378a431dfb19 from '../../../client/fx/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle';
 import wcbeda6edf4c614323955fc06c6326f7e9 from '../../../client/fx/ux/layoutcanvas/editor/settings/blocktitle/BlockTitleSettings';
+import wc0f7be5adc6ff4d81b920e5cf086128ae from '../../../client/fx/ux/layoutcanvas/editor/settings/imagebackgroundsettings/ImageBackgroundSettings';
+import wc673c5382ae8e4663ac07110302d7e386 from '../../../client/fx/ux/layoutcanvas/editor/settings/layout/GlobalHeaderStyling';
+import wc221ed456340d4c1fa7522b7bee6d7a64 from '../../../client/fx/ux/layoutcanvas/editor/settings/layout/BlockHeader';
+import wc9e404f90ca6640f19c3fece23b073993 from '../../../client/fx/ux/layoutcanvas/editor/settings/layout/Style';
 import wc4a31764ba9f6414a96192d0d02456086 from '../../../client/fx/ux/layoutcanvas/editor/settings/layoutclipboard/LayoutClipboard';
+import wc160a5d56895f4a66a9dae49cffdae312 from '../../../client/fx/ux/layoutcanvas/editor/settings/lock/Lock';
 import wc51c48c7bbe4245888bbf2f98884d6028 from '../../../client/fx/ux/layoutcanvas/editor/settings/section/General';
+import wc68724008d5d046b8a2f969ee90eece2c from '../../../client/fx/ux/layoutcanvas/editor/settings/section/Spacing';
+import wc08384c0236f840719ee3d8e018718e68 from '../../../client/fx/ux/layoutcanvas/editor/settings/section/Style';
+import wc245a49e2d21a4b4ca849825b903103fe from '../../../client/fx/ux/layoutcanvas/editor/settings/section/Css';
+import wc68628381bcdb41f6b0beb64d7ce94052 from '../../../client/fx/ux/layoutcanvas/editor/settings/section/Targeting';
+import wc48ff129f9a254eec9276b47f0c0f8b3e from '../../../client/fx/ux/layoutcanvas/editor/settings/section/Header';
+import wc2a460a78bf504a2b9d00b1f86a347d46 from '../../../client/fx/ux/layoutcanvas/editor/settings/settingstabs/TabLayoutSettings';
+import wc5b6b6242356046c29e05c24fb2135bf0 from '../../../client/fx/ux/layoutcanvas/editor/settings/settingstabs/TabBlockSettings';
 import wc0b2ee63495854227a082987161a9e641 from '../../../client/fx/ux/layoutcanvas/renderer/LayoutBlockRendererHelper';
 import wcf346db89a53b404690b1795429fb0162 from '../../../client/fx/ux/layoutcanvas/renderer/LayoutRendererCanvas';
 import wc6c2ac8bf4da44a2b8e544eaf5b42099f from '../../../client/fx/ux/limited-label/LimitedLabel';
 import wcf365f5cb3a694c20be7b96423bbc3eca from '../../../client/fx/ux/magiclink/MagicLink';
+import wc2e8004b49c8d44dd8edb56ce884c2b57 from '../../../client/fx/ux/monaco/MonacoEditor';
 import wc7f06e68f94904b48b827b23acd148bec from '../../../client/fx/ux/optionpicker/OptionPicker';
 import wc7fbf605e1ae24b21b0a9e35141aca17b from '../../../client/fx/ux/oxide/appbar/Appbar';
 import wc678a52a5101d41498d47754aeae5f9f6 from '../../../client/fx/ux/oxide/btn/Button';
@@ -101,6 +124,7 @@ import wc3ae18994ae5546dc945347d58432108d from '../../../client/fx/ux/oxide/tab/
 import wc07776976fab941de8e169e6e903fb4fe from '../../../client/fx/ux/oxide/tab/Tab';
 import wc08f1880bd39f43f6aa2734a85ebdf721 from '../../../client/fx/ux/oxide/table/Table';
 import wc7b543325ab85489eb1401d7bfdf6f5fc from '../../../client/fx/ux/oxide/text/Text';
+import wcab9101708fac46968e7d1ce1ea71c3cf from '../../../client/fx/ux/oxide/textarea/TextArea';
 import wc9a7ad06b091e4633a0fc3d380210f9cb from '../../../client/fx/ux/oxide/textfield/TextField';
 import wc53c3a240c5bf4d39ac29ac7f1f7415ae from '../../../client/fx/ux/oxide/toolbar/Toolbar';
 import wce1b9681a96a94f65a08577ef52b83752 from '../../../client/fx/ux/oxide/treeview/Treeview';
@@ -146,6 +170,9 @@ import wcb174dcf2716344b0bb02c981ae68dd73 from '../../../client/fx/ux/properties
 import wc646cfdda09044ebc9339f2ac31318512 from '../../../client/fx/ux/properties/legacy-enterprise-property/LegacyEnterprisePropertyDisplay';
 import wc332ae4244d4e4b0296befadb2ad2ac6b from '../../../client/fx/ux/properties/legacy-enterprise-property/LegacyEnterprisePropertyEditor';
 import wc58330f37503947799af05363e58bda3c from '../../../client/fx/ux/richtexteditor/Emoticon/EmoticonComponent';
+import wc7474e75042e347b4821bbafdb1cb4ee0 from '../../../client/fx/ux/richtexteditor/RichTextEditor';
+import wc8c7794090eb647eb8510b39cbefa17a7 from '../../../client/fx/ux/rollupempty/RollupEmpty';
+import wcc0de4753b9fe4004b0f4e6b6b91730ab from '../../../client/fx/ux/settings/SettingsPane';
 import wc539d199f69934c10a963f142e4f3056d from '../../../client/fx/ux/sidepanel/SidePanelRenderer';
 import wcb5315b31203e4bd1beb3c33f2122cbfe from '../../../client/fx/ux/signin/SignInPage';
 import wce4b25c06803a417a9c4aa4b7280a599b from '../../../client/fx/ux/signin/SignInBlock';
@@ -153,9 +180,12 @@ import wcbc3b9409639d45829a6e58a4295bc470 from '../../../client/fx/ux/signin/omn
 import wcf297290b5ea4409a9738ca880f1ea612 from '../../../client/fx/ux/signout/SignOut';
 import wc564bced7081c496483e8df717f600ff3 from '../../../client/fx/ux/spacingpicker/SpacingPicker2';
 import wccb83d46eaaed44d4920d4d5da21bc488 from '../../../client/fx/ux/statusmessageoverlay/StatusMessageOverlay';
-import wc829fbdec1d3b44059578b89b6d04c52b from '../../../client/fx/ux/theming-v2/colorschemapicker/ColorSchemaPicker';
+import wc44e2dd896269442f800da69000d4c2f1 from '../../../client/fx/ux/theming-v2/blueprintpicker/BlueprintPicker';
+import wc829fbdec1d3b44059578b89b6d04c52b from '../../../client/fx/ux/theming-v2/colorschemadefinitionpicker/ColorSchemaDefinitionPicker';
+import wc1266389c28034034921b897f788f302d from '../../../client/fx/ux/theming-v2/colorschemapicker/ColorSchemaPicker';
 import wc252ece0016594978b3ddfafdd59adda4 from '../../../client/fx/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker';
 import wc5abbb7170e454f0d8cb537bcad180cd7 from '../../../client/fx/ux/theming-v2/themeeditor/ThemeEditor';
+import wc4ff736bf8c544324883ed49f2a38f846 from '../../../client/fx/ux/theming/components/ThemeDefinitionEditor';
 import wc0beecee9c6ce42c88bd468bde23f9f32 from '../../../client/fx/ux/user/components/PropertyConfigurationRenderer';
 import wc8f4747f0b0884fd2a3b60baef21b67fc from '../../../client/fx/ux/user/components/UserPropertyProviderDisplay';
 import wc909b95011fbe44c28440ad9cd6aaff85 from '../../../client/fx/ux/user/components/UserPropertyProviderEditor';
@@ -169,7 +199,6 @@ import wc80bd5b0978ea40439001d3d409236382 from '../../../client/fx/ux/velcron/bl
 import wce8526e8ed3f74e848e0dd747fd4d376d from '../../../client/fx/ux/velcron/blocks/VelcronBlockSettings';
 import wc327aebb7d6ce4565bf119cf67e121d1a from '../../../client/fx/ux/velcron/editor/components/pickers/colorpicker/ColorPicker';
 import wc511447a5fd2646af910064ed9970d82e from '../../../client/fx/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper';
-import wc1266389c28034034921b897f788f302d from '../../../client/fx/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker';
 import wc3cd2da446d21461e8149e6c8334a36f4 from '../../../client/fx/ux/velcron/editor/components/pickers/ratiopicker/RatioPicker';
 import wc8420a0b507e14a288c2d895471739f1d from '../../../client/fx/ux/velcron/editor/components/pickers/typographypicker/TypographyPicker';
 import wcc75ffd4cf2f14b6685c5c2d894fdf00f from '../../../client/fx/ux/velcron/editor/VelcronEditor';
@@ -243,15 +272,38 @@ declare global {
             "omfx-identity-sync-rule-setup": typeof wcc2a811dfd3774d15862abb2f6a435a5c.propsDefinition & VueComponentBaseProps;
             "omfx-identity-picker": typeof wcba60557e3daf48208c919a1806502df5.propsDefinition & VueComponentBaseProps;
             "omfx-media-scaling-settings": typeof wc2f4b3c8e5d6a4f7bbc9d1e0a2b3c4d5e.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-placeholder": typeof wc4834285963564938a31a1ac1dfb1b5d8.propsDefinition & VueComponentBaseProps;
+            "omfx-canvas-toolbar": typeof wc4512676606d342adbd011def4b615151.propsDefinition & VueComponentBaseProps;
             "omnia-layout-developertools": typeof wc41f1eb15438a488b8b227b1ff31ca66f.propsDefinition & VueComponentBaseProps;
+            "omfx-device-previewer": typeof wcd89913a1055942b38285fcab85751865.propsDefinition & VueComponentBaseProps;
             "omfx-layout-editor-canvas": typeof wc8e03e2f7fb024945bc51138b77d06088.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-background-settings": typeof wcf5cf0b4975644d688124880ae533869e.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-settings-header": typeof wc2e52c0d860ec498fa3abf6b76eacc45d.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-settings-spacing": typeof wc9666ee9da0af46ac8354f0577050cb60.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-settings-style": typeof wc103ae93f7a7c4754872e2573a9a689d7.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-settings-css": typeof wc06eff92039dd49339e522ac2d7a648af.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-settings-targeting": typeof wc53cbd5702e9e41ffa95093586c0e001d.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-title": typeof wc1b1dd31ac8644b498ddf378a431dfb19.propsDefinition & VueComponentBaseProps;
             "omfx-layout-block-title-settings": typeof wcbeda6edf4c614323955fc06c6326f7e9.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-image-background-settings": typeof wc0f7be5adc6ff4d81b920e5cf086128ae.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-layout-settings-globalheader": typeof wc673c5382ae8e4663ac07110302d7e386.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-layout-settings-blockheader": typeof wc221ed456340d4c1fa7522b7bee6d7a64.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-layout-settings-style": typeof wc9e404f90ca6640f19c3fece23b073993.propsDefinition & VueComponentBaseProps;
             "omfx-layout-clipboard": typeof wc4a31764ba9f6414a96192d0d02456086.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-lock-settings": typeof wc160a5d56895f4a66a9dae49cffdae312.propsDefinition & VueComponentBaseProps;
             "omfx-layout-section-settings-general": typeof wc51c48c7bbe4245888bbf2f98884d6028.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-section-settings-spacing": typeof wc68724008d5d046b8a2f969ee90eece2c.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-section-settings-style": typeof wc08384c0236f840719ee3d8e018718e68.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-section-settings-css": typeof wc245a49e2d21a4b4ca849825b903103fe.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-section-settings-targeting": typeof wc68628381bcdb41f6b0beb64d7ce94052.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-section-settings-header": typeof wc48ff129f9a254eec9276b47f0c0f8b3e.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-tab-layout-settings": typeof wc2a460a78bf504a2b9d00b1f86a347d46.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-tab-block-settings": typeof wc5b6b6242356046c29e05c24fb2135bf0.propsDefinition & VueComponentBaseProps;
             "omfx-layout-block-renderer-helper": typeof wc0b2ee63495854227a082987161a9e641.propsDefinition & VueComponentBaseProps;
             "omfx-layout-renderer-canvas": typeof wcf346db89a53b404690b1795429fb0162.propsDefinition & VueComponentBaseProps;
             "omfx-limited-label": typeof wc6c2ac8bf4da44a2b8e544eaf5b42099f.propsDefinition & VueComponentBaseProps;
             "omfx-magiclink": typeof wcf365f5cb3a694c20be7b96423bbc3eca.propsDefinition & VueComponentBaseProps;
+            "monaco-editor": typeof wc2e8004b49c8d44dd8edb56ce884c2b57.propsDefinition & VueComponentBaseProps;
             "omfx-option-picker": typeof wc7f06e68f94904b48b827b23acd148bec.propsDefinition & VueComponentBaseProps;
             "o-app-bar": typeof wc7fbf605e1ae24b21b0a9e35141aca17b.propsDefinition & VueComponentBaseProps;
             "o-btn": typeof wc678a52a5101d41498d47754aeae5f9f6.propsDefinition & VueComponentBaseProps;
@@ -285,6 +337,7 @@ declare global {
             "o-tab": typeof wc07776976fab941de8e169e6e903fb4fe.propsDefinition & VueComponentBaseProps;
             "o-table": typeof wc08f1880bd39f43f6aa2734a85ebdf721.propsDefinition & VueComponentBaseProps;
             "o-text": typeof wc7b543325ab85489eb1401d7bfdf6f5fc.propsDefinition & VueComponentBaseProps;
+            "o-textarea": typeof wcab9101708fac46968e7d1ce1ea71c3cf.propsDefinition & VueComponentBaseProps;
             "o-text-field": typeof wc9a7ad06b091e4633a0fc3d380210f9cb.propsDefinition & VueComponentBaseProps;
             "o-toolbar": typeof wc53c3a240c5bf4d39ac29ac7f1f7415ae.propsDefinition & VueComponentBaseProps;
             "o-treeview": typeof wce1b9681a96a94f65a08577ef52b83752.propsDefinition & VueComponentBaseProps;
@@ -330,6 +383,9 @@ declare global {
             "omfx-app-legacy-enterprise-properties-display": typeof wc646cfdda09044ebc9339f2ac31318512.propsDefinition & VueComponentBaseProps;
             "omfx-legacy-enterprise-properties-editor": typeof wc332ae4244d4e4b0296befadb2ad2ac6b.propsDefinition & VueComponentBaseProps;
             "omfx-emoticon": typeof wc58330f37503947799af05363e58bda3c.propsDefinition & VueComponentBaseProps;
+            "omfx-rich-text-editor": typeof wc7474e75042e347b4821bbafdb1cb4ee0.propsDefinition & VueComponentBaseProps;
+            "omfx-rollup-empty": typeof wc8c7794090eb647eb8510b39cbefa17a7.propsDefinition & VueComponentBaseProps;
+            "omfx-settings-pane": typeof wcc0de4753b9fe4004b0f4e6b6b91730ab.propsDefinition & VueComponentBaseProps;
             "omfx-side-panel": typeof wc539d199f69934c10a963f142e4f3056d.propsDefinition & VueComponentBaseProps;
             "omfx-signin-page": typeof wcb5315b31203e4bd1beb3c33f2122cbfe.propsDefinition & VueComponentBaseProps;
             "omfx-signin-block": typeof wce4b25c06803a417a9c4aa4b7280a599b.propsDefinition & VueComponentBaseProps;
@@ -337,9 +393,12 @@ declare global {
             "omfx-signout": typeof wcf297290b5ea4409a9738ca880f1ea612.propsDefinition & VueComponentBaseProps;
             "omfx-spacing-picker": typeof wc564bced7081c496483e8df717f600ff3.propsDefinition & VueComponentBaseProps;
             "omfx-status-message-overlay": typeof wccb83d46eaaed44d4920d4d5da21bc488.propsDefinition & VueComponentBaseProps;
+            "omfx-blueprint-picker": typeof wc44e2dd896269442f800da69000d4c2f1.propsDefinition & VueComponentBaseProps;
             "omfx-color-schema-definition-picker": typeof wc829fbdec1d3b44059578b89b6d04c52b.propsDefinition & VueComponentBaseProps;
+            "omfx-color-schema-picker": typeof wc1266389c28034034921b897f788f302d.propsDefinition & VueComponentBaseProps;
             "omfx-theme-definition-picker": typeof wc252ece0016594978b3ddfafdd59adda4.propsDefinition & VueComponentBaseProps;
             "omfx-theme-editor-v2": typeof wc5abbb7170e454f0d8cb537bcad180cd7.propsDefinition & VueComponentBaseProps;
+            "omfx-themedefinition-editor": typeof wc4ff736bf8c544324883ed49f2a38f846.propsDefinition & VueComponentBaseProps;
             "omfx-properties-user-configuration-renderer": typeof wc0beecee9c6ce42c88bd468bde23f9f32.propsDefinition & VueComponentBaseProps;
             "omfx-properties-user-provider-display": typeof wc8f4747f0b0884fd2a3b60baef21b67fc.propsDefinition & VueComponentBaseProps;
             "omfx-properties-user-provider-editor": typeof wc909b95011fbe44c28440ad9cd6aaff85.propsDefinition & VueComponentBaseProps;
@@ -353,7 +412,6 @@ declare global {
             "omfx-velcron-block-settings": typeof wce8526e8ed3f74e848e0dd747fd4d376d.propsDefinition & VueComponentBaseProps;
             "omfx-color-picker-schema": typeof wc327aebb7d6ce4565bf119cf67e121d1a.propsDefinition & VueComponentBaseProps;
             "omfx-color-schema-mapper": typeof wc511447a5fd2646af910064ed9970d82e.propsDefinition & VueComponentBaseProps;
-            "omfx-color-schema-picker": typeof wc1266389c28034034921b897f788f302d.propsDefinition & VueComponentBaseProps;
             "omfx-ratio-picker": typeof wc3cd2da446d21461e8149e6c8334a36f4.propsDefinition & VueComponentBaseProps;
             "omfx-typography-picker-schema": typeof wc8420a0b507e14a288c2d895471739f1d.propsDefinition & VueComponentBaseProps;
             "omfx-velcron-editor": typeof wcc75ffd4cf2f14b6685c5c2d894fdf00f.propsDefinition & VueComponentBaseProps;

package/internal-do-not-import-from-here/shared.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare function getBaseWebpackConfigForManifestMetadata(entry: any, bundleOutputDir: any, wcDomProps: any, enableTreeShaking?: boolean): {
+export declare function getBaseWebpackConfigForManifestMetadata(entry: any, bundleOutputDir: any): {
     devtool: boolean;
     mode: string;
     context: any;
@@ -65,26 +65,12 @@ export declare function getBaseWebpackConfigForManifestMetadata(entry: any, bund
             resolve: {
                 fullySpecified: boolean;
             };
-            exclude?: undefined;
             use?: undefined;
             loader?: undefined;
-        } | {
-            test: RegExp;
-            exclude: RegExp;
-            use: {
-                loader: string;
-                options: {
-                    cacheDirectory: boolean;
-                    plugins: string[];
-                };
-            }[];
-            resolve?: undefined;
-            loader?: undefined;
         } | {
             test: RegExp;
             use: string[];
             resolve?: undefined;
-            exclude?: undefined;
             loader?: undefined;
         } | {
             test: RegExp;
@@ -98,13 +84,11 @@ export declare function getBaseWebpackConfigForManifestMetadata(entry: any, bund
                 };
             }[];
             resolve?: undefined;
-            exclude?: undefined;
             loader?: undefined;
         } | {
             test: RegExp;
             loader: string;
             resolve?: undefined;
-            exclude?: undefined;
             use?: undefined;
         } | {
             test: RegExp;
@@ -117,7 +101,6 @@ export declare function getBaseWebpackConfigForManifestMetadata(entry: any, bund
                 };
             }[];
             resolve?: undefined;
-            exclude?: undefined;
             loader?: undefined;
         })[];
     };

package/internal-do-not-import-from-here/shared.js CHANGED Viewed

@@ -6,7 +6,7 @@ const globby = tslib_1.__importStar(require("globby"));
 const $ = tslib_1.__importStar(require("./variables"));
 const ts_loader_1 = tslib_1.__importDefault(require("./webpack-loaders/ts-loader"));
 const tsx_loader_1 = tslib_1.__importDefault(require("./webpack-loaders/tsx-loader"));
-function getBaseWebpackConfigForManifestMetadata(entry, bundleOutputDir, wcDomProps, enableTreeShaking = false) {
+function getBaseWebpackConfigForManifestMetadata(entry, bundleOutputDir) {
     return {
         devtool: false,
         mode: 'development',
@@ -92,45 +92,8 @@ function getBaseWebpackConfigForManifestMetadata(entry, bundleOutputDir, wcDomPr
                         fullySpecified: false, // disable the behaviour
                     },
                 },
-                ...(0, ts_loader_1.default)(enableTreeShaking),
-                ...(0, tsx_loader_1.default)(enableTreeShaking, wcDomProps),
-                {
-                    test: /\.jsx$/,
-                    exclude: /(node_modules|bower_components)/,
-                    use: [
-                        //{
-                        //    loader: 'cache-loader'
-                        //},
-                        {
-                            loader: 'babel-loader',
-                            options: {
-                                cacheDirectory: true,
-                                //presets: ["@babel/preset-env"],
-                                //presets: [["@babel/preset-env", {
-                                //    "targets": {
-                                //        "chrome": "59"
-                                //    }
-                                //}]],
-                                plugins: ["syntax-jsx", "jsx-v-model", "transform-vue-jsx"]
-                            }
-                        }
-                    ]
-                },
-                //{
-                //    test: /\.vue$/,
-                //    use: [
-                //        {
-                //            loader: 'vue-loader',
-                //            options: {
-                //                hotReload: false,
-                //                loaders: {
-                //                    ts: 'ts-loader',
-                //                    sass: 'vue-style-loader!css-loader!sass-loader!less-loader', // <style lang="scss">
-                //                }
-                //            }
-                //        }
-                //    ]
-                //},
+                ...(0, ts_loader_1.default)(),
+                ...(0, tsx_loader_1.default)(),
                 {
                     test: /\.styl$/,
                     use: [

package/internal-do-not-import-from-here/swc/extract-doc-plugin/package.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+    "name": "extract-doc-plugin",
+    "version": "0.1.0",
+    "description": "",
+    "author": "",
+    "license": "ISC",
+    "keywords": ["swc-plugin"],
+    "main": "target/wasm32-wasi/release/extract_doc_plugin.wasm",
+    "scripts": {
+        "prepublishOnly": "cargo build-wasi --release"
+    },
+    "files": [],
+    "preferUnplugged": true
+}

package/internal-do-not-import-from-here/tasks/ComponentDocRegistrations.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/internal-do-not-import-from-here/tasks/ComponentDocRegistrations.js ADDED Viewed

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fx_1 = require("@omnia/fx");
+(0, fx_1.extendApi)(api => api.fx.docs.registrations, api => {
+    const registrations = { "o-btn": { "emits": {}, "models": {}, "props": { "icon": { "type": "ButtonIconOptions", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button" }, "text": { "type": "string", "description": "Specifies the text to display on the button" }, "variant": { "type": "ButtonVariant", "description": "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars." }, "overrides": { "type": "object", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button" }, "preset": { "type": "ButtonPreset", "description": "Sets the default values of the button to the specified preset. Preffered way of using the o-btn" }, "tooltip": { "type": "ButtonTooltipOptions", "description": "Sets tooltip to display when hovering the button" }, "size": { "type": "SizeType", "description": "Sets the size of the button" }, "grouped": { "type": "boolean", "description": "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed." }, "toned": { "type": "boolean", "description": "Applies a toned background to the button. Should be used when the button is displayed on a colored background." }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." } }, "slots": {} }, "o-menu": { "emits": {}, "models": {}, "props": {}, "slots": { "activator": { "type": "() => VNodeChild", "description": "activator" } } }, "o-select": { "emits": { "click:button": { "type": "(value:any) => true", "description": "Emit a click event." } }, "models": {}, "props": {}, "slots": { "item": { "type": "(item:RenderingItem, index:Number) => VNodeChild", "description": "Define a custom item appearance" }, "selection": { "type": "(item:RenderingItem, index:Number) => VNodeChild", "description": "Define a custom selection appearance" } } }, "o-treeview": { "emits": {}, "models": {}, "props": { "items": { "type": "Array", "description": "An array of items to display in the treeview. Is hierarchical and can contain children. Can also control expanded or not." }, "expandOnSelection": { "type": "boolean", "description": "Defines if the treeview should expand when the title row is selected. Default is false and the arrow has to be clicked to expand the children." }, "multiple": { "type": "boolean", "description": "Changes select to multiple. Default is false." } }, "slots": { "itemAction": { "type": "(item:TreeViewItem, index:Number) => VNodeChild", "description": "Define a custom item action appearance" } } } };
+    Object.keys(registrations).forEach(elementName => {
+        api.register(elementName, registrations[elementName]);
+    });
+});

package/internal-do-not-import-from-here/tasks/bundle.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Configuration } from 'webpack';
-import { BuildOptions } from '../../composers/models/index';
+import { BuildOptions } from '@omnia/tooling-composers';
 import { GuidValue } from "@omnia/fx-models";
 declare function bundleManifest(entries: any): Promise<void>;
 declare function createVueWebpackConfig(currentEntry: any, entries: any, bundleOutputDir: any, hotModuleReload?: any, viteHmrOption?: 'prebundle' | 'dynamic'): Configuration;

package/internal-do-not-import-from-here/tasks/bundle.js CHANGED Viewed

@@ -9,16 +9,18 @@ const globby = tslib_1.__importStar(require("globby"));
 const terser_1 = require("terser");
 const ts_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/ts-loader"));
 const tsx_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/tsx-loader"));
+const tooling_composers_1 = require("@omnia/tooling-composers");
 const fx_models_1 = require("@omnia/fx-models");
 const $ = tslib_1.__importStar(require("../variables"));
 const shared_1 = require("../shared");
 const tooling_1 = require("@omnia/tooling");
+const core_1 = require("@swc/core");
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ConcatSource = require('webpack-core/lib/ConcatSource');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const isEqual = require('lodash/isEqual');
 const vendorProdId = "aaf89b2d-5ea8-4b79-946a-8c1e89f713a3";
-let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [], wcDomProps, _wcDefinitions = {};
+let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [], _wcDefinitions = {};
 if ($.isExtensionEnv) {
     outDirManifestMetadata = "node_modules/@omnia/tooling-vue/internal-do-not-import-from-here/output_manifests";
 }
@@ -36,7 +38,7 @@ $.tooling.core.registerBuildTask({
     order: 2,
     task: function () {
         return new Promise(function (resolve, reject) {
-            buildWebpackEntries()
+            buildEntries()
                 .then((result) => {
                 let startTime = new Date().getTime();
                 tooling_1.utils.log("Typescript checking...");
@@ -65,7 +67,7 @@ $.tooling.core.registerServeTask({
                 fsExtra.removeSync("node_modules/tiptap-commands/node_modules");
                 fsExtra.removeSync("node_modules/tiptap-utils/node_modules");
             }
-            buildWebpackEntries(true)
+            buildEntries(true)
                 .then(resolve, reject);
         });
     }
@@ -193,18 +195,21 @@ function clean() {
         resolve();
     });
 }
-function buildWebpackEntries(serve = false) {
-    return new Promise(function (resolve, reject) {
+function buildEntries(serve = false) {
+    return new Promise(async function (resolve, reject) {
         try {
             var startTime = new Date().getTime();
             var componentRegistry = $.composers.ComponentRegistry;
             let componentRegistrations = componentRegistry.getRegistrations();
+            const serviceInfo = $.composers.ServiceManifestRegistry.getServiceInfo();
+            if (serviceInfo.serviceType === tooling_composers_1.ServiceTypes.WebApp) {
+                await generateComponentTypingsAndDoc(componentRegistrations);
+            }
             $.tooling.logTime("Found [" + componentRegistrations.length + "] component registrations", startTime);
             var resourceRegistry = $.composers.ResourceRegistry;
             let resourceBundlesWithBuildOptions = resourceRegistry.getRegisteredResourceBundles(shared_1.convertManifestPathToEntryPath);
             $.tooling.logTime("Found [" + (resourceBundlesWithBuildOptions ? Object.keys(resourceBundlesWithBuildOptions).length : 0) + "] resource bundles", startTime);
             let resourceEntries = {};
-            let wcDefinitionsPath, wcTypingsPath;
             for (let key in resourceBundlesWithBuildOptions) {
                 let resource = resourceBundlesWithBuildOptions[key];
                 let manifest = $.composers.LoadableManifestRegistry.getRegisteredManifest(key);
@@ -216,47 +221,6 @@ function buildWebpackEntries(serve = false) {
                     console.log("debug " + key + " has build options for paths " + resource.paths + " buildoptions: " + JSON.stringify(resource.buildOptions));
                 }
             }
-            //We only support typings for registered web components
-            wcDomProps = extractTypingsForComponents(componentRegistrations);
-            if (Object.keys(wcDomProps).length > 0) {
-                let wcDomPropsDesc = `Extracted web component typings for ${Object.keys(wcDomProps).length} component(s)`;
-                $.tooling.logTime(wcDomPropsDesc, startTime);
-            }
-            if ($.isExtensionEnv) {
-                wcDefinitionsPath = $.path.resolve(__dirname, "../wcdefinitions.json");
-                wcTypingsPath = $.path.resolve(__dirname, "../wctypings.ts");
-            }
-            else {
-                wcDefinitionsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wcdefinitions.json`);
-                wcTypingsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wctypings.ts`);
-            }
-            fsExtra.writeJsonSync(wcDefinitionsPath, wcDomProps);
-            let wcTypings = `
-//{{importWC}}
-declare global {
-    namespace JSX {
-        interface Element { }
-        interface ElementClass { }
-        interface IntrinsicElements {
-            //{{elementName}}
-        }
-    }
-}
-`;
-            if ($.isExtensionEnv) {
-                wcTypings = `import { VueComponentBaseProps } from "@omnia/fx/ux";
-                ${wcTypings}`;
-            }
-            else {
-                wcTypings = `import { VueComponentBaseProps } from "../../../client/fx/ux/index";
-                ${wcTypings}`;
-            }
-            componentRegistrations.forEach(wc => {
-                wcTypings = generateWebComponentTypings(wc, wcTypings);
-            });
-            fsExtra.outputFileSync(wcTypingsPath, wcTypings);
-            wcDomProps = $.merge(wcDomProps, getRegisteredWebComponentDefinitions());
             let componentEntries = createVueEntryFormRegistrations(componentRegistrations);
             var entries = $.merge(componentEntries, resourceEntries);
             if (checkDuplicateWebpackEntryPoints(entries)) {
@@ -292,6 +256,231 @@ declare global {
         }
     });
 }
+async function generateComponentTypingsAndDoc(componentRegistrations) {
+    tooling_1.utils.log("Generate components typings and documentation running...");
+    var startTime = new Date().getTime();
+    let DefineVueType;
+    (function (DefineVueType) {
+        DefineVueType[DefineVueType["Prop"] = 0] = "Prop";
+        DefineVueType[DefineVueType["Model"] = 1] = "Model";
+        DefineVueType[DefineVueType["Slot"] = 2] = "Slot";
+        DefineVueType[DefineVueType["Emit"] = 4] = "Emit";
+    })(DefineVueType || (DefineVueType = {}));
+    const docResult = {};
+    function getPropertyFunctionTypeAsString(type) {
+        let params = "";
+        if (type.params?.length > 0) {
+            type.params.forEach(p => {
+                params += `${p.value}:${getPropertyType(p.typeAnnotation)}, `;
+            });
+            params = params.replace(/,\s*$/, "");
+        }
+        return `(${params}) => ${getPropertyType(type.typeAnnotation)}`;
+    }
+    function getPropertyType(tsType) {
+        let result = "";
+        if (tsType.type === "TsTypeAnnotation") {
+            return getPropertyType(tsType.typeAnnotation);
+        }
+        switch (tsType.type) {
+            case "TsLiteralType":
+                result = tsType.literal.value;
+                break;
+            case "TsKeywordType":
+                result = tsType.kind;
+                break;
+            case "TsTypeReference":
+                result = tsType.typeName.value;
+                break;
+            case "TsFunctionType":
+                result = getPropertyFunctionTypeAsString(tsType);
+                break;
+            default:
+                break;
+        }
+        return result;
+    }
+    function getNameProperty(ce, result) {
+        const identifier = ce.callee?.property?.value;
+        if (identifier) {
+            switch (identifier) {
+                case "name":
+                    result.name = ce.arguments[0].expression.value;
+                    getNameProperty(ce.callee.object, result);
+                    break;
+                case "vModel":
+                    result.type = DefineVueType.Model;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    result.name = result.name ? `v-model:${result.name}` : result.name;
+                    break;
+                case "slots":
+                    result.type = DefineVueType.Slot;
+                    result.propertyTypeAsObject = {};
+                    ce.typeArguments.params[0].members
+                        .forEach(m => {
+                        result.propertyTypeAsObject[m.key.value] = getPropertyType(m.typeAnnotation);
+                    });
+                    break;
+                case "prop":
+                    // console.log(
+                    //     ce.typeArguments.params[0],
+                    //     ce.typeArguments.params[0].typeAnnotation?.typeAnnotation,
+                    // )
+                    result.type = DefineVueType.Prop;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    break;
+                case "emit":
+                    result.type = DefineVueType.Emit;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    break;
+                default:
+                    getNameProperty(ce.callee.object, result);
+            }
+        }
+    }
+    async function buildDoc(wc) {
+        try {
+            const wcPath = (0, shared_1.convertManifestPathToEntryPath)(wc.manifestPath, [wc.componentOptions.entryPoint])[0];
+            const wcParseResult = await (0, core_1.parseFile)(wcPath, {
+                syntax: 'typescript',
+                target: 'es2020',
+                tsx: true,
+                decorators: true,
+                dynamicImport: true
+            });
+            wcParseResult.body.forEach(b => {
+                if (b.type === 'ExportDefaultExpression'
+                    && b.expression.callee?.value === "defineVueWebComponent") {
+                    b.expression.arguments[0].expression
+                        .properties?.filter(p => p.key.value === "props"
+                        || p.key.value === "emits")
+                        ?.forEach(propsIdentifier => {
+                        if (propsIdentifier) {
+                            propsIdentifier.value
+                                .properties?.forEach(p => {
+                                const em = p.arguments;
+                                if (em?.callee?.property?.value === "doc$") {
+                                    const PropertyResult = {
+                                        type: null,
+                                        propertyTypeAsString: "",
+                                        name: ""
+                                    };
+                                    getNameProperty(em, PropertyResult);
+                                    if (!docResult[wc.componentOptions.elementName]) {
+                                        docResult[wc.componentOptions.elementName] = {
+                                            emits: {},
+                                            models: {},
+                                            props: {},
+                                            slots: {}
+                                        };
+                                    }
+                                    switch (PropertyResult.type) {
+                                        case DefineVueType.Prop:
+                                            docResult[wc.componentOptions.elementName].props[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Model:
+                                            docResult[wc.componentOptions.elementName].models[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Emit:
+                                            docResult[wc.componentOptions.elementName].emits[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Slot:
+                                            em.arguments[0].expression
+                                                .properties
+                                                .forEach(p => {
+                                                const slotName = p.key.value;
+                                                docResult[wc.componentOptions.elementName].slots[slotName] = {
+                                                    type: PropertyResult.propertyTypeAsObject[slotName],
+                                                    description: p.value.value
+                                                };
+                                            });
+                                            break;
+                                        default:
+                                            break;
+                                    }
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+        catch (ex) {
+            tooling_1.utils.log(`Have a exception when extract doc$ for web component manifest -> ${wc.manifestPath}`, tooling_1.utils.LogTypes.Error);
+            console.error(ex);
+            throw new Error("Exit, have an exception.");
+        }
+    }
+    let wcTypingsPath = "", docPath = $.path.resolve(__dirname, "ComponentDocRegistrations.ts");
+    ;
+    if ($.isExtensionEnv) {
+        wcTypingsPath = $.path.resolve(__dirname, "../wctypings.ts");
+    }
+    else {
+        wcTypingsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wctypings.ts`);
+    }
+    let wcTypings = `
+//{{importWC}}
+declare global {
+namespace JSX {
+interface Element { }
+interface ElementClass { }
+interface IntrinsicElements {
+    //{{elementName}}
+}
+}
+}
+`;
+    if ($.isExtensionEnv) {
+        wcTypings = `import { VueComponentBaseProps } from "@omnia/fx/ux";
+        ${wcTypings}`;
+    }
+    else {
+        wcTypings = `import { VueComponentBaseProps } from "../../../client/fx/ux/index";
+        ${wcTypings}`;
+    }
+    await tooling_1.utils.asyncForEach(componentRegistrations, async (wc) => {
+        wcTypings = generateWebComponentTypings(wc, wcTypings);
+        await buildDoc(wc);
+    });
+    if (Object.keys(docResult).length > 0) {
+        fsExtra.outputFileSync(docPath, `
+import { extendApi } from "@omnia/fx";
+import { ComponentDoc } from "@omnia/fx-models";
+extendApi(api => api.fx.docs.registrations, api => {
+    const registrations: { [elementName: string]: ComponentDoc } = ${JSON.stringify(docResult)}
+    Object.keys(registrations).forEach(elementName => {
+        api.register(elementName, registrations[elementName]);
+    });
+});
+    `);
+        // create dynamic doc manifest
+        $.composers.ManifestRegistry.setCurrentManifestPath(`${path_1.default.relative(tooling_1.utils.root(""), path_1.default.resolve(__dirname))}/`);
+        $.composers
+            .Composer
+            .registerManifest(getBuildOption().dynamicDocManifestId || new fx_models_1.Guid(`${tooling_1.utils.generateGuid()}`), "omnia.fx.docs.components.registraions")
+            .registerResources({
+            resourcePaths: ["./ComponentDocRegistrations.ts"]
+        })
+            .extendApi(api => api.fx.docs.registrations);
+        $.composers.ManifestRegistry.setCurrentManifestPath();
+    }
+    fsExtra.outputFileSync(wcTypingsPath, wcTypings);
+    tooling_1.utils.logTime('Done - Generate components typings and documentation', startTime);
+}
 function buildManifestMetadatas(entries) {
     return new Promise(function (resolve, reject) {
         try {
@@ -559,23 +748,31 @@ function minifyBundles() {
             let promises = [];
             jsPaths.forEach(filePath => {
                 promises.push(new Promise(async (resolve, reject) => {
-                    $.tooling.log(`Minify Js -> ${filePath}`);
-                    // only minify for omnia.vendor.prod
-                    if (filePath.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
-                        let content = await fsExtra.readFile(filePath, 'utf8');
-                        let outFileName = `${filePath.substring(0, filePath.length - 3)}.min.js`;
-                        if (filePath.indexOf(vendorProdId) > -1) {
-                            content = content.replace(new RegExp(vendorProdId, "g"), fx_models_1.OmniaResourceManifests.Vendor.toString());
-                            outFileName = `${$.tooling.utils.root($.tooling.composer.OmniaOutput.OutputBundlePath)}/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.min.js`;
+                    try {
+                        $.tooling.log(`Minify Js -> ${filePath}`);
+                        // only minify for omnia.vendor.prod
+                        if (filePath.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
+                            let content = await fsExtra.readFile(filePath, 'utf8');
+                            let outFileName = `${filePath.substring(0, filePath.length - 3)}.min.js`;
+                            if (filePath.indexOf(vendorProdId) > -1) {
+                                content = content.replace(new RegExp(vendorProdId, "g"), fx_models_1.OmniaResourceManifests.Vendor.toString());
+                                outFileName = `${$.tooling.utils.root($.tooling.composer.OmniaOutput.OutputBundlePath)}/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.min.js`;
+                            }
+                            let minified = await (0, terser_1.minify)(content, {
+                                sourceMap: false,
+                                ecma: 2020 // will remove es5 when not support IE 11
+                            });
+                            await fsExtra.writeFile(outFileName, minified.code, 'utf8');
+                            $.tooling.log(`Minify Js Done -> ${filePath}`);
                         }
-                        let minified = await (0, terser_1.minify)(content, {
-                            sourceMap: false,
-                            ecma: 5 // will remove es5 when not support IE 11
-                        });
-                        await fsExtra.writeFile(outFileName, minified.code, 'utf8');
-                        $.tooling.log(`Minify Js Done -> ${filePath}`);
+                        resolve();
+                    }
+                    catch (ex) {
+                        tooling_1.utils.log(`Have a exception when minify the file  -> ${filePath}`, tooling_1.utils.LogTypes.Error);
+                        console.error(ex);
+                        resolve();
+                        throw new Error("Exit, have an exception.");
                     }
-                    resolve();
                 }));
             });
             Promise.all(promises).then(() => {
@@ -629,7 +826,12 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
             }
         }));
     }
-    let modifyContent = [];
+    let modifyContent = [
+        {
+            pattern: /\.doc\$(.*\))/g,
+            replacement: ''
+        }
+    ];
     if (buildOption.bundleOptions && buildOption.bundleOptions.removeSourceMap) {
         modifyContent.push({
             pattern: /# sourceMappingURL=(.*\.map)/g,
@@ -722,9 +924,8 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
                         fullySpecified: false, // disable the behaviour
                     },
                 },
-                ...(0, ts_loader_1.default)(getBuildOption().enableTreeShaking),
-                ...(0, tsx_loader_1.default)(getBuildOption().enableTreeShaking, wcDomProps, hotModuleReload),
-                // ...jsxLoader(getBuildOption().enableTreeShaking, wcDomProps, hotModuleReload),
+                ...(0, ts_loader_1.default)(),
+                ...(0, tsx_loader_1.default)(),
                 {
                     // remove vuetify locale
                     test: (path) => {
@@ -851,7 +1052,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
 exports.createVueWebpackConfig = createVueWebpackConfig;
 function createWebpackConfigForManifestMetadata(entry, metadataOutputDir) {
     var entensionId = getServiceId();
-    return Object.assign({}, (0, shared_1.getBaseWebpackConfigForManifestMetadata)(entry, metadataOutputDir, wcDomProps, getBuildOption().enableTreeShaking), {
+    return Object.assign({}, (0, shared_1.getBaseWebpackConfigForManifestMetadata)(entry, metadataOutputDir), {
         plugins: [
             ...buildReferenceManifestFromConfig(),
             new $.omniaWebpackPlugins.NamedModulesPlugin(buildModuleName()),
@@ -1169,7 +1370,8 @@ function buildModuleName() {
                 replace: function (modulePath) {
                     var buildOptions = getBuildOption();
                     if (buildOptions && buildOptions.moduleOptions && buildOptions.moduleOptions.enableTransformResourcePath) {
-                        if (modulePath.indexOf('./node_modules/') === -1 // ignore from npm package
+                        if (modulePath.indexOf('./node_modules/') === -1 // ignore from npm package and in wwwwroot .js file
+                            && (modulePath.indexOf('./wwwroot/') === -1 || path_1.default.extname(modulePath) === ".js")
                             && modulePath.indexOf('./omnia/fx/models/ConfigurationComposers') === -1 // ignore comment interface for special case here
                             && $.fs.existsSync(modulePath)) {
                             let stream = $.fs.readFileSync(modulePath, 'utf8');
@@ -1576,13 +1778,6 @@ function checkDuplicateWebpackEntryPoints(entries) {
     });
     return foundDuplicated;
 }
-function isEnableMeasureBuild() {
-    let enableMeasure = $.composers.DevelopmentBuildConfiguration.isEnableMeasureBuild;
-    if (enableMeasure !== true && process.argv.length > 0) {
-        enableMeasure = process.argv.find(argv => argv === "--measure") !== undefined;
-    }
-    return enableMeasure;
-}
 function prefixCssSelector() {
     //var applyToSelectors = ['input', '::before', '::after'];
     //var applyToSelectors = ['select', 'textarea', 'button', 'input', '.btn', '.content', '.input-group', '.title', '.icon', '*'];
@@ -1645,9 +1840,6 @@ function registerWebComponentDefinitions(definitions) {
     }
 }
 exports.registerWebComponentDefinitions = registerWebComponentDefinitions;
-function getRegisteredWebComponentDefinitions() {
-    return _wcDefinitions;
-}
 function sortString(a, b) {
     if (a >= b) {
         return 1;

package/internal-do-not-import-from-here/tasks/vendor.js CHANGED Viewed

@@ -146,7 +146,7 @@ $.webpack({
     },
     module: {
         rules: [
-            ...(0, ts_loader_1.default)(false),
+            ...(0, ts_loader_1.default)(),
             {
                 test: /\.css(\?|$)/,
                 use: [
@@ -296,7 +296,7 @@ $.webpack({
     },
     module: {
         rules: [
-            ...(0, ts_loader_1.default)(false),
+            ...(0, ts_loader_1.default)(),
             {
                 test: /\.css(\?|$)/,
                 use: [

package/internal-do-not-import-from-here/vite/index.js CHANGED Viewed

@@ -10,6 +10,7 @@ const del_1 = tslib_1.__importDefault(require("del"));
 const tooling_composers_1 = require("@omnia/tooling-composers");
 const tooling_1 = require("@omnia/tooling");
 const plugins_1 = require("./plugins");
+const vite_plugin_inspect_1 = tslib_1.__importDefault(require("vite-plugin-inspect"));
 async function createViteServer() {
     const hosting = (0, tooling_composers_1.getHosting)();
     let plugins = [
@@ -17,6 +18,9 @@ async function createViteServer() {
             hosting: hosting
         })
     ];
+    if (hosting.enableProfiling) {
+        plugins.push((0, vite_plugin_inspect_1.default)());
+    }
     let https = hosting.https || await getCert();
     let serverConfig = {
         configFile: false,

package/internal-do-not-import-from-here/vite/middlewares/HmrMiddleware.js CHANGED Viewed

@@ -119,7 +119,9 @@ function registerHmrMiddleware(server) {
             //res.end(content);
         }
         else if (ext === "css") {
-            content = `import { updateStyle as __vite__updateStyle} from "/@vite/client"; __vite__updateStyle("${bundleFileName}", \`${content}\`)`;
+            content = `import { updateStyle as __vite__updateStyle} from "/@vite/client";
+            const __vite__css = ${JSON.stringify(content)}
+            __vite__updateStyle("${bundleFileName}", __vite__css)`;
             // req.url = `/omnia/dist/hmr/bundles/${bundleFileName}`;
             // console.log("Hmr middleware", req.url)
             // next();

package/internal-do-not-import-from-here/vite/middlewares/StaticFileMiddleware.js CHANGED Viewed

@@ -6,9 +6,29 @@ const tooling_1 = require("@omnia/tooling");
 const $ = tslib_1.__importStar(require("../../variables"));
 const fx_models_1 = require("@omnia/fx-models");
 const shared_1 = require("./shared");
+const fs_1 = tslib_1.__importDefault(require("fs"));
 function registerStaticFileMiddleware(server) {
-    server.middlewares.use(function (req, res, next) {
-        if (req.url.indexOf('/omnia/fonts/') === 0 || req.url.indexOf('/omnia/images/') === 0) {
+    server.middlewares.use(async function (req, res, next) {
+        if (req.url.indexOf('/api/uxdocs') === 0) {
+            if (req.method === "OPTIONS") {
+                res.end("OK");
+                return;
+            }
+            const rawReqToString = async (req) => {
+                const buffers = [];
+                for await (const chunk of req) {
+                    buffers.push(chunk);
+                }
+                return Buffer.concat(buffers).toString();
+            };
+            const jsonString = await rawReqToString(req);
+            const jsonObject = JSON.parse(jsonString);
+            const fileUrl = `wwwroot/docs/${jsonObject.relativePath}`;
+            console.log(fileUrl);
+            const content = fs_1.default.readFileSync(fileUrl, 'utf8');
+            res.end(content);
+        }
+        else if (req.url.indexOf('/omnia/fonts/') === 0 || req.url.indexOf('/omnia/images/') === 0) {
             res.setHeader('Cache-Control', 'public, max-age=31536000');
             req.url = req.url.replace("/omnia/", "/omnia/dist/");
             next();

package/internal-do-not-import-from-here/webpack-loaders/ts-loader.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export default function (treeshaking: any): {
+export default function (): {
     test: RegExp;
     use: ({
         loader: any;

package/internal-do-not-import-from-here/webpack-loaders/ts-loader.js CHANGED Viewed

@@ -3,14 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const $ = tslib_1.__importStar(require("../variables"));
 var path = require('path');
-function default_1(treeshaking) {
-    var tsLoaderOptions = {
-        happyPackMode: true,
-        transpileOnly: true
-    };
-    if (treeshaking) {
-        tsLoaderOptions.configFile = path.resolve(__dirname, "../config/tsconfig.es2015.json");
-    }
+function default_1() {
     return [{
             test: /\.ts$/,
             use: [

package/internal-do-not-import-from-here/webpack-loaders/tsx-loader.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export default function (treeshaking: any, wcDomProps: any, hotModuleReload?: any): {
+export default function (): {
     test: RegExp;
     exclude: RegExp;
     use: ({

package/internal-do-not-import-from-here/webpack-loaders/tsx-loader.js CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 var path = require('path');
 const $ = tslib_1.__importStar(require("../variables"));
-function default_1(treeshaking, wcDomProps, hotModuleReload) {
+function default_1() {
     const babelLoaderOptions = {
         cacheDirectory: true,
         plugins: [
@@ -21,28 +21,32 @@ function default_1(treeshaking, wcDomProps, hotModuleReload) {
             ],
         ]
     };
-    var tsLoaderOptions = {
-        happyPackMode: true,
-        transpileOnly: true
-    };
-    if (treeshaking) {
-        tsLoaderOptions.configFile = path.resolve(__dirname, "../config/tsconfig.es2015.json");
-    }
     let loaders = [
-        //{
-        //    loader: 'thread-loader',
-        //    options: {
-        //        workers: require('os').cpus().length,
-        //    },
-        //},
         {
             loader: 'babel-loader',
             options: babelLoaderOptions
         },
-        //{
-        //    loader: 'ts-loader',
-        //    options: tsLoaderOptions
-        //},
+        // {
+        //     loader: "swc-loader",
+        //     options: {
+        //         jsc: {
+        //             // parser: {
+        //             //     syntax: "typescript"
+        //             // }
+        //             // This makes swc-loader invoke swc synchronously.
+        //             //sync: true,
+        //             parser: {
+        //                 // "syntax": "ecmascript",
+        //                 // "jsx": true
+        //                 "syntax": "typescript",
+        //                 "tsx": true,
+        //             },
+        //             experimental: {
+        //                 plugins: [["swc-plugin-vue-jsx", {}]]
+        //             }
+        //         }
+        //     }
+        // },
         {
             loader: 'esbuild-loader',
             options: {
@@ -50,17 +54,8 @@ function default_1(treeshaking, wcDomProps, hotModuleReload) {
                 target: 'es2022',
                 jsx: 'preserve'
             },
-        },
-        // {
-        //     loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-domprops-loader.js' : './vue-domprops-loader.ts'),
-        //     options: wcDomProps
-        // }
+        }
     ];
-    if (hotModuleReload) {
-        loaders.push({
-            loader: path.resolve(__dirname, __dirname, $.isExtensionEnv ? './vue-tsx-hot-loader.js' : './vue-tsx-hot-loader.ts'),
-        });
-    }
     return [
         {
             test: /\.tsx$/,

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/tooling-vue",
   "license": "MIT",
-  "version": "8.0.21-vnext",
+  "version": "8.0.23-vnext",
   "description": "Used to bundle and serve manifests web component that build on Vue framework.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,8 +19,8 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.21-vnext",
-    "@omnia/tooling-composers": "8.0.21-vnext",
+    "@omnia/fx-models": "8.0.23-vnext",
+    "@omnia/tooling-composers": "8.0.23-vnext",
     "@types/mousetrap": "1.5.34",
     "@types/quill": "1.3.6",
     "@types/zepto": "1.0.29",
@@ -33,10 +33,10 @@
     "css-loader": "5.0.1",
     "file-loader": "6.2.0",
     "null-loader": "4.0.1",
-    "terser": "5.14.2",
+    "terser": "5.17.1",
     "less-loader": "10.2.0",
     "mini-css-extract-plugin": "1.3.3",
-    "postcss-loader": "4.1.0",
+    "postcss-loader": "7.2.4",
     "postcss-prefix-selector": "1.14.0",
     "sass": "1.43.4",
     "sass-loader": "12.3.0",
@@ -55,7 +55,8 @@
     "es6-promise": "4.2.4",
     "hash-sum": "1.0.2",
     "lodash": "4.17.21",
-    "vite": "4.2.1",
+    "vite": "4.3.1",
+    "vite-plugin-inspect": "0.7.23",
     "appdata-path": "1.0.0",
     "json-parse-better-errors": "1.0.2"
   },

package/internal-do-not-import-from-here/1cacb55c-202b-4cd7-819d-11bad92fa9cb.wcdefinitions.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {}

package/internal-do-not-import-from-here/1cacb55c-202b-4cd7-819d-11bad92fa9cb.wctypings.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-        }
-    }
-}
-export {};

package/internal-do-not-import-from-here/1cacb55c-202b-4cd7-819d-11bad92fa9cb.wctypings.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";
2	- Object.defineProperty(exports, "__esModule", { value: true });

package/internal-do-not-import-from-here/bb000000-0000-bbbb-0000-0000000000bb.wcdefinitions.json DELETED Viewed

@@ -1 +0,0 @@

- {"omfx-enterpriseproperties-taxonomyfield-value-definition":["availableParents"],"omfx-sp-language-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-targeting-filter":["filter","onFilterChanged","fullWidth"],"omfx-term-picker":["startWithIds","termSetId","preSelectedTermIds","lcid","onTermsSelected","filterOptions","validator","description"],"omfx-termset-picker":["termSetId","onChanged"],"omnia-fx-spfx-wp-settings":["onClosed","onChange"],"omfx-queryable-enterpriseproperties":["serviceId","additionalBuiltInProperties"],"omfx-app-instance-delete-blade":["appInstance","handleClose","handleDeleteCompleted"],"omfx-appinstance-editing-journey":["appInstance","content","onCanceled","onSave","onCompleted"],"omfx-app-instance-permission-blade":["appInstance","handleClose","onAppPermissionsUpdated"],"omfx-app-instance-information-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-users-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-instance-enterprise-step":["context","registerOnGoToNext","registerOnGoToPrev"],"omfx-app-provisioning-wizard":["initialAppTemplate","initialAppDefinition","initialAppInstance","onInstancePropertiesChanged","onProvisioningStarted","onProvisioningCompleted","styles","templatesToShow"],"omfx-button":["preset","icon","tooltip","size","mode","styles","onClick"],"omfx-color-picker":["display","valueBind","onValueChanged","errorMessages","validator","attachedToParent"],"omfx-confirm-dialog":["dialogOptions","onClose","styles","icon"],"omfx-connected-tenant":["onValueChanged","scopedSlots"],"omfx-context-language-picker":["onValueChanged","scopedSlots"],"omfx-datatable":["items","header","onSort","renderItem","onPaging","scrollElementSelector"],"omfx-date-time-picker":["valueBind","onValueChanged","formatter","description"],"omfx-enterpriseproperties-datetimefield-display":["settings"],"omfx-enterpriseproperty-picker":["preSelectedPropertyInternalName","propertyItems","externalPropertyItems","onChange","requiredWithValidator"],"omfx-enterprisepropertyset-picker":["preSelectedPropertySetId","propertySetItems","onChange","requiredWithValidator"],"omfx-features-journey":["onInstanceClosed"],"omfx-file-uploader":["onFileChanged","limitedFileTypes"],"omfx-numeric-indicator":["clickCallback","valueBind","label","style"],"omfx-barchart-indicator":["clickCallback","loadData","hasData","chartValues"],"omfx-heading":["styles","onChange"],"omfx-icon":["valueBind","styles","iconAttrs"],"omfx-icon-picker":["valueBind","onValueChanged","errorMessages","validator"],"omfx-iframe":["js","html","css","iframeHeight","iframeCustomStyle"],"omfx-media-imagegrid":["images","onImageSelected"],"omfx-input-language-picker":["multilingualContext"],"omfx-journey":["onInstanceCreated","onInstanceClosed","blades"],"omfx-language-picker":["valueBind","onValueChanged","scopedSlots","styles","loadLanguage"],"omfx-media-picker-image":["image","imageStyle"],"omfx-media-picker-video":["video"],"omfx-multilingual-input":["valueBind","richTextSettings","requiredWithValidator","onValueChanged"],"omfx-organizationtree":["valueBind","onNewUserSelected"],"omfx-reportees":["users","manager","onUserClick"],"omfx-permission-input":["settings","contextParams"],"omfx-persona":["largeImage","linkToProfilecard","highlight","user","onUserClick"],"omfx-post-component":["richTextSettings","cardStyle","showMoreSize","styles","allowLikes","enableMention","customSlots"],"omfx-aboutuser":["user"],"omfx-profilecard":["user","scopedSlots","appendToBody"],"omfx-profilecard-dialog":["user"],"omfx-rich-text-editor":["onContentChange","onContentDataChange","onInstanceCreated"],"omfx-rich-text-editor-renderer":["editorContent"],"omfx-rollup-empty":["text","renderingMode"],"omfx-rollup-filter":["valueBind","onFilterChange","useRollupFilterRouter"],"omfx-security-trimer":["content","alternativeContent","roles"],"omfx-settings-pane":["valueBind","onCancel","onSave"],"omfx-comment-component":["topicId","comments","template","dynamicInput","richTextSettings","enableBestReply","canMarkBestReply","sortOrder","allowLikes","cardStyle","showMoreSize","additionalRoles"],"omfx-people-tagging-component":["content","disabled","richTextSettings","enableMention","contentChanged","mentionChanged","resetContetnRte"],"omfx-like-component":["topicId","commendId","commentLikeService","likes","likeListingTemplate","extendComponents"],"omfx-like-listing-template":["likes","socialReactionStylings","currentSocialReaction","close"],"omfx-template-picker":["valueBind","templates","onValueChanged"],"omfx-text-translator":["onTranslateCompleted"],"omfx-themedefinition-editor":["hideBodySettings","hideChromeSettings","hideBorderSettings","valueBind","onValueChanged","attachedToParent"],"omfx-timezone-picker":["valueBind","onValueChanged","scopedSlots","styles"],"omfx-url-input":["valueBind","requiredWithValidator","onValueChanged","onBlur"],"omfx-field-validation":["useValidator","checkValue","rules","getCheckValue"],"omfx-wizard":["styles","onInstanceCreated","steps"]}

package/internal-do-not-import-from-here/cc000000-0000-cccc-0000-0000000000cc.wcdefinitions.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {}

package/internal-do-not-import-from-here/webpack-loaders/jsx-loader.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-export default function (treeshaking: any, wcDomProps: any, hotModuleReload?: any): {
-    test: RegExp;
-    exclude: RegExp;
-    use: {
-        loader: any;
-        options: any;
-    }[];
-}[];

package/internal-do-not-import-from-here/webpack-loaders/jsx-loader.js DELETED Viewed

@@ -1,61 +0,0 @@
-'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-var path = require('path');
-const $ = tslib_1.__importStar(require("../variables"));
-function default_1(treeshaking, wcDomProps, hotModuleReload) {
-    const babelLoaderOptions = {
-        cacheDirectory: true,
-        plugins: [
-        //    "@babel/plugin-transform-modules-commonjs",
-        //    "syntax-jsx",
-        //    "jsx-v-model",
-        //    "transform-vue-jsx"
-        ],
-        presets: [
-            [
-                '@vue/babel-preset-jsx',
-                {
-                    vModel: true,
-                    compositionAPI: true,
-                },
-            ],
-        ]
-    };
-    var tsLoaderOptions = {
-        happyPackMode: true,
-        transpileOnly: true
-    };
-    if (treeshaking) {
-        tsLoaderOptions.configFile = path.resolve(__dirname, "../config/tsconfig.es2015.json");
-    }
-    let loaders = [
-        //{
-        //    loader: 'cache-loader'
-        //},
-        {
-            loader: 'babel-loader',
-            options: babelLoaderOptions
-        },
-        //{
-        //    loader: path.resolve(__dirname, './wcmanifest-loader.js')
-        //},
-        {
-            loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-domprops-loader.js' : './vue-domprops-loader.ts'),
-            options: wcDomProps
-        }
-    ];
-    if (hotModuleReload) {
-        loaders.push({
-            loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-tsx-hot-loader.js' : './vue-tsx-hot-loader.ts')
-        });
-    }
-    return [
-        {
-            test: /\.jsx$/,
-            exclude: /(node_modules|bower_components)/,
-            use: loaders
-        }
-    ];
-}
-exports.default = default_1;

package/internal-do-not-import-from-here/webpack-loaders/vue-tsx-hot-loader.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export default function (contents: any): string;

package/internal-do-not-import-from-here/webpack-loaders/vue-tsx-hot-loader.js DELETED Viewed

@@ -1,44 +0,0 @@
-'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
-// borrowed from vue-loader
-var path = require('path');
-var hash = require('hash-sum');
-var cache = Object.create(null);
-var sepRE = new RegExp(path.sep.replace('\\', '\\\\'), 'g');
-function genId(file, context) {
-    const contextPath = context.split(path.sep);
-    const rootId = contextPath[contextPath.length - 1];
-    file = rootId + '/' + path.relative(context, file).replace(sepRE, '/');
-    return cache[file] || (cache[file] = hash(file));
-}
-function default_1(contents) {
-    const id = genId(this.resourcePath, process.cwd());
-    return contents + ";\n" +
-        `if (module.hot) {
-      const api = require('vue-hot-reload-api')
-      const Vue = require('vue')
-      api.install(Vue)
-      if (!api.compatible) {
-        throw new Error('vue-hot-reload-api is not compatible with the version of Vue you are using.')
-      }
-      module.hot.accept();
-      let componentOptionsKey = Object.keys(exports).filter(key => exports[key].prototype &&
-                                                                   exports[key].prototype instanceof Vue.default)[0];
-      let componentOptions = exports.default || exports[componentOptionsKey];
-      if (!componentOptions) {
-        throw new Error('Cannot find Vue component')
-      }
-      if (!module.hot.data) {
-        api.createRecord('${id}', componentOptions);
-      } else {
-        api.rerender('${id}', componentOptions);
-      }
-    }`;
-}
-exports.default = default_1;