oipage 0.1.0-alpha.1

package/.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://zxl20070701.github.io/notebook/home.html']

package/.mailmap

@@ -0,0 +1 @@
+zxl20070701 <1904314465@qq.com>

package/AUTHORS.txt

@@ -0,0 +1,6 @@
+Authors ordered by first contribution.
+
+zxl20070701 <1904314465@qq.com> <https://github.com/zxl20070701>
+
+-----------------------------------------------------
+We thank all of them for their contributions!

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) zxl20070701 走一步，再走一步
+
+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/README.md

@@ -0,0 +1,22 @@
+# [OIPage](https://github.com/oi-contrib/OIPage)
+📰跨端前端框架，支持H5+各种小程序等，并支持扩展前端开发框架（比如使用Vue或React语法开发）
+
+<p>
+    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=oipage&interval=7">
+        <img src="https://img.shields.io/npm/dm/oipage.svg" alt="downloads">
+    </a>
+    <a href="https://www.npmjs.com/package/oipage">
+        <img src="https://img.shields.io/npm/v/oipage.svg" alt="Version">
+    </a>
+    <a href="https://github.com/zxl20070701/OIPage" target='_blank'>
+        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/zxl20070701/OIPage?style=social">
+    </a>
+</p>
+
+<img src="https://nodei.co/npm/oipage.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">
+
+## 版权
+
+MIT License
+
+Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步

package/bin/options.js

@@ -0,0 +1,40 @@
+module.exports = {
+
+  // 命令参数配置
+  "options": {
+    version: {
+      short: 'v',
+      info: '[0]Display the version of OIPage.',
+      demo: 'oipage-cli --version|-v'
+    },
+    help: {
+      short: 'h',
+      info: '[1]Display this help text.',
+      demo: 'oipage-cli --help|-h <term>'
+    },
+    root: {
+      info: '[2]Set project root directory.',
+      demo: 'oipage-cli --root  ./'
+    },
+    dev: {
+      info: '[3]Development mode running project.',
+      demo: 'oipage-cli --dev h5|mp-weixin'
+    },
+    build: {
+      info: '[4]Package the current project.',
+      demo: 'oipage-cli --build  h5|mp-weixin'
+    }
+  },
+
+  // 帮助信息
+  "help": `
+  Usage: oipage-cli <command>
+  
+  Where <command> is one of:
+    --help, -h, --version, -v, --root, --dev, --build
+  
+  oipage-cli --help|-h <term>       search for help on <term>
+  oipage-cli --help|-h              involved overview
+  `
+
+};

package/bin/run

@@ -0,0 +1,73 @@
+#!/usr/bin/env node
+
+'use strict';
+
+process.title = 'oipage-cli';
+
+const devby = require("devby");
+const { options, help } = require('./options');
+const pkg = require("../package.json");
+const runDev = require("../script/command/dev");
+const runBuild = require("../script/command/build");
+const alignment = require("../script/config/alignment");
+
+// 组装好缩写和全写的映射
+let shortHands = {};
+for (let key in options) {
+    if (options[key].short) shortHands["-" + options[key].short] = "--" + key;
+}
+
+// 命令行传递的参数
+const parsed = devby.options(shortHands, process.argv);
+
+(() => {
+    // 打印版本
+    if (Array.isArray(parsed.version)) {
+        devby.log("\nOIPage@v" + pkg.version + "\n");
+    }
+
+    // 判断是否需要帮助
+    else if (Array.isArray(parsed.help)) {
+        // 打印具体的配置提示
+        if (parsed.help.length > 0) {
+            let help0 = parsed.help[0];
+
+            // 缩写转全拼
+            if (help0.length == 1) {
+                help0 = shortHands["-" + help0];
+            }
+
+            if (help0) {
+                help0 = help0.replace(/^--/, "");
+
+                // 根据需要帮助的命令获取对应的信息
+                const help0Option = options[help0];
+                if (help0Option) {
+                    devby.log(`
+` + help0Option.demo + `         ` + help0Option.info + `
+                  `);
+
+                    return;
+                }
+
+            }
+        }
+
+        devby.log(help);
+    }
+
+    // 开发
+    else if (Array.isArray(parsed.dev)) {
+        runDev(alignment.command(parsed));
+    }
+
+    // 打包
+    else if (Array.isArray(parsed.build)) {
+        runBuild(alignment.command(parsed));
+    }
+
+    // 默认
+    else {
+        devby.log(help);
+    }
+})();

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "oipage",
+  "version": "0.1.0-alpha.1",
+  "description": "📰跨端前端框架，支持H5+各种小程序等，并支持扩展前端开发框架（比如使用Vue或React语法开发）",
+  "main": "",
+  "typings": "./types/index.d.ts",
+  "scripts": {
+    "build": "npm pack",
+    "dev:h5": "node bin/run --dev h5 --root ./test",
+    "dev:mp-weixin": "node bin/run --dev mp-weixin --root ./test",
+    "build:h5": "node bin/run --build h5 --root ./test",
+    "build:mp-weixin": "node bin/run --build mp-weixin --root ./test"
+  },
+  "bin": {
+    "oipage-cli": "bin/run"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oi-contrib/OIPage.git"
+  },
+  "keywords": [
+    "oi-contrib",
+    "oipage",
+    "framework"
+  ],
+  "author": {
+    "name": "zxl20070701",
+    "url": "https://zxl20070701.github.io/notebook/home.html"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/oi-contrib/OIPage/issues"
+  },
+  "homepage": "https://oi-contrib.github.io/OIPage",
+  "dependencies": {
+    "devby": "^0.6.0",
+    "html-webpack-plugin": "^5.6.0",
+    "webpack": "^5.91.0",
+    "webpack-dev-server": "^5.0.4"
+  }
+}

