@airiot/cli 1.0.0

package/scripts/start.js

@@ -0,0 +1,45 @@
+import chalk from 'chalk';
+import {createServer} from 'vite';
+import { getHost, getBaseUrl } from '../config/envs.js';
+import paths from '../config/paths.js';
+import plugins from '../vite-plugin/index.js';
+
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
+
+const host = getHost();
+const baseUrl = getBaseUrl();
+
+console.log(chalk.green('[iot:envs] 请求 IOT_URL 为: ' + host));
+
+(async () => {
+  const proxy = {
+    '/rest': {
+      target: host,
+      changeOrigin: true
+    },
+    '/ws': {
+      ws: true,
+      target: host,
+      changeOrigin: true
+    }
+  }
+  if (!(baseUrl.startsWith('http://') || baseUrl.startsWith('https://') || baseUrl.startsWith('//'))) {
+    proxy[baseUrl + '/node_modules/@airiot'] = {
+      target: host,
+      changeOrigin: true
+    }
+  }
+
+  const server = await createServer({
+    configFile: false,
+    root: paths.appPath,
+    plugins: await plugins(),
+    server: {
+      proxy,
+      port: DEFAULT_PORT,
+    },
+  });
+  await server.listen();
+
+  server.printUrls();
+})();

package/scripts/test.js

@@ -0,0 +1 @@
+console.log('暂不支持测试')

package/scripts/upload.js

@@ -0,0 +1,137 @@
+import chalk from "chalk";
+import inquirer from "inquirer";
+import os from "os";
+import archiver from "archiver";
+import packlist from 'npm-packlist';
+import fetch from "node-fetch";
+import FormData from "form-data";
+import fs from "fs";
+import paths from "../config/paths.js";
+
+const jsonData = fs.readFileSync(paths.appPackageJson, 'utf-8');
+const packageJson = JSON.parse(jsonData);
+
+const envs = process.env;
+const args = process.argv;
+let packageName = packageJson.name;
+const buildPath = 'dist'
+
+const getOpt = (name, envName) => {
+  let value
+  const hostArgs = args.filter(arg => arg.startsWith(`--${name}=`))
+  if(hostArgs.length != 0) {
+    value = hostArgs[0].replace(`--${name}=`, '')
+  } else if(envs[envName]) {
+    value = envs[envName]
+  }
+
+  if(value && value.endsWith('/')) {
+    value = value.substring(0, value.length - 1)
+  }
+  
+  return value
+}
+
+const questions = [];
+const forceQuestion = args.filter(arg => arg.startsWith("-f")).length != 0
+const opts = {
+  'host': getOpt('host', 'IOT_URL'),
+  'username': getOpt('username', 'IOT_USER'),
+  'password': getOpt('password', 'IOT_PASSWORD')
+}
+
+if (forceQuestion || !opts.host) {
+  questions.push({ name: "host", message: "[iot] Host:" });
+}
+if (forceQuestion || !opts.username) {
+  questions.push({ name: "username", message: "[iot] Username:" });
+}
+if (forceQuestion || !opts.password) {
+  questions.push({ name: "password", message: "[iot] Password:", type: "password" });
+}
+
+const getFormData = () =>
+  new Promise((resolve, reject) => {
+    const form = new FormData();
+
+    packlist({ path: paths.appPath })
+    .then(files => {
+      // 压缩包方式
+      const archive = archiver("zip", {
+        zlib: { level: 9 }, // Sets the compression level.
+      });
+      const fileKey = Math.ceil(Math.random() * 10000)
+      const output = fs.createWriteStream(os.tmpdir() + "/package_"+fileKey +".zip");
+
+      output.on("close", function () {
+        form.append(
+          "zipFile",
+          fs.createReadStream(os.tmpdir() + "/package_"+fileKey +".zip")
+        );
+        resolve(form);
+      });
+
+      archive.pipe(output);
+      files.forEach(f => archive.file(f));
+      archive.finalize();
+    })
+  });
+
+inquirer
+  .prompt(questions)
+  .then((answers) => {
+    let host = answers.host || opts.host;
+    let username = answers.username || opts.username;
+    let password = answers.password || opts.password;
+    
+    host = host.endsWith("/") ? host : host + "/";
+    
+    // get use token from environment
+    fetch(host + "rest/core/auth/login", {
+      method: "POST",
+      body: JSON.stringify({ username, password }),
+      headers: { "Content-Type": "application/json", "Request-Type": "service" },
+    })
+      .then((res) => {
+        if (res.status != 200) {
+          return new Promise((resolve, reject) => {
+            res.text().then(err => {
+              reject(err)
+            });
+          });
+        } else {
+          return res.json();
+        }
+      })
+      .then((json) => {
+        if (!json.token) {
+          throw new Error(json);
+        }
+        const token = json.token;
+        getFormData().then((form) => {
+          console.log(chalk.yellow("[iot:upload] 上传中 ...... "));
+
+          fetch(host + "rest/front/static/upload/" + packageName, {
+            method: "POST",
+            body: form,
+            headers: { ...form.getHeaders(), Authorization: token, "Request-Type": "service" },
+          })
+            .then((res) => {
+              if (res.status != 200) {
+                res.text().then(text => console.log(chalk.red("[iot:install] 接口错误" +  "\n" + text)))
+              } else {
+                console.log(
+                  chalk.green("[iot:upload] " + packageName + " 上传成功")
+                );
+              }
+            })
+            .catch((err) => console.log(chalk.red("\n" + err.toString())));
+        });
+      })
+      .catch((err) =>
+        console.error(chalk.red("[iot:upload] login failed" + "\n" + err.toString()))
+      );
+  })
+  .catch((err) =>
+    console.error(chalk.red("[iot:upload] login failed" + "\n" + err.toString()))
+  );

