npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@andreasnicolaou/typescript-expression-language

v3.0.0

Published

TypeScript implementation of symfony/expression-language

Downloads

3,868

Readme

TypeScript Symfony Expression Language

A TypeScript-native implementation of the Symfony Expression Language — written in TypeScript from the ground up, not transpiled JavaScript with bolted-on type definitions.

Evaluate complex expressions client-side with Symfony-faithful semantics, a bounded LRU cache, ESM/CJS/UMD output, and zero peer dependencies.

TypeScript GitHub contributors GitHub License GitHub Actions Workflow Status GitHub package.json version Known Vulnerabilities Bundle Size

ESLint Prettier Jest Maintenance codecov Socket Badge

NPM Downloads

📋 Changelog — read this before upgrading across a major version.

Tree View

Tree Coverage


Sunburst View

Sunburst Coverage


Icicle View

Icicle Coverage

GitHub Repo stars

🧪 Demo

You can try this library live:

👉 Interactive Demo on StackBlitz

🌐 UMD Build Test on GitHub Pages


✨ Features

  • TypeScript-native source: Types are generated from the implementation — never out of sync with the API.
  • ESM-first: Tree-shakeable ES module output alongside CJS and UMD. Use only what you import.
  • Bounded LRU cache: Parsed expressions are cached in a lightweight 500-entry ArrayCache, which can be replaced with a custom cache.
  • Symfony-faithful semantics: Operators, precedence, literals, and error behavior follow Symfony's ExpressionLanguage — 1 / 0 throws Division by zero. rather than returning Infinity. Values are JavaScript-native, and PHP stdlib functions are opt-in via /providers.
  • Zero peer dependencies: No packages to install alongside this one — everything is self-contained.
  • Rich syntax: Numbers (with underscore separators), strings, arrays, hashes, block comments, regex matching, ranges, null-safe operators, and more.
  • Extensible: Register custom functions or group them into reusable providers.
  • Strict error reporting: Syntax errors include the position, the offending token, and a "did you mean?" suggestion when a name is close.

📦 Installation & Module Support

This library provides universal compatibility across all JavaScript environments:

Package Managers

# npm
npm install @andreasnicolaou/typescript-expression-language

# yarn
yarn add @andreasnicolaou/typescript-expression-language

# pnpm
pnpm add @andreasnicolaou/typescript-expression-language

CDN Usage

For direct browser usage without a build step:

<!-- unpkg CDN (latest version, unminified) -->
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.umd.js"></script>

<!-- unpkg CDN (latest version, minified) -->
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.umd.min.js"></script>

<!-- jsDelivr CDN (unminified) -->
<script src="https://cdn.jsdelivr.net/npm/@andreasnicolaou/typescript-expression-language/dist/index.umd.js"></script>

<!-- jsDelivr CDN (minified) -->
<script src="https://cdn.jsdelivr.net/npm/@andreasnicolaou/typescript-expression-language/dist/index.umd.min.js"></script>

CDN Benefits:

  • ✅ No build step required
  • ✅ Cached across websites for faster loading
  • ✅ Perfect for prototyping and demos
  • ✅ Works in any HTML page immediately
  • ✅ Choose minified (.min.js) for production, or unminified (.js) for debugging

Module Format Support

  • 🟢 ESM (ES Modules): For modern bundlers and Node.js
  • 🟢 CommonJS: For traditional Node.js projects
  • 🟢 UMD (Unminified & Minified): For direct browser usage via CDN - use .umd.js for debugging, .umd.min.js for production
  • 🟢 TypeScript: Complete type definitions included

Usage Examples

ES Modules (Recommended)

import { ExpressionLanguage } from '@andreasnicolaou/typescript-expression-language';

CommonJS

const { ExpressionLanguage } = require('@andreasnicolaou/typescript-expression-language');

Browser (UMD via CDN)

<!-- Use .umd.js for debugging, .umd.min.js for production -->
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.umd.min.js"></script>
<script>
  const el = new typescriptExpressionLanguage.ExpressionLanguage();
  console.log(el.evaluate('1 + 2 * 3')); // 7
</script>

Browser (ES Modules via CDN)

<script type="module">
  import { ExpressionLanguage } from 'https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.js';

  const el = new ExpressionLanguage();
  console.log(el.evaluate('2 * (3 + 4)')); // 14
</script>

TypeScript

// Full type safety and IntelliSense support
import { ExpressionLanguage, ParsedExpression } from '@andreasnicolaou/typescript-expression-language';

