@lazycatcloud/lzc-cli 1.1.1 → 1.1.4

package/template/ionic_vue3/src/main.ts

@@ -0,0 +1,35 @@
+import { createApp } from "vue"
+import { createPinia } from "pinia"
+import App from "@/App.vue"
+import router from "./router"
+// tailwind
+import "./index.css"
+
+// ionic
+import { IonicVue } from "@ionic/vue"
+
+// Core CSS required for Ionic components to work properly
+import "@ionic/vue/css/core.css"
+
+// /* Basic CSS for apps built with Ionic */
+import "@ionic/vue/css/normalize.css"
+import "@ionic/vue/css/structure.css"
+import "@ionic/vue/css/typography.css"
+
+// /* Optional CSS utils that can be commented out */
+import "@ionic/vue/css/padding.css"
+import "@ionic/vue/css/float-elements.css"
+import "@ionic/vue/css/text-alignment.css"
+import "@ionic/vue/css/text-transformation.css"
+import "@ionic/vue/css/flex-utils.css"
+import "@ionic/vue/css/display.css"
+
+// import "@/theme/variables.css";
+
+const app = createApp(App)
+app.use(IonicVue)
+app.use(createPinia())
+app.use(router)
+router.isReady().then(() => {
+  app.mount("#app")
+})

package/template/ionic_vue3/src/router/index.ts

@@ -0,0 +1,15 @@
+import HomeVue from "@/views/Home.vue"
+import { createRouter, createWebHistory } from "@ionic/vue-router"
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: "/",
+      name: "home",
+      component: HomeVue,
+    },
+  ],
+})
+
+export default router

package/template/ionic_vue3/src/theme/variables.css

