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

package/dist/index.cjs

@@ -11,6 +11,10 @@ const gulp = require('weapp-tailwindcss/gulp');
 const postcssrc = require('gulp-postcss');
 const plumber = require('gulp-plumber');
 const gulpif = require('gulp-if');
+const createSass = require('gulp-sass');
+const rename = require('gulp-rename');
+const less = require('gulp-less');
+const typescript = require('gulp-typescript');
 const cosmiconfig = require('cosmiconfig');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -24,6 +28,10 @@ const createDebug__default = /*#__PURE__*/_interopDefaultCompat(createDebug);
 const postcssrc__default = /*#__PURE__*/_interopDefaultCompat(postcssrc);
 const plumber__default = /*#__PURE__*/_interopDefaultCompat(plumber);
 const gulpif__default = /*#__PURE__*/_interopDefaultCompat(gulpif);
+const createSass__default = /*#__PURE__*/_interopDefaultCompat(createSass);
+const rename__default = /*#__PURE__*/_interopDefaultCompat(rename);
+const less__default = /*#__PURE__*/_interopDefaultCompat(less);
+const typescript__default = /*#__PURE__*/_interopDefaultCompat(typescript);
 
 function isPlainObject$2(value) {
   if (value === null || typeof value !== "object") {
@@ -91,263 +99,6 @@ var AssetType = /* @__PURE__ */ ((AssetType2) => {
   return AssetType2;
 })(AssetType || {});
 
-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) {
-    for (const v of value) {
-      if (Array.isArray(v)) {
-        for (const vv of v) {
-          globsSet.add(vv);
-        }
-      } else {
-        globsSet.add(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 } = gulp.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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsTask) }).pipe(plumber__default()).pipe(
-          transformJs({
-            babelParserOptions: x === "ts" ? {
-              plugins: ["typescript"]
-            } : void 0
-          })
-        ).pipe(
-          gulp__default.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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsonTask) }).pipe(plumber__default()).pipe(
-          gulp__default.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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(CssTask) }).pipe(plumber__default()).pipe(gulpif__default(Boolean(postcssOptions), postcssrc__default(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
-          gulp__default.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
-  }
-  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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(HtmlTask) }).pipe(plumber__default()).pipe(transformWxml()).pipe(
-          gulp__default.dest(outDir, {
-            cwd
-          })
-        );
-      };
-    });
-  }
-  function copyOthers() {
-    if (Array.isArray(include)) {
-      const globs = include.map((x) => {
-        return `${base}${x}`;
-      });
-      globsSetAdd(globs);
-      return gulp__default.src(globs, { cwd, since: gulp__default.lastRun(copyOthers) }).pipe(plumber__default()).pipe(
-        gulp__default.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__default.bold(pc__default.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__default.bold(pc__default.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");
-      }
-      fs.ensureDirSync(path__default.resolve(cwd, outDir));
-      await runTasks();
-      return this;
-    },
-    watch() {
-      fs.ensureDirSync(path__default.resolve(cwd, outDir));
-      const watcher = gulp__default.watch([...globsSet], watchOptions, async (cb) => {
-        try {
-          await runTasks();
-          cb();
-        } catch (error) {
-          cb(error);
-        }
-      });
-      watcher.on("change", function(path2) {
-        console.log(`${pc__default.green("changed")} ${path2}`);
-      });
-      watcher.on("add", function(path2) {
-        console.log(`${pc__default.green("add")} ${path2}`);
-      });
-      watcher.on("unlink", function(path2) {
-        console.log(`${pc__default.green("remove")} ${path2}`);
-      });
-      watcher.on("ready", function() {
-        console.log(`${pc__default.green("weapp")}-${pc__default.blue("tailwindcss")} is ready!`);
-      });
-      this.watcher = watcher;
-      return this;
-    },
-    globsSet
-  };
-}
-async function build(options) {
-  let postcssOptions;
-  try {
-    postcssOptions = await loadPostcssConfig__default({ cwd: options?.root });
-  } catch {
-  }
-  const builder = createBuilder(defu(options, { postcssOptions }));
-  return await builder.build();
-}
-async function watch(options) {
-  let postcssOptions;
-  try {
-    postcssOptions = await loadPostcssConfig__default({ cwd: options?.root });
-  } catch {
-  }
-  const builder = createBuilder(defu(options, { postcssOptions }));
-  return await builder.watch();
-}
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -384,10 +135,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]';
 }
 
@@ -424,7 +175,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';
 };
 
@@ -542,7 +293,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;
@@ -563,7 +314,7 @@ const setValue = (target, path, value, options) => {
       continue;
     }
 
-    if (!isObject$1(obj[key])) {
+    if (!isObject$2(obj[key])) {
       obj[key] = {};
     }
 
@@ -590,10 +341,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 };
   }
 
