avelra 0.0.0-stage → 0.4.0

package/platform/darwin-arm64/share/avelra/templates/app/client/styles.css

@@ -0,0 +1,529 @@
+@font-face {
+  font-family: "Space Grotesk";
+  src: url("fonts/SpaceGrotesk.ttf") format("truetype");
+  font-weight: 300 700;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Inter";
+  src: url("fonts/Inter-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Inter";
+  src: url("fonts/Inter-SemiBold.woff2") format("woff2");
+  font-weight: 600 700;
+  font-display: swap;
+}
+
+:root {
+  --ink: #151827;
+  --muted: #64708c;
+  --iris: #5b4bd6;
+  --violet: #7a5cff;
+  --cyan: #00b8d9;
+  --paper: #fbfcff;
+  --soft: #f4f5fb;
+  --line: #e4e7f2;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  min-height: 100%;
+}
+
+body {
+  min-height: 100vh;
+  background: var(--paper);
+  color: var(--ink);
+  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
+}
+
+.shell {
+  width: min(900px, calc(100% - 64px));
+  min-height: 100vh;
+  margin: 0 auto;
+  padding: 24px 0 18px;
+  display: flex;
+  flex-direction: column;
+}
+
+.top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--line);
+}
+
+.brand-lockup {
+  display: block;
+  height: 46px;
+  width: auto;
+}
+
+.version {
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+  letter-spacing: 0.12em;
+}
+
+main {
+  flex: 1;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 430px;
+  gap: 44px;
+  align-items: stretch;
+  align-content: start;
+  padding-top: 34px;
+}
+
+.eyebrow {
+  margin: 0;
+  color: var(--iris);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+  letter-spacing: 0.16em;
+}
+
+h1 {
+  margin: 12px 0 0;
+  font-family: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
+  font-size: 64px;
+  font-weight: 500;
+  line-height: 0.96;
+  letter-spacing: -3px;
+}
+
+.copy {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+}
+
+.lead {
+  max-width: 400px;
+  margin: 16px 0 0;
+  color: var(--muted);
+  font-size: 17px;
+  line-height: 1.5;
+}
+
+code {
+  color: var(--ink);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 0.92em;
+}
+
+.benefits {
+  margin-top: 22px;
+}
+
+.benefits-title {
+  margin: 0 0 8px;
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+  letter-spacing: 0.14em;
+}
+
+.benefits ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.benefits li {
+  display: grid;
+  grid-template-columns: 22px 1fr;
+  gap: 8px;
+  padding: 7px 0;
+  border-top: 1px solid var(--line);
+}
+
+.benefits .num {
+  padding-top: 1px;
+  color: var(--iris);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+}
+
+.benefits strong {
+  display: block;
+  color: var(--ink);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.benefits p {
+  margin: 3px 0 0;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.4;
+}
+
+.links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 22px;
+  margin-top: auto;
+  padding-top: 22px;
+}
+
+.links a {
+  color: var(--ink);
+  font-size: 15px;
+  font-weight: 600;
+  text-decoration: none;
+  border-bottom: 1px solid #c9cede;
+  padding-bottom: 3px;
+}
+
+.links a span {
+  color: var(--iris);
+}
+
+.links a:hover {
+  color: var(--iris);
+}
+
+.links .link-disabled {
+  color: var(--muted);
+  font-size: 15px;
+  font-weight: 600;
+  border-bottom: 1px dashed #d7dbe7;
+  padding-bottom: 3px;
+  cursor: not-allowed;
+  opacity: .65;
+}
+
+.links .link-disabled span {
+  color: var(--muted);
+}
+
+.bridge {
+  align-self: start;
+  padding: 16px;
+  border: 1px solid var(--line);
+  background: var(--soft);
+  border-radius: 10px;
+}
+
+.bridge-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.label {
+  color: var(--iris);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 11px;
+  letter-spacing: 0.14em;
+}
+
+.state {
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 11px;
+}
+
+.state.ok {
+  color: #007a94;
+}
+
+.state.ok::before {
+  content: "● ";
+}
+
+.state.degraded {
+  color: #a15c00;
+}
+
+.state.degraded::before {
+  content: "● ";
+}
+
+.state.error {
+  color: #b42318;
+}
+
+.state.error::before {
+  content: "● ";
+}
+
+.hint {
+  margin: 10px 0 0;
+  color: var(--ink);
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+.hint strong {
+  color: var(--ink);
+}
+
+.health-headline {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 16px 0;
+}
+
+.health-headline strong {
+  font-family: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
+  font-size: 24px;
+  font-weight: 500;
+  letter-spacing: -0.8px;
+}
+
+.health-headline span {
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 11px;
+}
+
+.health-checks {
+  border-top: 1px solid var(--line);
+}
+
+.health-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--line);
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 11px;
+}
+
+.health-check {
+  font-weight: 600;
+}
+
+.health-check.ok {
+  color: #007a94;
+}
+
+.health-check.degraded {
+  color: #a15c00;
+}
+
+.health-check.failed {
+  color: #b42318;
+}
+
+.health-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-top: 14px;
+}
+
+.health-footer > span {
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+}
+
+.call,
+.result {
+  margin: 10px 0 0;
+  padding: 10px 11px;
+  overflow: auto;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: #fff;
+  color: var(--ink);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 12px;
+  line-height: 1.55;
+}
+
+.result .row {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 5px 0;
+  border-bottom: 1px solid #f0f1f7;
+}
+
+.result .row:last-child {
+  border-bottom: 0;
+}
+
+.result .row span:first-child {
+  color: var(--muted);
+}
+
+.result .row span:last-child {
+  color: var(--ink);
+  font-weight: 600;
+}
+
+.call {
+  color: var(--muted);
+}
+
+.call #code-value {
+  color: var(--iris);
+  font-weight: 600;
+}
+
+.section-label {
+  margin: 14px 0 0;
+  color: var(--ink);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+  letter-spacing: 0.14em;
+}
+
+.controls-label {
+  margin-top: 12px;
+  color: var(--ink);
+  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+  font-size: 12px;
+  letter-spacing: 0;
+}
+
+.controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 7px;
+}
+
+.field {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+input {
+  width: 72px;
+  padding: 7px 8px;
+  border: 1px solid var(--line);
+  border-radius: 3px;
+  background: #fff;
+  color: var(--ink);
+  font: inherit;
+  font-size: 13px;
+}
+
+button {
+  padding: 8px 12px;
+  border: 0;
+  border-radius: 3px;
+  background: var(--iris);
+  color: #fff;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+button:hover {
+  background: #4a3bc0;
+}
+
+button:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+input:focus-visible,
+button:focus-visible,
+a:focus-visible {
+  outline: 3px solid var(--cyan);
+  outline-offset: 2px;
+}
+
+.result {
+  min-height: 88px;
+}
+
+footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  padding-top: 14px;
+  border-top: 1px solid var(--line);
+  color: var(--muted);
+  font-family: ui-monospace, "Cascadia Mono", monospace;
+  font-size: 10px;
+  letter-spacing: 0.06em;
+}
+
+.modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 20;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: rgba(21, 24, 39, 0.52);
+}
+
+.modal-backdrop[hidden] {
+  display: none;
+}
+
+.modal {
+  width: min(460px, 100%);
+  padding: 24px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--paper);
+  box-shadow: 0 24px 80px rgba(21, 24, 39, 0.24);
+}
+
+.modal h2 {
+  margin: 10px 0 0;
+  font-family: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
+  font-size: 30px;
+  font-weight: 500;
+  line-height: 1;
+  letter-spacing: -1.3px;
+}
+
+.modal-copy {
+  margin: 14px 0 10px;
+  color: var(--muted);
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.modal-url {
+  display: block;
+  padding: 10px 12px;
+  border: 1px solid var(--line);
+  border-radius: 4px;
+  background: var(--soft);
+  color: var(--ink);
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+
+.modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 18px;
+}
+
+@media (max-width: 860px) {
+  main {
+    grid-template-columns: 1fr;
+    gap: 28px;
+  }
+}

package/platform/darwin-arm64/share/doc/avelra/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Avelra contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/platform/linux-x64/share/avelra/templates/app/avelra.config.json

@@ -0,0 +1,12 @@
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "identifier": "com.example.my-app",
+  "client": "client",
+  "icon": "icon.png",
+  "window": {
+    "title": "my-app",
+    "width": 960,
+    "height": 600
+  }
+}

