Spaces:

lynx-analytics
/

lynxkite

Running

App Files Files Community

darabos commited on Apr 10

Commit

2e10db6

1 Parent(s): 5005cac

Open code files from directory + related stuff.

Browse files

Files changed (25) hide show

biome.json +4 -0
examples/{AIMO → AIMO.lynxkite.json} +0 -0
examples/{Airlines demo → Airlines demo.lynxkite.json} +0 -0
examples/{Bio demo → Bio demo.lynxkite.json} +0 -0
examples/{BioNeMo demo → BioNeMo demo.lynxkite.json} +0 -0
examples/{Generative drug screening → Generative drug screening.lynxkite.json} +0 -0
examples/{Graph RAG → Graph RAG.lynxkite.json} +0 -0
examples/{Image processing → Image processing.lynxkite.json} +0 -0
examples/{LynxScribe demo → LynxScribe demo.lynxkite.json} +0 -0
examples/{Model definition → Model definition.lynxkite.json} +0 -0
examples/{Model use → Model use.lynxkite.json} +0 -0
examples/{NetworkX demo → NetworkX demo.lynxkite.json} +0 -0
examples/{ODE-GNN experiment → ODE-GNN experiment.lynxkite.json} +0 -0
examples/{ODE-GNN → ODE-GNN.lynxkite.json} +0 -0
examples/{PyTorch demo → PyTorch demo.lynxkite.json} +0 -0
examples/{RAG chatbot app → RAG chatbot app.lynxkite.json} +0 -0
examples/Word2vec.lynxkite.json +0 -0
examples/{sql → sql.lynxkite.json} +0 -0
examples/word2vec.py +5 -8
lynxkite-app/src/lynxkite_app/main.py +10 -1
lynxkite-app/web/index.html +0 -1
lynxkite-app/web/src/Directory.tsx +103 -91
lynxkite-app/web/src/index.css +7 -0
lynxkite-app/web/src/workspace/Workspace.tsx +6 -1
lynxkite-core/src/lynxkite/core/ops.py +5 -3

biome.json CHANGED Viewed

@@ -1,4 +1,7 @@
 {
   "formatter": {
     "ignore": ["**/node_modules/**", "**/dist/**"],
     "lineWidth": 100,
@@ -21,6 +24,7 @@
         "useKeyWithClickEvents": "off",
         "useValidAnchor": "off",
         "useButtonType": "off",
         "noNoninteractiveTabindex": "off"
       }
     }

 {
+  "files": {
+    "ignore": ["**/*.lynxkite.json"]
+  },
   "formatter": {
     "ignore": ["**/node_modules/**", "**/dist/**"],
     "lineWidth": 100,
         "useKeyWithClickEvents": "off",
         "useValidAnchor": "off",
         "useButtonType": "off",
+        "noAutofocus": "off",
         "noNoninteractiveTabindex": "off"
       }
     }

examples/{AIMO → AIMO.lynxkite.json} RENAMED Viewed

File without changes

