npm - @lazycatcloud/lzc-cli - Versions diffs - 1.3.17 → 2.0.0-pre.1 - Mend

@lazycatcloud/lzc-cli 1.3.17 → 2.0.0-pre.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/README.md +47 -7
package/changelog.md +14 -0
package/lib/app/apkshell.js +7 -44
package/lib/app/index.js +178 -64
package/lib/app/lpk_build.js +446 -61
package/lib/app/lpk_build_images.js +749 -0
package/lib/app/lpk_create.js +192 -45
package/lib/app/lpk_create_generator.js +141 -13
package/lib/app/lpk_devshell.js +33 -19
package/lib/app/lpk_embed_images.js +257 -0
package/lib/app/lpk_installer.js +17 -9
package/lib/app/manifest_build.js +259 -0
package/lib/app/project_cp.js +59 -0
package/lib/app/project_deploy.js +58 -0
package/lib/app/project_exec.js +82 -0
package/lib/app/project_info.js +106 -0
package/lib/app/project_log.js +62 -0
package/lib/app/project_runtime.js +356 -0
package/lib/app/project_start.js +95 -0
package/lib/app/project_sync.js +499 -0
package/lib/appstore/apkshell.js +50 -0
package/lib/box/index.js +101 -4
package/lib/box/ssh_remote.js +259 -0
package/lib/build_remote.js +21 -0
package/lib/debug_bridge.js +891 -83
package/lib/docker/index.js +30 -10
package/lib/i18n/locales/en/translation.json +262 -255
package/lib/i18n/locales/zh/translation.json +262 -255
package/lib/lpk/core.js +488 -0
package/lib/lpk/index.js +210 -0
package/lib/migrate/index.js +52 -0
package/lib/package_info.js +135 -0
package/lib/shellapi.js +35 -1
package/lib/sig/core.js +254 -0
package/lib/sig/index.js +88 -0
package/lib/utils.js +94 -15
package/package.json +3 -3
package/scripts/cli.js +6 -0
package/scripts/smoke/frontend-dev-entry.mjs +104 -0
package/scripts/smoke/template-project.mjs +311 -0
package/template/_lpk/README.md +15 -4
package/template/_lpk/gui-vnc.manifest.yml.in +18 -0
package/template/_lpk/hello-vue.manifest.yml.in +38 -0
package/template/_lpk/manifest.yml.in +4 -11
package/template/_lpk/package.yml.in +7 -0
package/template/_lpk/todolist-golang.manifest.yml.in +30 -0
package/template/_lpk/todolist-java.manifest.yml.in +29 -0
package/template/_lpk/todolist-python.manifest.yml.in +37 -0
package/template/_lpk/todolist-serverless.manifest.yml.in +38 -0
package/template/_lpk/vue.lzc-build.yml.in +0 -44
package/template/blank/lzc-build.dev.yml +4 -0
package/template/blank/lzc-build.yml +24 -41
package/template/blank/lzc-manifest.yml +7 -9
package/template/blank/package.yml +7 -0
package/template/golang/Dockerfile +19 -0
package/template/golang/Dockerfile.dev +20 -0
package/template/golang/README.md +44 -0
package/template/golang/_gitignore +3 -0
package/template/golang/_lzcdevignore +21 -0
package/template/golang/go.mod +3 -0
package/template/golang/lzc-build.dev.yml +12 -0
package/template/golang/lzc-build.yml +16 -0
package/template/golang/lzc-icon.png +0 -0
package/template/golang/main.go +252 -0
package/template/golang/manifest.dev.page.js +24 -0
package/template/golang/run.sh +10 -0
package/template/golang/web/index.html +238 -0
package/template/gui-vnc/README.md +23 -0
package/template/gui-vnc/_gitignore +2 -0
package/template/gui-vnc/images/Dockerfile +30 -0
package/template/gui-vnc/images/kasmvnc.yaml +33 -0
package/template/gui-vnc/images/startup-script.desktop +9 -0
package/template/gui-vnc/images/startup-script.sh +6 -0
package/template/gui-vnc/lzc-build.dev.yml +4 -0
package/template/gui-vnc/lzc-build.yml +18 -0
package/template/gui-vnc/lzc-icon.png +0 -0
package/template/python/Dockerfile +15 -0
package/template/python/Dockerfile.dev +18 -0
package/template/python/README.md +50 -0
package/template/python/_gitignore +3 -0
package/template/python/_lzcdevignore +21 -0
package/template/python/app.py +110 -0
package/template/python/lzc-build.dev.yml +12 -0
package/template/python/lzc-build.yml +16 -0
package/template/python/lzc-icon.png +0 -0
package/template/python/manifest.dev.page.js +25 -0
package/template/python/requirements.txt +1 -0
package/template/python/run.sh +14 -0
package/template/python/web/index.html +238 -0
package/template/springboot/Dockerfile +20 -0
package/template/springboot/Dockerfile.dev +20 -0
package/template/springboot/README.md +44 -0
package/template/springboot/_gitignore +3 -0
package/template/springboot/_lzcdevignore +21 -0
package/template/springboot/lzc-build.dev.yml +12 -0
package/template/springboot/lzc-build.yml +16 -0
package/template/springboot/lzc-icon.png +0 -0
package/template/springboot/manifest.dev.page.js +24 -0
package/template/springboot/pom.xml +38 -0
package/template/springboot/run.sh +10 -0
package/template/springboot/src/main/java/cloud/lazycat/app/Application.java +132 -0
package/template/springboot/src/main/resources/application.properties +1 -0
package/template/springboot/src/main/resources/static/index.html +238 -0
package/template/vue/README.md +18 -21
package/template/vue/lzc-build.dev.yml +7 -0
package/template/vue/lzc-build.yml +30 -43
package/template/vue/manifest.dev.page.js +50 -0
package/template/vue/src/App.vue +36 -25
package/template/vue/src/style.css +106 -49
package/template/vue-minidb/README.md +26 -0
package/template/vue-minidb/_gitignore +25 -0
package/template/vue-minidb/index.html +13 -0
package/template/vue-minidb/lzc-build.dev.yml +7 -0
package/template/vue-minidb/lzc-build.yml +46 -0
package/template/vue-minidb/lzc-icon.png +0 -0
package/template/vue-minidb/manifest.dev.page.js +50 -0
package/template/vue-minidb/package.json +21 -0
package/template/vue-minidb/public/vite.svg +1 -0
package/template/vue-minidb/src/App.vue +206 -0
package/template/vue-minidb/src/assets/vue.svg +1 -0
package/template/vue-minidb/src/main.ts +5 -0
package/template/vue-minidb/src/style.css +136 -0
package/template/vue-minidb/src/vite-env.d.ts +1 -0
package/template/vue-minidb/tsconfig.app.json +24 -0
package/template/vue-minidb/tsconfig.json +7 -0
package/template/vue-minidb/tsconfig.node.json +22 -0
package/template/vue-minidb/vite.config.ts +10 -0
/package/template/{vue → vue-minidb}/src/components/HelloWorld.vue +0 -0