package/platform/linux-x64/share/avelra/templates/app/client/app.js

@@ -0,0 +1,131 @@
+const statusEl = document.getElementById("status");
+const healthApp = document.getElementById("health-app");
+const healthMeta = document.getElementById("health-meta");
+const healthChecks = document.getElementById("health-checks");
+const healthUptime = document.getElementById("health-uptime");
+const healthRefresh = document.getElementById("health-refresh");
+const urlOpenError = document.getElementById("url-open-error");
+const urlOpenErrorUrl = document.getElementById("url-open-error-url");
+const urlOpenErrorClose = document.getElementById("url-open-error-close");
+
+function formatUptime(ms) {
+  const totalSeconds = Math.max(0, Math.floor(Number(ms) / 1000));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
+}
+
+function healthStatusLabel(status) {
+  if (status === "ok") return "ok";
+  if (status === "degraded") return "degraded";
+  if (status === "failed") return "failed";
+  return "unknown";
+}
+
+function setHealthState(status) {
+  statusEl.textContent = healthStatusLabel(status);
+  statusEl.className = "state";
+  if (status === "ok") statusEl.classList.add("ok");
+  if (status === "degraded") statusEl.classList.add("degraded");
+  if (status === "failed") statusEl.classList.add("error");
+}
+
+function renderHealth(health) {
+  setHealthState(health.status);
+  healthApp.textContent = `${health.app.name} ${health.app.version}`;
+  healthMeta.textContent =
+    `Avelra ${health.runtime.version} · ${health.platform.os}/${health.platform.arch}`;
+  healthUptime.textContent = `uptime ${formatUptime(health.runtime.uptimeMs)}`;
+  healthChecks.textContent = "";
+  for (const check of health.checks) {
+    const row = document.createElement("div");
+    row.className = "health-row";
+    const id = document.createElement("span");
+    id.textContent = check.id;
+    const state = document.createElement("span");
+    state.className = `health-check ${check.status}`;
+    state.textContent = check.status;
+    row.append(id, state);
+    healthChecks.append(row);
+  }
+}
+
+async function checkHealth() {
+  if (!window.avelra || !window.avelra.app) {
+    statusEl.textContent = "preview";
+    healthApp.textContent = "Avelra preview";
+    healthMeta.textContent = "Open this app with `avelra run`.";
+    return;
+  }
+
+  statusEl.textContent = "checking…";
+  statusEl.className = "state";
+  healthRefresh.disabled = true;
+  try {
+    const response = await window.avelra.app.healthCheck();
+    if (!response || response.success !== true) {
+      throw new Error((response && response.error && response.error.message) ||
+        "health check failed");
+    }
+    renderHealth(response.returnValue);
+  } catch (error) {
+    setHealthState("failed");
+    healthApp.textContent = "Health check failed";
+    healthMeta.textContent = String(error);
+  } finally {
+    healthRefresh.disabled = false;
+  }
+}
+
+async function openUrl(url) {
+  const response = await window.avelra.os.openUrl(url);
+  if (!response || response.success !== true) {
+    throw new Error((response && response.error && response.error.message) ||
+      "could not open URL");
+  }
+}
+
+function showUrlOpenError(url) {
+  urlOpenErrorUrl.textContent = url;
+  urlOpenError.hidden = false;
+  urlOpenErrorClose.focus();
+}
+
+function hideUrlOpenError() {
+  urlOpenError.hidden = true;
+}
+
+urlOpenErrorClose.addEventListener("click", hideUrlOpenError);
+urlOpenError.addEventListener("click", (event) => {
+  if (event.target === urlOpenError) {
+    hideUrlOpenError();
+  }
+});
+document.addEventListener("keydown", (event) => {
+  if (event.key === "Escape" && !urlOpenError.hidden) {
+    hideUrlOpenError();
+  }
+});
+
+for (const link of document.querySelectorAll("a[data-open-url]")) {
+  link.addEventListener("click", async (event) => {
+    event.preventDefault();
+    try {
+      await openUrl(link.href);
+    } catch (error) {
+      showUrlOpenError(link.href);
+    }
+  });
+}
+
+function reportReady() {
+  if (!window.avelra || !window.avelra.app) {
+    return;
+  }
+  requestAnimationFrame(() => requestAnimationFrame(() => {
+    window.avelra.app.ready().catch(() => {});
+  }));
+}
+
+healthRefresh.addEventListener("click", checkHealth);
+checkHealth().finally(reportReady);