npm - harper-knowledge - Versions diffs - 0.1.0 - Mend

harper-knowledge 0.1.0

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 (69) hide show

package/LICENSE +21 -0
package/README.md +276 -0
package/config.yaml +17 -0
package/dist/core/embeddings.d.ts +29 -0
package/dist/core/embeddings.js +199 -0
package/dist/core/entries.d.ts +85 -0
package/dist/core/entries.js +235 -0
package/dist/core/history.d.ts +30 -0
package/dist/core/history.js +119 -0
package/dist/core/search.d.ts +23 -0
package/dist/core/search.js +306 -0
package/dist/core/tags.d.ts +32 -0
package/dist/core/tags.js +76 -0
package/dist/core/triage.d.ts +55 -0
package/dist/core/triage.js +126 -0
package/dist/http-utils.d.ts +37 -0
package/dist/http-utils.js +132 -0
package/dist/index.d.ts +21 -0
package/dist/index.js +76 -0
package/dist/mcp/server.d.ts +24 -0
package/dist/mcp/server.js +124 -0
package/dist/mcp/tools.d.ts +13 -0
package/dist/mcp/tools.js +497 -0
package/dist/oauth/authorize.d.ts +27 -0
package/dist/oauth/authorize.js +438 -0
package/dist/oauth/github.d.ts +28 -0
package/dist/oauth/github.js +62 -0
package/dist/oauth/keys.d.ts +33 -0
package/dist/oauth/keys.js +100 -0
package/dist/oauth/metadata.d.ts +21 -0
package/dist/oauth/metadata.js +55 -0
package/dist/oauth/middleware.d.ts +22 -0
package/dist/oauth/middleware.js +64 -0
package/dist/oauth/register.d.ts +14 -0
package/dist/oauth/register.js +83 -0
package/dist/oauth/token.d.ts +15 -0
package/dist/oauth/token.js +178 -0
package/dist/oauth/validate.d.ts +30 -0
package/dist/oauth/validate.js +52 -0
package/dist/resources/HistoryResource.d.ts +38 -0
package/dist/resources/HistoryResource.js +38 -0
package/dist/resources/KnowledgeEntryResource.d.ts +64 -0
package/dist/resources/KnowledgeEntryResource.js +157 -0
package/dist/resources/QueryLogResource.d.ts +20 -0
package/dist/resources/QueryLogResource.js +57 -0
package/dist/resources/ServiceKeyResource.d.ts +51 -0
package/dist/resources/ServiceKeyResource.js +132 -0
package/dist/resources/TagResource.d.ts +25 -0
package/dist/resources/TagResource.js +32 -0
package/dist/resources/TriageResource.d.ts +51 -0
package/dist/resources/TriageResource.js +107 -0
package/dist/types.d.ts +317 -0
package/dist/types.js +7 -0
package/dist/webhooks/datadog.d.ts +26 -0
package/dist/webhooks/datadog.js +120 -0
package/dist/webhooks/github.d.ts +24 -0
package/dist/webhooks/github.js +167 -0
package/dist/webhooks/middleware.d.ts +14 -0
package/dist/webhooks/middleware.js +161 -0
package/dist/webhooks/types.d.ts +17 -0
package/dist/webhooks/types.js +4 -0
package/package.json +72 -0
package/schema/knowledge.graphql +134 -0
package/web/index.html +735 -0
package/web/js/app.js +461 -0
package/web/js/detail.js +223 -0
package/web/js/editor.js +303 -0
package/web/js/search.js +238 -0
package/web/js/triage.js +305 -0

package/web/index.html ADDED Viewed