package/vite-plugin/buildinfo.js

@@ -0,0 +1,79 @@
+import paths from '../config/paths.js'
+import { join, resolve } from 'path'
+import { promises as fsPromises, readFileSync, writeFileSync } from 'fs';
+import { execFileSync, exec } from 'child_process';
+
+const isCI = process.env.CI &&
+	(typeof process.env.CI !== "string" ||
+		process.env.CI.toLowerCase() !== "false")
+
+const jsonData = await fsPromises.readFile(paths.appPackageJson, 'utf-8');
+const appPackage = JSON.parse(jsonData);
+appPackage.dependencies = {}
+
+const gitInfo = (...args) => {
+	return execFileSync('git', args, {
+		cwd: paths.appPath,
+		encoding: 'utf8',
+		timeout: 7000,
+	}).replace(/[^\da-z]*/gim, '')
+}
+
+function dateFtt(fmt, date) { //author: meizz 
+	var o = {
+		"M+": date.getMonth() + 1,     //月份 
+		"d+": date.getDate(),     //日 
+		"h+": date.getHours(),     //小时 
+		"m+": date.getMinutes(),     //分 
+		"s+": date.getSeconds(),     //秒 
+		"q+": Math.floor((date.getMonth() + 3) / 3), //季度 
+		"S": date.getMilliseconds()    //毫秒 
+	};
+	if (/(y+)/.test(fmt))
+		fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+	for (var k in o)
+		if (new RegExp("(" + k + ")").test(fmt))
+			fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+	return fmt;
+}
+
+let config;
+let distPath;
+
+const buildinfoPlugin = () => {
+
+	return {
+		name: 'airiot-buildinfo',
+    configResolved(resolvedConfig) {
+      config = resolvedConfig
+      distPath = resolve(config.root, config.build.outDir)
+    },
+    closeBundle() {
+      if (config.command === 'serve') {
+        return
+      }
+
+			if (!isCI) {
+				try {
+					gitInfo('log')
+					const branch = gitInfo('rev-parse', '--abbrev-ref', 'HEAD')
+					const longHead = gitInfo('rev-parse', 'HEAD')
+					appPackage.gitHead = longHead
+
+					if (branch != 'master' && branch != 'HEAD') {
+						const gitHead = gitInfo('rev-parse', '--short', 'HEAD')
+						appPackage.version = appPackage.version + '+' + branch + '.' + gitHead
+
+						appPackage.buildTime = dateFtt('yyyy-MM-dd hh:mm:ss', new Date())
+						appPackage.buildUser = gitInfo('config', 'user.name')
+					}
+          writeFileSync(join(distPath, '/.buildinfo.json'), JSON.stringify(appPackage, 0, 2), { flag: 'w' })
+				} catch (error) {
+
+				}
+			}
+		}
+	}
+}
+
+export default buildinfoPlugin

package/vite-plugin/external.js

