@omnia/tooling-vue 8.0.0-vnext → 8.0.1-dev

package/internal-do-not-import-from-here/vite/hmr/vueJsx.js

@@ -76,7 +76,7 @@ function transformVueJsx(code, id) {
                     });
                 }
             }
-            else if (isDefineComponentCall(node.declaration) || isClassComponentCall(node.declaration)) {
+            else if (isDefineComponentCall(node.declaration)) {
                 hasDefault = true;
                 hotComponents.push({
                     local: '__default__',

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

@@ -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

@@ -65,7 +65,6 @@ function registerHmrMiddleware(server) {
             console.error(message);
         }
         else if (resourceId == fx_models_1.OmniaResourceManifests.Vendor.toString() ||
-            resourceId == fx_models_1.OmniaResourceManifests.HMR.toString() ||
             resourceId == fx_models_1.OmniaResourceManifests.FxWorkers.toString()) {
             const serviceId = $.tooling.composer.getServiceId();
             const bundleDirPath = utils_1.envUtils.getBundleOutputDirPath();
@@ -120,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();
@@ -291,12 +292,7 @@ const manifestResolvePromise = new Promise(function (resolve) {
     resolveManifest = resolve;
 });
 
-omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
-    if (preBundle && !preBundleLoader) {
-        preBundleLoader = preBundle;
-        return;
-    }
-
+omniaLoader['${serviceId}']['${resourceId}'] = function () {
     if (triggered) {
         return manifestResolvePromise;
     }
@@ -324,8 +320,8 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
 
     // pre-bundle exports
     let preBundleWebpackRequire;
-    if (preBundleLoader) {
-        preBundleLoader();
+    if (typeof hmrPreBundle === "function") {
+        hmrPreBundle();
     }
 
     function require(moduleId) {
@@ -343,7 +339,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
     }
 
     ${fromWorker ?
-        `const { href } = new URL('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}${fromWorker ? `?${utils_1.pathUtils.WORKER_IDENTIFIER}` : ''}', location.href);
+        `const { href } = new URL('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}?${utils_1.pathUtils.WORKER_IDENTIFIER}', location.href);
     __shimport__.load(href).then(function () {
         if (omniaWebpackJsonp['${serviceId}']['${resourceId}']) {
             preBundleWebpackRequire = omniaWebpackJsonp['${serviceId}']['${resourceId}'];
@@ -352,7 +348,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
         omniaWebpackJsonp['${serviceId}']['${resourceId}'] = require;
         resolveManifest();
     });` :
-        `import('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}${fromWorker ? `?${utils_1.pathUtils.WORKER_IDENTIFIER}` : ''}').then(function () {
+        `import('${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}').then(function () {
         if (omniaWebpackJsonp['${serviceId}']['${resourceId}']) {
             preBundleWebpackRequire = omniaWebpackJsonp['${serviceId}']['${resourceId}'];
         }
@@ -363,9 +359,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
 
     return manifestResolvePromise;
 }
-
 ${preBundleContent}
-
 ${forGroupManifest ? 'return manifestResolvePromise;' : `${$.composers.LoadableManifestRegistry.isDefineWithNoDependency(resourceId) ? `omniaLoader['${serviceId}']['${resourceId}']();` : ''}`}
 `;
     return template.trim();

package/internal-do-not-import-from-here/vite/middlewares/OmniaMiddleware.js

@@ -3,11 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerOmniaMiddleware = exports.ManifestChangedMessage = exports.resolvableManifest = void 0;
 const tslib_1 = require("tslib");
 const chokidar_1 = tslib_1.__importDefault(require("chokidar"));
+const url_1 = tslib_1.__importDefault(require("url"));
 const tooling_1 = require("@omnia/tooling");
 const tooling_2 = require("@omnia/tooling");
 const $ = tslib_1.__importStar(require("../../variables"));
-let _manifestJsonObject = null;
-let _app = null;
+const fx_models_1 = require("@omnia/fx-models");
+const fsExtra = tslib_1.__importStar(require("fs-extra"));
+let _middlewares = null;
+let _server = null;
 class ImplementManifestChangedMessage {
     constructor() {
         this._subcribers = [];
@@ -22,7 +25,8 @@ class ImplementManifestChangedMessage {
 exports.resolvableManifest = null;
 exports.ManifestChangedMessage = new ImplementManifestChangedMessage();
 function registerOmniaMiddleware(server, hmr) {
-    _app = server.middlewares;
+    _server = server;
+    _middlewares = server.middlewares;
     server.middlewares.use('/omnia', function (req, res, next) {
         ensureLoadManifest();
         exports.resolvableManifest.promise.then(() => {
@@ -33,12 +37,9 @@ function registerOmniaMiddleware(server, hmr) {
         res.setHeader('Content-Type', 'application/json');
         res.end(JSON.stringify({ id: $.composers.ServiceManifestRegistry.getServiceInfo().id, hmr: hmr }));
     });
-    server.middlewares.use('/omnia/localhost/service/manifests.json', function (req, res, next) {
-        let manifestJson = JSON.parse(JSON.stringify($.tooling.composer.getManifestData()));
-        // remove group manifest in hmr mode
-        //if (server.config.server.hmr) {
-        //    manifestJson.groupedResouresAndComponents = [];
-        //}
+    server.middlewares.use('/omnia/manifest.json', function (req, res, next) {
+        const target = url_1.default.parse(req.url, true).query.target;
+        let manifestJson = JSON.parse(JSON.stringify($.tooling.composer.getManifestJsonByTarget(target)));
         res.setHeader('Cache-Control', 'no-cache');
         res.setHeader('Content-Type', 'application/json');
         res.end(JSON.stringify({
@@ -46,6 +47,13 @@ function registerOmniaMiddleware(server, hmr) {
             manifest: manifestJson
         }));
     });
+    server.middlewares.use('/omnia/localization', function (req, res, next) {
+        const target = url_1.default.parse(req.url, true).query.target;
+        let localizeObject = $.composers.getLocalizations();
+        res.setHeader('Cache-Control', 'no-cache');
+        res.setHeader('Content-Type', 'application/json');
+        res.end(JSON.stringify(localizeObject[target] || ""));
+    });
     let watchManifests = chokidar_1.default.watch(["**/*.manifest.ts", "omnia.service.ts"], {
         ignored: [/[\/\\]\./, '**/node_modules/**'],
         persistent: true
@@ -53,12 +61,24 @@ function registerOmniaMiddleware(server, hmr) {
     watchManifests.on('ready', function () {
         watchManifests
             .on('add', path => {
-            $.tooling.utils.log(`Found manifest added -> ${path}`);
-            rebuildManifests();
+            if (isLocalizeManifestFile(path)) {
+                $.tooling.utils.log(`Found localize manifest file added -> ${path}`);
+                rebuildLocalization(path);
+            }
+            else {
+                $.tooling.utils.log(`Found manifest added -> ${path}`);
+                rebuildManifests();
+            }
         })
             .on('change', path => {
-            $.tooling.utils.log(`Found manifest changed -> ${path}`);
-            rebuildManifests();
+            if (isLocalizeManifestFile(path)) {
+                $.tooling.utils.log(`Found localize manifest file changed -> ${path}`);
+                rebuildLocalization(path);
+            }
+            else {
+                $.tooling.utils.log(`Found manifest changed -> ${path}`);
+                rebuildManifests();
+            }
         })
             .on('unlink', path => {
             $.tooling.utils.log(`Found manifest removed -> ${path}`);
@@ -70,6 +90,24 @@ function registerOmniaMiddleware(server, hmr) {
     // setTimeout(ensureLoadManifest, 100);
 }
 exports.registerOmniaMiddleware = registerOmniaMiddleware;
+function isLocalizeManifestFile(filePath) {
+    const content = fsExtra.readFileSync(filePath, 'utf8');
+    return content.indexOf(".registerLocalization") > -1;
+}
+function rebuildLocalization(filePath) {
+    try {
+        $.tooling.composer.processManifests([filePath]);
+        let localizeObject = $.composers.getLocalizations();
+        const payLoad = {
+            type: fx_models_1.LocalServingMessageType.LocalizeChanged,
+            data: localizeObject
+        };
+        _server.ws.send(payLoad);
+    }
+    catch (ex) {
+        // ignore ex because that already log error inside $.tooling.composer.processManifests
+    }
+}
 function rebuildManifests() {
     tooling_1.utils.timeWatch("omniamiddleware_watchmanifest", () => {
         if (exports.resolvableManifest) {
@@ -91,14 +129,14 @@ function rebuildManifests() {
                 tooling_1.utils.log(e, tooling_2.LogTypes.Error);
             }
         }
-    }, 1000);
+    }, 100);
 }
 function ensureLoadManifest() {
-    if (_app && !exports.resolvableManifest) {
+    if (_middlewares && !exports.resolvableManifest) {
         exports.resolvableManifest = new tooling_2.ResolvablePromise();
-        exports.ManifestChangedMessage.publish();
+        // ManifestChangedMessage.publish();
         var tasks = tooling_1.core.getRegisteredServeTasks().filter(function (task) { return task.stage === tooling_1.core.TaskStage.AfterCreateServer; }).sort(sortTask) || [];
-        executeTasks(tasks, _app, () => {
+        executeTasks(tasks, _middlewares, () => {
             exports.resolvableManifest.resolve();
         }, err => {
             exports.resolvableManifest.resolve();

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

@@ -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();
@@ -28,15 +48,16 @@ function registerStaticFileMiddleware(server) {
                     res.setHeader('content-type', 'application/x-javascript');
                     let localizeObject = $.composers.getLocalizations();
                     res.end(`                       
-                        var OmniaContext = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["a1602121-3070-4304-b4d8-0859e50c482b"]("5326a8ef-4e3c-49d6-b415-1ddf7fdcc830").OmniaContext;
-                        var container = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.FxCore.toString() + `"]("97786ea9-4861-48bd-8a57-eae9bbdb4892").ServiceContainer;
-                        var omniaCtx = container.createInstance(OmniaContext);
-                        var localizationStore = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.Fx.toString() + `"]("5e618f4d-d014-414e-a681-89e34cbeda0f").LocalizationStore;
-                        var currentCulture = omniaCtx.language.toLowerCase();
-                        var loc = JSON.parse('${JSON.stringify(localizeObject).replace(/'/g, "\\'").replace(/\\"/g, "\\\\\"")}');            
+                        const OmniaContext = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["a1602121-3070-4304-b4d8-0859e50c482b"]("5326a8ef-4e3c-49d6-b415-1ddf7fdcc830").OmniaContext;
+                        const container = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.FxCore.toString() + `"]("97786ea9-4861-48bd-8a57-eae9bbdb4892").ServiceContainer;
+                        const omniaCtx = container.createInstance(OmniaContext);
+                        const useLocalizationStore = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.Fx.toString() + `"]("5e618f4d-d014-414e-a681-89e34cbeda0f").useLocalizationStore;
+                        const localizeStore = container.createInstance(useLocalizationStore);
+                        const currentCulture = omniaCtx.language.toLowerCase();
+                        const loc = JSON.parse('${JSON.stringify(localizeObject).replace(/'/g, "\\'").replace(/\\"/g, "\\\\\"")}');            
             
-                        localizationStore.instance.mutations.merge.commit(loc['en-us'] || {}); // add default english
-                        localizationStore.instance.mutations.merge.commit(loc[currentCulture] || {});        
+                        localizeStore.actions.merge(loc['en-us'] || {}); // add default english
+                        localizeStore.actions.merge(loc[currentCulture] || {});        
                     `);
                 }
                 else {

package/internal-do-not-import-from-here/vite/middlewares/WebpackMiddleware.js

@@ -94,7 +94,7 @@ function registerWebpackMiddleWareBundle(entries) {
                         if (manifestId) {
                             let manifest = $.tooling.composer.getManifestById(manifestId);
                             if (manifest) {
-                                let manifestsData = $.tooling.composer.getManifestData();
+                                let manifestsData = $.tooling.composer.getManifestsJson();
                                 let bundleType = path_1.default.extname(filePath).replace('.', '');
                                 manifest.version = manifest.version || {};
                                 manifest.version[bundleType] = $.tooling.utils.generateGuid().replace(/-/g, '');

package/internal-do-not-import-from-here/vite/plugins/OmniaPlugin.js

@@ -17,30 +17,26 @@ function omniaPlugin(options) {
             // 'vue-tsx-support/lib/vca': 'vue-tsx-support/dist/esm/vca.js',
             // 'vue-tsx-support/lib/api': 'vue-tsx-support/dist/esm/api.js',
             'csx': 'csx/lib.es2015/index.js',
-            'vue': 'vue/dist/vue.esm-bundler.js',
+            'vue': 'vue/dist/vue.runtime.esm-bundler.js',
             // 'vue-class-component': 'vue-class-component/dist/vue-class-component.esm.js',
             // 'vue-property-decorator': 'vue-property-decorator/lib/vue-property-decorator.js',
             'vue-virtual-scroller': 'vue-virtual-scroller/dist/vue-virtual-scroller.esm.js',
             'typestyle': 'typestyle/lib.es2015/index.js',
             'dayjs': 'dayjs/dayjs.min.js',
-            'tiptap': 'tiptap/dist/tiptap.esm.js',
-            'tiptap-utils': 'tiptap-utils/dist/utils.esm.js',
-            'tiptap-extensions': 'tiptap-extensions/dist/extensions.esm.js',
-            'tiptap-commands': 'tiptap-commands/dist/commands.esm.js',
-            'prosemirror-state': 'prosemirror-state/dist/index.js',
-            'prosemirror-collab': 'prosemirror-collab/dist/collab.js',
-            'prosemirror-model': 'prosemirror-model/dist/index.js',
-            'prosemirror-tables': 'prosemirror-tables/dist/index.js',
-            'prosemirror-utils': 'prosemirror-utils/dist/index.js',
-            'prosemirror-view': 'prosemirror-view/dist/index.js',
-            'prosemirror-history': 'prosemirror-history/dist/history.js',
-            'prosemirror-commands': 'prosemirror-commands/dist/commands.js',
-            'prosemirror-transform': 'prosemirror-transform/dist/index.js',
-            'prosemirror-dropcursor': 'prosemirror-dropcursor/dist/dropcursor.js',
-            'prosemirror-gapcursor': 'prosemirror-gapcursor/dist/index.js',
-            'prosemirror-keymap': 'prosemirror-keymap/dist/keymap.js',
-            'prosemirror-inputrules': 'prosemirror-inputrules/dist/index.js',
-            'prosemirror-schema-list': 'prosemirror-schema-list/dist/schema-list.js'
+            // '@tiptap/core': '@tiptap/core/dist/index.js',
+            // '@tiptap/pm/state': '@tiptap/pm/state/dist/index.js',
+            // '@tiptap/pm/tables': '@tiptap/pm/tabels/dist/index.js',
+            // '@tiptap/pm/view': '@tiptap/pm/view/dist/index.js',
+            // '@tiptap/pm/commands': '@tiptap/pm/commands/dist/index.js',
+            // "@tiptap/pm/model": '@tiptap/pm/model/dist/index.js',
+            // '@tiptap/suggestion': '@tiptap/suggestion/dist/index.js',
+            // '@tiptap/extension-history': '@tiptap/extension-history/dist/index.js',
+            // 'prosemirror-model': 'prosemirror-model/dist/index.js',
+            // 'prosemirror-state': 'prosemirror-state/dist/index.js',
+            // 'prosemirror-transform': 'prosemirror-transform/dist/index.js',
+            // 'prosemirror-history': 'prosemirror-history/dist/index.js',
+            // 'prosemirror-view': 'prosemirror-view/dist/index.js',
+            // 'prosemirror-tables': 'prosemirror-tables/dist/index.js',
         },
         resolvers: [
             (0, hmr_1.tsPathResolver)()
@@ -48,7 +44,21 @@ function omniaPlugin(options) {
         transformers: [
             (0, hmr_1.vendorImportPath)([
                 { from: 'vue-tsx-support/enable-check', ignore: true },
-            ])
+            ]),
+            (0, hmr_1.defineTransformer)("omnia-rtf", (replacers) => {
+                return (0, hmr_1.createTransformer)(replacers, "omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['e32e367c-d09c-4088-90a8-fd6a1e0352c7']");
+            })([
+                { from: '@tiptap/core', to: "@tiptap/core/dist/index.js" },
+                { from: '@tiptap/pm/state', to: "@tiptap/pm/state/dist/index.js" },
+                { from: '@tiptap/pm/view', to: "@tiptap/pm/view/dist/index.js" },
+                { from: '@tiptap/pm/commands', to: "@tiptap/pm/commands/dist/index.js" },
+                { from: 'prosemirror-model', to: "prosemirror-model/dist/index.js" },
+                { from: 'prosemirror-state', to: "prosemirror-state/dist/index.js" },
+                { from: 'prosemirror-transform', to: "prosemirror-transform/dist/index.js" },
+                { from: 'prosemirror-keymap', to: "prosemirror-keymap/dist/index.js" },
+                { from: 'prosemirror-view', to: "prosemirror-view/dist/index.js" },
+                { from: 'orderedmap', to: "orderedmap/dist/index.js" },
+            ]),
         ]
     });
     const omniaPlugin = {
@@ -57,7 +67,15 @@ function omniaPlugin(options) {
             server.middlewares.use(async (req, res, next) => {
                 res.setHeader('Access-Control-Allow-Origin', req.headers['origin'] || '*');
                 res.setHeader('Access-Control-Allow-Credentials', 'true');
+                res.setHeader('Access-Control-Request-Private-Network', 'true');
+                res.setHeader('Access-Control-Request-Method', '*');
                 res.setHeader('Access-Control-Allow-Headers', '*');
+                if (req.method === "OPTIONS") {
+                    res.setHeader('Access-Control-Max-Age', 31536000);
+                    // res.setHeader('Cache-Control', 'public, max-age=31536000');
+                    res.end("OK");
+                    return;
+                }
                 next();
             });
             (0, middlewares_1.registerOmniaMiddleware)(server, hosting.hmr);

package/internal-do-not-import-from-here/webpack-loaders/doc-loader.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
+const doc_1 = require("../tasks/doc");
+function default_1(content, context) {
+    const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
+    content = (0, doc_1.importSnippetCode)(content, filePath);
+    return content;
+}
+exports.default = default_1;

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

@@ -1,13 +1,20 @@
-export default function (treeshaking: any): {
+export default function (): {
     test: RegExp;
     use: ({
-        loader: any;
-        options?: undefined;
-    } | {
         loader: string;
         options: {
             loader: string;
             target: string;
+            tsconfigRaw: {
+                compilerOptions: {
+                    jsx: string;
+                    target: string;
+                    useDefineForClassFields: boolean;
+                };
+            };
         };
+    } | {
+        loader: any;
+        options?: undefined;
     })[];
 }[];

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

@@ -3,26 +3,26 @@ 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: [
-                {
-                    loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
-                },
                 {
                     loader: 'esbuild-loader',
                     options: {
                         loader: 'ts',
-                        target: 'es2022'
+                        target: 'es2020',
+                        tsconfigRaw: {
+                            compilerOptions: {
+                                jsx: "preserve",
+                                target: "es2020",
+                                useDefineForClassFields: false
+                            }
+                        }
                     },
+                },
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './doc-loader.js' : './doc-loader.ts'),
                 }
             ]
         }];

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

@@ -1,4 +1,4 @@
-export default function (treeshaking: any, wcDomProps: any, hotModuleReload?: any): {
+export default function (): {
     test: RegExp;
     exclude: RegExp;
     use: ({
@@ -14,6 +14,16 @@ export default function (treeshaking: any, wcDomProps: any, hotModuleReload?: an
             loader: string;
             target: string;
             jsx: string;
+            tsconfigRaw: {
+                compilerOptions: {
+                    jsx: string;
+                    target: string;
+                    useDefineForClassFields: boolean;
+                };
+            };
         };
+    } | {
+        loader: any;
+        options?: undefined;
     })[];
 }[];

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

@@ -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,46 +21,51 @@ 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: {
                 loader: 'tsx',
-                target: 'es2022',
-                jsx: 'preserve'
+                target: 'es2020',
+                jsx: 'preserve',
+                tsconfigRaw: {
+                    compilerOptions: {
+                        jsx: "preserve",
+                        target: "es2020",
+                        useDefineForClassFields: false
+                    }
+                }
             },
         },
-        // {
-        //     loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-domprops-loader.js' : './vue-domprops-loader.ts'),
-        //     options: wcDomProps
-        // }
+        {
+            loader: path.resolve(__dirname, $.isExtensionEnv ? './wc-loader.js' : './wc-loader.ts'),
+        }
     ];
-    if (hotModuleReload) {
-        loaders.push({
-            loader: path.resolve(__dirname, __dirname, $.isExtensionEnv ? './vue-tsx-hot-loader.js' : './vue-tsx-hot-loader.ts'),
-        });
-    }
     return [
         {
             test: /\.tsx$/,

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

@@ -0,0 +1 @@
+export default function (content: any, context: any): any;

package/internal-do-not-import-from-here/webpack-loaders/wc-loader.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
+const shared_1 = require("../shared");
+function default_1(content, context) {
+    const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
+    content = (0, shared_1.modifyComponent)(content, filePath);
+    return content;
+}
+exports.default = default_1;