@wyw-in-js/cli 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Anton Evzhakov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/esm/wyw-in-js.js

@@ -0,0 +1,175 @@
+/* eslint-disable no-console */
+/**
+ * This file contains a CLI for wyw-in-js.
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { asyncResolveFallback } from '@wyw-in-js/shared';
+import { createFileReporter, TransformCacheCollection, transform } from '@wyw-in-js/transform';
+import glob from 'glob';
+import mkdirp from 'mkdirp';
+import normalize from 'normalize-path';
+import yargs from 'yargs';
+const modulesOptions = ['commonjs', 'es2015', 'es6', 'esnext', 'native'];
+const argv = yargs.usage('Usage: $0 [options] <files ...>').option('config', {
+  alias: 'c',
+  type: 'string',
+  description: 'Path to a config file',
+  requiresArg: true,
+  coerce: path.resolve
+}).option('out-dir', {
+  alias: 'o',
+  type: 'string',
+  description: 'Output directory for the extracted CSS files',
+  demandOption: true,
+  requiresArg: true,
+  coerce: path.resolve
+}).option('source-maps', {
+  alias: 's',
+  type: 'boolean',
+  description: 'Generate source maps for the CSS files',
+  default: false
+}).option('parallel', {
+  alias: 'p',
+  type: 'boolean',
+  description: 'Run extraction in parallel',
+  default: false
+}).option('source-root', {
+  alias: 'r',
+  type: 'string',
+  description: 'Directory containing the source JS files',
+  demandOption: true,
+  requiresArg: true,
+  coerce: path.resolve
+}).option('insert-css-requires', {
+  alias: 'i',
+  type: 'string',
+  description: 'Directory containing JS files to insert require statements for the CSS files',
+  requiresArg: true,
+  coerce: path.resolve
+}).option('transform', {
+  alias: 't',
+  type: 'boolean',
+  description: 'Replace template tags with evaluated values'
+}).option('modules', {
+  alias: 'm',
+  choices: modulesOptions,
+  description: 'Specifies a type of used imports',
+  default: 'commonjs',
+  coerce: s => s.toLowerCase()
+}).implies('insert-css-requires', 'source-root').implies('transform', 'insert-css-requires').option('ignore', {
+  alias: 'x',
+  type: 'string',
+  description: 'Pattern of files to ignore. Be sure to provide a string',
+  requiresArg: true
+}).alias('help', 'h').alias('version', 'v').parseSync();
+function resolveRequireInsertionFilename(filename) {
+  return filename.replace(/\.tsx?/, '.js');
+}
+function resolveOutputFilename(filename, outDir, sourceRoot) {
+  const outputFolder = path.relative(sourceRoot, path.dirname(filename));
+  const outputBasename = path.basename(filename).replace(path.extname(filename), '.css');
+  return path.join(outDir, outputFolder, outputBasename);
+}
+async function processFiles(files, options) {
+  const {
+    emitter,
+    onDone
+  } = createFileReporter();
+  const resolvedFiles = files.reduce((acc, pattern) => [...acc, ...glob.sync(pattern.toString(), {
+    absolute: true,
+    ignore: options.ignore
+  })], []);
+  const cache = new TransformCacheCollection();
+  const modifiedFiles = [];
+  const tasks = [];
+
+  // eslint-disable-next-line no-restricted-syntax
+  for (const filename of resolvedFiles) {
+    if (fs.lstatSync(filename).isDirectory()) {
+      return;
+    }
+    const outputFilename = resolveOutputFilename(filename, options.outDir, options.sourceRoot);
+    const transformServices = {
+      options: {
+        filename,
+        outputFilename,
+        pluginOptions: {
+          configFile: options.configFile
+        },
+        root: options.sourceRoot
+      },
+      cache,
+      eventEmitter: emitter
+    };
+    tasks.push(() => transform(transformServices, fs.readFileSync(filename).toString(), asyncResolveFallback).then(({
+      code,
+      cssText,
+      sourceMap,
+      cssSourceMapText
+    }) => {
+      if (!cssText) {
+        return false;
+      }
+      mkdirp.sync(path.dirname(outputFilename));
+      const cssContent = options.sourceMaps && sourceMap ? `${cssText}\n/*# sourceMappingURL=${outputFilename}.map */` : cssText;
+      fs.writeFileSync(outputFilename, cssContent);
+      if (options.sourceMaps && sourceMap && typeof cssSourceMapText !== 'undefined') {
+        fs.writeFileSync(`${outputFilename}.map`, cssSourceMapText);
+      }
+      if (options.sourceRoot && options.insertCssRequires) {
+        const inputFilename = path.resolve(options.insertCssRequires, path.relative(options.sourceRoot, filename));
+        const relativePath = normalize(path.relative(path.dirname(inputFilename), outputFilename));
+        const pathForImport = relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
+        const statement = options.modules === 'commonjs' ? `\nrequire('${pathForImport}');` : `\nimport "${pathForImport}";`;
+        const normalizedInputFilename = resolveRequireInsertionFilename(inputFilename);
+        const inputContent = options.transform ? code : fs.readFileSync(normalizedInputFilename, 'utf-8');
+        if (!inputContent.trim().endsWith(statement)) {
+          modifiedFiles.push({
+            name: normalizedInputFilename,
+            content: `${inputContent}\n${statement}\n`
+          });
+        }
+      }
+      return true;
+    }));
+  }
+  if (options.parallel) {
+    const res = await Promise.all(tasks.map(task => task()));
+    console.log(`Successfully extracted ${res.filter(i => i).length} CSS files.`);
+  } else {
+    let count = 0;
+    for (const task of tasks) {
+      // eslint-disable-next-line no-await-in-loop
+      const res = await task();
+      if (res) {
+        count += 1;
+      }
+    }
+    console.log(`Successfully extracted ${count} CSS files.`);
+  }
+  modifiedFiles.forEach(({
+    name,
+    content
+  }) => {
+    fs.writeFileSync(name, content);
+  });
+  cache.clear('all');
+  modifiedFiles.length = 0;
+  resolvedFiles.length = 0;
+  tasks.length = 0;
+  onDone(options.sourceRoot ?? process.cwd());
+}
+processFiles(argv._, {
+  configFile: argv.config,
+  ignore: argv.ignore,
+  insertCssRequires: argv['insert-css-requires'],
+  modules: argv.modules,
+  parallel: argv.parallel,
+  outDir: argv['out-dir'],
+  sourceMaps: argv['source-maps'],
+  sourceRoot: argv['source-root'],
+  transform: argv.transform
+});
+//# sourceMappingURL=wyw-in-js.js.map

package/esm/wyw-in-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wyw-in-js.js","names":["fs","path","asyncResolveFallback","createFileReporter","TransformCacheCollection","transform","glob","mkdirp","normalize","yargs","modulesOptions","argv","usage","option","alias","type","description","requiresArg","coerce","resolve","demandOption","default","choices","s","toLowerCase","implies","parseSync","resolveRequireInsertionFilename","filename","replace","resolveOutputFilename","outDir","sourceRoot","outputFolder","relative","dirname","outputBasename","basename","extname","join","processFiles","files","options","emitter","onDone","resolvedFiles","reduce","acc","pattern","sync","toString","absolute","ignore","cache","modifiedFiles","tasks","lstatSync","isDirectory","outputFilename","transformServices","pluginOptions","configFile","root","eventEmitter","push","readFileSync","then","code","cssText","sourceMap","cssSourceMapText","cssContent","sourceMaps","writeFileSync","insertCssRequires","inputFilename","relativePath","pathForImport","startsWith","statement","modules","normalizedInputFilename","inputContent","trim","endsWith","name","content","parallel","res","Promise","all","map","task","console","log","filter","i","length","count","forEach","clear","process","cwd","_","config"],"sources":["../src/wyw-in-js.ts"],"sourcesContent":["/* eslint-disable no-console */\n/**\n * This file contains a CLI for wyw-in-js.\n */\n\nimport fs from 'fs';\nimport path from 'path';\n\nimport { asyncResolveFallback } from '@wyw-in-js/shared';\nimport {\n  createFileReporter,\n  TransformCacheCollection,\n  transform,\n} from '@wyw-in-js/transform';\nimport glob from 'glob';\nimport mkdirp from 'mkdirp';\nimport normalize from 'normalize-path';\nimport yargs from 'yargs';\n\nconst modulesOptions = [\n  'commonjs',\n  'es2015',\n  'es6',\n  'esnext',\n  'native',\n] as const;\n\nconst argv = yargs\n  .usage('Usage: $0 [options] <files ...>')\n  .option('config', {\n    alias: 'c',\n    type: 'string',\n    description: 'Path to a config file',\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('out-dir', {\n    alias: 'o',\n    type: 'string',\n    description: 'Output directory for the extracted CSS files',\n    demandOption: true,\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('source-maps', {\n    alias: 's',\n    type: 'boolean',\n    description: 'Generate source maps for the CSS files',\n    default: false,\n  })\n  .option('parallel', {\n    alias: 'p',\n    type: 'boolean',\n    description: 'Run extraction in parallel',\n    default: false,\n  })\n  .option('source-root', {\n    alias: 'r',\n    type: 'string',\n    description: 'Directory containing the source JS files',\n    demandOption: true,\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('insert-css-requires', {\n    alias: 'i',\n    type: 'string',\n    description:\n      'Directory containing JS files to insert require statements for the CSS files',\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('transform', {\n    alias: 't',\n    type: 'boolean',\n    description: 'Replace template tags with evaluated values',\n  })\n  .option('modules', {\n    alias: 'm',\n    choices: modulesOptions,\n    description: 'Specifies a type of used imports',\n    default: 'commonjs' as const,\n    coerce: (s) => s.toLowerCase(),\n  })\n  .implies('insert-css-requires', 'source-root')\n  .implies('transform', 'insert-css-requires')\n  .option('ignore', {\n    alias: 'x',\n    type: 'string',\n    description: 'Pattern of files to ignore. Be sure to provide a string',\n    requiresArg: true,\n  })\n  .alias('help', 'h')\n  .alias('version', 'v')\n  .parseSync();\n\ntype Options = {\n  configFile?: string;\n  ignore?: string;\n  insertCssRequires?: string;\n  modules: (typeof modulesOptions)[number];\n  outDir: string;\n  parallel?: boolean;\n  sourceMaps?: boolean;\n  sourceRoot: string;\n  transform?: boolean;\n};\n\nfunction resolveRequireInsertionFilename(filename: string) {\n  return filename.replace(/\\.tsx?/, '.js');\n}\n\nfunction resolveOutputFilename(\n  filename: string,\n  outDir: string,\n  sourceRoot: string\n) {\n  const outputFolder = path.relative(sourceRoot, path.dirname(filename));\n  const outputBasename = path\n    .basename(filename)\n    .replace(path.extname(filename), '.css');\n\n  return path.join(outDir, outputFolder, outputBasename);\n}\n\nasync function processFiles(files: (number | string)[], options: Options) {\n  const { emitter, onDone } = createFileReporter();\n\n  const resolvedFiles = files.reduce(\n    (acc, pattern) => [\n      ...acc,\n      ...glob.sync(pattern.toString(), {\n        absolute: true,\n        ignore: options.ignore,\n      }),\n    ],\n    [] as string[]\n  );\n  const cache = new TransformCacheCollection();\n\n  const modifiedFiles: { content: string; name: string }[] = [];\n\n  const tasks: (() => Promise<boolean>)[] = [];\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const filename of resolvedFiles) {\n    if (fs.lstatSync(filename).isDirectory()) {\n      return;\n    }\n\n    const outputFilename = resolveOutputFilename(\n      filename,\n      options.outDir,\n      options.sourceRoot\n    );\n\n    const transformServices = {\n      options: {\n        filename,\n        outputFilename,\n        pluginOptions: {\n          configFile: options.configFile,\n        },\n        root: options.sourceRoot,\n      },\n      cache,\n      eventEmitter: emitter,\n    };\n\n    tasks.push(() =>\n      transform(\n        transformServices,\n        fs.readFileSync(filename).toString(),\n        asyncResolveFallback\n      ).then(({ code, cssText, sourceMap, cssSourceMapText }): boolean => {\n        if (!cssText) {\n          return false;\n        }\n        mkdirp.sync(path.dirname(outputFilename));\n\n        const cssContent =\n          options.sourceMaps && sourceMap\n            ? `${cssText}\\n/*# sourceMappingURL=${outputFilename}.map */`\n            : cssText;\n\n        fs.writeFileSync(outputFilename, cssContent);\n\n        if (\n          options.sourceMaps &&\n          sourceMap &&\n          typeof cssSourceMapText !== 'undefined'\n        ) {\n          fs.writeFileSync(`${outputFilename}.map`, cssSourceMapText);\n        }\n\n        if (options.sourceRoot && options.insertCssRequires) {\n          const inputFilename = path.resolve(\n            options.insertCssRequires,\n            path.relative(options.sourceRoot, filename)\n          );\n\n          const relativePath = normalize(\n            path.relative(path.dirname(inputFilename), outputFilename)\n          );\n\n          const pathForImport = relativePath.startsWith('.')\n            ? relativePath\n            : `./${relativePath}`;\n\n          const statement =\n            options.modules === 'commonjs'\n              ? `\\nrequire('${pathForImport}');`\n              : `\\nimport \"${pathForImport}\";`;\n\n          const normalizedInputFilename =\n            resolveRequireInsertionFilename(inputFilename);\n\n          const inputContent = options.transform\n            ? code\n            : fs.readFileSync(normalizedInputFilename, 'utf-8');\n\n          if (!inputContent.trim().endsWith(statement)) {\n            modifiedFiles.push({\n              name: normalizedInputFilename,\n              content: `${inputContent}\\n${statement}\\n`,\n            });\n          }\n        }\n\n        return true;\n      })\n    );\n  }\n\n  if (options.parallel) {\n    const res = await Promise.all(tasks.map((task) => task()));\n    console.log(\n      `Successfully extracted ${res.filter((i) => i).length} CSS files.`\n    );\n  } else {\n    let count = 0;\n    for (const task of tasks) {\n      // eslint-disable-next-line no-await-in-loop\n      const res = await task();\n      if (res) {\n        count += 1;\n      }\n    }\n\n    console.log(`Successfully extracted ${count} CSS files.`);\n  }\n\n  modifiedFiles.forEach(({ name, content }) => {\n    fs.writeFileSync(name, content);\n  });\n\n  cache.clear('all');\n  modifiedFiles.length = 0;\n  resolvedFiles.length = 0;\n  tasks.length = 0;\n\n  onDone(options.sourceRoot ?? process.cwd());\n}\n\nprocessFiles(argv._, {\n  configFile: argv.config,\n  ignore: argv.ignore,\n  insertCssRequires: argv['insert-css-requires'],\n  modules: argv.modules,\n  parallel: argv.parallel,\n  outDir: argv['out-dir'],\n  sourceMaps: argv['source-maps'],\n  sourceRoot: argv['source-root'],\n  transform: argv.transform,\n});\n"],"mappings":"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"}