@@ -0,0 +1,108 @@
+import { existsSync, mkdirSync, writeFileSync } from 'node:fs';
+import { emptyDirSync } from 'fs-extra';
+import { join } from 'node:path';
+
+// compat cjs and esm
+function createCJSExportDeclaration(external) {
+    return `module.exports = ${external};`;
+}
+function rollupOutputGlobals(output, externals) {
+    let { globals } = output;
+    if (!globals) {
+        globals = {};
+        output.globals = globals;
+    }
+    Object.assign(globals, externals);
+}
+function rollupExternal(rollupOptions, externals, externalKeys) {
+    let { output, external } = rollupOptions;
+    if (!output) {
+        output = {};
+        rollupOptions.output = output;
+    }
+    // compat Array
+    if (Array.isArray(output)) {
+        output.forEach((n) => {
+            rollupOutputGlobals(n, externals);
+        });
+    }
+    else {
+        rollupOutputGlobals(output, externals);
+    }
+    // if external indicates
+    if (!external) {
+        external = [];
+        rollupOptions.external = external;
+    }
+    external.push(...externalKeys);
+}
+function createPlugin(opts) {
+    const cwd = opts.cwd || process.cwd();
+    const externalCacheDir = opts.cacheDir || join(cwd, 'node_modules', '.vite_external');
+    let externals = {};
+    let externalKeys = [];
+    let shouldSkip = false;
+    return {
+        name: 'vite-plugin-external',
+        enforce: opts.enforce,
+        config(config, { mode }) {
+            const modeOptions = opts[mode];
+            externals = Object.assign({}, opts.externals, modeOptions && modeOptions.externals);
+            externalKeys = Object.keys(externals);
+            shouldSkip = !externalKeys.length;
+            if (shouldSkip) {
+                return;
+            }
+            // non development
+            if (false) {
+                let { build } = config;
+                // if no build indicates
+                if (!build) {
+                    build = {};
+                    config.build = build;
+                }
+                let { rollupOptions } = build;
+                // if no rollupOptions indicates
+                if (!rollupOptions) {
+                    rollupOptions = {};
+                    build.rollupOptions = rollupOptions;
+                }
+                rollupExternal(rollupOptions, externals, externalKeys);
+                return;
+            }
+            if (!existsSync) {
+                mkdirSync(externalCacheDir);
+            }
+            else {
+                emptyDirSync(externalCacheDir);
+            }
+            let { resolve } = config;
+            if (!resolve) {
+                resolve = {};
+                config.resolve = resolve;
+            }
+            let { alias } = resolve;
+            if (!alias || typeof alias !== 'object') {
+                alias = [];
+                resolve.alias = alias;
+            }
+            // #1 if alias is object type
+            if (!Array.isArray(alias)) {
+                alias = Object.entries(alias).map(([key, value]) => {
+                    return { find: key, replacement: value };
+                });
+                resolve.alias = alias;
+            }
+            for (const libName of externalKeys) {
+                const libPath = join(externalCacheDir, `${libName.replace(/\//g, '_')}.js`);
+                writeFileSync(libPath, createCJSExportDeclaration(externals[libName]));
+                alias.push({
+                    find: new RegExp(`^${libName}$`),
+                    replacement: libPath
+                });
+            }
+        }
+    };
+}
+
+export { createPlugin as default };

package/vite-plugin/externals.js

@@ -0,0 +1,29 @@
+export default {
+  "react": "React",
+  "react-dom": "ReactDOM",
+  "react-dnd": "ReactDnD",
+  "react-dnd-html5-backend": "ReactDnDHTML5Backend",
+  "react-router": "ReactRouter",
+  "react-router-dom": "ReactRouterDOM",
+  "react-redux": "ReactRedux",
+  "recoil": "Recoil",
+  "redux-saga": "ReduxSaga",
+  "redux": "Redux",
+  "antd": "antd",
+  "xui": "xui",
+  "@ant-design/icons": "icons",
+  "echarts": "echarts",
+  "xls": "XLS",
+  "xlsx": "XLSX",
+  "async": "async",
+  "lodash": "_",
+  "moment": "moment",
+  "xadmin": "xadmin",
+  "xadmin-auth": "xadminAuth",
+  "xadmin-form": "xadminForm",
+  "xadmin-i18n": "xadminI18n",
+  "xadmin-model": "xadminModel",
+  "xadmin-ui": "xadminUi",
+  "xadmin-antd": "xadminAntd",
+  "xadmin-xui": "xadminXui"
+}