package/template/springboot/manifest.dev.page.js ADDED Viewed

@@ -0,0 +1,24 @@
+function renderDevPage(port) {
+  const title = "Backend dev service is not ready";
+  const subtitle = "This app is running in dev mode and expects the backend service to be started manually inside the app container.";
+  const pageTitle = "Backend Dev";
+  const steps = [
+    "Sync your latest code into the container with <code>lzc-cli project sync --watch</code> or copy it with <code>lzc-cli project cp</code>.",
+    "Open a shell with <code>lzc-cli project exec /bin/sh</code> and start or restart the backend process with <code>/app/run.sh</code>.",
+    "Refresh this page after port <code>" + String(port) + "</code> is ready.",
+  ];
+  const portText = port === undefined || port === null ? "" : String(port);
+  const items = steps.map(function (step) {
+    return "<li>" + step + "</li>";
+  }).join("");
+  const portBadge = portText ? "<div class=\"pill\">Expected local port: " + portText + "</div>" : "";
+  return [
+    "<!doctype html>",
+    "<html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>", pageTitle, "</title><style>",
+    "body{margin:0;padding:32px;font-family:ui-sans-serif,system-ui,sans-serif;background:#f5f8fc;color:#112033}",
+    ".card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #d9e4f2;border-radius:18px;padding:24px;box-shadow:0 16px 40px rgba(17,32,51,.08)}",
+    "h1{margin:0 0 12px;font-size:32px}.muted{color:#51627a}.pill{display:inline-block;margin:16px 0 0;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#0c5dd6;font-weight:600}",
+    "ol{margin:18px 0 0;padding-left:20px;line-height:1.8}code{background:#f2f6fb;border-radius:8px;padding:2px 6px}button{margin-top:20px;border:0;border-radius:10px;padding:10px 14px;background:#112033;color:#fff;cursor:pointer}",
+    "</style></head><body><main class=\"card\"><h1>", title, "</h1><p class=\"muted\">", subtitle, "</p>", portBadge, "<ol>", items, "</ol><button onclick=\"location.reload()\">Refresh</button></main></body></html>",
+  ].join("");
+}

