@omnia/tooling-vue 8.0.106-vnext → 8.0.107-dev

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const $ = tslib_1.__importStar(require("../variables"));
 const ts_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/ts-loader"));
+const fsExtra = tslib_1.__importStar(require("fs-extra"));
 const ExtractTextPlugin = require('mini-css-extract-plugin');
-const fsExtra = require('fs-extra');
 const extractCSS = new ExtractTextPlugin({
     filename: "omnia.vendor.css",
 });
@@ -70,7 +70,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -118,7 +118,7 @@ $.webpack({
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.shared.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia shared vendor generated');
     }
 });
@@ -173,8 +173,10 @@ $.webpack({
     },
     entry: {
         vendor: [
-            "tslib",
-            "./client/fx/vue/VueBundler",
+            "@stylexjs/stylex",
+            // "tslib",
+            "./client/fx/vue/VueBundler.ts",
+            "lodash.isequal",
             "typestyle",
             "csx",
             "zepto-webpack",
@@ -186,15 +188,17 @@ $.webpack({
             'dayjs/plugin/duration',
             'dayjs/plugin/relativeTime',
             "dayjs/locale/da.js",
-            "dayjs/locale/pl.js",
-            "dayjs/locale/fr.js",
             "dayjs/locale/de.js",
             "dayjs/locale/et.js",
-            "dayjs/locale/lv.js",
+            "dayjs/locale/fr.js",
             "dayjs/locale/lt.js",
+            "dayjs/locale/lv.js",
+            "dayjs/locale/pl.js",
             "dayjs/locale/sv.js",
             "dayjs/locale/nb.js",
             "dayjs/locale/fi.js",
+            "dayjs/locale/es.js",
+            "dayjs/locale/nl.js",
             "./wwwroot/scripts/zepto.extras.js",
             // "@material/material-color-utilities"
         ]
@@ -208,7 +212,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -270,7 +274,7 @@ return key;
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia vendor devlopment generated');
     }
 });
@@ -325,8 +329,10 @@ $.webpack({
     },
     entry: {
         vendor: [
-            "tslib",
-            "./client/fx/vue/VueBundler",
+            "@stylexjs/stylex",
+            // "tslib",
+            "./client/fx/vue/VueBundler.ts",
+            "lodash.isequal",
             "typestyle",
             "csx",
             "zepto-webpack",
@@ -358,7 +364,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -420,7 +426,7 @@ return key;
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia vendor prod generated');
     }
 });
@@ -492,7 +498,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -540,7 +546,7 @@ $.webpack({
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.worker.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia worker vendor generated');
     }
 });

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

@@ -11,6 +11,7 @@ const manifest_1 = require("./manifest");
 const vueJsx_1 = require("./vueJsx");
 const $ = tslib_1.__importStar(require("../../variables"));
 const shared_1 = require("../../shared");
+const doc_1 = require("../../tasks/doc");
 let fileGraphs = {};
 let manifests = {};
 const initialManifests = [
@@ -152,7 +153,7 @@ async function buildFileGraph(unknownId, code) {
         return { fileGraph, code };
     }
     fileGraph.js.scanned = true;
-    code = (0, shared_1.modifyComponent)(code, fileGraph.id);
+    code = (0, shared_1.transformDefineVueComponent)(code, fileGraph.id);
     const esbuildTransformResult = await (0, vite_1.transformWithEsbuild)(code, id, esbuildTransformOptions);
     code = esbuildTransformResult.code;
     // d.ts or interface only
@@ -165,6 +166,7 @@ async function buildFileGraph(unknownId, code) {
     }
     fileGraph.js.metadata = utils_1.moduleAnalysis.analyze(code, id);
     ensureDependencies(id, fileGraph.js.metadata);
+    code = (0, doc_1.importSnippetCode)(code, fileGraph.id);
     return { fileGraph, code, esbuildTransformResult };
 }
 exports.buildFileGraph = buildFileGraph;

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

