monza-editor 0.1.1 → 0.2.0

package/README.md

@@ -1,11 +1,10 @@
 # Monza editor
 
 [![GitHub Action](https://img.shields.io/github/actions/workflow/status/raviqqe/monza-editor/test.yaml?branch=main&style=flat-square)](https://github.com/raviqqe/monza-editor/actions)
-[![Codecov](https://img.shields.io/codecov/c/github/raviqqe/monza-editor.svg?style=flat-square)](https://codecov.io/gh/raviqqe/monza-editor)
 [![npm](https://img.shields.io/npm/v/monza-editor?style=flat-square)](https://www.npmjs.com/package/monza-editor)
 [![License](https://img.shields.io/github/license/raviqqe/monza-editor.svg?style=flat-square)](LICENSE)
 
-The `textarea` element with syntax highlight.
+The minimal `textarea` element with syntax highlight.
 
 ## License
 

package/cspell.json

@@ -1,3 +1,13 @@
 {
-  "words": ["byonm", "codecov", "deno", "monza", "raviqqe", "rslib", "typeof"]
+  "words": [
+    "byonm",
+    "codecov",
+    "deno",
+    "monza",
+    "raviqqe",
+    "rslib",
+    "shiki",
+    "typeof",
+    "vitesse"
+  ]
 }

package/dist/index.css

@@ -0,0 +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}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export declare const initializeEditor: () => void;
+export declare const initialize: (container: Element, highlight: (text: string) => string) => void;
 //# 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":"AAAA,eAAO,MAAM,gBAAgB,YAAW,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,IAuBF,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-let i=()=>{};export{i as initializeEditor};
+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};

package/examples/shiki/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Shiki example for Monza editor</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/examples/shiki/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@monza-editor/shiki-example",
+  "description": "Shiki example for Monza editor",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "monza-editor": "workspace:*",
+    "shiki": "^3.9.2"
+  },
+  "devDependencies": {
+    "@raviqqe/tsconfig": "^2.0.1",
+    "typescript": "~5.9.2",
+    "vite": "^7.1.2"
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "monza-editor",
-  "version": "0.1.1",
-  "description": "The textarea with syntax highlight",
+  "version": "0.2.0",
+  "description": "The minimal textarea with syntax highlight",
   "repository": "https://github.com/raviqqe/monza-editor",
   "license": "MIT",
   "publishConfig": {
@@ -16,22 +16,29 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./style.css": {
+      "default": "./dist/index.css"
     }
   },
   "scripts": {
     "build": "rslib build",
     "build:tsc": "tsc --emitDeclarationOnly",
     "lint": "biome ci",
-    "test": "vitest --coverage"
+    "test": "vitest"
+  },
+  "dependencies": {
+    "shiki": "^3.9.2"
   },
-  "dependencies": {},
   "devDependencies": {
     "@biomejs/biome": "^2.1.4",
     "@raviqqe/biome-config": "^2.0.10",
-    "@raviqqe/tsconfig": "^2.0.0",
+    "@raviqqe/tsconfig": "^2.0.1",
     "@rslib/core": "^0.12.0",
     "@vitest/coverage-v8": "^3.0.2",
+    "jsdom": "^26.1.0",
     "typescript": "^5.0.2",
+    "typescript-plugin-css-modules": "^5.2.0",
     "vitest": "^3.0.2"
   }
 }

package/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - .
+  - examples/shiki

package/rslib.config.ts

@@ -10,6 +10,9 @@ export default defineConfig({
       },
     },
   ],
+  output: {
+    target: "web",
+  },
   source: {
     entry: {
       index: "./src/index.ts",

package/vitest.config.ts

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