examples/{Airlines demo → Airlines demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{Bio demo → Bio demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{BioNeMo demo → BioNeMo demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{Generative drug screening → Generative drug screening.lynxkite.json} RENAMED Viewed

File without changes

examples/{Graph RAG → Graph RAG.lynxkite.json} RENAMED Viewed

File without changes

examples/{Image processing → Image processing.lynxkite.json} RENAMED Viewed

File without changes

examples/{LynxScribe demo → LynxScribe demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{Model definition → Model definition.lynxkite.json} RENAMED Viewed

File without changes

examples/{Model use → Model use.lynxkite.json} RENAMED Viewed

File without changes

examples/{NetworkX demo → NetworkX demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{ODE-GNN experiment → ODE-GNN experiment.lynxkite.json} RENAMED Viewed

File without changes

examples/{ODE-GNN → ODE-GNN.lynxkite.json} RENAMED Viewed

File without changes

examples/{PyTorch demo → PyTorch demo.lynxkite.json} RENAMED Viewed

File without changes

examples/{RAG chatbot app → RAG chatbot app.lynxkite.json} RENAMED Viewed

File without changes

examples/Word2vec.lynxkite.json ADDED Viewed

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

examples/{sql → sql.lynxkite.json} RENAMED Viewed

File without changes

examples/word2vec.py CHANGED Viewed

@@ -5,17 +5,14 @@ import pandas as pd
 ENV = "LynxKite Graph Analytics"
-@op(ENV, "Word2vec for the top 1000 words", cache=True)
 def word2vec_1000():
     model = staticvectors.StaticVectors("neuml/word2vec-quantized")
-    with open("wordlist.txt") as f:
-        words = [w.strip() for w in f.read().strip().split("\n")]
-    df = pd.DataFrame(
-        {
-            "word": words,
-            "embedding": model.embeddings(words).tolist(),
-        }
     )
     return df

 ENV = "LynxKite Graph Analytics"
+@op(ENV, "Word2vec for the top 1000 words", slow=True)
 def word2vec_1000():
     model = staticvectors.StaticVectors("neuml/word2vec-quantized")
+    df = pd.read_csv(
+        "https://gist.githubusercontent.com/deekayen/4148741/raw/98d35708fa344717d8eee15d11987de6c8e26d7d/1-1000.txt",
+        names=["word"],
     )
+    df["embedding"] = model.embeddings(df.word.tolist()).tolist()
     return df

lynxkite-app/src/lynxkite_app/main.py CHANGED Viewed

@@ -84,6 +84,15 @@ class DirectoryEntry(pydantic.BaseModel):
     type: str
 @app.get("/api/dir/list")
 def list_dir(path: str):
     path = data_path / path
@@ -92,7 +101,7 @@ def list_dir(path: str):
         [
             DirectoryEntry(
                 name=str(p.relative_to(data_path)),
-                type="directory" if p.is_dir() else "workspace",
             )
             for p in path.iterdir()
             if not p.name.startswith(".")

     type: str
+def _get_path_type(path: pathlib.Path) -> str:
+    if path.is_dir():
+        return "directory"
+    elif path.suffixes[-2:] == [".lynxkite", ".json"]:
+        return "workspace"
+    else:
+        return "file"
 @app.get("/api/dir/list")
 def list_dir(path: str):
     path = data_path / path
         [
             DirectoryEntry(
                 name=str(p.relative_to(data_path)),
+                type=_get_path_type(p),
             )
             for p in path.iterdir()
             if not p.name.startswith(".")

lynxkite-app/web/index.html CHANGED Viewed

@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/assets/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>LynxKite 2025</title>
   </head>
   <body>
     <div id="root"></div>

     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/assets/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
     <div id="root"></div>

lynxkite-app/web/src/Directory.tsx CHANGED Viewed

@@ -15,9 +15,46 @@ import FolderPlus from "~icons/tabler/folder-plus";
 // @ts-ignore
 import Home from "~icons/tabler/home";
 // @ts-ignore
 import Trash from "~icons/tabler/trash";
 import logo from "./assets/logo.png";
 const fetcher = (url: string) => fetch(url).then((res) => res.json());
 export default function () {
@@ -27,48 +64,41 @@ export default function () {
     dedupingInterval: 0,
   });
   const navigate = useNavigate();
-  const [isCreatingDir, setIsCreatingDir] = useState(false);
-  const [isCreatingWorkspace, setIsCreatingWorkspace] = useState(false);
   function link(item: DirectoryEntry) {
     if (item.type === "directory") {
       return `/dir/${item.name}`;
     }
-    return `/edit/${item.name}`;
   }
   function shortName(item: DirectoryEntry) {
-    return item.name.split("/").pop();
   }
-  function newName(list: DirectoryEntry[], baseName = "Untitled") {
-    let i = 0;
-    while (true) {
-      const name = `${baseName}${i ? ` ${i}` : ""}`;
-      if (!list.find((item) => item.name === name)) {
-        return name;
-      }
-      i++;
-    }
   }
-  function newWorkspaceIn(path: string, list: DirectoryEntry[], workspaceName?: string) {
     const pathSlash = path ? `${path}/` : "";
-    const name = workspaceName || newName(list);
-    navigate(`/edit/${pathSlash}${name}`, { replace: true });
   }
-  async function newFolderIn(path: string, list: DirectoryEntry[], folderName?: string) {
-    const name = folderName || newName(list, "New Folder");
     const pathSlash = path ? `${path}/` : "";
     const res = await fetch("/api/dir/mkdir", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ path: pathSlash + name }),
     });
     if (res.ok) {
-      navigate(`/dir/${pathSlash}${name}`);
     } else {
       alert("Failed to create folder.");
     }
@@ -105,84 +135,66 @@ export default function () {
         {list.data && (
           <>
             <div className="actions">
-              <div className="new-workspace">
-                {isCreatingWorkspace && (
-                  // @ts-ignore
-                  <form
-                    onSubmit={(e) => {
-                      e.preventDefault();
-                      newWorkspaceIn(
-                        path || "",
-                        list.data,
-                        (e.target as HTMLFormElement).workspaceName.value.trim(),
-                      );
-                    }}
-                  >
-                    <input
-                      type="text"
-                      name="workspaceName"
-                      defaultValue={newName(list.data)}
-                      placeholder={newName(list.data)}
-                    />
-                  </form>
-                )}
-                <button type="button" onClick={() => setIsCreatingWorkspace(true)}>
-                  <FolderPlus /> New workspace
-                </button>
-              </div>
-              <div className="new-folder">
-                {isCreatingDir && (
-                  // @ts-ignore
-                  <form
-                    onSubmit={(e) => {
-                      e.preventDefault();
-                      newFolderIn(
-                        path || "",
-                        list.data,
-                        (e.target as HTMLFormElement).folderName.value.trim(),
-                      );
-                    }}
-                  >
-                    <input
-                      type="text"
-                      name="folderName"
-                      defaultValue={newName(list.data)}
-                      placeholder={newName(list.data)}
-                    />
-                  </form>
-                )}
-                <button type="button" onClick={() => setIsCreatingDir(true)}>
-                  <FolderPlus /> New folder
-                </button>
-              </div>
             </div>
-            {path && (
               <div className="breadcrumbs">
                 <Link to="/dir/">
                   <Home />
                 </Link>{" "}
                 <span className="current-folder">{path}</span>
               </div>
             )}
-            {list.data.map((item: DirectoryEntry) => (
-              <div key={item.name} className="entry">
-                <Link key={link(item)} to={link(item)}>
-                  {item.type === "directory" ? <Folder /> : <File />}
-                  {shortName(item)}
-                </Link>
-                <button
-                  type="button"
-                  onClick={() => {
-                    deleteItem(item);
-                  }}
-                >
-                  <Trash />
-                </button>
-              </div>
-            ))}
           </>
         )}
       </div>{" "}

 // @ts-ignore
 import Home from "~icons/tabler/home";
 // @ts-ignore
+import LayoutGrid from "~icons/tabler/layout-grid";
+// @ts-ignore
+import LayoutGridAdd from "~icons/tabler/layout-grid-add";
+// @ts-ignore
 import Trash from "~icons/tabler/trash";
 import logo from "./assets/logo.png";
+function EntryCreator(props: {
+  label: string;
+  icon: JSX.Element;
+  onCreate: (name: string) => void;
+}) {
+  const [isCreating, setIsCreating] = useState(false);
+  return (
+    <>
+      {isCreating ? (
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            props.onCreate((e.target as HTMLFormElement).entryName.value.trim());
+          }}
+        >
+          <input
+            className="input input-ghost w-full"
+            autoFocus
+            type="text"
+            name="entryName"
+            onBlur={() => setIsCreating(false)}
+            placeholder={`${props.label} name`}
+          />
+        </form>
+      ) : (
+        <button type="button" onClick={() => setIsCreating(true)}>
+          {props.icon} {props.label}
+        </button>
+      )}
+    </>
+  );
+}
 const fetcher = (url: string) => fetch(url).then((res) => res.json());
 export default function () {
     dedupingInterval: 0,
   });
   const navigate = useNavigate();
   function link(item: DirectoryEntry) {
     if (item.type === "directory") {
       return `/dir/${item.name}`;
     }
+    if (item.type === "workspace") {
+      return `/edit/${item.name}`;
+    }
+    return `/code/${item.name}`;
   }
   function shortName(item: DirectoryEntry) {
+    return item.name
+      .split("/")
+      .pop()
+      ?.replace(/[.]lynxkite[.]json$/, "");
   }
+  function newWorkspaceIn(path: string, workspaceName: string) {
+    const pathSlash = path ? `${path}/` : "";
+    navigate(`/edit/${pathSlash}${workspaceName}.lynxkite.json`, { replace: true });
   }
+  function newCodeFile(path: string, name: string) {
     const pathSlash = path ? `${path}/` : "";
+    navigate(`/code/${pathSlash}${name}`, { replace: true });
   }
+  async function newFolderIn(path: string, folderName: string) {
     const pathSlash = path ? `${path}/` : "";
     const res = await fetch("/api/dir/mkdir", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ path: pathSlash + folderName }),
     });
     if (res.ok) {
+      navigate(`/dir/${pathSlash}${folderName}`);
     } else {
       alert("Failed to create folder.");
     }
         {list.data && (
           <>
             <div className="actions">
+              <EntryCreator
+                onCreate={(name) => {
+                  newWorkspaceIn(path || "", name);
+                }}
+                icon={<LayoutGridAdd />}
+                label="New workspace"
+              />
+              <EntryCreator
+                onCreate={(name) => {
+                  newCodeFile(path || "", name);
+                }}
+                icon={<FilePlus />}
+                label="New code file"
+              />
+              <EntryCreator
+                onCreate={(name: string) => {
+                  newFolderIn(path || "", name);
+                }}
+                icon={<FolderPlus />}
+                label="New folder"
+              />
             </div>
+            {path ? (
               <div className="breadcrumbs">
                 <Link to="/dir/">
                   <Home />
                 </Link>{" "}
                 <span className="current-folder">{path}</span>
+                <title>{path}</title>
               </div>
+            ) : (
+              <title>LynxKite 2000:MM</title>
             )}
+            {list.data.map(
+              (item: DirectoryEntry) =>
+                !shortName(item)?.startsWith("__") && (
+                  <div key={item.name} className="entry">
+                    <Link key={link(item)} to={link(item)}>
+                      {item.type === "directory" ? (
+                        <Folder />
+                      ) : item.type === "workspace" ? (
+                        <LayoutGrid />
+                      ) : (
+                        <File />
+                      )}
+                      {shortName(item)}
+                    </Link>
+                    <button
+                      type="button"
+                      onClick={() => {
+                        deleteItem(item);
+                      }}
+                    >
+                      <Trash />
+                    </button>
+                  </div>
+                ),
+            )}
           </>
         )}
       </div>{" "}

lynxkite-app/web/src/index.css CHANGED Viewed

@@ -326,7 +326,14 @@ body {
   .actions {
     display: flex;
     justify-content: space-evenly;
     padding: 5px;
   }
   .actions a {

   .actions {
     display: flex;
     justify-content: space-evenly;
+    align-items: center;
+    height: 50px;
     padding: 5px;
+    form,
+    button {
+      flex: 1;
+    }
   }
   .actions a {

lynxkite-app/web/src/workspace/Workspace.tsx CHANGED Viewed

@@ -53,6 +53,10 @@ function LynxKiteFlow() {
   const [nodes, setNodes] = useState([] as Node[]);
   const [edges, setEdges] = useState([] as Edge[]);
   const { path } = useParams();
   const [state, setState] = useState({ workspace: {} as Workspace });
   const [message, setMessage] = useState(null as string | null);
   useEffect(() => {
@@ -320,7 +324,8 @@ function LynxKiteFlow() {
         <a className="logo" href="">
           <img alt="" src={favicon} />
         </a>
-        <div className="ws-name">{path}</div>
         <EnvironmentSelector
           options={Object.keys(catalog.data || {})}
           value={state.workspace.env!}

   const [nodes, setNodes] = useState([] as Node[]);
   const [edges, setEdges] = useState([] as Edge[]);
   const { path } = useParams();
+  const shortPath = path!
+    .split("/")
+    .pop()!
+    .replace(/[.]lynxkite[.]json$/, "");
   const [state, setState] = useState({ workspace: {} as Workspace });
   const [message, setMessage] = useState(null as string | null);
   useEffect(() => {
         <a className="logo" href="">
           <img alt="" src={favicon} />
         </a>
+        <div className="ws-name">{shortPath}</div>
+        <title>{shortPath}</title>
         <EnvironmentSelector
           options={Object.keys(catalog.data || {})}
           value={state.workspace.env!}

lynxkite-core/src/lynxkite/core/ops.py CHANGED Viewed

@@ -196,13 +196,14 @@ class Op(BaseConfig):
         return res
-def op(env: str, name: str, *, view="basic", outputs=None, params=None, cache=False):
     """Decorator for defining an operation."""
     def decorator(func):
-        if cache:
-            func = mem.cache(func)
         sig = inspect.signature(func)
         # Positional arguments are inputs.
         inputs = {
             name: Input(name=name, type=param.annotation)
@@ -319,6 +320,7 @@ def slow(func):
     return wrapper
 CATALOGS_SNAPSHOTS: dict[str, Catalogs] = {}

         return res
+def op(env: str, name: str, *, view="basic", outputs=None, params=None, slow=False):
     """Decorator for defining an operation."""
     def decorator(func):
         sig = inspect.signature(func)
+        if slow:
+            func = mem.cache(func)
+            func = _global_slow(func)
         # Positional arguments are inputs.
         inputs = {
             name: Input(name=name, type=param.annotation)
     return wrapper
+_global_slow = slow  # For access inside op().
 CATALOGS_SNAPSHOTS: dict[str, Catalogs] = {}