package/vite-plugin/html.js

@@ -0,0 +1,41 @@
+import history from 'connect-history-api-fallback'
+import paths from '../config/paths.js'
+import { promises as fsPromises } from 'fs';
+
+const rewrites = [
+  { from: /\/admin\/.*$/, to: '/admin.html'},
+]
+
+const airiotHtmlPlugin = () => {
+	return {
+		name: 'airiot-html',
+		configureServer(server) {
+      server.middlewares.use(history({
+        disableDotRule: undefined,
+        htmlAcceptHeaders: [
+          'text/html',
+          'application/xhtml+xml'
+        ],
+        index: '/index.html',
+        rewrites: rewrites,
+      }));
+      server.middlewares.use('/', async (req, res, next) => {
+        const reqUrl = req.url
+        let url = reqUrl
+        
+        if ((!url.endsWith('.html') && !url.endsWith('/')) && url !== '/') {
+          return next()
+        }
+        
+        let htmlCode = await fsPromises.readFile(paths.appHtml, 'utf-8')
+        if (htmlCode === null) {
+          return next()
+        }
+        htmlCode = htmlCode.replace('{{entry}}', url == '/admin.html' ? '/src/index.js' : '/src/front.js')
+        res.end(await server.transformIndexHtml(url, htmlCode))
+      })
+    }
+	}
+}
+
+export default airiotHtmlPlugin

package/vite-plugin/index.js

@@ -0,0 +1,72 @@
+import react from '@vitejs/plugin-react'
+import legacy from '@vitejs/plugin-legacy'
+import commonjs  from 'vite-plugin-commonjs'
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
+
+import createExternal from './external.js';
+import airiotPlugin from './plugin.js';
+import airiotHtmlPlugin from './html.js';
+import jsInJsxPlugin from './js-in-jsx.js'
+import svgInline from './svg-inline.js';
+import buildinfoPlugin from './buildinfo.js';
+import lazyImportPlugin from './lazyImport.js';
+
+import externals from './externals.js'
+import paths from '../config/paths.js';
+
+
+const getPlugins = async (mode) => {
+
+  const plugins = [
+    react({
+      jsxRuntime: 'classic'
+    }),
+    commonjs({
+      requireReturnsDefault: 'preferred'
+    }),
+    createExternal({
+      externals
+    }),
+    cssInjectedByJsPlugin({
+      cssAssetsFilterFunction: (outputAsset) => {
+        return !outputAsset.name.endsWith('Theme.css');
+      },
+      jsAssetsFilterFunction: (outputChunk) => {
+        return true;
+      },
+      relativeCSSInjection: true
+    }),
+    jsInJsxPlugin(),
+    svgInline(),
+    airiotPlugin({}),
+    lazyImportPlugin(),
+    airiotHtmlPlugin(),
+    buildinfoPlugin()
+  ]
+
+  if(mode == 'build') {
+    // plugins.push(legacy({
+    //   targets: ['defaults', 'not IE 11'],
+    //   externalSystemJS: true
+    // }))
+  } else {
+    
+  }
+
+  try {
+    const appPlugin = await import(new URL(`file://${paths.appVitePlugin}`));
+    plugins.push(appPlugin.default());
+  } catch (error) { 
+    if(
+      error.code != 'ERR_MODULE_NOT_FOUND' 
+      && error.code != 'MODULE_NOT_FOUND'
+    ) {
+      console.error(error);
+    }
+  }
+  return plugins;
+}
+
+export { airiotPlugin }
+
+export default getPlugins

package/vite-plugin/js-in-jsx.js

