PyPI - khoj - Versions diffs - 1.33.3.dev32__py3-none-any.whl - Mend

khoj 1.33.3.dev32__py3-none-any.whl

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

khoj/interface/web/base_config.html ADDED Viewed

@@ -0,0 +1,445 @@
+<!DOCTYPE html>
+<html data-theme="light">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0">
+        <link rel="icon" type="image/png" sizes="128x128" href="https://assets.khoj.dev/khoj_lantern_128x128.png?v={{ khoj_version }}">
+        <title>Khoj</title>
+        <meta http-equiv="Content-Security-Policy"
+              content="default-src 'self' https://assets.khoj.dev;
+                       script-src 'self' https://assets.khoj.dev 'unsafe-inline';
+                       connect-src 'self' https://ipapi.co/json;
+                       style-src 'self' https://assets.khoj.dev 'unsafe-inline' https://fonts.googleapis.com;
+                       img-src 'self' data: https://*.khoj.dev https://*.googleusercontent.com;
+                       font-src https://assets.khoj.dev https://fonts.gstatic.com;
+                       child-src 'none';
+                       object-src 'none';">
+        <link rel="stylesheet" href="/static/assets/pico.min.css?v={{ khoj_version }}">
+        <link rel="stylesheet" href="/static/assets/khoj.css?v={{ khoj_version }}">
+        <script
+            integrity="sha384-05IkdNHoAlkhrFVUCCN805WC/h4mcI98GUBssmShF2VJAXKyZTrO/TmJ+4eBo0Cy"
+            crossorigin="anonymous"
+            src="https://assets.khoj.dev/intl-tel-input/intlTelInput.min.js"></script>
+        <link rel="stylesheet" href="https://assets.khoj.dev/intl-tel-input/intlTelInput.css">
+    </head>
+    <script type="text/javascript" src="/static/assets/utils.js?v={{ khoj_version }}"></script>
+    <script type="text/javascript" src="/static/assets/purify.min.js?v={{ khoj_version }}"></script>
+    <body class="khoj-configure">
+        <div class="khoj-header-wrapper">
+            <div class="filler"></div>
+            <!--Add Header Logo and Nav Pane-->
+            {% import 'utils.html' as utils %}
+            {{ utils.heading_pane(user_photo, username, is_active, has_documents) }}
+            <div class="filler"></div>
+        </div>
+        <div class="content khoj-header-wrapper">
+            <div class="filler"></div>
+            {% block content %}
+            {% endblock %}
+            <div class="filler"></div>
+        </div>
+    </body>
+    <script>
+        const settingsNav = document.getElementById("settings-nav");
+        if (settingsNav) {
+            settingsNav.classList.add("khoj-nav-selected");
+        }
+    </script>
+    <style>
+        html, body {
+            width: 100%;
+            margin: 0;
+            padding: 0;
+        }
+        img.khoj-logo {
+            max-width: none!important;
+        }
+        div.khoj-header-wrapper {
+            display: grid;
+            grid-template-columns: 1fr min(70vw, 100%) 1fr;
+        }
+        .circle {
+            width: 52px;
+            height: 52px;
+        }
+        .user-initial {
+            width: 40px;
+            height: 40px;
+        }
+        .page {
+            display: grid;
+            grid-auto-flow: row;
+            gap: 32px;
+        }
+        .section {
+            display: grid;
+            justify-self: normal;
+        }
+        div.section-manage-files,
+        div.api-settings {
+            display: grid;
+            grid-template-columns: 1fr;
+            justify-items: start;
+            gap: 8px;
+            padding: 24px 24px;
+            background: var(--background-color);
+            border: 1px solid rgb(229, 229, 229);
+            border-radius: 4px;
+            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 2px -1px rgba(0,0,0,0.8);
+        }
+        div.section-manage-files {
+            width: 640px;
+        }
+        div.api-settings {
+            grid-template-rows: 1fr 1fr auto;
+        }
+        #api-settings-card-description {
+            margin: 8px 0 0 0;
+        }
+        #api-settings-keys-table {
+            margin-bottom: 16px;
+        }
+        #phone-number-input-card {
+            grid-template-rows: auto;
+            gap: 20px;
+        }
+        div.instructions {
+            font-size: large;
+        }
+        .section-title {
+            margin: 0;
+            padding: 0 0 16px 0;
+            font-size: 32;
+            font-weight: normal;
+        }
+        .section-cards {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 16px;
+            justify-items: start;
+        }
+        .card {
+            display: grid;
+            grid-template-rows: repeat(3, 1fr);
+            gap: 8px;
+            padding: 24px 16px 8px;
+            width: 100%;
+            height: 180px;
+            background: var(--background-color);
+            border: 1px solid rgb(229, 229, 229);
+            border-radius: 4px;
+            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 2px -1px rgba(0,0,0,0.8);
+            overflow: hidden;
+        }
+        div.finalize-buttons {
+            display: grid;
+            gap: 8px;
+            padding: 32px 0px 0px;
+            width: 320px;
+            border-radius: 4px;
+            overflow: hidden;
+        }
+        div.finalize-buttons button {
+            background-color: var(--primary-hover);
+        }
+        div.finalize-buttons button:hover {
+            background-color: var(--summer-sun);
+        }
+        div#features-hint-text {
+            width: 640px;
+            opacity: 0;
+            transition: opacity 0.5s ease-in-out;
+            overflow: hidden;
+            height: 0;
+        }
+        div#features-hint-text.show {
+            opacity: 1;
+            height: auto;
+        }
+        .card-title-row {
+            display: grid;
+            grid-template-columns: auto 1fr;
+            padding: 0;
+            gap: 12px;
+        }
+        .card-icon {
+            width: 40px;
+            height: 40px;
+        }
+        .card-title {
+            font-size: x-large;
+            font-weight: normal;
+            margin: 0;
+            padding: 0;
+            align-self: end;
+        }
+        .card-title-text {
+            vertical-align: text-top;
+        }
+        .card-description {
+            margin: 0;
+            color: grey;
+            font-size: 16px;
+        }
+        .card-description-row {
+            padding-top: 4px;
+        }
+        .card-action-row {
+            display: grid;
+            grid-auto-flow: row;
+            justify-content: left;
+        }
+        .card-button {
+            border: none;
+            font-weight: bold;
+            color: rgb(64,64,64);
+            background: transparent;
+            font-size: 16px;
+            cursor: pointer;
+            margin: 0;
+            padding: 0;
+            height: 32px;
+            text-align: right;
+        }
+        .primary-button {
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+        }
+        button.card-button {
+            color: var(--flower);
+            background: transparent;
+            font-size: 16px;
+            cursor: pointer;
+            margin: 0;
+            padding: 0;
+            height: 32px;
+            text-align: right;
+            text-align: left;
+        }
+        button.remove-file-button:hover {
+            background-color: rgb(255 235 235);
+            border-radius: 3px;
+            border: none;
+            color: var(--flower);
+            padding: 4px;
+            cursor: pointer;
+        }
+        button.remove-file-button {
+            background-color: rgb(253 214 214);
+            border-radius: 3px;
+            border: none;
+            color: var(--flower);
+            padding: 4px;
+            width: 32px;
+            margin-bottom: 0px
+        }
+        div.file-element {
+            display: grid;
+            grid-template-columns: 1fr 5fr 1fr;
+            border: 1px solid rgb(229, 229, 229);
+            border-radius: 4px;
+            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 2px -1px rgba(0,0,0,0.8);
+            padding: 4px 0;
+            margin-bottom: 8px;
+            justify-items: center;
+            align-items: center;
+        }
+        div.remove-button-container {
+            text-align: right;
+        }
+        .card-button.happy {
+            color: var(--leaf);
+        }
+        img.automation-action-icon {
+            width: 16px;
+            padding-bottom: 2px;
+        }
+        img.automation-row-icon {
+            max-width: 24px;
+        }
+        img.configured-icon {
+            max-width: 16px;
+        }
+        div.card-action-row.enabled{
+            display: block;
+        }
+        img.configured-icon.enabled {
+            display: inline;
+        }
+        div.card-action-row.disabled,
+        img.configured-icon.disabled {
+            display: none;
+        }
+        .loader {
+            border: 16px solid #f3f3f3; /* Light grey */
+            border-top: 16px solid var(--primary);
+            border-radius: 50%;
+            width: 16px;
+            height: 16px;
+            animation: spin 2s linear infinite;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        #status {
+            padding-top: 32px;
+        }
+        div.finalize-actions {
+            grid-auto-flow: column;
+            grid-gap: 24px;
+        }
+        button#logout {
+            font-size: 16px;
+            cursor: pointer;
+            margin: 0;
+            padding: 0;
+            height: 32px;
+        }
+        div#notification-banner {
+            background-color: var(--primary);
+            border: 1px solid var(--primary-hover);
+            padding: 8px;
+            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 2px -1px rgba(0,0,0,0.8);
+        }
+        div#notification-banner-parent {
+            position: fixed;
+            right: 0;
+            bottom: 0;
+            margin: 20px;
+        }
+        select#paint-models,
+        select#search-models,
+        select#voice-models,
+        select#chat-models {
+            margin-bottom: 0;
+            padding: 8px;
+        }
+        div.api-settings {
+            width: 100%;
+        }
+        img.api-key-action:hover {
+            cursor: pointer;
+        }
+        a {
+            color: #3b82f6;
+            text-decoration: none;
+        }
+        div#phone-number-input-element {
+            display: flex;
+            align-items: center;
+        }
+        p#phone-number-plus {
+            padding: 8px;
+        }
+        div#clients {
+            grid-gap: 12px;
+        }
+        input#country-code-phone-number-input {
+            max-width: 100px;
+            margin-right: 8px;
+        }
+        input#country-code-phone-number-input {
+            max-width: 100px;
+            margin-right: 8px;
+        }
+        input#profile_given_name {
+            width: 100%;
+            margin: 0;
+        }
+        @media screen and (max-width: 700px) {
+            .section-cards {
+                grid-template-columns: 1fr;
+            }
+        }
+        @media only screen and (max-width: 700px) {
+            body {
+                display: grid;
+                grid-template-columns: 1fr;
+                grid-template-rows: 1fr repeat(4, auto);
+            }
+            body > * {
+                grid-column: 1;
+            }
+            div.filler {
+                display: none;
+            }
+            body.khoj-configure {
+                padding: 0;
+            }
+            div.section {
+                padding: 12px;
+            }
+            div#features-hint-text {
+                width: 320px;
+            }
+            div.khoj-header-wrapper {
+                grid-template-columns: auto;
+            }
+            div.section-manage-files,
+            div.api-settings {
+                width: auto;
+            }
+            #status {
+                padding-top: 12px;
+            }
+            div.finalize-actions {
+                padding: 12px 0 0;
+            }
+            div.finalize-buttons {
+                padding: 0;
+            }
+        }
+    </style>
+</html>

