khoj 1.16.1.dev15__py3-none-any.whl

khoj/interface/web/content_source_computer_input.html

@@ -0,0 +1,139 @@
+{% extends "base_config.html" %}
+{% block content %}
+<div class="page">
+    <div class="section">
+        <h2 class="section-title">
+            <img class="card-icon" src="/static/assets/icons/computer.png?v={{ khoj_version }}" alt="files">
+            <span class="card-title-text">Files</span>
+            <div class="instructions">
+                <p class="card-description">Manage files from your computer</p>
+                <p id="get-desktop-client" class="card-description">Get the Khoj <a href="https://khoj.dev/downloads">Desktop</a>, <a href="https://docs.khoj.dev/#/obsidian?id=setup">Obsidian</a> or <a href="https://docs.khoj.dev/#/emacs?id=setup">Emacs</a> app to sync documents from your computer</p>
+            </div>
+        </h2>
+        <div class="section-manage-files">
+            <div id="delete-all-files" class="delete-all-files">
+                <button id="delete-all-files-button" type="submit" title="Remove all computer files from Khoj">🗑️ Delete all</button>
+            </div>
+            <div class="indexed-files">
+            </div>
+        </div>
+    </div>
+</div>
+<style>
+    #desktop-client {
+        font-weight: normal;
+    }
+    .indexed-files {
+        width: 100%;
+    }
+    .content-name {
+        font-size: smaller;
+    }
+</style>
+<script>
+    function removeFile(path) {
+        fetch('/api/config/data/file?filename=' + path, {
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+            }
+        })
+        .then(response => response.ok ? response.json() : Promise.reject(response))
+        .then(data => {
+            if (data.status == "ok") {
+                getAllComputerFilenames();
+            }
+        })
+    }
+
+    // Get all currently indexed files
+    function getAllComputerFilenames() {
+        fetch('/api/config/data/computer')
+            .then(response => response.json())
+            .then(data => {
+                var indexedFiles = document.getElementsByClassName("indexed-files")[0];
+                indexedFiles.innerHTML = "";
+
+                if (data.length == 0) {
+                    document.getElementById("delete-all-files").style.display = "none";
+                    let noFilesElement = document.createElement("div");
+                    noFilesElement.classList.add("card-description");
+                    noFilesElement.textContent = "No documents synced with Khoj";
+                    indexedFiles.appendChild(noFilesElement);
+                } else {
+                    document.getElementById("get-desktop-client").style.display = "none";
+                    document.getElementById("delete-all-files").style.display = "block";
+                }
+
+                for (var filename of data) {
+                    let fileElement = document.createElement("div");
+                    fileElement.classList.add("file-element");
+
+                    let fileExtension = filename.split('.').pop();
+                    if (fileExtension === "org")
+                        image_name = "org.svg"
+                    else if (fileExtension === "pdf")
+                        image_name = "pdf.svg"
+                    else if (fileExtension === "markdown" || fileExtension === "md")
+                        image_name = "markdown.svg"
+                    else if (fileExtension === "docx")
+                        image_name = "docx.svg"
+                    else
+                        image_name = "plaintext.svg"
+
+                    let fileIconElement = document.createElement("img");
+                    fileIconElement.classList.add("card-icon");
+                    fileIconElement.src = `/static/assets/icons/${image_name}`;
+                    fileIconElement.alt = "File";
+                    fileElement.appendChild(fileIconElement);
+
+                    let fileNameElement = document.createElement("div");
+                    fileNameElement.classList.add("content-name");
+                    fileNameElement.textContent = filename;
+                    fileElement.appendChild(fileNameElement);
+
+                    let buttonContainer = document.createElement("div");
+                    buttonContainer.classList.add("remove-button-container");
+                    let removeFileButton = document.createElement("button");
+                    removeFileButton.classList.add("remove-file-button");
+                    removeFileButton.textContent = "🗑️";
+                    removeFileButton.addEventListener("click", ((filename) => {
+                        return () => {
+                            removeFile(filename);
+                        };
+                    })(filename));
+                    buttonContainer.appendChild(removeFileButton);
+                    fileElement.appendChild(buttonContainer);
+                    indexedFiles.appendChild(fileElement);
+                }
+            })
+            .catch((error) => {
+                console.error('Error:', error);
+            });
+    }
+
+    // Get all currently indexed files on page load
+    getAllComputerFilenames();
+
+    let deleteAllComputerFilesButton = document.getElementById("delete-all-files-button");
+    deleteAllComputerFilesButton.addEventListener("click", function(event) {
+        event.preventDefault();
+        originalDeleteAllComputerFilesButtonText = deleteAllComputerFilesButton.textContent;
+        deleteAllComputerFilesButton.textContent = "🗑️ Deleting...";
+        deleteAllComputerFilesButton.disabled = true;
+
+        fetch('/api/config/data/content-source/computer', {
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+            }
+        })
+        .then(response => response.json())
+        .finally(() => {
+            getAllComputerFilenames();
+            deleteAllComputerFilesButton.textContent = originalDeleteAllComputerFilesButtonText;
+            deleteAllComputerFilesButton.disabled = false;
+        });
+    });
+</script>
+{% endblock %}

