@weapp-tailwindcss/cli 0.0.0-alpha.6 → 0.0.0-alpha.8

package/dist/index.mjs

@@ -4,11 +4,15 @@ import fs, { ensureDirSync } from 'fs-extra';
 import gulp from 'gulp';
 import loadPostcssConfig from 'postcss-load-config';
 import pc from 'picocolors';
+import { getPackageInfo } from 'local-pkg';
 import createDebug from 'debug';
 import { createPlugins } from 'weapp-tailwindcss/gulp';
 import postcssrc from 'gulp-postcss';
-import plumber from 'gulp-plumber';
 import gulpif from 'gulp-if';
+import createSass from 'gulp-sass';
+import rename from 'gulp-rename';
+import less from 'gulp-less';
+import typescript from 'gulp-typescript';
 import { cosmiconfigSync } from 'cosmiconfig';
 
 function isPlainObject$2(value) {
@@ -67,272 +71,55 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const debug = createDebug("weapp-tw-cli");
+const version = "0.0.0-alpha.7";
 
-var AssetType = /* @__PURE__ */ ((AssetType2) => {
-  AssetType2["JavaScript"] = "javascript";
-  AssetType2["Json"] = "json";
-  AssetType2["Css"] = "css";
-  AssetType2["Html"] = "html";
-  return AssetType2;
-})(AssetType || {});
+const debug = createDebug("weapp-tw-cli");
 
-function getTasks(options) {
-  const { root: cwd, weappTailwindcssOptions, outDir, src: srcBase, extensions, exclude, include, postcssOptions } = options;
-  const globsSet = /* @__PURE__ */ new Set();
-  const base = srcBase ? srcBase + "/" : "";
-  function globsSetAdd(...value) {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class GlobsSet {
+  constructor() {
+    __publicField(this, "includeSet");
+    __publicField(this, "excludeSet");
+    this.includeSet = /* @__PURE__ */ new Set();
+    this.excludeSet = /* @__PURE__ */ new Set();
+  }
+  isExcludeGlob(value) {
+    return value[0] === "!";
+  }
+  addSingle(value) {
+    return this.isExcludeGlob(value) ? this.excludeSet.add(value) : this.includeSet.add(value);
+  }
+  add(...value) {
     for (const v of value) {
       if (Array.isArray(v)) {
         for (const vv of v) {
-          globsSet.add(vv);
+          this.addSingle(vv);
         }
       } else {
-        globsSet.add(v);
+        this.addSingle(v);
       }
     }
   }
-  function getGlobs(type) {
-    const globs = [];
-    if (typeof include === "function") {
-      globs.push(...include(type).map((x) => x));
-    }
-    if (typeof exclude === "function") {
-      globs.push(...exclude(type).map((x) => "!" + x));
-    } else if (Array.isArray(exclude)) {
-      globs.push(...exclude.map((x) => "!" + x));
-    }
-    globs.push(`!${outDir}/**/*`);
-    return globs;
-  }
-  const { transformJs, transformWxml, transformWxss } = createPlugins(weappTailwindcssOptions);
-  function getJsTasks() {
-    const assetType = AssetType.JavaScript;
-    const globs = getGlobs(assetType);
-    globsSetAdd(globs);
-    return extensions[assetType].map((x) => {
-      const src = `${base}**/*.${x}`;
-      globsSetAdd(src);
-      return function JsTask() {
-        return gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsTask) }).pipe(plumber()).pipe(
-          transformJs({
-            babelParserOptions: x === "ts" ? {
-              plugins: ["typescript"]
-            } : void 0
-          })
-        ).pipe(
-          gulp.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
-  }
-  function getJsonTasks() {
-    const assetType = AssetType.Json;
-    const globs = getGlobs(assetType);
-    globsSetAdd(globs);
-    return extensions[assetType].map((x) => {
-      const src = `${base}**/*.${x}`;
-      globsSetAdd(src);
-      return function JsonTask() {
-        return gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsonTask) }).pipe(plumber()).pipe(
-          gulp.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
-  }
-  function getCssTasks() {
-    const assetType = AssetType.Css;
-    const globs = getGlobs(assetType);
-    globsSetAdd(globs);
-    return extensions[assetType].map((x) => {
-      const src = `${base}**/*.${x}`;
-      globsSetAdd(src);
-      return function CssTask() {
-        return gulp.src([src, ...globs], { cwd, since: gulp.lastRun(CssTask) }).pipe(plumber()).pipe(gulpif(Boolean(postcssOptions), postcssrc(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
-          gulp.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
+  dump() {
+    return [...this.includeSet, ...this.excludeSet];
   }
-  function getHtmlTasks() {
-    const assetType = AssetType.Html;
-    const globs = getGlobs(assetType);
-    globsSetAdd(globs);
-    return extensions[assetType].map((x) => {
-      const src = `${base}**/*.${x}`;
-      globsSetAdd(src);
-      return function HtmlTask() {
-        return gulp.src([src, ...globs], { cwd, since: gulp.lastRun(HtmlTask) }).pipe(plumber()).pipe(transformWxml()).pipe(
-          gulp.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
+  dumpIgnored() {
+    return [...this.excludeSet].map((x) => x.slice(1));
   }
-  function copyOthers() {
-    if (Array.isArray(include)) {
-      const globs = include.map((x) => {
-        return `${base}${x}`;
-      });
-      globsSetAdd(globs);
-      return gulp.src(globs, { cwd, since: gulp.lastRun(copyOthers) }).pipe(plumber()).pipe(
-        gulp.dest(outDir, {
-          cwd
-        })
-      );
-    }
-  }
-  return {
-    getGlobs,
-    getJsTasks,
-    getJsonTasks,
-    getCssTasks,
-    getHtmlTasks,
-    copyOthers,
-    globsSet
-  };
 }
 
-const defaultJavascriptExtensions = ["js"];
-const defaultTypescriptExtensions = ["ts"];
-const defaultWxsExtensions = ["wxs"];
-const defaultNodeModulesDirs = [
-  "**/node_modules/**",
-  "**/miniprogram_npm/**",
-  "**/project.config.json/**",
-  "**/project.private.config.json/**",
-  "**/package.json/**",
-  "postcss.config.js",
-  "tailwind.config.js"
-];
-function createBuilder(options) {
-  const {
-    root: cwd,
-    weappTailwindcssOptions,
-    outDir,
-    src: srcBase,
-    clean,
-    extensions,
-    exclude,
-    include,
-    watchOptions,
-    postcssOptions
-  } = defu(options, {
-    outDir: "dist",
-    weappTailwindcssOptions: {},
-    clean: true,
-    src: "",
-    exclude: [...defaultNodeModulesDirs],
-    extensions: {
-      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
-      html: ["wxml"],
-      css: ["wxss", "less", "sass", "scss"],
-      json: ["json"]
-    },
-    watchOptions: {
-      events: ["add", "change", "unlink", "ready"]
-    }
-  });
-  const { copyOthers, getCssTasks, getHtmlTasks, getJsTasks, getJsonTasks, globsSet } = getTasks({
-    root: cwd,
-    weappTailwindcssOptions,
-    outDir,
-    src: srcBase,
-    clean,
-    extensions,
-    exclude,
-    include,
-    watchOptions,
-    postcssOptions
-  });
-  const tasks = {
-    css: getCssTasks(),
-    html: getHtmlTasks(),
-    json: getJsonTasks(),
-    js: getJsTasks(),
-    extra: [copyOthers]
-  };
-  async function runTasks() {
-    debug("run tasks start");
-    for (const [key, value] of Object.entries(tasks)) {
-      debug(`run task ${pc.bold(pc.green(key))} start`);
-      for (const task of value) {
-        const s = task();
-        if (s) {
-          await new Promise((resolve, reject) => s.on("finish", resolve).on("error", reject));
-        }
-      }
-      debug(`run task ${pc.bold(pc.green(key))} end`);
-    }
-    debug("run tasks end");
-  }
-  return {
-    watcher: void 0,
-    async build() {
-      if (clean) {
-        debug("del start");
-        const { deleteAsync } = await import('del');
-        const patterns = [outDir + "/**"];
-        await deleteAsync(patterns, { cwd, ignore: defaultNodeModulesDirs });
-        debug("del end");
-      }
-      ensureDirSync(path.resolve(cwd, outDir));
-      await runTasks();
-      return this;
-    },
-    watch() {
-      ensureDirSync(path.resolve(cwd, outDir));
-      const watcher = gulp.watch([...globsSet], watchOptions, async (cb) => {
-        try {
-          await runTasks();
-          cb();
-        } catch (error) {
-          cb(error);
-        }
-      });
-      watcher.on("change", function(path2) {
-        console.log(`${pc.green("changed")} ${path2}`);
-      });
-      watcher.on("add", function(path2) {
-        console.log(`${pc.green("add")} ${path2}`);
-      });
-      watcher.on("unlink", function(path2) {
-        console.log(`${pc.green("remove")} ${path2}`);
-      });
-      watcher.on("ready", function() {
-        console.log(`${pc.green("weapp")}-${pc.blue("tailwindcss")} is ready!`);
-      });
-      this.watcher = watcher;
-      return this;
-    },
-    globsSet
-  };
-}
-async function build(options) {
-  let postcssOptions;
-  try {
-    postcssOptions = await loadPostcssConfig({ cwd: options?.root });
-  } catch {
-  }
-  const builder = createBuilder(defu(options, { postcssOptions }));
-  return await builder.build();
-}
-async function watch(options) {
-  let postcssOptions;
-  try {
-    postcssOptions = await loadPostcssConfig({ cwd: options?.root });
-  } catch {
-  }
-  const builder = createBuilder(defu(options, { postcssOptions }));
-  return await builder.watch();
-}
+var AssetType = /* @__PURE__ */ ((AssetType2) => {
+  AssetType2["JavaScript"] = "javascript";
+  AssetType2["Json"] = "json";
+  AssetType2["Css"] = "css";
+  AssetType2["Html"] = "html";
+  return AssetType2;
+})(AssetType || {});
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -370,10 +157,10 @@ var isobject = function isObject(val) {
  * Released under the MIT License.
  */
 
-var isObject$2 = isobject;
+var isObject$3 = isobject;
 
 function isObjectObject(o) {
-  return isObject$2(o) === true
+  return isObject$3(o) === true
     && Object.prototype.toString.call(o) === '[object Object]';
 }
 
@@ -410,7 +197,7 @@ const { deleteProperty } = Reflect;
 const isPrimitive = isPrimitive$1;
 const isPlainObject = isPlainObject$1;
 
-const isObject$1 = value => {
+const isObject$2 = value => {
   return (typeof value === 'object' && value !== null) || typeof value === 'function';
 };
 
@@ -528,7 +315,7 @@ const assignProp = (obj, prop, value, options) => {
 };
 
 const setValue = (target, path, value, options) => {
-  if (!path || !isObject$1(target)) return target;
+  if (!path || !isObject$2(target)) return target;
 
   const keys = split$1(path, options);
   let obj = target;
@@ -549,7 +336,7 @@ const setValue = (target, path, value, options) => {
       continue;
     }
 
-    if (!isObject$1(obj[key])) {
+    if (!isObject$2(obj[key])) {
       obj[key] = {};
     }
 
@@ -576,10 +363,10 @@ const set = /*@__PURE__*/getDefaultExportFromCjs(setValue_1);
  * Released under the MIT License.
  */
 
-const isObject = isobject;
+const isObject$1 = isobject;
 
 var getValue = function(target, path, options) {
-  if (!isObject(options)) {
+  if (!isObject$1(options)) {
     options = { default: options };
   }
 
@@ -677,11 +464,333 @@ function isValid(key, target, options) {
 }
 
 function isValidObject(val) {
-  return isObject(val) || Array.isArray(val) || typeof val === 'function';
+  return isObject$1(val) || Array.isArray(val) || typeof val === 'function';
 }
 
 const get = /*@__PURE__*/getDefaultExportFromCjs(getValue);
 
+function isObject(x) {
+  return typeof x === "object" && x !== null;
+}
+function promisify(task) {
+  return new Promise((resolve, reject) => {
+    if (Array.isArray(task)) {
+      return Promise.all(task.map((x) => promisify(x))).then(resolve).catch(reject);
+    } else {
+      if (task.destroyed) {
+        resolve(void 0);
+        return;
+      }
+      task.on("finish", () => {
+        resolve(void 0);
+      }).on("error", (err) => {
+        reject(err);
+      });
+    }
+  });
+}
+
+function isSassLang(lang) {
+  return lang === "scss" || lang === "sass";
+}
+function isLessLang(lang) {
+  return lang === "less";
+}
+function isTsLang(lang) {
+  return lang === "ts";
+}
+async function getTasks(options) {
+  let { typescriptOptions } = options;
+  const { root: cwd, weappTailwindcssOptions, outDir, src: srcBase, extensions, exclude, include, postcssOptions, preprocessorOptions } = options;
+  const globsSet = new GlobsSet();
+  const base = srcBase ? srcBase + "/" : "";
+  const enableSass = Boolean(preprocessorOptions?.sass);
+  const enableLess = Boolean(preprocessorOptions?.less);
+  if (typescriptOptions === true) {
+    typescriptOptions = {
+      tsConfigFileName: "tsconfig.json"
+    };
+  } else if (isObject(typescriptOptions) && typescriptOptions.tsConfigFileName === void 0) {
+    typescriptOptions.tsConfigFileName = "tsconfig.json";
+  }
+  const enableTs = Boolean(typescriptOptions);
+  let sass;
+  if (enableSass) {
+    const sassLib = await import('sass');
+    sass = createSass(sassLib);
+  }
+  const { transformJs, transformWxml, transformWxss } = createPlugins(weappTailwindcssOptions);
+  function getGlobs(type) {
+    const globs = [];
+    if (typeof include === "function") {
+      globs.push(...include(type).map((x) => x));
+    }
+    if (typeof exclude === "function") {
+      globs.push(...exclude(type).map((x) => "!" + x));
+    } else if (Array.isArray(exclude)) {
+      globs.push(...exclude.map((x) => "!" + x));
+    }
+    globs.push(`!${outDir}/**/*`);
+    globs.push(`!./${outDir}/**/*`);
+    return globs;
+  }
+  function getJsTasks() {
+    const assetType = AssetType.JavaScript;
+    const globs = getGlobs(assetType);
+    globsSet.add(globs);
+    return extensions[assetType]?.map((x) => {
+      const src = `${base}**/*.${x}`;
+      globsSet.add(src);
+      const isTs = isTsLang(x);
+      const loadTs = enableTs && isTs;
+      let gulpTs;
+      if (enableTs && typeof typescriptOptions !== "boolean") {
+        gulpTs = typescript.createProject(typescriptOptions.tsConfigFileName ?? "tsconfig.json", typeof typescriptOptions === "boolean" ? {} : typescriptOptions);
+      }
+      return function JsTask() {
+        let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsTask) });
+        if (loadTs) {
+          chain = chain.pipe(gulpTs());
+        }
+        return promisify(
+          chain.pipe(
+            transformJs({
+              babelParserOptions: !enableTs && isTs ? {
+                plugins: ["typescript"]
+              } : void 0
+            })
+          ).pipe(
+            gulpif(
+              loadTs,
+              rename({
+                extname: ".js"
+              })
+            )
+          ).pipe(
+            gulp.dest(outDir, {
+              cwd
+            })
+          )
+        );
+      };
+    });
+  }
+  function getJsonTasks() {
+    const assetType = AssetType.Json;
+    const globs = getGlobs(assetType);
+    globsSet.add(globs);
+    return extensions[assetType]?.map((x) => {
+      const src = `${base}**/*.${x}`;
+      globsSet.add(src);
+      return function JsonTask() {
+        return promisify(
+          gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsonTask) }).pipe(
+            gulp.dest(outDir, {
+              cwd
+            })
+          )
+        );
+      };
+    });
+  }
+  function getCssTasks() {
+    const assetType = AssetType.Css;
+    const globs = getGlobs(assetType);
+    globsSet.add(globs);
+    return extensions[assetType]?.map((x) => {
+      const src = `${base}**/*.${x}`;
+      globsSet.add(src);
+      const loadSass = enableSass && isSassLang(x);
+      const loadLess = enableLess && isLessLang(x);
+      return function CssTask() {
+        let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(CssTask) });
+        if (loadSass) {
+          chain = chain.pipe(
+            sass.sync(
+              // @ts-ignore
+              typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
+            ).on("error", sass.logError)
+          );
+        }
+        return promisify(
+          chain.pipe(gulpif(loadLess, less(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less))).pipe(gulpif(Boolean(postcssOptions), postcssrc(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
+            gulpif(
+              loadSass || loadLess,
+              rename({
+                extname: ".wxss"
+              })
+            )
+          ).pipe(
+            gulp.dest(outDir, {
+              cwd
+            })
+          )
+        );
+      };
+    });
+  }
+  function getHtmlTasks() {
+    const assetType = AssetType.Html;
+    const globs = getGlobs(assetType);
+    globsSet.add(globs);
+    return extensions[assetType]?.map((x) => {
+      const src = `${base}**/*.${x}`;
+      globsSet.add(src);
+      return function HtmlTask() {
+        return promisify(
+          gulp.src([src, ...globs], { cwd, since: gulp.lastRun(HtmlTask) }).pipe(transformWxml()).pipe(
+            gulp.dest(outDir, {
+              cwd
+            })
+          )
+        );
+      };
+    });
+  }
+  function copyOthers() {
+    if (Array.isArray(include)) {
+      const globs = include.map((x) => {
+        return `${base}${x}`;
+      });
+      globsSet.add(globs);
+      return promisify(
+        gulp.src(globs, { cwd, since: gulp.lastRun(copyOthers) }).pipe(
+          gulp.dest(outDir, {
+            cwd
+          })
+        )
+      );
+    }
+  }
+  return {
+    getGlobs,
+    getJsTasks,
+    getJsonTasks,
+    getCssTasks,
+    getHtmlTasks,
+    copyOthers,
+    globsSet
+  };
+}
+
+const defaultJavascriptExtensions = ["js"];
+const defaultTypescriptExtensions = ["ts"];
+const defaultWxsExtensions = ["wxs"];
+const defaultNodeModulesDirs = [
+  "**/node_modules/**",
+  "**/miniprogram_npm/**",
+  "**/project.config.json/**",
+  "**/project.private.config.json/**",
+  "**/package.json/**",
+  "postcss.config.js",
+  "tailwind.config.js",
+  "weapp-tw.config.js"
+];
+async function createBuilder(options) {
+  let postcssOptionsFromConfig;
+  try {
+    postcssOptionsFromConfig = await loadPostcssConfig({ cwd: options?.root });
+  } catch {
+  }
+  const opt = defu(options, {
+    outDir: "dist",
+    weappTailwindcssOptions: {},
+    clean: true,
+    src: "",
+    exclude: [...defaultNodeModulesDirs],
+    extensions: {
+      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
+      html: ["wxml"],
+      css: ["wxss", "less", "sass", "scss"],
+      json: ["json"]
+    },
+    watchOptions: {
+      cwd: options?.root,
+      events: ["add", "change", "unlink", "ready"]
+    },
+    postcssOptions: postcssOptionsFromConfig
+  });
+  const { copyOthers, getCssTasks, getHtmlTasks, getJsTasks, getJsonTasks, globsSet } = await getTasks(opt);
+  const tasks = {
+    css: getCssTasks(),
+    html: getHtmlTasks(),
+    json: getJsonTasks(),
+    js: getJsTasks(),
+    extra: [copyOthers]
+  };
+  async function runTasks() {
+    debug("run tasks start");
+    for (const [key, value] of Object.entries(tasks)) {
+      if (value) {
+        debug(`run task ${pc.bold(pc.green(key))} start`);
+        for (const task of value) {
+          await task();
+        }
+        debug(`run task ${pc.bold(pc.green(key))} end`);
+      }
+    }
+    debug("run tasks end");
+  }
+  const { clean, outDir, root: cwd, watchOptions } = opt;
+  return {
+    watcher: void 0,
+    async build() {
+      if (clean) {
+        debug("del start");
+        const { deleteAsync } = await import('del');
+        const patterns = [outDir + "/**"];
+        await deleteAsync(patterns, { cwd, ignore: defaultNodeModulesDirs });
+        debug("del end");
+      }
+      ensureDirSync(path.resolve(cwd, outDir));
+      await runTasks();
+      return this;
+    },
+    watch() {
+      ensureDirSync(path.resolve(cwd, outDir));
+      const dumps = globsSet.dump();
+      const arr = (Array.isArray(watchOptions.ignored) ? watchOptions.ignored : [watchOptions.ignored]).filter(Boolean);
+      watchOptions.ignored = [...globsSet.dumpIgnored(), ...arr];
+      const watcher = gulp.watch(dumps, watchOptions, async (cb) => {
+        try {
+          await runTasks();
+          cb();
+        } catch (error) {
+          cb(error);
+        }
+      });
+      watcher.on("change", function(path2) {
+        console.log(`${pc.green("changed")} ${path2}`);
+      });
+      watcher.on("add", function(path2) {
+        console.log(`${pc.green("add")} ${path2}`);
+      });
+      watcher.on("unlink", function(path2) {
+        console.log(`${pc.green("remove")} ${path2}`);
+      });
+      watcher.on("ready", async function() {
+        const meta = await getPackageInfo("weapp-tailwindcss");
+        let weappTwVersionStr = "";
+        if (meta) {
+          weappTwVersionStr = `(${pc.blue(pc.underline(meta.version))})`;
+        }
+        console.log(`${pc.bold(`${pc.green("weapp")}-${pc.blue("tailwindcss")}`)}${weappTwVersionStr} ${pc.cyan("cli")}(${pc.blue(pc.underline(version))}) is ready!`);
+      });
+      this.watcher = watcher;
+      return this;
+    },
+    globsSet
+  };
+}
+async function build(options) {
+  const builder = await createBuilder(options);
+  return await builder.build();
+}
+async function watch(options) {
+  const builder = await createBuilder(options);
+  return await builder.watch();
+}
+
 function createConfigLoader(root) {
   const explorer = cosmiconfigSync("weapp-tw");
   function search(searchFrom = root) {
@@ -755,6 +864,7 @@ function updatePackageJson(options) {
       const packageJson = fs.readJSONSync(packageJsonPath);
       set(packageJson, "scripts.dev", "weapp-tw dev");
       set(packageJson, "scripts.build", "weapp-tw build");
+      set(packageJson, "scripts.postinstall", "weapp-tw patch");
       fs.outputJSONSync(dest ?? packageJsonPath, packageJson, {
         spaces: 2
       });
@@ -785,7 +895,9 @@ export default defineConfig(${configOptionsStr})
     fs.writeFileSync(
       configPath,
       `/** @type {import('@weapp-tailwindcss/cli').UserConfig} */
-module.exports = ${configOptionsStr}
+const config = ${configOptionsStr}
+
+module.exports = config
 `,
       "utf8"
     );