rustploy 0.1.13

Rustploy PaaS daemon — lightweight self-hosted deployment platform
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

// screens/projects.js — tela "Projects": grid de cards + criar/editar/
// remover. Porta de format.project_rows (crates/rustploy-gui/views/scripts/
// format/dashboard.luau) e handlers/projects.luau (create/edit/delete), sem o
// grid em N-colunas do client iced (aqui é CSS grid nativo, ver .grid em
// app.css) nem a janela separada de criação (o browser não tem multi-janela
// — o form fica inline, mesma tela).
document.addEventListener("alpine:init", () => {
  Alpine.data("projects", () => ({
    get store() {
      return Alpine.store("app");
    },
    showNewForm: false,
    newName: "",
    newDescription: "",
    newError: "",
    editingId: null,
    editName: "",
    editDescription: "",

    get servicesCount() {
      return ((this.store.snap && this.store.snap.services) || []).length;
    },

    get rows() {
      const store = this.store;
      const services = (store.snap && store.snap.services) || [];
      return ((store.snap && store.snap.projects) || []).map((project) => {
        const svcs = services.filter((service) => service.service.spec.project_id === project.id);
        return {
          id: project.id,
          name: project.name,
          description: project.description || "",
          serviceCount: svcs.length,
          runningCount: svcs.filter((svc) => svc.service.status === "Running").length,
          canDelete: svcs.length === 0,
        };
      });
    },

    async submitNew() {
      this.newError = "";
      const createProjectResult = await this.store.createProject(this.newName, this.newDescription);
      if (createProjectResult.ok) {
        this.newName = "";
        this.newDescription = "";
        this.showNewForm = false;
      } else {
        this.newError = createProjectResult.error;
      }
    },

    startEdit(row) {
      this.editingId = row.id;
      this.editName = row.name;
      this.editDescription = row.description;
    },
    cancelEdit() {
      this.editingId = null;
    },
    async saveEdit() {
      const updateProjectResult = await this.store.updateProject(this.editingId, this.editName, this.editDescription);
      if (updateProjectResult.ok) this.editingId = null;
    },
  }));

  // Janela "Novo projeto"/"Editar projeto" (wm.js). O estado de abertura mora
  // no store (`projectWin`); aqui só o formulário.
  Alpine.data("projectWin", () => ({
    get store() {
      return Alpine.store("app");
    },
    name: "",
    desc: "",
    error: "",
    busy: false,
    get editing() {
      return !!(this.store.projectWin && this.store.projectWin.id);
    },
    init() {
      this.$watch(
        () => this.store.projectWin,
        (windowState) => {
          if (!windowState) return;
          this.name = windowState.name || "";
          this.desc = windowState.description || "";
          this.error = "";
          this.busy = false;
        }
      );
    },
    async submit() {
      this.error = "";
      this.busy = true;
      const windowState = this.store.projectWin;
      const saveResult = windowState && windowState.id
        ? await this.store.updateProject(windowState.id, this.name, this.desc)
        : await this.store.createProject(this.name, this.desc);
      this.busy = false;
      if (saveResult.ok) this.store.closeProjectWin();
      else this.error = saveResult.error;
    },
  }));
});