🚀 Quick Start

Node.js (ESM)

import { ExpressionLanguage } from '@andreasnicolaou/typescript-expression-language';

const el = new ExpressionLanguage();
console.log(el.evaluate('1 + 2 * 3')); // 7

Node.js (CommonJS)

const { ExpressionLanguage } = require('@andreasnicolaou/typescript-expression-language');

const el = new ExpressionLanguage();
console.log(el.evaluate('x + y', { x: 10, y: 5 })); // 15

Browser (No Build Step)

<!-- Use .umd.js for debugging, .umd.min.js for production -->
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.umd.min.js"></script>
<script>
  const el = new typescriptExpressionLanguage.ExpressionLanguage();
  console.log(el.evaluate('"Hello " + name', { name: 'World' })); // "Hello World"
</script>

Modern Browser (ES Modules)

<script type="module">
  import { ExpressionLanguage } from 'https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.js';

  const el = new ExpressionLanguage();
  console.log(el.evaluate('Math.pow(2, 3)')); // 8
</script>

🔧 Setup

To get started, initialize the library in your project:

import { ExpressionLanguage } from '@andreasnicolaou/typescript-expression-language';

const expressionLanguage = new ExpressionLanguage();

📖 Usage

Basic Evaluation

const result = expressionLanguage.evaluate('1 + 2');
console.log(result); // Outputs → `3`

Multiple Clauses

const expression = 'array[2] === "three" && obj.method(array[1]) === "value"';
const context = {
  array: ['one', 'two', 'three'],
  obj: {
    method: (arg: string) => `value`,
  },
};
const result = expressionLanguage.evaluate(expression, context);
console.log(result); // Outputs → `true`

Custom Functions

const expressionFunction = ExpressionFunction.fromJs('isEvenFunction', (x: number): boolean => x % 2 === 0, 'isEven');
expressionLanguage.addFunction(expressionFunction);

const expression = 'isEven(10)';
const result = expressionLanguage.evaluate(expression);
console.log(result); // Outputs → `true`

⚙️ Configuration

Custom Cache

By default, the library uses a lightweight, 500-entry ArrayCache for expression parsing optimization. You can pass any cache that implements the exported ExpressionCache interface:

import { ExpressionCache, ExpressionLanguage, ParsedExpression } from '@andreasnicolaou/typescript-expression-language';

const values = new Map<string, ParsedExpression>();
const customCache: ExpressionCache = {
  get: (key) => values.get(key),
  set: (key, value) => values.set(key, value),
  get size() {
    return values.size;
  },
};

const expressionLanguage = new ExpressionLanguage(customCache);

Upgrading from v1? The bundled lru-cache dependency was removed in v2.0.0, but LRU still works — an LRUCache instance satisfies ExpressionCache structurally. Just install the package yourself and pass the instance straight in:

npm install lru-cache
import { LRUCache } from 'lru-cache';
import { ExpressionLanguage, ParsedExpression } from '@andreasnicolaou/typescript-expression-language';

const cache = new LRUCache<string, ParsedExpression>({ max: 500, ttl: 1000 * 60 });
const expressionLanguage = new ExpressionLanguage(cache);

Built-in Providers (opt-in)

Four ready-made providers ship behind the /providers entry point. They are not bundled into the core and use the project's existing Locutus dependency for PHP-compatible behavior.

| Provider | Functions | | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | | MathProvider | abs, ceil, floor, round, sqrt, pow | | StringProvider | strtolower, strtoupper, strlen, trim, ltrim, rtrim, ucfirst, lcfirst, ucwords, strrev, explode, str_replace, substr | | ArrayProvider | count, implode, array_keys, array_values, array_merge, array_reverse, array_unique, array_sum, in_array, array_intersect, array_slice | | DateProvider | checkdate, date, date_parse, gmdate, gmmktime, mktime, strtotime, time |

import { ExpressionLanguage } from '@andreasnicolaou/typescript-expression-language';
import {
  StringProvider,
  ArrayProvider,
  MathProvider,
  DateProvider,
} from '@andreasnicolaou/typescript-expression-language/providers';

const el = new ExpressionLanguage(undefined, [
  new StringProvider(),
  new ArrayProvider(),
  new MathProvider(),
  new DateProvider(),
]);

