Flow Log

The Flow Log is built on the Flow design framework (website / github) using Monaco Editor

Installation

1️⃣ Install flow code editor dependency

npm i --save @nonfx/flow-log

Note: after installation, re-start your application.

2️⃣ Import flow-log into your project

Paste the below snippet in your project and add your application startup/runtime code to it.

import "@nonfx/flow-core";
import "@nonfx/flow-log";

3️⃣ For a typescript enabled project (optional)

Note: After adding, re-start your application. Make sure you are using version >4.5

For Vue 3: Copy paste below import types in your main.ts file.

import "@nonfx/flow-log/dist/types/vue3";

Copy paste below import types in your main.ts file.

import "@nonfx/flow-log/dist/types/vue2";

React: Include react type in tsconfig.json file like below.

"include": ["src", "./node_modules/@nonfx/flow-log/dist/types/react.ts"]