package/template/springboot/pom.xml ADDED Viewed

@@ -0,0 +1,38 @@
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.springframework.boot</groupId>
+        <artifactId>spring-boot-starter-parent</artifactId>
+        <version>3.3.2</version>
+        <relativePath/>
+    </parent>
+    <groupId>cloud.lazycat.app</groupId>
+    <artifactId>springboot-app</artifactId>
+    <version>0.0.1</version>
+    <name>springboot-app</name>
+    <description>Spring Boot template for lzc-cli</description>
+    <properties>
+        <java.version>17</java.version>
+    </properties>
+    <dependencies>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-web</artifactId>
+        </dependency>
+    </dependencies>
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+            </plugin>
+        </plugins>
+    </build>
+</project>

package/template/springboot/run.sh ADDED Viewed

@@ -0,0 +1,10 @@
+#!/bin/sh
+set -e
+mirror_root="/lzcapp/cache/project-mirror"
+if command -v mvn >/dev/null 2>&1 && [ -f "$mirror_root/pom.xml" ]; then
+	cd "$mirror_root"
+	exec mvn spring-boot:run
+fi
+exec java -jar /app/app.jar

package/template/springboot/src/main/java/cloud/lazycat/app/Application.java ADDED Viewed

@@ -0,0 +1,132 @@
+package cloud.lazycat.app;
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.StandardCopyOption;
+import java.util.ArrayList;
+import java.util.Comparator;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.atomic.AtomicLong;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.http.HttpStatus;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.PutMapping;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.server.ResponseStatusException;
+@SpringBootApplication
+@RestController
+public class Application {
+    private final Map<Long, TodoItem> todos = new ConcurrentHashMap<>();
+    private final AtomicLong nextId = new AtomicLong(1);
+    private final ObjectMapper objectMapper = new ObjectMapper();
+    private final Path todosFile = Path.of("/lzcapp/var/todos.json");
+    public Application() {
+        try {
+            loadTodos();
+        } catch (IOException e) {
+            throw new IllegalStateException("failed to load todos", e);
+        }
+    }
+    public static void main(String[] args) {
+        SpringApplication.run(Application.class, args);
+    }
+    @GetMapping("/api/health")
+    public Map<String, String> health() {
+        return Map.of("status", "ok");
+    }
+    @GetMapping("/api/todos")
+    public Map<String, List<TodoItem>> listTodos() {
+        List<TodoItem> items = new ArrayList<>(todos.values());
+        items.sort(Comparator.comparingLong(TodoItem::updatedAt).reversed());
+        return Map.of("items", items);
+    }
+    @PostMapping("/api/todos")
+    public TodoItem addTodo(@RequestBody TodoCreateRequest request) {
+        String title = request.title() == null ? "" : request.title().trim();
+        if (title.isEmpty()) {
+            throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "title is required");
+        }
+        TodoItem todo = new TodoItem(nextId.getAndIncrement(), title, false, System.currentTimeMillis());
+        todos.put(todo.id(), todo);
+        try {
+            persistTodos();
+        } catch (IOException e) {
+            throw new ResponseStatusException(HttpStatus.INTERNAL_SERVER_ERROR, "failed to persist todos");
+        }
+        return todo;
+    }
+    @PutMapping("/api/todos/{id}/toggle")
+    public TodoItem toggleTodo(@PathVariable("id") long id) {
+        TodoItem found = todos.get(id);
+        if (found == null) {
+            throw new ResponseStatusException(HttpStatus.NOT_FOUND, "todo not found");
+        }
+        TodoItem updated = new TodoItem(found.id(), found.title(), !found.done(), System.currentTimeMillis());
+        todos.put(id, updated);
+        try {
+            persistTodos();
+        } catch (IOException e) {
+            throw new ResponseStatusException(HttpStatus.INTERNAL_SERVER_ERROR, "failed to persist todos");
+        }
+        return updated;
+    }
+    @DeleteMapping("/api/todos/{id}")
+    public Map<String, Boolean> deleteTodo(@PathVariable("id") long id) {
+        TodoItem removed = todos.remove(id);
+        if (removed == null) {
+            throw new ResponseStatusException(HttpStatus.NOT_FOUND, "todo not found");
+        }
+        try {
+            persistTodos();
+        } catch (IOException e) {
+            throw new ResponseStatusException(HttpStatus.INTERNAL_SERVER_ERROR, "failed to persist todos");
+        }
+        return Map.of("ok", true);
+    }
+    private synchronized void loadTodos() throws IOException {
+        Files.createDirectories(todosFile.getParent());
+        if (!Files.exists(todosFile)) {
+            return;
+        }
+        TodoItem[] loaded = objectMapper.readValue(todosFile.toFile(), TodoItem[].class);
+        long maxId = 0;
+        for (TodoItem item : loaded) {
+            todos.put(item.id(), item);
+            maxId = Math.max(maxId, item.id());
+        }
+        nextId.set(maxId + 1);
+    }
+    private synchronized void persistTodos() throws IOException {
+        Files.createDirectories(todosFile.getParent());
+        List<TodoItem> items = new ArrayList<>(todos.values());
+        items.sort(Comparator.comparingLong(TodoItem::id));
+        Path tmpFile = Path.of(todosFile.toString() + ".tmp");
+        objectMapper.writerWithDefaultPrettyPrinter().writeValue(tmpFile.toFile(), items);
+        Files.move(tmpFile, todosFile, StandardCopyOption.REPLACE_EXISTING);
+    }
+    record TodoCreateRequest(String title) {}
+    record TodoItem(long id, String title, boolean done, long updatedAt) {}
+}

