npm - @ai.ntellect/core - Versions diffs - 0.6.11 → 0.6.12 - Mend

@ai.ntellect/core 0.6.11 → 0.6.12

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

package/app/README.md +36 -0
package/app/app/favicon.ico +0 -0
package/app/app/globals.css +21 -0
package/app/app/gun.ts +0 -0
package/app/app/layout.tsx +18 -0
package/app/app/page.tsx +321 -0
package/app/eslint.config.mjs +16 -0
package/app/next.config.ts +7 -0
package/app/package-lock.json +5912 -0
package/app/package.json +31 -0
package/app/pnpm-lock.yaml +4031 -0
package/app/postcss.config.mjs +8 -0
package/app/public/file.svg +1 -0
package/app/public/globe.svg +1 -0
package/app/public/next.svg +1 -0
package/app/public/vercel.svg +1 -0
package/app/public/window.svg +1 -0
package/app/tailwind.config.ts +18 -0
package/app/tsconfig.json +27 -0
package/dist/graph/controller.js +30 -41
package/dist/graph/graph.js +167 -0
package/dist/index.js +1 -2
package/dist/memory/adapters/meilisearch/index.js +39 -63
package/dist/utils/experimental-graph-rag.js +152 -0
package/dist/utils/stringifiy-zod-schema.js +7 -6
package/graph/controller.ts +57 -52
package/graph/graph.ts +198 -0
package/index.ts +1 -2
package/memory/adapters/meilisearch/index.ts +41 -76
package/package.json +2 -2
package/tsconfig.json +1 -1
package/types/index.ts +35 -38
package/utils/experimental-graph-rag.ts +170 -0
package/utils/stringifiy-zod-schema.ts +6 -6
package/create-llm-to-select-multiple-graph copy.ts +0 -237
package/create-llm-to-select-multiple-graph.ts +0 -148
package/dist/create-llm-to-select-multiple-graph copy.js +0 -171
package/dist/create-llm-to-select-multiple-graph.js +0 -142
package/dist/graph/engine.js +0 -646
package/dist/index copy.js +0 -76
package/dist/utils/setup-graphs.js +0 -28
package/graph/engine.ts +0 -805
package/index copy.ts +0 -81
package/utils/setup-graphs.ts +0 -45

package/app/README.md ADDED Viewed

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+## Getting Started
+First, run the development server:
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+## Learn More
+To learn more about Next.js, take a look at the following resources:
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+## Deploy on Vercel
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/app/app/favicon.ico ADDED Viewed

Binary file

package/app/app/globals.css ADDED Viewed

@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}

package/app/app/gun.ts ADDED Viewed

File without changes

package/app/app/layout.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+import "./globals.css";
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}

package/app/app/page.tsx ADDED Viewed