@@ -0,0 +1,735 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Harper Knowledge Base</title>
+    <style>
+      :root {
+        --bg: #1a1a2e;
+        --bg-surface: #222240;
+        --bg-raised: #2a2a4a;
+        --bg-input: #16162b;
+        --border: #3a3a5c;
+        --border-focus: #6c6ce0;
+        --text: #e0e0f0;
+        --text-dim: #8888aa;
+        --text-link: #8888ff;
+        --accent: #6c6ce0;
+        --accent-hover: #8484f0;
+        --green: #4ade80;
+        --green-bg: #1a3a2a;
+        --blue: #60a5fa;
+        --blue-bg: #1a2a3a;
+        --amber: #fbbf24;
+        --amber-bg: #3a2e1a;
+        --red: #f87171;
+        --red-bg: #3a1a1a;
+        --tag-bg: #2e2e50;
+        --tag-text: #b0b0d0;
+        --radius: 4px;
+        --radius-lg: 6px;
+        --font-mono:
+          "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", Menlo,
+          Consolas, monospace;
+        --font-system:
+          -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+          sans-serif;
+      }
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        height: 100%;
+        background: var(--bg);
+        color: var(--text);
+        font-family: var(--font-system);
+        font-size: 14px;
+        line-height: 1.6;
+      }
+      a {
+        color: var(--text-link);
+        text-decoration: none;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+      /* Layout */
+      #app {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+      }
+      header {
+        background: var(--bg-surface);
+        border-bottom: 1px solid var(--border);
+        padding: 0 24px;
+        display: flex;
+        align-items: center;
+        height: 52px;
+        flex-shrink: 0;
+      }
+      header .logo {
+        font-family: var(--font-mono);
+        font-size: 15px;
+        font-weight: 600;
+        color: var(--text);
+        margin-right: 32px;
+        letter-spacing: -0.5px;
+      }
+      header .logo span {
+        color: var(--accent);
+      }
+      nav {
+        display: flex;
+        gap: 4px;
+      }
+      nav a {
+        padding: 6px 14px;
+        border-radius: var(--radius);
+        color: var(--text-dim);
+        font-size: 13px;
+        font-weight: 500;
+        transition:
+          background 0.15s,
+          color 0.15s;
+      }
+      nav a:hover {
+        background: var(--bg-raised);
+        color: var(--text);
+        text-decoration: none;
+      }
+      nav a.active {
+        background: var(--accent);
+        color: #fff;
+      }
+      .header-right {
+        margin-left: auto;
+        display: flex;
+        align-items: center;
+        gap: 12px;
+      }
+      .auth-status {
+        font-size: 12px;
+        color: var(--text-dim);
+        font-family: var(--font-mono);
+      }
+      main {
+        flex: 1;
+        padding: 24px;
+        max-width: 1100px;
+        width: 100%;
+        margin: 0 auto;
+      }
+      /* Forms */
+      input[type="text"],
+      input[type="password"],
+      input[type="url"],
+      textarea,
+      select {
+        background: var(--bg-input);
+        border: 1px solid var(--border);
+        color: var(--text);
+        padding: 8px 10px;
+        border-radius: var(--radius);
+        font-size: 13px;
+        font-family: var(--font-system);
+        width: 100%;
+        outline: none;
+        transition: border-color 0.15s;
+      }
+      input:focus,
+      textarea:focus,
+      select:focus {
+        border-color: var(--border-focus);
+      }
+      textarea {
+        font-family: var(--font-mono);
+        font-size: 13px;
+        resize: vertical;
+        min-height: 200px;
+      }
+      label {
+        display: block;
+        font-size: 12px;
+        font-weight: 600;
+        color: var(--text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        margin-bottom: 4px;
+      }
+      .form-group {
+        margin-bottom: 16px;
+      }
+      .form-row {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 16px;
+      }
+      .form-row-3 {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 16px;
+      }
+      /* Buttons */
+      button,
+      .btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 8px 16px;
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        background: var(--bg-raised);
+        color: var(--text);
+        font-size: 13px;
+        font-weight: 500;
+        cursor: pointer;
+        transition:
+          background 0.15s,
+          border-color 0.15s;
+      }
+      button:hover,
+      .btn:hover {
+        background: var(--bg-surface);
+        border-color: var(--border-focus);
+      }
+      button.primary,
+      .btn-primary {
+        background: var(--accent);
+        border-color: var(--accent);
+        color: #fff;
+      }
+      button.primary:hover,
+      .btn-primary:hover {
+        background: var(--accent-hover);
+        border-color: var(--accent-hover);
+      }
+      button.danger {
+        color: var(--red);
+        border-color: var(--red);
+      }
+      button.danger:hover {
+        background: var(--red-bg);
+      }
+      button.success {
+        color: var(--green);
+        border-color: var(--green);
+      }
+      button.success:hover {
+        background: var(--green-bg);
+      }
+      button:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      /* Badges & chips */
+      .badge {
+        display: inline-block;
+        padding: 2px 8px;
+        border-radius: 10px;
+        font-size: 11px;
+        font-weight: 600;
+        font-family: var(--font-mono);
+        text-transform: uppercase;
+        letter-spacing: 0.3px;
+      }
+      .badge-verified {
+        background: var(--green-bg);
+        color: var(--green);
+      }
+      .badge-reviewed {
+        background: var(--blue-bg);
+        color: var(--blue);
+      }
+      .badge-ai-generated {
+        background: var(--amber-bg);
+        color: var(--amber);
+      }
+      .badge-pending {
+        background: var(--amber-bg);
+        color: var(--amber);
+      }
+      .badge-processing {
+        background: var(--blue-bg);
+        color: var(--blue);
+      }
+      .badge-accepted {
+        background: var(--green-bg);
+        color: var(--green);
+      }
+      .badge-dismissed {
+        background: var(--red-bg);
+        color: var(--red);
+      }
+      .tag {
+        display: inline-block;
+        padding: 2px 8px;
+        background: var(--tag-bg);
+        color: var(--tag-text);
+        border-radius: 10px;
+        font-size: 11px;
+        font-family: var(--font-mono);
+        cursor: pointer;
+        transition: background 0.15s;
+      }
+      .tag:hover {
+        background: var(--accent);
+        color: #fff;
+      }
+      .tag.active {
+        background: var(--accent);
+        color: #fff;
+      }
+      .tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px;
+      }
+      /* Cards */
+      .card {
+        background: var(--bg-surface);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-lg);
+        padding: 16px;
+        margin-bottom: 12px;
+        transition: border-color 0.15s;
+      }
+      .card:hover {
+        border-color: var(--border-focus);
+      }
+      .card-title {
+        font-size: 15px;
+        font-weight: 600;
+        margin-bottom: 6px;
+      }
+      .card-title a {
+        color: var(--text);
+      }
+      .card-title a:hover {
+        color: var(--text-link);
+      }
+      .card-snippet {
+        color: var(--text-dim);
+        font-size: 13px;
+        margin-bottom: 10px;
+        line-height: 1.5;
+      }
+      .card-meta {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        flex-wrap: wrap;
+      }
+      .card-meta .sep {
+        color: var(--border);
+      }
+      /* Detail view */
+      .detail-header {
+        margin-bottom: 20px;
+      }
+      .detail-title {
+        font-size: 22px;
+        font-weight: 700;
+        margin-bottom: 8px;
+      }
+      .detail-content {
+        background: var(--bg-surface);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-lg);
+        padding: 20px;
+        margin-bottom: 20px;
+        font-family: var(--font-mono);
+        font-size: 13px;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        line-height: 1.7;
+      }
+      .detail-section {
+        margin-bottom: 20px;
+      }
+      .detail-section h3 {
+        font-size: 12px;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        color: var(--text-dim);
+        margin-bottom: 8px;
+        font-weight: 600;
+      }
+      .meta-grid {
+        display: grid;
+        grid-template-columns: 140px 1fr;
+        gap: 6px 16px;
+        font-size: 13px;
+      }
+      .meta-grid dt {
+        color: var(--text-dim);
+        font-weight: 500;
+      }
+      .meta-grid dd {
+        color: var(--text);
+      }
+      .entry-links {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 6px;
+      }
+      .entry-link {
+        display: inline-block;
+        padding: 4px 10px;
+        background: var(--bg-raised);
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        font-size: 12px;
+        font-family: var(--font-mono);
+      }
+      /* Collapsible */
+      .collapsible-header {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        cursor: pointer;
+        padding: 8px 0;
+        user-select: none;
+        font-size: 13px;
+        font-weight: 500;
+        color: var(--text-dim);
+      }
+      .collapsible-header:hover {
+        color: var(--text);
+      }
+      .collapsible-header .arrow {
+        transition: transform 0.15s;
+        font-size: 10px;
+      }
+      .collapsible-header.open .arrow {
+        transform: rotate(90deg);
+      }
+      .collapsible-body {
+        display: none;
+        padding: 8px 0;
+      }
+      .collapsible-body.open {
+        display: block;
+      }
+      /* JSON preview */
+      .json-preview {
+        background: var(--bg-input);
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        padding: 12px;
+        font-family: var(--font-mono);
+        font-size: 12px;
+        max-height: 300px;
+        overflow: auto;
+        white-space: pre-wrap;
+        word-break: break-all;
+      }
+      /* Loading & empty states */
+      .loading {
+        text-align: center;
+        padding: 40px;
+        color: var(--text-dim);
+      }
+      .empty-state {
+        text-align: center;
+        padding: 60px 20px;
+        color: var(--text-dim);
+      }
+      .empty-state h2 {
+        font-size: 16px;
+        margin-bottom: 8px;
+        color: var(--text);
+      }
+      .empty-state p {
+        font-size: 13px;
+      }
+      /* Status messages */
+      .status-message {
+        padding: 10px 14px;
+        border-radius: var(--radius);
+        font-size: 13px;
+        margin-bottom: 16px;
+      }
+      .status-message.error {
+        background: var(--red-bg);
+        color: var(--red);
+        border: 1px solid var(--red);
+      }
+      .status-message.success {
+        background: var(--green-bg);
+        color: var(--green);
+        border: 1px solid var(--green);
+      }
+      /* Triage actions */
+      .triage-actions {
+        display: flex;
+        gap: 8px;
+        margin-top: 12px;
+      }
+      /* Search bar */
+      .search-bar {
+        display: flex;
+        gap: 8px;
+        margin-bottom: 16px;
+      }
+      .search-bar input {
+        flex: 1;
+      }
+      /* Inline form for triage link action */
+      .inline-form {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        margin-top: 8px;
+      }
+      .inline-form input {
+        width: 240px;
+      }
+      /* Deprecated overlay */
+      .deprecated {
+        opacity: 0.6;
+        position: relative;
+      }
+      .deprecated::after {
+        content: "DEPRECATED";
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        background: var(--red-bg);
+        color: var(--red);
+        padding: 2px 8px;
+        border-radius: 10px;
+        font-size: 10px;
+        font-weight: 700;
+        font-family: var(--font-mono);
+      }
+      /* Score indicator */
+      .score {
+        font-family: var(--font-mono);
+        font-size: 11px;
+        color: var(--text-dim);
+      }
+      /* Login modal */
+      .modal-overlay {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.6);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 100;
+      }
+      .modal {
+        background: var(--bg-surface);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-lg);
+        padding: 24px;
+        width: 360px;
+        max-width: 90vw;
+      }
+      .modal h2 {
+        font-size: 16px;
+        margin-bottom: 16px;
+      }
+      .modal .btn-row {
+        display: flex;
+        gap: 8px;
+        justify-content: flex-end;
+        margin-top: 16px;
+      }
+      .btn-github {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        width: 100%;
+        padding: 10px 16px;
+        background: #238636;
+        color: #fff;
+        border: none;
+        border-radius: var(--radius);
+        font-size: 14px;
+        font-weight: 500;
+        cursor: pointer;
+        text-decoration: none;
+        transition: background 0.15s;
+      }
+      .btn-github:hover {
+        background: #2ea043;
+        text-decoration: none;
+        color: #fff;
+      }
+      .login-divider {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin: 16px 0;
+        color: var(--text-dim);
+        font-size: 12px;
+      }
+      .login-divider::before,
+      .login-divider::after {
+        content: "";
+        flex: 1;
+        height: 1px;
+        background: var(--border);
+      }
+      .login-cred-toggle {
+        display: block;
+        width: 100%;
+        text-align: center;
+        color: var(--text-dim);
+        font-size: 12px;
+        background: none;
+        border: none;
+        cursor: pointer;
+        padding: 4px;
+        transition: color 0.15s;
+      }
+      .login-cred-toggle:hover {
+        color: var(--text);
+        background: none;
+        border: none;
+      }
+      .login-cred-form {
+        display: none;
+        margin-top: 16px;
+      }
+      .login-cred-form.visible {
+        display: block;
+      }
+      /* Responsive */
+      @media (max-width: 768px) {
+        main {
+          padding: 16px;
+        }
+        .form-row,
+        .form-row-3 {
+          grid-template-columns: 1fr;
+        }
+        header {
+          padding: 0 12px;
+        }
+        nav a {
+          padding: 6px 10px;
+          font-size: 12px;
+        }
+        .meta-grid {
+          grid-template-columns: 1fr;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app">
+      <header>
+        <div class="logo"><span>harper</span> knowledge</div>
+        <nav>
+          <a href="#search" data-nav="search">Search</a>
+          <a href="#browse" data-nav="browse">Browse</a>
+          <a href="#add" data-nav="add">Add Entry</a>
+          <a href="#triage" data-nav="triage">Triage</a>
+        </nav>
+        <div class="header-right">
+          <span class="auth-status" id="auth-status"></span>
+        </div>
+      </header>
+      <main id="main"></main>
+    </div>
+    <script type="module" src="js/app.js"></script>
+  </body>
+</html>