weapp-tailwindcss 3.7.0 → 3.8.0-alpha.1

package/README.md

@@ -25,7 +25,7 @@
 >
 > 小程序原生工具链 `weapp-vite` 已经发布，使用它改善你的原生小程序开发体验吧，更多详见 [官方文档](https://vite.icebreaker.top/)
 
-\[[文档地址](https://tw.icebreaker.top)\] \| \[[备用文档地址](https://sonofmagic.github.io/weapp-tailwindcss/)\] \| \[[1.x文档]('./v1.md')\]
+\[[文档地址](https://tw.icebreaker.top)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
 
 - [特性](#特性)
 - [版本对应](#版本对应)
@@ -36,15 +36,11 @@
 - [旧版本迁移指南](#旧版本迁移指南)
 - [配置项参考](#配置项参考)
 - [变更日志](#变更日志)
-- [Tips](#tips)
 - [Contribute](#contribute)
 - [License](#license)
 - [Star History](#star-history)
 - [Related projects](#related-projects)
   - [weapp-vite](#weapp-vite)
-  - [IceStack](#icestack)
-  - [weapp-ide-cli](#weapp-ide-cli)
-  - [weapp-pandacss](#weapp-pandacss)
 
 ## 特性
 
@@ -78,12 +74,6 @@
 
 ## [变更日志](./CHANGELOG.md)
 
-## Tips
-
-前沿阅读: [What’s Tailwind Oxide Engine? The Next Evolution of Tailwind CSS](https://medium.com/@bomber.marek/whats-tailwind-oxide-engine-the-next-evolution-of-tailwind-css-32e7ef8e19a1)
-
-未来 `tailwindcss@4` 会切换到这个引擎来大幅加快构建和运行速度，当然等它发布正式版本的时候，我也会尽可能第一时间去进行兼容新的引擎。
-
 ## Contribute
 
 我们邀请你来贡献和帮助改进 `weapp-tailwindcss` 💚💚💚
@@ -108,15 +98,3 @@
 ### weapp-vite
 
 [weapp-vite](https://vite.icebreaker.top/): 把现代化的开发模式带入小程序开发!
-
-### IceStack
-
-[IceStack](https://github.com/sonofmagic/icestack): ❤️ IceStack, Web UI for Mobile, PC, open-source Css component library generator
-
-### weapp-ide-cli
-
-[weapp-ide-cli](https://github.com/sonofmagic/utils/tree/main/packages/weapp-ide-cli): 一个微信开发者工具命令行，快速方便的直接启动 ide 进行登录，开发，预览，上传代码等等功能。
-
-### weapp-pandacss
-
-[weapp-pandacss](https://github.com/sonofmagic/weapp-pandacss) `CSS-in-JS` 编译时框架的小程序适配器

package/dist/chunk-2STNBSVB.js

@@ -0,0 +1,216 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkHBQASQKYjs = require('./chunk-HBQASQKY.js');
+
+
+var _chunkLWRZXI5Tjs = require('./chunk-LWRZXI5T.js');
+
+
+
+var _chunk35CYTBPMjs = require('./chunk-35CYTBPM.js');
+
+
+var _chunkLQN2VTMUjs = require('./chunk-LQN2VTMU.js');
+
+
+var _chunk6FNC3XMIjs = require('./chunk-6FNC3XMI.js');
+
+// src/bundlers/webpack/BaseUnifiedPlugin/v5.ts
+var _fs = require('fs'); var _fs2 = _interopRequireDefault(_fs);
+var _path = require('path'); var _path2 = _interopRequireDefault(_path);
+var debug = _chunkHBQASQKYjs.createDebug.call(void 0, );
+var UnifiedWebpackPluginV5 = class {
+  constructor(options = {}) {
+    this.options = _chunkLWRZXI5Tjs.getOptions.call(void 0, options);
+    this.appType = this.options.appType;
+  }
+  apply(compiler) {
+    const {
+      mainCssChunkMatcher,
+      disabled,
+      onLoad,
+      onUpdate,
+      onEnd,
+      onStart,
+      styleHandler,
+      patch,
+      templateHandler,
+      jsHandler,
+      setMangleRuntimeSet,
+      runtimeLoaderPath,
+      cache,
+      twPatcher
+    } = this.options;
+    if (disabled) {
+      return;
+    }
+    patch == null ? void 0 : patch();
+    const { Compilation, sources, NormalModule } = compiler.webpack;
+    const { ConcatSource, RawSource } = sources;
+    function getClassSet() {
+      return twPatcher.getClassSet();
+    }
+    onLoad();
+    const loader = runtimeLoaderPath != null ? runtimeLoaderPath : _path2.default.resolve(__dirname, "./weapp-tw-runtime-loader.js");
+    const isExisted = _fs2.default.existsSync(loader);
+    const WeappTwRuntimeAopLoader = {
+      loader,
+      options: {
+        getClassSet
+      },
+      ident: null,
+      type: null
+    };
+    compiler.hooks.compilation.tap(_chunkLQN2VTMUjs.pluginName, (compilation) => {
+      NormalModule.getCompilationHooks(compilation).loader.tap(_chunkLQN2VTMUjs.pluginName, (_loaderContext, module) => {
+        if (isExisted) {
+          const idx = module.loaders.findIndex((x) => x.loader.includes("postcss-loader"));
+          if (idx > -1) {
+            module.loaders.unshift(WeappTwRuntimeAopLoader);
+          }
+        }
+      });
+      compilation.hooks.processAssets.tapPromise(
+        {
+          name: _chunkLQN2VTMUjs.pluginName,
+          stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
+        },
+        (assets) => _chunk6FNC3XMIjs.__async.call(void 0, this, null, function* () {
+          onStart();
+          debug("start");
+          for (const chunk of compilation.chunks) {
+            if (chunk.id && chunk.hash) {
+              cache.calcHashValueChanged(chunk.id, chunk.hash);
+            }
+          }
+          const entries = Object.entries(assets);
+          const groupedEntries = _chunk35CYTBPMjs.getGroupedEntries.call(void 0, entries, this.options);
+          const runtimeSet = getClassSet();
+          setMangleRuntimeSet(runtimeSet);
+          debug("get runtimeSet, class count: %d", runtimeSet.size);
+          if (Array.isArray(groupedEntries.html)) {
+            let noCachedCount = 0;
+            for (let i = 0; i < groupedEntries.html.length; i++) {
+              const [file, originalSource] = groupedEntries.html[i];
+              const rawSource = originalSource.source().toString();
+              const hash = cache.computeHash(rawSource);
+              const cacheKey = file;
+              cache.calcHashValueChanged(cacheKey, hash);
+              yield cache.process(
+                cacheKey,
+                () => {
+                  const source = cache.get(cacheKey);
+                  if (source) {
+                    compilation.updateAsset(file, source);
+                    debug("html cache hit: %s", file);
+                  } else {
+                    return false;
+                  }
+                },
+                () => _chunk6FNC3XMIjs.__async.call(void 0, this, null, function* () {
+                  const wxml = yield templateHandler(rawSource, {
+                    runtimeSet
+                  });
+                  const source = new ConcatSource(wxml);
+                  compilation.updateAsset(file, source);
+                  onUpdate(file, rawSource, wxml);
+                  debug("html handle: %s", file);
+                  noCachedCount++;
+                  return {
+                    key: cacheKey,
+                    source
+                  };
+                })
+              );
+            }
+            debug("html handle finish, total: %d, no-cached: %d", groupedEntries.html.length, noCachedCount);
+          }
+          if (Array.isArray(groupedEntries.js)) {
+            let noCachedCount = 0;
+            for (let i = 0; i < groupedEntries.js.length; i++) {
+              const [file, originalSource] = groupedEntries.js[i];
+              const cacheKey = _chunk35CYTBPMjs.removeExt.call(void 0, file);
+              yield cache.process(
+                cacheKey,
+                () => {
+                  const source = cache.get(cacheKey);
+                  if (source) {
+                    compilation.updateAsset(file, source);
+                    debug("js cache hit: %s", file);
+                  } else {
+                    return false;
+                  }
+                },
+                () => _chunk6FNC3XMIjs.__async.call(void 0, this, null, function* () {
+                  const rawSource = originalSource.source().toString();
+                  const mapFilename = `${file}.map`;
+                  const hasMap = Boolean(assets[mapFilename]);
+                  const { code, map } = yield jsHandler(rawSource, runtimeSet, {
+                    generateMap: hasMap
+                  });
+                  const source = new ConcatSource(code);
+                  compilation.updateAsset(file, source);
+                  onUpdate(file, rawSource, code);
+                  debug("js handle: %s", file);
+                  noCachedCount++;
+                  if (hasMap && map) {
+                    const source2 = new RawSource(map.toString());
+                    compilation.updateAsset(mapFilename, source2);
+                  }
+                  return {
+                    key: cacheKey,
+                    source
+                  };
+                })
+              );
+            }
+            debug("js handle finish, total: %d, no-cached: %d", groupedEntries.js.length, noCachedCount);
+          }
+          if (Array.isArray(groupedEntries.css)) {
+            let noCachedCount = 0;
+            for (let i = 0; i < groupedEntries.css.length; i++) {
+              const [file, originalSource] = groupedEntries.css[i];
+              const rawSource = originalSource.source().toString();
+              const hash = cache.computeHash(rawSource);
+              const cacheKey = file;
+              cache.calcHashValueChanged(cacheKey, hash);
+              yield cache.process(
+                cacheKey,
+                () => {
+                  const source = cache.get(cacheKey);
+                  if (source) {
+                    compilation.updateAsset(file, source);
+                    debug("css cache hit: %s", file);
+                  } else {
+                    return false;
+                  }
+                },
+                () => _chunk6FNC3XMIjs.__async.call(void 0, this, null, function* () {
+                  const { css } = yield styleHandler(rawSource, {
+                    isMainChunk: mainCssChunkMatcher(file, this.appType)
+                  });
+                  const source = new ConcatSource(css);
+                  compilation.updateAsset(file, source);
+                  onUpdate(file, rawSource, css);
+                  debug("css handle: %s", file);
+                  noCachedCount++;
+                  return {
+                    key: cacheKey,
+                    source
+                  };
+                })
+              );
+            }
+            debug("css handle finish, total: %d, no-cached: %d", groupedEntries.css.length, noCachedCount);
+          }
+          debug("end");
+          onEnd();
+        })
+      );
+    });
+  }
+};
+
+
+
+exports.UnifiedWebpackPluginV5 = UnifiedWebpackPluginV5;

package/dist/chunk-35CYTBPM.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/index.ts
+var _shared = require('@weapp-tailwindcss/shared');
+function getGroupedEntries(entries, options) {
+  const { cssMatcher, htmlMatcher, jsMatcher, wxsMatcher } = options;
+  const groupedEntries = _shared.groupBy.call(void 0, entries, ([file]) => {
+    if (cssMatcher(file)) {
+      return "css";
+    } else if (htmlMatcher(file)) {
+      return "html";
+    } else if (jsMatcher(file) || wxsMatcher(file)) {
+      return "js";
+    } else {
+      return "other";
+    }
+  });
+  return groupedEntries;
+}
+
+
+
+
+
+
+
+
+exports.defu = _shared.defu; exports.defuOverrideArray = _shared.defuOverrideArray; exports.isMap = _shared.isMap; exports.noop = _shared.noop; exports.removeExt = _shared.removeExt; exports.getGroupedEntries = getGroupedEntries;

package/dist/chunk-6FNC3XMI.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+
+
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__async = __async;

package/dist/chunk-6Z776ZWK.js

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/css-macro/constants.ts
+var queryKey = "weapp-tw-platform";
+function createMediaQuery(value) {
+  return `@media (${queryKey}:"${value}"){&}`;
+}
+function createNegativeMediaQuery(value) {
+  return `@media not screen and (${queryKey}:"${value}"){&}`;
+}
+function normalComment(text) {
+  if (typeof text === "string") {
+    return text.replaceAll(new RegExp("(?<!\\\\)_", "g"), " ");
+  }
+  return text;
+}
+function ifdef(text) {
+  return {
+    start: `#ifdef ${normalComment(text)}`,
+    end: `#endif`
+  };
+}
+function ifndef(text) {
+  return {
+    start: `#ifndef ${normalComment(text)}`,
+    end: `#endif`
+  };
+}
+function matchCustomPropertyFromValue(str, cb) {
+  let arr;
+  let index = 0;
+  const regex = new RegExp(`\\(\\s*${queryKey}\\s*:\\s*"([^)]*)"\\)`, "g");
+  while ((arr = regex.exec(str)) !== null) {
+    cb(arr, index);
+    index++;
+  }
+}
+
+
+
+
+
+
+
+exports.createMediaQuery = createMediaQuery; exports.createNegativeMediaQuery = createNegativeMediaQuery; exports.ifdef = ifdef; exports.ifndef = ifndef; exports.matchCustomPropertyFromValue = matchCustomPropertyFromValue;

package/dist/chunk-75EWCRQW.mjs

@@ -0,0 +1,13 @@
+// src/debug/index.ts
+import _createDebug from "debug";
+var _debug = _createDebug("weapp-tw");
+function createDebug(prefix) {
+  function debug(formatter, ...args) {
+    return _debug((prefix != null ? prefix : "") + formatter, ...args);
+  }
+  return debug;
+}
+
+export {
+  createDebug
+};

package/dist/chunk-AB467PG7.mjs

@@ -0,0 +1,43 @@
+// src/css-macro/constants.ts
+var queryKey = "weapp-tw-platform";
+function createMediaQuery(value) {
+  return `@media (${queryKey}:"${value}"){&}`;
+}
+function createNegativeMediaQuery(value) {
+  return `@media not screen and (${queryKey}:"${value}"){&}`;
+}
+function normalComment(text) {
+  if (typeof text === "string") {
+    return text.replaceAll(new RegExp("(?<!\\\\)_", "g"), " ");
+  }
+  return text;
+}
+function ifdef(text) {
+  return {
+    start: `#ifdef ${normalComment(text)}`,
+    end: `#endif`
+  };
+}
+function ifndef(text) {
+  return {
+    start: `#ifndef ${normalComment(text)}`,
+    end: `#endif`
+  };
+}
+function matchCustomPropertyFromValue(str, cb) {
+  let arr;
+  let index = 0;
+  const regex = new RegExp(`\\(\\s*${queryKey}\\s*:\\s*"([^)]*)"\\)`, "g");
+  while ((arr = regex.exec(str)) !== null) {
+    cb(arr, index);
+    index++;
+  }
+}
+
+export {
+  createMediaQuery,
+  createNegativeMediaQuery,
+  ifdef,
+  ifndef,
+  matchCustomPropertyFromValue
+};

package/dist/chunk-AXBFBHS2.mjs

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __async
+};

package/dist/chunk-EODGLB63.mjs

@@ -0,0 +1,173 @@
+import {
+  createDebug
+} from "./chunk-75EWCRQW.mjs";
+import {
+  getOptions
+} from "./chunk-MWTUP5KG.mjs";
+import {
+  getGroupedEntries
+} from "./chunk-MUJ65IQ3.mjs";
+import {
+  vitePluginName
+} from "./chunk-KE7J6XFD.mjs";
+import {
+  __async
+} from "./chunk-AXBFBHS2.mjs";
+
+// src/bundlers/vite/index.ts
+var debug = createDebug();
+function UnifiedViteWeappTailwindcssPlugin(options = {}) {
+  const opts = getOptions(options);
+  const {
+    disabled,
+    onEnd,
+    onLoad,
+    onStart,
+    onUpdate,
+    templateHandler,
+    styleHandler,
+    patch,
+    jsHandler,
+    mainCssChunkMatcher,
+    appType,
+    setMangleRuntimeSet,
+    cache,
+    twPatcher
+  } = opts;
+  if (disabled) {
+    return;
+  }
+  patch == null ? void 0 : patch();
+  onLoad();
+  return {
+    name: vitePluginName,
+    enforce: "post",
+    generateBundle(_opt, bundle) {
+      return __async(this, null, function* () {
+        debug("start");
+        onStart();
+        const entries = Object.entries(bundle);
+        const groupedEntries = getGroupedEntries(entries, opts);
+        const runtimeSet = twPatcher.getClassSet();
+        setMangleRuntimeSet(runtimeSet);
+        debug("get runtimeSet, class count: %d", runtimeSet.size);
+        if (Array.isArray(groupedEntries.html)) {
+          let noCachedCount = 0;
+          for (let i = 0; i < groupedEntries.html.length; i++) {
+            const [file, originalSource] = groupedEntries.html[i];
+            const oldVal = originalSource.source.toString();
+            const hash = cache.computeHash(oldVal);
+            cache.calcHashValueChanged(file, hash);
+            yield cache.process(
+              file,
+              () => {
+                const source = cache.get(file);
+                if (source) {
+                  originalSource.source = source;
+                  debug("html cache hit: %s", file);
+                } else {
+                  return false;
+                }
+              },
+              () => __async(this, null, function* () {
+                originalSource.source = yield templateHandler(oldVal, {
+                  runtimeSet
+                });
+                onUpdate(file, oldVal, originalSource.source);
+                debug("html handle: %s", file);
+                noCachedCount++;
+                return {
+                  key: file,
+                  source: originalSource.source
+                };
+              })
+            );
+          }
+          debug("html handle finish, total: %d, no-cached: %d", groupedEntries.html.length, noCachedCount);
+        }
+        if (Array.isArray(groupedEntries.js)) {
+          let noCachedCount = 0;
+          for (let i = 0; i < groupedEntries.js.length; i++) {
+            const [file, originalSource] = groupedEntries.js[i];
+            const rawSource = originalSource.code;
+            const hash = cache.computeHash(rawSource);
+            cache.calcHashValueChanged(file, hash);
+            yield cache.process(
+              file,
+              () => {
+                const source = cache.get(file);
+                if (source) {
+                  originalSource.code = source;
+                  debug("js cache hit: %s", file);
+                } else {
+                  return false;
+                }
+              },
+              () => __async(this, null, function* () {
+                const mapFilename = `${file}.map`;
+                const hasMap = Boolean(bundle[mapFilename]);
+                const { code, map } = yield jsHandler(rawSource, runtimeSet, {
+                  generateMap: hasMap
+                });
+                originalSource.code = code;
+                onUpdate(file, rawSource, code);
+                debug("js handle: %s", file);
+                noCachedCount++;
+                if (hasMap && map) {
+                  ;
+                  bundle[mapFilename].source = map.toString();
+                }
+                return {
+                  key: file,
+                  source: code
+                };
+              })
+            );
+          }
+          debug("js handle finish, total: %d, no-cached: %d", groupedEntries.js.length, noCachedCount);
+        }
+        if (Array.isArray(groupedEntries.css)) {
+          let noCachedCount = 0;
+          for (let i = 0; i < groupedEntries.css.length; i++) {
+            const [file, originalSource] = groupedEntries.css[i];
+            const rawSource = originalSource.source.toString();
+            const hash = cache.computeHash(rawSource);
+            cache.calcHashValueChanged(file, hash);
+            yield cache.process(
+              file,
+              () => {
+                const source = cache.get(file);
+                if (source) {
+                  originalSource.source = source;
+                  debug("css cache hit: %s", file);
+                } else {
+                  return false;
+                }
+              },
+              () => __async(this, null, function* () {
+                const { css } = yield styleHandler(rawSource, {
+                  isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
+                });
+                originalSource.source = css;
+                onUpdate(file, rawSource, css);
+                debug("css handle: %s", file);
+                noCachedCount++;
+                return {
+                  key: file,
+                  source: css
+                };
+              })
+            );
+          }
+          debug("css handle finish, total: %d, no-cached: %d", groupedEntries.css.length, noCachedCount);
+        }
+        onEnd();
+        debug("end");
+      });
+    }
+  };
+}
+
+export {
+  UnifiedViteWeappTailwindcssPlugin
+};