@yanolja-next/noya-sdk 0.1.0

package/dist/src/store.js

@@ -0,0 +1,58 @@
+import fs from "node:fs";
+import path from "node:path";
+export function createInitialState() {
+    return {
+        meta: { version: 1, nextSeq: 1 },
+        projects: {},
+        reports: {},
+        issues: {},
+        jobs: {},
+        audit: [],
+    };
+}
+export class JsonStore {
+    filePath;
+    state;
+    constructor(filePath) {
+        this.filePath = filePath;
+        this.state = createInitialState();
+        this.load();
+    }
+    load() {
+        if (!this.filePath || !fs.existsSync(this.filePath))
+            return;
+        this.state = JSON.parse(fs.readFileSync(this.filePath, "utf8"));
+    }
+    save() {
+        if (!this.filePath)
+            return;
+        fs.mkdirSync(path.dirname(this.filePath), { recursive: true });
+        fs.writeFileSync(this.filePath, `${JSON.stringify(this.state, null, 2)}\n`);
+    }
+    id(prefix) {
+        const seq = this.state.meta.nextSeq++;
+        this.save();
+        return `${prefix}_${String(seq).padStart(5, "0")}`;
+    }
+    audit(action, details = {}) {
+        const entry = {
+            id: this.id("aud"),
+            action,
+            details,
+            created_at: new Date().toISOString(),
+        };
+        this.state.audit.unshift(entry);
+        this.state.audit = this.state.audit.slice(0, 200);
+        this.save();
+        return entry;
+    }
+}
+export function publicState(state) {
+    return {
+        projects: Object.values(state.projects),
+        reports: Object.values(state.reports).sort((a, b) => b.created_at.localeCompare(a.created_at)),
+        issues: Object.values(state.issues).sort((a, b) => b.created_at.localeCompare(a.created_at)),
+        jobs: Object.values(state.jobs).sort((a, b) => b.created_at.localeCompare(a.created_at)),
+        audit: state.audit,
+    };
+}

package/dist/src/types.d.ts

@@ -0,0 +1,147 @@
+export type JsonPrimitive = string | number | boolean | null;
+export type JsonValue = JsonPrimitive | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+export type JsonObject = Record<string, unknown>;
+export type Capabilities = {
+    collect?: {
+        enabled?: boolean;
+        auto?: boolean;
+    };
+    fix?: {
+        enabled?: boolean;
+        auto?: boolean;
+        require_approval?: boolean;
+    };
+};
+export type CollectorSource = JsonObject & {
+    name: string;
+    type: "fixture_logs" | "fixture_domain" | "repo_snapshot" | "command_ref";
+    when?: {
+        has?: string;
+    };
+    command_ref?: "workspace_manifest_v1";
+    max_entries?: number;
+    max_bytes?: number;
+};
+export type Project = {
+    project_key: string;
+    name: string;
+    environment: string;
+    issue_provider: string;
+    artifact_dir: string;
+    retention_days?: number;
+    created_at: string;
+    integrations?: JsonObject;
+    telemetry?: {
+        provider?: string;
+        org_slug?: string;
+        project_slug?: string;
+    };
+    sentry?: {
+        org_slug?: string;
+        project_slug?: string;
+    };
+    runner?: {
+        enabled?: boolean;
+        repo_path?: string;
+        token_env?: string;
+        lease_timeout_seconds?: number;
+        collect?: {
+            enabled?: boolean;
+            auto?: boolean;
+        };
+        fix?: {
+            enabled?: boolean;
+            auto?: boolean;
+            require_approval?: boolean;
+        };
+        sources?: CollectorSource[];
+    };
+};
+export type Report = {
+    id: string;
+    project_key: string;
+    message?: string;
+    impact?: string;
+    environment?: string;
+    release?: string;
+    route?: string;
+    browser?: string;
+    request_id?: string;
+    screenshot_url?: string;
+    feedback?: JsonValue;
+    telemetry?: {
+        provider?: string;
+        event_id?: string;
+        replay_id?: string;
+        feedback_id?: string;
+        event_url?: string;
+        replay_url?: string;
+    };
+    sentry?: {
+        event_id?: string;
+        replay_id?: string;
+        feedback_id?: string;
+        event_url?: string;
+        replay_url?: string;
+    };
+    context?: JsonObject;
+    reproduction_steps?: string[];
+    expected_behavior?: string;
+    actual_behavior?: string;
+    suspected_area?: string;
+    suspected_files?: string[];
+    hints?: Record<string, string>;
+    status: string;
+    created_at: string;
+};
+export type Issue = {
+    id: string;
+    project_key: string;
+    report_id: string;
+    title: string;
+    body: string;
+    fingerprint: string;
+    status: string;
+    created_at: string;
+    integration?: JsonObject | null;
+    duplicate_report_ids?: string[];
+    fix_job_id?: string;
+    fix?: JsonObject;
+};
+export type Job = {
+    id: string;
+    type: "collect" | "fix";
+    project_key: string;
+    report_id?: string;
+    issue_id?: string;
+    status: "queued" | "leased" | "completed" | "failed";
+    payload: JsonObject;
+    created_at: string;
+    runner_id?: string;
+    leased_at?: string;
+    heartbeat_at?: string;
+    lease_count?: number;
+    completed_at?: string;
+    failed_at?: string;
+    result?: JsonObject;
+    error?: JsonObject;
+};
+export type AuditEntry = {
+    id: string;
+    action: string;
+    details: JsonObject;
+    created_at: string;
+};
+export type State = {
+    meta: {
+        version: number;
+        nextSeq: number;
+    };
+    projects: Record<string, Project>;
+    reports: Record<string, Report>;
+    issues: Record<string, Issue>;
+    jobs: Record<string, Job>;
+    audit: AuditEntry[];
+};

