@cocojs/cli 0.0.1-alpha.0

package/dist/webpack-process/index.js

@@ -0,0 +1,563 @@
+'use strict';
+
+var process$1 = require('node:process');
+var Webpack = require('webpack');
+var WebpackDevServer = require('webpack-dev-server');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+var path = require('node:path');
+var fs = require('node:fs');
+var webpackMerge = require('webpack-merge');
+
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: false
+  }), e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), true), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (String )(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+var cmdDefaultEnvMap = {
+  dev: 'dev',
+  build: 'prod'
+};
+var defaultConfigName = 'config.js';
+/**
+ * 得到构建配置的名称
+ */
+var configFileName = function configFileName(cmd) {
+  var env = process$1.env.NODE_ENV || cmdDefaultEnvMap[cmd] || '';
+  return env ? "config.".concat(env, ".js") : defaultConfigName;
+};
+
+function readWebpack(_x) {
+  return _readWebpack.apply(this, arguments);
+}
+function _readWebpack() {
+  _readWebpack = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(cmd) {
+    var _yield$import, _content$webpack;
+    var filename, filepath, content, _t, _t2, _t3;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          filename = cmd ? configFileName(cmd) : defaultConfigName;
+          filepath = path.resolve(process.cwd(), "config/".concat(filename));
+          if (fs.existsSync(filepath)) {
+            _context.n = 1;
+            break;
+          }
+          console.warn("\u914D\u7F6E\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A".concat(filepath));
+          return _context.a(2, {});
+        case 1:
+          _context.n = 2;
+          return import(filepath);
+        case 2:
+          _t2 = _yield$import = _context.v;
+          _t = _t2 === null;
+          if (_t) {
+            _context.n = 3;
+            break;
+          }
+          _t = _yield$import === void 0;
+        case 3:
+          if (!_t) {
+            _context.n = 4;
+            break;
+          }
+          _t3 = void 0;
+          _context.n = 5;
+          break;
+        case 4:
+          _t3 = _yield$import["default"];
+        case 5:
+          content = _t3;
+          return _context.a(2, (_content$webpack = content === null || content === void 0 ? void 0 : content.webpack) !== null && _content$webpack !== void 0 ? _content$webpack : {});
+      }
+    }, _callee);
+  }));
+  return _readWebpack.apply(this, arguments);
+}
+var buildInConfig = {
+  mode: 'production',
+  entry: path.join(process.cwd(), './src/.coco/index.tsx'),
+  module: {
+    rules: [{
+      test: /\.tsx?$/,
+      use: [{
+        loader: require.resolve('babel-loader'),
+        options: {
+          presets: [require.resolve('@babel/preset-typescript')],
+          plugins: [[require.resolve('@babel/plugin-proposal-decorators'), {
+            version: '2023-11'
+          }], [require.resolve('@babel/plugin-transform-react-jsx'), {
+            runtime: 'automatic',
+            importSource: '@cocojs/mvc'
+          }]]
+        }
+      }, {
+        loader: require.resolve('ts-loader'),
+        options: {
+          context: process.cwd(),
+          transpileOnly: false
+        }
+      }],
+      exclude: /node_modules/
+    }]
+  },
+  resolveLoader: {
+    modules: [path.resolve(__dirname, '../../node_modules'), 'node_modules']
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.jsx', '.js'],
+    alias: {
+      '@': path.resolve(process.cwd(), 'src/')
+    }
+  },
+  output: {
+    publicPath: '/',
+    filename: 'main.js',
+    path: path.join(process.cwd(), 'dist'),
+    clean: true
+  },
+  devServer: {
+    "static": {
+      directory: path.join(process.cwd(), 'dist')
+    },
+    compress: true,
+    historyApiFallback: true,
+    port: 9700,
+    devMiddleware: {
+      writeToDisk: true
+    }
+  },
+  plugins: [new HtmlWebpackPlugin({
+    templateContent: "\n<!DOCTYPE html>\n<html lang=\"en\">\n<body>\n  <div id=\"root\"></div>\n</body>\n</html>\n  "
+  })]
+};
+function getWebpackConfig(_x2) {
+  return _getWebpackConfig.apply(this, arguments);
+}
+function _getWebpackConfig() {
+  _getWebpackConfig = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(cmd) {
+    var baseConfig, envConfig;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          _context2.n = 1;
+          return readWebpack();
+        case 1:
+          baseConfig = _context2.v;
+          _context2.n = 2;
+          return readWebpack(cmd);
+        case 2:
+          envConfig = _context2.v;
+          return _context2.a(2, webpackMerge.merge(buildInConfig, baseConfig, envConfig));
+      }
+    }, _callee2);
+  }));
+  return _getWebpackConfig.apply(this, arguments);
+}
+
+var _excluded = ["devServer"];
+var WebpackBuilder = /*#__PURE__*/function () {
+  function WebpackBuilder() {
+    _classCallCheck(this, WebpackBuilder);
+    _defineProperty(this, "server", void 0);
+  }
+  return _createClass(WebpackBuilder, [{
+    key: "build",
+    value: function () {
+      var _build = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              return _context2.a(2, new Promise(/*#__PURE__*/function () {
+                var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(resolve, reject) {
+                  var config, compiler;
+                  return _regenerator().w(function (_context) {
+                    while (1) switch (_context.n) {
+                      case 0:
+                        _context.n = 1;
+                        return getWebpackConfig('build');
+                      case 1:
+                        config = _context.v;
+                        compiler = Webpack(config);
+                        compiler.run(function (err, stats) {
+                          console.log(stats.toString({
+                            chunks: false,
+                            // 使构建过程更静默无输出
+                            colors: true // 在控制台展示颜色
+                          }));
+                          if (stats.hasErrors()) {
+                            reject(err);
+                          } else {
+                            resolve();
+                          }
+                          compiler.close(function (err) {});
+                        });
+                      case 2:
+                        return _context.a(2);
+                    }
+                  }, _callee);
+                }));
+                return function (_x, _x2) {
+                  return _ref.apply(this, arguments);
+                };
+              }()));
+          }
+        }, _callee2);
+      }));
+      function build() {
+        return _build.apply(this, arguments);
+      }
+      return build;
+    }()
+  }, {
+    key: "startServer",
+    value: function () {
+      var _startServer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+        var _yield$getWebpackConf, devServer, config, compiler, devServerOptions;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              _context3.n = 1;
+              return getWebpackConfig('dev');
+            case 1:
+              _yield$getWebpackConf = _context3.v;
+              devServer = _yield$getWebpackConf.devServer;
+              config = _objectWithoutProperties(_yield$getWebpackConf, _excluded);
+              compiler = Webpack(config);
+              devServerOptions = _objectSpread2(_objectSpread2({}, devServer), {}, {
+                open: true
+              });
+              this.server = new WebpackDevServer(devServerOptions, compiler);
+              _context3.n = 2;
+              return this.server.start();
+            case 2:
+              return _context3.a(2);
+          }
+        }, _callee3, this);
+      }));
+      function startServer() {
+        return _startServer.apply(this, arguments);
+      }
+      return startServer;
+    }()
+  }, {
+    key: "stopServer",
+    value: function () {
+      var _stopServer = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              if (!this.server) {
+                _context4.n = 2;
+                break;
+              }
+              _context4.n = 1;
+              return this.server.stop();
+            case 1:
+              this.server = null;
+            case 2:
+              return _context4.a(2);
+          }
+        }, _callee4, this);
+      }));
+      function stopServer() {
+        return _stopServer.apply(this, arguments);
+      }
+      return stopServer;
+    }()
+  }]);
+}();
+
+function startListening(builder) {
+  var terminating = false;
+  process$1.on('exit', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          _context.n = 1;
+          return builder.stopServer();
+        case 1:
+          return _context.a(2);
+      }
+    }, _callee);
+  })));
+  process$1.on('message', /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(msg) {
+      var _t;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            _t = msg;
+            _context2.n = _t === 'build-once' ? 1 : _t === 'start-server' ? 4 : 7;
+            break;
+          case 1:
+            _context2.n = 2;
+            return builder.build();
+          case 2:
+            if (!terminating) {
+              _context2.n = 3;
+              break;
+            }
+            return _context2.a(2);
+          case 3:
+            process$1.send('build-success');
+            return _context2.a(3, 8);
+          case 4:
+            if (!terminating) {
+              _context2.n = 5;
+              break;
+            }
+            return _context2.a(2);
+          case 5:
+            _context2.n = 6;
+            return builder.startServer();
+          case 6:
+            return _context2.a(3, 8);
+          case 7:
+            process$1.send("webpack process rcv msg:[".concat(msg, "]"));
+            return _context2.a(3, 8);
+          case 8:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+  function handleTerminate() {
+    return _handleTerminate.apply(this, arguments);
+  }
+  function _handleTerminate() {
+    _handleTerminate = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            terminating = true;
+            _context3.n = 1;
+            return builder.stopServer();
+          case 1:
+            process$1.exit(0);
+          case 2:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    return _handleTerminate.apply(this, arguments);
+  }
+  process$1.on('SIGTERM', handleTerminate);
+  process$1.on('SIGINT', handleTerminate);
+}
+function startAsProcess() {
+  var secondArgv = process$1.argv[2];
+  if (secondArgv === 'run-as-process') {
+    var builder = new WebpackBuilder();
+    startListening(builder);
+  }
+}
+startAsProcess();

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@cocojs/cli",
+  "description": "命令行工具，支持开发和构建功能",
+  "version": "0.0.1-alpha.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "coco": "bin/coco.js"
+  },
+  "files": [
+    "bin",
+    "runtime-config",
+    "dist"
+  ],
+  "homepage": "https://github.com/cocojs-org/coconut-framework",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cocojs-org/coconut-framework.git"
+  },
+  "keywords": [
+    "cocojs"
+  ],
+  "author": "",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@babel/core": "^7.26.7",
+    "@babel/generator": "^7.26.5",
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@babel/plugin-transform-react-jsx": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "babel-loader": "^10.0.0",
+    "chokidar": "^4.0.3",
+    "fs-extra": "^11.2.0",
+    "html-webpack-plugin": "^5.6.3",
+    "rollup": "^4.36.0",
+    "ts-loader": "^9.5.2",
+    "webpack": "^5.98.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0",
+    "webpack-merge": "^6.0.1",
+    "@cocojs/type-extractor": "0.0.16",
+    "@cocojs/rollup-plugin-mvc": "0.0.1-alpha.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.15.18"
+  },
+  "scripts": {}
+}

package/runtime-config/tsconfig.json

@@ -0,0 +1,17 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "lib": ["dom", "esnext"],
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "allowSyntheticDefaultImports": true,
+        "jsx": "preserve",
+        "resolveJsonModule": true,
+        "plugins": [
+            {
+                "transform": "@cocojs/type-extractor",
+                "transformProgram": true
+            }
+        ]
+    }
+}