package/template/springboot/src/main/resources/application.properties ADDED Viewed

	@@ -0,0 +1 @@
1	+ server.port=8080

package/template/springboot/src/main/resources/static/index.html ADDED Viewed

@@ -0,0 +1,238 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lazycat Java Todo Template</title>
+    <style>
+      :root {
+        --bg-1: #f8fbff;
+        --bg-2: #ecf6ff;
+        --card: #ffffff;
+        --text: #142033;
+        --muted: #4e617b;
+        --line: #d8e4f2;
+        --brand: #0076d6;
+        --brand-2: #00a5a5;
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        padding: 24px;
+        font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+        background: radial-gradient(circle at top right, var(--bg-2), var(--bg-1) 42%);
+        color: var(--text);
+      }
+      .card {
+        width: min(920px, 100%);
+        background: var(--card);
+        border: 1px solid var(--line);
+        border-radius: 22px;
+        padding: 26px;
+        box-shadow: 0 18px 48px rgba(20, 32, 51, 0.08);
+      }
+      .tag {
+        margin: 0;
+        color: var(--brand);
+        font-weight: 700;
+        letter-spacing: .08em;
+        text-transform: uppercase;
+        font-size: .85rem;
+      }
+      h1 { margin: 10px 0 12px; font-size: clamp(1.8rem, 3.2vw, 2.7rem); }
+      p { margin: 0; color: var(--muted); }
+      .btns {
+        margin-top: 18px;
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+      }
+      a {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        text-decoration: none;
+        border-radius: 10px;
+        padding: 10px 14px;
+        border: 1px solid var(--line);
+        color: var(--text);
+        font-weight: 600;
+      }
+      a.primary {
+        color: #fff;
+        border-color: transparent;
+        background: linear-gradient(135deg, var(--brand), var(--brand-2));
+      }
+      .panel {
+        margin-top: 22px;
+        border: 1px solid var(--line);
+        border-radius: 14px;
+        padding: 14px;
+        background: #fbfdff;
+      }
+      .sync-note {
+        margin-top: 8px;
+        font-size: .92rem;
+      }
+      .form {
+        margin-top: 12px;
+        display: flex;
+        gap: 10px;
+      }
+      .form input {
+        flex: 1;
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 10px 12px;
+        min-width: 0;
+      }
+      button {
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 9px 12px;
+        cursor: pointer;
+        background: #fff;
+      }
+      ul {
+        margin: 12px 0 0;
+        padding: 0;
+        list-style: none;
+        display: grid;
+        gap: 10px;
+      }
+      li {
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 10px 12px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 8px;
+        background: #fff;
+      }
+      label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+      .done {
+        text-decoration: line-through;
+        color: var(--muted);
+      }
+      .danger {
+        color: #a63e37;
+      }
+      @media (max-width: 640px) {
+        .form {
+          flex-direction: column;
+        }
+        li {
+          flex-direction: column;
+          align-items: flex-start;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main class="card">
+      <p class="tag">Java Version</p>
+      <h1>Todo demo powered by Spring Boot</h1>
+      <p>
+        This template includes a Java backend and a simple Todo app to help you start fast.
+      </p>
+      <div class="btns">
+        <a class="primary" href="https://lazycat.cloud/" target="_blank" rel="noreferrer">Visit lazycat.cloud</a>
+        <a href="https://developer.lazycat.cloud/" target="_blank" rel="noreferrer">Open Developer Docs</a>
+      </div>
+      <section class="panel">
+        <strong>Todo quick demo</strong>
+        <p class="sync-note">Data syncs automatically across devices when opened with the same app account.</p>
+        <div class="form">
+          <input id="todoInput" placeholder="Add a task for your app kickoff" />
+          <button id="addBtn" type="button">Add</button>
+        </div>
+        <ul id="todoList"></ul>
+      </section>
+    </main>
+    <script>
+      const todoInput = document.getElementById('todoInput');
+      const addBtn = document.getElementById('addBtn');
+      const todoList = document.getElementById('todoList');
+      async function fetchTodos() {
+        const resp = await fetch('/api/todos');
+        const data = await resp.json();
+        return Array.isArray(data.items) ? data.items : [];
+      }
+      function renderTodos(items) {
+        todoList.innerHTML = '';
+        for (const todo of items) {
+          const li = document.createElement('li');
+          const label = document.createElement('label');
+          const checkbox = document.createElement('input');
+          checkbox.type = 'checkbox';
+          checkbox.checked = !!todo.done;
+          checkbox.addEventListener('change', async () => {
+            await fetch(`/api/todos/${todo.id}/toggle`, { method: 'PUT' });
+            await refreshTodos();
+          });
+          const span = document.createElement('span');
+          span.textContent = todo.title;
+          if (todo.done) {
+            span.className = 'done';
+          }
+          label.append(checkbox, span);
+          const delBtn = document.createElement('button');
+          delBtn.type = 'button';
+          delBtn.className = 'danger';
+          delBtn.textContent = 'Delete';
+          delBtn.addEventListener('click', async () => {
+            await fetch(`/api/todos/${todo.id}`, { method: 'DELETE' });
+            await refreshTodos();
+          });
+          li.append(label, delBtn);
+          todoList.appendChild(li);
+        }
+      }
+      async function refreshTodos() {
+        const items = await fetchTodos();
+        renderTodos(items);
+      }
+      async function addTodo() {
+        const title = todoInput.value.trim();
+        if (!title) return;
+        await fetch('/api/todos', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ title }),
+        });
+        todoInput.value = '';
+        await refreshTodos();
+      }
+      addBtn.addEventListener('click', addTodo);
+      todoInput.addEventListener('keyup', async (event) => {
+        if (event.key === 'Enter') {
+          await addTodo();
+        }
+      });
+      refreshTodos();
+      setInterval(refreshTodos, 2500);
+      document.addEventListener('visibilitychange', refreshTodos);
+      window.addEventListener('focus', refreshTodos);
+    </script>
+  </body>
+</html>

