@openparachute/vault 0.1.0 → 0.2.0

package/web/src/Sidebar.tsx

@@ -1,186 +0,0 @@
-import type { GraphNode } from "./types";
-import { FAMILY_COLORS, TYPE_COLORS } from "./utils";
-
-interface Props {
-  nodes: GraphNode[];
-  activeFilter: string | null;
-  onFilterChange: (tag: string | null) => void;
-  searchQuery: string;
-  onSearchChange: (q: string) => void;
-  searchResults: GraphNode[];
-  onSelect: (id: string) => void;
-  selectedId: string | null;
-}
-
-const FAMILIES = [
-  { tag: "family/abrahamic", label: "Abrahamic", color: FAMILY_COLORS.abrahamic },
-  { tag: "family/dharmic", label: "Dharmic", color: FAMILY_COLORS.dharmic },
-  { tag: "family/east-asian", label: "East Asian", color: FAMILY_COLORS["east-asian"] },
-  { tag: "family/iranian", label: "Iranian", color: FAMILY_COLORS.iranian },
-  { tag: "family/indigenous", label: "Indigenous", color: FAMILY_COLORS.indigenous },
-  { tag: "family/nrm", label: "New Religious Movements", color: FAMILY_COLORS.nrm },
-];
-
-const TYPES = [
-  { tag: "type/tradition", label: "Traditions", color: "#ffffff" },
-  { tag: "type/concept", label: "Concepts", color: TYPE_COLORS.concept },
-  { tag: "type/figure", label: "Figures", color: TYPE_COLORS.figure },
-  { tag: "type/text", label: "Texts", color: TYPE_COLORS.text },
-  { tag: "type/practice", label: "Practices", color: TYPE_COLORS.practice },
-  { tag: "type/school", label: "Schools", color: TYPE_COLORS.school },
-  { tag: "type/theme", label: "Themes", color: TYPE_COLORS.theme },
-  { tag: "type/moc", label: "Maps of Content", color: TYPE_COLORS.moc },
-];
-
-function FilterButton({
-  label,
-  color,
-  active,
-  count,
-  onClick,
-}: {
-  label: string;
-  color: string;
-  active: boolean;
-  count: number;
-  onClick: () => void;
-}) {
-  return (
-    <button
-      onClick={onClick}
-      className={`flex items-center gap-2 w-full text-left text-sm py-1 px-2 rounded transition-colors cursor-pointer ${
-        active
-          ? "bg-surface-2 text-white"
-          : "text-text-muted hover:text-text hover:bg-surface-2/50"
-      }`}
-    >
-      <span
-        className="w-2 h-2 rounded-full flex-shrink-0"
-        style={{ background: color }}
-      />
-      <span className="flex-1 truncate">{label}</span>
-      <span className="text-xs opacity-50">{count}</span>
-    </button>
-  );
-}
-
-export default function Sidebar({
-  nodes,
-  activeFilter,
-  onFilterChange,
-  searchQuery,
-  onSearchChange,
-  searchResults,
-  onSelect,
-  selectedId,
-}: Props) {
-  const tagCounts = new Map<string, number>();
-  for (const n of nodes) {
-    for (const t of n.tags) {
-      tagCounts.set(t, (tagCounts.get(t) ?? 0) + 1);
-    }
-  }
-
-  return (
-    <div className="w-[240px] min-w-[200px] h-screen bg-surface border-r border-border flex flex-col overflow-hidden">
-      {/* Header */}
-      <div className="p-4 pb-3 border-b border-border">
-        <h1 className="text-sm font-semibold text-white tracking-tight">
-          Religions of the World
-        </h1>
-        <p className="text-xs text-text-muted mt-0.5">Knowledge Graph</p>
-      </div>
-
-      {/* Search */}
-      <div className="px-3 pt-3 pb-2">
-        <input
-          type="text"
-          value={searchQuery}
-          onChange={(e) => onSearchChange(e.target.value)}
-          placeholder="Search notes..."
-          className="w-full bg-surface-2 border border-border rounded px-2.5 py-1.5 text-sm text-text placeholder:text-text-muted/50 outline-none focus:border-accent/50 transition-colors"
-        />
-      </div>
-
-      {/* Search results */}
-      {searchQuery.trim() && (
-        <div className="px-2 pb-2 border-b border-border max-h-[200px] overflow-y-auto">
-          {searchResults.length === 0 ? (
-            <div className="text-xs text-text-muted px-2 py-1">No results</div>
-          ) : (
-            searchResults.map((n) => (
-              <button
-                key={n.id}
-                onClick={() => onSelect(n.id)}
-                className={`w-full text-left text-sm py-1 px-2 rounded truncate cursor-pointer transition-colors ${
-                  n.id === selectedId
-                    ? "bg-surface-2 text-white"
-                    : "text-text-muted hover:text-text hover:bg-surface-2/50"
-                }`}
-              >
-                {n.label}
-                <span className="text-xs opacity-40 ml-1">{n.type}</span>
-              </button>
-            ))
-          )}
-        </div>
-      )}
-
-      {/* Filters */}
-      <div className="flex-1 overflow-y-auto px-2 py-3 space-y-4">
-        {/* Clear filter */}
-        {activeFilter && (
-          <button
-            onClick={() => onFilterChange(null)}
-            className="flex items-center gap-1.5 text-xs text-accent px-2 py-1 hover:underline cursor-pointer"
-          >
-            &times; Clear filter
-          </button>
-        )}
-
-        {/* By Family */}
-        <div>
-          <div className="text-[10px] font-semibold text-text-muted uppercase tracking-widest px-2 mb-1">
-            By Family
-          </div>
-          {FAMILIES.map((f) => (
-            <FilterButton
-              key={f.tag}
-              label={f.label}
-              color={f.color}
-              active={activeFilter === f.tag}
-              count={tagCounts.get(f.tag) ?? 0}
-              onClick={() =>
-                onFilterChange(activeFilter === f.tag ? null : f.tag)
-              }
-            />
-          ))}
-        </div>
-
-        {/* By Type */}
-        <div>
-          <div className="text-[10px] font-semibold text-text-muted uppercase tracking-widest px-2 mb-1">
-            By Type
-          </div>
-          {TYPES.map((t) => (
-            <FilterButton
-              key={t.tag}
-              label={t.label}
-              color={t.color}
-              active={activeFilter === t.tag}
-              count={tagCounts.get(t.tag) ?? 0}
-              onClick={() =>
-                onFilterChange(activeFilter === t.tag ? null : t.tag)
-              }
-            />
-          ))}
-        </div>
-      </div>
-
-      {/* Footer */}
-      <div className="p-3 border-t border-border text-[10px] text-text-muted/50 text-center">
-        Powered by Parachute Vault
-      </div>
-    </div>
-  );
-}

