Release anycode-base 1.0.6 and add diff demo

vipmax · vipmax · commit 509a34b92285 · 2026-03-31T23:07:24.000+02:00
diff --git a/anycode-base/package-lock.json b/anycode-base/package-lock.json
diff --git a/anycode-base/package.json b/anycode-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "anycode-base",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "src/index.ts",
   "description": "Anycode Editor component",
   "keywords": [
@@ -15,7 +15,7 @@
     "url": ""
   },
   "scripts": {
-    "build": "tsc -p .",
+    "build": "tsc -p . && cp src/styles.css dist/styles.css",
     "test": "vitest"
   },
   "dependencies": {
diff --git a/anycode-base/package_npm.json b/anycode-base/package_npm.json
@@ -1,6 +1,6 @@
 {
   "name": "anycode-base",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Anycode Editor component",
   "type": "module",
   "main": "dist/index.js",
@@ -33,6 +33,7 @@
     "url": ""
   },
   "dependencies": {
+    "diff": "^8.0.2",
     "vscode-textbuffer": "^1.0.0",
     "web-tree-sitter": "^0.21.0"
   },
diff --git a/anycode-example/index.html b/anycode-example/index.html
@@ -9,6 +9,7 @@
   <body>
     <header>
       <h1>Anycode Editor Example</h1>
+      <button id="toggle-diff" type="button">Diff</button>
     </header>
     <div class="editor-container">
       <div id="editor"></div>
diff --git a/anycode-example/main.js b/anycode-example/main.js
@@ -11,10 +11,17 @@ console.log(greet('World'));
 async function init() {
     const editor = new AnycodeEditor(code, 'example.js', 'javascript');
     await editor.init();
-    await editor.render();
+    editor.render();
     document.getElementById('editor')
         .appendChild(editor.getContainer());
+
+    let diffEnabled = false;
+    const toggleButton = document.getElementById('toggle-diff');
+    toggleButton.addEventListener('click', () => {
+        diffEnabled = !diffEnabled;
+        editor.setDiffEnabled(diffEnabled);
+        toggleButton.textContent = diffEnabled ? 'Plain' : 'Diff';
+    });
 }
 
 init();
-
diff --git a/anycode-example/package-lock.json b/anycode-example/package-lock.json
diff --git a/anycode-example/package.json b/anycode-example/package.json
@@ -13,7 +13,7 @@
     "node": ">=24"
   },
   "dependencies": {
-    "anycode-base": "1.0.4"
+    "anycode-base": "^1.0.6"
   },
   "devDependencies": {
     "vite": "^8.0.3"
diff --git a/anycode-example/styles.css b/anycode-example/styles.css
@@ -19,12 +19,40 @@
     padding: 1rem 2rem;
     background: #252526;
     border-bottom: 1px solid #3e3e42;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
   }
   
   h1 {
     font-size: 1.5rem;
     font-weight: 600;
   }
+
+  #toggle-diff {
+    appearance: none;
+    border: 1px solid #5a5a60;
+    background: linear-gradient(180deg, #4b4b50 0%, #3b3b40 100%);
+    color: #f2f2f2;
+    font-size: 0.95rem;
+    font-weight: 600;
+    padding: 0.7rem 1rem;
+    border-radius: 999px;
+    cursor: pointer;
+    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease, opacity 140ms ease;
+  }
+
+  #toggle-diff:hover {
+    transform: translateY(-1px);
+    border-color: #6d6d75;
+    background: linear-gradient(180deg, #57575d 0%, #47474d 100%);
+  }
+
+  #toggle-diff:active {
+    transform: translateY(0);
+    opacity: 0.92;
+  }
   
   .editor-container {
     flex: 1;
@@ -39,4 +67,4 @@
     height: 100%;
     --background-color: #242424;
   }
-  
+  
diff --git a/anycode/global.d.ts b/anycode/global.d.ts
@@ -0,0 +1,2 @@
+declare module '*.css';
+declare module 'allotment/dist/style.css';
diff --git a/anycode/tsconfig.json b/anycode/tsconfig.json
@@ -12,6 +12,6 @@
       "anycode-react/*": ["../anycode-react/src/*"]
     }
   },
-  "include": ["**/*.ts", "**/*.tsx"],
+  "include": ["**/*.ts", "**/*.tsx", "**/*.d.ts"],
   "exclude": ["node_modules", "dist"]
 }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+declare module '*.css';`
	`2`	`+declare module 'allotment/dist/style.css';`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,6 @@`
`12`	`12`	`"anycode-react/": ["../anycode-react/src/"]`
`13`	`13`	`}`
`14`	`14`	`},`
`15`		`- "include": ["*/.ts", "*/.tsx"],`
	`15`	`+ "include": ["*/.ts", "*/.tsx", "*/.d.ts"],`
`16`	`16`	`"exclude": ["node_modules", "dist"]`
`17`	`17`	`}`