@lynx-js/template-webpack-plugin-canary 0.6.7 → 0.6.8-canary-20250401-72432428

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/template-webpack-plugin
 
+## 0.6.8-canary-20250401115155-7243242801e3a8ca0213c0ef642f69a22c39960e
+
+### Patch Changes
+
+- fix: add enableCSSInvalidation for encodeCSS of css HMR, this will fix pseudo-class (such as `:active`) not working in HMR. ([#435](https://github.com/lynx-family/lynx-stack/pull/435))
+
 ## 0.6.7
 
 ### Patch Changes
@@ -29,7 +35,7 @@
 - Add `defaultOverflowVisible` option to `LynxTemplatePlugin`. ([#78](https://github.com/lynx-family/lynx-stack/pull/78))
 
   ```js
-  import { LynxTemplatePlugin } from '@lynx-js/template-webpack-plugin';
+  import { LynxTemplatePlugin } from "@lynx-js/template-webpack-plugin";
 
   new LynxTemplatePlugin({
     defaultOverflowVisible: false,
@@ -48,10 +54,10 @@
 - 1abf8f0: Add `entryNames` parameter to `beforeEncode` hook.
 
   ```js
-  import { LynxTemplatePlugin } from '@lynx-js/template-webpack-plugin';
+  import { LynxTemplatePlugin } from "@lynx-js/template-webpack-plugin";
 
   const hooks = LynxTemplatePlugin.getLynxTemplatePluginHooks(compilation);
-  hooks.beforeEncode.tap('MyPlugin', ({ entryNames }) => {
+  hooks.beforeEncode.tap("MyPlugin", ({ entryNames }) => {
     console.log(entryNames);
   });
   ```

package/lib/LynxEncodePlugin.d.ts

@@ -1,4 +1,5 @@
 import type { Compilation, Compiler } from 'webpack';
+import type { EncodeCSSOptions } from './css/encode.js';
 import type { CSS } from './index.js';
 /**
  * The options for LynxEncodePluginOptions
@@ -45,20 +46,7 @@ export declare class LynxEncodePlugin {
      * )).toString('base64'),
      * ```
      */
-    static encodeCSS(cssChunks: string[], options: {
-        /**
-         * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableCSSSelector}
-         */
-        enableCSSSelector: boolean;
-        /**
-         * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableRemoveCSSScope}
-         */
-        enableRemoveCSSScope: boolean;
-        /**
-         * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableRemoveCSSScope}
-         */
-        targetSdkVersion: string;
-    }, plugins?: CSS.Plugin[], encode?: (options: any) => Promise<{
+    static encodeCSS(cssChunks: string[], options: EncodeCSSOptions, plugins?: CSS.Plugin[], encode?: (options: any) => Promise<{
         buffer: Buffer;
     }>): Promise<Buffer>;
     /**
@@ -103,3 +91,4 @@ export declare class LynxEncodePluginImpl {
 }
 export declare function isDebug(): boolean;
 export declare function isRsdoctor(): boolean;
+export type { EncodeCSSOptions } from './css/encode.js';

package/lib/css/encode.d.ts

@@ -1,5 +1,10 @@
 import type { CSS } from '../index.js';
-export declare function encodeCSS(cssChunks: string[], { enableCSSSelector, enableRemoveCSSScope, targetSdkVersion, }: {
+/**
+ * The options for encoding CSS.
+ *
+ * @public
+ */
+export interface EncodeCSSOptions {
     /**
      * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableCSSSelector}
      */
@@ -8,10 +13,15 @@ export declare function encodeCSS(cssChunks: string[], { enableCSSSelector, enab
      * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableRemoveCSSScope}
      */
     enableRemoveCSSScope: boolean;
+    /**
+     * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableCSSInvalidation}
+     */
+    enableCSSInvalidation: boolean;
     /**
      * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.enableRemoveCSSScope}
      */
     targetSdkVersion: string;
-}, plugins?: CSS.Plugin[], encode?: (options: any) => Promise<{
+}
+export declare function encodeCSS(cssChunks: string[], { enableCSSSelector, enableRemoveCSSScope, enableCSSInvalidation, targetSdkVersion, }: EncodeCSSOptions, plugins?: CSS.Plugin[], encode?: (options: any) => Promise<{
     buffer: Buffer;
 }>): Promise<Buffer>;

package/lib/css/encode.js

@@ -3,7 +3,7 @@
 // LICENSE file in the root directory of this source tree.
 import { removeFunctionWhiteSpace } from '@lynx-js/css-serializer/dist/plugins/removeFunctionWhiteSpace.js';
 import { cssChunksToMap } from './cssChunksToMap.js';
-export async function encodeCSS(cssChunks, { enableCSSSelector, enableRemoveCSSScope, targetSdkVersion, }, plugins = [removeFunctionWhiteSpace()], 
+export async function encodeCSS(cssChunks, { enableCSSSelector, enableRemoveCSSScope, enableCSSInvalidation, targetSdkVersion, }, plugins = [removeFunctionWhiteSpace()], 
 // biome-ignore lint/suspicious/noExplicitAny: <explanation>
 encode = (options) => {
     const buffer = Buffer.from(JSON.stringify(options));
@@ -19,6 +19,7 @@ encode = (options) => {
             useLepusNG: true,
             bundleModuleMode: 'ReturnByFunction',
             enableCSSSelector,
+            enableCSSInvalidation,
             targetSdkVersion,
         },
         sourceContent: {

package/lib/index.d.ts

@@ -6,6 +6,6 @@
 export { LynxTemplatePlugin } from './LynxTemplatePlugin.js';
 export type { LynxTemplatePluginOptions, TemplateHooks, } from './LynxTemplatePlugin.js';
 export { LynxEncodePlugin } from './LynxEncodePlugin.js';
-export type { LynxEncodePluginOptions } from './LynxEncodePlugin.js';
+export type { LynxEncodePluginOptions, EncodeCSSOptions, } from './LynxEncodePlugin.js';
 export * as CSSPlugins from './css/plugins/index.js';
 export * as CSS from './css/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.6.7",
+  "version": "0.6.8-canary-20250401-72432428",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",
@@ -44,8 +44,8 @@
     "@types/css-tree": "^2.3.10",
     "@types/object.groupby": "^1.0.4",
     "webpack": "^5.98.0",
-    "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/vitest-setup": "0.0.0"
+    "@lynx-js/vitest-setup": "0.0.0",
+    "@lynx-js/test-tools": "0.0.0"
   },
   "engines": {
     "node": ">=18"