@@ -14,8 +14,9 @@ function transformVueJsx(code, id) {
                 $.isExtensionEnv ?
                     './node_modules/@omnia/tooling-vue/internal-do-not-import-from-here/babel/preset-jsx.js'
                     : './client/tooling/vue/babel/preset-jsx.ts'
-            ]
-        ]
+            ],
+        ],
+        plugins: []
     });
     // check for hmr injection
     const declaredComponents = [];

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

@@ -16,7 +16,7 @@ async function createViteServer() {
     let plugins = [
         (0, plugins_1.omniaPlugin)({
             hosting: hosting
-        })
+        }),
     ];
     if (hosting.enableProfiling) {
         plugins.push((0, vite_plugin_inspect_1.default)());

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

@@ -20,7 +20,7 @@ function omniaPlugin(options) {
             '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',
+            // 'vue-virtual-scroller': 'vue-virtual-scroller/dist/vue-virtual-scroller.esm.js',
             'typestyle': 'typestyle/lib.es2015/index.js',
             'dayjs': 'dayjs/dayjs.min.js',
             // '@tiptap/core': '@tiptap/core/dist/index.js',

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

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

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/esbuild-custom-loader.d.ts

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function default_1(content, context) {
+    if (!content) {
+        // console.log(this.resourcePath)
+        return "export {}";
+    }
+    return content;
+}
+exports.default = default_1;

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

@@ -1,6 +1,9 @@
 export default function (): {
     test: RegExp;
-    use: {
+    use: ({
+        loader: any;
+        options?: undefined;
+    } | {
         loader: string;
         options: {
             loader: string;
@@ -13,5 +16,5 @@ export default function (): {
                 };
             };
         };
-    }[];
+    })[];
 }[];

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

@@ -1,10 +1,15 @@
 'use strict';
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const $ = tslib_1.__importStar(require("../variables"));
 var path = require('path');
 function default_1() {
     return [{
             test: /\.ts$/,
             use: [
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
+                },
                 {
                     loader: 'esbuild-loader',
                     options: {
@@ -18,6 +23,9 @@ function default_1() {
                             }
                         }
                     },
+                },
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './doc-loader.js' : './doc-loader.ts'),
                 }
             ]
         }];

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

@@ -8,6 +8,9 @@ export default function (): {
             plugins: any[];
             presets: string[][];
         };
+    } | {
+        loader: any;
+        options?: undefined;
     } | {
         loader: string;
         options: {
@@ -22,8 +25,5 @@ export default function (): {
                 };
             };
         };
-    } | {
-        loader: any;
-        options?: undefined;
     })[];
 }[];

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

@@ -47,6 +47,12 @@ function default_1() {
         //         }
         //     }
         // },
+        {
+            loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
+        },
+        {
+            loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-component-loader.js' : './vue-component-loader.ts'),
+        },
         {
             loader: 'esbuild-loader',
             options: {
@@ -62,9 +68,9 @@ function default_1() {
                 }
             },
         },
-        {
-            loader: path.resolve(__dirname, $.isExtensionEnv ? './wc-loader.js' : './wc-loader.ts'),
-        }
+        // {
+        //     loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-component-loader.js' : './vue-component-loader.ts'),
+        // }
     ];
     return [
         {

package/internal-do-not-import-from-here/webpack-loaders/vue-component-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 → vue-component-loader.js}

@@ -4,6 +4,8 @@ const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
 const shared_1 = require("../shared");
 function default_1(content, context) {
-    return (0, shared_1.modifyComponent)(content, "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/"));
+    const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
+    content = (0, shared_1.transformDefineVueComponent)(content, filePath);
+    return content;
 }
 exports.default = default_1;