@@ -0,0 +1,231 @@
+/* Ionic Variables and Theming. For more info, please see:
+http://ionicframework.com/docs/theming/ */
+
+/** Ionic CSS Variables **/
+:root {
+  /** primary **/
+  --ion-color-primary: #3880ff;
+  --ion-color-primary-rgb: 56, 128, 255;
+  --ion-color-primary-contrast: #ffffff;
+  --ion-color-primary-contrast-rgb: 255, 255, 255;
+  --ion-color-primary-shade: #3171e0;
+  --ion-color-primary-tint: #4c8dff;
+
+  /** secondary **/
+  --ion-color-secondary: #3dc2ff;
+  --ion-color-secondary-rgb: 61, 194, 255;
+  --ion-color-secondary-contrast: #ffffff;
+  --ion-color-secondary-contrast-rgb: 255, 255, 255;
+  --ion-color-secondary-shade: #36abe0;
+  --ion-color-secondary-tint: #50c8ff;
+
+  /** tertiary **/
+  --ion-color-tertiary: #5260ff;
+  --ion-color-tertiary-rgb: 82, 96, 255;
+  --ion-color-tertiary-contrast: #ffffff;
+  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
+  --ion-color-tertiary-shade: #4854e0;
+  --ion-color-tertiary-tint: #6370ff;
+
+  /** success **/
+  --ion-color-success: #2dd36f;
+  --ion-color-success-rgb: 45, 211, 111;
+  --ion-color-success-contrast: #ffffff;
+  --ion-color-success-contrast-rgb: 255, 255, 255;
+  --ion-color-success-shade: #28ba62;
+  --ion-color-success-tint: #42d77d;
+
+  /** warning **/
+  --ion-color-warning: #ffc409;
+  --ion-color-warning-rgb: 255, 196, 9;
+  --ion-color-warning-contrast: #000000;
+  --ion-color-warning-contrast-rgb: 0, 0, 0;
+  --ion-color-warning-shade: #e0ac08;
+  --ion-color-warning-tint: #ffca22;
+
+  /** danger **/
+  --ion-color-danger: #eb445a;
+  --ion-color-danger-rgb: 235, 68, 90;
+  --ion-color-danger-contrast: #ffffff;
+  --ion-color-danger-contrast-rgb: 255, 255, 255;
+  --ion-color-danger-shade: #cf3c4f;
+  --ion-color-danger-tint: #ed576b;
+
+  /** dark **/
+  --ion-color-dark: #222428;
+  --ion-color-dark-rgb: 34, 36, 40;
+  --ion-color-dark-contrast: #ffffff;
+  --ion-color-dark-contrast-rgb: 255, 255, 255;
+  --ion-color-dark-shade: #1e2023;
+  --ion-color-dark-tint: #383a3e;
+
+  /** medium **/
+  --ion-color-medium: #92949c;
+  --ion-color-medium-rgb: 146, 148, 156;
+  --ion-color-medium-contrast: #ffffff;
+  --ion-color-medium-contrast-rgb: 255, 255, 255;
+  --ion-color-medium-shade: #808289;
+  --ion-color-medium-tint: #9d9fa6;
+
+  /** light **/
+  --ion-color-light: #f4f5f8;
+  --ion-color-light-rgb: 244, 245, 248;
+  --ion-color-light-contrast: #000000;
+  --ion-color-light-contrast-rgb: 0, 0, 0;
+  --ion-color-light-shade: #d7d8da;
+  --ion-color-light-tint: #f5f6f9;
+}
+
+@media (prefers-color-scheme: dark) {
+  /*
+   * Dark Colors
+   * -------------------------------------------
+   */
+
+  body {
+    --ion-color-primary: #428cff;
+    --ion-color-primary-rgb: 66, 140, 255;
+    --ion-color-primary-contrast: #ffffff;
+    --ion-color-primary-contrast-rgb: 255, 255, 255;
+    --ion-color-primary-shade: #3a7be0;
+    --ion-color-primary-tint: #5598ff;
+
+    --ion-color-secondary: #50c8ff;
+    --ion-color-secondary-rgb: 80, 200, 255;
+    --ion-color-secondary-contrast: #ffffff;
+    --ion-color-secondary-contrast-rgb: 255, 255, 255;
+    --ion-color-secondary-shade: #46b0e0;
+    --ion-color-secondary-tint: #62ceff;
+
+    --ion-color-tertiary: #6a64ff;
+    --ion-color-tertiary-rgb: 106, 100, 255;
+    --ion-color-tertiary-contrast: #ffffff;
+    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
+    --ion-color-tertiary-shade: #5d58e0;
+    --ion-color-tertiary-tint: #7974ff;
+
+    --ion-color-success: #2fdf75;
+    --ion-color-success-rgb: 47, 223, 117;
+    --ion-color-success-contrast: #000000;
+    --ion-color-success-contrast-rgb: 0, 0, 0;
+    --ion-color-success-shade: #29c467;
+    --ion-color-success-tint: #44e283;
+
+    --ion-color-warning: #ffd534;
+    --ion-color-warning-rgb: 255, 213, 52;
+    --ion-color-warning-contrast: #000000;
+    --ion-color-warning-contrast-rgb: 0, 0, 0;
+    --ion-color-warning-shade: #e0bb2e;
+    --ion-color-warning-tint: #ffd948;
+
+    --ion-color-danger: #ff4961;
+    --ion-color-danger-rgb: 255, 73, 97;
+    --ion-color-danger-contrast: #ffffff;
+    --ion-color-danger-contrast-rgb: 255, 255, 255;
+    --ion-color-danger-shade: #e04055;
+    --ion-color-danger-tint: #ff5b71;
+
+    --ion-color-dark: #f4f5f8;
+    --ion-color-dark-rgb: 244, 245, 248;
+    --ion-color-dark-contrast: #000000;
+    --ion-color-dark-contrast-rgb: 0, 0, 0;
+    --ion-color-dark-shade: #d7d8da;
+    --ion-color-dark-tint: #f5f6f9;
+
+    --ion-color-medium: #989aa2;
+    --ion-color-medium-rgb: 152, 154, 162;
+    --ion-color-medium-contrast: #000000;
+    --ion-color-medium-contrast-rgb: 0, 0, 0;
+    --ion-color-medium-shade: #86888f;
+    --ion-color-medium-tint: #a2a4ab;
+
+    --ion-color-light: #222428;
+    --ion-color-light-rgb: 34, 36, 40;
+    --ion-color-light-contrast: #ffffff;
+    --ion-color-light-contrast-rgb: 255, 255, 255;
+    --ion-color-light-shade: #1e2023;
+    --ion-color-light-tint: #383a3e;
+  }
+
+  /*
+   * iOS Dark Theme
+   * -------------------------------------------
+   */
+
+  .ios body {
+    --ion-background-color: #000000;
+    --ion-background-color-rgb: 0, 0, 0;
+
+    --ion-text-color: #ffffff;
+    --ion-text-color-rgb: 255, 255, 255;
+
+    --ion-color-step-50: #0d0d0d;
+    --ion-color-step-100: #1a1a1a;
+    --ion-color-step-150: #262626;
+    --ion-color-step-200: #333333;
+    --ion-color-step-250: #404040;
+    --ion-color-step-300: #4d4d4d;
+    --ion-color-step-350: #595959;
+    --ion-color-step-400: #666666;
+    --ion-color-step-450: #737373;
+    --ion-color-step-500: #808080;
+    --ion-color-step-550: #8c8c8c;
+    --ion-color-step-600: #999999;
+    --ion-color-step-650: #a6a6a6;
+    --ion-color-step-700: #b3b3b3;
+    --ion-color-step-750: #bfbfbf;
+    --ion-color-step-800: #cccccc;
+    --ion-color-step-850: #d9d9d9;
+    --ion-color-step-900: #e6e6e6;
+    --ion-color-step-950: #f2f2f2;
+
+    --ion-toolbar-background: #0d0d0d;
+
+    --ion-item-background: #000000;
+
+    --ion-card-background: #1c1c1d;
+  }
+
+  /*
+   * Material Design Dark Theme
+   * -------------------------------------------
+   */
+
+  .md body {
+    --ion-background-color: #121212;
+    --ion-background-color-rgb: 18, 18, 18;
+
+    --ion-text-color: #ffffff;
+    --ion-text-color-rgb: 255, 255, 255;
+
+    --ion-border-color: #222222;
+
+    --ion-color-step-50: #1e1e1e;
+    --ion-color-step-100: #2a2a2a;
+    --ion-color-step-150: #363636;
+    --ion-color-step-200: #414141;
+    --ion-color-step-250: #4d4d4d;
+    --ion-color-step-300: #595959;
+    --ion-color-step-350: #656565;
+    --ion-color-step-400: #717171;
+    --ion-color-step-450: #7d7d7d;
+    --ion-color-step-500: #898989;
+    --ion-color-step-550: #949494;
+    --ion-color-step-600: #a0a0a0;
+    --ion-color-step-650: #acacac;
+    --ion-color-step-700: #b8b8b8;
+    --ion-color-step-750: #c4c4c4;
+    --ion-color-step-800: #d0d0d0;
+    --ion-color-step-850: #dbdbdb;
+    --ion-color-step-900: #e7e7e7;
+    --ion-color-step-950: #f3f3f3;
+
+    --ion-item-background: #1e1e1e;
+
+    --ion-toolbar-background: #1f1f1f;
+
+    --ion-tab-bar-background: #1f1f1f;
+
+    --ion-card-background: #1e1e1e;
+  }
+}