package/template/vue/README.md CHANGED Viewed

@@ -1,29 +1,26 @@
-# 懒猫云应用
+# Lazycat Vue App
-## 开发
+## First Deploy
+```bash
+lzc-cli project deploy
+lzc-cli project info
 ```
-lzc-cli project devshell
-```
-进入应用容器,并且自动同步当前目录内容到容器
-然后就可以启动你的应用了,例如前端
-npm install
-npm run dev
-## 构建
-```
-lzc-cli project build -o you-awesome.lpk
-```
+By default, project commands use `lzc-build.dev.yml` when it exists.
+Each command prints the active `Build config`.
+Use `--release` if you want to operate on `lzc-build.yml`.
-会在当前的目录下构建出一个 lpk 包。
+Open the app first.
+If the frontend dev server is not running yet, the app page will show the expected port and next step.
-## 安装
-```
-lzc-cli app install you-awesome.lpk
+## Frontend Dev Loop
+```bash
+npm run dev
 ```
-会安装在你的微服应用中,安装成功后可在懒猫微服启动器中查看!
+Then refresh the app page.
-## 交流和帮助
-你可以在 https://bbs.lazycat.cloud/ 畅所欲言。
+## Logs
+```bash
+lzc-cli project log -f
+```

package/template/vue/lzc-build.dev.yml ADDED Viewed