@@ -0,0 +1,321 @@
+"use client";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import ForceGraph2D from "react-force-graph-2d";
+import { MeilisearchAdapter } from "../../memory/adapters/meilisearch";
+// Interfaces restent les mêmes
+export interface GraphNode {
+  id: number;
+  name?: string;
+  neighbors: GraphNode[];
+  links: GraphLink[];
+  x?: number;
+  y?: number;
+}
+export interface GraphLink {
+  source: number | GraphNode;
+  target: number | GraphNode;
+  relation?: string;
+}
+const SPACING_FORCE = -200; // Augmente la répulsion entre les nœuds
+async function fetchGraphData() {
+  const memoryManager = new MeilisearchAdapter({
+    apiKey: process.env.NEXT_PUBLIC_MEILISEARCH_API_KEY,
+    host: process.env.NEXT_PUBLIC_MEILISEARCH_HOST,
+  });
+  const existingNodesMemories = await memoryManager.getAllMemories("nodes");
+  const existingEdgesMemories = await memoryManager.getAllMemories("edges");
+  let nodes: GraphNode[] = existingNodesMemories.map((memory) => ({
+    id: memory.id,
+    name: memory.data.name,
+    neighbors: [],
+    links: [],
+  }));
+  let nodeMap: Record<string, GraphNode> = {};
+  nodes.forEach((node, idx) => {
+    nodeMap[existingNodesMemories[idx].id] = node;
+  });
+  let links: GraphLink[] = existingEdgesMemories
+    .map((memory) => {
+      const sourceNode = nodeMap[memory.data.source];
+      const targetNode = nodeMap[memory.data.target];
+      if (!sourceNode || !targetNode) {
+        console.warn(
+          `⚠️ Relation ignorée : ${memory.data.source} → ${memory.data.relation} → ${memory.data.target}`
+        );
+        return null;
+      }
+      return {
+        source: sourceNode,
+        target: targetNode,
+        relation: memory.data.relation,
+      };
+    })
+    .filter((link) => link !== null) as GraphLink[];
+  return { nodes, links };
+}
+const NODE_R = 12;
+const HighlightGraph = () => {
+  const fgRef = useRef<any>(null);
+  const [data, setData] = useState<{ nodes: GraphNode[]; links: GraphLink[] }>({
+    nodes: [],
+    links: [],
+  });
+  const [highlightNodes, setHighlightNodes] = useState(new Set<GraphNode>());
+  const [highlightLinks, setHighlightLinks] = useState(new Set<GraphLink>());
+  const [hoverNode, setHoverNode] = useState<GraphNode | null>(null);
+  const [selectedNode, setSelectedNode] = useState<GraphNode | null>(null);
+  useEffect(() => {
+    const loadGraphData = async () => {
+      try {
+        const graphData = await fetchGraphData();
+        setData(graphData);
+      } catch (error) {
+        console.error("❌ Erreur lors de la récupération du graphe :", error);
+      }
+    };
+    loadGraphData();
+  }, []);
+  useEffect(() => {
+    if (fgRef.current && data.nodes.length > 0) {
+      fgRef.current.d3Force("charge")?.strength(-200);
+      fgRef.current.d3Force("link")?.distance(200);
+    }
+  }, [data]);
+  useMemo(() => {
+    data.links.forEach((link) => {
+      const a =
+        typeof link.source === "object"
+          ? link.source
+          : data.nodes.find((node) => node.id === link.source);
+      const b =
+        typeof link.target === "object"
+          ? link.target
+          : data.nodes.find((node) => node.id === link.target);
+      if (!a || !b) return;
+      if (!a.neighbors.includes(b)) a.neighbors.push(b);
+      if (!b.neighbors.includes(a)) b.neighbors.push(a);
+      if (!a.links.includes(link)) a.links.push(link);
+      if (!b.links.includes(link)) b.links.push(link);
+    });
+  }, [data]);
+  const handleNodeHover = useCallback((node: GraphNode | null) => {
+    setHoverNode(node);
+  }, []);
+  const handleNodeClick = useCallback((node: GraphNode) => {
+    // Mise à jour des nœuds et liens en surbrillance
+    const newHighlightNodes = new Set<GraphNode>([node, ...node.neighbors]);
+    const newHighlightLinks = new Set<GraphLink>(node.links);
+    setHighlightNodes(newHighlightNodes);
+    setHighlightLinks(newHighlightLinks);
+    setSelectedNode(node);
+    if (node.x !== undefined && node.y !== undefined && fgRef.current) {
+      fgRef.current.centerAt(node.x, node.y, 1000);
+    }
+  }, []);
+  const getNodeColor = useCallback(
+    (node: GraphNode) => {
+      if (selectedNode?.id === node.id) {
+        return "#3b82f6"; // Bleu vif pour le nœud sélectionné
+      }
+      if (highlightNodes.has(node)) {
+        return "#60a5fa"; // Bleu clair pour les voisins
+      }
+      return selectedNode ? "#1e3a8a" : "#1d4ed8"; // Assombri si non connecté, normal sinon
+    },
+    [selectedNode, highlightNodes]
+  );
+  const paintRing = useCallback(
+    (node: GraphNode, ctx: CanvasRenderingContext2D) => {
+      const x = node.x ?? 0;
+      const y = node.y ?? 0;
+      // Effet de lueur pour les nœuds en surbrillance
+      if (highlightNodes.has(node)) {
+        ctx.beginPath();
+        ctx.arc(x, y, NODE_R + 4, 0, 2 * Math.PI);
+        ctx.fillStyle = "rgba(147, 197, 253, 0.3)"; // Lueur bleue
+        ctx.fill();
+      }
+      // Nœud principal
+      ctx.beginPath();
+      ctx.arc(x, y, NODE_R, 0, 2 * Math.PI);
+      ctx.fillStyle = getNodeColor(node);
+      ctx.fill();
+      // Bordure
+      ctx.strokeStyle = highlightNodes.has(node) ? "#ffffff" : "#94a3b8";
+      ctx.lineWidth = highlightNodes.has(node) ? 2.5 : 2.5;
+      ctx.stroke();
+      // Label
+      const label = node.name ?? `Node ${node.id}`;
+      ctx.font = "14px Inter, system-ui, sans-serif";
+      const textWidth = ctx.measureText(label).width;
+      // Fond du label
+      ctx.fillStyle = "#000000";
+      ctx.globalAlpha = 0.8;
+      ctx.fillRect(x - textWidth / 2 - 6, y - NODE_R - 24, textWidth + 12, 22);
+      ctx.globalAlpha = 1;
+      // Texte
+      ctx.textAlign = "center";
+      ctx.fillStyle = "white";
+      ctx.fillText(label, x, y - NODE_R - 8);
+    },
+    [hoverNode, selectedNode, highlightNodes, getNodeColor]
+  );
+  const clearSelection = useCallback(() => {
+    setSelectedNode(null);
+    setHighlightNodes(new Set());
+    setHighlightLinks(new Set());
+  }, []);
+  return (
+    <div className="drawer">
+      <input
+        id="my-drawer"
+        type="checkbox"
+        className="drawer-toggle"
+        checked={selectedNode !== null}
+        onChange={(e) => !e.target.checked && clearSelection()}
+      />
+      <div
+        className="drawer-content"
+        style={{ height: "100vh", background: "#0f172a" }}
+      >
+        <ForceGraph2D
+          ref={fgRef}
+          graphData={data}
+          nodeRelSize={NODE_R}
+          autoPauseRedraw={false}
+          linkWidth={(link) => (highlightLinks.has(link as GraphLink) ? 5 : 2)}
+          linkColor={(link) =>
+            highlightLinks.has(link as GraphLink) ? "#60a5fa" : "#64748b"
+          }
+          linkDirectionalParticles={4}
+          linkDirectionalParticleWidth={(link) =>
+            highlightLinks.has(link as GraphLink) ? 6 : 2
+          }
+          linkDirectionalParticleSpeed={0.004}
+          linkDirectionalParticleColor={(link) =>
+            highlightLinks.has(link as GraphLink) ? "#93c5fd" : "#94a3b8"
+          }
+          nodeCanvasObjectMode={() => "before"}
+          nodeCanvasObject={paintRing}
+          onNodeHover={handleNodeHover}
+          onNodeClick={handleNodeClick}
+          linkLabel={(link: GraphLink) => link.relation ?? ""}
+          backgroundColor="#0f172a"
+          linkCanvasObjectMode={() => "after"}
+          linkCanvasObject={(
+            link: GraphLink,
+            ctx: CanvasRenderingContext2D
+          ) => {
+            const start = link.source as GraphNode;
+            const end = link.target as GraphNode;
+            const textPos = {
+              x: start.x! + (end.x! - start.x!) * 0.5,
+              y: start.y! + (end.y! - start.y!) * 0.5,
+            };
+            if (!textPos.x || !textPos.y) return;
+            // Fond du label
+            const label = link.relation || "";
+            ctx.font = "12px Inter";
+            const textWidth = ctx.measureText(label).width;
+            ctx.fillStyle = "#000000";
+            ctx.globalAlpha = 0.8;
+            ctx.fillRect(
+              textPos.x - textWidth / 2 - 4,
+              textPos.y - 8,
+              textWidth + 8,
+              16
+            );
+            ctx.globalAlpha = 1;
+            // Texte de la relation
+            ctx.textAlign = "center";
+            ctx.textBaseline = "middle";
+            ctx.fillStyle = highlightLinks.has(link) ? "#93c5fd" : "#ffffff";
+            ctx.fillText(label, textPos.x, textPos.y);
+          }}
+          d3AlphaDecay={0.05}
+          d3VelocityDecay={0.2}
+        />
+      </div>
+      <div className="drawer-side">
+        <label htmlFor="my-drawer" className="drawer-overlay"></label>
+        <div className="bg-slate-900 text-white min-h-full w-80 p-6 shadow-xl">
+          {selectedNode ? (
+            <div className="space-y-6">
+              <h3 className="text-xl font-bold border-b border-slate-700 pb-2">
+                {selectedNode.name || `Node ${selectedNode.id}`}
+              </h3>
+              <div>
+                <h4 className="text-lg font-semibold mb-3">Connexions</h4>
+                <ul className="space-y-2">
+                  {selectedNode.neighbors.map((neighbor) => (
+                    <li
+                      key={neighbor.id}
+                      className="pl-2 border-l-2 border-blue-500"
+                    >
+                      <button
+                        className="text-blue-400 hover:text-blue-300 transition-colors"
+                        onClick={() => handleNodeClick(neighbor)}
+                      >
+                        {neighbor.name || `Node ${neighbor.id}`}
+                      </button>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <button
+                className="w-full px-4 py-2 bg-slate-700 text-white rounded hover:bg-slate-600 transition-colors"
+                onClick={clearSelection}
+              >
+                Fermer
+              </button>
+            </div>
+          ) : (
+            <p className="text-slate-400">
+              Sélectionnez un nœud pour voir ses détails
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+export default function Home() {
+  return <HighlightGraph />;
+}

package/app/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+export default eslintConfig;

package/app/next.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+export default nextConfig;