ide-assi 0.300.0 → 0.302.0

package/dist/bundle.cjs.js

@@ -193912,7 +193912,7 @@ class IdeAi
 		if (apply.javascript) {
 			await this.#generateTmplFile("/prompts/meta/U.BuildReactJsx.txt", "react.jsx", {
 				userPrompt: userPrompt,
-				mybatis: where.mybatis,
+				mybatis: srcPath.mybatis,
 				originSrc: src.javascript,
 				menuUrl: where.menu.url,
 				menuName: where.menu.name,
@@ -194087,7 +194087,7 @@ class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/dist/bundle.esm.js

@@ -193908,7 +193908,7 @@ class IdeAi
 		if (apply.javascript) {
 			await this.#generateTmplFile("/prompts/meta/U.BuildReactJsx.txt", "react.jsx", {
 				userPrompt: userPrompt,
-				mybatis: where.mybatis,
+				mybatis: srcPath.mybatis,
 				originSrc: src.javascript,
 				menuUrl: where.menu.url,
 				menuName: where.menu.name,
@@ -194083,7 +194083,7 @@ class IdeAssi extends HTMLElement
 		});
 	};
 
-	#init = (info) => {
+	#init = () => {
 		this.#config();
 
 		this.#loadLocalSettings();

package/dist/components/ideAi.js

@@ -494,7 +494,7 @@ export class IdeAi
 		if (apply.javascript) {
 			jsSrc = await this.#generateTmplFile("/prompts/meta/U.BuildReactJsx.txt", "react.jsx", {
 				userPrompt: userPrompt,
-				mybatis: where.mybatis,
+				mybatis: srcPath.mybatis,
 				originSrc: src.javascript,
 				menuUrl: where.menu.url,
 				menuName: where.menu.name,

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.300.0",
+  "version": "0.302.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/ideAi.js

@@ -494,7 +494,7 @@ export class IdeAi
 		if (apply.javascript) {
 			jsSrc = await this.#generateTmplFile("/prompts/meta/U.BuildReactJsx.txt", "react.jsx", {
 				userPrompt: userPrompt,
-				mybatis: where.mybatis,
+				mybatis: srcPath.mybatis,
 				originSrc: src.javascript,
 				menuUrl: where.menu.url,
 				menuName: where.menu.name,

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);