@@ -0,0 +1,7 @@
+# 开发态覆盖配置
+# pkg_id_suffix: append an extra package id segment for dev deploys
+pkg_id_suffix: dev
+envs:
+  - DEV_MODE=1

package/template/vue/lzc-build.yml CHANGED Viewed

@@ -1,9 +1,7 @@
-# 整个文件中，可以通过 ${var} 的方式，使用 manifest 字段指定的文件定义的值
 # buildscript
 # - 可以为构建脚本的路径地址
 # - 如果构建命令简单，也可以直接写 sh 的命令
-buildscript: npm run build
+buildscript: npm install && npm run build
 # manifest: 指定 lpk 包的 manifest.yml 文件路径
 manifest: ./lzc-manifest.yml
@@ -11,49 +9,38 @@ manifest: ./lzc-manifest.yml
 # contentdir: 指定打包的内容，将会打包到 lpk 中
 contentdir: ./dist
+# images: 在盒子侧构建镜像并写入 lpk v2 images 目录
+# - key 是 image alias
+# - 在 lzc-manifest.yml 中通过 embed:alias 引用
+# - dockerfile 与 dockerfile-content 二选一
+# - context 可选，默认是 dockerfile 所在目录
+# images: 在盒子侧构建镜像并写入 lpk v2 images 目录
+# - key 是 image alias
+# - 在 lzc-manifest.yml 中通过 embed:alias 引用
+# - dockerfile 与 dockerfile-content 二选一
+# - context 可选，默认是 dockerfile 所在目录
+# images:
+#   my-nginx:
+#     context: ./image
+#     dockerfile: ./image/Dockerfile
+#     # 可选，默认 registry.lazycat.cloud
+#     upstream-match: registry.lazycat.cloud
+#   other-image:
+#     dockerfile: ./other/Dockerfile
+#   inline-image:
+#     context: ./
+#     dockerfile-content: |
+#       FROM alpine:3.20
+#       RUN echo "hello"
+#
+# 构建时默认是混合模式:
+# - 先沿父镜像链向上找 upstream
+# - 找到 upstream 后，仅 embed 非 upstream 的 layers
+# - 如果未匹配到 upstream，则自动全量 embed
 # pkgout: lpk 包的输出路径
 pkgout: ./
 # icon 指定 lpk 包 icon 的路径路径，如果不指定将会警告
 # icon 仅仅允许 png 后缀的文件
 icon: ./lzc-icon.png
