gcsdk 1.0.5 → 1.0.7

package/README.md

@@ -37,6 +37,7 @@ yarn add gcsdk
 If you encounter an error about the native module not being found, ensure you're using the published version from npm. The native module is pre-built and included in the package.
 
 If you're developing locally, you'll need Rust installed to build the native module:
+
 ```bash
 cd native
 npm install

package/dist/index.d.ts

@@ -2,6 +2,13 @@ interface Message {
     role: "user" | "assistant" | "system";
     content: string;
 }
+export interface HistoryNode {
+    id: string;
+    parentId: string | null;
+    role: "user" | "assistant" | "system";
+    content: string;
+    branchName: string;
+}
 export declare class GitChat {
     private currentBranch;
     private lastCommitId;
@@ -9,7 +16,7 @@ export declare class GitChat {
     commit(message: Message, files: Record<string, string>): Promise<any>;
     merge(branchName: string, baseBranchName: string): void;
     createBranch(branchName: string, baseBranchName: string): void;
-    getHistory(): any;
+    getHistory(): HistoryNode[];
     checkout(branchName: string): void;
     renderTree(): Promise<any>;
 }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAkBA,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,YAAY,CAAuB;IAE3C,KAAK;IAMC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAY5D,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM;IAMhD,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM;IAKvD,UAAU;IAIV,QAAQ,CAAC,UAAU,EAAE,MAAM;IAMrB,UAAU;CAGjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAkBA,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,YAAY,CAAuB;IAE3C,KAAK;IAMC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAY5D,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM;IAMhD,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM;IAKvD,UAAU,IAAI,WAAW,EAAE;IAI3B,QAAQ,CAAC,UAAU,EAAE,MAAM;IAMrB,UAAU;CAGjB"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,29 @@
+import { GitChat } from "../index";
+export declare const transformToFlowData: (gitChat: GitChat) => {
+    flowNodes: {
+        id: string;
+        data: {
+            label: string;
+        };
+        position: {
+            x: number;
+            y: number;
+        };
+        style: {
+            background: string;
+            color: string;
+            borderRadius: string;
+            padding: string;
+        };
+    }[];
+    flowEdges: {
+        id: string;
+        source: string;
+        target: string;
+        animated: boolean;
+        style: {
+            stroke: string;
+        };
+    }[];
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BnD,CAAC"}

package/dist/lib/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformToFlowData = void 0;
+const transformToFlowData = (gitChat) => {
+    const nodes = gitChat.getHistory();
+    const flowNodes = nodes.map((node, index) => ({
+        id: node.id,
+        data: {
+            label: `${node.role.toUpperCase()}: ${node.content.slice(0, 20)} ...`,
+        },
+        position: { x: index * 250, y: 100 },
+        style: {
+            background: node.role === "user" ? "#667eea" : "#764ba2",
+            color: "#fff",
+            borderRadius: "8px",
+            padding: "10px",
+        },
+    }));
+    const flowEdges = nodes
+        .filter((node) => node.parentId)
+        .map((node) => ({
+        id: `e-${node.parentId}-${node.id}`,
+        source: node.parentId,
+        target: node.id,
+        animated: true,
+        style: { stroke: "#999" },
+    }));
+    return {
+        flowNodes,
+        flowEdges,
+    };
+};
+exports.transformToFlowData = transformToFlowData;

package/dist/react/ConversationGraph.d.ts

@@ -0,0 +1,6 @@
+import { GitChat } from "../index";
+export declare function ConversationGraph({ gitChat, onNodeClick, }: {
+    gitChat: GitChat;
+    onNodeClick: (node: any) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConversationGraph.d.ts.map

package/dist/react/ConversationGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationGraph.d.ts","sourceRoot":"","sources":["../../react/ConversationGraph.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC,2CAyBA"}

package/dist/react/ConversationGraph.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConversationGraph = ConversationGraph;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../lib/utils");
+const reactflow_1 = __importStar(require("reactflow"));
+function ConversationGraph({ gitChat, onNodeClick, }) {
+    const { flowNodes, flowEdges } = (0, react_1.useMemo)(() => {
+        return (0, utils_1.transformToFlowData)(gitChat);
+    }, [gitChat]);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "10px",
+            overflow: "hidden",
+        }, children: (0, jsx_runtime_1.jsxs)(reactflow_1.default, { nodes: flowNodes, edges: flowEdges, onNodeClick: (_, node) => onNodeClick(node), children: [(0, jsx_runtime_1.jsx)(reactflow_1.Background, { color: "#f0f0f0", gap: 10 }), (0, jsx_runtime_1.jsx)(reactflow_1.Controls, {}), (0, jsx_runtime_1.jsx)(reactflow_1.MiniMap, {})] }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gcsdk",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Git Chat SDK - A Git-like conversation SDK for managing chat histories with branching support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,6 +9,11 @@
       "types": "./dist/index.d.ts",
       "require": "./dist/index.js",
       "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/ConversationGraph.d.ts",
+      "require": "./dist/react/ConversationGraph.js",
+      "import": "./dist/react/ConversationGraph.js"
     }
   },
   "files": [
@@ -52,8 +57,23 @@
   "devDependencies": {
     "@types/bun": "^1.3.5",
     "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "reactflow": "^11.11.4",
     "typescript": "^5.0.0"
   },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "reactflow": "^11.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "reactflow": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": ">=14.0.0"
   }