@lwc/dev-server-plugin-lex 10.0.0 → 10.1.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { transform as default } from './transform';

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var transform_1 = require("./transform");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return transform_1.transform; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yCAAmD;AAA1C,oGAAA,SAAS,OAAW"}

package/dist/main.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
+// This file is the same as index.ts. Provided for backwards compatibility
 var transform_1 = require("./transform");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return transform_1.transform; } });
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":";;;AAAA,yCAAmD;AAA1C,oGAAA,SAAS,OAAW"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":";;;AAAA,0EAA0E;AAC1E,yCAAmD;AAA1C,oGAAA,SAAS,OAAW"}

package/dist/transformers/__tests__/index.spec.d.ts

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

package/dist/transformers/__tests__/index.spec.js

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
+const glob_1 = require("glob");
+const script_1 = require("../script");
+const template_1 = require("../template");
+const style_1 = require("../style");
+const FIXTURES_DIR = node_path_1.default.join(__dirname, 'fixtures');
+const EXPECTED_RESULT_FILE = 'expected.js';
+const EXPECTED_TEST_FILE = 'actual.js';
+const CONFIG_FILE = 'config.json';
+const DEFAULT_TRANSFORM_OPTIONS = {
+    name: 'actual',
+    namespace: 'c',
+};
+describe('fixtures', () => {
+    const fixtures = (0, glob_1.globSync)(node_path_1.default.resolve(FIXTURES_DIR, `**/${EXPECTED_TEST_FILE}`));
+    for (const caseEntry of fixtures) {
+        const caseFolder = node_path_1.default.dirname(caseEntry);
+        const caseType = node_path_1.default.basename(node_path_1.default.dirname(caseFolder));
+        const caseName = node_path_1.default.relative(FIXTURES_DIR, caseFolder);
+        const fixtureFilePath = (fileName) => {
+            return node_path_1.default.join(caseFolder, fileName);
+        };
+        const readFixtureFile = (fileName) => {
+            const filePath = fixtureFilePath(fileName);
+            return node_fs_1.default.existsSync(filePath) ? node_fs_1.default.readFileSync(filePath, 'utf-8') : null;
+        };
+        const writeFixtureFile = (fileName, content) => {
+            const filePath = fixtureFilePath(fileName);
+            node_fs_1.default.writeFileSync(filePath, content, { encoding: 'utf-8' });
+        };
+        it(`${caseName}`, () => {
+            const src = readFixtureFile(EXPECTED_TEST_FILE);
+            if (!src) {
+                throw new Error(`Incorrect test fixture, missing ${EXPECTED_TEST_FILE} file.`);
+            }
+            const customConfig = readFixtureFile(CONFIG_FILE);
+            const transformOptions = customConfig
+                ? { ...DEFAULT_TRANSFORM_OPTIONS, ...JSON.parse(customConfig) }
+                : { ...DEFAULT_TRANSFORM_OPTIONS };
+            let hmrContextModulePath = `${transformOptions.namespace}/${transformOptions.name}/${node_path_1.default.parse(EXPECTED_TEST_FILE).name}`;
+            let transformer;
+            switch (caseType) {
+                case 'script':
+                    transformer = script_1.scriptTransformer;
+                    hmrContextModulePath += '.js';
+                    break;
+                case 'template':
+                    transformer = template_1.templateTransformer;
+                    hmrContextModulePath += '.html';
+                    break;
+                case 'style':
+                    transformer = style_1.styleTransformer;
+                    hmrContextModulePath += '.css';
+                    break;
+                default:
+                    throw new Error('Invalid caseType');
+            }
+            // A mocked HMR Context. The values are synthetic. The modulePath is made to
+            // appear(the extension) like a real file for readability of test snapshot
+            const hmrModuleContext = {
+                moduleHash: 'qwerty',
+                modulePath: hmrContextModulePath,
+                ownerPath: `${transformOptions.namespace}/${transformOptions.name}`,
+            };
+            const { code } = transformer(src, EXPECTED_TEST_FILE, transformOptions, hmrModuleContext);
+            const expected = readFixtureFile(EXPECTED_RESULT_FILE);
+            if (expected === null) {
+                writeFixtureFile(EXPECTED_RESULT_FILE, code);
+            }
+            else {
+                expect(code).toEqual(expected);
+            }
+        });
+    }
+});
+describe('non component cases will have no accept callbacks', () => {
+    it.each([
+        // Transforming util.js file of c/actual component
+        [
+            'if file is not an entry file',
+            `${DEFAULT_TRANSFORM_OPTIONS.namespace}/${DEFAULT_TRANSFORM_OPTIONS.name}/util.js`,
+        ],
+        [
+            'non-component entry file',
+            `${DEFAULT_TRANSFORM_OPTIONS.namespace}/${DEFAULT_TRANSFORM_OPTIONS.name}/actual.js`,
+        ],
+    ])("should not transform '%s'", (testCase, hmrContextModulePath) => {
+        const hmrModuleContext = {
+            moduleHash: 'qwerty',
+            modulePath: hmrContextModulePath,
+            ownerPath: `${DEFAULT_TRANSFORM_OPTIONS.namespace}/${DEFAULT_TRANSFORM_OPTIONS.name}`,
+        };
+        const result = (0, script_1.scriptTransformer)(`
+            export function add(a, b) {
+                return a + b;
+            }
+            `, EXPECTED_TEST_FILE, DEFAULT_TRANSFORM_OPTIONS, hmrModuleContext);
+        expect(result.code).not.toContain('__lwc_hmr_hot.accept');
+    });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/transformers/__tests__/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../src/transformers/__tests__/index.spec.ts"],"names":[],"mappings":"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"}

package/dist/transformers/style.js

@@ -42,7 +42,8 @@ function styleTransformer(src, id, options, hmrModuleContext) {
         // Transform only the main css file belonging to the component
         // If the file only contains imports, ignore as well
         if (src.trim() === '' ||
-            path.parse(id).name !== options.name ||
+            (path.parse(id).name !== options.name &&
+                path.parse(id).name !== `${options.name}.scoped`) ||
             !src.includes(`function ${STYLESHEET_IDENTIFIER}(`)) {
             return;
         }

package/dist/transformers/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/transformers/style.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,4CAyCC;AA3DD,gDAAkC;AAClC,wCAA0E;AAK1E,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAE3C;;;;;;;;;GASG;AACH,SAAgB,gBAAgB,CAC5B,GAAW,EACX,EAAU,EACV,OAAyB,EACzB,gBAAkC;IAElC,IAAI,CAAC;QACD,8DAA8D;QAC9D,oDAAoD;QACpD,IACI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;YACpC,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,qBAAqB,GAAG,CAAC,EACrD,CAAC;YACC,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG;;EAEnB,GAAG;;mDAE8C,gBAAgB,CAAC,UAAU;;8BAEhD,gBAAgB,CAAC,UAAU,OAAO,gBAAgB,CAAC,UAAU,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;4BAC5F,gBAAgB,CAAC,UAAU;;;kCAGrB,qBAAqB;;;;CAItD,CAAC;QACM,OAAO;YACH,IAAI;YACJ,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;SACxB,CAAC;IACN,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,MAAM,IAAA,iCAAwB,EAAC,0BAAiB,CAAC,sBAAsB,EAAE,CAAC,EAAE;YACxE,QAAQ,EAAE,EAAE;SACf,CAAC,CAAC;IACP,CAAC;AACL,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/transformers/style.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,4CA0CC;AA5DD,gDAAkC;AAClC,wCAA0E;AAK1E,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAE3C;;;;;;;;;GASG;AACH,SAAgB,gBAAgB,CAC5B,GAAW,EACX,EAAU,EACV,OAAyB,EACzB,gBAAkC;IAElC,IAAI,CAAC;QACD,8DAA8D;QAC9D,oDAAoD;QACpD,IACI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE;YACjB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;gBACjC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,IAAI,SAAS,CAAC;YACrD,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,qBAAqB,GAAG,CAAC,EACrD,CAAC;YACC,OAAO;QACX,CAAC;QAED,MAAM,IAAI,GAAG;;EAEnB,GAAG;;mDAE8C,gBAAgB,CAAC,UAAU;;8BAEhD,gBAAgB,CAAC,UAAU,OAAO,gBAAgB,CAAC,UAAU,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;4BAC5F,gBAAgB,CAAC,UAAU;;;kCAGrB,qBAAqB;;;;CAItD,CAAC;QACM,OAAO;YACH,IAAI;YACJ,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;SACxB,CAAC;IACN,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,MAAM,IAAA,iCAAwB,EAAC,0BAAiB,CAAC,sBAAsB,EAAE,CAAC,EAAE;YACxE,QAAQ,EAAE,EAAE;SACf,CAAC,CAAC;IACP,CAAC;AACL,CAAC"}

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@lwc/dev-server-plugin-lex",
     "description": "A rollup plugin to add Hot Module Replacement transformation to LWC components used in LEX.",
-    "version": "10.0.0",
+    "version": "10.1.0",
     "keywords": [
         "lwc dev server",
         "lwc hmr plugin"
     ],
-    "main": "dist/main.js",
-    "typings": "dist/main.d.ts",
+    "main": "dist/index.js",
+    "typings": "dist/index.d.ts",
     "files": [
         "dist",
         "LICENSE.txt"