package/web/src/api.ts

@@ -1,21 +0,0 @@
-import type { Note, Tag } from "./types";
-
-const BASE = "/api";
-
-export async function fetchAllNotes(): Promise<Note[]> {
-  const res = await fetch(`${BASE}/notes?include_content=true&limit=500`);
-  if (!res.ok) throw new Error(`Failed to fetch notes: ${res.status}`);
-  return res.json();
-}
-
-export async function fetchTags(): Promise<Tag[]> {
-  const res = await fetch(`${BASE}/tags`);
-  if (!res.ok) throw new Error(`Failed to fetch tags: ${res.status}`);
-  return res.json();
-}
-
-export async function searchNotes(q: string): Promise<Note[]> {
-  const res = await fetch(`${BASE}/search?q=${encodeURIComponent(q)}`);
-  if (!res.ok) throw new Error(`Failed to search: ${res.status}`);
-  return res.json();
-}

package/web/src/index.css

@@ -1,50 +0,0 @@
-@import "tailwindcss";
-
-@theme {
-  --color-bg: #0a0a0f;
-  --color-surface: #111118;
-  --color-surface-2: #1a1a24;
-  --color-border: #2a2a3a;
-  --color-text: #d4d4e0;
-  --color-text-muted: #7878a0;
-  --color-accent: #7c8aff;
-
-  --color-abrahamic: #5b8def;
-  --color-dharmic: #e8a44a;
-  --color-east-asian: #4ecdc4;
-  --color-iranian: #c45bef;
-  --color-indigenous: #5aaf5a;
-  --color-nrm: #ef5b8d;
-  --color-default: #6a6a8a;
-
-  --font-serif: "Newsreader", Georgia, serif;
-  --font-sans: "Inter", system-ui, sans-serif;
-}
-
-html {
-  background: var(--color-bg);
-  color: var(--color-text);
-  font-family: var(--font-sans);
-}
-
-body {
-  margin: 0;
-  overflow: hidden;
-}
-
-/* Markdown rendering */
-.note-content h1 { font: 700 1.75rem/1.2 var(--font-serif); margin-bottom: 0.75rem; color: white; }
-.note-content h2 { font: 600 1.2rem/1.3 var(--font-sans); margin: 1.75rem 0 0.5rem; color: #bbbbd0; border-bottom: 1px solid var(--color-border); padding-bottom: 0.35rem; }
-.note-content h3 { font: 600 1.05rem/1.3 var(--font-sans); margin: 1.25rem 0 0.4rem; color: #a0a0b8; }
-.note-content p { margin: 0.5rem 0; line-height: 1.7; font-family: var(--font-serif); font-size: 1.02rem; }
-.note-content ul, .note-content ol { margin: 0.5rem 0; padding-left: 1.25rem; }
-.note-content li { margin: 0.2rem 0; line-height: 1.6; font-family: var(--font-serif); font-size: 1.02rem; }
-.note-content strong { color: white; font-weight: 600; }
-.note-content em { color: #b0b0c8; }
-.note-content blockquote { border-left: 3px solid var(--color-accent); padding-left: 1rem; margin: 1rem 0; color: var(--color-text-muted); }
-.note-content code { background: var(--color-surface-2); padding: 0.12rem 0.35rem; border-radius: 3px; font-size: 0.88em; }
-
-/* Scrollbar */
-::-webkit-scrollbar { width: 5px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; }

package/web/src/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.tsx";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);

package/web/src/types.ts

@@ -1,37 +0,0 @@
-export interface NoteIndex {
-  id: string;
-  path?: string;
-  tags: string[];
-  createdAt: string;
-  updatedAt: string;
-}
-
-export interface Note extends NoteIndex {
-  content: string;
-  metadata?: Record<string, unknown>;
-}
-
-export interface GraphNode {
-  id: string;
-  path: string;
-  label: string;
-  type: string;    // tradition, concept, figure, text, practice, school, theme, moc
-  family: string;  // abrahamic, dharmic, east-asian, iranian, indigenous, nrm, ""
-  tags: string[];
-  x?: number;
-  y?: number;
-  fx?: number | null;
-  fy?: number | null;
-  vx?: number;
-  vy?: number;
-}
-
-export interface GraphEdge {
-  source: string | GraphNode;
-  target: string | GraphNode;
-}
-
-export interface Tag {
-  name: string;
-  count: number;
-}

package/web/src/utils.ts

@@ -1,107 +0,0 @@
-import type { Note, GraphNode, GraphEdge } from "./types";
-
-// Extract [[wikilinks]] from note content and resolve to note IDs
-const WIKILINK_RE = /\[\[([^\]|]+)(?:\|[^\]]+)?\]\]/g;
-
-export function extractWikilinks(content: string): string[] {
-  const links: string[] = [];
-  let m: RegExpExecArray | null;
-  while ((m = WIKILINK_RE.exec(content)) !== null) {
-    links.push(m[1]);
-  }
-  return links;
-}
-
-export function buildGraph(notes: Note[]): { nodes: GraphNode[]; edges: GraphEdge[] } {
-  const pathToId = new Map<string, string>();
-  for (const n of notes) {
-    if (n.path) pathToId.set(n.path, n.id);
-  }
-
-  const nodes: GraphNode[] = notes.map((n) => ({
-    id: n.id,
-    path: n.path ?? n.id,
-    label: labelFromPath(n.path ?? n.id),
-    type: getType(n.tags),
-    family: getFamily(n.tags),
-    tags: n.tags,
-  }));
-
-  const nodeIds = new Set(nodes.map((n) => n.id));
-  const edgeSet = new Set<string>();
-  const edges: GraphEdge[] = [];
-
-  for (const n of notes) {
-    const targets = extractWikilinks(n.content);
-    for (const target of targets) {
-      const targetId = pathToId.get(target);
-      if (targetId && targetId !== n.id && nodeIds.has(targetId)) {
-        const key = `${n.id}->${targetId}`;
-        if (!edgeSet.has(key)) {
-          edgeSet.add(key);
-          edges.push({ source: n.id, target: targetId });
-        }
-      }
-    }
-  }
-
-  return { nodes, edges };
-}
-
-function labelFromPath(path: string): string {
-  const parts = path.split("/");
-  return parts[parts.length - 1];
-}
-
-function getType(tags: string[]): string {
-  for (const t of tags) {
-    if (t.startsWith("type/")) return t.slice(5);
-  }
-  return "other";
-}
-
-function getFamily(tags: string[]): string {
-  for (const t of tags) {
-    if (t.startsWith("family/")) return t.slice(7);
-  }
-  return "";
-}
-
-export const FAMILY_COLORS: Record<string, string> = {
-  abrahamic: "#5b8def",
-  dharmic: "#e8a44a",
-  "east-asian": "#4ecdc4",
-  iranian: "#c45bef",
-  indigenous: "#5aaf5a",
-  nrm: "#ef5b8d",
-};
-
-export const TYPE_COLORS: Record<string, string> = {
-  tradition: "#ffffff",
-  concept: "#8888a0",
-  figure: "#e8a44a",
-  text: "#5b8def",
-  practice: "#4ecdc4",
-  school: "#c45bef",
-  theme: "#ef5b8d",
-  moc: "#ffffff",
-};
-
-export function nodeColor(node: GraphNode): string {
-  // For traditions/mocs, use family color
-  if (node.type === "tradition" || node.type === "moc") {
-    return FAMILY_COLORS[node.family] ?? "#6a6a8a";
-  }
-  // For others, try family first, then type
-  if (node.family && FAMILY_COLORS[node.family]) {
-    return FAMILY_COLORS[node.family];
-  }
-  return TYPE_COLORS[node.type] ?? "#6a6a8a";
-}
-
-export function nodeRadius(node: GraphNode): number {
-  if (node.type === "moc") return 8;
-  if (node.type === "tradition") return 6;
-  if (node.type === "theme") return 5;
-  return 3.5;
-}

package/web/tsconfig.app.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "es2023",
-    "lib": ["ES2023", "DOM", "DOM.Iterable"],
-    "module": "esnext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"]
-}

package/web/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/web/tsconfig.node.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "es2023",
-    "lib": ["ES2023"],
-    "module": "esnext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["vite.config.ts"]
-}

package/web/vite.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  server: {
-    proxy: {
-      "/api": {
-        target: "http://localhost:1940/vaults/religions",
-        changeOrigin: true,
-      },
-    },
-  },
-});