khoj/interface/web/content_source_github_input.html ADDED Viewed

@@ -0,0 +1,208 @@
+{% extends "base_config.html" %}
+{% block content %}
+<div class="page">
+    <div class="section">
+        <h2 class="section-title">
+            <img class="card-icon" src="/static/assets/icons/github.svg?v={{ khoj_version }}" alt="Github">
+            <span class="card-title-text">Github</span>
+            <div class="instructions">
+                <a href="https://docs.khoj.dev/data-sources/github_integration">ⓘ Help</a>
+            </div>
+        </h2>
+        <form>
+            <table>
+                <tr>
+                    <td>
+                        <label for="pat-token">Personal Access Token</label>
+                    </td>
+                    <td>
+                        <input type="text" id="pat-token" name="pat" value="{{ current_config['pat_token'] }}">
+                    </td>
+                </tr>
+            </table>
+            <h4>Repositories</h4>
+            <div id="repositories" class="section-cards">
+                {% for repo in current_config['repos'] %}
+                <div class="card repo" id="repo-card-{{loop.index}}">
+                    <label for="repo-owner">Repository Owner</label>
+                    <input type="text" id="repo-owner-{{loop.index}}" name="repo_owner" value="{{ repo.owner }}">
+                    <label for="repo-name">Repository Name</label>
+                    <input type="text" id="repo-name-{{loop.index}}" name="repo_name" value="{{ repo.name}}">
+                    <label for="repo-branch">Repository Branch</label>
+                    <input type="text" id="repo-branch-{{loop.index}}" name="repo_branch" value="{{ repo.branch }}">
+                    <button type="button"
+                            class="remove-repo-button"
+                            onclick="remove_repo({{loop.index}})"
+                            id="remove-repo-button-{{loop.index}}">Remove Repository</button>
+                </div>
+                {% endfor %}
+            </div>
+            <button type="button" id="add-repository-button">Add Repository</button>
+            <div class="section">
+                <div id="success" style="display: none;"></div>
+                <button id="submit" type="submit">Save</button>
+            </div>
+        </form>
+    </div>
+</div>
+<style>
+    td {
+        padding: 10px 0;
+    }
+    div.repo {
+        width: 100%;
+        height: 100%;
+        grid-template-rows: none;
+    }
+    div#repositories {
+        margin-bottom: 12px;
+    }
+    button.remove-repo-button {
+        background-color: gainsboro;
+    }
+</style>
+<script>
+    const add_repo_button = document.getElementById("add-repository-button");
+    add_repo_button.addEventListener("click", function(event) {
+        event.preventDefault();
+        var repo = document.createElement("div");
+        repo.classList.add("card");
+        repo.classList.add("repo");
+        const id = Date.now();
+        repo.id = "repo-card-" + id;
+        // Create repo owner, name, branch elements
+        let repoOwnerLabel = document.createElement("label");
+        repoOwnerLabel.textContent = "Repository Owner";
+        repoOwnerLabel.for = "repo-owner";
+        let repoOwner = document.createElement("input");
+        repoOwner.type = "text";
+        repoOwner.id = "repo-owner-" + id;
+        repoOwner.name = "repo_owner";
+        let repoNameLabel = document.createElement("label");
+        repoNameLabel.textContent = "Repository Name";
+        repoNameLabel.for = "repo-name";
+        let repoName = document.createElement("input");
+        repoName.type = "text";
+        repoName.id = "repo-name-" + id;
+        repoName.name = "repo_name";
+        let repoBranchLabel = document.createElement("label");
+        repoBranchLabel.textContent = "Repository Branch";
+        repoBranchLabel.for = "repo-branch";
+        let repoBranch = document.createElement("input");
+        repoBranch.type = "text";
+        repoBranch.id = "repo-branch-" + id;
+        repoBranch.name = "repo_branch";
+        let removeRepoButton = document.createElement("button");
+        removeRepoButton.type = "button";
+        removeRepoButton.classList.add("remove-repo-button");
+        removeRepoButton.onclick = function() { remove_repo(id); };
+        removeRepoButton.id = "remove-repo-button-" + id;
+        removeRepoButton.textContent = "Remove Repository";
+        // Append elements to repo card
+        repo.append(
+            repoOwnerLabel, repoOwner,
+            repoNameLabel, repoName,
+            repoBranchLabel, repoBranch,
+            removeRepoButton
+        );
+        document.getElementById("repositories").appendChild(repo);
+    })
+    function remove_repo(index) {
+        document.getElementById("repo-card-" + index).remove();
+    }
+    submit.addEventListener("click", function(event) {
+        event.preventDefault();
+        const pat_token = document.getElementById("pat-token").value;
+        var cards = document.getElementById("repositories").getElementsByClassName("repo");
+        var repos = [];
+        for (var i = 0; i < cards.length; i++) {
+            var card = cards[i];
+            var owner = card.getElementsByTagName("input")[0].value;
+            var name = card.getElementsByTagName("input")[1].value;
+            var branch = card.getElementsByTagName("input")[2].value;
+            if (owner == "" || name == "" || branch == "") {
+                continue;
+            }
+            repos.push({
+                "owner": owner,
+                "name": name,
+                "branch": branch,
+            });
+        }
+        if (repos.length == 0) {
+            document.getElementById("success").textContent = "❌ Please add at least one repository.";
+            document.getElementById("success").style.display = "block";
+            return;
+        }
+        const submitButton = document.getElementById("submit");
+        submitButton.disabled = true;
+        submitButton.textContent = "Saving...";
+        // Save Github config on server
+        const csrfToken = document.cookie.split('; ').find(row => row.startsWith('csrftoken'))?.split('=')[1];
+        fetch('/api/content/github', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': csrfToken,
+            },
+            body: JSON.stringify({
+                "pat_token": pat_token,
+                "repos": repos,
+            })
+        })
+        .then(response => response.json())
+        .then(data => { data["status"] === "ok" ? data : Promise.reject(data) })
+        .catch(error => {
+            document.getElementById("success").textContent = "⚠️ Failed to save Github settings.";
+            document.getElementById("success").style.display = "block";
+            submitButton.textContent = "⚠️ Failed to save settings";
+            setTimeout(function() {
+                submitButton.textContent = "Save";
+                submitButton.disabled = false;
+            }, 2000);
+            return;
+        });
+        // Index Github content on server
+        fetch('/api/update?t=github')
+        .then(response => response.json())
+        .then(data => { data["status"] == "ok" ? data : Promise.reject(data) })
+        .then(data => {
+            document.getElementById("success").style.display = "none";
+            submitButton.textContent = "✅ Successfully updated";
+            setTimeout(function() {
+                submitButton.textContent = "Save";
+                submitButton.disabled = false;
+            }, 2000);
+        })
+        .catch(error => {
+            document.getElementById("success").textContent = "⚠️ Failed to save Github content.";
+            document.getElementById("success").style.display = "block";
+            submitButton.textContent = "⚠️ Failed to save content";
+            setTimeout(function() {
+                submitButton.textContent = "Save";
+                submitButton.disabled = false;
+            }, 2000);
+        });
+    });
+</script>
+{% endblock %}