Spaces:

dylanebert
/

research-tracker

Running

App Files Files Community

dylanebert HF staff commited on Jan 22

Commit

dd91ef9

•

1 Parent(s): 2425369

.

Browse files

add dockerfile

.

.

.

.

set app port

.

checkbox

export condition

fix urls

.

.

.

docker fix

local svelte-table

.

fix local dev

automatic inference

.

.

.

access external data

echo test

.

.

.

.

.

.

.

..

.

.

.

.

.

no logging

Files changed (19) hide show

.gitignore +12 -0
.gitmodules +4 -0
Dockerfile +15 -0
README.md +2 -1
__pycache__/server.cpython-311.pyc +0 -0
viewer/.gitignore +10 -0
viewer/.npmrc +1 -0
viewer/README.md +38 -0
viewer/package-lock.json +0 -0
viewer/package.json +29 -0
viewer/src/app.d.ts +13 -0
viewer/src/app.html +12 -0
viewer/src/lib/index.ts +1 -0
viewer/src/routes/+page.svelte +318 -0
viewer/static/favicon.png +0 -0
viewer/svelte-table +1 -0
viewer/svelte.config.js +18 -0
viewer/tsconfig.json +18 -0
viewer/vite.config.ts +12 -0

.gitignore ADDED Viewed

	@@ -0,0 +1,12 @@

+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+# Local History for Visual Studio Code
+.history/
+# Built Visual Studio Code Extensions
+*.vsix

.gitmodules ADDED Viewed

	@@ -0,0 +1,4 @@

+[submodule "viewer/svelte-table"]
+	path = viewer/svelte-table
+	url = https://github.com/dylanebert/svelte-table.git
+	branch = master

Dockerfile ADDED Viewed

	@@ -0,0 +1,15 @@

+FROM node:alpine
+WORKDIR /app
+COPY viewer/package.json package.json
+RUN npm install
+RUN --mount=type=secret,id=VITE_HF_TOKEN,mode=0444,required=true \
+    echo "VITE_HF_TOKEN=$(cat /run/secrets/VITE_HF_TOKEN)" > /app/.env
+COPY viewer/ /app
+RUN npm run build
+EXPOSE 3000
+CMD ["npm", "start"]

README.md CHANGED Viewed

@@ -1,11 +1,12 @@
 ---
-title: 3d Projects
 emoji: 🚀
 colorFrom: gray
 colorTo: green
 sdk: docker
 pinned: false
 license: mit
 ---
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Research Tracker Internal
 emoji: 🚀
 colorFrom: gray
 colorTo: green
 sdk: docker
 pinned: false
 license: mit
+app_port: 3000
 ---
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

__pycache__/server.cpython-311.pyc ADDED Viewed

Binary file (759 Bytes). View file

viewer/.gitignore ADDED Viewed

	@@ -0,0 +1,10 @@

+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

viewer/.npmrc ADDED Viewed

	@@ -0,0 +1 @@


1	+ engine-strict=true

viewer/README.md ADDED Viewed

	@@ -0,0 +1,38 @@