@@ -691,11 +442,309 @@ 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 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 = /* @__PURE__ */ new Set();
+  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__default(sassLib);
+  }
+  const { transformJs, transformWxml, transformWxss } = gulp.createPlugins(weappTailwindcssOptions);
+  function globsSetAdd(...value) {
+    for (const v of value) {
+      if (Array.isArray(v)) {
+        for (const vv of v) {
+          globsSet.add(vv);
+        }
+      } else {
+        globsSet.add(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;
+  }
+  function getJsTasks() {
+    const assetType = AssetType.JavaScript;
+    const globs = getGlobs(assetType);
+    globsSetAdd(globs);
+    return extensions[assetType]?.map((x) => {
+      const src = `${base}**/*.${x}`;
+      globsSetAdd(src);
+      const isTs = isTsLang(x);
+      const loadTs = enableTs && isTs;
+      let gulpTs;
+      if (enableTs && typeof typescriptOptions !== "boolean") {
+        gulpTs = typescript__default.createProject(typescriptOptions.tsConfigFileName ?? "tsconfig.json", typeof typescriptOptions === "boolean" ? {} : typescriptOptions);
+      }
+      return function JsTask() {
+        let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsTask) }).pipe(plumber__default());
+        if (loadTs) {
+          chain = chain.pipe(gulpTs());
+        }
+        return chain.pipe(
+          transformJs({
+            babelParserOptions: !enableTs && isTs ? {
+              plugins: ["typescript"]
+            } : void 0
+          })
+        ).pipe(
+          gulpif__default(
+            loadTs,
+            rename__default({
+              extname: ".js"
+            })
+          )
+        ).pipe(
+          gulp__default.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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsonTask) }).pipe(plumber__default()).pipe(
+          gulp__default.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);
+      const loadSass = enableSass && isSassLang(x);
+      const loadLess = enableLess && isLessLang(x);
+      return function CssTask() {
+        let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(CssTask) }).pipe(plumber__default());
+        if (loadSass) {
+          chain = chain.pipe(
+            sass.sync(
+              // @ts-ignore
+              typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
+            ).on("error", sass.logError)
+          );
+        }
+        return chain.pipe(gulpif__default(loadLess, less__default(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less))).pipe(gulpif__default(Boolean(postcssOptions), postcssrc__default(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
+          gulpif__default(
+            loadSass || loadLess,
+            rename__default({
+              extname: ".wxss"
+            })
+          )
+        ).pipe(
+          gulp__default.dest(outDir, {
+            cwd
+          })
+        );
+      };
+    });
+  }
+  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__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(HtmlTask) }).pipe(plumber__default()).pipe(transformWxml()).pipe(
+          gulp__default.dest(outDir, {
+            cwd
+          })
+        );
+      };
+    });
+  }
+  function copyOthers() {
+    if (Array.isArray(include)) {
+      const globs = include.map((x) => {
+        return `${base}${x}`;
+      });
+      globsSetAdd(globs);
+      return gulp__default.src(globs, { cwd, since: gulp__default.lastRun(copyOthers) }).pipe(plumber__default()).pipe(
+        gulp__default.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"
+];
+async function createBuilder(options) {
+  let postcssOptionsFromConfig;
+  try {
+    postcssOptionsFromConfig = await loadPostcssConfig__default({ 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: {
+      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__default.bold(pc__default.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__default.bold(pc__default.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");
+      }
+      fs.ensureDirSync(path__default.resolve(cwd, outDir));
+      await runTasks();
+      return this;
+    },
+    watch() {
+      fs.ensureDirSync(path__default.resolve(cwd, outDir));
+      const watcher = gulp__default.watch([...globsSet], watchOptions, async (cb) => {
+        try {
+          await runTasks();
+          cb();
+        } catch (error) {
+          cb(error);
+        }
+      });
+      watcher.on("change", function(path2) {
+        console.log(`${pc__default.green("changed")} ${path2}`);
+      });
+      watcher.on("add", function(path2) {
+        console.log(`${pc__default.green("add")} ${path2}`);
+      });
+      watcher.on("unlink", function(path2) {
+        console.log(`${pc__default.green("remove")} ${path2}`);
+      });
+      watcher.on("ready", function() {
+        console.log(`${pc__default.green("weapp")}-${pc__default.blue("tailwindcss")} 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 = cosmiconfig.cosmiconfigSync("weapp-tw");
   function search(searchFrom = root) {

package/dist/index.d.cts

@@ -3,6 +3,8 @@ import { FSWatcher } from 'fs-extra';
 import { UserDefinedOptions } from 'weapp-tailwindcss';
 import { WatchOptions } from 'gulp';
 import { Result } from 'postcss-load-config';
+import { Options } from 'sass';
+import { Settings } from 'gulp-typescript';
 import * as cosmiconfig from 'cosmiconfig';
 
 declare function createCli(): Command;
@@ -14,6 +16,18 @@ declare enum AssetType {
     Html = "html"
 }
 
+interface GulpLessOptions {
+    modifyVars?: object | undefined;
+    paths?: string[] | undefined;
+    plugins?: any[] | undefined;
+    relativeUrls?: boolean | undefined;
+}
+interface GulpSassOptions extends Options<'sync'> {
+    errLogToConsole?: boolean | undefined;
+    onSuccess?: ((css: string) => any) | undefined;
+    onError?: ((err: Error) => any) | undefined;
+    sync?: boolean | undefined;
+}
 interface BuildOptions {
     weappTailwindcssOptions: UserDefinedOptions;
     outDir: string;
@@ -29,16 +43,24 @@ interface BuildOptions {
         json?: string[];
     };
     postcssOptions?: Partial<Omit<Result, 'file'>>;
+    preprocessorOptions?: {
+        sass?: boolean | GulpSassOptions;
+        less?: boolean | GulpLessOptions;
+    };
     watchOptions: WatchOptions;
+    typescriptOptions: boolean | {
+        settings?: Settings;
+        tsConfigFileName?: string;
+    };
 }
 type UserConfig = Partial<BuildOptions>;
 
-declare function createBuilder(options?: Partial<BuildOptions>): {
+declare function createBuilder(options?: Partial<BuildOptions>): Promise<{
     watcher: FSWatcher | undefined;
     build(): Promise<any>;
     watch(): any;
     globsSet: Set<string>;
-};
+}>;
 declare function build(options?: Partial<BuildOptions>): Promise<{
     watcher: FSWatcher | undefined;
     build(): Promise<any>;