ide-assi 0.301.0 → 0.303.0

package/dist/bundle.cjs.js

@@ -194087,7 +194087,7 @@ class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/dist/bundle.esm.js

@@ -194083,7 +194083,7 @@ class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/dist/components/ideAssi.js

@@ -91,7 +91,7 @@ export class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/dist/components/ideDiff.js

@@ -0,0 +1,62 @@
+import ninegrid from "ninegrid2";
+//import { IdeAi } from "./ideAi.js";
+import {diff_match_patch} from 'diff-match-patch';
+
+export class IdeDiff extends HTMLElement
+{
+	#asisSrc;
+	#tobeSrc;
+
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
+				${ninegrid.getCustomPath(this,"ideDiff.css")}
+			</style>
+
+			<div class="wrapper">
+				<div class="asis"></div>
+				<nx-splitter></nx-splitter>
+				<div class="tobe"></div>
+			</div>
+		`;
+
+		requestAnimationFrame(() => {
+			this.#init();
+		});
+	};
+
+	#init = () => {
+	};
+
+	#renderDiff = () => {
+		const dmp = new diff_match_patch();
+		const diffs = dmp.diff_main(this.#asisSrc, this.#tobeSrc);
+		dmp.diff_cleanupSemantic(diffs);
+
+		const html = diffs.map(([op, text]) => {
+			switch (op) {
+				case diff_match_patch.DIFF_INSERT: return `<ins>${text}</ins>`;
+				case diff_match_patch.DIFF_DELETE: return `<del>${text}</del>`;
+				case diff_match_patch.DIFF_EQUAL: return `<span>${text}</span>`;
+			}
+		}).join('');
+
+		this.shadowRoot.querySelector('.tobe').innerHTML = html;
+	};
+
+	initialize = (scr1, scr2) => {
+		this.#asisSrc = scr1.src;
+		this.#tobeSrc = scr2.src;
+
+		this.#renderDiff();
+	};
+}
+
+customElements.define("ide-diff", IdeDiff);

package/dist/components/ideDiffPopup.js

@@ -0,0 +1,38 @@
+import ninegrid from "ninegrid2";
+
+class ideDiffPopup extends HTMLElement
+{
+	constructor() {
+	
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		
+		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				
+			</style>
+			
+			<nx-dialog>
+				<nx-diff></nx-diff>
+			</nx-dialog>
+		`;
+	}
+	
+	popup = (src1, src2) => {
+		setTimeout(() => {
+			const target = this.shadowRoot.querySelector("nx-diff");
+			target.initialize(src1, src2);
+			this.shadowRoot.querySelector('dialog').showModal();
+		}, 100);
+	};
+}
+
+
+customElements.define("ide-diff-popup", ideDiffPopup);
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.301.0",
+  "version": "0.303.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -28,6 +28,7 @@
     "@langchain/google-genai": "^0.x.x",
     "@langchain/ollama": "^0.x.x",
     "@langchain/openai": "^0.x.x",
+    "diff-match-patch": "^1.0.5",
     "exceljs": "^4.4.0",
     "jquery": "^3.6.0",
     "ninegrid2": "^6.650.0",

package/src/components/ideAssi.js

@@ -91,7 +91,7 @@ export class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/src/components/ideDiff.js

@@ -0,0 +1,62 @@
+import ninegrid from "ninegrid2";
+//import { IdeAi } from "./ideAi.js";
+import {diff_match_patch} from 'diff-match-patch';
+
+export class IdeDiff extends HTMLElement
+{
+	#asisSrc;
+	#tobeSrc;
+
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideDiff.css";
+				${ninegrid.getCustomPath(this,"ideDiff.css")}
+			</style>
+
+			<div class="wrapper">
+				<div class="asis"></div>
+				<nx-splitter></nx-splitter>
+				<div class="tobe"></div>
+			</div>
+		`;
+
+		requestAnimationFrame(() => {
+			this.#init();
+		});
+	};
+
+	#init = () => {
+	};
+
+	#renderDiff = () => {
+		const dmp = new diff_match_patch();
+		const diffs = dmp.diff_main(this.#asisSrc, this.#tobeSrc);
+		dmp.diff_cleanupSemantic(diffs);
+
+		const html = diffs.map(([op, text]) => {
+			switch (op) {
+				case diff_match_patch.DIFF_INSERT: return `<ins>${text}</ins>`;
+				case diff_match_patch.DIFF_DELETE: return `<del>${text}</del>`;
+				case diff_match_patch.DIFF_EQUAL: return `<span>${text}</span>`;
+			}
+		}).join('');
+
+		this.shadowRoot.querySelector('.tobe').innerHTML = html;
+	};
+
+	initialize = (scr1, scr2) => {
+		this.#asisSrc = scr1.src;
+		this.#tobeSrc = scr2.src;
+
+		this.#renderDiff();
+	};
+}
+
+customElements.define("ide-diff", IdeDiff);

package/src/components/ideDiffPopup.js

@@ -0,0 +1,38 @@
+import ninegrid from "ninegrid2";
+
+class ideDiffPopup extends HTMLElement
+{
+	constructor() {
+	
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		
+		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				
+			</style>
+			
+			<nx-dialog>
+				<nx-diff></nx-diff>
+			</nx-dialog>
+		`;
+	}
+	
+	popup = (src1, src2) => {
+		setTimeout(() => {
+			const target = this.shadowRoot.querySelector("nx-diff");
+			target.initialize(src1, src2);
+			this.shadowRoot.querySelector('dialog').showModal();
+		}, 100);
+	};
+}
+
+
+customElements.define("ide-diff-popup", ideDiffPopup);
+