avelra 0.0.1 → 0.4.0

package/platform/darwin-arm64/share/avelra/templates/app/client/index.html

@@ -0,0 +1,89 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Avelra</title>
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div class="shell">
+    <header class="top">
+      <img class="brand-lockup" src="avelra-lockup.svg" alt="Avelra">
+      <div class="version">0.1.0</div>
+    </header>
+
+    <main>
+      <section class="copy">
+        <p class="eyebrow">STARTER APP</p>
+        <h1>You're ready.</h1>
+        <p class="lead">This is a working Avelra app. Edit <code>client/</code> and make it yours.</p>
+
+        <section class="benefits" aria-label="Why Avelra">
+          <p class="benefits-title">WHY AVELRA</p>
+          <ul>
+            <li>
+              <span class="num">01</span>
+              <div><strong>Your stack stays.</strong><p>React, Vue, Svelte or vanilla — built to static assets.</p></div>
+            </li>
+            <li>
+              <span class="num">02</span>
+              <div><strong>~0.5 MiB runtime.</strong><p>One executable, system WebView, no heavy runtime.</p></div>
+            </li>
+            <li>
+              <span class="num">03</span>
+              <div><strong>Instant builds.</strong><p>Assets only; no native compile per app.</p></div>
+            </li>
+          </ul>
+        </section>
+
+        <nav class="links" aria-label="Avelra links">
+          <a href="https://avelra.dev/" target="_blank" rel="noopener noreferrer" data-open-url>Home <span>↗</span></a>
+          <a href="https://avelra.dev/docs/" target="_blank" rel="noopener noreferrer" data-open-url>Docs <span>↗</span></a>
+          <span class="link-disabled" aria-disabled="true" title="Examples will be available with the public preview">Examples <span>↗</span></span>
+        </nav>
+      </section>
+
+      <section class="bridge health" aria-live="polite">
+        <div class="bridge-top">
+          <span class="label">HEALTH CHECK</span>
+          <span class="state" id="status">checking…</span>
+        </div>
+
+        <p class="hint">Runtime and app checks from <code>window.avelra.app.healthCheck()</code>.</p>
+
+        <pre class="call">await window.avelra.app.healthCheck()</pre>
+
+        <div class="health-headline">
+          <strong id="health-app">—</strong>
+          <span id="health-meta">—</span>
+        </div>
+
+        <div class="health-checks" id="health-checks"></div>
+
+        <div class="health-footer">
+          <span id="health-uptime"></span>
+          <button id="health-refresh" type="button">Check again</button>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <span>Built with Avelra</span>
+      <span>tiny runtime · system WebView</span>
+    </footer>
+  </div>
+  <div class="modal-backdrop" id="url-open-error" hidden>
+    <div class="modal" role="dialog" aria-modal="true" aria-labelledby="link-error-title">
+      <p class="eyebrow">OPEN LINK</p>
+      <h2 id="url-open-error-title">Could not open your browser.</h2>
+      <p class="modal-copy">The link was not opened. Copy the address and open it manually:</p>
+      <code class="modal-url" id="url-open-error-url"></code>
+      <div class="modal-actions">
+        <button id="url-open-error-close" type="button">Close</button>
+      </div>
+    </div>
+  </div>
+  <script src="app.js"></script>
+</body>
+</html>

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
+  }
+}