+# create-svelte
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+## Creating a project
+If you're seeing this, you've probably already done this step. Congrats!
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+## Developing
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+```bash
+npm run dev
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+## Building
+To create a production version of your app:
+```bash
+npm run build
+```
+You can preview the production build with `npm run preview`.
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

viewer/package-lock.json ADDED Viewed

The diff for this file is too large to render. See raw diff

viewer/package.json ADDED Viewed

	@@ -0,0 +1,29 @@

+{
+    "name": "viewer",
+    "version": "0.0.1",
+    "private": true,
+    "scripts": {
+        "dev": "vite dev",
+        "build": "vite build",
+        "preview": "vite preview",
+        "start": "node ./build/index.js",
+        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+    },
+    "devDependencies": {
+        "@sveltejs/adapter-auto": "^3.0.0",
+        "@sveltejs/adapter-node": "^4.0.0",
+        "@sveltejs/kit": "^2.0.0",
+        "@sveltejs/vite-plugin-svelte": "^3.0.0",
+        "svelte": "^4.2.7",
+        "svelte-check": "^3.6.0",
+        "tslib": "^2.4.1",
+        "typescript": "^5.0.0",
+        "vite": "^5.0.12"
+    },
+    "type": "module",
+    "dependencies": {
+        "esbuild": "^0.19.12",
+        "svelte-table": "file:./svelte-table"
+    }
+}

viewer/src/app.d.ts ADDED Viewed

	@@ -0,0 +1,13 @@

+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+export {};

viewer/src/app.html ADDED Viewed

	@@ -0,0 +1,12 @@

+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

viewer/src/lib/index.ts ADDED Viewed

	@@ -0,0 +1 @@


1	+ // place files you want to import through the `$lib` alias in this folder.

viewer/src/routes/+page.svelte ADDED Viewed

	@@ -0,0 +1,318 @@

+<script lang="ts">
+    import { onMount } from "svelte";
+    import SvelteTable, { type TableColumn } from "svelte-table";
+    interface Row {
+        Name: string;
+        Orgs: string[];
+        Authors: string[];
+        Tags: string[];
+        CodeStatus: string;
+        Paper: string;
+        Code: string;
+        Space: string;
+        Model: string;
+        Dataset: string;
+        Project: string;
+        License: string;
+        Date: string;
+    }
+    let rows: Row[] = [];
+    let columns: TableColumn<Row>[] = [
+        {
+            key: "Name",
+            title: "Name",
+            value: (v: Row) => v.Name || v.Project || v.Code || v.Paper || "N/A",
+            sortable: true,
+            renderValue: (v: Row) => {
+                let url;
+                if (v.Project) {
+                    url = v.Project;
+                } else if (v.Code) {
+                    url = v.Code;
+                } else if (v.Paper) {
+                    url = v.Paper;
+                } else if (v.Space) {
+                    url = v.Space;
+                } else if (v.Model) {
+                    url = v.Model;
+                } else if (v.Dataset) {
+                    url = v.Dataset;
+                }
+                let name = v.Name || url || "";
+                let renderName = name;
+                if (name.length > 64) {
+                    renderName = name.slice(0, 60) + "...";
+                }
+                return `<a href="${url}" target="_blank" title="${name}">${renderName}</a>`;
+            },
+            searchValue: (v: Row) => {
+                let searchValue = v.Name || "";
+                if (v.Project) {
+                    searchValue += " " + v.Project;
+                }
+                if (v.Code) {
+                    searchValue += " " + v.Code;
+                }
+                if (v.Paper) {
+                    searchValue += " " + v.Paper;
+                }
+                if (v.Space) {
+                    searchValue += " " + v.Space;
+                }
+                if (v.Model) {
+                    searchValue += " " + v.Model;
+                }
+                if (v.Dataset) {
+                    searchValue += " " + v.Dataset;
+                }
+                return searchValue;
+            },
+            parseHTML: true,
+            hideFilterHeader: true,
+        },
+        {
+            key: "Date",
+            title: "Date",
+            value: (v: Row) => v.Date || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Date || "",
+            renderValue: (v: Row) => {
+                if (!v.Date) return "";
+                let renderDate = v.Date;
+                // Convert ISO to YYYY-MM-DD
+                if (v.Date.includes("T")) {
+                    renderDate = v.Date.split("T")[0];
+                }
+                return `<span title="${v.Date}">${renderDate}</span>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Orgs",
+            title: "Orgs",
+            value: (v: Row) => v.Orgs.join(", "),
+            sortable: true,
+            searchValue: (v: Row) => v.Orgs.join(" "),
+            renderValue: (v: Row) => {
+                let orgs = v.Orgs.join(", ");
+                let renderOrgs = v.Orgs.join(", ");
+                if (orgs.length > 24) {
+                    renderOrgs = renderOrgs.slice(0, 20) + "...";
+                }
+                return `<span title="${orgs}">${renderOrgs}</span>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Authors",
+            title: "Authors",
+            value: (v: Row) => v.Authors.join(", "),
+            sortable: true,
+            searchValue: (v: Row) => v.Authors.join(" "),
+            renderValue: (v: Row) => {
+                let authors = v.Authors.join(", ");
+                let renderAuthors = v.Authors.join(", ");
+                if (authors.length > 24) {
+                    renderAuthors = renderAuthors.slice(0, 20) + "...";
+                }
+                return `<span title="${authors}">${renderAuthors}</span>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Paper",
+            title: "Paper",
+            value: (v: Row) => v.Paper || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Paper || "",
+            renderValue: (v: Row) => {
+                if (!v.Paper) return "";
+                const url = v.Paper;
+                let name = v.Paper;
+                if (url.includes("arxiv.org/")) {
+                    name = `arxiv/${url.split("arxiv.org/")[1]}`;
+                } else if (url.includes("huggingface.co/papers/")) {
+                    name = `hf/${url.split("huggingface.co/papers/")[1]}`;
+                }
+                let displayName = name.replace(".pdf", "");
+                if (displayName.length > 24) {
+                    displayName = displayName.slice(0, 20) + "...";
+                }
+                return `<a href="${url}" target="_blank" title="${name}">${displayName}</a>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Code",
+            title: "Code",
+            value: (v: Row) => v.CodeStatus || v.Code || "",
+            sortable: true,
+            searchValue: (v: Row) => {
+                let searchValue = v.Code || "";
+                if (v.CodeStatus === "Coming Soon") {
+                    searchValue += " Coming Soon";
+                } else if (v.CodeStatus === "No") {
+                    searchValue += " No";
+                }
+                return searchValue;
+            },
+            renderValue: (v: Row) => {
+                let codeUrl;
+                let codeDisplay;
+                if (v.Code) {
+                    codeUrl = v.Code;
+                    if (v.Code.includes("github.com")) {
+                        codeDisplay = `git/${v.Code.split("github.com/")[1].slice(0, 16)}`;
+                    } else {
+                        codeDisplay = v.Code.slice(0, 16) + "...";
+                    }
+                }
+                if (v.CodeStatus === "Coming Soon") {
+                    codeDisplay = "Coming Soon";
+                } else if (v.CodeStatus === "No") {
+                    codeDisplay = "No";
+                }
+                if (!codeDisplay) {
+                    return "";
+                }
+                if (codeUrl) {
+                    return `<a href="${codeUrl}" target="_blank" title="${codeUrl}">${codeDisplay}</a>`;
+                }
+                return codeDisplay;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Space",
+            title: "Space",
+            value: (v: Row) => v.Space || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Space || "",
+            renderValue: (v: Row) => {
+                if (!v.Space) return "";
+                if (v.Space.includes("huggingface.co")) {
+                    return `<a href="${v.Space}" target="_blank">hf/${v.Space.split("huggingface.co/")[1].slice(
+                        0,
+                        16
+                    )}</a>`;
+                }
+                return `<a href="${v.Space}" target="_blank" title="${v.Space}">${v.Space.slice(0, 16)}...</a>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Model",
+            title: "Model",
+            value: (v: Row) => v.Model || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Model || "",
+            renderValue: (v: Row) => {
+                if (!v.Model) return "";
+                if (v.Model.includes("huggingface.co")) {
+                    return `<a href="${v.Model}" target="_blank">hf/${v.Model.split("huggingface.co/")[1].slice(
+                        0,
+                        16
+                    )}</a>`;
+                }
+                return `<a href="${v.Model}" target="_blank" title="${v.Model}">${v.Model.slice(0, 16)}...</a>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "Dataset",
+            title: "Dataset",
+            value: (v: Row) => v.Dataset || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Dataset || "",
+            renderValue: (v: Row) => {
+                if (!v.Dataset) return "";
+                if (v.Dataset.includes("huggingface.co")) {
+                    return `<a href="${v.Dataset}" target="_blank">hf/${v.Dataset.split("huggingface.co/")[1].slice(
+                        0,
+                        16
+                    )}</a>`;
+                } else if (v.Dataset.includes("drive.google.com")) {
+                    return `<a href="${v.Dataset}" target="_blank">drive/${v.Dataset.split(
+                        "drive.google.com/"
+                    )[1].slice(0, 16)}</a>`;
+                } else if (v.Dataset.includes("github.com")) {
+                    return `<a href="${v.Dataset}" target="_blank">git/${v.Dataset.split("github.com/")[1].slice(
+                        0,
+                        16
+                    )}</a>`;
+                }
+                return `<a href="${v.Dataset}" target="_blank" title="${v.Dataset}">${v.Dataset.slice(0, 16)}...</a>`;
+            },
+            parseHTML: true,
+        },
+        {
+            key: "ReachedOut",
+            title: "Reached Out",
+            value: (v: Row) => (v.Tags.includes("ReachedOut") ? "\u2705" : ""),
+            sortable: true,
+            filterValue: (v: Row) => (v.Tags.includes("ReachedOut") ? "Yes" : "No"),
+            filterOptions: ["Yes", "No"],
+        },
+    ];
+    let selection = {};
+    let overrideSelection = false;
+    let searchValue = "";
+    $: {
+        if (searchValue !== "") {
+            selection = { Name: searchValue };
+            overrideSelection = true;
+        } else {
+            if (overrideSelection) {
+                selection = {};
+                overrideSelection = false;
+            }
+        }
+    }
+    const addEntry = async () => {
+        if (!("Name" in selection)) return;
+        const value = selection["Name"];
+        const response = await fetch("/add-entry", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ value }),
+        });
+        const data = await response.json();
+        console.log(data);
+    };
+    onMount(async () => {
+        const url = "https://dylanebert-research-tracker-backend.hf.space/data";
+        const response = await fetch(url, {
+            method: "GET",
+            headers: {
+                "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+            },
+        });
+        rows = await response.json();
+    });
+</script>
+<div style="text-align: center; margin-top: 1rem;">
+    <input
+        type="text"
+        placeholder="Enter relevant project, code, paper, space, model, or dataset URL"
+        style="width: 100%; max-width: 512px; margin-bottom: 1rem;"
+        bind:value={searchValue}
+    />
+    <button on:click={addEntry}>New Entry</button>
+</div>
+<SvelteTable {columns} {rows} bind:filterSelections={selection} />
+<div style="text-align: center; margin-top: 1rem;">
+    <button on:click={addEntry}>New Entry</button>
+</div>

viewer/static/favicon.png ADDED Viewed

viewer/svelte-table ADDED Viewed

	@@ -0,0 +1 @@


1	+ Subproject commit 0b3742da9031342a5ce9af34c673be8f48c1eefb

viewer/svelte.config.js ADDED Viewed

	@@ -0,0 +1,18 @@

+import adapter from "@sveltejs/adapter-node";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+    // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+    // for more information about preprocessors
+    preprocess: vitePreprocess(),
+    kit: {
+        // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+        // If your environment is not supported or you settled on a specific environment, switch out the adapter.
+        // See https://kit.svelte.dev/docs/adapters for more information about adapters.
+        adapter: adapter(),
+    },
+};
+export default config;

viewer/tsconfig.json ADDED Viewed

	@@ -0,0 +1,18 @@

+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+        "outDir": "build",
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}

viewer/vite.config.ts ADDED Viewed

	@@ -0,0 +1,12 @@

+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig } from "vite";
+import path from "path";
+export default defineConfig({
+    plugins: [sveltekit()],
+    server: {
+        fs: {
+            allow: [path.resolve(__dirname, "svelte-table")],
+        },
+    },
+});