@lazycatcloud/lzc-cli 1.2.27 → 1.2.29

package/scripts/cli.js

@@ -1,62 +1,62 @@
 #!/usr/bin/env node
-import process from "process";
-import path from "path";
-import fs from "fs";
-import logger from "loglevel";
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
-import chalk from "chalk";
+import process from "process"
+import path from "path"
+import fs from "fs"
+import logger from "loglevel"
+import yargs from "yargs"
+import { hideBin } from "yargs/helpers"
+import chalk from "chalk"
 
-import { contextDirname } from "../lib/utils.js";
-import { boxCommand } from "../lib/box/index.js";
-import { appstoreCommand } from "../lib/appstore/index.js";
-import { lpkAppCommand, lpkProjectCommand } from "../lib/app/index.js";
+import { contextDirname } from "../lib/utils.js"
+import { boxCommand } from "../lib/box/index.js"
+import { appstoreCommand } from "../lib/appstore/index.js"
+import { lpkAppCommand, lpkProjectCommand } from "../lib/app/index.js"
 const pkgInfo = JSON.parse(
   fs.readFileSync(path.join(contextDirname(import.meta.url), "../package.json"))
-);
-import env from "../lib/env.js";
+)
+import env from "../lib/env.js"
 
 // logger level middleware
-const logLevelOriginalFactory = logger.methodFactory;
+const logLevelOriginalFactory = logger.methodFactory
 logger.methodFactory = function (methodName, logLevel, loggerName) {
-  let rawMethod = logLevelOriginalFactory(methodName, logLevel, loggerName);
+  let rawMethod = logLevelOriginalFactory(methodName, logLevel, loggerName)
   return function (...args) {
-    let color = (msg) => chalk.gray;
+    let color = (msg) => chalk.gray
     switch (methodName) {
       case "trace":
-        color = chalk.dim.cyan;
-        break;
+        color = chalk.dim.cyan
+        break
       case "debug":
-        color = chalk.blue;
-        break;
+        color = chalk.blue
+        break
       case "info":
-        color = chalk.green;
-        break;
+        color = chalk.green
+        break
       case "warn":
-        color = chalk.magenta;
-        break;
+        color = chalk.magenta
+        break
       case "error":
-        color = chalk.bold.red;
-        break;
+        color = chalk.bold.red
+        break
     }
-    const prefix = loggerName ?? methodName;
+    const prefix = loggerName ?? methodName
     rawMethod(
       `[${prefix}] ` +
         args
           .map((a) => {
-            let res = a;
+            let res = a
             if (typeof a == "object") {
-              res = JSON.stringify(a, undefined, 4);
+              res = JSON.stringify(a, undefined, 4)
             }
-            return color(res);
+            return color(res)
           })
           .join(" ")
-    );
-  };
-};
-logger.setDefaultLevel("info");
+    )
+  }
+}
+logger.setDefaultLevel("info")
 function setLoggerLevel({ log }) {
-  logger.setLevel(log, false);
+  logger.setLevel(log, false)
 }
 
 const program = yargs(hideBin(process.argv))
@@ -66,55 +66,55 @@ const program = yargs(hideBin(process.argv))
   .option("log", {
     type: "string",
     default: "info",
-    describe: "log level 'trace', 'debug', 'info', 'warn', 'error'",
+    describe: "log level 'trace', 'debug', 'info', 'warn', 'error'"
   })
   .option("help", {
     alias: "h",
     type: "boolean",
-    default: false,
+    default: false
   })
-  .completion("completion", false);
+  .completion("completion", false)
 
 program.command({
   command: "config [key] [value]",
   desc: false,
   builder: (args) => {
-    args.implies("key", "value");
+    args.implies("key", "value")
   },
   handler: async ({ key, value }) => {
     if (!key && !value) {
-      console.log(env.stringify());
-      return;
+      console.log(env.stringify())
+      return
     }
-    const pair = Object.fromEntries([[key, value]]);
-    env.set(pair, true);
-  },
-});
+    const pair = Object.fromEntries([[key, value]])
+    env.set(pair, true)
+  }
+})
 
-boxCommand(program);
-lpkAppCommand(program);
-lpkProjectCommand(program);
-appstoreCommand(program);
+boxCommand(program)
+lpkAppCommand(program)
+lpkProjectCommand(program)
+appstoreCommand(program)
 
 // 当没有参数的时候，默认显示帮助。
-(async () => {
+;(async () => {
   const parser = program
     .strict()
     .showHelpOnFail(false, "使用 lzc-cli help 查看更多帮助")
     .middleware([setLoggerLevel])
-    .parse();
+    .parse()
 
-  const argv = await parser;
+  const argv = await parser
   if (argv._.length == 1) {
     switch (argv._[0]) {
       case "box":
       case "app":
       case "project":
       case "appstore":
-        program.showHelp();
-        return;
+        program.showHelp()
+        return
     }
   } else if (argv._.length == 0) {
-    program.showHelp();
+    program.showHelp()
   }
-})();
+})()