package/dist/src/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@yanolja-next/noya-sdk",
+  "version": "0.1.0",
+  "private": false,
+  "description": "Production issue reports into pre-triaged tickets and local draft PR artifacts.",
+  "type": "module",
+  "main": "./dist/src/sdk.js",
+  "types": "./dist/src/sdk.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/sdk.d.ts",
+      "import": "./dist/src/sdk.js"
+    },
+    "./runner": {
+      "types": "./dist/src/runner.d.ts",
+      "import": "./dist/src/runner.js"
+    },
+    "./server": {
+      "types": "./dist/src/server.d.ts",
+      "import": "./dist/src/server.js"
+    }
+  },
+  "files": [
+    "dist/src",
+    "public"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "npm run build",
+    "start": "node dist/src/server.js",
+    "dev": "npm run build && node dist/src/server.js",
+    "runner": "npm run build && node dist/src/runner.js",
+    "test": "npm run build && node --test dist/tests/*.test.js",
+    "test:e2e": "npm run build && node --test dist/tests/e2e-flow.test.js && node dist/tests/browser-smoke.js"
+  },
+  "engines": {
+    "node": ">=20.11.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "typescript": "^5.9.0"
+  }
+}

package/public/app.js

@@ -0,0 +1,185 @@
+async function fetchState() {
+  const response = await fetch("/api/dashboard/state", authOptions());
+  if (!response.ok) throw new Error(`State failed: ${response.status}`);
+  return response.json();
+}
+
+async function post(url) {
+  const response = await fetch(url, authOptions({ method: "POST" }));
+  if (!response.ok) throw new Error(`POST ${url} failed: ${response.status}`);
+  return response.json();
+}
+
+async function postJson(url, body) {
+  const response = await fetch(url, {
+    ...authOptions(),
+    method: "POST",
+    headers: { ...authHeaders(), "content-type": "application/json" },
+    body: JSON.stringify(body),
+  });
+  if (!response.ok) {
+    const payload = await response.json().catch(() => ({}));
+    throw new Error(payload.error ?? `POST ${url} failed: ${response.status}`);
+  }
+  return response.json();
+}
+
+function authHeaders() {
+  const token = localStorage.getItem("noya_admin_token");
+  return token ? { authorization: `Bearer ${token}` } : {};
+}
+
+function authOptions(options = {}) {
+  return { ...options, headers: { ...(options.headers ?? {}), ...authHeaders() } };
+}
+
+let configDirty = false;
+let configProjectKey = null;
+
+function renderMetric(label, value) {
+  return `<div class="metric"><strong>${value}</strong><span class="muted">${label}</span></div>`;
+}
+
+function esc(value) {
+  return String(value ?? "").replace(/[&<>"']/g, (ch) => {
+    return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#039;" }[ch];
+  });
+}
+
+async function refresh() {
+  const state = await fetchState();
+  document.querySelector("#last-refresh").textContent = new Date().toLocaleTimeString();
+  document.querySelector("#metrics").innerHTML = [
+    renderMetric("projects", state.projects.length),
+    renderMetric("reports", state.reports.length),
+    renderMetric("issues", state.issues.length),
+    renderMetric("jobs", state.jobs.length),
+  ].join("");
+
+  const project = state.projects.find((item) => item.project_key === "agency-platform") ?? state.projects[0];
+  document.querySelector("#connection").innerHTML = project
+    ? [
+        renderConnection("SDK endpoint", `${location.origin}/api/reports`),
+        renderConnection("Sentry webhook", `${location.origin}/api/webhooks/sentry`),
+        renderConnection("Runner", "npm run runner -- examples/agency-platform/noya.runner.json"),
+      ].join("")
+    : `<div class="item muted">No project configured.</div>`;
+
+  const readiness = state.readiness?.find((item) => item.project_key === project?.project_key);
+  document.querySelector("#readiness").innerHTML = readiness
+    ? readiness.checks.map(renderReadiness).join("")
+    : `<div class="item muted">No readiness checks available.</div>`;
+
+  renderProjectConfig(project);
+
+  document.querySelector("#issues").innerHTML =
+    state.issues
+      .map((issue) => {
+        const canApprove = issue.status === "issue_created";
+        return `<article class="item" data-test="issue">
+          <div class="row">
+            <h3>${esc(issue.title)}</h3>
+            <span class="tag ${issue.status === "fix_queued" ? "warn" : ""}">${esc(issue.status)}</span>
+          </div>
+          <p class="muted">${esc(issue.id)} · report ${esc(issue.report_id)}</p>
+          <p class="muted">${renderIssueLink(issue)}</p>
+          ${renderDraftPrLink(issue)}
+          ${
+            canApprove
+              ? `<button class="secondary" data-test="approve-fix" data-issue-id="${esc(issue.id)}">Approve local fix</button>`
+              : ""
+          }
+        </article>`;
+      })
+      .join("") || `<div class="item muted">No issues yet.</div>`;
+
+  document.querySelector("#jobs").innerHTML =
+    state.jobs
+      .map(
+        (job) => `<article class="item" data-test="job">
+          <div class="row">
+            <h3>${esc(job.type)}</h3>
+            <span class="tag">${esc(job.status)}</span>
+          </div>
+          <p class="muted">${esc(job.id)} · ${esc(job.project_key)}</p>
+        </article>`,
+      )
+      .join("") || `<div class="item muted">No jobs yet.</div>`;
+
+  document.querySelector("#audit").innerHTML =
+    state.audit
+      .slice(0, 12)
+      .map((entry) => `<div><span class="muted">${esc(entry.created_at)}</span><strong>${esc(entry.action)}</strong></div>`)
+      .join("") || `<div><span></span><strong>No audit entries.</strong></div>`;
+}
+
+function renderConnection(label, value) {
+  return `<div class="item"><h3>${esc(label)}</h3><code>${esc(value)}</code></div>`;
+}
+
+function renderReadiness(check) {
+  return `<div class="item" data-test="readiness-check">
+    <div class="row">
+      <h3>${esc(check.name)}</h3>
+      <span class="status ${esc(check.status)}">${esc(check.status)}</span>
+    </div>
+    <code>${esc(check.detail)}</code>
+  </div>`;
+}
+
+function renderProjectConfig(project) {
+  const textarea = document.querySelector("#project-config");
+  if (!project) {
+    if (!configDirty) textarea.value = "";
+    return;
+  }
+  if (configDirty && configProjectKey === project.project_key) return;
+  configProjectKey = project.project_key;
+  textarea.value = JSON.stringify(project, null, 2);
+  document.querySelector("#project-config-status").textContent = "";
+}
+
+function renderIssueLink(issue) {
+  const href = issue.integration?.web_url ?? issue.integration?.url;
+  if (!href) return "local issue pending";
+  return `<a data-test="issue-artifact" href="${esc(href)}" target="_blank" rel="noreferrer">${esc(href)}</a>`;
+}
+
+function renderDraftPrLink(issue) {
+  const href = issue.fix?.draft_pr?.web_url ?? issue.fix?.draft_pr?.url;
+  if (!href) return "";
+  return `<p class="muted"><a data-test="draft-pr-artifact" href="${esc(href)}" target="_blank" rel="noreferrer">${esc(href)}</a></p>`;
+}
+
+document.querySelector("#sample-report").addEventListener("click", async () => {
+  await post("/api/dev/sample/agency-platform-report");
+  await refresh();
+});
+
+document.querySelector("#project-config").addEventListener("input", () => {
+  configDirty = true;
+});
+
+document.querySelector("#save-project").addEventListener("click", async () => {
+  const status = document.querySelector("#project-config-status");
+  try {
+    const parsed = JSON.parse(document.querySelector("#project-config").value);
+    const saved = await postJson("/api/projects", parsed);
+    configDirty = false;
+    configProjectKey = saved.project_key;
+    status.textContent = `Saved ${saved.project_key}`;
+    await refresh();
+  } catch (error) {
+    status.textContent = error instanceof Error ? error.message : String(error);
+  }
+});
+
+document.body.addEventListener("click", async (event) => {
+  const button = event.target.closest("[data-test='approve-fix']");
+  if (!button) return;
+  await post(`/api/issues/${button.dataset.issueId}/approve-fix`);
+  await refresh();
+});
+
+refresh();
+setInterval(refresh, 3000);