@@ -0,0 +1,61 @@
+import fs from "node:fs/promises";
+import url from "node:url";
+import react from "@vitejs/plugin-react";
+import * as vite from "vite";
+
+// Taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
+function escapeRegExp(string) {
+  // $& means the whole matched string
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); 
+}
+
+// NOTE: Keep trailing slash to use resulting path in prefix matching.
+const srcDir = url.fileURLToPath(new URL("./src/", import.meta.url));
+// NOTE: Since ESBuild evaluates this regex using Go's engine, it is not
+// clear whether the JS-specific regex escape logic is sound.
+const srcJsRegex = new RegExp(`^${escapeRegExp(srcDir)}.*\\.js$`);
+
+const vitePlugin = () => ({
+  name: "js-in-jsx",
+  enforce: "pre",
+  config: () => ({
+    build: {
+      commonjsOptions: {
+        transformMixedEsModules: true,
+      },
+    },
+    esbuild: {
+      loader: "jsx",
+      include: /\/src\/.*\.js$|\/src\/.*\.jsx$/,
+      exclude: [],
+    },
+    optimizeDeps: {
+      esbuildOptions: {
+        loader: {
+          ".js": "jsx",
+          ".ts": "tsx",
+          ".svg": "text",
+        },
+      },
+    },
+  }),
+  async transform(code, id) {
+    // Ignore Rollup virtual modules.
+    if (id.startsWith("\0")) {
+      return;
+    }
+    // Strip off any "proxy id" component before testing against path.
+    // See: https://github.com/vitejs/vite-plugin-react-swc/blob/a1bfc313612a8143a153ce87f52925059459aeb2/src/index.ts#L89
+    // See: https://rollupjs.org/plugin-development/#inter-plugin-communication
+    [id] = id.split("?");
+    if (id.startsWith(srcDir) && id.endsWith(".js")) {
+      return await vite.transformWithEsbuild(code, id, {
+        loader: "jsx",
+        jsx: "automatic",
+        jsxDev: import.meta.env.DEV,
+      });
+    }
+  }
+});
+
+export default vitePlugin

package/vite-plugin/lazyImport.js

@@ -0,0 +1,76 @@
+
+const convert = (code, needLazyQuery = true) => {
+  let replaced = false
+  const matchEx = needLazyQuery ? /import\s+({?\s*(.+)\s*}?)\s+from\s+['"](.+)\?lazy['"]/g : /import\s+({?\s*(.+)\s*}?)\s+from\s+['"](.+)(\?lazy)?['"]/g
+  const matches = code.match(matchEx)
+  if (!matches) {
+    return code
+  }
+  matches.forEach(m => {
+    let [_, names, path] = m.match(/import\s+({?\s*.+\s*}?)\s+from\s+['"](.+)(\?lazy)?['"]/)
+    if (path.endsWith('?lazy')) {
+      path = path.replace('?lazy', '')
+    }
+    const paramNameMatch = names.match(/{(.+?)}/)
+    const replacements = []
+
+    if (paramNameMatch) {
+      names = names.replace(paramNameMatch[0], '').trim()
+
+      const paramName = paramNameMatch[1]
+      const nameList = paramName.split(',').map(name => name.trim()).filter(Boolean)
+      nameList.forEach(name => {
+        if (name.indexOf(' as ') > 0) {
+          const [pname, alias] = name.split(' as ')
+          replacements.push(`const ${alias} = _lazy(() => import(\'${path}\').then(({${pname}}) => ({default: ${pname}})))`)
+        } else {
+          replacements.push(`const ${name} = _lazy(() => import(\'${path}\').then(({${name}}) => ({default: ${name}})))`)
+        }
+      })
+    }
+
+    const nameList = names.split(',').map(name => name.trim()).filter(Boolean)
+    nameList.forEach(name => {
+      if (name.indexOf(' as ') > 0) {
+        const [_, alias] = name.split(' as ')
+        replacements.push(`const ${alias} = _lazy(() => import(\'${path}\'))`)
+      } else {
+        replacements.push(`const ${name} = _lazy(() => import(\'${path}\'))`)
+      }
+    })
+    code = code.replace(m, replacements.join('\n'))
+    replaced = true
+  })
+  if (replaced) {
+    code = 'import { lazy as _lazy } from \'xadmin-ui\'\n' + code
+  }
+  return code
+}
+
+const convertCode = code => {
+  code = convert(code)
+  // 首选寻找有没有块替换区域
+  const matches = code.match(/\/\/\s*Lazy\s+import\s+start([\s\S]+?)\/\/\s*Lazy\s+import\s+end/)
+  if (!matches) {
+    return code
+  }
+  matches.forEach(m => {
+    code = code.replace(m, convert(m, false))
+  })
+  return code
+}
+
+const airiotPlugin = () => {
+  return {
+    name: 'airiot-lazy-import',
+    enforce: 'pre',
+    transform(code, id) {
+      if (id.endsWith('.js')) {
+        code = convertCode(code)
+      }
+      return code
+    }
+  }
+}
+
+export default airiotPlugin