chore(deps): upgrade

Author: sonofmagic

package.json

@@ -216,8 +216,8 @@
     "prettier": "^3.6.2",
     "promisify-loader-runner": "^1.0.1",
     "rimraf": "^6.0.1",
-    "sass": "^1.90.0",
-    "sass-embedded": "^1.90.0",
+    "sass": "^1.91.0",
+    "sass-embedded": "^1.91.0",
     "sass-true": "^9.0.0",
     "semver": "7.7.2",
     "set-value": "^4.1.0",

packages/postcss/test/plugins/__snapshots__/index.test.ts.snap

@@ -1,3 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`plugins > enforce 1`] = `".red { color: red; .blue { color: blue } }"`;
+exports[`plugins > enforce append rule case 1`] = `".red { color: red; .blue { color: blue } }"`;
+
+exports[`plugins > enforce default 1`] = `".red { color: red; }"`;
+
+exports[`plugins > enforce remove rule case 1`] = `""`;

packages/postcss/test/plugins/index.test.ts

@@ -1,5 +1,5 @@
 import postcss from 'postcss'
-
+import { createPlugins } from './utils'
 // 不动态添加
 // 1 Once
 // 2 Once
@@ -41,31 +41,23 @@ import postcss from 'postcss'
 // 1 OnceExit
 // 2 OnceExit
 describe('plugins', () => {
-  const weakMap = new WeakMap()
-  it('enforce', async () => {
+  it('enforce default', async () => {
     const { css } = await postcss(
-      [
-        {
-          postcssPlugin: '1',
-          Once() {
-            console.log('1 Once')
-          },
-          OnceExit() {
-            console.log('1 OnceExit')
-          },
-          Root() {
-            console.log('1 Root')
-          },
-          RootExit() {
-            console.log('1 RootExit')
-          },
-          Rule() {
-            console.log('1 Rule')
-          },
-          RuleExit() {
-            console.log('1 RuleExit')
-          },
-        },
+      createPlugins([
+        '1',
+        '2',
+      ]),
+    ).process('.red { color: red; }', {
+      from: undefined,
+    })
+    expect(css).toMatchSnapshot()
+  })
+
+  it('enforce append rule case', async () => {
+    const weakMap = new WeakMap()
+    const { css } = await postcss(
+      createPlugins([
+        '1',
         {
           postcssPlugin: '2',
           Rule(node, { rule, decl }) {
@@ -75,24 +67,33 @@ describe('plugins', () => {
               weakMap.set(rule, true)
             }
           },
-          RuleExit() {
-            console.log('2 RuleExit')
-          },
-          Root() {
-            console.log('2 Root')
-          },
-          RootExit() {
-            console.log('2 RootExit')
-          },
-          Once() {
-            console.log('2 Once')
+        },
+      ]),
+    ).process('.red { color: red; }', {
+      from: undefined,
+    })
+    expect(css).toMatchSnapshot()
+  })
+
+  it('enforce remove rule case', async () => {
+    const { css } = await postcss(
+      createPlugins([
+        {
+          postcssPlugin: '1',
+          Rule(node) {
+            console.log('1 Rule')
+            node.remove()
           },
-          OnceExit(_root) {
-            console.log('2 OnceExit')
-            // root.append(rule({ selector: '.blue', nodes: [decl({ prop: 'color', value: 'blue' })] }))
+        },
+        {
+          postcssPlugin: '2',
+          Rule(node) {
+            // 不会命中
+            console.log('2 Rule -----------')
+            node.remove()
           },
         },
-      ],
+      ]),
     ).process('.red { color: red; }', {
       from: undefined,
     })

packages/postcss/test/plugins/utils.ts

@@ -0,0 +1,76 @@
+/* eslint-disable ts/no-unused-vars */
+import type { AcceptedPlugin, Plugin } from 'postcss'
+import { defu } from '@weapp-tailwindcss/shared'
+
+function isPostcssPlugin(postcssPlugin: string | Plugin): postcssPlugin is Plugin {
+  return typeof postcssPlugin !== 'string'
+}
+
+function createMixin(name: string): Partial<Plugin> {
+  return {
+    Once() {
+      console.log(`${name} Once`)
+    },
+    OnceExit() {
+      console.log(`${name} OnceExit`)
+    },
+    Root() {
+      console.log(`${name} Root`)
+    },
+    RootExit() {
+      console.log(`${name} RootExit`)
+    },
+    Rule() {
+      console.log(`${name} Rule`)
+    },
+    RuleExit() {
+      console.log(`${name} RuleExit`)
+    },
+    AtRule(atRule, helper) {
+      console.log(`${name} AtRule`)
+    },
+    AtRuleExit(atRule, helper) {
+      console.log(`${name} AtRuleExit`)
+    },
+    Comment(comment, helper) {
+      console.log(`${name} Comment`)
+    },
+    CommentExit(comment, helper) {
+      console.log(`${name} CommentExit`)
+    },
+    Declaration(decl, helper) {
+      console.log(`${name} Declaration`)
+    },
+    DeclarationExit(decl, helper) {
+      console.log(`${name} DeclarationExit`)
+    },
+    Document(document, helper) {
+      console.log(`${name} Document`)
+    },
+    DocumentExit(document, helper) {
+      console.log(`${name} DocumentExit`)
+    },
+  }
+}
+
+export function createPlugin(postcssPlugin: string | Plugin): Plugin {
+  const isPlugin = isPostcssPlugin(postcssPlugin)
+  let plugin: Plugin
+  if (isPlugin) {
+    plugin = defu<Plugin, Plugin[]>(postcssPlugin, {
+      postcssPlugin: postcssPlugin.postcssPlugin,
+      ...createMixin(postcssPlugin.postcssPlugin),
+    })
+  }
+  else {
+    plugin = defu<Plugin, Plugin[]>({
+      postcssPlugin,
+      ...createMixin(postcssPlugin),
+    })
+  }
+  return plugin as Plugin
+}
+
+export function createPlugins(postcssPlugins: (string | Plugin)[]): AcceptedPlugin[] {
+  return postcssPlugins.map(createPlugin)
+}