package/internal-do-not-import-from-here/webpack-plugins/stylexjs/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+type PluginOptions = {
+    dev?: boolean;
+    stylexImports?: string[];
+    babelConfig?: {
+        plugins?: any;
+        presets?: any;
+        babelrc?: boolean;
+    };
+    filename?: string;
+    appendTo?: string;
+    useCSSLayers?: boolean;
+    runtimeInjection?: boolean;
+    classNamePrefix?: string;
+    unstable_moduleResolution?: any;
+};
+export declare class StylexPlugin {
+    stylexRules: {};
+    filesInLastRun: any;
+    dev: boolean;
+    appendTo: any;
+    filename: string;
+    stylexImports: string[];
+    unstable_moduleResolution: {
+        type: string;
+        rootDir: string;
+    };
+    babelConfig: {
+        plugins: any[];
+        presets: any[];
+        babelrc: boolean;
+    };
+    useCSSLayers: boolean;
+    defaultOptions: PluginOptions;
+    babelPlugin: any;
+    constructor(options?: PluginOptions);
+    apply(compiler: any): void;
+    transformCode(inputCode: string, filename: any, logger: any): Promise<{
+        code: any;
+        map: any;
+    } | {
+        code: string;
+        map?: undefined;
+    }>;
+}
+export {};

package/internal-do-not-import-from-here/webpack-plugins/stylexjs/index.js

