monza-editor 0.2.1 → 0.2.2

package/dist/index.css

@@ -1 +1 @@
-.main-TdgjvV{position:relative}.text-YtgeQ_{white-space:break-spaces;word-break:break-word}.editor-ore7X3{box-sizing:border-box;font-family:var(--font-family,monospace);font-size:inherit;line-height:inherit;padding:var(--padding,.1rem);text-align:left;border:none;width:100%;height:100%;margin:0}.textarea-ugnhty{field-sizing:content;resize:none}.pre-bJTdjq{pointer-events:none;position:absolute;top:0;left:0}
+.main-TdgjvV{position:relative}.text-YtgeQ_{white-space:break-spaces;word-break:break-word}.editor-ore7X3{box-sizing:border-box;font-family:var(--font-family,monospace);font-size:inherit;line-height:inherit;padding:var(--padding,.1rem);text-align:left;overscroll-behavior:none;border:none;width:100%;height:100%;margin:0;overflow:scroll}.textarea-ugnhty{field-sizing:content;resize:none}.pre-bJTdjq{pointer-events:none;scrollbar-width:0;position:absolute;top:0;left:0}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GACrB,WAAW,OAAO,EAClB,WAAW,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,KAClC,IAuBF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GACrB,WAAW,OAAO,EAClB,WAAW,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,KAClC,IA+BF,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-let e=(e,t)=>{e.className+=" main-TdgjvV";let a=e.appendChild(document.createElement("textarea"));a.className+=" textarea-ugnhty editor-ore7X3 text-YtgeQ_";let l=e.appendChild(document.createElement("pre"));l.className+=" pre-bJTdjq editor-ore7X3";let n=l.appendChild(document.createElement("code"));n.className+=" code-p0LDSQ text-YtgeQ_";let i=()=>window.requestAnimationFrame(()=>{n.innerHTML=t(a.value),a.style.height="0",a.style.height=`max(${a.scrollHeight}px, 100%)`});a.addEventListener("input",i),i()};export{e as initialize};
+let e=(e,t)=>{e.className+=" main-TdgjvV";let l=e.appendChild(document.createElement("textarea"));l.className+=" textarea-ugnhty editor-ore7X3 text-YtgeQ_",l.setAttribute("spellcheck","false");let a=e.appendChild(document.createElement("pre"));a.className+=" pre-bJTdjq editor-ore7X3";let n=a.appendChild(document.createElement("code"));n.className+=" code-p0LDSQ text-YtgeQ_";let r=()=>{a.scrollTop=l.scrollTop,a.scrollLeft=l.scrollLeft},d=()=>window.requestAnimationFrame(()=>{let e=l.value;n.innerHTML=t("\n"===e.at(-1)?`${e} `:e),r()});l.addEventListener("input",d),l.addEventListener("scroll",r),d()};export{e as initialize};

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "monza-editor",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "The minimal textarea with syntax highlight",
   "repository": "https://github.com/raviqqe/monza-editor",
   "license": "MIT",
   "publishConfig": {
     "provenance": true
   },
-  "engines": {
-    "node": "^24.5.0"
-  },
-  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748",
   "type": "module",
   "exports": {
     ".": {
@@ -26,15 +22,10 @@
     "lint": "biome ci",
     "test": "vitest"
   },
-  "dependencies": {
-    "shiki": "^3.9.2"
-  },
+  "dependencies": {},
   "devDependencies": {
-    "@biomejs/biome": "^2.1.4",
-    "@raviqqe/biome-config": "^2.0.10",
     "@raviqqe/tsconfig": "^2.0.1",
     "@rslib/core": "^0.12.0",
-    "@vitest/coverage-v8": "^3.0.2",
     "jsdom": "^26.1.0",
     "typescript": "^5.9.2",
     "typescript-plugin-css-modules": "^5.2.0",

package/src/index.module.css

@@ -18,12 +18,15 @@
   text-align: left;
   width: 100%;
   height: 100%;
+  overflow: scroll;
+  overscroll-behavior: none;
 }
 
 .textarea {
   composes: editor;
   composes: text;
 
+  /* TODO Support auto height. */
   field-sizing: content;
   resize: none;
 }
@@ -35,6 +38,7 @@
   top: 0;
   left: 0;
   pointer-events: none;
+  scrollbar-width: 0;
 }
 
 .code {

package/src/index.ts

@@ -8,6 +8,7 @@ export const initialize = (
 
   const textarea = container.appendChild(document.createElement("textarea"));
   textarea.className += ` ${styles.textarea}`;
+  textarea.setAttribute("spellcheck", "false");
 
   const pre = container.appendChild(document.createElement("pre"));
   pre.className += ` ${styles.pre}`;
@@ -15,15 +16,22 @@ export const initialize = (
   const code = pre.appendChild(document.createElement("code"));
   code.className += ` ${styles.code}`;
 
+  const scroll = () => {
+    pre.scrollTop = textarea.scrollTop;
+    pre.scrollLeft = textarea.scrollLeft;
+  };
+
   const update = () =>
     window.requestAnimationFrame(() => {
-      code.innerHTML = highlight(textarea.value);
+      const text = textarea.value;
+
+      code.innerHTML = highlight(text.at(-1) === "\n" ? `${text} ` : text);
 
-      textarea.style.height = "0";
-      textarea.style.height = `max(${textarea.scrollHeight}px, 100%)`;
+      scroll();
     });
 
   textarea.addEventListener("input", update);
+  textarea.addEventListener("scroll", scroll);
 
   update();
 };