@agentix-e/spel-editor 0.1.0 → 1.0.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.1.1] - 2026-07-14
+
+### Changed
+- Remove unused imports across source files
+- Add `.prettierrc` configuration for consistent formatting
+- Tighten `tsconfig.json` strictness checks
+
+### Added
+- Playwright browser integration tests (`test:browser` / `test:browser:ui`)
+- nl2spel integration tests with DeepSeek provider
+- `DEEPSEEK_API_KEY` secret handling for integration tests
+
 ## [0.1.0] - 2026-07-12
 
 ### Added
@@ -16,4 +28,5 @@ All notable changes to this project will be documented in this file.
 - `change` event with `value` and `isValid` detail
 - Framework-agnostic — works with React, Vue, Angular, Svelte, or plain HTML
 
+[0.1.1]: https://github.com/AgentiX-E/spel-editor/releases/tag/v0.1.1
 [0.1.0]: https://github.com/AgentiX-E/spel-editor/releases/tag/v0.1.0

package/README.md

@@ -3,7 +3,7 @@
 > Web-embeddable Spring Expression Language (SpEL) editor.
 > Based on CodeMirror 6 + spel-ts v1.1.0. Framework-agnostic Web Component.
 
-[![GitHub](https://img.shields.io/badge/GitHub-AgentiX--E%2Fspel--editor-blue)](https://github.com/AgentiX-E/spel-editor)
+[![GitHub](https://img.shields.io/npm/v/@agentix-e/spel-editor)](https://www.npmjs.com/package/@agentix-e/spel-editor)
 
 ## Quick Start
 

package/dist/index.js

@@ -20,11 +20,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 // src/spel-editor.ts
 import { LitElement, html, css } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
-import {
-  EditorView,
-  keymap,
-  placeholder as cmPlaceholder
-} from "@codemirror/view";
+import { EditorView, keymap, placeholder as cmPlaceholder } from "@codemirror/view";
 import { EditorState } from "@codemirror/state";
 import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
 import { closeBrackets, autocompletion } from "@codemirror/autocomplete";
@@ -117,64 +113,66 @@ function tokenKindToStyle(kind) {
   }
 }
 function createSpelStreamParser() {
+  return StreamLanguage.define(createTokenParser());
+}
+function createTokenParser() {
   let _tokenizer = null;
   let _tokens = [];
   let _tokenIndex = 0;
-  return StreamLanguage.define({
-    startState: () => null,
-    token: (stream) => {
-      if (!_tokenizer || _tokenIndex === 0) {
-        _tokenizer = new SpelTokenizer(stream.string);
-        let rawTokens;
-        try {
-          rawTokens = _tokenizer.tokenize();
-        } catch {
-          _tokens = [];
-          _tokenIndex = 0;
-          stream.skipToEnd();
-          return null;
-        }
+  const startState = () => null;
+  const token = (stream) => {
+    if (!_tokenizer || _tokenIndex === 0) {
+      _tokenizer = new SpelTokenizer(stream.string);
+      let rawTokens;
+      try {
+        rawTokens = _tokenizer.tokenize();
+      } catch {
         _tokens = [];
         _tokenIndex = 0;
-        for (let i = 0; i < rawTokens.length - 1; i++) {
-          const tok = rawTokens[i];
-          const style = tokenKindToStyle(tok.kind);
-          if (tok.kind === TokenKind.IDENTIFIER) {
-            const prevTok = i > 0 ? rawTokens[i - 1] : null;
-            if (prevTok?.kind === TokenKind.HASH) {
-              _tokens.push({
-                from: tok.startPos,
-                to: tok.endPos,
-                style: "variableName"
-              });
-              continue;
-            }
-            if (prevTok?.kind === TokenKind.DOT || prevTok?.kind === TokenKind.SAFE_NAV) {
-              _tokens.push({
-                from: tok.startPos,
-                to: tok.endPos,
-                style: "propertyName"
-              });
-              continue;
-            }
+        stream.skipToEnd();
+        return null;
+      }
+      _tokens = [];
+      _tokenIndex = 0;
+      for (let i = 0; i < rawTokens.length - 1; i++) {
+        const tok = rawTokens[i];
+        const style = tokenKindToStyle(tok.kind);
+        if (tok.kind === TokenKind.IDENTIFIER) {
+          const prevTok = i > 0 ? rawTokens[i - 1] : null;
+          if (prevTok?.kind === TokenKind.HASH) {
+            _tokens.push({
+              from: tok.startPos,
+              to: tok.endPos,
+              style: "variableName"
+            });
+            continue;
+          }
+          if (prevTok?.kind === TokenKind.DOT || prevTok?.kind === TokenKind.SAFE_NAV) {
+            _tokens.push({
+              from: tok.startPos,
+              to: tok.endPos,
+              style: "propertyName"
+            });
+            continue;
           }
-          _tokens.push({ from: tok.startPos, to: tok.endPos, style });
         }
+        _tokens.push({ from: tok.startPos, to: tok.endPos, style });
       }
-      while (_tokenIndex < _tokens.length) {
-        const t = _tokens[_tokenIndex];
-        if (t.from >= stream.pos) {
-          stream.pos = t.to;
-          _tokenIndex++;
-          return t.style || null;
-        }
+    }
+    while (_tokenIndex < _tokens.length) {
+      const t = _tokens[_tokenIndex];
+      if (t.from >= stream.pos) {
+        stream.pos = t.to;
         _tokenIndex++;
+        return t.style || null;
       }
-      stream.skipToEnd();
-      _tokenIndex = 0;
-      return null;
+      _tokenIndex++;
     }
-  });
+    stream.skipToEnd();
+    _tokenIndex = 0;
+    return null;
+  };
+  return { startState, token };
 }
 
 // src/cm6/spel-language.ts
@@ -184,19 +182,13 @@ function spelLanguage() {
 
 // src/cm6/completion-source.ts
 import "@codemirror/autocomplete";
-import {
-  SpelCompletionEngine
-} from "@agentix-e/spel-ts";
+import { SpelCompletionEngine } from "@agentix-e/spel-ts";
 function spelCompletion(getContextSchema) {
   return (context) => {
     const expression = context.state.sliceDoc();
     const position = context.pos;
     const schema = getContextSchema?.() ?? void 0;
-    const items = SpelCompletionEngine.getCompletions(
-      expression,
-      position,
-      schema
-    );
+    const items = SpelCompletionEngine.getCompletions(expression, position, schema);
     const validFor = /\w*/;
     return {
       from: context.matchBefore(validFor)?.from ?? position,
@@ -336,7 +328,7 @@ var EDITOR_STYLES = css`
   }
   .cm-editor {
     height: 100%;
-    font-family: var(--spel-font-family, "JetBrains Mono", monospace);
+    font-family: var(--spel-font-family, 'JetBrains Mono', monospace);
     font-size: var(--spel-font-size, 14px);
     line-height: var(--spel-line-height, 1.6);
   }
@@ -525,10 +517,7 @@ runDiagnostics_fn = function() {
     __privateSet(this, _diagnosticCache, []);
     return;
   }
-  __privateSet(this, _diagnosticCache, SpelDiagnosticEngine2.validate(
-    expr,
-    this.contextSchema ?? void 0
-  ));
+  __privateSet(this, _diagnosticCache, SpelDiagnosticEngine2.validate(expr, this.contextSchema ?? void 0));
   this.dispatchEvent(
     new CustomEvent("validate", {
       detail: { diagnostics: __privateGet(this, _diagnosticCache) },
@@ -576,9 +565,7 @@ fireChange_fn = function() {
     value: this.value,
     isValid: syntaxDiags.length === 0
   };
-  this.dispatchEvent(
-    new CustomEvent("change", { detail, bubbles: true, composed: true })
-  );
+  this.dispatchEvent(new CustomEvent("change", { detail, bubbles: true, composed: true }));
 };
 SpelEditor.styles = EDITOR_STYLES;
 __decorateClass([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentix-e/spel-editor",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Web-embeddable Spring Expression Language (SpEL) editor — CodeMirror 6 + spel-ts powered",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,6 +20,9 @@
   "scripts": {
     "build": "tsup src/index.ts --format esm --dts --clean",
     "test": "vitest run --coverage",
+    "test:browser": "playwright test",
+    "test:browser:ui": "playwright test --ui",
+    "test:all": "pnpm test && pnpm test:browser",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
     "format": "prettier --write 'src/**/*.ts' 'tests/**/*.ts'",
@@ -49,11 +52,15 @@
     }
   },
   "devDependencies": {
+    "@agentix-e/nl2spel": "^1.1.2",
+    "@agentix-e/nl2spel-openai": "^1.1.2",
+    "@playwright/test": "^1.61.1",
     "@vitest/coverage-v8": "^3.0.0",
     "jsdom": "^29.1.1",
     "prettier": "^3.9.5",
     "tsup": "^8.0.0",
     "typescript": "^5.8.3",
+    "vite": "^8.1.4",
     "vitest": "^3.0.0"
   },
   "keywords": [
@@ -75,6 +82,9 @@
     "url": "https://github.com/AgentiX-E/spel-editor/issues"
   },
   "homepage": "https://github.com/AgentiX-E/spel-editor#readme",
+  "pnpm": {
+    "onlyBuiltDependencies": ["esbuild"]
+  },
   "publishConfig": {
     "access": "public"
   }