@@ -0,0 +1,194 @@
+"use strict";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StylexPlugin = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@babel/core");
+const path_1 = tslib_1.__importDefault(require("path"));
+const babel_plugin_1 = tslib_1.__importDefault(require("@stylexjs/babel-plugin"));
+const webpack_1 = tslib_1.__importDefault(require("webpack"));
+// import * as flowSyntaxPlugin from '@babel/plugin-syntax-flow';
+// import * as jsxSyntaxPlugin from '@babel/plugin-syntax-jsx';
+// import * as typescriptSyntaxPlugin from '@babel/plugin-syntax-typescript';
+const promises_1 = tslib_1.__importDefault(require("fs/promises"));
+const $ = tslib_1.__importStar(require("../../variables"));
+const { NormalModule, Compilation } = webpack_1.default;
+const PLUGIN_NAME = 'stylex';
+const IS_DEV_ENV = process.env.NODE_ENV === 'development' ||
+    process.env.BABEL_ENV === 'development';
+const { RawSource, ConcatSource } = webpack_1.default.sources;
+class StylexPlugin {
+    constructor(options = {}) {
+        this.stylexRules = {};
+        this.filesInLastRun = null;
+        this.dev = IS_DEV_ENV;
+        this.appendTo = null;
+        this.filename = "stylex.css";
+        this.stylexImports = ['stylex', '@stylexjs/stylex'];
+        this.unstable_moduleResolution = { type: 'commonJS', rootDir: process.cwd() };
+        this.babelConfig = { plugins: [], presets: [], babelrc: false };
+        this.useCSSLayers = false;
+        this.defaultOptions = {
+            dev: IS_DEV_ENV,
+            appendTo: null,
+            filename: "stylex.css",
+            stylexImports: ['stylex', '@stylexjs/stylex'],
+            unstable_moduleResolution: { type: 'commonJS', rootDir: process.cwd() },
+            babelConfig: { plugins: [], presets: [], babelrc: false },
+            useCSSLayers: false
+        };
+        Object.assign(this, this.defaultOptions, options);
+        this.babelPlugin = [
+            babel_plugin_1.default,
+            {
+                dev: this.dev,
+                unstable_moduleResolution: this.unstable_moduleResolution,
+                importSources: this.stylexImports,
+                ...options,
+            },
+        ];
+    }
+    apply(compiler) {
+        compiler.hooks.make.tap(PLUGIN_NAME, (compilation) => {
+            // Apply loader to JS modules.
+            NormalModule.getCompilationHooks(compilation).loader.tap(PLUGIN_NAME, (loaderContext, module) => {
+                if (
+                // .js, .jsx, .mjs, .cjs, .ts, .tsx, .mts, .cts
+                /\.ts[x]?$/.test(path_1.default.extname(module.resource))) {
+                    // It might make sense to use .push() here instead of .unshift()
+                    // Webpack usually runs loaders in reverse order and we want to ideally run
+                    // our loader before anything else.
+                    module.loaders.unshift({
+                        loader: path_1.default.resolve(__dirname, $.isExtensionEnv ? 'loader.js' : 'loader.ts'),
+                        options: { stylexPlugin: this },
+                    });
+                }
+            });
+            // Make a list of all modules that were included in the last compilation.
+            // This might need to be tweaked if not all files are included after a change
+            compilation.hooks.finishModules.tap(PLUGIN_NAME, (modules) => {
+                this.filesInLastRun = [...modules.values()].map((m) => m.resource);
+            });
+            const getStyleXRules = () => {
+                const { stylexRules } = this;
+                if (Object.keys(stylexRules).length === 0) {
+                    return null;
+                }
+                // Take styles for the modules that were included in the last compilation.
+                const allRules = Object.keys(stylexRules)
+                    .filter((filename) => this.filesInLastRun == null
+                    ? true
+                    : this.filesInLastRun.includes(filename))
+                    .map((filename) => stylexRules[filename])
+                    .flat();
+                return babel_plugin_1.default.processStylexRules(allRules, this.useCSSLayers);
+            };
+            if (this.appendTo) {
+                compilation.hooks.processAssets.tap({
+                    name: PLUGIN_NAME,
+                    stage: Compilation.PROCESS_ASSETS_STAGE_PRE_PROCESS, // see below for more stages
+                }, (assets) => {
+                    const cssFileName = Object.keys(assets).find(typeof this.appendTo === 'function'
+                        ? this.appendTo
+                        : (filename) => filename.endsWith(this.appendTo));
+                    if (cssFileName) {
+                        const cssAsset = assets[cssFileName];
+                        const stylexCSS = getStyleXRules();
+                        if (stylexCSS != null) {
+                            assets[cssFileName] = new ConcatSource(cssAsset, new RawSource(stylexCSS));
+                        }
+                    }
+                });
+            }
+            else {
+                // We'll emit an asset ourselves. This comes with some complications in from Webpack.
+                // If the filename contains replacement tokens, like [contenthash], we need to
+                // process those tokens ourselves. Webpack does provide a way to reuse the configured
+                // hashing functions. We'll take advantage of that to process tokens.
+                const getContentHash = (source) => {
+                    const { outputOptions } = compilation;
+                    const { hashDigest, hashDigestLength, hashFunction, hashSalt } = outputOptions;
+                    const hash = compiler.webpack.util.createHash(hashFunction);
+                    if (hashSalt) {
+                        hash.update(hashSalt);
+                    }
+                    hash.update(source);
+                    const fullContentHash = hash.digest(hashDigest);
+                    return fullContentHash.toString().slice(0, hashDigestLength);
+                };
+                // Consume collected rules and emit the stylex CSS asset
+                compilation.hooks.processAssets.tap({
+                    name: PLUGIN_NAME,
+                    stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
+                }, () => {
+                    try {
+                        const collectedCSS = getStyleXRules();
+                        if (collectedCSS) {
+                            // build up a content hash for the rules using webpack's configured hashing functions
+                            const contentHash = getContentHash(collectedCSS);
+                            // pretend to be a chunk so we can reuse the webpack routine to process the filename and do token replacement
+                            // see https://github.com/webpack/webpack/blob/main/lib/Compilation.js#L4733
+                            // see https://github.com/webpack/webpack/blob/main/lib/TemplatedPathPlugin.js#L102
+                            const data = {
+                                filename: this.filename,
+                                contentHash: contentHash,
+                                chunk: {
+                                    id: this.filename,
+                                    name: path_1.default.parse(this.filename).name,
+                                    hash: contentHash,
+                                },
+                            };
+                            const { path: hashedPath, info: assetsInfo } = compilation.getPathWithInfo(data.filename, data);
+                            compilation.emitAsset(hashedPath, new RawSource(collectedCSS), assetsInfo);
+                        }
+                    }
+                    catch (e) {
+                        compilation.errors.push(e);
+                    }
+                });
+            }
+        });
+    }
+    // This function is not called by Webpack directly.
+    // Instead, `NormalModule.getCompilationHooks` is used to inject a loader
+    // for JS modules. The loader than calls this function.
+    async transformCode(inputCode, filename, logger) {
+        if (this.stylexImports.some((importName) => inputCode.includes(importName))) {
+            const originalSource = this.babelConfig.babelrc
+                ? await promises_1.default.readFile(filename, 'utf8')
+                : inputCode;
+            const { code, map, metadata } = await (0, core_1.transformAsync)(originalSource, {
+                babelrc: this.babelConfig.babelrc,
+                filename,
+                // Use TypeScript syntax plugin if the filename ends with `.ts` or `.tsx`
+                // and use the Flow syntax plugin otherwise.
+                plugins: [
+                    // ...this.babelConfig.plugins,
+                    // path.extname(filename) === '.ts'
+                    //   ? typescriptSyntaxPlugin
+                    //   : path.extname(filename) === '.tsx'
+                    //     ? [typescriptSyntaxPlugin, { isTSX: true }]
+                    //     : flowSyntaxPlugin,
+                    // jsxSyntaxPlugin,
+                    this.babelPlugin,
+                ],
+                presets: this.babelConfig.presets,
+            });
+            if (metadata.stylex != null && metadata.stylex.length > 0) {
+                this.stylexRules[filename] = metadata.stylex;
+            }
+            if (!this.babelConfig.babelrc) {
+                return { code, map };
+            }
+        }
+        return { code: inputCode };
+    }
+}
+exports.StylexPlugin = StylexPlugin;

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

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+export default function stylexLoader(inputCode: any): void;