-# devshell 自定义应用的开发容器环境
-# - routes 指定应用容器的访问路由
-# devshell 没有指定 image 的情况，将会默认使用 registry.lazycat.cloud/lzc-cli/devshell:v0.0.5
-# devshell:
-#   routes:
-#     - /=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/manifest.dev.page.js ADDED Viewed

@@ -0,0 +1,50 @@
+function renderDevPage(state, port) {
+  const pageTitle = "Frontend Dev";
+  const portText = port === undefined || port === null ? "" : String(port);
+  const configs = {
+    not_linked: {
+      title: "Dev machine is not linked yet",
+      subtitle: "This app is waiting for a frontend dev server from the machine that runs lzc-cli project deploy.",
+      steps: [
+        "Run <code>lzc-cli project deploy</code> on your dev machine.",
+        "Start your local dev server with <code>npm run dev</code>.",
+        "Refresh this page after the dev server is listening on port <code>" + portText + "</code>.",
+      ],
+    },
+    offline: {
+      title: "Dev machine is offline",
+      subtitle: "The linked dev machine is not reachable right now.",
+      steps: [
+        "Bring the dev machine online.",
+        "Start your local dev server with <code>npm run dev</code>.",
+        "Refresh this page after port <code>" + portText + "</code> is ready.",
+      ],
+    },
+    not_ready: {
+      title: "Frontend dev server is not ready",
+      subtitle: "This app is running in dev mode and will proxy requests to your linked dev machine.",
+      steps: [
+        "Start your local dev server with <code>npm run dev</code>.",
+        "Make sure the dev server listens on port <code>" + portText + "</code>.",
+        "Refresh this page after the server is ready.",
+      ],
+    },
+  };
+  const config = configs[state] ?? configs.not_ready;
+  const title = config.title;
+  const subtitle = config.subtitle;
+  const steps = config.steps;
+  const items = steps.map(function (step) {
+    return "<li>" + step + "</li>";
+  }).join("");
+  const portBadge = portText ? "<div class=\"pill\">Expected local port: " + portText + "</div>" : "";
+  return [
+    "<!doctype html>",
+    "<html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>", pageTitle, "</title><style>",
+    "body{margin:0;padding:32px;font-family:ui-sans-serif,system-ui,sans-serif;background:#f5f8fc;color:#112033}",
+    ".card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #d9e4f2;border-radius:18px;padding:24px;box-shadow:0 16px 40px rgba(17,32,51,.08)}",
+    "h1{margin:0 0 12px;font-size:32px}.muted{color:#51627a}.pill{display:inline-block;margin:16px 0 0;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#0c5dd6;font-weight:600}",
+    "ol{margin:18px 0 0;padding-left:20px;line-height:1.8}code{background:#f2f6fb;border-radius:8px;padding:2px 6px}button{margin-top:20px;border:0;border-radius:10px;padding:10px 14px;background:#112033;color:#fff;cursor:pointer}",
+    "</style></head><body><main class=\"card\"><h1>", title, "</h1><p class=\"muted\">", subtitle, "</p>", portBadge, "<ol>", items, "</ol><button onclick=\"location.reload()\">Refresh</button></main></body></html>",
+  ].join("");
+}