package/template/_lpk/manifest.yml.in

@@ -1,16 +1,16 @@
 lzc-sdk-version: 0.1
 
-package: ${package}         # app的唯一标识符
-version: ${version}         # app的版本
-name: ${name}               # app名称
-description: ${description} # app描述
+name: ${name} # app名称
+package: ${package} # app的唯一标识符
+version: 0.0.1 # app的版本
+description: # app描述
 
 license: https://choosealicense.com/licenses/mit/
-homepage: ${homepage}       # 出现bug时候提交反馈的地方
-author: ${author}           # app author
+homepage: # 出现bug时候提交反馈的地方
+author: # app author
 
 #application作为一个特殊的container运行，对应的service名称为固定的`app`，其他service可以通过此名称与app进行通讯
 application:
-  subdomain: ${subdomain}  #期望的app域名
+  subdomain: ${subdomain} #期望的app域名
   routes:
-    - /=file:///lzcapp/pkg/content/
+    - /=file:///lzcapp/pkg/content/dist

package/template/vue/README.md

@@ -0,0 +1,29 @@
+# 懒猫云应用
+
+## 开发
+```
+lzc-cli project devshell
+```
+
+进入应用容器,并且自动同步当前目录内容到容器
+然后就可以启动你的应用了,例如前端
+npm install
+npm run dev
+
+## 构建
+```
+lzc-cli project build -o you-awesome.lpk
+```
+
+会在当前的目录下构建出一个 lpk 包。
+
+## 安装
+```
+lzc-cli app install you-awesome.lpk
+```
+
+会安装在你的微服应用中,安装成功后可在懒猫微服启动器中查看!
+
+## 交流和帮助
+
+你可以在 https://bbs.lazycat.cloud/ 畅所欲言。

package/template/vue/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/vue/lzc-build.yml

@@ -0,0 +1,59 @@
+# 整个文件中，可以通过 ${var} 的方式，使用 manifest 字段指定的文件定义的值
+
+# buildscript
+# - 可以为构建脚本的路径地址
+# - 如果构建命令简单，也可以直接写 sh 的命令
+buildscript: npm run build
+
+# manifest: 指定 lpk 包的 manifest.yml 文件路径
+manifest: ./lzc-manifest.yml
+
+# contentdir: 指定打包的内容，将会打包到 lpk 中
+contentdir: ./dist
+
+# pkgout: lpk 包的输出路径
+pkgout: ./
+
+# icon 指定 lpk 包 icon 的路径路径，如果不指定将会警告
+# icon 仅仅允许 png 后缀的文件
+icon: ./lzc-icon.png
+
+# devshell 自定义应用的开发容器环境
+# - routers 指定应用容器的访问路由
+
+# devshell 没有指定 image 的情况，将会默认使用 registry.lazycat.cloud/lzc-cli/devshell:v0.0.5
+# devshell:
+#   routers:
+#     - /=http://127.0.0.1:8080
+
+# devshell 指定 image 的情况
+# devshell:
+#   routes:
+#     - /=http://127.0.0.1:3000
+#   image: registry.lazycat.cloud/lzc-cli/devshell:v0.0.5
+
+# devshell 指定构建Dockerfile
+# image 字段如果没有定义，将默认使用 ${package}-devshell:${version}
+# devshell:
+#   routes:
+#     - /=http://127.0.0.1:3000
+#   image: ${package}-devshell:${version}
+#   pull_policy: build
+#   build: .
+
+# dvshell 指定开发依赖的情况
+# 这种情况下，选用 alpine:latest 作为基础镜像，在 dependencies 中添加所需要的开发依赖即可
+# 如果 dependencies 和 build 同时存在，将会优先使用 dependencies
+devshell:
+  routes:
+    - /=http://127.0.0.1:3000
+  dependencies:
+    - nodejs
+    - npm
+  # setupscript 每次进入到app container后都会执行的配置脚本
+  # - 可以为脚本的路径地址
+  # - 如果构建命令简单，也可以直接写 sh 的命令
+  # setupscript: export GOPROXY=https://goproxy.cn
+  # setupscript: ./setupscript.sh
+  setupscript: |
+    export npm_config_registry=https://registry.npmmirror.com

package/template/vue/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "lzc-app-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 3000 --host",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.4.37"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.2",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.1",
+    "vue-tsc": "^2.0.29"
+  }
+}

package/template/vue/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/vue/src/App.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vitejs.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/template/vue/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/template/vue/src/components/HelloWorld.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/template/vue/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/template/vue/src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/template/vue/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/vue/tsconfig.app.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/template/vue/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/template/vue/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/vue/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+})