package/public/index.html

@@ -0,0 +1,80 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Noya</title>
+    <link rel="stylesheet" href="/styles.css" />
+  </head>
+  <body>
+    <header class="topbar">
+      <div>
+        <h1>Noya</h1>
+        <p>Production reports into pre-triaged issues and local draft PR artifacts.</p>
+      </div>
+      <button data-test="sample-report" id="sample-report">Send agency-platform sample</button>
+    </header>
+
+    <main>
+      <section class="band">
+        <div class="section-title">
+          <h2>Pipeline</h2>
+          <span id="last-refresh">Loading</span>
+        </div>
+        <div class="metrics" id="metrics"></div>
+      </section>
+
+      <section class="band">
+        <div class="section-title">
+          <h2>Project Connection</h2>
+        </div>
+        <div id="connection" class="connection"></div>
+      </section>
+
+      <section class="band">
+        <div class="section-title">
+          <h2>Readiness</h2>
+        </div>
+        <div id="readiness" class="readiness"></div>
+      </section>
+
+      <section class="band">
+        <div class="section-title">
+          <h2>Project Config</h2>
+          <button class="secondary" data-test="save-project" id="save-project">Save config</button>
+        </div>
+        <textarea
+          aria-label="Project config JSON"
+          data-test="project-config"
+          id="project-config"
+          spellcheck="false"
+        ></textarea>
+        <p class="muted" data-test="project-config-status" id="project-config-status"></p>
+      </section>
+
+      <section class="grid">
+        <div>
+          <div class="section-title">
+            <h2>Issues</h2>
+          </div>
+          <div id="issues" class="list"></div>
+        </div>
+        <div>
+          <div class="section-title">
+            <h2>Runner Jobs</h2>
+          </div>
+          <div id="jobs" class="list"></div>
+        </div>
+      </section>
+
+      <section class="band">
+        <div class="section-title">
+          <h2>Audit Log</h2>
+        </div>
+        <div id="audit" class="audit"></div>
+      </section>
+    </main>
+
+    <script type="module" src="/app.js"></script>
+  </body>
+</html>