package/lib/wyw-in-js.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+var _shared = require("@wyw-in-js/shared");
+var _transform = require("@wyw-in-js/transform");
+var _glob = _interopRequireDefault(require("glob"));
+var _mkdirp = _interopRequireDefault(require("mkdirp"));
+var _normalizePath = _interopRequireDefault(require("normalize-path"));
+var _yargs = _interopRequireDefault(require("yargs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable no-console */
+/**
+ * This file contains a CLI for wyw-in-js.
+ */
+
+const modulesOptions = ['commonjs', 'es2015', 'es6', 'esnext', 'native'];
+const argv = _yargs.default.usage('Usage: $0 [options] <files ...>').option('config', {
+  alias: 'c',
+  type: 'string',
+  description: 'Path to a config file',
+  requiresArg: true,
+  coerce: _path.default.resolve
+}).option('out-dir', {
+  alias: 'o',
+  type: 'string',
+  description: 'Output directory for the extracted CSS files',
+  demandOption: true,
+  requiresArg: true,
+  coerce: _path.default.resolve
+}).option('source-maps', {
+  alias: 's',
+  type: 'boolean',
+  description: 'Generate source maps for the CSS files',
+  default: false
+}).option('parallel', {
+  alias: 'p',
+  type: 'boolean',
+  description: 'Run extraction in parallel',
+  default: false
+}).option('source-root', {
+  alias: 'r',
+  type: 'string',
+  description: 'Directory containing the source JS files',
+  demandOption: true,
+  requiresArg: true,
+  coerce: _path.default.resolve
+}).option('insert-css-requires', {
+  alias: 'i',
+  type: 'string',
+  description: 'Directory containing JS files to insert require statements for the CSS files',
+  requiresArg: true,
+  coerce: _path.default.resolve
+}).option('transform', {
+  alias: 't',
+  type: 'boolean',
+  description: 'Replace template tags with evaluated values'
+}).option('modules', {
+  alias: 'm',
+  choices: modulesOptions,
+  description: 'Specifies a type of used imports',
+  default: 'commonjs',
+  coerce: s => s.toLowerCase()
+}).implies('insert-css-requires', 'source-root').implies('transform', 'insert-css-requires').option('ignore', {
+  alias: 'x',
+  type: 'string',
+  description: 'Pattern of files to ignore. Be sure to provide a string',
+  requiresArg: true
+}).alias('help', 'h').alias('version', 'v').parseSync();
+function resolveRequireInsertionFilename(filename) {
+  return filename.replace(/\.tsx?/, '.js');
+}
+function resolveOutputFilename(filename, outDir, sourceRoot) {
+  const outputFolder = _path.default.relative(sourceRoot, _path.default.dirname(filename));
+  const outputBasename = _path.default.basename(filename).replace(_path.default.extname(filename), '.css');
+  return _path.default.join(outDir, outputFolder, outputBasename);
+}
+async function processFiles(files, options) {
+  var _options$sourceRoot;
+  const {
+    emitter,
+    onDone
+  } = (0, _transform.createFileReporter)();
+  const resolvedFiles = files.reduce((acc, pattern) => [...acc, ..._glob.default.sync(pattern.toString(), {
+    absolute: true,
+    ignore: options.ignore
+  })], []);
+  const cache = new _transform.TransformCacheCollection();
+  const modifiedFiles = [];
+  const tasks = [];
+
+  // eslint-disable-next-line no-restricted-syntax
+  for (const filename of resolvedFiles) {
+    if (_fs.default.lstatSync(filename).isDirectory()) {
+      return;
+    }
+    const outputFilename = resolveOutputFilename(filename, options.outDir, options.sourceRoot);
+    const transformServices = {
+      options: {
+        filename,
+        outputFilename,
+        pluginOptions: {
+          configFile: options.configFile
+        },
+        root: options.sourceRoot
+      },
+      cache,
+      eventEmitter: emitter
+    };
+    tasks.push(() => (0, _transform.transform)(transformServices, _fs.default.readFileSync(filename).toString(), _shared.asyncResolveFallback).then(({
+      code,
+      cssText,
+      sourceMap,
+      cssSourceMapText
+    }) => {
+      if (!cssText) {
+        return false;
+      }
+      _mkdirp.default.sync(_path.default.dirname(outputFilename));
+      const cssContent = options.sourceMaps && sourceMap ? `${cssText}\n/*# sourceMappingURL=${outputFilename}.map */` : cssText;
+      _fs.default.writeFileSync(outputFilename, cssContent);
+      if (options.sourceMaps && sourceMap && typeof cssSourceMapText !== 'undefined') {
+        _fs.default.writeFileSync(`${outputFilename}.map`, cssSourceMapText);
+      }
+      if (options.sourceRoot && options.insertCssRequires) {
+        const inputFilename = _path.default.resolve(options.insertCssRequires, _path.default.relative(options.sourceRoot, filename));
+        const relativePath = (0, _normalizePath.default)(_path.default.relative(_path.default.dirname(inputFilename), outputFilename));
+        const pathForImport = relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
+        const statement = options.modules === 'commonjs' ? `\nrequire('${pathForImport}');` : `\nimport "${pathForImport}";`;
+        const normalizedInputFilename = resolveRequireInsertionFilename(inputFilename);
+        const inputContent = options.transform ? code : _fs.default.readFileSync(normalizedInputFilename, 'utf-8');
+        if (!inputContent.trim().endsWith(statement)) {
+          modifiedFiles.push({
+            name: normalizedInputFilename,
+            content: `${inputContent}\n${statement}\n`
+          });
+        }
+      }
+      return true;
+    }));
+  }
+  if (options.parallel) {
+    const res = await Promise.all(tasks.map(task => task()));
+    console.log(`Successfully extracted ${res.filter(i => i).length} CSS files.`);
+  } else {
+    let count = 0;
+    for (const task of tasks) {
+      // eslint-disable-next-line no-await-in-loop
+      const res = await task();
+      if (res) {
+        count += 1;
+      }
+    }
+    console.log(`Successfully extracted ${count} CSS files.`);
+  }
+  modifiedFiles.forEach(({
+    name,
+    content
+  }) => {
+    _fs.default.writeFileSync(name, content);
+  });
+  cache.clear('all');
+  modifiedFiles.length = 0;
+  resolvedFiles.length = 0;
+  tasks.length = 0;
+  onDone((_options$sourceRoot = options.sourceRoot) !== null && _options$sourceRoot !== void 0 ? _options$sourceRoot : process.cwd());
+}
+processFiles(argv._, {
+  configFile: argv.config,
+  ignore: argv.ignore,
+  insertCssRequires: argv['insert-css-requires'],
+  modules: argv.modules,
+  parallel: argv.parallel,
+  outDir: argv['out-dir'],
+  sourceMaps: argv['source-maps'],
+  sourceRoot: argv['source-root'],
+  transform: argv.transform
+});
+//# sourceMappingURL=wyw-in-js.js.map

package/lib/wyw-in-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wyw-in-js.js","names":["_fs","_interopRequireDefault","require","_path","_shared","_transform","_glob","_mkdirp","_normalizePath","_yargs","obj","__esModule","default","modulesOptions","argv","yargs","usage","option","alias","type","description","requiresArg","coerce","path","resolve","demandOption","choices","s","toLowerCase","implies","parseSync","resolveRequireInsertionFilename","filename","replace","resolveOutputFilename","outDir","sourceRoot","outputFolder","relative","dirname","outputBasename","basename","extname","join","processFiles","files","options","_options$sourceRoot","emitter","onDone","createFileReporter","resolvedFiles","reduce","acc","pattern","glob","sync","toString","absolute","ignore","cache","TransformCacheCollection","modifiedFiles","tasks","fs","lstatSync","isDirectory","outputFilename","transformServices","pluginOptions","configFile","root","eventEmitter","push","transform","readFileSync","asyncResolveFallback","then","code","cssText","sourceMap","cssSourceMapText","mkdirp","cssContent","sourceMaps","writeFileSync","insertCssRequires","inputFilename","relativePath","normalize","pathForImport","startsWith","statement","modules","normalizedInputFilename","inputContent","trim","endsWith","name","content","parallel","res","Promise","all","map","task","console","log","filter","i","length","count","forEach","clear","process","cwd","_","config"],"sources":["../src/wyw-in-js.ts"],"sourcesContent":["/* eslint-disable no-console */\n/**\n * This file contains a CLI for wyw-in-js.\n */\n\nimport fs from 'fs';\nimport path from 'path';\n\nimport { asyncResolveFallback } from '@wyw-in-js/shared';\nimport {\n  createFileReporter,\n  TransformCacheCollection,\n  transform,\n} from '@wyw-in-js/transform';\nimport glob from 'glob';\nimport mkdirp from 'mkdirp';\nimport normalize from 'normalize-path';\nimport yargs from 'yargs';\n\nconst modulesOptions = [\n  'commonjs',\n  'es2015',\n  'es6',\n  'esnext',\n  'native',\n] as const;\n\nconst argv = yargs\n  .usage('Usage: $0 [options] <files ...>')\n  .option('config', {\n    alias: 'c',\n    type: 'string',\n    description: 'Path to a config file',\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('out-dir', {\n    alias: 'o',\n    type: 'string',\n    description: 'Output directory for the extracted CSS files',\n    demandOption: true,\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('source-maps', {\n    alias: 's',\n    type: 'boolean',\n    description: 'Generate source maps for the CSS files',\n    default: false,\n  })\n  .option('parallel', {\n    alias: 'p',\n    type: 'boolean',\n    description: 'Run extraction in parallel',\n    default: false,\n  })\n  .option('source-root', {\n    alias: 'r',\n    type: 'string',\n    description: 'Directory containing the source JS files',\n    demandOption: true,\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('insert-css-requires', {\n    alias: 'i',\n    type: 'string',\n    description:\n      'Directory containing JS files to insert require statements for the CSS files',\n    requiresArg: true,\n    coerce: path.resolve,\n  })\n  .option('transform', {\n    alias: 't',\n    type: 'boolean',\n    description: 'Replace template tags with evaluated values',\n  })\n  .option('modules', {\n    alias: 'm',\n    choices: modulesOptions,\n    description: 'Specifies a type of used imports',\n    default: 'commonjs' as const,\n    coerce: (s) => s.toLowerCase(),\n  })\n  .implies('insert-css-requires', 'source-root')\n  .implies('transform', 'insert-css-requires')\n  .option('ignore', {\n    alias: 'x',\n    type: 'string',\n    description: 'Pattern of files to ignore. Be sure to provide a string',\n    requiresArg: true,\n  })\n  .alias('help', 'h')\n  .alias('version', 'v')\n  .parseSync();\n\ntype Options = {\n  configFile?: string;\n  ignore?: string;\n  insertCssRequires?: string;\n  modules: (typeof modulesOptions)[number];\n  outDir: string;\n  parallel?: boolean;\n  sourceMaps?: boolean;\n  sourceRoot: string;\n  transform?: boolean;\n};\n\nfunction resolveRequireInsertionFilename(filename: string) {\n  return filename.replace(/\\.tsx?/, '.js');\n}\n\nfunction resolveOutputFilename(\n  filename: string,\n  outDir: string,\n  sourceRoot: string\n) {\n  const outputFolder = path.relative(sourceRoot, path.dirname(filename));\n  const outputBasename = path\n    .basename(filename)\n    .replace(path.extname(filename), '.css');\n\n  return path.join(outDir, outputFolder, outputBasename);\n}\n\nasync function processFiles(files: (number | string)[], options: Options) {\n  const { emitter, onDone } = createFileReporter();\n\n  const resolvedFiles = files.reduce(\n    (acc, pattern) => [\n      ...acc,\n      ...glob.sync(pattern.toString(), {\n        absolute: true,\n        ignore: options.ignore,\n      }),\n    ],\n    [] as string[]\n  );\n  const cache = new TransformCacheCollection();\n\n  const modifiedFiles: { content: string; name: string }[] = [];\n\n  const tasks: (() => Promise<boolean>)[] = [];\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const filename of resolvedFiles) {\n    if (fs.lstatSync(filename).isDirectory()) {\n      return;\n    }\n\n    const outputFilename = resolveOutputFilename(\n      filename,\n      options.outDir,\n      options.sourceRoot\n    );\n\n    const transformServices = {\n      options: {\n        filename,\n        outputFilename,\n        pluginOptions: {\n          configFile: options.configFile,\n        },\n        root: options.sourceRoot,\n      },\n      cache,\n      eventEmitter: emitter,\n    };\n\n    tasks.push(() =>\n      transform(\n        transformServices,\n        fs.readFileSync(filename).toString(),\n        asyncResolveFallback\n      ).then(({ code, cssText, sourceMap, cssSourceMapText }): boolean => {\n        if (!cssText) {\n          return false;\n        }\n        mkdirp.sync(path.dirname(outputFilename));\n\n        const cssContent =\n          options.sourceMaps && sourceMap\n            ? `${cssText}\\n/*# sourceMappingURL=${outputFilename}.map */`\n            : cssText;\n\n        fs.writeFileSync(outputFilename, cssContent);\n\n        if (\n          options.sourceMaps &&\n          sourceMap &&\n          typeof cssSourceMapText !== 'undefined'\n        ) {\n          fs.writeFileSync(`${outputFilename}.map`, cssSourceMapText);\n        }\n\n        if (options.sourceRoot && options.insertCssRequires) {\n          const inputFilename = path.resolve(\n            options.insertCssRequires,\n            path.relative(options.sourceRoot, filename)\n          );\n\n          const relativePath = normalize(\n            path.relative(path.dirname(inputFilename), outputFilename)\n          );\n\n          const pathForImport = relativePath.startsWith('.')\n            ? relativePath\n            : `./${relativePath}`;\n\n          const statement =\n            options.modules === 'commonjs'\n              ? `\\nrequire('${pathForImport}');`\n              : `\\nimport \"${pathForImport}\";`;\n\n          const normalizedInputFilename =\n            resolveRequireInsertionFilename(inputFilename);\n\n          const inputContent = options.transform\n            ? code\n            : fs.readFileSync(normalizedInputFilename, 'utf-8');\n\n          if (!inputContent.trim().endsWith(statement)) {\n            modifiedFiles.push({\n              name: normalizedInputFilename,\n              content: `${inputContent}\\n${statement}\\n`,\n            });\n          }\n        }\n\n        return true;\n      })\n    );\n  }\n\n  if (options.parallel) {\n    const res = await Promise.all(tasks.map((task) => task()));\n    console.log(\n      `Successfully extracted ${res.filter((i) => i).length} CSS files.`\n    );\n  } else {\n    let count = 0;\n    for (const task of tasks) {\n      // eslint-disable-next-line no-await-in-loop\n      const res = await task();\n      if (res) {\n        count += 1;\n      }\n    }\n\n    console.log(`Successfully extracted ${count} CSS files.`);\n  }\n\n  modifiedFiles.forEach(({ name, content }) => {\n    fs.writeFileSync(name, content);\n  });\n\n  cache.clear('all');\n  modifiedFiles.length = 0;\n  resolvedFiles.length = 0;\n  tasks.length = 0;\n\n  onDone(options.sourceRoot ?? process.cwd());\n}\n\nprocessFiles(argv._, {\n  configFile: argv.config,\n  ignore: argv.ignore,\n  insertCssRequires: argv['insert-css-requires'],\n  modules: argv.modules,\n  parallel: argv.parallel,\n  outDir: argv['out-dir'],\n  sourceMaps: argv['source-maps'],\n  sourceRoot: argv['source-root'],\n  transform: argv.transform,\n});\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@wyw-in-js/cli",
+  "version": "0.2.0",
+  "bin": {
+    "wyw-in-js": "bin/wyw-in-js.js"
+  },
+  "dependencies": {
+    "glob": "^10.3.10",
+    "mkdirp": "^0.5.1",
+    "normalize-path": "^3.0.0",
+    "yargs": "^17.5.0",
+    "@wyw-in-js/shared": "0.2.0",
+    "@wyw-in-js/transform": "0.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.5",
+    "@types/glob": "^7.2.0",
+    "@types/mkdirp": "^0.5.2",
+    "@types/normalize-path": "^3.0.0",
+    "@types/yargs": "^17.0.10",
+    "@wyw-in-js/babel-config": "0.2.0",
+    "@wyw-in-js/eslint-config": "0.2.0",
+    "@wyw-in-js/ts-config": "0.2.0"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "files": [
+    "esm/",
+    "lib/",
+    "types/"
+  ],
+  "license": "MIT",
+  "main": "lib/wyw-in-js.js",
+  "module": "esm/wyw-in-js.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "types": "types/wyw-in-js.d.ts",
+  "scripts": {
+    "build:esm": "babel src --out-dir esm --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
+    "build:lib": "cross-env NODE_ENV=legacy babel src --out-dir lib --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
+    "build:types": "tsc --project ./tsconfig.lib.json --baseUrl . --rootDir ./src",
+    "lint": "eslint --ext .js,.ts ."
+  }
+}

package/types/wyw-in-js.d.ts

@@ -0,0 +1,4 @@
+/**
+ * This file contains a CLI for wyw-in-js.
+ */
+export {};

package/types/wyw-in-js.js

@@ -0,0 +1,203 @@
+"use strict";
+/* eslint-disable no-console */
+/**
+ * This file contains a CLI for wyw-in-js.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const shared_1 = require("@wyw-in-js/shared");
+const transform_1 = require("@wyw-in-js/transform");
+const glob_1 = __importDefault(require("glob"));
+const mkdirp_1 = __importDefault(require("mkdirp"));
+const normalize_path_1 = __importDefault(require("normalize-path"));
+const yargs_1 = __importDefault(require("yargs"));
+const modulesOptions = [
+    'commonjs',
+    'es2015',
+    'es6',
+    'esnext',
+    'native',
+];
+const argv = yargs_1.default
+    .usage('Usage: $0 [options] <files ...>')
+    .option('config', {
+    alias: 'c',
+    type: 'string',
+    description: 'Path to a config file',
+    requiresArg: true,
+    coerce: path_1.default.resolve,
+})
+    .option('out-dir', {
+    alias: 'o',
+    type: 'string',
+    description: 'Output directory for the extracted CSS files',
+    demandOption: true,
+    requiresArg: true,
+    coerce: path_1.default.resolve,
+})
+    .option('source-maps', {
+    alias: 's',
+    type: 'boolean',
+    description: 'Generate source maps for the CSS files',
+    default: false,
+})
+    .option('parallel', {
+    alias: 'p',
+    type: 'boolean',
+    description: 'Run extraction in parallel',
+    default: false,
+})
+    .option('source-root', {
+    alias: 'r',
+    type: 'string',
+    description: 'Directory containing the source JS files',
+    demandOption: true,
+    requiresArg: true,
+    coerce: path_1.default.resolve,
+})
+    .option('insert-css-requires', {
+    alias: 'i',
+    type: 'string',
+    description: 'Directory containing JS files to insert require statements for the CSS files',
+    requiresArg: true,
+    coerce: path_1.default.resolve,
+})
+    .option('transform', {
+    alias: 't',
+    type: 'boolean',
+    description: 'Replace template tags with evaluated values',
+})
+    .option('modules', {
+    alias: 'm',
+    choices: modulesOptions,
+    description: 'Specifies a type of used imports',
+    default: 'commonjs',
+    coerce: (s) => s.toLowerCase(),
+})
+    .implies('insert-css-requires', 'source-root')
+    .implies('transform', 'insert-css-requires')
+    .option('ignore', {
+    alias: 'x',
+    type: 'string',
+    description: 'Pattern of files to ignore. Be sure to provide a string',
+    requiresArg: true,
+})
+    .alias('help', 'h')
+    .alias('version', 'v')
+    .parseSync();
+function resolveRequireInsertionFilename(filename) {
+    return filename.replace(/\.tsx?/, '.js');
+}
+function resolveOutputFilename(filename, outDir, sourceRoot) {
+    const outputFolder = path_1.default.relative(sourceRoot, path_1.default.dirname(filename));
+    const outputBasename = path_1.default
+        .basename(filename)
+        .replace(path_1.default.extname(filename), '.css');
+    return path_1.default.join(outDir, outputFolder, outputBasename);
+}
+async function processFiles(files, options) {
+    const { emitter, onDone } = (0, transform_1.createFileReporter)();
+    const resolvedFiles = files.reduce((acc, pattern) => [
+        ...acc,
+        ...glob_1.default.sync(pattern.toString(), {
+            absolute: true,
+            ignore: options.ignore,
+        }),
+    ], []);
+    const cache = new transform_1.TransformCacheCollection();
+    const modifiedFiles = [];
+    const tasks = [];
+    // eslint-disable-next-line no-restricted-syntax
+    for (const filename of resolvedFiles) {
+        if (fs_1.default.lstatSync(filename).isDirectory()) {
+            return;
+        }
+        const outputFilename = resolveOutputFilename(filename, options.outDir, options.sourceRoot);
+        const transformServices = {
+            options: {
+                filename,
+                outputFilename,
+                pluginOptions: {
+                    configFile: options.configFile,
+                },
+                root: options.sourceRoot,
+            },
+            cache,
+            eventEmitter: emitter,
+        };
+        tasks.push(() => (0, transform_1.transform)(transformServices, fs_1.default.readFileSync(filename).toString(), shared_1.asyncResolveFallback).then(({ code, cssText, sourceMap, cssSourceMapText }) => {
+            if (!cssText) {
+                return false;
+            }
+            mkdirp_1.default.sync(path_1.default.dirname(outputFilename));
+            const cssContent = options.sourceMaps && sourceMap
+                ? `${cssText}\n/*# sourceMappingURL=${outputFilename}.map */`
+                : cssText;
+            fs_1.default.writeFileSync(outputFilename, cssContent);
+            if (options.sourceMaps &&
+                sourceMap &&
+                typeof cssSourceMapText !== 'undefined') {
+                fs_1.default.writeFileSync(`${outputFilename}.map`, cssSourceMapText);
+            }
+            if (options.sourceRoot && options.insertCssRequires) {
+                const inputFilename = path_1.default.resolve(options.insertCssRequires, path_1.default.relative(options.sourceRoot, filename));
+                const relativePath = (0, normalize_path_1.default)(path_1.default.relative(path_1.default.dirname(inputFilename), outputFilename));
+                const pathForImport = relativePath.startsWith('.')
+                    ? relativePath
+                    : `./${relativePath}`;
+                const statement = options.modules === 'commonjs'
+                    ? `\nrequire('${pathForImport}');`
+                    : `\nimport "${pathForImport}";`;
+                const normalizedInputFilename = resolveRequireInsertionFilename(inputFilename);
+                const inputContent = options.transform
+                    ? code
+                    : fs_1.default.readFileSync(normalizedInputFilename, 'utf-8');
+                if (!inputContent.trim().endsWith(statement)) {
+                    modifiedFiles.push({
+                        name: normalizedInputFilename,
+                        content: `${inputContent}\n${statement}\n`,
+                    });
+                }
+            }
+            return true;
+        }));
+    }
+    if (options.parallel) {
+        const res = await Promise.all(tasks.map((task) => task()));
+        console.log(`Successfully extracted ${res.filter((i) => i).length} CSS files.`);
+    }
+    else {
+        let count = 0;
+        for (const task of tasks) {
+            // eslint-disable-next-line no-await-in-loop
+            const res = await task();
+            if (res) {
+                count += 1;
+            }
+        }
+        console.log(`Successfully extracted ${count} CSS files.`);
+    }
+    modifiedFiles.forEach(({ name, content }) => {
+        fs_1.default.writeFileSync(name, content);
+    });
+    cache.clear('all');
+    modifiedFiles.length = 0;
+    resolvedFiles.length = 0;
+    tasks.length = 0;
+    onDone(options.sourceRoot ?? process.cwd());
+}
+processFiles(argv._, {
+    configFile: argv.config,
+    ignore: argv.ignore,
+    insertCssRequires: argv['insert-css-requires'],
+    modules: argv.modules,
+    parallel: argv.parallel,
+    outDir: argv['out-dir'],
+    sourceMaps: argv['source-maps'],
+    sourceRoot: argv['source-root'],
+    transform: argv.transform,
+});