package/template/ionic_vue3/src/views/Home.vue

@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+  import {
+    IonContent,
+    IonHeader,
+    IonPage,
+    IonTitle,
+    IonToolbar,
+  } from "@ionic/vue"
+</script>
+
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-title>Lazycat App Template</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <div id="container" class="h-full w-full flex flex-col justify-center">
+        <div class="mx-auto">
+          <strong>非常滴very good</strong>
+          <p>
+            We are LNKS
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://linakesi.com">
+              Click Me!
+            </a>
+          </p>
+        </div>
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<style scoped></style>

package/template/ionic_vue3/tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

package/template/ionic_vue3/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+
+  "references": [
+    {
+      "path": "./tsconfig.vite-config.json"
+    }
+  ]
+}

package/template/ionic_vue3/tsconfig.vite-config.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}

package/template/ionic_vue3/vite.config.ts

@@ -0,0 +1,28 @@
+import { fileURLToPath, URL } from "url"
+
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
+import vueJsx from "@vitejs/plugin-vue-jsx"
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue({
+      // template: {
+      //   compilerOptions: {
+      //     // treat all tags with a dash as custom elements
+      //     isCustomElement: (tag) => tag.includes("-"),
+      //   },
+      // },
+    }),
+    vueJsx(),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+  server: {
+    port: 8080,
+  },
+})

package/template/release/golang/build.sh

@@ -1,7 +1,6 @@
 #!/bin/sh
 set -ex
-
-SHELLDIR="$(dirname "$(realpath "$0")")"
+SHELLDIR="$(dirname "$(python -c "import os; print(os.path.abspath('.'))")")"
 
 cd "$SHELLDIR"
 

package/template/release/ionic_vue3/Dockerfile

@@ -0,0 +1,10 @@
+FROM registry.lazycat.cloud/lzc/lzcapp:0.1
+
+ARG HTTP_SERVICE_PORT
+
+WORKDIR /app
+COPY dist .
+EXPOSE $HTTP_SERVICE_PORT
+
+ENV HTTP_SERVICE_PORT ${HTTP_SERVICE_PORT}
+CMD /usr/bin/lzcapp --listen :$HTTP_SERVICE_PORT --www .

package/template/release/ionic_vue3/build.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+set -ex
+
+
+SHELLDIR="$(dirname "$(python -c "import os; print(os.path.abspath('.'))")")"
+
+cd "$SHELLDIR"
+
+npm run build

package/template/release/ionic_vue3/docker-compose.yml.in

@@ -0,0 +1,8 @@
+services:
+  ${APP_ID}:
+    image: ${APP_IMAGE_NAME}
+    volumes:
+      - lzcapis-lzcapp:/lzcapp
+
+volumes:
+  lzcapis-lzcapp:

package/template/release/vue/Dockerfile

@@ -1,4 +1,5 @@
-FROM caddy:alpine
+FROM registry.lazycat.cloud/lzc/lzcapp:0.1
+
 ARG HTTP_SERVICE_PORT
 
 WORKDIR /app
@@ -6,4 +7,4 @@ COPY dist .
 EXPOSE $HTTP_SERVICE_PORT
 
 ENV HTTP_SERVICE_PORT ${HTTP_SERVICE_PORT}
-CMD caddy file-server --listen :$HTTP_SERVICE_PORT
+CMD /usr/bin/lzcapp --listen :$HTTP_SERVICE_PORT --www .

package/template/release/vue/build.sh

@@ -2,8 +2,10 @@
 set -ex
 
 
-SHELLDIR="$(dirname "$(realpath "$0")")"
+SHELLDIR="$(dirname "$(python -c "import os; print(os.path.abspath('.'))")")"
 
-cd "$SHELLDIR"
+# cd "$SHELLDIR"
+
+## 该文件运行时路径为 .lazycat 对应的目录
 
 npm run build

package/template/vue/README.md

@@ -1,24 +1,29 @@
 # hc_test
 
 ## Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 npm run serve
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).

package/template/vue/babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+  presets: ["@vue/cli-plugin-babel/preset"],
+};