console.log(el.evaluate('strtoupper(substr(name, 0, 3))', { name: 'andreas' })); // "AND"
console.log(el.evaluate('implode(", ", array_unique([1, 1, 2, 3]))')); // "1, 2, 3"
console.log(el.evaluate('round(pow(2, 0.5), 4)')); // 1.4142
console.log(el.evaluate('gmdate("Y", 0)')); // "1970"

Note: MathProvider intentionally omits min/max — those are already registered by default. DateProvider uses PHP second timestamps: strtotime() returns seconds and date() accepts seconds. Provider expressions compile to named calls such as strtoupper(name); provide the matching Locutus function when executing compiled output outside this library.

Browser (UMD via CDN)

The providers also ship as a UMD bundle. Load the core and providers scripts, then read the providers off the typescriptExpressionLanguageProviders global:

<!-- Use .umd.js for debugging, .umd.min.js for production -->
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/index.umd.min.js"></script>
<script src="https://unpkg.com/@andreasnicolaou/typescript-expression-language/dist/providers.umd.min.js"></script>
<script>
  const { ExpressionLanguage } = typescriptExpressionLanguage;
  const { StringProvider, ArrayProvider } = typescriptExpressionLanguageProviders;

  const el = new ExpressionLanguage(undefined, [new StringProvider(), new ArrayProvider()]);
  console.log(el.evaluate('strtoupper("hi") ~ "-" ~ count([1, 2, 3])')); // "HI-3"
</script>

Custom Providers

Add a Simple Math Provider

import {
  ExpressionLanguage,
  ExpressionFunction,
  ExpressionFunctionProvider,
} from '@andreasnicolaou/typescript-expression-language';

class MathProvider implements ExpressionFunctionProvider {
  getFunctions() {
    return [
      ExpressionFunction.fromJs('square', (x: number) => x * x),
      ExpressionFunction.fromJs('add', (x: number, y: number) => x + y),
    ];
  }
}

const el = new ExpressionLanguage();
el.registerProvider(new MathProvider());

console.log(el.evaluate('square(5)')); // Outputs → 25
console.log(el.evaluate('add(3, 4)')); // Outputs → 7

Add a Provider with Array and String Utilities

import {
  ExpressionLanguage,
  ExpressionFunction,
  ExpressionFunctionProvider,
} from '@andreasnicolaou/typescript-expression-language';

class UtilsProvider implements ExpressionFunctionProvider {
  getFunctions() {
    return [
      ExpressionFunction.fromJs('isEven', (x: number) => x % 2 === 0),
      ExpressionFunction.fromJs('maxInArray', (arr: number[]) => Math.max(...arr)),
      ExpressionFunction.fromJs('join', (arr: string[], sep: string) => arr.join(sep)),
    ];
  }
}

const el = new ExpressionLanguage(undefined, [new UtilsProvider()]);

console.log(el.evaluate('isEven(10)')); // Outputs → true
console.log(el.evaluate('maxInArray([1, 5, 3, 9])')); // Outputs → 9
console.log(el.evaluate('join(["a", "b", "c"], ",")')); // Outputs → "a,b,c"

For common PHP-style helpers like strtolower/strtoupper/substr, use the built-in providers. Write a custom provider (as above) only for logic specific to your app. Both the built-in providers and ExpressionFunction.fromJs('name', fn) compile to bare name(...) calls, so the function must exist in scope when executing compiled output.


📋 Supported Syntax

By example