package/public/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+
+<body>
+
+</body>
+
+</html>

package/script/command/build.js

@@ -0,0 +1,22 @@
+const Webpack = require("webpack");
+const { log } = require("devby");
+
+const getWebpackConfig = require("../config/webpack");
+
+module.exports = function (parsed) {
+    const webpackConfig = getWebpackConfig(parsed);
+
+    // https://webpack.docschina.org/api/node/#webpack
+    const compiler = Webpack(webpackConfig);
+
+    compiler.run((err, stats) => {
+        if (err || stats.hasErrors()) {
+            console.error(err || stats.toJson().errors);
+        }
+
+        log("<日志> [OIPage] 打包完成：" + webpackConfig.output.path.replace(process.cwd(), '.') + "\n")
+        compiler.close((closeErr) => {
+            if (closeErr) console.error(closeErr);
+        });
+    });
+};

package/script/command/dev.js

@@ -0,0 +1,38 @@
+const Webpack = require("webpack");
+const WebpackDevServer = require("webpack-dev-server");
+const { log } = require("devby");
+
+const getWebpackConfig = require("../config/webpack");
+
+module.exports = function (parsed) {
+    const webpackConfig = getWebpackConfig(parsed);
+
+    if (parsed.platform == "h5") {
+        const compiler = Webpack(webpackConfig);
+
+        // https://webpack.docschina.org/api/webpack-dev-server
+        const server = new WebpackDevServer(webpackConfig.devServer, compiler);
+
+        server.start().then(function () {
+            // todo
+        });
+    } else {
+        const compiler = Webpack(webpackConfig);
+
+        const watching = compiler.watch(webpackConfig.watchOptions, (err, stats) => {
+            if (err || stats.hasErrors()) {
+                console.error(err || stats.toJson().errors);
+            }
+
+            // 编译成功后的逻辑
+            console.log(stats.toString({ colors: true }));
+        });
+
+        watching.close((closeErr) => {
+            if (closeErr) console.error(closeErr);
+            log("<日志> [OIPage] 退出监听：" + parsed.platform + "\n");
+        });
+
+    }
+
+};

package/script/config/alignment.js

@@ -0,0 +1,15 @@
+
+// 对齐命令行解析后的参数
+exports.command = function (parsed) {
+    return {
+
+        // 生产还是开发
+        mode: Array.isArray(parsed.build) ? "production" : "development",
+
+        // 平台
+        platform: (Array.isArray(parsed.build) ? parsed.build[0] : parsed.dev[0]) || "h5",
+
+        // 项目根目录
+        root: (Array.isArray(parsed.root) && parsed.root[0]) ? parsed.root[0] : "./"
+    };
+};

package/script/config/webpack.js

@@ -0,0 +1,60 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = function (parsed) {
+
+    const config = {
+        entry: path.resolve(process.cwd(), parsed.root, "./src/app.js"),
+        mode: parsed.mode,
+        plugins: []
+    };
+
+    // 开发模式
+    if (parsed.mode == "development") {
+
+        // H5环境
+        if (parsed.platform == "h5") {
+            config.devServer = {
+                open: false,
+                host: '0.0.0.0',
+                port: 8080,
+                hot: true,
+                compress: false,
+                historyApiFallback: true
+            };
+        }
+
+        // 其它环境
+        else {
+            config.output = {
+                path: path.resolve(process.cwd(), parsed.root, "./dist/dev/" + parsed.platform),
+                clean: false
+            };
+
+            config.watchOptions = {
+                aggregateTimeout: 600, // 当第一个文件更改，会在重新构建前增加延迟
+                poll: 5007, // 指定毫秒为单位进行轮询
+                ignored: ['**/node_modules'], // 排除像 node_modules 如此庞大的文件夹
+            };
+        }
+
+    }
+
+    // 生产模式
+    else {
+        config.output = {
+            path: path.resolve(process.cwd(), parsed.root, "./dist/build/" + parsed.platform),
+            clean: true
+        };
+    }
+
+    // H5环境
+    if (parsed.platform == "h5") {
+        config.plugins.push(new HtmlWebpackPlugin({
+            template: path.resolve(__dirname, '../../public/index.html'),
+            title: "OIPage"
+        }));
+    }
+
+    return config;
+};