monza-editor 0.3.2 → 0.3.4

package/dist/index.d.ts

@@ -1,9 +1,11 @@
-interface Options {
+export interface TextareaEvent extends Omit<Event, "target"> {
+    target: HTMLTextAreaElement;
+}
+export interface Options {
     highlight: (text: string) => string;
-    onChange?: (event: Event) => void;
-    onInput?: (event: Event) => void;
+    onChange?: (event: TextareaEvent) => void;
+    onInput?: (event: TextareaEvent) => void;
     value?: string;
 }
 export declare const initialize: (container: Element, { highlight, onChange, onInput, value }: Options) => void;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,GACrB,WAAW,OAAO,EAClB,yCAAyC,OAAO,KAC/C,IAuCF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC1D,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,GACrB,WAAW,OAAO,EAClB,yCAAyC,OAAO,KAC/C,IAyCF,CAAC"}

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monza-editor",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "The textarea element with syntax highlight",
   "repository": "https://github.com/raviqqe/monza-editor",
   "license": "MIT",

package/dist/index.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.ts.map

package/dist/index.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../src/index.test.ts"],"names":[],"mappings":""}

package/rslib.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from "@rslib/core";
-
-export default defineConfig({
-  lib: [
-    {
-      dts: true,
-      format: "esm",
-      output: {
-        minify: true,
-      },
-    },
-  ],
-  output: {
-    target: "web",
-  },
-});

package/src/css.d.ts

@@ -1,3 +0,0 @@
-declare module "*.module.css" {
-  export default styles satisfies { [key: string]: string };
-}

package/src/index.module.css

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

package/src/index.test.ts

@@ -1,8 +0,0 @@
-import { it } from "vitest";
-import { initialize } from "./index.js";
-
-it("initializes an editor", () => {
-  const editor = document.createElement("div");
-
-  initialize(editor, { highlight: (text) => text });
-});

package/src/index.ts

@@ -1,52 +0,0 @@
-import styles from "./index.module.css";
-
-interface Options {
-  highlight: (text: string) => string;
-  onChange?: (event: Event) => void;
-  onInput?: (event: Event) => void;
-  value?: string;
-}
-
-export const initialize = (
-  container: Element,
-  { highlight, onChange, onInput, value }: Options,
-): void => {
-  container.className += ` ${styles.main}`;
-
-  const textarea = container.appendChild(document.createElement("textarea"));
-  textarea.className += ` ${styles.textarea}`;
-  textarea.setAttribute("spellcheck", "false");
-  textarea.value = value ?? "";
-
-  const pre = container.appendChild(document.createElement("pre"));
-  pre.className += ` ${styles.pre}`;
-
-  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(() => {
-      const text = textarea.value;
-
-      code.innerHTML = highlight(text.at(-1) === "\n" ? `${text} ` : text);
-
-      scroll();
-    });
-
-  textarea.addEventListener("input", (event) => {
-    update();
-    onInput?.(event);
-  });
-  textarea.addEventListener("scroll", scroll);
-
-  if (onChange) {
-    textarea.addEventListener("change", onChange);
-  }
-
-  update();
-};

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "extends": "@raviqqe/tsconfig/tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "outDir": "dist",
-    "rootDir": "src",
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules",
-        "options": {
-          "goToDefinition": true,
-          "noUncheckedIndexedAccess": true
-        }
-      }
-    ]
-  },
-  "include": ["src"]
-}

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"version":"5.9.2"}

package/vitest.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from "vitest/config";
-
-export default defineConfig({
-  test: {
-    environment: "jsdom",
-  },
-});