package/internal-do-not-import-from-here/webpack-plugins/stylexjs/loader.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
+const PLUGIN_NAME = 'stylex';
+function stylexLoader(inputCode) {
+    const callback = this.async();
+    const { stylexPlugin } = this.getOptions();
+    const logger = this._compiler.getInfrastructureLogger(PLUGIN_NAME);
+    stylexPlugin.transformCode(inputCode, this.resourcePath, logger).then(({ code, map }) => {
+        callback(null, code, map);
+    }, (error) => {
+        callback(error);
+    });
+}
+exports.default = stylexLoader;
+;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/tooling-vue",
   "license": "MIT",
-  "version": "8.0.106-vnext",
+  "version": "8.0.107-dev",
   "description": "Used to bundle and serve manifests web component that build on Vue framework.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,12 +19,12 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.106-vnext",
-    "@omnia/tooling-composers": "8.0.106-vnext",
+    "@omnia/fx-models": "8.0.107-dev",
+    "@omnia/tooling-composers": "8.0.107-dev",
     "@types/mousetrap": "1.5.34",
     "@types/quill": "1.3.6",
     "@types/zepto": "1.0.29",
-    "@babel/core": "7.16.5",
+    "@babel/core": "7.23.7",
     "babel-loader": "8.3.0",
     "@vue/babel-plugin-jsx": "1.1.1",
     "circular-dependency-plugin": "5.2.2",
@@ -32,7 +32,7 @@
     "console-timestamp": "0.3.0",
     "css-loader": "5.0.1",
     "file-loader": "6.2.0",
-    "null-loader": "4.0.1",
+    "json-parse-better-errors": "1.0.2",
     "terser": "5.17.1",
     "less-loader": "10.2.0",
     "mini-css-extract-plugin": "1.3.3",
@@ -45,7 +45,7 @@
     "prettier": "1.17.0",
     "typestyle": "2.4.0",
     "url-loader": "4.1.1",
-    "webpack": "5.82.0",
+    "webpack": "5.89.0",
     "webpack-core": "0.6.9",
     "webpack-dev-middleware": "5.3.1",
     "webpack-merge": "5.8.0",
@@ -56,11 +56,11 @@
     "es6-promise": "4.2.4",
     "hash-sum": "1.0.2",
     "lodash": "4.17.21",
-    "vite": "4.4.1",
-    "vite-plugin-inspect": "0.7.32",
+    "vite": "5.0.10",
+    "vite-plugin-inspect": "0.8.1",
     "appdata-path": "1.0.0",
-    "json-parse-better-errors": "1.0.2",
-    "url": "0.11.0"
+    "url": "0.11.0",
+    "@stylexjs/babel-plugin": "0.4.1"
   },
   "bugs": {
     "url": "https://github.com/preciofishbone/OmniaFx/issues"