khoj/interface/web/content_source_github_input.html

@@ -0,0 +1,216 @@
+{% 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;
+
+        if (pat_token == "") {
+            document.getElementById("success").textContent = "❌ Please enter a Personal Access Token.";
+            document.getElementById("success").style.display = "block";
+            return;
+        }
+
+
+        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/config/data/content-source/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 %}

khoj/interface/web/content_source_notion_input.html

@@ -0,0 +1,94 @@
+{% extends "base_config.html" %}
+{% block content %}
+<div class="page">
+    <div class="section">
+        <h2 class="section-title">
+            <img class="card-icon" src="/static/assets/icons/notion.svg?v={{ khoj_version }}" alt="Notion">
+            <span class="card-title-text">Notion</span>
+            <div class="instructions">
+                <a href="https://docs.khoj.dev/data-sources/notion_integration">ⓘ Help</a>
+            </div>
+            <table>
+                <tr>
+                    <td>
+                        <label for="token">Token</label>
+                    </td>
+                    <td>
+                        <input type="text" id="token" name="pat" value="{{ current_config['token'] }}">
+                    </td>
+                </tr>
+            </table>
+            <div class="section">
+                <div id="success" style="display: none;"></div>
+                <button id="submit" type="submit">Sync to Update</button>
+            </div>
+        </form>
+    </div>
+</div>
+<script>
+    const submit = document.getElementById("submit");
+
+    submit.addEventListener("click", function(event) {
+        event.preventDefault();
+
+        const token = document.getElementById("token").value;
+
+        if (token == "") {
+            document.getElementById("success").textContent = "❌ Please enter a Notion Token.";
+            document.getElementById("success").style.display = "block";
+            return;
+        }
+
+        const submitButton = document.getElementById("submit");
+        submitButton.disabled = true;
+        submitButton.textContent = "Syncing...";
+
+        // Save Notion config on server
+        const csrfToken = document.cookie.split('; ').find(row => row.startsWith('csrftoken'))?.split('=')[1];
+        fetch('/api/config/data/content-source/notion', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': csrfToken,
+            },
+            body: JSON.stringify({
+                "token": token,
+            })
+        })
+        .then(response => response.json())
+        .then(data => { data["status"] === "ok" ? data : Promise.reject(data) })
+        .catch(error => {
+            document.getElementById("success").textContent = "⚠️ Failed to save Notion settings.";
+            document.getElementById("success").style.display = "block";
+            submitButton.textContent = "⚠️ Failed to save settings";
+            setTimeout(function() {
+                submitButton.textContent = "Save";
+                submitButton.disabled = false;
+            }, 2000);
+            return;
+        });
+
+        // Index Notion content on server
+        fetch('/api/update?t=notion')
+        .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 Notion content.";
+            document.getElementById("success").style.display = "block";
+            submitButton.textContent = "⚠️ Failed to save content";
+            setTimeout(function() {
+                submitButton.textContent = "Save";
+                submitButton.disabled = false;
+            }, 2000);
+        });
+    });
+</script>
+{% endblock %}

khoj/interface/web/khoj.webmanifest

@@ -0,0 +1,51 @@
+{
+    "name": "Khoj",
+    "short_name": "Khoj",
+    "display": "standalone",
+    "start_url": "/",
+    "description": "The open, personal AI for your digital brain. You can ask Khoj to draft a message, paint your imagination, find information on the internet and even answer questions from your documents.",
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "icons": [
+        {
+            "src": "/static/assets/icons/favicon-128x128.png",
+            "sizes": "128x128",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/assets/icons/favicon-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "screenshots": [
+        {
+         "src": "/static/assets/samples/phone-remember-plan-sample.png",
+          "sizes": "419x900",
+          "type": "image/png",
+          "form_factor": "narrow",
+          "label": "Remember and Plan"
+        },
+        {
+         "src": "/static/assets/samples/phone-browse-draw-sample.png",
+          "sizes": "419x900",
+          "type": "image/png",
+          "form_factor": "narrow",
+          "label": "Browse and Draw"
+        },
+        {
+         "src": "/static/assets/samples/desktop-remember-plan-sample.png",
+          "sizes": "1260x742",
+          "type": "image/png",
+          "form_factor": "wide",
+          "label": "Remember and Plan"
+        },
+        {
+         "src": "/static/assets/samples/desktop-browse-draw-sample.png",
+          "sizes": "1260x742",
+          "type": "image/png",
+          "form_factor": "wide",
+          "label": "Browse and Draw"
+        }
+    ]
+}