Every line below is a real expression and the value it evaluates to (// →). Variables used are noted in parentheses.

Literals — single/double quotes, underscore separators, no-leading-zero and scientific numbers, arrays, hashes, block comments

1_000_000                       // → 1000000
.5 + 1.5e2                      // → 150.5
'single' ~ " & double"          // → 'single & double'
[1, 2, 3]                       // → [1, 2, 3]
{"a": 1, "b": 2}                // → { a: 1, b: 2 }
/* inline */ 6 * 7              // → 42

Arithmetic, comparison & logic — including word operators (and, not, xor)

2 ** 3 % 5                      // → 3
(1 + 2) * 3 - 10 / 4            // → 6.5
1 === 1 and 1 !== '1'           // → true
true and not false              // → true
true xor false                  // → true

Strings & pattern matching

'Hello, ' ~ name ~ '!'          // → 'Hello, World!'   (name = 'World')
'it\'s a test'                  // → 'it's a test'     (escaped quote)
'foobar' starts with 'foo'      // → true
'foobar' contains 'oba'         // → true
'2026-07' matches '/^\d{4}-\d{2}$/'   // → true

Conditionals — ternary, elvis (?:), null-coalesce (??), null-safe (?.)

age >= 18 ? 'adult' : 'minor'   // → 'adult'   (age = 30)
nickname ?: 'anon'              // → 'anon'    (nickname = '')
user.middle ?? 'n/a'            // → 'n/a'     (user.middle = null)
user?.profile?.city             // → null      (user.profile = null)

Collections, ranges & access

matrix[1][0]                    // → 3         (matrix = [[1, 2], [3, 4]])
obj.greet(user)                 // → 'hi sam'  (obj.greet = u => 'hi ' + u, user = 'sam')
3 in [1, 2, 3]                  // → true
'z' not in ['a', 'b']           // → true
1..5                            // → [1, 2, 3, 4, 5]

Bitwise & functions

5 & 3                           // → 1
~5                              // → -6
1 << 4                          // → 16
max(min(9, 4), 2)               // → 4
constant('Math.PI')             // → 3.141592653589793
enum('Status.ACTIVE').code      // → 1
isset(user.email)               // → true      (user.email = '[email protected]')

Operators

| Type | Operators | Description | | ---------- | -------------------------------------------------------------------------------------------- | ------------------------- | | Arithmetic | +, -, *, /, % | Basic math operations | | Comparison | ==, !=, ===, !==, <, <=, >, >= | Value comparison | | Logical | &&, ||, !, xor | Logical AND, OR, NOT, XOR | | Word-Based | starts with, ends with, contains, matches, not, in, not in, and, or, xor | Word-based logic | | Bitwise | &, | , ^, ~, <<, >> | Bitwise operations | | Range | .. | Range (sequence) |

Data Access

| Syntax | Description | | ----------------- | ------------------------------ | | array[0] | Access array elements | | array?.[0] | Null-safe array element access | | obj.property | Access object properties | | obj?.property | Null-safe property access | | obj.method(arg) | Call object methods | | obj?.method() | Null-safe method call |

Functions

Add and register custom functions for flexible application logic.


🛠️ Available Functions

The library provides access to a comprehensive set of JavaScript functions. Some are enabled by default, while others can be registered using ExpressionFunction.fromJs().

This table is the JavaScript-native set you register one at a time with ExpressionFunction.fromJs() (e.g. toLowerCase, split, trim). If you want PHP-named helpers instead (strtolower, substr, count, implode, date…), grab them from the opt-in built-in providers, backed by Locutus.

| Function | Category | Enabled by Default | Description | Example | | -------------------- | -------- | :----------------: | -------------------------------------------------------- | --------------------------------------------------- | | constant | Core | ✅ | Access global constants and nested properties | constant("CONFIG.API_URL") | | enum | Core | ✅ | Access PHP-style and TypeScript-style enums | enum("Status.ACTIVE") | | isset | Core | ✅ | Returns true if the value is not null or undefined | isset(user.email)true | | min | Math | ✅ | Returns the smallest of zero or more numbers | min(1, 2, 3)1 | | max | Math | ✅ | Returns the largest of zero or more numbers | max(1, 2, 3)3 | | now | Date | ✅ | Returns the current timestamp | now() | | abs | Math | ❌ | Returns the absolute value of a number | abs(-5)5 | | ceil | Math | ❌ | Rounds a number up to the nearest integer | ceil(3.2)4 | | floor | Math | ❌ | Rounds a number down to the nearest integer | floor(3.8)3 | | round | Math | ❌ | Rounds a number to the nearest integer | round(3.5)4 | | random | Math | ❌ | Returns a pseudo-random number between 0 and 1 | random()0.123... | | sqrt | Math | ❌ | Returns the square root of a number | sqrt(9)3 | | pow | Math | ❌ | Returns base to the exponent power | pow(2, 3)8 | | sin | Math | ❌ | Returns the sine of a number | sin(Math.PI / 2)1 | | cos | Math | ❌ | Returns the cosine of a number | cos(0)1 | | tan | Math | ❌ | Returns the tangent of a number | tan(0)0 | | keys | Array | ❌ | Returns the keys of an object | keys(obj) | | values | Array | ❌ | Returns the values of an object | values(obj) | | isArray | Array | ❌ | Checks if a value is an array | isArray(arr) | | concat | Array | ❌ | Merges multiple arrays | concat(arr1, arr2) | | from | Array | ❌ | Creates an array from an iterable | from(iterable) | | of | Array | ❌ | Creates a new array instance with the given elements | of(1, 2, 3) | | charAt | String | ❌ | Returns the character at a specific index | charAt('hello', 1)'e' | | charCodeAt | String | ❌ | Returns the Unicode value of the character at an index | charCodeAt('A', 0)65 | | includes | String | ❌ | Checks if a string contains a substring | includes('hello', 'ell')true | | indexOf | String | ❌ | Returns the index of the first occurrence of a substring | indexOf('hello', 'e')1 | | split | String | ❌ | Splits a string into an array by a separator | split('a,b,c', ',')['a', 'b', 'c'] | | trim | String | ❌ | Removes whitespace from both ends of a string | trim(' hello ')'hello' | | toUpperCase | String | ❌ | Converts a string to uppercase | toUpperCase('hello')'HELLO' | | toLowerCase | String | ❌ | Converts a string to lowercase | toLowerCase('HELLO')'hello' | | isFinite | Number | ❌ | Checks if a value is a finite number | isFinite(100)true | | isInteger | Number | ❌ | Checks if a value is an integer | isInteger(100.5)false | | isNaN | Number | ❌ | Checks if a value is NaN | isNaN(NaN)true | | toFixed | Number | ❌ | Formats a number to a fixed number of decimals | toFixed(3.14159, 2)'3.14' | | toISOString | Date | ❌ | Converts a date to an ISO string | toISOString(new Date()) | | toDateString | Date | ❌ | Converts a date to a readable string | toDateString(new Date()) | | getTime | Date | ❌ | Gets the timestamp of a date | getTime(new Date()) | | getFullYear | Date | ❌ | Returns the year of a date | getFullYear(new Date()) | | getMonth | Date | ❌ | Returns the month of a date (0-based) | getMonth(new Date()) | | getDay | Date | ❌ | Returns the day of the week | getDay(new Date()) | | getMinutes | Date | ❌ | Returns the minutes of a date | getMinutes(new Date()) | | stringify | JSON | ❌ | Converts a JavaScript object to a JSON string | stringify({ key: 'value' })'{"key":"value"}' | | parse | JSON | ❌ | Parses a JSON string into an object | parse('{"key":"value"}'){ key: 'value' } | | test | RegExp | ❌ | Tests if a pattern matches a string | test(/abc/, 'abcdef')true | | exec | RegExp | ❌ | Executes a pattern and returns the match | exec(/abc/, 'abcdef')['abc'] | | decodeURI | URI | ❌ | Decodes a URI | decodeURI('%20space')' space' | | encodeURI | URI | ❌ | Encodes a URI | encodeURI(' space')'%20space' | | decodeURIComponent | URI | ❌ | Decodes a URI component | decodeURIComponent('%20space')' space' | | encodeURIComponent | URI | ❌ | Encodes a URI component | encodeURIComponent(' space')'%20space' |


⚠️ IGNORE_UNKNOWN_VARIABLES & IGNORE_UNKNOWN_FUNCTIONS

When linting or parsing expressions, you may want to ignore errors about unknown variables or functions. The library provides two flags for this purpose:

  • Parser.IGNORE_UNKNOWN_VARIABLES: Ignores unknown variables during linting/parsing.
  • Parser.IGNORE_UNKNOWN_FUNCTIONS: Ignores unknown functions during linting/parsing.
  • You can combine both flags using the bitwise OR operator (|): Parser.IGNORE_UNKNOWN_VARIABLES | Parser.IGNORE_UNKNOWN_FUNCTIONS to ignore both unknown variables and functions.

Usage

Import the Parser and use the flags as the third argument to lint or parse:

import { ExpressionLanguage } from '@andreasnicolaou/typescript-expression-language';
import { Parser } from '@andreasnicolaou/typescript-expression-language/dist/parser';

const el = new ExpressionLanguage();

// Ignore unknown variables
el.lint('foo + 1', [], Parser.IGNORE_UNKNOWN_VARIABLES); // Does not throw
el.parse('foo + 1', [], Parser.IGNORE_UNKNOWN_VARIABLES); // Does not throw

// Ignore unknown functions
el.lint('myFunc(42)', [], Parser.IGNORE_UNKNOWN_FUNCTIONS); // Does not throw
el.parse('myFunc(42)', [], Parser.IGNORE_UNKNOWN_FUNCTIONS); // Does not throw

// Ignore both unknown variables and functions
el.lint('foo + myFunc(42)', [], Parser.IGNORE_UNKNOWN_VARIABLES | Parser.IGNORE_UNKNOWN_FUNCTIONS); // Does not throw
el.parse('foo + myFunc(42)', [], Parser.IGNORE_UNKNOWN_VARIABLES | Parser.IGNORE_UNKNOWN_FUNCTIONS); // Does not throw

These flags are available on both lint and parse methods. They are intended for static analysis and editor tooling only. At runtime, if a variable or function is actually missing during evaluation, an error will still be thrown.


🛠️ Error Handling

The library is equipped with robust error detection to ensure smooth debugging of invalid expressions. Below are the common error types and how they are reported:

🔄 Common Errors

1. Unmatched Brackets

  • Description: The library throws a SyntaxError when brackets ((), {}, []) are unmatched or unbalanced in an expression.
  • Example:
    (a + b

2. Invalid Syntax

  • Description: The library throws a SyntaxError when an expression contains invalid syntax.
  • Example:
    a + b +

3. Undefined Variable

  • Description: The library throws a SyntaxError when it detects an invalid or misplaced character that does not belong to the syntax.
  • Example:
    a + 5 @

🎯 Use Cases

Here are some practical use cases where the TypeScript Symfony Expression Language can be applied:

1. Dynamic UI Logic

  • Description: Evaluate conditions to dynamically show or hide components based on user input or other variables.
  • Example: Show a form field only if a certain checkbox is checked or display a message when specific conditions are met.

2. Custom Filters

  • Description: Build advanced filtering systems for grids, tables, or reports, allowing users to filter data based on complex expressions.
  • Example: Create filters for product listings that use multiple criteria such as price range, availability, or category.

3. Formulas and Calculations

  • Description: Compute user-defined formulas directly on the client-side, such as calculating discounts, tax rates, or other financial values.
  • Example: Allow users to input values in a form and instantly calculate the total cost or apply discounts.

4. Interactive Widgets

  • Description: Power interactive components (such as sliders, charts, or dashboards) with user-defined expressions for maximum flexibility and real-time updates.
  • Example: Use a slider to dynamically adjust a value or a chart that updates based on user-selected filters or criteria.

These use cases demonstrate how the library can bring advanced, real-time logic directly to the frontend, providing a more interactive and dynamic user experience.


🛡️ Symfony Compatibility

This library follows Symfony's ExpressionLanguage semantics rather than JavaScript's where the two disagree. Operators, precedence, literals, and error behavior match Symfony: 1 / 0 and 10 % 0 throw instead of returning Infinity/NaN, enum() throws on an unknown case instead of returning undefined, and string literals unescape like PHP's — '\\' is one backslash while '\d' stays \d, so regex patterns survive.

What differs by design: values stay JavaScript-native. Numbers are IEEE-754 doubles, not PHP ints. ~ concatenates using JavaScript coercion, so "v=" ~ null is "v=null" and "v=" ~ true is "v=true" where PHP would give "v=" and "v=1". matches uses JavaScript regular expressions rather than PCRE. And the PHP standard library is not registered by default — those functions are opt-in via the built-in providers.

Key Benefits:

  • Predictable across the stack: Expressions that rely on Symfony's operator and error semantics evaluate the same way here.
  • Synchronization: Ensure business logic is applied consistently across both sides of the application without discrepancies.
  • Easy Integration: Easily synchronize the logic between your PHP backend and TypeScript frontend, without needing separate implementations.

This compatibility makes it easier to create unified and maintainable applications that share the same logic across the stack.


🔧 Development

Building from Source

The library uses a professional build system with Rollup and TypeScript:

# Clone the repository
git clone https://github.com/andreasnicolaou/typescript-expression-language.git
cd typescript-expression-language

# Install dependencies
npm install

# Run the build (generates all formats)
npm run build

Build Output

The build process generates multiple optimized bundles:

  • dist/index.js - ESM bundle for modern environments
  • dist/index.cjs - CommonJS bundle for Node.js
  • dist/index.umd.js - UMD bundle (unminified) for browsers (debugging)
  • dist/index.umd.min.js - UMD bundle (minified) for browsers (production)
  • dist/index.d.ts - TypeScript declarations for full type support

Available Scripts

npm run build      # Build all formats (ESM, CJS, UMD, types)
npm test           # Run Jest test suite
npm run test:watch # Run tests in watch mode
npm run lint       # Run ESLint
npm run format     # Format code with Prettier

📦 Contribution

Contributions are welcome! If you encounter issues or have ideas to enhance the library, feel free to submit an issue or pull request.