@wanglindoc/elpis 1.0.0

package/app/public/static/normalize.css

@@ -0,0 +1,267 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html,
+body,
+span,
+div,
+p,
+a,
+table,
+tbody,
+td,
+h1,
+h2,
+h3,
+img,
+form,
+font,
+strong,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+dl,
+dd,
+dt,
+iframe,
+label,
+blockquote,
+input,
+button {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+html {
+  font-family: "Open Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+  * Remove default margin.
+  */
+
+body {
+  margin: 0;
+}
+
+/* Links
+    ========================================================================== */
+
+/**
+  * Remove the gray background color from active links in IE 10.
+  */
+
+a {
+  background-color: transparent;
+  text-decoration: none;
+}
+
+/**
+  * Improve readability when focused and also mouse hovered in all browsers.
+  */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+    ========================================================================== */
+
+/**
+  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+  */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/* Embedded content
+    ========================================================================== */
+
+/**
+  * Remove border when inside `a` element in IE 8/9/10.
+  */
+
+img {
+  border: 0;
+}
+
+/* Grouping content
+    ========================================================================== */
+
+/**
+  * Address margin not present in IE 8/9 and Safari.
+  */
+
+figure {
+  margin: 1em 40px;
+}
+
+/* Forms
+    ========================================================================== */
+
+/**
+  * Known limitation: by default, Chrome and Safari on OS X allow very limited
+  * styling of `select`, unless a `border` property is set.
+  */
+
+/**
+  * 1. Correct color not being inherited.
+  *    Known issue: affects color of disabled elements.
+  * 2. Correct font properties not being inherited.
+  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+  */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+  * Address `overflow` set to `hidden` in IE 8/9/10/11.
+  */
+
+button {
+  overflow: visible;
+}
+
+/**
+  * Address inconsistent `text-transform` inheritance for `button` and `select`.
+  * All other form control elements do not inherit `text-transform` values.
+  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+  * Correct `select` style inheritance in Firefox.
+  */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+  *    and `video` controls.
+  * 2. Correct inability to style clickable `input` types in iOS.
+  * 3. Improve usability and consistency of cursor style between image-type
+  *    `input` and others.
+  */
+
+button,
+ html input[type="button"], /* 1 */
+ input[type="reset"],
+ input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+  * Re-set default cursor for disabled elements.
+  */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+  * Remove inner padding and border in Firefox 4+.
+  */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+  * the UA stylesheet.
+  */
+
+input {
+  line-height: normal;
+}
+
+/**
+  * It's recommended that you don't attempt to style these elements.
+  * Firefox's implementation doesn't respect box-sizing, padding, or width.
+  *
+  * 1. Address box sizing set to `content-box` in IE 8/9/10.
+  * 2. Remove excess padding in IE 8/9/10.
+  */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+  * `font-size` values of the `input`, it causes the cursor style of the
+  * decrement button to change from `default` to `text`.
+  */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+  *    (include `-moz` to future-proof).
+  */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+  * Safari (but not Chrome) clips the cancel button when the search input has
+  * padding (and `textfield` appearance).
+  */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/* Tables
+    ========================================================================== */
+
+/**
+  * Remove most spacing between table cells.
+  */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

package/app/router/project.js

@@ -0,0 +1,14 @@
+module.exports = (app, router) => {
+  const { project: projectController } = app.controllers;
+  router.get(
+    "/api/project/model_list",
+    projectController.getModelList.bind(projectController),
+  );
+
+  router.get(
+    "/api/project/list",
+    projectController.getList.bind(projectController),
+  );
+
+  router.get("/api/project", projectController.get.bind(projectController));
+};

package/app/router/view.js

@@ -0,0 +1,9 @@
+module.exports = (app, router) => {
+  const { view: viewController } = app.controllers;
+
+  // 用户输入 http://ip:port/view/xxx 能渲染出对应的页面
+  router.get("/view/:page", viewController.renderPage.bind(viewController));
+
+  // 用户输入 http://ip:port/view/xxx/xxx/xxx 能渲染出对应的页面
+  router.get("/view/:page/*", viewController.renderPage.bind(viewController));
+};

package/app/router-schema/project.js

@@ -0,0 +1,32 @@
+module.exports = {
+  "/api/project/model_list": {
+    get: {},
+  },
+
+  "/api/project/list": {
+    get: {
+      query: {
+        type: "object",
+        properties: {
+          proj_key: {
+            type: "string",
+          },
+        },
+      },
+    },
+  },
+
+  "/api/project": {
+    get: {
+      query: {
+        type: "object",
+        properties: {
+          proj_key: {
+            type: "string",
+          },
+        },
+        required: ["proj_key"],
+      },
+    },
+  },
+};

package/app/service/base.js

@@ -0,0 +1,15 @@
+const superagent = require("superagent");
+
+module.exports = (app) => {
+  return class BaseService {
+    /**
+     * service 基类
+     * 统一收拢 service 的公共方法
+     */
+    constructor() {
+      this.app = app;
+      this.config = app.config;
+      this.curl = superagent;
+    }
+  };
+};

package/app/service/project.js

@@ -0,0 +1,48 @@
+module.exports = (app) => {
+  const BaseService = require("./base")(app);
+  const modelList = require("../../model/index.js")(app);
+  // console.log("modelList", JSON.stringify(modelList));
+  return class ProjectService extends BaseService {
+    /**
+     * 获取所有模型与项目的结构化数据
+     */
+    async getModelList() {
+      return modelList;
+    }
+
+    /**
+     * 获取统一模型下的项目列表（如果无 projKey，取全量）
+     */
+    getList({ projKey }) {
+      return modelList.reduce((preList, modelitem) => {
+        const { project } = modelitem;
+
+        if (projKey && !project[projKey]) {
+          return preList;
+        }
+
+        for (const pKey in project) {
+          preList.push(project[pKey]);
+        }
+
+        return preList;
+      }, []);
+    }
+
+    /**
+     * 根据 projKey 获取项目配置
+     * @param {*} param0
+     */
+    get({ projKey }) {
+      let projConfig;
+
+      modelList.forEach((modelItem) => {
+        if (modelItem.project[projKey]) {
+          projConfig = modelItem.project[projKey];
+        }
+      });
+
+      return projConfig;
+    }
+  };
+};

package/app/view/entry.tpl

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>{{ name }}</title>
+    <link href="/static/normalize.css" rel="stylesheet" />
+    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
+  </head>
+  <body>
+    <div id="root"></div>
+
+    <input id="projKey" value="{{projKey}}" style="display: none;" />
+  </body>
+
+  <script>
+    try {
+      window.projKey = document.getElementById("projKey").value
+    } catch (error) {
+      console.log(error,'tpl 注入信息');
+    }
+  </script>
+</html>

package/app/webpack/build-dev.js

@@ -0,0 +1,64 @@
+// 本地开发启动devServer
+const express = require("express");
+const path = require("path");
+const webpack = require("webpack");
+const consoler = require("consoler");
+const webpackDevMiddleware = require("webpack-dev-middleware");
+const webpackHotMiddleware = require("webpack-hot-middleware");
+
+module.exports = () => {
+  // 从 webpack.dev.js 中获取webpack配置和devServer配置
+  const {
+    webpackDevConfig,
+    DEV_SERVER_CONFIG,
+  } = require("./config/webpack.dev");
+
+  const app = express();
+
+  // 把通过webpack解析的东西取出来
+  const compiler = webpack(webpackDevConfig);
+
+  // 指定静态文件目录
+  app.use(express.static(path.join(__dirname, "../public/dist")));
+
+  // 引用 webpackDevMiddleware 中间件（监控文件改动）
+  app.use(
+    webpackDevMiddleware(compiler, {
+      // 落地文件，告诉服务哪些文件需要落地到磁盘
+      writeToDisk: (filePath) => filePath.endsWith(".tpl"),
+
+      // 资源路径，js、css代码片段存放进内存中的虚拟目录
+      publicPath: webpackDevConfig.output.publicPath,
+
+      // headers 配置
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET,POST,PUT,DELETE,PATCH,OPTIONS",
+        "Access-Control-Allow-Headers":
+          "X-Requested-With, content-type, Authorization",
+      },
+
+      stats: {
+        // 打印内容时有颜色
+        colors: true,
+      },
+    }),
+  );
+
+  // 引用 webpackHotMiddleware 中间件 （实现热更新通讯）
+  app.use(
+    webpackHotMiddleware(compiler, {
+      // 热更新地址
+      path: `/${DEV_SERVER_CONFIG.HMR_PATH}`,
+      log: () => {},
+    }),
+  );
+
+  consoler.info("请等待webpack初次构建完成……");
+
+  const port = DEV_SERVER_CONFIG.PORT;
+
+  app.listen(port, () => {
+    console.log(`app listening on port ${port}`);
+  });
+};

package/app/webpack/build-prod.js

@@ -0,0 +1,29 @@
+const webpack = require("webpack");
+const webpackProdConfig = require("./config/webpack.prod.js");
+// const { webpackDevConfig } = require("./config/webpack.dev");
+console.log("\nproduction 构建开始...\n");
+
+module.exports = () => {
+  webpack(webpackProdConfig, (err, stats) => {
+    // webpack(webpackDevConfig, (err, stats) => {
+    // if (err) {
+    //   throw err;
+    // }
+    if (err) return console.log(err);
+
+    process.stdout.write(
+      `${stats.toString({
+        // 在控制台输出色彩信息
+        colors: true,
+        // 不显示每个模块的打包信息
+        modules: false,
+        // 不显示子编译任务的信息
+        children: false,
+        // 不显示每个代码快的信息
+        chunks: false,
+        // 显示代码块中模块的信息
+        chunkModules: true,
+      })}`,
+    );
+  });
+};