codeeffects - npm
Files
- codeeffects.editor.js
- codeeffects.common.css
- codeeffects.light.css
Remarks
The Code Effects Rule Editor provides a powerful, modular client-side interface that integrates seamlessly with any modern web application. It enables users to visually create, edit, and manage business rules directly in the browser, while your server-side code handles rule evaluation through the Code Effects Rule Engine.
The editor is implemented as a self-contained JavaScript library that exposes a compact set of public functions via two global variables — $rule and $ce — while encapsulating all other logic within its internal scope. This makes it completely safe to add the editor to any environment without risking conflicts with existing scripts, frameworks, or global objects.
Starting with script's version 6.1.5, the editor has been modularized to support both modern frameworks and traditional web applications:
- It can be imported as an ES module in client frameworks such as React, Angular, or Vue.
- It can also be referenced as a plain script in any HTML markup using the
<script type="module"> tag.
- The editor’s package is distributed through npm under the package name
codeeffects, making it easy to integrate into any build pipeline.
The editor includes two CSS files:
codeeffects.common.css — the core stylesheet shared across all themes
codeeffects.light.css — the new default Light theme (a Dark theme will be introduced in a future release)
The Rule Editor is fully self-contained and has no dependencies on third-party client or server libraries. It supports all current versions of all major browsers.
Refer to our demo projects for examples of referencing, configuring, and using the editor across different .NET web platforms.